From 7646a854e77ed7e4c6ea81017886aff3171a4578 Mon Sep 17 00:00:00 2001
From: Nadine Nguyen <nadine.nguyen@jasper.ai>
Date: Sun, 8 Sep 2024 03:48:06 +1000
Subject: [PATCH 001/133] [lexical-code][breaking change] Bug Fix: explicitly
 import instead of `window.` to support code nodes in nodejs (#6562)

---
 packages/lexical-code/src/CodeHighlighterPrism.ts | 5 +++++
 packages/lexical-code/src/CodeNode.ts             | 5 ++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/lexical-code/src/CodeHighlighterPrism.ts b/packages/lexical-code/src/CodeHighlighterPrism.ts
index 3f1d679cbe1..9ec68588456 100644
--- a/packages/lexical-code/src/CodeHighlighterPrism.ts
+++ b/packages/lexical-code/src/CodeHighlighterPrism.ts
@@ -24,9 +24,14 @@ import 'prismjs/components/prism-swift';
 import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-cpp';
+import {CAN_USE_DOM} from 'shared/canUseDOM';
 
 declare global {
   interface Window {
     Prism: typeof import('prismjs');
   }
 }
+
+export const Prism: typeof import('prismjs') = CAN_USE_DOM
+  ? window.Prism
+  : (global as unknown as {Prism: typeof import('prismjs')}).Prism;
diff --git a/packages/lexical-code/src/CodeNode.ts b/packages/lexical-code/src/CodeNode.ts
index 49af055d28d..728e23e64b1 100644
--- a/packages/lexical-code/src/CodeNode.ts
+++ b/packages/lexical-code/src/CodeNode.ts
@@ -22,8 +22,6 @@ import type {
   TabNode,
 } from 'lexical';
 
-import './CodeHighlighterPrism';
-
 import {addClassNamesToElement, isHTMLElement} from '@lexical/utils';
 import {
   $applyNodeReplacement,
@@ -35,6 +33,7 @@ import {
   ElementNode,
 } from 'lexical';
 
+import {Prism} from './CodeHighlighterPrism';
 import {
   $createCodeHighlightNode,
   $isCodeHighlightNode,
@@ -53,7 +52,7 @@ const isLanguageSupportedByPrism = (
 ): boolean => {
   try {
     // eslint-disable-next-line no-prototype-builtins
-    return language ? window.Prism.languages.hasOwnProperty(language) : false;
+    return language ? Prism.languages.hasOwnProperty(language) : false;
   } catch {
     return false;
   }

From 83d3cee43a11e0193184063fbe7526d495ed577d Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Sat, 7 Sep 2024 19:40:57 +0100
Subject: [PATCH 002/133] Multiple update tags (#6507)

Co-authored-by: Bob Ippolito <bob@redivi.com>
Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
---
 packages/lexical/flow/Lexical.js.flow         |  2 +-
 packages/lexical/src/LexicalEditor.ts         |  2 +-
 packages/lexical/src/LexicalUpdates.ts        | 27 +++++++++++--------
 .../src/__tests__/unit/LexicalEditor.test.tsx | 23 ++++++++++++++++
 4 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/packages/lexical/flow/Lexical.js.flow b/packages/lexical/flow/Lexical.js.flow
index 3a8937cedfa..33e5a952bd1 100644
--- a/packages/lexical/flow/Lexical.js.flow
+++ b/packages/lexical/flow/Lexical.js.flow
@@ -215,7 +215,7 @@ type EditorReadOptions = {
 };
 type EditorUpdateOptions = {
   onUpdate?: () => void,
-  tag?: string,
+  tag?: string | Array<string>,
   skipTransforms?: true,
   discrete?: true,
 };
diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index e86e7b215e4..6016ae84956 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -80,7 +80,7 @@ export type TextNodeThemeClasses = {
 export type EditorUpdateOptions = {
   onUpdate?: () => void;
   skipTransforms?: true;
-  tag?: string;
+  tag?: string | Array<string>;
   discrete?: true;
 };
 
diff --git a/packages/lexical/src/LexicalUpdates.ts b/packages/lexical/src/LexicalUpdates.ts
index 38e83cc56e8..11296a2be5a 100644
--- a/packages/lexical/src/LexicalUpdates.ts
+++ b/packages/lexical/src/LexicalUpdates.ts
@@ -219,6 +219,20 @@ function $normalizeAllDirtyTextNodes(
   }
 }
 
+function addTags(editor: LexicalEditor, tags: undefined | string | string[]) {
+  if (!tags) {
+    return;
+  }
+  const updateTags = editor._updateTags;
+  let tags_ = tags;
+  if (!Array.isArray(tags)) {
+    tags_ = [tags];
+  }
+  for (const tag of tags_) {
+    updateTags.add(tag);
+  }
+}
+
 /**
  * Transform heuristic:
  * 1. We transform leaves first. If transforms generate additional dirty nodes we repeat step 1.
@@ -829,11 +843,9 @@ function processNestedUpdates(
       const [nextUpdateFn, options] = queuedUpdate;
 
       let onUpdate;
-      let tag;
 
       if (options !== undefined) {
         onUpdate = options.onUpdate;
-        tag = options.tag;
 
         if (options.skipTransforms) {
           skipTransforms = true;
@@ -851,9 +863,7 @@ function processNestedUpdates(
           editor._deferred.push(onUpdate);
         }
 
-        if (tag) {
-          editor._updateTags.add(tag);
-        }
+        addTags(editor, options.tag);
       }
 
       nextUpdateFn();
@@ -870,17 +880,12 @@ function $beginUpdate(
 ): void {
   const updateTags = editor._updateTags;
   let onUpdate;
-  let tag;
   let skipTransforms = false;
   let discrete = false;
 
   if (options !== undefined) {
     onUpdate = options.onUpdate;
-    tag = options.tag;
-
-    if (tag != null) {
-      updateTags.add(tag);
-    }
+    addTags(editor, options.tag);
 
     skipTransforms = options.skipTransforms || false;
     discrete = options.discrete || false;
diff --git a/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx b/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
index b7714f03532..4b89e56c232 100644
--- a/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
+++ b/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
@@ -61,6 +61,7 @@ import {createRoot, Root} from 'react-dom/client';
 import invariant from 'shared/invariant';
 import * as ReactTestUtils from 'shared/react-test-utils';
 
+import {emptyFunction} from '../../LexicalUtils';
 import {
   $createTestDecoratorNode,
   $createTestElementNode,
@@ -2041,6 +2042,28 @@ describe('LexicalEditor tests', () => {
     ]);
   });
 
+  it('multiple update tags', async () => {
+    init();
+    const $mutateSomething = $createTextNode;
+
+    editor.update($mutateSomething, {
+      tag: ['a', 'b'],
+    });
+    expect(editor._updateTags).toEqual(new Set(['a', 'b']));
+    editor.update(
+      () => {
+        editor.update(emptyFunction, {tag: ['e', 'f']});
+      },
+      {
+        tag: ['c', 'd'],
+      },
+    );
+    expect(editor._updateTags).toEqual(new Set(['a', 'b', 'c', 'd', 'e', 'f']));
+
+    await Promise.resolve();
+    expect(editor._updateTags).toEqual(new Set([]));
+  });
+
   it('mutation listeners does not trigger when other node types are mutated', async () => {
     init();
 

From 7aec43dcdaec5d7c57d69ecff89002645c70f611 Mon Sep 17 00:00:00 2001
From: Vinay Kushwaha <51132814+iamvinayvk@users.noreply.github.com>
Date: Sun, 8 Sep 2024 00:30:54 +0530
Subject: [PATCH 003/133] [lexical-playground] Fix: Poll Option not clickable
 at some place after checked state (#6609)

---
 packages/lexical-playground/src/nodes/PollNode.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/lexical-playground/src/nodes/PollNode.css b/packages/lexical-playground/src/nodes/PollNode.css
index bfa30817bd0..2b41d80cdb6 100644
--- a/packages/lexical-playground/src/nodes/PollNode.css
+++ b/packages/lexical-playground/src/nodes/PollNode.css
@@ -105,6 +105,7 @@
   margin: 0;
   transform: rotate(45deg);
   border-width: 0 2px 2px 0;
+  pointer-events: none;
 }
 .PollNode__optionCheckbox {
   border: 0px;

From f7211e2945fd47d8b736f72c714aeebb746e23ec Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Tue, 10 Sep 2024 21:02:59 +0800
Subject: [PATCH 004/133] [lexical-markdown] update markdown flow api (#6615)

---
 .../flow/LexicalMarkdown.js.flow              | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-markdown/flow/LexicalMarkdown.js.flow b/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
index 7318dda1171..7f2f34483dc 100644
--- a/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
+++ b/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
@@ -17,6 +17,7 @@ import type {
 
 export type Transformer =
   | ElementTransformer
+  | MultilineElementTransformer
   | TextFormatTransformer
   | TextMatchTransformer;
 
@@ -32,10 +33,34 @@ export type ElementTransformer = {
     children: Array<LexicalNode>,
     match: Array<string>,
     isImport: boolean,
-  ) => void,
+  ) => boolean | void,
   type: 'element',
 };
 
+export type MultilineElementTransformer = {
+  dependencies: Array<Class<LexicalNode>>;
+  export?: (
+    node: LexicalNode,
+    traverseChildren: (node: ElementNode) => string,
+  ) => string | null;
+  regExpStart: RegExp;
+  regExpEnd?:
+    | RegExp
+    | {
+        optional?: true;
+        regExp: RegExp;
+      };
+  replace: (
+    rootNode: ElementNode,
+    children: Array<LexicalNode> | null,
+    startMatch: Array<string>,
+    endMatch: Array<string> | null,
+    linesInBetween: Array<string> | null,
+    isImport: boolean,
+  ) => boolean | void;
+  type: 'multilineElement';
+};
+
 export type TextFormatTransformer = $ReadOnly<{
   format: $ReadOnlyArray<TextFormatType>,
   tag: string,
@@ -90,7 +115,7 @@ declare export var ITALIC_UNDERSCORE: TextFormatTransformer;
 declare export var STRIKETHROUGH: TextFormatTransformer;
 
 declare export var UNORDERED_LIST: ElementTransformer;
-declare export var CODE: ElementTransformer;
+declare export var CODE: MultilineElementTransformer;
 declare export var HEADING: ElementTransformer;
 declare export var ORDERED_LIST: ElementTransformer;
 declare export var QUOTE: ElementTransformer;

From 7d5820eb77679952f8b84ffc941f7b8249cee942 Mon Sep 17 00:00:00 2001
From: Melissa Freiser <17129292+mofoshow@users.noreply.github.com>
Date: Tue, 10 Sep 2024 16:19:24 +0200
Subject: [PATCH 005/133] Expose getStyleObjectFromCss in @lexical/selection
 (#6612)

Co-authored-by: Bob Ippolito <bob@redivi.com>
Co-authored-by: Sherry <potatowagon@meta.com>
---
 packages/lexical-selection/flow/LexicalSelection.js.flow | 1 +
 packages/lexical-selection/src/index.ts                  | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-selection/flow/LexicalSelection.js.flow b/packages/lexical-selection/flow/LexicalSelection.js.flow
index 7802dc55721..d1d68d66376 100644
--- a/packages/lexical-selection/flow/LexicalSelection.js.flow
+++ b/packages/lexical-selection/flow/LexicalSelection.js.flow
@@ -20,6 +20,7 @@ declare export function $cloneWithProperties<T: LexicalNode>(node: T): T;
 declare export function getStyleObjectFromCSS(css: string): {
   [string]: string,
 };
+declare export function getCSSFromStyleObject(styles: Record<string, string>): string;
 declare export function $patchStyleText(
   selection: BaseSelection,
   patch: {
diff --git a/packages/lexical-selection/src/index.ts b/packages/lexical-selection/src/index.ts
index b2d18b1645a..d901ab4d4d9 100644
--- a/packages/lexical-selection/src/index.ts
+++ b/packages/lexical-selection/src/index.ts
@@ -26,6 +26,7 @@ import {
 import {
   createDOMRange,
   createRectsFromDOMRange,
+  getCSSFromStyleObject,
   getStyleObjectFromCSS,
 } from './utils';
 
@@ -53,4 +54,9 @@ export {
   $wrapNodes,
 };
 
-export {createDOMRange, createRectsFromDOMRange, getStyleObjectFromCSS};
+export {
+  createDOMRange,
+  createRectsFromDOMRange,
+  getCSSFromStyleObject,
+  getStyleObjectFromCSS,
+};

From 8123ca7c5aef4d35ede68457f1799f7315b80bd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Jablo=C3=B1ski?=
 <43938777+GermanJablo@users.noreply.github.com>
Date: Tue, 10 Sep 2024 11:20:25 -0300
Subject: [PATCH 006/133] [lexical-markdown] Fix: normalize markdown in
 $convertFromMarkdownString to comply with CommonMark spec (#6608)

---
 .../src/MarkdownTransformers.ts               | 66 ++++++++++++++--
 .../__tests__/unit/LexicalMarkdown.test.ts    | 79 +++++++++++++++++--
 packages/lexical-markdown/src/index.ts        |  4 +-
 .../__tests__/e2e/Markdown.spec.mjs           | 11 +--
 4 files changed, 138 insertions(+), 22 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index fc0662726ae..efff5770e18 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -153,6 +153,14 @@ export type TextMatchTransformer = Readonly<{
   type: 'text-match';
 }>;
 
+const ORDERED_LIST_REGEX = /^(\s*)(\d{1,})\.\s/;
+const UNORDERED_LIST_REGEX = /^(\s*)[-*+]\s/;
+const CHECK_LIST_REGEX = /^(\s*)(?:-\s)?\s?(\[(\s|x)?\])\s/i;
+const HEADING_REGEX = /^(#{1,6})\s/;
+const QUOTE_REGEX = /^>\s/;
+const CODE_START_REGEX = /^[ \t]*```(\w+)?/;
+const CODE_END_REGEX = /[ \t]*```$/;
+
 const createBlockNode = (
   createNode: (match: Array<string>) => ElementNode,
 ): ElementTransformer['replace'] => {
@@ -266,7 +274,7 @@ export const HEADING: ElementTransformer = {
     const level = Number(node.getTag().slice(1));
     return '#'.repeat(level) + ' ' + exportChildren(node);
   },
-  regExp: /^(#{1,6})\s/,
+  regExp: HEADING_REGEX,
   replace: createBlockNode((match) => {
     const tag = ('h' + match[1].length) as HeadingTagType;
     return $createHeadingNode(tag);
@@ -288,7 +296,7 @@ export const QUOTE: ElementTransformer = {
     }
     return output.join('\n');
   },
-  regExp: /^>\s/,
+  regExp: QUOTE_REGEX,
   replace: (parentNode, children, _match, isImport) => {
     if (isImport) {
       const previousNode = parentNode.getPreviousSibling();
@@ -328,9 +336,9 @@ export const CODE: MultilineElementTransformer = {
   },
   regExpEnd: {
     optional: true,
-    regExp: /[ \t]*```$/,
+    regExp: CODE_END_REGEX,
   },
-  regExpStart: /^[ \t]*```(\w+)?/,
+  regExpStart: CODE_START_REGEX,
   replace: (
     rootNode,
     children,
@@ -399,7 +407,7 @@ export const UNORDERED_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: /^(\s*)[-*+]\s/,
+  regExp: UNORDERED_LIST_REGEX,
   replace: listReplace('bullet'),
   type: 'element',
 };
@@ -409,7 +417,7 @@ export const CHECK_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: /^(\s*)(?:-\s)?\s?(\[(\s|x)?\])\s/i,
+  regExp: CHECK_LIST_REGEX,
   replace: listReplace('check'),
   type: 'element',
 };
@@ -419,7 +427,7 @@ export const ORDERED_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: /^(\s*)(\d{1,})\.\s/,
+  regExp: ORDERED_LIST_REGEX,
   replace: listReplace('number'),
   type: 'element',
 };
@@ -519,3 +527,47 @@ export const LINK: TextMatchTransformer = {
   trigger: ')',
   type: 'text-match',
 };
+
+export function normalizeMarkdown(input: string): string {
+  const lines = input.split('\n');
+  let inCodeBlock = false;
+  const sanitizedLines: string[] = [];
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const lastLine = sanitizedLines[sanitizedLines.length - 1];
+
+    // Detect the start or end of a code block
+    if (CODE_START_REGEX.test(line) || CODE_END_REGEX.test(line)) {
+      inCodeBlock = !inCodeBlock;
+      sanitizedLines.push(line);
+      continue;
+    }
+
+    // If we are inside a code block, keep the line unchanged
+    if (inCodeBlock) {
+      sanitizedLines.push(line);
+      continue;
+    }
+
+    // In markdown the concept of "empty paragraphs" does not exist.
+    // Blocks must be separated by an empty line. Non-empty adjacent lines must be merged.
+    if (
+      line === '' ||
+      lastLine === '' ||
+      !lastLine ||
+      HEADING_REGEX.test(lastLine) ||
+      HEADING_REGEX.test(line) ||
+      QUOTE_REGEX.test(line) ||
+      ORDERED_LIST_REGEX.test(line) ||
+      UNORDERED_LIST_REGEX.test(line) ||
+      CHECK_LIST_REGEX.test(line)
+    ) {
+      sanitizedLines.push(line);
+    } else {
+      sanitizedLines[sanitizedLines.length - 1] = lastLine + line;
+    }
+  }
+
+  return sanitizedLines.join('\n');
+}
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index 421394fcbf1..8d1a3a7bdb2 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -22,7 +22,10 @@ import {
   Transformer,
   TRANSFORMERS,
 } from '../..';
-import {MultilineElementTransformer} from '../../MarkdownTransformers';
+import {
+  MultilineElementTransformer,
+  normalizeMarkdown,
+} from '../../MarkdownTransformers';
 
 // Matches html within a mdx file
 const MDX_HTML_TRANSFORMER: MultilineElementTransformer = {
@@ -92,19 +95,36 @@ describe('Markdown', () => {
       html: '<h6><span style="white-space: pre-wrap;">Hello world</span></h6>',
       md: '###### Hello world',
     },
+    {
+      // Multiline paragraphs: https://spec.commonmark.org/dingus/?text=Hello%0Aworld%0A!
+      html: '<p><span style="white-space: pre-wrap;">Helloworld!</span></p>',
+      md: ['Hello', 'world', '!'].join('\n'),
+      skipExport: true,
+    },
     {
       // Multiline paragraphs
-      html: '<p><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span></p>',
+      // TO-DO: It would be nice to support also hard line breaks (<br>) as \ or double spaces
+      // See https://spec.commonmark.org/0.31.2/#hard-line-breaks.
+      // Example: '<p><span style="white-space: pre-wrap;">Hello\\\nworld\\\n!</span></p>',
+      html: '<p><span style="white-space: pre-wrap;">Hello<br>world<br>!</span></p>',
       md: ['Hello', 'world', '!'].join('\n'),
+      skipImport: true,
     },
     {
       html: '<blockquote><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world!</span></blockquote>',
       md: '> Hello\n> world!',
     },
+    // TO-DO: <br> should be preserved
+    // {
+    //   html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world<br>!<br>!</span></li></ul>',
+    //   md: '- Hello\n- world<br>!<br>!',
+    //   skipImport: true,
+    // },
     {
-      // Multiline list items
-      html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span><br><span style="white-space: pre-wrap;">!</span></li></ul>',
+      // Multiline list items: https://spec.commonmark.org/dingus/?text=-%20Hello%0A-%20world%0A!%0A!
+      html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world!!</span></li></ul>',
       md: '- Hello\n- world\n!\n!',
+      skipExport: true,
     },
     {
       html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world</span></li></ul>',
@@ -274,8 +294,8 @@ describe('Markdown', () => {
       skipExport: true,
     },
     {
-      // Import only: multiline quote will be prefixed with ">" on each line during export
-      html: '<blockquote><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span></blockquote>',
+      // https://spec.commonmark.org/dingus/?text=%3E%20Hello%0Aworld%0A!
+      html: '<blockquote><span style="white-space: pre-wrap;">Helloworld!</span></blockquote>',
       md: '> Hello\nworld\n!',
       skipExport: true,
     },
@@ -298,8 +318,9 @@ describe('Markdown', () => {
     },
     {
       customTransformers: [MDX_HTML_TRANSFORMER],
-      html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1\nSome Text</span></pre>',
+      html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1Some Text</span></pre>',
       md: 'Some HTML in mdx:\n\n<MyComponent>Line 1\nSome Text</MyComponent>',
+      skipExport: true,
     },
   ];
 
@@ -407,3 +428,47 @@ describe('Markdown', () => {
     });
   }
 });
+
+describe('normalizeMarkdown', () => {
+  it('should combine lines separated by a single \n unless they are in a codeblock', () => {
+    const markdown = `
+1
+2
+
+3
+
+\`\`\`md
+1
+2
+
+3
+\`\`\`
+
+\`\`\`js
+1
+2
+
+3
+\`\`\`
+`;
+    expect(normalizeMarkdown(markdown)).toBe(`
+12
+
+3
+
+\`\`\`md
+1
+2
+
+3
+\`\`\`
+
+\`\`\`js
+1
+2
+
+3
+\`\`\`
+`);
+  });
+});
diff --git a/packages/lexical-markdown/src/index.ts b/packages/lexical-markdown/src/index.ts
index dac5b260478..3fc2f21da17 100644
--- a/packages/lexical-markdown/src/index.ts
+++ b/packages/lexical-markdown/src/index.ts
@@ -31,6 +31,7 @@ import {
   ITALIC_STAR,
   ITALIC_UNDERSCORE,
   LINK,
+  normalizeMarkdown,
   ORDERED_LIST,
   QUOTE,
   STRIKETHROUGH,
@@ -82,11 +83,12 @@ function $convertFromMarkdownString(
   node?: ElementNode,
   shouldPreserveNewLines = false,
 ): void {
+  const sanitizedMarkdown = normalizeMarkdown(markdown);
   const importMarkdown = createMarkdownImport(
     transformers,
     shouldPreserveNewLines,
   );
-  return importMarkdown(markdown, node);
+  return importMarkdown(sanitizedMarkdown, node);
 }
 
 /**
diff --git a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
index b434d62be55..505b038ce28 100644
--- a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
@@ -1310,7 +1310,6 @@ const IMPORTED_MARKDOWN_HTML = html`
       bold italic strikethrough
     </strong>
     <span data-lexical-text="true">text,</span>
-    <br />
     <strong
       class="PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textStrikethrough"
       data-lexical-text="true">
@@ -1408,9 +1407,7 @@ const IMPORTED_MARKDOWN_HTML = html`
     dir="ltr">
     <span data-lexical-text="true">Blockquotes text goes here</span>
     <br />
-    <span data-lexical-text="true">And second</span>
-    <br />
-    <span data-lexical-text="true">line after</span>
+    <span data-lexical-text="true">And secondline after</span>
   </blockquote>
   <blockquote
     class="PlaygroundEditorTheme__quote PlaygroundEditorTheme__ltr"
@@ -1488,9 +1485,9 @@ const IMPORTED_MARKDOWN_HTML = html`
           class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
           dir="ltr"
           value="1">
-          <span data-lexical-text="true">And can be nested</span>
-          <br />
-          <span data-lexical-text="true">and multiline as well</span>
+          <span data-lexical-text="true">
+            And can be nested and multiline as well
+          </span>
         </li>
       </ol>
     </li>

From 46929e02e3182f0522cc2ff19c664d4914c93a48 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Tue, 10 Sep 2024 07:32:06 -0700
Subject: [PATCH 007/133] [lexical] Chore: Add more helpful invariants to
 $applyNodeReplacement (#6567)

Co-authored-by: Sherry <potatowagon@meta.com>
---
 .../docs/concepts/node-replacement.md         |   3 +-
 .../docs/concepts/serialization.md            |   9 +-
 packages/lexical/src/LexicalUtils.ts          |  57 +++-
 .../src/__tests__/unit/LexicalUtils.test.ts   | 299 +++++++++++++++++-
 4 files changed, 341 insertions(+), 27 deletions(-)

diff --git a/packages/lexical-website/docs/concepts/node-replacement.md b/packages/lexical-website/docs/concepts/node-replacement.md
index 386a7e83b5d..8090b41ac05 100644
--- a/packages/lexical-website/docs/concepts/node-replacement.md
+++ b/packages/lexical-website/docs/concepts/node-replacement.md
@@ -16,7 +16,8 @@ const editorConfig = {
             replace: ParagraphNode,
             with: (node: ParagraphNode) => {
                 return new CustomParagraphNode();
-            }
+            },
+            withKlass: CustomParagraphNode,
         }
     ]
 }
diff --git a/packages/lexical-website/docs/concepts/serialization.md b/packages/lexical-website/docs/concepts/serialization.md
index 64e7fe14193..03ed5f924e8 100644
--- a/packages/lexical-website/docs/concepts/serialization.md
+++ b/packages/lexical-website/docs/concepts/serialization.md
@@ -295,7 +295,11 @@ const initialConfig: InitialConfigType = {
     onError: (error: any) => console.log(error),
     nodes: [
       ExtendedTextNode,
-      { replace: TextNode, with: (node: TextNode) => new ExtendedTextNode(node.__text) },
+      {
+        replace: TextNode,
+        with: (node: TextNode) => new ExtendedTextNode(node.__text),
+        withKlass: ExtendedTextNode,
+      },
       ListNode,
       ListItemNode,
     ]
@@ -306,6 +310,7 @@ and create a new Extended Text Node plugin
 
 ```js
 import {
+  $applyNodeReplacement,
   $isTextNode,
   DOMConversion,
   DOMConversionMap,
@@ -378,7 +383,7 @@ export class ExtendedTextNode extends TextNode {
 }
 
 export function $createExtendedTextNode(text: string): ExtendedTextNode {
-	return new ExtendedTextNode(text);
+  return $applyNodeReplacement(new ExtendedTextNode(text));
 }
 
 export function $isExtendedTextNode(node: LexicalNode | null | undefined): node is ExtendedTextNode {
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index 7e3b2e49e1b..65b45cf7362 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1405,30 +1405,53 @@ export function $copyNode<T extends LexicalNode>(node: T): T {
   return copy;
 }
 
-export function $applyNodeReplacement<N extends LexicalNode>(
-  node: LexicalNode,
-): N {
+export function $applyNodeReplacement<N extends LexicalNode>(node: N): N {
   const editor = getActiveEditor();
   const nodeType = node.constructor.getType();
   const registeredNode = editor._nodes.get(nodeType);
-  if (registeredNode === undefined) {
-    invariant(
-      false,
-      '$initializeNode failed. Ensure node has been registered to the editor. You can do this by passing the node class via the "nodes" array in the editor config.',
-    );
-  }
-  const replaceFunc = registeredNode.replace;
-  if (replaceFunc !== null) {
-    const replacementNode = replaceFunc(node) as N;
-    if (!(replacementNode instanceof node.constructor)) {
+  invariant(
+    registeredNode !== undefined,
+    '$applyNodeReplacement node %s with type %s must be registered to the editor. You can do this by passing the node class via the "nodes" array in the editor config.',
+    node.constructor.name,
+    nodeType,
+  );
+  const {replace, replaceWithKlass} = registeredNode;
+  if (replace !== null) {
+    const replacementNode = replace(node);
+    const replacementNodeKlass = replacementNode.constructor;
+    if (replaceWithKlass !== null) {
       invariant(
-        false,
-        '$initializeNode failed. Ensure replacement node is a subclass of the original node.',
+        replacementNode instanceof replaceWithKlass,
+        '$applyNodeReplacement failed. Expected replacement node to be an instance of %s with type %s but returned %s with type %s from original node %s with type %s',
+        replaceWithKlass.name,
+        replaceWithKlass.getType(),
+        replacementNodeKlass.name,
+        replacementNodeKlass.getType(),
+        node.constructor.name,
+        nodeType,
+      );
+    } else {
+      invariant(
+        replacementNode instanceof node.constructor &&
+          replacementNodeKlass !== node.constructor,
+        '$applyNodeReplacement failed. Ensure replacement node %s with type %s is a subclass of the original node %s with type %s.',
+        replacementNodeKlass.name,
+        replacementNodeKlass.getType(),
+        node.constructor.name,
+        nodeType,
       );
     }
-    return replacementNode;
+    invariant(
+      replacementNode.__key !== node.__key,
+      '$applyNodeReplacement failed. Ensure that the key argument is *not* used in your replace function (from node %s with type %s to node %s with type %s), Node keys must never be re-used except by the static clone method.',
+      node.constructor.name,
+      nodeType,
+      replacementNodeKlass.name,
+      replacementNodeKlass.getType(),
+    );
+    return replacementNode as N;
   }
-  return node as N;
+  return node;
 }
 
 export function errorOnInsertTextNodeOnRoot(
diff --git a/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts b/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts
index 0026cf5d6ad..2a497860b07 100644
--- a/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts
+++ b/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts
@@ -7,24 +7,29 @@
  */
 
 import {
+  $applyNodeReplacement,
+  $createParagraphNode,
+  $createTextNode,
   $getNodeByKey,
   $getRoot,
   $isTokenOrSegmented,
   $nodesOfType,
+  createEditor,
+  isSelectionWithinEditor,
+  ParagraphNode,
+  resetRandomKey,
+  SerializedTextNode,
+  TextNode,
+} from 'lexical';
+
+import {
   emptyFunction,
   generateRandomKey,
   getCachedTypeToNodeMap,
   getTextDirection,
   isArray,
-  isSelectionWithinEditor,
-  resetRandomKey,
   scheduleMicroTask,
 } from '../../LexicalUtils';
-import {
-  $createParagraphNode,
-  ParagraphNode,
-} from '../../nodes/LexicalParagraphNode';
-import {$createTextNode, TextNode} from '../../nodes/LexicalTextNode';
 import {initializeUnitTest} from '../utils';
 
 describe('LexicalUtils tests', () => {
@@ -291,3 +296,283 @@ describe('LexicalUtils tests', () => {
     });
   });
 });
+describe('$applyNodeReplacement', () => {
+  class ExtendedTextNode extends TextNode {
+    static getType() {
+      return 'extended-text';
+    }
+    static clone(node: ExtendedTextNode): ExtendedTextNode {
+      return new ExtendedTextNode(node.__text, node.getKey());
+    }
+    exportJSON(): SerializedTextNode {
+      return {...super.exportJSON(), type: this.getType()};
+    }
+    initWithTextNode(node: TextNode): this {
+      this.__text = node.__text;
+      TextNode.prototype.afterCloneFrom.call(this, node);
+      return this;
+    }
+    initWithJSON(serializedNode: SerializedTextNode): this {
+      this.setTextContent(serializedNode.text);
+      this.setFormat(serializedNode.format);
+      this.setDetail(serializedNode.detail);
+      this.setMode(serializedNode.mode);
+      this.setStyle(serializedNode.style);
+      return this;
+    }
+    static importJSON(serializedNode: SerializedTextNode): ExtendedTextNode {
+      return $createExtendedTextNode().initWithJSON(serializedNode);
+    }
+  }
+  class ExtendedExtendedTextNode extends ExtendedTextNode {
+    static getType() {
+      return 'extended-extended-text';
+    }
+    static clone(node: ExtendedExtendedTextNode): ExtendedExtendedTextNode {
+      return new ExtendedExtendedTextNode(node.__text, node.getKey());
+    }
+    initWithExtendedTextNode(node: ExtendedTextNode): this {
+      return this.initWithTextNode(node);
+    }
+    static importJSON(
+      serializedNode: SerializedTextNode,
+    ): ExtendedExtendedTextNode {
+      return $createExtendedExtendedTextNode().initWithJSON(serializedNode);
+    }
+    exportJSON(): SerializedTextNode {
+      return {...super.exportJSON(), type: this.getType()};
+    }
+  }
+  function $createExtendedTextNode(text: string = '') {
+    return $applyNodeReplacement(new ExtendedTextNode(text));
+  }
+  function $createExtendedExtendedTextNode(text: string = '') {
+    return $applyNodeReplacement(new ExtendedExtendedTextNode(text));
+  }
+  test('validates replace node configuration', () => {
+    const editor = createEditor({
+      nodes: [
+        {
+          replace: TextNode,
+          with: (node) => $createExtendedTextNode().initWithTextNode(node),
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append($createParagraphNode().append($createTextNode('text')));
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      'Attempted to create node ExtendedTextNode that was not configured to be used on the editor',
+    );
+  });
+  test('validates replace node type withKlass', () => {
+    const editor = createEditor({
+      nodes: [
+        {
+          replace: TextNode,
+          with: (node) => node,
+          withKlass: ExtendedTextNode,
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append($createParagraphNode().append($createTextNode('text')));
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      '$applyNodeReplacement failed. Expected replacement node to be an instance of ExtendedTextNode with type extended-text but returned TextNode with type text from original node TextNode with type text',
+    );
+  });
+  test('validates replace node type change', () => {
+    const editor = createEditor({
+      nodes: [
+        {
+          replace: TextNode,
+          with: (node: TextNode) => new TextNode(node.__text),
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append($createParagraphNode().append($createTextNode('text')));
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      '$applyNodeReplacement failed. Ensure replacement node TextNode with type text is a subclass of the original node TextNode with type text',
+    );
+  });
+  test('validates replace node key change', () => {
+    const editor = createEditor({
+      nodes: [
+        {
+          replace: TextNode,
+          with: (node: TextNode) =>
+            new ExtendedTextNode(node.__text, node.getKey()),
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append($createParagraphNode().append($createTextNode('text')));
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      'Lexical node with constructor ExtendedTextNode attempted to re-use key from node in active editor state with constructor TextNode. Keys must not be re-used when the type is changed.',
+    );
+  });
+  test('validates replace node configuration withKlass', () => {
+    const editor = createEditor({
+      nodes: [
+        {
+          replace: TextNode,
+          with: (node) => $createExtendedTextNode().initWithTextNode(node),
+          withKlass: ExtendedTextNode,
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append($createParagraphNode().append($createTextNode('text')));
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      'Attempted to create node ExtendedTextNode that was not configured to be used on the editor',
+    );
+  });
+  test('validates nested replace node configuration', () => {
+    const editor = createEditor({
+      nodes: [
+        ExtendedTextNode,
+        {
+          replace: ExtendedTextNode,
+          with: (node) =>
+            $createExtendedExtendedTextNode().initWithExtendedTextNode(node),
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append(
+              $createParagraphNode().append($createExtendedTextNode('text')),
+            );
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      'Attempted to create node ExtendedExtendedTextNode that was not configured to be used on the editor',
+    );
+  });
+  test('validates nested replace node configuration withKlass', () => {
+    const editor = createEditor({
+      nodes: [
+        ExtendedTextNode,
+        {
+          replace: TextNode,
+          with: (node) => $createExtendedTextNode().initWithTextNode(node),
+          withKlass: ExtendedTextNode,
+        },
+        {
+          replace: ExtendedTextNode,
+          with: (node) =>
+            $createExtendedExtendedTextNode().initWithExtendedTextNode(node),
+          withKlass: ExtendedExtendedTextNode,
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    expect(() => {
+      editor.update(
+        () => {
+          $getRoot()
+            .clear()
+            .append($createParagraphNode().append($createTextNode('text')));
+        },
+        {discrete: true},
+      );
+    }).toThrow(
+      'Attempted to create node ExtendedExtendedTextNode that was not configured to be used on the editor',
+    );
+  });
+  test('nested replace node configuration works', () => {
+    const editor = createEditor({
+      nodes: [
+        ExtendedTextNode,
+        ExtendedExtendedTextNode,
+        {
+          replace: TextNode,
+          with: (node) => $createExtendedTextNode().initWithTextNode(node),
+          withKlass: ExtendedTextNode,
+        },
+        {
+          replace: ExtendedTextNode,
+          with: (node) =>
+            $createExtendedExtendedTextNode().initWithExtendedTextNode(node),
+          withKlass: ExtendedExtendedTextNode,
+        },
+      ],
+      onError(err) {
+        throw err;
+      },
+    });
+    editor.update(
+      () => {
+        $getRoot()
+          .clear()
+          .append($createParagraphNode().append($createTextNode('text')));
+      },
+      {discrete: true},
+    );
+    editor.read(() => {
+      const textNodes = $getRoot().getAllTextNodes();
+      expect(textNodes).toHaveLength(1);
+      expect(textNodes[0].constructor).toBe(ExtendedExtendedTextNode);
+      expect(textNodes[0].getTextContent()).toBe('text');
+    });
+  });
+});

From 5c82b38e34762acd06b1d3459644a149b2683886 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Wed, 11 Sep 2024 12:03:43 +0800
Subject: [PATCH 008/133] [lexical-markdown] Breaking Change: rename
 'multilineElement' to 'multiline-element' (#6617)

---
 packages/lexical-markdown/flow/LexicalMarkdown.js.flow        | 2 +-
 packages/lexical-markdown/src/MarkdownShortcuts.ts            | 2 +-
 packages/lexical-markdown/src/MarkdownTransformers.ts         | 4 ++--
 .../src/__tests__/unit/LexicalMarkdown.test.ts                | 2 +-
 packages/lexical-markdown/src/utils.ts                        | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/lexical-markdown/flow/LexicalMarkdown.js.flow b/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
index 7f2f34483dc..4ceb12cffaa 100644
--- a/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
+++ b/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
@@ -58,7 +58,7 @@ export type MultilineElementTransformer = {
     linesInBetween: Array<string> | null,
     isImport: boolean,
   ) => boolean | void;
-  type: 'multilineElement';
+  type: 'multiline-element';
 };
 
 export type TextFormatTransformer = $ReadOnly<{
diff --git a/packages/lexical-markdown/src/MarkdownShortcuts.ts b/packages/lexical-markdown/src/MarkdownShortcuts.ts
index 353fbdd954f..c05295acb07 100644
--- a/packages/lexical-markdown/src/MarkdownShortcuts.ts
+++ b/packages/lexical-markdown/src/MarkdownShortcuts.ts
@@ -403,7 +403,7 @@ export function registerMarkdownShortcuts(
     if (
       type === 'element' ||
       type === 'text-match' ||
-      type === 'multilineElement'
+      type === 'multiline-element'
     ) {
       const dependencies = transformer.dependencies;
       for (const node of dependencies) {
diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index efff5770e18..1fc738a3f79 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -127,7 +127,7 @@ export type MultilineElementTransformer = {
      */
     isImport: boolean,
   ) => boolean | void;
-  type: 'multilineElement';
+  type: 'multiline-element';
 };
 
 export type TextFormatTransformer = Readonly<{
@@ -399,7 +399,7 @@ export const CODE: MultilineElementTransformer = {
       })(rootNode, children, startMatch, isImport);
     }
   },
-  type: 'multilineElement',
+  type: 'multiline-element',
 };
 
 export const UNORDERED_LIST: ElementTransformer = {
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index 8d1a3a7bdb2..5c1f8fef11d 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -55,7 +55,7 @@ const MDX_HTML_TRANSFORMER: MultilineElementTransformer = {
     }
     return false; // Run next transformer
   },
-  type: 'multilineElement',
+  type: 'multiline-element',
 };
 
 describe('Markdown', () => {
diff --git a/packages/lexical-markdown/src/utils.ts b/packages/lexical-markdown/src/utils.ts
index 812d61e0269..f2cf71c04e1 100644
--- a/packages/lexical-markdown/src/utils.ts
+++ b/packages/lexical-markdown/src/utils.ts
@@ -432,7 +432,7 @@ export function transformersByType(transformers: Array<Transformer>): Readonly<{
 
   return {
     element: (byType.element || []) as Array<ElementTransformer>,
-    multilineElement: (byType.multilineElement ||
+    multilineElement: (byType['multiline-element'] ||
       []) as Array<MultilineElementTransformer>,
     textFormat: (byType['text-format'] || []) as Array<TextFormatTransformer>,
     textMatch: (byType['text-match'] || []) as Array<TextMatchTransformer>,

From 69bd14b85849b3814fc64000d9f863158e8e18e3 Mon Sep 17 00:00:00 2001
From: Mo <mo@standardnotes.com>
Date: Tue, 10 Sep 2024 23:05:39 -0500
Subject: [PATCH 009/133] Bug Fix: Fix issue where selecting a cell then
 dragging outside of table would not select entire table (#6579)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../__tests__/e2e/Selection.spec.mjs          | 120 +++++++++++++++---
 .../__tests__/e2e/Tables.spec.mjs             |   5 +-
 .../__tests__/utils/index.mjs                 |  33 +++++
 .../src/LexicalTableSelectionHelpers.ts       |  19 +++
 4 files changed, 158 insertions(+), 19 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
index c1999142254..5e30b4f413d 100644
--- a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
@@ -26,6 +26,7 @@ import {
   assertSelection,
   assertTableSelectionCoordinates,
   click,
+  createHumanReadableSelection,
   evaluate,
   expect,
   focusEditor,
@@ -671,28 +672,115 @@ test.describe.parallel('Selection', () => {
     const lastCellText = lastCell.locator('span');
     const tripleClickDelay = 50;
     await lastCellText.click({clickCount: 3, delay: tripleClickDelay});
-    const anchorPath = [1, 0, 1, 0];
 
-    // Only the last cell should be selected, and not the entire docuemnt
     if (browserName === 'firefox') {
-      // Firefox selects the p > span > #text node
-      await assertSelection(page, {
-        anchorOffset: 0,
-        anchorPath: [...anchorPath, 0, 0],
-        focusOffset: cellText.length,
-        focusPath: [...anchorPath, 0, 0],
-      });
+      // Firefox correctly selects the last cell + full text content, unlike Chromium which selects the first cell
+      const expectedSelection = createHumanReadableSelection(
+        'the full text of the last cell in the table',
+        {
+          anchorOffset: {desc: 'beginning of cell', value: 0},
+          anchorPath: [
+            {desc: 'index of table in root', value: 1},
+            {desc: 'first table row', value: 0},
+            {desc: 'second cell', value: 1},
+            {desc: 'first paragraph', value: 0},
+            {desc: 'first span', value: 0},
+            {desc: 'beginning of text', value: 0},
+          ],
+          focusOffset: {desc: 'full text length', value: cellText.length},
+          focusPath: [
+            {desc: 'index of table in root', value: 1},
+            {desc: 'first table row', value: 0},
+            {desc: 'second cell', value: 1},
+            {desc: 'first paragraph', value: 0},
+            {desc: 'first span', value: 0},
+            {desc: 'beginning of text', value: 0},
+          ],
+        },
+      );
+      await assertSelection(page, expectedSelection);
     } else {
-      // Other browsers select the p
-      await assertSelection(page, {
-        anchorOffset: 0,
-        anchorPath,
-        focusOffset: 1,
-        focusPath: anchorPath,
-      });
+      // Only the first cell should be selected, and not the entire document
+      // Ideally the last cell should be selected since that was what was triple-clicked,
+      // but due to the complex selection logic involved, this was the best that could be done.
+      // The goal ultimately was to prevent dangerous whole document selection.
+      // Getting the last cell precisely selected can be done at a later point.
+      const expectedSelection = createHumanReadableSelection(
+        'cursor at beginning of the first cell in table',
+        {
+          anchorOffset: {desc: 'beginning of cell', value: 0},
+          anchorPath: [
+            {desc: 'index of table in root', value: 1},
+            {desc: 'first table row', value: 0},
+            {desc: 'first cell', value: 0},
+            {desc: 'beginning of text', value: 0},
+          ],
+          focusOffset: {desc: 'beginning of text', value: 0},
+          focusPath: [
+            {desc: 'index of table in root', value: 1},
+            {desc: 'first table row', value: 0},
+            {desc: 'first cell', value: 0},
+            {desc: 'beginning of text', value: 0},
+          ],
+        },
+      );
+
+      await assertSelection(page, expectedSelection);
     }
   });
 
+  /**
+   * Dragging down from a table cell onto paragraph text below the table should select the entire table
+   * and select the paragraph text below the table.
+   */
+  test('Selecting table cell then dragging to outside of table should select entire table', async ({
+    page,
+    isPlainText,
+    isCollab,
+    browserName,
+    legacyEvents,
+  }) => {
+    test.skip(isPlainText || isCollab);
+
+    await focusEditor(page);
+    await insertTable(page, 1, 2);
+    await moveToEditorEnd(page);
+
+    const endParagraphText = 'Some text';
+    await page.keyboard.type(endParagraphText);
+
+    const lastCell = page.locator(
+      '.PlaygroundEditorTheme__tableCell:last-child',
+    );
+    await lastCell.click();
+    await page.keyboard.type('Foo');
+
+    // Move the mouse to the last cell
+    await lastCell.hover();
+    await page.mouse.down();
+    // Move the mouse to the end of the document
+    await page.mouse.move(500, 500);
+
+    const expectedSelection = createHumanReadableSelection(
+      'the full table from beginning to the end of the text in the last cell',
+      {
+        anchorOffset: {desc: 'beginning of cell', value: 0},
+        anchorPath: [
+          {desc: 'index of table in root', value: 1},
+          {desc: 'first table row', value: 0},
+          {desc: 'first cell', value: 0},
+        ],
+        focusOffset: {desc: 'full text length', value: endParagraphText.length},
+        focusPath: [
+          {desc: 'index of last paragraph', value: 2},
+          {desc: 'index of first span', value: 0},
+          {desc: 'index of text block', value: 0},
+        ],
+      },
+    );
+    await assertSelection(page, expectedSelection);
+  });
+
   test('Can persist the text format from the paragraph', async ({
     page,
     isPlainText,
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 959d3395395..8bff71ea3a6 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -1319,7 +1319,7 @@ test.describe.parallel('Tables', () => {
 
     await insertTable(page, 2, 2);
 
-    await click(page, '.PlaygroundEditorTheme__tableCell');
+    await click(page, '.PlaygroundEditorTheme__tableCell:first-child');
     await page.keyboard.type('Hello');
 
     await page.keyboard.down('Shift');
@@ -1334,8 +1334,7 @@ test.describe.parallel('Tables', () => {
     await insertSampleImage(page);
     await page.keyboard.type(' <- it works!');
 
-    // Wait for Decorator to mount.
-    await page.waitForTimeout(3000);
+    await waitForSelector(page, '.editor-image img');
 
     await assertHTML(
       page,
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index f2755a48583..4d80daad634 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -961,3 +961,36 @@ export async function dragDraggableMenuTo(
 export async function pressInsertLinkButton(page) {
   await click(page, '.toolbar-item[aria-label="Insert link"]');
 }
+
+/**
+ * Creates a selection object to assert against that is human readable and self-describing.
+ *
+ * Selections are composed of an anchorPath (the start) and a focusPath (the end).
+ * Once you traverse each path, you use the respective offsets to find the exact location of the cursor.
+ * So offsets are relative to their path. For example, if the anchorPath is [0, 1, 2] and the anchorOffset is 3,
+ * then the cursor is at the 4th character of the 3rd element of the 2nd element of the 1st element.
+ *
+ * @example
+ * const expectedSelection = createHumanReadableSelection('the full text of the last cell', {
+ *   anchorOffset: {desc: 'beginning of cell', value: 0},
+ *   anchorPath: [
+ *     {desc: 'index of table in root', value: 1},
+ *     {desc: 'first table row', value: 0},
+ *     {desc: 'first cell', value: 0},
+ *   ],
+ *   focusOffset: {desc: 'full text length', value: 9},
+ *   focusPath: [
+ *     {desc: 'index of last paragraph', value: 2},
+ *     {desc: 'index of first span', value: 0},
+ *     {desc: 'index of text block', value: 0},
+ *   ],
+ * });
+ */
+export function createHumanReadableSelection(_overview, dto) {
+  return {
+    anchorOffset: dto.anchorOffset.value,
+    anchorPath: dto.anchorPath.map((p) => p.value),
+    focusOffset: dto.focusOffset.value,
+    focusPath: dto.focusPath.map((p) => p.value),
+  };
+}
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index bb03a8b2525..8034eb18ab7 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -781,6 +781,25 @@ export function applyTableHandlers(
                   : lastCell.getChildrenSize(),
                 'element',
               );
+            } else if (isAnchorInside) {
+              const [tableMap] = $computeTableMap(
+                tableNode,
+                anchorCellNode,
+                anchorCellNode,
+              );
+              const firstCell = tableMap[0][0].cell;
+              const lastCell = tableMap[tableMap.length - 1].at(-1)!.cell;
+              /**
+               * If isBackward, set the anchor to be at the end of the table so that when the cursor moves outside of
+               * the table in the backward direction, the entire table will be selected from its end.
+               * Otherwise, if forward, set the anchor to be at the start of the table so that when the focus is dragged
+               * outside th end of the table, it will start from the beginning of the table.
+               */
+              newSelection.anchor.set(
+                isBackward ? lastCell.getKey() : firstCell.getKey(),
+                isBackward ? lastCell.getChildrenSize() : 0,
+                'element',
+              );
             }
             $setSelection(newSelection);
             $addHighlightStyleToTable(editor, tableObserver);

From db093f73aa38e1ace186e02e095fbb7e40ce76da Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Wed, 11 Sep 2024 15:52:58 +0800
Subject: [PATCH 010/133] address micromatch vulnerability (#6616)

---
 package-lock.json | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8c7a10a01af..d8fb0f29353 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25539,11 +25539,12 @@
       ]
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -36568,6 +36569,7 @@
       "version": "0.17.1",
       "license": "MIT",
       "dependencies": {
+        "@lexical/clipboard": "0.17.1",
         "@lexical/utils": "0.17.1",
         "lexical": "0.17.1"
       }
@@ -36626,6 +36628,7 @@
       "license": "MIT",
       "dependencies": {
         "@lexical/offset": "0.17.1",
+        "@lexical/selection": "0.17.1",
         "lexical": "0.17.1"
       },
       "peerDependencies": {
@@ -41183,6 +41186,7 @@
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
+        "@lexical/clipboard": "0.17.1",
         "@lexical/utils": "0.17.1",
         "lexical": "0.17.1"
       }
@@ -41232,6 +41236,7 @@
       "version": "file:packages/lexical-yjs",
       "requires": {
         "@lexical/offset": "0.17.1",
+        "@lexical/selection": "0.17.1",
         "lexical": "0.17.1"
       }
     },
@@ -54792,11 +54797,11 @@
       "integrity": "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="
     },
     "micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "requires": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       }
     },

From 01e2ae4b9a16f29ee4e78fa52a7f703d1e66020b Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Wed, 11 Sep 2024 23:22:20 +0800
Subject: [PATCH 011/133] CI: tag flaky test (#6620)

---
 .../__tests__/e2e/Links.spec.mjs              | 174 +++--
 .../__tests__/e2e/Tables.spec.mjs             | 731 +++++++++---------
 2 files changed, 460 insertions(+), 445 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Links.spec.mjs b/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
index 0523dd0323c..695ee28d8e6 100644
--- a/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
@@ -426,97 +426,101 @@ test.describe.parallel('Links', () => {
     );
   });
 
-  test(`Can create a link with some text after, insert paragraph, then backspace, it should merge correctly`, async ({
-    page,
-  }) => {
-    await focusEditor(page);
-    await page.keyboard.type(' abc def ');
-    await moveLeft(page, 5);
-    await selectCharacters(page, 'left', 3);
+  test(
+    `Can create a link with some text after, insert paragraph, then backspace, it should merge correctly`,
+    {
+      tag: '@flaky',
+    },
+    async ({page}) => {
+      await focusEditor(page);
+      await page.keyboard.type(' abc def ');
+      await moveLeft(page, 5);
+      await selectCharacters(page, 'left', 3);
 
-    // link
-    await click(page, '.link');
-    await click(page, '.link-confirm');
+      // link
+      await click(page, '.link');
+      await click(page, '.link-confirm');
 
-    await assertHTML(
-      page,
-      html`
-        <p
-          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true"></span>
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">abc</span>
-          </a>
-          <span data-lexical-text="true">def</span>
-        </p>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true"></span>
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">abc</span>
+            </a>
+            <span data-lexical-text="true">def</span>
+          </p>
+        `,
+      );
 
-    await moveLeft(page, 1);
-    await moveRight(page, 2);
-    await page.keyboard.press('Enter');
+      await moveLeft(page, 1);
+      await moveRight(page, 2);
+      await page.keyboard.press('Enter');
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph">
-          <span data-lexical-text="true"></span>
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">ab</span>
-          </a>
-        </p>
-        <p
-          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">c</span>
-          </a>
-          <span data-lexical-text="true">def</span>
-        </p>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph">
+            <span data-lexical-text="true"></span>
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">ab</span>
+            </a>
+          </p>
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">c</span>
+            </a>
+            <span data-lexical-text="true">def</span>
+          </p>
+        `,
+      );
 
-    await page.keyboard.press('Backspace');
+      await page.keyboard.press('Backspace');
 
-    await assertHTML(
-      page,
-      html`
-        <p
-          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true"></span>
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">ab</span>
-          </a>
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">c</span>
-          </a>
-          <span data-lexical-text="true">def</span>
-        </p>
-      `,
-    );
-  });
+      await assertHTML(
+        page,
+        html`
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true"></span>
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">ab</span>
+            </a>
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">c</span>
+            </a>
+            <span data-lexical-text="true">def</span>
+          </p>
+        `,
+      );
+    },
+  );
 
   test(`Can create a link then replace it with plain text`, async ({page}) => {
     await focusEditor(page);
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 8bff71ea3a6..52a26449702 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -1306,85 +1306,86 @@ test.describe.parallel('Tables', () => {
     );
   });
 
-  test('Grid selection: can select multiple cells and insert an image', async ({
-    page,
-    isPlainText,
-    isCollab,
-    browserName,
-  }) => {
-    await initialize({isCollab, page});
-    test.skip(isPlainText);
+  test(
+    'Grid selection: can select multiple cells and insert an image',
+    {
+      tag: '@flaky',
+    },
+    async ({page, isPlainText, isCollab, browserName}) => {
+      await initialize({isCollab, page});
+      test.skip(isPlainText);
 
-    await focusEditor(page);
+      await focusEditor(page);
 
-    await insertTable(page, 2, 2);
+      await insertTable(page, 2, 2);
 
-    await click(page, '.PlaygroundEditorTheme__tableCell:first-child');
-    await page.keyboard.type('Hello');
+      await click(page, '.PlaygroundEditorTheme__tableCell:first-child');
+      await page.keyboard.type('Hello');
 
-    await page.keyboard.down('Shift');
-    await page.keyboard.press('ArrowRight');
-    // Firefox range selection spans across cells after two arrow key press
-    if (browserName === 'firefox') {
+      await page.keyboard.down('Shift');
       await page.keyboard.press('ArrowRight');
-    }
-    await page.keyboard.press('ArrowDown');
-    await page.keyboard.up('Shift');
+      // Firefox range selection spans across cells after two arrow key press
+      if (browserName === 'firefox') {
+        await page.keyboard.press('ArrowRight');
+      }
+      await page.keyboard.press('ArrowDown');
+      await page.keyboard.up('Shift');
 
-    await insertSampleImage(page);
-    await page.keyboard.type(' <- it works!');
+      await insertSampleImage(page);
+      await page.keyboard.type(' <- it works!');
 
-    await waitForSelector(page, '.editor-image img');
+      await waitForSelector(page, '.editor-image img');
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <table class="PlaygroundEditorTheme__table">
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p
-                class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-                dir="ltr">
-                <span data-lexical-text="true">Hello</span>
-              </p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p
-                class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-                dir="ltr">
-                <span
-                  class="editor-image"
-                  contenteditable="false"
-                  data-lexical-decorator="true">
-                  <div draggable="false">
-                    <img
-                      alt="Yellow flower in tilt shift lens"
-                      draggable="false"
-                      src="${SAMPLE_IMAGE_URL}"
-                      style="height: inherit; max-width: 500px; width: inherit" />
-                  </div>
-                </span>
-                <span data-lexical-text="true">&lt;- it works!</span>
-              </p>
-            </td>
-          </tr>
-        </table>
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
-  });
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <table class="PlaygroundEditorTheme__table">
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p
+                  class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+                  dir="ltr">
+                  <span data-lexical-text="true">Hello</span>
+                </p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p
+                  class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+                  dir="ltr">
+                  <span
+                    class="editor-image"
+                    contenteditable="false"
+                    data-lexical-decorator="true">
+                    <div draggable="false">
+                      <img
+                        alt="Yellow flower in tilt shift lens"
+                        draggable="false"
+                        src="${SAMPLE_IMAGE_URL}"
+                        style="height: inherit; max-width: 500px; width: inherit" />
+                    </div>
+                  </span>
+                  <span data-lexical-text="true">&lt;- it works!</span>
+                </p>
+              </td>
+            </tr>
+          </table>
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+    },
+  );
 
   test('Grid selection: can backspace lines, backspacing empty cell does not destroy it #3278', async ({
     page,
@@ -2125,267 +2126,271 @@ test.describe.parallel('Tables', () => {
     );
   });
 
-  test('Select multiple merged cells (selection expands to a rectangle)', async ({
-    page,
-    isPlainText,
-    isCollab,
-  }) => {
-    await initialize({isCollab, page});
-    test.skip(isPlainText);
-
-    await focusEditor(page);
-
-    await insertTable(page, 3, 3);
-
-    await click(page, '.PlaygroundEditorTheme__tableCell');
-    await moveDown(page, 1);
-    await selectCellsFromTableCords(
-      page,
-      {x: 0, y: 0},
-      {x: 0, y: 1},
-      true,
-      true,
-    );
-    await mergeTableCells(page);
-
-    await moveRight(page, 1);
-    await selectCellsFromTableCords(
-      page,
-      {x: 1, y: 0},
-      {x: 2, y: 0},
-      true,
-      true,
-    );
-    await mergeTableCells(page);
+  test(
+    'Select multiple merged cells (selection expands to a rectangle)',
+    {
+      tag: '@flaky',
+    },
+    async ({page, isPlainText, isCollab}) => {
+      await initialize({isCollab, page});
+      test.skip(isPlainText);
 
-    await selectCellsFromTableCords(
-      page,
-      {x: 0, y: 0},
-      {x: 1, y: 0},
-      true,
-      true,
-    );
+      await focusEditor(page);
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <table
-          class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              rowspan="2"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              colspan="2"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr>
-            <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-            <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-          </tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-          </tr>
-        </table>
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <table class="PlaygroundEditorTheme__table">
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              rowspan="2">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              colspan="2">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-          </tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-          </tr>
-        </table>
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
-  });
+      await insertTable(page, 3, 3);
 
-  test('Merge multiple merged cells and then unmerge', async ({
-    page,
-    isPlainText,
-    isCollab,
-  }) => {
-    await initialize({isCollab, page});
-    test.skip(isPlainText);
+      await click(page, '.PlaygroundEditorTheme__tableCell');
+      await moveDown(page, 1);
+      await selectCellsFromTableCords(
+        page,
+        {x: 0, y: 0},
+        {x: 0, y: 1},
+        true,
+        true,
+      );
+      await mergeTableCells(page);
 
-    await focusEditor(page);
+      await moveRight(page, 1);
+      await selectCellsFromTableCords(
+        page,
+        {x: 1, y: 0},
+        {x: 2, y: 0},
+        true,
+        true,
+      );
+      await mergeTableCells(page);
 
-    await insertTable(page, 3, 3);
+      await selectCellsFromTableCords(
+        page,
+        {x: 0, y: 0},
+        {x: 1, y: 0},
+        true,
+        true,
+      );
 
-    await click(page, '.PlaygroundEditorTheme__tableCell');
-    await moveDown(page, 1);
-    await selectCellsFromTableCords(
-      page,
-      {x: 0, y: 0},
-      {x: 0, y: 1},
-      true,
-      true,
-    );
-    await mergeTableCells(page);
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <table
+            class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+                rowspan="2"
+                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+                colspan="2"
+                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr>
+              <td
+                class="PlaygroundEditorTheme__tableCell"
+                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+              <td
+                class="PlaygroundEditorTheme__tableCell"
+                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+            </tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+            </tr>
+          </table>
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <table class="PlaygroundEditorTheme__table">
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+                rowspan="2">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+                colspan="2">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+            </tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+            </tr>
+          </table>
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+    },
+  );
 
-    await moveRight(page, 1);
-    await selectCellsFromTableCords(
-      page,
-      {x: 1, y: 0},
-      {x: 2, y: 0},
-      true,
-      true,
-    );
-    await mergeTableCells(page);
+  test(
+    'Merge multiple merged cells and then unmerge',
+    {
+      tag: '@flaky',
+    },
+    async ({page, isPlainText, isCollab}) => {
+      await initialize({isCollab, page});
+      test.skip(isPlainText);
 
-    await selectCellsFromTableCords(
-      page,
-      {x: 0, y: 0},
-      {x: 1, y: 0},
-      true,
-      true,
-    );
-    await mergeTableCells(page);
+      await focusEditor(page);
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <table class="PlaygroundEditorTheme__table">
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              colspan="3"
-              rowspan="2">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr><br /></tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-          </tr>
-        </table>
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
+      await insertTable(page, 3, 3);
 
-    await selectCellsFromTableCords(
-      page,
-      {x: 0, y: 0},
-      {x: 0, y: 0},
-      true,
-      true,
-    );
-    await unmergeTableCell(page);
+      await click(page, '.PlaygroundEditorTheme__tableCell');
+      await moveDown(page, 1);
+      await selectCellsFromTableCords(
+        page,
+        {x: 0, y: 0},
+        {x: 0, y: 1},
+        true,
+        true,
+      );
+      await mergeTableCells(page);
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <table class="PlaygroundEditorTheme__table">
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-            <td class="PlaygroundEditorTheme__tableCell">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </td>
-          </tr>
-        </table>
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
-  });
+      await moveRight(page, 1);
+      await selectCellsFromTableCords(
+        page,
+        {x: 1, y: 0},
+        {x: 2, y: 0},
+        true,
+        true,
+      );
+      await mergeTableCells(page);
+
+      await selectCellsFromTableCords(
+        page,
+        {x: 0, y: 0},
+        {x: 1, y: 0},
+        true,
+        true,
+      );
+      await mergeTableCells(page);
+
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <table class="PlaygroundEditorTheme__table">
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+                colspan="3"
+                rowspan="2">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr><br /></tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+            </tr>
+          </table>
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+
+      await selectCellsFromTableCords(
+        page,
+        {x: 0, y: 0},
+        {x: 0, y: 0},
+        true,
+        true,
+      );
+      await unmergeTableCell(page);
+
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <table class="PlaygroundEditorTheme__table">
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+              <td class="PlaygroundEditorTheme__tableCell">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </td>
+            </tr>
+          </table>
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+    },
+  );
 
   test('Insert row above (with conflicting merged cell)', async ({
     page,
@@ -2759,50 +2764,56 @@ test.describe.parallel('Tables', () => {
     );
   });
 
-  test('Delete columns backward', async ({page, isPlainText, isCollab}) => {
-    await initialize({isCollab, page});
-    test.skip(isPlainText);
-    if (IS_COLLAB) {
-      // The contextual menu positioning needs fixing (it's hardcoded to show on the right side)
-      page.setViewportSize({height: 1000, width: 3000});
-    }
+  test(
+    'Delete columns backward',
+    {
+      tag: '@flaky',
+    },
+    async ({page, isPlainText, isCollab}) => {
+      await initialize({isCollab, page});
+      test.skip(isPlainText);
+      if (IS_COLLAB) {
+        // The contextual menu positioning needs fixing (it's hardcoded to show on the right side)
+        page.setViewportSize({height: 1000, width: 3000});
+      }
 
-    await focusEditor(page);
+      await focusEditor(page);
 
-    await insertTable(page, 2, 4);
+      await insertTable(page, 2, 4);
 
-    await selectCellsFromTableCords(
-      page,
-      {x: 3, y: 1},
-      {x: 1, y: 1},
-      false,
-      false,
-    );
+      await selectCellsFromTableCords(
+        page,
+        {x: 3, y: 1},
+        {x: 1, y: 1},
+        false,
+        false,
+      );
 
-    await deleteTableColumns(page);
+      await deleteTableColumns(page);
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <table class="PlaygroundEditorTheme__table">
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-          <tr>
-            <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
-              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-            </th>
-          </tr>
-        </table>
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
-  });
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <table class="PlaygroundEditorTheme__table">
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+            <tr>
+              <th
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+                <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+              </th>
+            </tr>
+          </table>
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+    },
+  );
 
   test('Delete columns forward at end of table', async ({
     page,

From f50f168e8f67af9e13072bb80b63b4543d2f8f00 Mon Sep 17 00:00:00 2001
From: smworld01 <32947380+smworld01@users.noreply.github.com>
Date: Thu, 12 Sep 2024 03:28:55 +0900
Subject: [PATCH 012/133] [lexical-react] Refactor: Ensure disconnect is called
 after connection is established in useYjsCollaboration (#6619)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../lexical-react/src/shared/useYjsCollaboration.tsx  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/lexical-react/src/shared/useYjsCollaboration.tsx b/packages/lexical-react/src/shared/useYjsCollaboration.tsx
index 7017e96fec3..371a6f4721f 100644
--- a/packages/lexical-react/src/shared/useYjsCollaboration.tsx
+++ b/packages/lexical-react/src/shared/useYjsCollaboration.tsx
@@ -57,9 +57,7 @@ export function useYjsCollaboration(
 ): JSX.Element {
   const isReloadingDoc = useRef(false);
 
-  const connect = useCallback(() => {
-    provider.connect();
-  }, [provider]);
+  const connect = useCallback(() => provider.connect(), [provider]);
 
   const disconnect = useCallback(() => {
     try {
@@ -152,11 +150,14 @@ export function useYjsCollaboration(
         }
       },
     );
-    connect();
+
+    const connectionPromise = connect();
 
     return () => {
       if (isReloadingDoc.current === false) {
-        disconnect();
+        Promise.resolve(connectionPromise).then(() => {
+          disconnect();
+        });
       }
 
       provider.off('sync', onSync);

From b0c9809dfd75e176b49d66370d3b69dfb75854ee Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Thu, 12 Sep 2024 18:51:41 +0800
Subject: [PATCH 013/133] Revert "[lexical-markdown] Fix: normalize markdown in
 $convertFromMarkdownString to comply with CommonMark spec (#6608)" (#6627)

---
 .../src/MarkdownTransformers.ts               | 66 ++--------------
 .../__tests__/unit/LexicalMarkdown.test.ts    | 79 ++-----------------
 packages/lexical-markdown/src/index.ts        |  4 +-
 .../__tests__/e2e/Markdown.spec.mjs           | 11 ++-
 4 files changed, 22 insertions(+), 138 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index 1fc738a3f79..6afeebd1fbb 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -153,14 +153,6 @@ export type TextMatchTransformer = Readonly<{
   type: 'text-match';
 }>;
 
-const ORDERED_LIST_REGEX = /^(\s*)(\d{1,})\.\s/;
-const UNORDERED_LIST_REGEX = /^(\s*)[-*+]\s/;
-const CHECK_LIST_REGEX = /^(\s*)(?:-\s)?\s?(\[(\s|x)?\])\s/i;
-const HEADING_REGEX = /^(#{1,6})\s/;
-const QUOTE_REGEX = /^>\s/;
-const CODE_START_REGEX = /^[ \t]*```(\w+)?/;
-const CODE_END_REGEX = /[ \t]*```$/;
-
 const createBlockNode = (
   createNode: (match: Array<string>) => ElementNode,
 ): ElementTransformer['replace'] => {
@@ -274,7 +266,7 @@ export const HEADING: ElementTransformer = {
     const level = Number(node.getTag().slice(1));
     return '#'.repeat(level) + ' ' + exportChildren(node);
   },
-  regExp: HEADING_REGEX,
+  regExp: /^(#{1,6})\s/,
   replace: createBlockNode((match) => {
     const tag = ('h' + match[1].length) as HeadingTagType;
     return $createHeadingNode(tag);
@@ -296,7 +288,7 @@ export const QUOTE: ElementTransformer = {
     }
     return output.join('\n');
   },
-  regExp: QUOTE_REGEX,
+  regExp: /^>\s/,
   replace: (parentNode, children, _match, isImport) => {
     if (isImport) {
       const previousNode = parentNode.getPreviousSibling();
@@ -336,9 +328,9 @@ export const CODE: MultilineElementTransformer = {
   },
   regExpEnd: {
     optional: true,
-    regExp: CODE_END_REGEX,
+    regExp: /[ \t]*```$/,
   },
-  regExpStart: CODE_START_REGEX,
+  regExpStart: /^[ \t]*```(\w+)?/,
   replace: (
     rootNode,
     children,
@@ -407,7 +399,7 @@ export const UNORDERED_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: UNORDERED_LIST_REGEX,
+  regExp: /^(\s*)[-*+]\s/,
   replace: listReplace('bullet'),
   type: 'element',
 };
@@ -417,7 +409,7 @@ export const CHECK_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: CHECK_LIST_REGEX,
+  regExp: /^(\s*)(?:-\s)?\s?(\[(\s|x)?\])\s/i,
   replace: listReplace('check'),
   type: 'element',
 };
@@ -427,7 +419,7 @@ export const ORDERED_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: ORDERED_LIST_REGEX,
+  regExp: /^(\s*)(\d{1,})\.\s/,
   replace: listReplace('number'),
   type: 'element',
 };
@@ -527,47 +519,3 @@ export const LINK: TextMatchTransformer = {
   trigger: ')',
   type: 'text-match',
 };
-
-export function normalizeMarkdown(input: string): string {
-  const lines = input.split('\n');
-  let inCodeBlock = false;
-  const sanitizedLines: string[] = [];
-
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    const lastLine = sanitizedLines[sanitizedLines.length - 1];
-
-    // Detect the start or end of a code block
-    if (CODE_START_REGEX.test(line) || CODE_END_REGEX.test(line)) {
-      inCodeBlock = !inCodeBlock;
-      sanitizedLines.push(line);
-      continue;
-    }
-
-    // If we are inside a code block, keep the line unchanged
-    if (inCodeBlock) {
-      sanitizedLines.push(line);
-      continue;
-    }
-
-    // In markdown the concept of "empty paragraphs" does not exist.
-    // Blocks must be separated by an empty line. Non-empty adjacent lines must be merged.
-    if (
-      line === '' ||
-      lastLine === '' ||
-      !lastLine ||
-      HEADING_REGEX.test(lastLine) ||
-      HEADING_REGEX.test(line) ||
-      QUOTE_REGEX.test(line) ||
-      ORDERED_LIST_REGEX.test(line) ||
-      UNORDERED_LIST_REGEX.test(line) ||
-      CHECK_LIST_REGEX.test(line)
-    ) {
-      sanitizedLines.push(line);
-    } else {
-      sanitizedLines[sanitizedLines.length - 1] = lastLine + line;
-    }
-  }
-
-  return sanitizedLines.join('\n');
-}
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index 5c1f8fef11d..beab8779f28 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -22,10 +22,7 @@ import {
   Transformer,
   TRANSFORMERS,
 } from '../..';
-import {
-  MultilineElementTransformer,
-  normalizeMarkdown,
-} from '../../MarkdownTransformers';
+import {MultilineElementTransformer} from '../../MarkdownTransformers';
 
 // Matches html within a mdx file
 const MDX_HTML_TRANSFORMER: MultilineElementTransformer = {
@@ -95,36 +92,19 @@ describe('Markdown', () => {
       html: '<h6><span style="white-space: pre-wrap;">Hello world</span></h6>',
       md: '###### Hello world',
     },
-    {
-      // Multiline paragraphs: https://spec.commonmark.org/dingus/?text=Hello%0Aworld%0A!
-      html: '<p><span style="white-space: pre-wrap;">Helloworld!</span></p>',
-      md: ['Hello', 'world', '!'].join('\n'),
-      skipExport: true,
-    },
     {
       // Multiline paragraphs
-      // TO-DO: It would be nice to support also hard line breaks (<br>) as \ or double spaces
-      // See https://spec.commonmark.org/0.31.2/#hard-line-breaks.
-      // Example: '<p><span style="white-space: pre-wrap;">Hello\\\nworld\\\n!</span></p>',
-      html: '<p><span style="white-space: pre-wrap;">Hello<br>world<br>!</span></p>',
+      html: '<p><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span></p>',
       md: ['Hello', 'world', '!'].join('\n'),
-      skipImport: true,
     },
     {
       html: '<blockquote><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world!</span></blockquote>',
       md: '> Hello\n> world!',
     },
-    // TO-DO: <br> should be preserved
-    // {
-    //   html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world<br>!<br>!</span></li></ul>',
-    //   md: '- Hello\n- world<br>!<br>!',
-    //   skipImport: true,
-    // },
     {
-      // Multiline list items: https://spec.commonmark.org/dingus/?text=-%20Hello%0A-%20world%0A!%0A!
-      html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world!!</span></li></ul>',
+      // Multiline list items
+      html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span><br><span style="white-space: pre-wrap;">!</span></li></ul>',
       md: '- Hello\n- world\n!\n!',
-      skipExport: true,
     },
     {
       html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world</span></li></ul>',
@@ -294,8 +274,8 @@ describe('Markdown', () => {
       skipExport: true,
     },
     {
-      // https://spec.commonmark.org/dingus/?text=%3E%20Hello%0Aworld%0A!
-      html: '<blockquote><span style="white-space: pre-wrap;">Helloworld!</span></blockquote>',
+      // Import only: multiline quote will be prefixed with ">" on each line during export
+      html: '<blockquote><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span></blockquote>',
       md: '> Hello\nworld\n!',
       skipExport: true,
     },
@@ -318,9 +298,8 @@ describe('Markdown', () => {
     },
     {
       customTransformers: [MDX_HTML_TRANSFORMER],
-      html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1Some Text</span></pre>',
+      html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1\nSome Text</span></pre>',
       md: 'Some HTML in mdx:\n\n<MyComponent>Line 1\nSome Text</MyComponent>',
-      skipExport: true,
     },
   ];
 
@@ -428,47 +407,3 @@ describe('Markdown', () => {
     });
   }
 });
-
-describe('normalizeMarkdown', () => {
-  it('should combine lines separated by a single \n unless they are in a codeblock', () => {
-    const markdown = `
-1
-2
-
-3
-
-\`\`\`md
-1
-2
-
-3
-\`\`\`
-
-\`\`\`js
-1
-2
-
-3
-\`\`\`
-`;
-    expect(normalizeMarkdown(markdown)).toBe(`
-12
-
-3
-
-\`\`\`md
-1
-2
-
-3
-\`\`\`
-
-\`\`\`js
-1
-2
-
-3
-\`\`\`
-`);
-  });
-});
diff --git a/packages/lexical-markdown/src/index.ts b/packages/lexical-markdown/src/index.ts
index 3fc2f21da17..dac5b260478 100644
--- a/packages/lexical-markdown/src/index.ts
+++ b/packages/lexical-markdown/src/index.ts
@@ -31,7 +31,6 @@ import {
   ITALIC_STAR,
   ITALIC_UNDERSCORE,
   LINK,
-  normalizeMarkdown,
   ORDERED_LIST,
   QUOTE,
   STRIKETHROUGH,
@@ -83,12 +82,11 @@ function $convertFromMarkdownString(
   node?: ElementNode,
   shouldPreserveNewLines = false,
 ): void {
-  const sanitizedMarkdown = normalizeMarkdown(markdown);
   const importMarkdown = createMarkdownImport(
     transformers,
     shouldPreserveNewLines,
   );
-  return importMarkdown(sanitizedMarkdown, node);
+  return importMarkdown(markdown, node);
 }
 
 /**
diff --git a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
index 505b038ce28..b434d62be55 100644
--- a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
@@ -1310,6 +1310,7 @@ const IMPORTED_MARKDOWN_HTML = html`
       bold italic strikethrough
     </strong>
     <span data-lexical-text="true">text,</span>
+    <br />
     <strong
       class="PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textStrikethrough"
       data-lexical-text="true">
@@ -1407,7 +1408,9 @@ const IMPORTED_MARKDOWN_HTML = html`
     dir="ltr">
     <span data-lexical-text="true">Blockquotes text goes here</span>
     <br />
-    <span data-lexical-text="true">And secondline after</span>
+    <span data-lexical-text="true">And second</span>
+    <br />
+    <span data-lexical-text="true">line after</span>
   </blockquote>
   <blockquote
     class="PlaygroundEditorTheme__quote PlaygroundEditorTheme__ltr"
@@ -1485,9 +1488,9 @@ const IMPORTED_MARKDOWN_HTML = html`
           class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
           dir="ltr"
           value="1">
-          <span data-lexical-text="true">
-            And can be nested and multiline as well
-          </span>
+          <span data-lexical-text="true">And can be nested</span>
+          <br />
+          <span data-lexical-text="true">and multiline as well</span>
         </li>
       </ol>
     </li>

From c0f1e207283eb96473b06b3c8c1476b3a77807f9 Mon Sep 17 00:00:00 2001
From: Patrick Moody <166345262+patrick-atticus@users.noreply.github.com>
Date: Fri, 13 Sep 2024 15:13:51 +1000
Subject: [PATCH 014/133] [lexical-playground] Bug Fix: Fix table row/column
 index when resizing merged cells (#6630)

---
 .../lexical-playground/__tests__/e2e/Tables.spec.mjs | 12 ++++++------
 .../src/plugins/TableCellResizer/index.tsx           |  6 ++++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 52a26449702..985b1cf8c34 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -1690,7 +1690,8 @@ test.describe.parallel('Tables', () => {
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
                 colspan="2"
-                rowspan="2">
+                rowspan="2"
+                style="width: 217px">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </th>
               <th
@@ -1705,11 +1706,10 @@ test.describe.parallel('Tables', () => {
             </tr>
             <tr>
               <th
-                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-                style="width: 125px">
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </th>
-              <td class="PlaygroundEditorTheme__tableCell">
+              <td class="PlaygroundEditorTheme__tableCell" style="width: 125px">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </td>
               <td class="PlaygroundEditorTheme__tableCell">
@@ -1766,7 +1766,7 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
-          <tr style="height: 87px">
+          <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
               colspan="2"
@@ -1778,7 +1778,7 @@ test.describe.parallel('Tables', () => {
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
           </tr>
-          <tr>
+          <tr style="height: 87px">
             <td class="PlaygroundEditorTheme__tableCell">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
diff --git a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
index 0eb04da82ae..0f68199f69f 100644
--- a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
@@ -173,7 +173,9 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
           const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
 
           const tableRowIndex =
-            $getTableRowIndexFromTableCellNode(tableCellNode);
+            $getTableRowIndexFromTableCellNode(tableCellNode) +
+            tableCellNode.getRowSpan() -
+            1;
 
           const tableRows = tableNode.getChildren();
 
@@ -242,7 +244,7 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
     for (let row = 0; row < tableMap.length; row++) {
       for (let column = 0; column < tableMap[row].length; column++) {
         if (tableMap[row][column].cell === tableCellNode) {
-          return column;
+          return column + tableCellNode.getColSpan() - 1;
         }
       }
     }

From 6e10210fd1e113ccfafdc999b1d896733c5c5bea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Jablo=C3=B1ski?=
 <43938777+GermanJablo@users.noreply.github.com>
Date: Fri, 13 Sep 2024 05:45:18 -0300
Subject: [PATCH 015/133] [lexical-markdown] Fix: normalize markdown in
 $convertFromMarkdownString to comply with CommonMark spec (2nd try) (#6629)

Co-authored-by: Bob Ippolito <bob@redivi.com>
Co-authored-by: Sherry <sherrywong105@gmail.com>
Co-authored-by: Sherry Wong <potatowagon@fb.com>
---
 .../src/MarkdownTransformers.ts               |  78 ++++++++++--
 .../__tests__/unit/LexicalMarkdown.test.ts    | 115 ++++++++++++++++--
 packages/lexical-markdown/src/index.ts        |   6 +-
 .../__tests__/e2e/Markdown.spec.mjs           |  11 +-
 4 files changed, 188 insertions(+), 22 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index 6afeebd1fbb..37e3d4b8f6d 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -153,6 +153,18 @@ export type TextMatchTransformer = Readonly<{
   type: 'text-match';
 }>;
 
+const ORDERED_LIST_REGEX = /^(\s*)(\d{1,})\.\s/;
+const UNORDERED_LIST_REGEX = /^(\s*)[-*+]\s/;
+const CHECK_LIST_REGEX = /^(\s*)(?:-\s)?\s?(\[(\s|x)?\])\s/i;
+const HEADING_REGEX = /^(#{1,6})\s/;
+const QUOTE_REGEX = /^>\s/;
+const CODE_START_REGEX = /^[ \t]*```(\w+)?/;
+const CODE_END_REGEX = /[ \t]*```$/;
+const CODE_SINGLE_LINE_REGEX =
+  /^[ \t]*```[^`]+(?:(?:`{1,2}|`{4,})[^`]+)*```(?:[^`]|$)/;
+const TABLE_ROW_REG_EXP = /^(?:\|)(.+)(?:\|)\s?$/;
+const TABLE_ROW_DIVIDER_REG_EXP = /^(\| ?:?-*:? ?)+\|\s?$/;
+
 const createBlockNode = (
   createNode: (match: Array<string>) => ElementNode,
 ): ElementTransformer['replace'] => {
@@ -266,7 +278,7 @@ export const HEADING: ElementTransformer = {
     const level = Number(node.getTag().slice(1));
     return '#'.repeat(level) + ' ' + exportChildren(node);
   },
-  regExp: /^(#{1,6})\s/,
+  regExp: HEADING_REGEX,
   replace: createBlockNode((match) => {
     const tag = ('h' + match[1].length) as HeadingTagType;
     return $createHeadingNode(tag);
@@ -288,7 +300,7 @@ export const QUOTE: ElementTransformer = {
     }
     return output.join('\n');
   },
-  regExp: /^>\s/,
+  regExp: QUOTE_REGEX,
   replace: (parentNode, children, _match, isImport) => {
     if (isImport) {
       const previousNode = parentNode.getPreviousSibling();
@@ -328,9 +340,9 @@ export const CODE: MultilineElementTransformer = {
   },
   regExpEnd: {
     optional: true,
-    regExp: /[ \t]*```$/,
+    regExp: CODE_END_REGEX,
   },
-  regExpStart: /^[ \t]*```(\w+)?/,
+  regExpStart: CODE_START_REGEX,
   replace: (
     rootNode,
     children,
@@ -399,7 +411,7 @@ export const UNORDERED_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: /^(\s*)[-*+]\s/,
+  regExp: UNORDERED_LIST_REGEX,
   replace: listReplace('bullet'),
   type: 'element',
 };
@@ -409,7 +421,7 @@ export const CHECK_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: /^(\s*)(?:-\s)?\s?(\[(\s|x)?\])\s/i,
+  regExp: CHECK_LIST_REGEX,
   replace: listReplace('check'),
   type: 'element',
 };
@@ -419,7 +431,7 @@ export const ORDERED_LIST: ElementTransformer = {
   export: (node, exportChildren) => {
     return $isListNode(node) ? listExport(node, exportChildren, 0) : null;
   },
-  regExp: /^(\s*)(\d{1,})\.\s/,
+  regExp: ORDERED_LIST_REGEX,
   replace: listReplace('number'),
   type: 'element',
 };
@@ -519,3 +531,55 @@ export const LINK: TextMatchTransformer = {
   trigger: ')',
   type: 'text-match',
 };
+
+export function normalizeMarkdown(input: string): string {
+  const lines = input.split('\n');
+  let inCodeBlock = false;
+  const sanitizedLines: string[] = [];
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const lastLine = sanitizedLines[sanitizedLines.length - 1];
+
+    // Code blocks of ```single line``` don't toggle the inCodeBlock flag
+    if (CODE_SINGLE_LINE_REGEX.test(line)) {
+      sanitizedLines.push(line);
+      continue;
+    }
+
+    // Detect the start or end of a code block
+    if (CODE_START_REGEX.test(line) || CODE_END_REGEX.test(line)) {
+      inCodeBlock = !inCodeBlock;
+      sanitizedLines.push(line);
+      continue;
+    }
+
+    // If we are inside a code block, keep the line unchanged
+    if (inCodeBlock) {
+      sanitizedLines.push(line);
+      continue;
+    }
+
+    // In markdown the concept of "empty paragraphs" does not exist.
+    // Blocks must be separated by an empty line. Non-empty adjacent lines must be merged.
+    if (
+      line === '' ||
+      lastLine === '' ||
+      !lastLine ||
+      HEADING_REGEX.test(lastLine) ||
+      HEADING_REGEX.test(line) ||
+      QUOTE_REGEX.test(line) ||
+      ORDERED_LIST_REGEX.test(line) ||
+      UNORDERED_LIST_REGEX.test(line) ||
+      CHECK_LIST_REGEX.test(line) ||
+      TABLE_ROW_REG_EXP.test(line) ||
+      TABLE_ROW_DIVIDER_REG_EXP.test(line)
+    ) {
+      sanitizedLines.push(line);
+    } else {
+      sanitizedLines[sanitizedLines.length - 1] = lastLine + line;
+    }
+  }
+
+  return sanitizedLines.join('\n');
+}
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index beab8779f28..a18318f0ae6 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -22,7 +22,10 @@ import {
   Transformer,
   TRANSFORMERS,
 } from '../..';
-import {MultilineElementTransformer} from '../../MarkdownTransformers';
+import {
+  MultilineElementTransformer,
+  normalizeMarkdown,
+} from '../../MarkdownTransformers';
 
 // Matches html within a mdx file
 const MDX_HTML_TRANSFORMER: MultilineElementTransformer = {
@@ -92,19 +95,36 @@ describe('Markdown', () => {
       html: '<h6><span style="white-space: pre-wrap;">Hello world</span></h6>',
       md: '###### Hello world',
     },
+    {
+      // Multiline paragraphs: https://spec.commonmark.org/dingus/?text=Hello%0Aworld%0A!
+      html: '<p><span style="white-space: pre-wrap;">Helloworld!</span></p>',
+      md: ['Hello', 'world', '!'].join('\n'),
+      skipExport: true,
+    },
     {
       // Multiline paragraphs
-      html: '<p><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span></p>',
+      // TO-DO: It would be nice to support also hard line breaks (<br>) as \ or double spaces
+      // See https://spec.commonmark.org/0.31.2/#hard-line-breaks.
+      // Example: '<p><span style="white-space: pre-wrap;">Hello\\\nworld\\\n!</span></p>',
+      html: '<p><span style="white-space: pre-wrap;">Hello<br>world<br>!</span></p>',
       md: ['Hello', 'world', '!'].join('\n'),
+      skipImport: true,
     },
     {
       html: '<blockquote><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world!</span></blockquote>',
       md: '> Hello\n> world!',
     },
+    // TO-DO: <br> should be preserved
+    // {
+    //   html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world<br>!<br>!</span></li></ul>',
+    //   md: '- Hello\n- world<br>!<br>!',
+    //   skipImport: true,
+    // },
     {
-      // Multiline list items
-      html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span><br><span style="white-space: pre-wrap;">!</span></li></ul>',
+      // Multiline list items: https://spec.commonmark.org/dingus/?text=-%20Hello%0A-%20world%0A!%0A!
+      html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world!!</span></li></ul>',
       md: '- Hello\n- world\n!\n!',
+      skipExport: true,
     },
     {
       html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world</span></li></ul>',
@@ -182,6 +202,11 @@ describe('Markdown', () => {
       html: '<p><i><em style="white-space: pre-wrap;">Hello </em></i><i><b><strong style="white-space: pre-wrap;">world</strong></b></i><i><em style="white-space: pre-wrap;">!</em></i></p>',
       md: '*Hello **world**!*',
     },
+    {
+      html: '<p><span style="white-space: pre-wrap;">hello</span><br><span style="white-space: pre-wrap;">world</span></p>',
+      md: 'hello\nworld',
+      shouldPreserveNewLines: true,
+    },
     {
       html: '<h1><span style="white-space: pre-wrap;">Hello</span></h1><p><br></p><p><br></p><p><br></p><p><b><strong style="white-space: pre-wrap;">world</strong></b><span style="white-space: pre-wrap;">!</span></p>',
       md: '# Hello\n\n\n\n**world**!',
@@ -274,8 +299,8 @@ describe('Markdown', () => {
       skipExport: true,
     },
     {
-      // Import only: multiline quote will be prefixed with ">" on each line during export
-      html: '<blockquote><span style="white-space: pre-wrap;">Hello</span><br><span style="white-space: pre-wrap;">world</span><br><span style="white-space: pre-wrap;">!</span></blockquote>',
+      // https://spec.commonmark.org/dingus/?text=%3E%20Hello%0Aworld%0A!
+      html: '<blockquote><span style="white-space: pre-wrap;">Helloworld!</span></blockquote>',
       md: '> Hello\nworld\n!',
       skipExport: true,
     },
@@ -298,8 +323,9 @@ describe('Markdown', () => {
     },
     {
       customTransformers: [MDX_HTML_TRANSFORMER],
-      html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1\nSome Text</span></pre>',
+      html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1Some Text</span></pre>',
       md: 'Some HTML in mdx:\n\n<MyComponent>Line 1\nSome Text</MyComponent>',
+      skipExport: true,
     },
   ];
 
@@ -407,3 +433,78 @@ describe('Markdown', () => {
     });
   }
 });
+
+describe('normalizeMarkdown', () => {
+  it('should combine lines separated by a single \n unless they are in a codeblock', () => {
+    const markdown = `
+A1
+A2
+
+A3
+
+\`\`\`md
+B1
+B2
+
+B3
+\`\`\`
+
+C1
+C2
+
+C3
+
+\`\`\`js
+D1
+D2
+
+D3
+\`\`\`
+
+\`\`\`single line code\`\`\`
+
+E1
+E2
+
+E3
+`;
+    expect(normalizeMarkdown(markdown)).toBe(`
+A1A2
+
+A3
+
+\`\`\`md
+B1
+B2
+
+B3
+\`\`\`
+
+C1C2
+
+C3
+
+\`\`\`js
+D1
+D2
+
+D3
+\`\`\`
+
+\`\`\`single line code\`\`\`
+
+E1E2
+
+E3
+`);
+  });
+
+  it('tables', () => {
+    const markdown = `
+| a | b |
+| --- | --- |
+| c | d |
+`;
+    expect(normalizeMarkdown(markdown)).toBe(markdown);
+  });
+});
diff --git a/packages/lexical-markdown/src/index.ts b/packages/lexical-markdown/src/index.ts
index dac5b260478..ec32900fce5 100644
--- a/packages/lexical-markdown/src/index.ts
+++ b/packages/lexical-markdown/src/index.ts
@@ -31,6 +31,7 @@ import {
   ITALIC_STAR,
   ITALIC_UNDERSCORE,
   LINK,
+  normalizeMarkdown,
   ORDERED_LIST,
   QUOTE,
   STRIKETHROUGH,
@@ -82,11 +83,14 @@ function $convertFromMarkdownString(
   node?: ElementNode,
   shouldPreserveNewLines = false,
 ): void {
+  const sanitizedMarkdown = shouldPreserveNewLines
+    ? markdown
+    : normalizeMarkdown(markdown);
   const importMarkdown = createMarkdownImport(
     transformers,
     shouldPreserveNewLines,
   );
-  return importMarkdown(markdown, node);
+  return importMarkdown(sanitizedMarkdown, node);
 }
 
 /**
diff --git a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
index b434d62be55..505b038ce28 100644
--- a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
@@ -1310,7 +1310,6 @@ const IMPORTED_MARKDOWN_HTML = html`
       bold italic strikethrough
     </strong>
     <span data-lexical-text="true">text,</span>
-    <br />
     <strong
       class="PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textStrikethrough"
       data-lexical-text="true">
@@ -1408,9 +1407,7 @@ const IMPORTED_MARKDOWN_HTML = html`
     dir="ltr">
     <span data-lexical-text="true">Blockquotes text goes here</span>
     <br />
-    <span data-lexical-text="true">And second</span>
-    <br />
-    <span data-lexical-text="true">line after</span>
+    <span data-lexical-text="true">And secondline after</span>
   </blockquote>
   <blockquote
     class="PlaygroundEditorTheme__quote PlaygroundEditorTheme__ltr"
@@ -1488,9 +1485,9 @@ const IMPORTED_MARKDOWN_HTML = html`
           class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
           dir="ltr"
           value="1">
-          <span data-lexical-text="true">And can be nested</span>
-          <br />
-          <span data-lexical-text="true">and multiline as well</span>
+          <span data-lexical-text="true">
+            And can be nested and multiline as well
+          </span>
         </li>
       </ol>
     </li>

From c8c201486bc45912a087e18830c4f431621a7e5c Mon Sep 17 00:00:00 2001
From: Katsia <47710336+KatsiarynaDzibrova@users.noreply.github.com>
Date: Fri, 13 Sep 2024 16:48:56 +0100
Subject: [PATCH 016/133] [lexical-table]  Bug: Table formatting and styling
 not persisting for empty cells (#6626)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../lexical-table/src/LexicalTableObserver.ts | 19 ++++++++++++-------
 packages/lexical/src/LexicalSelection.ts      | 18 ++++++++++++++++--
 .../lexical/src/nodes/LexicalParagraphNode.ts | 12 ++++++++++++
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/packages/lexical-table/src/LexicalTableObserver.ts b/packages/lexical-table/src/LexicalTableObserver.ts
index a1114107d43..03030509a52 100644
--- a/packages/lexical-table/src/LexicalTableObserver.ts
+++ b/packages/lexical-table/src/LexicalTableObserver.ts
@@ -21,12 +21,13 @@ import {
   $getRoot,
   $getSelection,
   $isElementNode,
+  $isParagraphNode,
   $setSelection,
   SELECTION_CHANGE_COMMAND,
 } from 'lexical';
 import invariant from 'shared/invariant';
 
-import {$isTableCellNode} from './LexicalTableCellNode';
+import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
 import {$isTableNode} from './LexicalTableNode';
 import {
   $createTableSelection,
@@ -356,12 +357,16 @@ export class TableObserver {
       const anchor = formatSelection.anchor;
       const focus = formatSelection.focus;
 
-      selection.getNodes().forEach((cellNode) => {
-        if ($isTableCellNode(cellNode) && cellNode.getTextContentSize() !== 0) {
-          anchor.set(cellNode.getKey(), 0, 'element');
-          focus.set(cellNode.getKey(), cellNode.getChildrenSize(), 'element');
-          formatSelection.formatText(type);
-        }
+      const cellNodes = selection.getNodes().filter($isTableCellNode);
+      const paragraph = cellNodes[0].getFirstChild();
+      const alignFormatWith = $isParagraphNode(paragraph)
+        ? paragraph.getFormatFlags(type, null)
+        : null;
+
+      cellNodes.forEach((cellNode: TableCellNode) => {
+        anchor.set(cellNode.getKey(), 0, 'element');
+        focus.set(cellNode.getKey(), cellNode.getChildrenSize(), 'element');
+        formatSelection.formatText(type, alignFormatWith);
       });
 
       $setSelection(selection);
diff --git a/packages/lexical/src/LexicalSelection.ts b/packages/lexical/src/LexicalSelection.ts
index e1486865c81..3a4e9ac0456 100644
--- a/packages/lexical/src/LexicalSelection.ts
+++ b/packages/lexical/src/LexicalSelection.ts
@@ -21,6 +21,7 @@ import {
   $isDecoratorNode,
   $isElementNode,
   $isLineBreakNode,
+  $isParagraphNode,
   $isRootNode,
   $isTextNode,
   $setSelection,
@@ -1173,8 +1174,12 @@ export class RangeSelection implements BaseSelection {
    * merging nodes as necessary.
    *
    * @param formatType the format type to apply to the nodes in the Selection.
+   * @param alignWithFormat a 32-bit integer representing formatting flags to align with.
    */
-  formatText(formatType: TextFormatType): void {
+  formatText(
+    formatType: TextFormatType,
+    alignWithFormat: number | null = null,
+  ): void {
     if (this.isCollapsed()) {
       this.toggleFormat(formatType);
       // When changing format, we should stop composition
@@ -1222,7 +1227,16 @@ export class RangeSelection implements BaseSelection {
       return;
     }
 
-    const firstNextFormat = firstNode.getFormatFlags(formatType, null);
+    const firstNextFormat = firstNode.getFormatFlags(
+      formatType,
+      alignWithFormat,
+    );
+    selectedNodes.forEach((node) => {
+      if ($isParagraphNode(node)) {
+        const newFormat = node.getFormatFlags(formatType, firstNextFormat);
+        node.setTextFormat(newFormat);
+      }
+    });
 
     const lastIndex = selectedTextNodesLength - 1;
     let lastNode = selectedTextNodes[lastIndex];
diff --git a/packages/lexical/src/nodes/LexicalParagraphNode.ts b/packages/lexical/src/nodes/LexicalParagraphNode.ts
index deab3a2cc13..ebbf9814581 100644
--- a/packages/lexical/src/nodes/LexicalParagraphNode.ts
+++ b/packages/lexical/src/nodes/LexicalParagraphNode.ts
@@ -30,6 +30,7 @@ import {
   $applyNodeReplacement,
   getCachedClassNameArray,
   isHTMLElement,
+  toggleTextFormatType,
 } from '../LexicalUtils';
 import {ElementNode} from './LexicalElementNode';
 import {$isTextNode, TextFormatType} from './LexicalTextNode';
@@ -75,6 +76,17 @@ export class ParagraphNode extends ElementNode {
     return (this.getTextFormat() & formatFlag) !== 0;
   }
 
+  /**
+   * Returns the format flags applied to the node as a 32-bit integer.
+   *
+   * @returns a number representing the TextFormatTypes applied to the node.
+   */
+  getFormatFlags(type: TextFormatType, alignWithFormat: null | number): number {
+    const self = this.getLatest();
+    const format = self.__textFormat;
+    return toggleTextFormatType(format, type, alignWithFormat);
+  }
+
   getTextStyle(): string {
     const self = this.getLatest();
     return self.__textStyle;

From 3131ff89e746b640dacbfc9314b9d718236f6a7d Mon Sep 17 00:00:00 2001
From: neysanfoo <neysanfoo@gmail.com>
Date: Mon, 16 Sep 2024 09:00:25 +0800
Subject: [PATCH 017/133] [lexical-playground][ExcalidrawNode] Bug Fix:
 Preserve Excalidraw image dimensions after resizing (#6634)

---
 .../ExcalidrawNode/ExcalidrawComponent.tsx    | 39 ++++++++++------
 .../nodes/ExcalidrawNode/ExcalidrawImage.tsx  | 29 +++++++++---
 .../src/nodes/ExcalidrawNode/index.tsx        | 44 +++++++++++++------
 3 files changed, 80 insertions(+), 32 deletions(-)

diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
index 903fe0f1e71..fcf2186ee19 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
@@ -15,8 +15,6 @@ import {useLexicalNodeSelection} from '@lexical/react/useLexicalNodeSelection';
 import {mergeRegister} from '@lexical/utils';
 import {
   $getNodeByKey,
-  $getSelection,
-  $isNodeSelection,
   CLICK_COMMAND,
   COMMAND_PRIORITY_LOW,
   KEY_BACKSPACE_COMMAND,
@@ -41,7 +39,7 @@ export default function ExcalidrawComponent({
   const [isModalOpen, setModalOpen] = useState<boolean>(
     data === '[]' && editor.isEditable(),
   );
-  const imageContainerRef = useRef<HTMLImageElement | null>(null);
+  const imageContainerRef = useRef<HTMLDivElement | null>(null);
   const buttonRef = useRef<HTMLButtonElement | null>(null);
   const captionButtonRef = useRef<HTMLButtonElement | null>(null);
   const [isSelected, setSelected, clearSelection] =
@@ -50,23 +48,21 @@ export default function ExcalidrawComponent({
 
   const $onDelete = useCallback(
     (event: KeyboardEvent) => {
-      const deleteSelection = $getSelection();
-      if (isSelected && $isNodeSelection(deleteSelection)) {
+      if (isSelected) {
         event.preventDefault();
         editor.update(() => {
-          deleteSelection.getNodes().forEach((node) => {
-            if ($isExcalidrawNode(node)) {
-              node.remove();
-            }
-          });
+          const node = $getNodeByKey(nodeKey);
+          if (node) {
+            node.remove();
+          }
         });
       }
       return false;
     },
-    [editor, isSelected],
+    [editor, isSelected, nodeKey],
   );
 
-  // Set editor to readOnly if excalidraw is open to prevent unwanted changes
+  // Set editor to readOnly if Excalidraw is open to prevent unwanted changes
   useEffect(() => {
     if (isModalOpen) {
       editor.setEditable(false);
@@ -119,7 +115,7 @@ export default function ExcalidrawComponent({
     setModalOpen(false);
     return editor.update(() => {
       const node = $getNodeByKey(nodeKey);
-      if ($isExcalidrawNode(node)) {
+      if (node) {
         node.remove();
       }
     });
@@ -184,6 +180,21 @@ export default function ExcalidrawComponent({
     appState = {},
   } = useMemo(() => JSON.parse(data), [data]);
 
+  const [initialWidth, initialHeight] = useMemo(() => {
+    let nodeWidth: 'inherit' | number = 'inherit';
+    let nodeHeight: 'inherit' | number = 'inherit';
+
+    editor.getEditorState().read(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isExcalidrawNode(node)) {
+        nodeWidth = node.getWidth();
+        nodeHeight = node.getHeight();
+      }
+    });
+
+    return [nodeWidth, nodeHeight];
+  }, [editor, nodeKey]);
+
   return (
     <>
       <ExcalidrawModal
@@ -210,6 +221,8 @@ export default function ExcalidrawComponent({
             elements={elements}
             files={files}
             appState={appState}
+            width={initialWidth}
+            height={initialHeight}
           />
           {isSelected && (
             <div
diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawImage.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawImage.tsx
index 65ec02f1b06..b5e13a8f59a 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawImage.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawImage.tsx
@@ -17,6 +17,8 @@ import {useEffect, useState} from 'react';
 
 type ImageType = 'svg' | 'canvas';
 
+type Dimension = 'inherit' | number;
+
 type Props = {
   /**
    * Configures the export setting for SVG/Canvas
@@ -31,17 +33,17 @@ type Props = {
    */
   elements: NonDeleted<ExcalidrawElement>[];
   /**
-   * The Excalidraw elements to be rendered as an image
+   * The Excalidraw files associated with the elements
    */
   files: BinaryFiles;
   /**
    * The height of the image to be rendered
    */
-  height?: number | null;
+  height?: Dimension;
   /**
    * The ref object to be used to render the image
    */
-  imageContainerRef: {current: null | HTMLDivElement};
+  imageContainerRef: React.MutableRefObject<HTMLDivElement | null>;
   /**
    * The type of image to be rendered
    */
@@ -53,7 +55,7 @@ type Props = {
   /**
    * The width of the image to be rendered
    */
-  width?: number | null;
+  width?: Dimension;
 };
 
 // exportToSvg has fonts from excalidraw.com
@@ -85,6 +87,8 @@ export default function ExcalidrawImage({
   imageContainerRef,
   appState,
   rootClassName = null,
+  width = 'inherit',
+  height = 'inherit',
 }: Props): JSX.Element {
   const [Svg, setSvg] = useState<SVGElement | null>(null);
 
@@ -106,10 +110,25 @@ export default function ExcalidrawImage({
     setContent();
   }, [elements, files, appState]);
 
+  const containerStyle: React.CSSProperties = {};
+  if (width !== 'inherit') {
+    containerStyle.width = `${width}px`;
+  }
+  if (height !== 'inherit') {
+    containerStyle.height = `${height}px`;
+  }
+
   return (
     <div
-      ref={imageContainerRef}
+      ref={(node) => {
+        if (node) {
+          if (imageContainerRef) {
+            imageContainerRef.current = node;
+          }
+        }
+      }}
       className={rootClassName ?? ''}
+      style={containerStyle}
       dangerouslySetInnerHTML={{__html: Svg?.outerHTML ?? ''}}
     />
   );
diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
index 693a7418cc1..8b4c5796024 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
@@ -29,8 +29,8 @@ const ExcalidrawComponent = React.lazy(() => import('./ExcalidrawComponent'));
 export type SerializedExcalidrawNode = Spread<
   {
     data: string;
-    width: Dimension;
-    height: Dimension;
+    width?: Dimension;
+    height?: Dimension;
   },
   SerializedLexicalNode
 >;
@@ -48,10 +48,7 @@ function $convertExcalidrawElement(
     !widthStr || widthStr === 'inherit' ? 'inherit' : parseInt(widthStr, 10);
 
   if (excalidrawData) {
-    const node = $createExcalidrawNode();
-    node.__data = excalidrawData;
-    node.__height = height;
-    node.__width = width;
+    const node = $createExcalidrawNode(excalidrawData, width, height);
     return {
       node,
     };
@@ -80,18 +77,19 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
   static importJSON(serializedNode: SerializedExcalidrawNode): ExcalidrawNode {
     return new ExcalidrawNode(
       serializedNode.data,
-      serializedNode.width,
-      serializedNode.height,
+      serializedNode.width ?? 'inherit',
+      serializedNode.height ?? 'inherit',
     );
   }
 
   exportJSON(): SerializedExcalidrawNode {
     return {
+      ...super.exportJSON(),
       data: this.__data,
-      height: this.__height,
+      height: this.__height === 'inherit' ? undefined : this.__height,
       type: 'excalidraw',
       version: 1,
-      width: this.__width,
+      width: this.__width === 'inherit' ? undefined : this.__width,
     };
   }
 
@@ -113,6 +111,8 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
     const theme = config.theme;
     const className = theme.image;
 
+    span.style.display = 'inline-block';
+
     span.style.width =
       this.__width === 'inherit' ? 'inherit' : `${this.__width}px`;
     span.style.height =
@@ -124,7 +124,11 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
     return span;
   }
 
-  updateDOM(): false {
+  updateDOM(prevNode: ExcalidrawNode, dom: HTMLElement): boolean {
+    dom.style.width =
+      this.__width === 'inherit' ? 'inherit' : `${this.__width}px`;
+    dom.style.height =
+      this.__height === 'inherit' ? 'inherit' : `${this.__height}px`;
     return false;
   }
 
@@ -169,11 +173,19 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
     self.__data = data;
   }
 
+  getWidth(): Dimension {
+    return this.getLatest().__width;
+  }
+
   setWidth(width: Dimension): void {
     const self = this.getWritable();
     self.__width = width;
   }
 
+  getHeight(): Dimension {
+    return this.getLatest().__height;
+  }
+
   setHeight(height: Dimension): void {
     const self = this.getWritable();
     self.__height = height;
@@ -188,12 +200,16 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
   }
 }
 
-export function $createExcalidrawNode(): ExcalidrawNode {
-  return new ExcalidrawNode();
+export function $createExcalidrawNode(
+  data: string = '[]',
+  width: Dimension = 'inherit',
+  height: Dimension = 'inherit',
+): ExcalidrawNode {
+  return new ExcalidrawNode(data, width, height);
 }
 
 export function $isExcalidrawNode(
-  node: LexicalNode | null,
+  node: LexicalNode | null | undefined,
 ): node is ExcalidrawNode {
   return node instanceof ExcalidrawNode;
 }

From da405bba0511ba26191e56ec8d7c7770b36c59f0 Mon Sep 17 00:00:00 2001
From: Patrick Moody <166345262+patrick-atticus@users.noreply.github.com>
Date: Wed, 18 Sep 2024 12:56:55 +1000
Subject: [PATCH 018/133] [lexical-table][lexical-playground] Feature: Add
 column widths to TableNode (#6625)

---
 .../html/TablesHTMLCopyAndPaste.spec.mjs      |  38 ++
 .../__tests__/e2e/Indentation.spec.mjs        |  15 +
 .../__tests__/e2e/Selection.spec.mjs          |  18 +-
 .../__tests__/e2e/Tables.spec.mjs             | 346 +++++++++++++++---
 .../__tests__/e2e/Toolbar.spec.mjs            |   7 +
 .../4661-insert-column-selection.spec.mjs     |  13 +
 .../__tests__/utils/index.mjs                 |   4 +-
 .../src/plugins/TableCellResizer/index.tsx    |  73 ++--
 .../src/themes/PlaygroundEditorTheme.css      |   3 +-
 .../lexical-table/src/LexicalTableNode.ts     |  83 ++++-
 .../src/LexicalTableSelectionHelpers.ts       |   2 +-
 .../lexical-table/src/LexicalTableUtils.ts    |  14 +
 .../__tests__/unit/LexicalTableNode.test.tsx  |  72 +++-
 13 files changed, 558 insertions(+), 130 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
index 28d18df4ce5..efe46564db1 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
@@ -43,6 +43,11 @@ test.describe('HTML Tables CopyAndPaste', () => {
       page,
       html`
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell">
               <p
@@ -113,6 +118,11 @@ test.describe('HTML Tables CopyAndPaste', () => {
       page,
       html`
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell">
               <p
@@ -191,6 +201,11 @@ test.describe('HTML Tables CopyAndPaste', () => {
       page,
       html`
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr style="height: 21px">
             <td class="PlaygroundEditorTheme__tableCell">
               <p
@@ -277,6 +292,12 @@ test.describe('HTML Tables CopyAndPaste', () => {
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table
           class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -388,6 +409,12 @@ test.describe('HTML Tables CopyAndPaste', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -531,6 +558,10 @@ test.describe('HTML Tables CopyAndPaste', () => {
           <span data-lexical-text="true">123</span>
         </p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell">
               <p class="PlaygroundEditorTheme__paragraph">
@@ -646,6 +677,13 @@ test.describe('HTML Tables CopyAndPaste', () => {
           <span data-lexical-text="true">123</span>
         </p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell" colspan="2">
               <p class="PlaygroundEditorTheme__paragraph">
diff --git a/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs b/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
index a0b460c8225..3a856bd19f3 100644
--- a/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
@@ -106,6 +106,9 @@ test.describe('Identation', () => {
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table
           class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -188,6 +191,9 @@ test.describe('Identation', () => {
         </p>
         <table
           class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -281,6 +287,9 @@ test.describe('Identation', () => {
         </p>
         <table
           class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -368,6 +377,9 @@ test.describe('Identation', () => {
         </p>
         <table
           class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -445,6 +457,9 @@ test.describe('Identation', () => {
         <p class="PlaygroundEditorTheme__paragraph" style=""><br /></p>
         <table
           class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
diff --git a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
index 5e30b4f413d..5addcdfbc1a 100644
--- a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
@@ -399,6 +399,10 @@ test.describe.parallel('Selection', () => {
           <span data-lexical-text="true">abc</span>
         </p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -681,7 +685,7 @@ test.describe.parallel('Selection', () => {
           anchorOffset: {desc: 'beginning of cell', value: 0},
           anchorPath: [
             {desc: 'index of table in root', value: 1},
-            {desc: 'first table row', value: 0},
+            {desc: 'first table row', value: 1},
             {desc: 'second cell', value: 1},
             {desc: 'first paragraph', value: 0},
             {desc: 'first span', value: 0},
@@ -690,7 +694,7 @@ test.describe.parallel('Selection', () => {
           focusOffset: {desc: 'full text length', value: cellText.length},
           focusPath: [
             {desc: 'index of table in root', value: 1},
-            {desc: 'first table row', value: 0},
+            {desc: 'first table row', value: 1},
             {desc: 'second cell', value: 1},
             {desc: 'first paragraph', value: 0},
             {desc: 'first span', value: 0},
@@ -711,14 +715,14 @@ test.describe.parallel('Selection', () => {
           anchorOffset: {desc: 'beginning of cell', value: 0},
           anchorPath: [
             {desc: 'index of table in root', value: 1},
-            {desc: 'first table row', value: 0},
+            {desc: 'first table row', value: 1},
             {desc: 'first cell', value: 0},
             {desc: 'beginning of text', value: 0},
           ],
           focusOffset: {desc: 'beginning of text', value: 0},
           focusPath: [
             {desc: 'index of table in root', value: 1},
-            {desc: 'first table row', value: 0},
+            {desc: 'first table row', value: 1},
             {desc: 'first cell', value: 0},
             {desc: 'beginning of text', value: 0},
           ],
@@ -767,7 +771,7 @@ test.describe.parallel('Selection', () => {
         anchorOffset: {desc: 'beginning of cell', value: 0},
         anchorPath: [
           {desc: 'index of table in root', value: 1},
-          {desc: 'first table row', value: 0},
+          {desc: 'first table row', value: 1},
           {desc: 'first cell', value: 0},
         ],
         focusOffset: {desc: 'full text length', value: endParagraphText.length},
@@ -1025,7 +1029,7 @@ test.describe.parallel('Selection', () => {
         anchorOffset: 0,
         anchorPath: [0],
         focusOffset: 1,
-        focusPath: [1, 1, 1],
+        focusPath: [1, 2, 1],
       });
     },
   );
@@ -1048,7 +1052,7 @@ test.describe.parallel('Selection', () => {
         anchorOffset: 0,
         anchorPath: [1],
         focusOffset: 1,
-        focusPath: [0, 0, 0],
+        focusPath: [0, 1, 0],
       });
     },
   );
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 985b1cf8c34..75bda0f018b 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -90,6 +90,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><br /></p>
@@ -132,6 +136,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p dir="ltr"><span data-lexical-text="true">abc</span></p>
@@ -171,9 +179,9 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 0],
+        focusPath: [1, 1, 0, 0],
       });
 
       await moveLeft(page, 1);
@@ -188,17 +196,17 @@ test.describe.parallel('Tables', () => {
       await page.keyboard.type('ab');
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 0, 0, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 0, 0, 0, 0, 0],
+        focusPath: [1, 1, 0, 0, 0, 0],
       });
 
       await moveRight(page, 3);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 1, 0],
+        anchorPath: [1, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 1, 0],
+        focusPath: [1, 2, 1, 0],
       });
     });
 
@@ -216,9 +224,9 @@ test.describe.parallel('Tables', () => {
       await moveRight(page, 3);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 1, 0],
+        anchorPath: [1, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 1, 0],
+        focusPath: [1, 2, 1, 0],
       });
 
       await moveRight(page, 1);
@@ -233,9 +241,9 @@ test.describe.parallel('Tables', () => {
       await page.keyboard.type('ab');
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 1, 1, 0, 0, 0],
+        anchorPath: [1, 2, 1, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 1, 1, 0, 0, 0],
+        focusPath: [1, 2, 1, 0, 0, 0],
       });
 
       await moveRight(page, 3);
@@ -261,17 +269,17 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 1, 0, 0, 0],
+        focusPath: [1, 1, 0, 1, 1, 0, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 0],
+        focusPath: [1, 1, 0, 0],
       });
     });
 
@@ -290,17 +298,17 @@ test.describe.parallel('Tables', () => {
       await moveRight(page, 3);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 1, 1, 1, 0],
+        anchorPath: [1, 1, 0, 1, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 1, 1, 1, 0],
+        focusPath: [1, 1, 0, 1, 2, 1, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 2],
+        anchorPath: [1, 1, 0, 2],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 2],
+        focusPath: [1, 1, 0, 2],
       });
     });
   });
@@ -335,15 +343,19 @@ test.describe.parallel('Tables', () => {
     await deleteBackward(page);
     await assertSelection(page, {
       anchorOffset: 0,
-      anchorPath: [1, 1, 1, 0],
+      anchorPath: [1, 2, 1, 0],
       focusOffset: 0,
-      focusPath: [1, 1, 1, 0],
+      focusPath: [1, 2, 1, 0],
     });
     await assertHTML(
       page,
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><br /></p>
@@ -389,6 +401,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><br /></p>
@@ -446,6 +462,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><br /></p>
@@ -492,9 +512,9 @@ test.describe.parallel('Tables', () => {
     await moveLeft(page, 1);
     await assertSelection(page, {
       anchorOffset: 0,
-      anchorPath: [1, 1, 1, 0],
+      anchorPath: [1, 2, 1, 0],
       focusOffset: 0,
-      focusPath: [1, 1, 1, 0],
+      focusPath: [1, 2, 1, 0],
     });
   });
 
@@ -515,6 +535,10 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p><br /></p>
@@ -540,57 +564,57 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 0],
+        focusPath: [1, 1, 0, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 1, 0],
+        anchorPath: [1, 1, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 1, 0],
+        focusPath: [1, 1, 1, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, 2, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, 2, 0, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 1, 0],
+        anchorPath: [1, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 1, 0],
+        focusPath: [1, 2, 1, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, 2, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, 2, 0, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 1, 0],
+        anchorPath: [1, 1, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 1, 0],
+        focusPath: [1, 1, 1, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 0],
+        focusPath: [1, 1, 0, 0],
       });
     });
 
@@ -607,25 +631,25 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 0],
+        focusPath: [1, 1, 0, 0],
       });
 
       await moveDown(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, 2, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, 2, 0, 0],
       });
 
       await moveUp(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 0, 0, 0],
+        focusPath: [1, 1, 0, 0],
       });
     });
 
@@ -643,9 +667,9 @@ test.describe.parallel('Tables', () => {
       await page.keyboard.type('@A');
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 0, 0, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 0, 0, 0, 0, 0],
+        focusPath: [1, 1, 0, 0, 0, 0],
       });
 
       await waitForSelector(page, `#typeahead-menu ul li:first-child.selected`);
@@ -653,9 +677,9 @@ test.describe.parallel('Tables', () => {
       await moveDown(page, 1);
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 0, 0, 0, 0, 0],
+        anchorPath: [1, 1, 0, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 0, 0, 0, 0, 0],
+        focusPath: [1, 1, 0, 0, 0, 0],
       });
 
       await waitForSelector(
@@ -691,6 +715,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 style="background-color: rgb(172, 206, 247); caret-color: transparent">
@@ -723,6 +752,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p dir="ltr"><span data-lexical-text="true">a</span></p>
@@ -775,7 +809,7 @@ test.describe.parallel('Tables', () => {
     }
 
     const firstRowFirstColumnCellBoundingBox = await p.locator(
-      'table:first-of-type > tr:nth-child(1) > th:nth-child(1)',
+      'table:first-of-type > :nth-match(tr, 1) > th:nth-child(1)',
     );
 
     // Focus on inside the iFrame or the boundingBox() below returns null.
@@ -795,6 +829,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               style="background-color: rgb(172, 206, 247); caret-color: transparent">
@@ -838,6 +877,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p dir="ltr"><span data-lexical-text="true">a</span></p>
@@ -909,6 +953,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 style="background-color: rgb(172, 206, 247); caret-color: transparent">
@@ -941,6 +990,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p dir="ltr"><strong data-lexical-text="true">a</strong></p>
@@ -1006,6 +1060,10 @@ test.describe.parallel('Tables', () => {
         page,
         html`
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p dir="ltr"><span data-lexical-text="true">a</span></p>
@@ -1024,6 +1082,11 @@ test.describe.parallel('Tables', () => {
             </tr>
           </table>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p dir="ltr"><span data-lexical-text="true">a</span></p>
@@ -1084,6 +1147,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p><br /></p>
@@ -1136,6 +1204,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               style="background-color: rgb(172, 206, 247); caret-color: transparent">
@@ -1152,6 +1224,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><br /></p>
@@ -1187,6 +1263,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p dir="ltr"><span data-lexical-text="true">Hello World</span></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               style="background-color: rgb(172, 206, 247); caret-color: transparent">
@@ -1221,6 +1302,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p dir="ltr"><span data-lexical-text="true">Hello World</span></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><br /></p>
@@ -1288,6 +1374,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p><br /></p>
         <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th>
               <p><span data-lexical-text="true">123</span></p>
@@ -1341,6 +1431,10 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1411,6 +1505,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1445,6 +1543,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1498,6 +1600,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1535,6 +1641,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1608,6 +1718,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 142px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -1616,13 +1731,12 @@ test.describe.parallel('Tables', () => {
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="width: 125px">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
           </tr>
           <tr>
-            <td class="PlaygroundEditorTheme__tableCell" style="width: 125px">
+            <td class="PlaygroundEditorTheme__tableCell">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
           </tr>
@@ -1634,7 +1748,7 @@ test.describe.parallel('Tables', () => {
             <td class="PlaygroundEditorTheme__tableCell">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
-            <td class="PlaygroundEditorTheme__tableCell" style="width: 125px">
+            <td class="PlaygroundEditorTheme__tableCell">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
           </tr>
@@ -1686,12 +1800,16 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 142px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
                 colspan="2"
-                rowspan="2"
-                style="width: 217px">
+                rowspan="2">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </th>
               <th
@@ -1709,7 +1827,7 @@ test.describe.parallel('Tables', () => {
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </th>
-              <td class="PlaygroundEditorTheme__tableCell" style="width: 125px">
+              <td class="PlaygroundEditorTheme__tableCell">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </td>
               <td class="PlaygroundEditorTheme__tableCell">
@@ -1766,6 +1884,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -1842,6 +1965,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1873,6 +2001,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1932,6 +2065,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -1983,6 +2121,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2069,6 +2212,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2174,6 +2322,11 @@ test.describe.parallel('Tables', () => {
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table
             class="PlaygroundEditorTheme__table PlaygroundEditorTheme__tableSelection">
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -2218,6 +2371,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -2305,6 +2463,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -2345,6 +2508,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2426,6 +2594,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2490,6 +2662,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -2547,6 +2724,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2601,6 +2782,12 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2681,6 +2868,10 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2743,6 +2934,10 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2796,6 +2991,9 @@ test.describe.parallel('Tables', () => {
         html`
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
           <table class="PlaygroundEditorTheme__table">
+            <colgroup>
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2846,6 +3044,9 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -2912,6 +3113,9 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
@@ -2969,6 +3173,11 @@ test.describe.parallel('Tables', () => {
       page,
       html`
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell">
               <p
@@ -3054,6 +3263,9 @@ test.describe.parallel('Tables', () => {
       page,
       html`
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell">
               <p
@@ -3104,6 +3316,12 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -3190,6 +3408,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th
                 style="background-color: rgb(172, 206, 247); caret-color: transparent; text-align: center">
@@ -3230,6 +3453,11 @@ test.describe.parallel('Tables', () => {
         html`
           <p><br /></p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th style="text-align: center">
                 <p dir="ltr" style="text-align: center">
@@ -3297,6 +3525,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -3374,6 +3607,11 @@ test.describe.parallel('Tables', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
diff --git a/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs b/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs
index eb039765480..12cec473d34 100644
--- a/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs
@@ -157,6 +157,13 @@ test.describe('Toolbar', () => {
             <br />
           </p>
           <table>
+            <colgroup>
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+              <col style="width: 92px" />
+            </colgroup>
             <tr>
               <th>
                 <p><br /></p>
diff --git a/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs b/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs
index 8a1988cc2d1..abcd0492817 100644
--- a/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs
@@ -48,6 +48,12 @@ test.describe('Regression test #4661', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
@@ -86,6 +92,7 @@ test.describe('Regression test #4661', () => {
       `,
     );
   });
+
   test('inserting 2 columns after inserts after selection', async ({
     page,
     isPlainText,
@@ -113,6 +120,12 @@ test.describe('Regression test #4661', () => {
       html`
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
           <tr>
             <th
               class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index 4d80daad634..907db4b110a 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -826,12 +826,12 @@ export async function selectCellsFromTableCords(
   }
 
   const firstRowFirstColumnCell = await leftFrame.locator(
-    `table:first-of-type > tr:nth-child(${firstCords.y + 1}) > ${
+    `table:first-of-type > :nth-match(tr, ${firstCords.y + 1}) > ${
       isFirstHeader ? 'th' : 'td'
     }:nth-child(${firstCords.x + 1})`,
   );
   const secondRowSecondCell = await leftFrame.locator(
-    `table:first-of-type > tr:nth-child(${secondCords.y + 1}) > ${
+    `table:first-of-type > :nth-match(tr, ${secondCords.y + 1}) > ${
       isSecondHeader ? 'th' : 'td'
     }:nth-child(${secondCords.x + 1})`,
   );
diff --git a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
index 0f68199f69f..f0446ee6b1f 100644
--- a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
@@ -5,12 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type {
-  TableCellNode,
-  TableDOMCell,
-  TableMapType,
-  TableMapValueType,
-} from '@lexical/table';
+import type {TableCellNode, TableDOMCell, TableMapType} from '@lexical/table';
 import type {LexicalEditor} from 'lexical';
 
 import './index.css';
@@ -24,6 +19,7 @@ import {
   $isTableCellNode,
   $isTableRowNode,
   getDOMCellFromTarget,
+  TableNode,
 } from '@lexical/table';
 import {calculateZoomLevel} from '@lexical/utils';
 import {$getNearestNodeFromDOMNode} from 'lexical';
@@ -47,7 +43,7 @@ type MousePosition = {
 type MouseDraggingDirection = 'right' | 'bottom';
 
 const MIN_ROW_HEIGHT = 33;
-const MIN_COLUMN_WIDTH = 50;
+const MIN_COLUMN_WIDTH = 92;
 
 function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
   const targetRef = useRef<HTMLElement | null>(null);
@@ -75,6 +71,20 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
     return (event.buttons & 1) === 1;
   };
 
+  useEffect(() => {
+    return editor.registerNodeTransform(TableNode, (tableNode) => {
+      if (tableNode.getColWidths()) {
+        return tableNode;
+      }
+
+      const numColumns = tableNode.getColumnCount();
+      const columnWidth = MIN_COLUMN_WIDTH;
+
+      tableNode.setColWidths(Array(numColumns).fill(columnWidth));
+      return tableNode;
+    });
+  }, [editor]);
+
   useEffect(() => {
     const onMouseMove = (event: MouseEvent) => {
       setTimeout(() => {
@@ -208,27 +218,6 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
     [activeCell, editor],
   );
 
-  const getCellNodeWidth = (
-    cell: TableCellNode,
-    activeEditor: LexicalEditor,
-  ): number | undefined => {
-    const width = cell.getWidth();
-    if (width !== undefined) {
-      return width;
-    }
-
-    const domCellNode = activeEditor.getElementByKey(cell.getKey());
-    if (domCellNode == null) {
-      return undefined;
-    }
-    const computedStyle = getComputedStyle(domCellNode);
-    return (
-      domCellNode.clientWidth -
-      parseFloat(computedStyle.paddingLeft) -
-      parseFloat(computedStyle.paddingRight)
-    );
-  };
-
   const getCellNodeHeight = (
     cell: TableCellNode,
     activeEditor: LexicalEditor,
@@ -244,7 +233,7 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
     for (let row = 0; row < tableMap.length; row++) {
       for (let column = 0; column < tableMap[row].length; column++) {
         if (tableMap[row][column].cell === tableCellNode) {
-          return column + tableCellNode.getColSpan() - 1;
+          return column;
         }
       }
     }
@@ -273,22 +262,18 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
             throw new Error('TableCellResizer: Table column not found.');
           }
 
-          for (let row = 0; row < tableMap.length; row++) {
-            const cell: TableMapValueType = tableMap[row][columnIndex];
-            if (
-              cell.startRow === row &&
-              (columnIndex === tableMap[row].length - 1 ||
-                tableMap[row][columnIndex].cell !==
-                  tableMap[row][columnIndex + 1].cell)
-            ) {
-              const width = getCellNodeWidth(cell.cell, editor);
-              if (width === undefined) {
-                continue;
-              }
-              const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);
-              cell.cell.setWidth(newWidth);
-            }
+          const colWidths = tableNode.getColWidths();
+          if (!colWidths) {
+            return;
+          }
+          const width = colWidths[columnIndex];
+          if (width === undefined) {
+            return;
           }
+          const newColWidths = [...colWidths];
+          const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);
+          newColWidths[columnIndex] = newWidth;
+          tableNode.setColWidths(newColWidths);
         },
         {tag: 'skip-scroll-into-view'},
       );
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
index f79fb7d3a86..22d27e4145e 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -122,7 +122,7 @@
   overflow-y: scroll;
   overflow-x: scroll;
   table-layout: fixed;
-  width: max-content;
+  width: fit-content;
   margin: 0px 25px 30px 0px;
 }
 .PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) {
@@ -137,7 +137,6 @@
 .PlaygroundEditorTheme__tableCell {
   border: 1px solid #bbb;
   width: 75px;
-  min-width: 75px;
   vertical-align: top;
   text-align: start;
   padding: 6px 8px;
diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index 938d8c61c63..90031636d26 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -31,16 +31,39 @@ import {
 
 import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
 import {TableDOMCell, TableDOMTable} from './LexicalTableObserver';
-import {$isTableRowNode, TableRowNode} from './LexicalTableRowNode';
+import {TableRowNode} from './LexicalTableRowNode';
 import {getTable} from './LexicalTableSelectionHelpers';
 
 export type SerializedTableNode = Spread<
   {
+    colWidths?: readonly number[];
     rowStriping?: boolean;
   },
   SerializedElementNode
 >;
 
+function updateColgroup(
+  dom: HTMLElement,
+  config: EditorConfig,
+  colCount: number,
+  colWidths?: number[] | readonly number[],
+) {
+  const colGroup = dom.querySelector('colgroup');
+  if (!colGroup) {
+    return;
+  }
+  const cols = [];
+  for (let i = 0; i < colCount; i++) {
+    const col = document.createElement('col');
+    const width = colWidths && colWidths[i];
+    if (width) {
+      col.style.width = `${width}px`;
+    }
+    cols.push(col);
+  }
+  colGroup.replaceChildren(...cols);
+}
+
 function setRowStriping(
   dom: HTMLElement,
   config: EditorConfig,
@@ -59,17 +82,31 @@ function setRowStriping(
 export class TableNode extends ElementNode {
   /** @internal */
   __rowStriping: boolean;
+  __colWidths?: number[] | readonly number[];
 
   static getType(): string {
     return 'table';
   }
 
+  getColWidths(): number[] | readonly number[] | undefined {
+    const self = this.getLatest();
+    return self.__colWidths;
+  }
+
+  setColWidths(colWidths: readonly number[]): this {
+    const self = this.getWritable();
+    // NOTE: Node properties should be immutable. Freeze to prevent accidental mutation.
+    self.__colWidths = __DEV__ ? Object.freeze(colWidths) : colWidths;
+    return self;
+  }
+
   static clone(node: TableNode): TableNode {
     return new TableNode(node.__key);
   }
 
   afterCloneFrom(prevNode: this) {
     super.afterCloneFrom(prevNode);
+    this.__colWidths = prevNode.__colWidths;
     this.__rowStriping = prevNode.__rowStriping;
   }
 
@@ -85,6 +122,7 @@ export class TableNode extends ElementNode {
   static importJSON(serializedNode: SerializedTableNode): TableNode {
     const tableNode = $createTableNode();
     tableNode.__rowStriping = serializedNode.rowStriping || false;
+    tableNode.__colWidths = serializedNode.colWidths;
     return tableNode;
   }
 
@@ -96,6 +134,7 @@ export class TableNode extends ElementNode {
   exportJSON(): SerializedTableNode {
     return {
       ...super.exportJSON(),
+      colWidths: this.getColWidths(),
       rowStriping: this.__rowStriping ? this.__rowStriping : undefined,
       type: 'table',
       version: 1,
@@ -104,6 +143,14 @@ export class TableNode extends ElementNode {
 
   createDOM(config: EditorConfig, editor?: LexicalEditor): HTMLElement {
     const tableElement = document.createElement('table');
+    const colGroup = document.createElement('colgroup');
+    tableElement.appendChild(colGroup);
+    updateColgroup(
+      tableElement,
+      config,
+      this.getColumnCount(),
+      this.getColWidths(),
+    );
 
     addClassNamesToElement(tableElement, config.theme.table);
     if (this.__rowStriping) {
@@ -121,6 +168,7 @@ export class TableNode extends ElementNode {
     if (prevNode.__rowStriping !== this.__rowStriping) {
       setRowStriping(dom, config, this.__rowStriping);
     }
+    updateColgroup(dom, config, this.getColumnCount(), this.getColWidths());
     return false;
   }
 
@@ -133,19 +181,10 @@ export class TableNode extends ElementNode {
           const colGroup = document.createElement('colgroup');
           const tBody = document.createElement('tbody');
           if (isHTMLElement(tableElement)) {
-            tBody.append(...tableElement.children);
-          }
-          const firstRow = this.getFirstChildOrThrow<TableRowNode>();
-
-          if (!$isTableRowNode(firstRow)) {
-            throw new Error('Expected to find row node.');
-          }
-
-          const colCount = firstRow.getChildrenSize();
-
-          for (let i = 0; i < colCount; i++) {
-            const col = document.createElement('col');
-            colGroup.append(col);
+            const cols = tableElement.querySelectorAll('col');
+            colGroup.append(...cols);
+            const rows = tableElement.querySelectorAll('tr');
+            tBody.append(...rows);
           }
 
           newElement.replaceChildren(colGroup, tBody);
@@ -281,6 +320,22 @@ export class TableNode extends ElementNode {
   canIndent(): false {
     return false;
   }
+
+  getColumnCount(): number {
+    const firstRow = this.getFirstChild<TableRowNode>();
+    if (!firstRow) {
+      return 0;
+    }
+
+    let columnCount = 0;
+    firstRow.getChildren().forEach((cell) => {
+      if ($isTableCellNode(cell)) {
+        columnCount += cell.getColSpan();
+      }
+    });
+
+    return columnCount;
+  }
 }
 
 export function $getElementForTableNode(
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index 8034eb18ab7..4353604567e 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -1014,7 +1014,7 @@ export function getTable(tableElement: HTMLElement): TableDOMTable {
     domRows,
     rows: 0,
   };
-  let currentNode = tableElement.firstChild;
+  let currentNode = tableElement.querySelector('tr') as ChildNode | null;
   let x = 0;
   let y = 0;
   domRows.length = 0;
diff --git a/packages/lexical-table/src/LexicalTableUtils.ts b/packages/lexical-table/src/LexicalTableUtils.ts
index d3e7d5ab888..c674c4a8b88 100644
--- a/packages/lexical-table/src/LexicalTableUtils.ts
+++ b/packages/lexical-table/src/LexicalTableUtils.ts
@@ -471,6 +471,14 @@ export function $insertTableColumn__EXPERIMENTAL(insertAfter = true): void {
   if (firstInsertedCell !== null) {
     $moveSelectionToCell(firstInsertedCell);
   }
+  const colWidths = grid.getColWidths();
+  if (colWidths) {
+    const newColWidths = [...colWidths];
+    const columnIndex = insertAfterColumn < 0 ? 0 : insertAfterColumn;
+    const newWidth = newColWidths[columnIndex];
+    newColWidths.splice(columnIndex, 0, newWidth);
+    grid.setColWidths(newColWidths);
+  }
 }
 
 export function $deleteTableColumn(
@@ -643,6 +651,12 @@ export function $deleteTableColumn__EXPERIMENTAL(): void {
     const {cell} = previousRow;
     $moveSelectionToCell(cell);
   }
+  const colWidths = grid.getColWidths();
+  if (colWidths) {
+    const newColWidths = [...colWidths];
+    newColWidths.splice(startColumn, selectedColumnCount);
+    grid.setColWidths(newColWidths);
+  }
 }
 
 function $moveSelectionToCell(cell: TableCellNode): void {
diff --git a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
index 161def23622..fb1d9af2332 100644
--- a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
+++ b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
@@ -12,6 +12,7 @@ import {
   $createTableNode,
   $createTableNodeWithDimensions,
   $createTableSelection,
+  $insertTableColumn__EXPERIMENTAL,
 } from '@lexical/table';
 import {
   $createParagraphNode,
@@ -102,7 +103,7 @@ describe('LexicalTableNode tests', () => {
           const tableNode = $createTableNode();
 
           expect(tableNode.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table}"></table>`,
+            `<table class="${editorConfig.theme.table}"><colgroup></colgroup></table>`,
           );
         });
       });
@@ -126,7 +127,7 @@ describe('LexicalTableNode tests', () => {
         // Make sure paragraph is inserted inside empty cells
         const emptyCell = '<td><p><br></p></td>';
         expect(testEnv.innerHTML).toBe(
-          `<table><tr><td><p dir="ltr"><span data-lexical-text="true">Hello there</span></p></td><td><p dir="ltr"><span data-lexical-text="true">General Kenobi!</span></p></td></tr><tr><td><p dir="ltr"><span data-lexical-text="true">Lexical is nice</span></p></td>${emptyCell}</tr></table>`,
+          `<table><colgroup><col><col></colgroup><tr><td><p dir="ltr"><span data-lexical-text="true">Hello there</span></p></td><td><p dir="ltr"><span data-lexical-text="true">General Kenobi!</span></p></td></tr><tr><td><p dir="ltr"><span data-lexical-text="true">Lexical is nice</span></p></td>${emptyCell}</tr></table>`,
         );
       });
 
@@ -147,7 +148,7 @@ describe('LexicalTableNode tests', () => {
           $insertDataTransferForRichText(dataTransfer, selection, editor);
         });
         expect(testEnv.innerHTML).toBe(
-          `<table><tr style="height: 21px;"><td><p dir="ltr"><strong data-lexical-text="true">Surface</strong></p></td><td><p dir="ltr"><em data-lexical-text="true">MWP_WORK_LS_COMPOSER</em></p></td><td><p style="text-align: right;"><span data-lexical-text="true">77349</span></p></td></tr><tr style="height: 21px;"><td><p dir="ltr"><span data-lexical-text="true">Lexical</span></p></td><td><p dir="ltr"><span data-lexical-text="true">XDS_RICH_TEXT_AREA</span></p></td><td><p dir="ltr"><span data-lexical-text="true">sdvd </span><strong data-lexical-text="true">sdfvsfs</strong></p></td></tr></table>`,
+          `<table><colgroup><col><col><col></colgroup><tr style="height: 21px;"><td><p dir="ltr"><strong data-lexical-text="true">Surface</strong></p></td><td><p dir="ltr"><em data-lexical-text="true">MWP_WORK_LS_COMPOSER</em></p></td><td><p style="text-align: right;"><span data-lexical-text="true">77349</span></p></td></tr><tr style="height: 21px;"><td><p dir="ltr"><span data-lexical-text="true">Lexical</span></p></td><td><p dir="ltr"><span data-lexical-text="true">XDS_RICH_TEXT_AREA</span></p></td><td><p dir="ltr"><span data-lexical-text="true">sdvd </span><strong data-lexical-text="true">sdfvsfs</strong></p></td></tr></table>`,
         );
       });
 
@@ -292,7 +293,7 @@ describe('LexicalTableNode tests', () => {
         });
 
         expect(testEnv.innerHTML).toBe(
-          `<p><br></p><table><tr><th><p><br></p></th><th><p><br></p></th><th><p><br></p></th><th><p><br></p></th></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr></table>`,
+          `<p><br></p><table><colgroup><col><col><col><col></colgroup><tr><th><p><br></p></th><th><p><br></p></th><th><p><br></p></th><th><p><br></p></th></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr></table>`,
         );
       });
 
@@ -366,7 +367,7 @@ describe('LexicalTableNode tests', () => {
           const root = $getRoot();
           const table = root.getLastChild<TableNode>();
           expect(table!.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table} ${editorConfig.theme.tableRowStriping}" data-lexical-row-striping="true"></table>`,
+            `<table class="${editorConfig.theme.table} ${editorConfig.theme.tableRowStriping}" data-lexical-row-striping="true"><colgroup><col><col><col><col></colgroup></table>`,
           );
         });
 
@@ -382,10 +383,69 @@ describe('LexicalTableNode tests', () => {
           const root = $getRoot();
           const table = root.getLastChild<TableNode>();
           expect(table!.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table}"></table>`,
+            `<table class="${editorConfig.theme.table}"><colgroup><col><col><col><col></colgroup></table>`,
           );
         });
       });
+
+      test('Update column widths', async () => {
+        const {editor} = testEnv;
+
+        await editor.update(() => {
+          const root = $getRoot();
+          const table = $createTableNodeWithDimensions(4, 2, true);
+          root.append(table);
+        });
+
+        // Set widths
+        await editor.update(() => {
+          const root = $getRoot();
+          const table = root.getLastChild<TableNode>();
+          table!.setColWidths([50, 50]);
+        });
+
+        await editor.update(() => {
+          const root = $getRoot();
+          const table = root.getLastChild<TableNode>();
+          expect(table!.createDOM(editorConfig).outerHTML).toBe(
+            `<table class="${editorConfig.theme.table}"><colgroup><col style="width: 50px;"><col style="width: 50px;"></colgroup></table>`,
+          );
+          const colWidths = table!.getColWidths();
+
+          // colwidths should be immutable in DEV
+          expect(() => {
+            (colWidths as number[]).push(100);
+          }).toThrow();
+          expect(table!.getColWidths()).toStrictEqual([50, 50]);
+          expect(table!.getColumnCount()).toBe(2);
+        });
+
+        // Add a column
+        await editor.update(() => {
+          const root = $getRoot();
+          const table = root.getLastChild<TableNode>();
+          const DOMTable = $getElementForTableNode(editor, table!);
+          const selection = $createTableSelection();
+          selection.set(
+            table!.__key,
+            table!.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
+            table!.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
+          );
+          $setSelection(selection);
+          $insertTableColumn__EXPERIMENTAL();
+          table!.setColWidths([50, 50, 100]);
+        });
+
+        await editor.update(() => {
+          const root = $getRoot();
+          const table = root.getLastChild<TableNode>();
+          expect(table!.createDOM(editorConfig).outerHTML).toBe(
+            `<table class="${editorConfig.theme.table}"><colgroup><col style="width: 50px;"><col style="width: 50px;"><col style="width: 100px;"></colgroup></table>`,
+          );
+          expect(table!.getColWidths()).toStrictEqual([50, 50, 100]);
+          expect(table!.getColumnCount()).toBe(3);
+        });
+      });
     },
     undefined,
     <TablePlugin />,

From 8fb96f98a34925699a5c73a03ed21f5c4de34d8a Mon Sep 17 00:00:00 2001
From: Adam Pugh <adamthepugh@gmail.com>
Date: Wed, 18 Sep 2024 10:46:41 -0500
Subject: [PATCH 019/133] Grammar Issue - Repeated Word (#6643)

---
 packages/lexical-website/docs/intro.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/lexical-website/docs/intro.md b/packages/lexical-website/docs/intro.md
index 825fc2e5d65..5b4d62966c4 100644
--- a/packages/lexical-website/docs/intro.md
+++ b/packages/lexical-website/docs/intro.md
@@ -81,7 +81,7 @@ Node Transforms and Command Listeners are called with an implicit `editor.update
 
 It is permitted to do nested updates, or nested reads, but an update should not be nested in a read
 or vice versa. For example, `editor.update(() => editor.update(() => {...}))` is allowed. It is permitted
-to nest nest an `editor.read` at the end of an `editor.update`, but this will immediately flush the update
+to nest an `editor.read` at the end of an `editor.update`, but this will immediately flush the update
 and any additional update in that callback will throw an error.
 
 All Lexical Nodes are dependent on the associated Editor State. With few exceptions, you should only call methods

From fc8cf099e3a15125652716ab94fc7d2c60f8bf4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Kub=C3=A1t?=
 <36794259+skopz356@users.noreply.github.com>
Date: Wed, 18 Sep 2024 18:28:21 +0200
Subject: [PATCH 020/133] Allow exporting a document fragment from the
 exportDOM function (#6641)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Tomáš Kubát <tomas.kubat@omnetic.com>
---
 .../src/__tests__/unit/LexicalHtml.test.ts    | 55 ++++++++++++++++++-
 packages/lexical-html/src/index.ts            |  9 ++-
 packages/lexical/src/LexicalNode.ts           |  4 +-
 packages/lexical/src/LexicalUtils.ts          | 11 ++++
 packages/lexical/src/index.ts                 |  1 +
 5 files changed, 73 insertions(+), 7 deletions(-)

diff --git a/packages/lexical-html/src/__tests__/unit/LexicalHtml.test.ts b/packages/lexical-html/src/__tests__/unit/LexicalHtml.test.ts
index 5583cf94f5a..8759603419a 100644
--- a/packages/lexical-html/src/__tests__/unit/LexicalHtml.test.ts
+++ b/packages/lexical-html/src/__tests__/unit/LexicalHtml.test.ts
@@ -6,9 +6,6 @@
  *
  */
 
-//@ts-ignore-next-line
-import type {RangeSelection} from 'lexical';
-
 import {CodeNode} from '@lexical/code';
 import {createHeadlessEditor} from '@lexical/headless';
 import {$generateHtmlFromNodes, $generateNodesFromDOM} from '@lexical/html';
@@ -20,6 +17,8 @@ import {
   $createRangeSelection,
   $createTextNode,
   $getRoot,
+  ParagraphNode,
+  RangeSelection,
 } from 'lexical';
 
 describe('HTML', () => {
@@ -212,4 +211,54 @@ describe('HTML', () => {
       '<p style="text-align: center;"><span style="white-space: pre-wrap;">Hello world!</span></p>',
     );
   });
+
+  test('It should output correctly nodes whose export is DocumentFragment', () => {
+    const editor = createHeadlessEditor({
+      html: {
+        export: new Map([
+          [
+            ParagraphNode,
+            () => {
+              const element = document.createDocumentFragment();
+              return {
+                element,
+              };
+            },
+          ],
+        ]),
+      },
+      nodes: [],
+    });
+
+    editor.update(
+      () => {
+        const root = $getRoot();
+        const p1 = $createParagraphNode();
+        const text1 = $createTextNode('Hello');
+        p1.append(text1);
+        const p2 = $createParagraphNode();
+        const text2 = $createTextNode('World');
+        p2.append(text2);
+        root.append(p1).append(p2);
+        // Root
+        // - ParagraphNode
+        // -- TextNode "Hello"
+        // - ParagraphNode
+        // -- TextNode "World"
+      },
+      {
+        discrete: true,
+      },
+    );
+
+    let html = '';
+
+    editor.update(() => {
+      html = $generateHtmlFromNodes(editor);
+    });
+
+    expect(html).toBe(
+      '<span style="white-space: pre-wrap;">Hello</span><span style="white-space: pre-wrap;">World</span>',
+    );
+  });
 });
diff --git a/packages/lexical-html/src/index.ts b/packages/lexical-html/src/index.ts
index 2975315cc35..732bab44048 100644
--- a/packages/lexical-html/src/index.ts
+++ b/packages/lexical-html/src/index.ts
@@ -29,6 +29,7 @@ import {
   $isTextNode,
   ArtificialNode__DO_NOT_USE,
   ElementNode,
+  isDocumentFragment,
   isInlineDomNode,
 } from 'lexical';
 
@@ -147,7 +148,7 @@ function $appendNodesToHTML(
   }
 
   if (shouldInclude && !shouldExclude) {
-    if (isHTMLElement(element)) {
+    if (isHTMLElement(element) || isDocumentFragment(element)) {
       element.append(fragment);
     }
     parentElement.append(element);
@@ -155,7 +156,11 @@ function $appendNodesToHTML(
     if (after) {
       const newElement = after.call(target, element);
       if (newElement) {
-        element.replaceWith(newElement);
+        if (isDocumentFragment(element)) {
+          element.replaceChildren(newElement);
+        } else {
+          element.replaceWith(newElement);
+        }
       }
     }
   } else {
diff --git a/packages/lexical/src/LexicalNode.ts b/packages/lexical/src/LexicalNode.ts
index 5f70d3e36df..564989cdc2e 100644
--- a/packages/lexical/src/LexicalNode.ts
+++ b/packages/lexical/src/LexicalNode.ts
@@ -155,9 +155,9 @@ export type DOMExportOutputMap = Map<
 
 export type DOMExportOutput = {
   after?: (
-    generatedElement: HTMLElement | Text | null | undefined,
+    generatedElement: HTMLElement | DocumentFragment | Text | null | undefined,
   ) => HTMLElement | Text | null | undefined;
-  element: HTMLElement | Text | null;
+  element: HTMLElement | DocumentFragment | Text | null;
 };
 
 export type NodeKey = string;
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index 65b45cf7362..bf7904d3b90 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1668,6 +1668,17 @@ export function isHTMLElement(x: Node | EventTarget): x is HTMLElement {
   return x.nodeType === 1;
 }
 
+/**
+ * @param x - The element being testing
+ * @returns Returns true if x is a document fragment, false otherwise.
+ */
+export function isDocumentFragment(
+  x: Node | EventTarget,
+): x is DocumentFragment {
+  // @ts-ignore-next-line - strict check on nodeType here should filter out non-Element EventTarget implementors
+  return x.nodeType === 11;
+}
+
 /**
  *
  * @param node - the Dom Node to check
diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index 5ef926b5afc..b3f5013cdd7 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -179,6 +179,7 @@ export {
   getEditorPropertyFromDOMNode,
   getNearestEditorFromDOMNode,
   isBlockDomNode,
+  isDocumentFragment,
   isHTMLAnchorElement,
   isHTMLElement,
   isInlineDomNode,

From deb58949b505c08d81b2b0bce7ddbffdbd779ea2 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Wed, 18 Sep 2024 21:26:57 -0700
Subject: [PATCH 021/133] [lexical-react][lexical-playground] Bug Fix:
 Workaround for yjs disconnect race in React StrictMode (#6644)

---
 .../src/shared/useYjsCollaboration.tsx        | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/packages/lexical-react/src/shared/useYjsCollaboration.tsx b/packages/lexical-react/src/shared/useYjsCollaboration.tsx
index 371a6f4721f..a8f4e49da17 100644
--- a/packages/lexical-react/src/shared/useYjsCollaboration.tsx
+++ b/packages/lexical-react/src/shared/useYjsCollaboration.tsx
@@ -155,9 +155,18 @@ export function useYjsCollaboration(
 
     return () => {
       if (isReloadingDoc.current === false) {
-        Promise.resolve(connectionPromise).then(() => {
+        if (connectionPromise) {
+          connectionPromise.then(disconnect);
+        } else {
+          // Workaround for race condition in StrictMode. It's possible there
+          // is a different race for the above case where connect returns a
+          // promise, but we don't have an example of that in-repo.
+          // It's possible that there is a similar issue with
+          // TOGGLE_CONNECT_COMMAND below when the provider connect returns a
+          // promise.
+          // https://github.com/facebook/lexical/issues/6640
           disconnect();
-        });
+        }
       }
 
       provider.off('sync', onSync);
@@ -198,18 +207,16 @@ export function useYjsCollaboration(
     return editor.registerCommand(
       TOGGLE_CONNECT_COMMAND,
       (payload) => {
-        if (connect !== undefined && disconnect !== undefined) {
-          const shouldConnect = payload;
-
-          if (shouldConnect) {
-            // eslint-disable-next-line no-console
-            console.log('Collaboration connected!');
-            connect();
-          } else {
-            // eslint-disable-next-line no-console
-            console.log('Collaboration disconnected!');
-            disconnect();
-          }
+        const shouldConnect = payload;
+
+        if (shouldConnect) {
+          // eslint-disable-next-line no-console
+          console.log('Collaboration connected!');
+          connect();
+        } else {
+          // eslint-disable-next-line no-console
+          console.log('Collaboration disconnected!');
+          disconnect();
         }
 
         return true;

From 4cf0a5372f0b76888a5f3dee31fd026db1bdfc6c Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Thu, 19 Sep 2024 20:03:15 -0700
Subject: [PATCH 022/133] [lexical-code] Bug Fix: Annotate @lexical/code as
 having side-effects for Prism (#6652)

---
 packages/lexical-code/package.json            |   2 +-
 .../lexical-code/src/CodeHighlightNode.ts     |   7 +-
 packages/lexical-code/src/CodeHighlighter.ts  |   8 +-
 .../lexical-code/src/CodeHighlighterPrism.ts  |  11 +-
 .../lexical-esm-astro-react/package-lock.json | 800 +++++++++++-------
 .../lexical-esm-astro-react/package.json      |   5 +-
 .../lexical-esm-astro-react/src/env.d.ts      |   1 +
 7 files changed, 499 insertions(+), 335 deletions(-)

diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index 51b999e6a12..89dd18cadee 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -25,7 +25,7 @@
     "@types/prismjs": "^1.26.0"
   },
   "module": "LexicalCode.mjs",
-  "sideEffects": false,
+  "sideEffects": true,
   "exports": {
     ".": {
       "import": {
diff --git a/packages/lexical-code/src/CodeHighlightNode.ts b/packages/lexical-code/src/CodeHighlightNode.ts
index 0e60950c248..15f08d207ab 100644
--- a/packages/lexical-code/src/CodeHighlightNode.ts
+++ b/packages/lexical-code/src/CodeHighlightNode.ts
@@ -17,8 +17,6 @@ import type {
   TabNode,
 } from 'lexical';
 
-import './CodeHighlighterPrism';
-
 import {
   addClassNamesToElement,
   removeClassNamesFromElement,
@@ -30,6 +28,7 @@ import {
   TextNode,
 } from 'lexical';
 
+import {Prism} from './CodeHighlighterPrism';
 import {$createCodeNode} from './CodeNode';
 
 export const DEFAULT_CODE_LANGUAGE = 'javascript';
@@ -84,11 +83,11 @@ export function getLanguageFriendlyName(lang: string) {
 export const getDefaultCodeLanguage = (): string => DEFAULT_CODE_LANGUAGE;
 
 export const getCodeLanguages = (): Array<string> =>
-  Object.keys(window.Prism.languages)
+  Object.keys(Prism.languages)
     .filter(
       // Prism has several language helpers mixed into languages object
       // so filtering them out here to get langs list
-      (language) => typeof window.Prism.languages[language] !== 'function',
+      (language) => typeof Prism.languages[language] !== 'function',
     )
     .sort();
 
diff --git a/packages/lexical-code/src/CodeHighlighter.ts b/packages/lexical-code/src/CodeHighlighter.ts
index dd721b03e9a..c023b80b760 100644
--- a/packages/lexical-code/src/CodeHighlighter.ts
+++ b/packages/lexical-code/src/CodeHighlighter.ts
@@ -16,8 +16,6 @@ import type {
   RangeSelection,
 } from 'lexical';
 
-import './CodeHighlighterPrism';
-
 import {mergeRegister} from '@lexical/utils';
 import {
   $createLineBreakNode,
@@ -44,6 +42,7 @@ import {
 } from 'lexical';
 import invariant from 'shared/invariant';
 
+import {Prism} from './CodeHighlighterPrism';
 import {
   $createCodeHighlightNode,
   $isCodeHighlightNode,
@@ -69,10 +68,9 @@ export interface Tokenizer {
 export const PrismTokenizer: Tokenizer = {
   defaultLanguage: DEFAULT_CODE_LANGUAGE,
   tokenize(code: string, language?: string): (string | Token)[] {
-    return window.Prism.tokenize(
+    return Prism.tokenize(
       code,
-      window.Prism.languages[language || ''] ||
-        window.Prism.languages[this.defaultLanguage],
+      Prism.languages[language || ''] || Prism.languages[this.defaultLanguage],
     );
   },
 };
diff --git a/packages/lexical-code/src/CodeHighlighterPrism.ts b/packages/lexical-code/src/CodeHighlighterPrism.ts
index 9ec68588456..98b17d8f43c 100644
--- a/packages/lexical-code/src/CodeHighlighterPrism.ts
+++ b/packages/lexical-code/src/CodeHighlighterPrism.ts
@@ -24,14 +24,5 @@ import 'prismjs/components/prism-swift';
 import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-cpp';
-import {CAN_USE_DOM} from 'shared/canUseDOM';
 
-declare global {
-  interface Window {
-    Prism: typeof import('prismjs');
-  }
-}
-
-export const Prism: typeof import('prismjs') = CAN_USE_DOM
-  ? window.Prism
-  : (global as unknown as {Prism: typeof import('prismjs')}).Prism;
+export const Prism: typeof import('prismjs') = globalThis.Prism || window.Prism;
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json
index 3d5cb5e1953..26ccfd3cdc4 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json
@@ -1,21 +1,21 @@
 {
   "name": "lexical-esm-astro-react",
-  "version": "0.0.1",
+  "version": "0.17.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lexical-esm-astro-react",
-      "version": "0.0.1",
+      "version": "0.17.1",
       "dependencies": {
-        "@astrojs/check": "^0.5.9",
+        "@astrojs/check": "^0.9.3",
         "@astrojs/react": "^3.1.0",
-        "@lexical/react": "^0.14.3",
-        "@lexical/utils": "^0.14.3",
+        "@lexical/react": "0.17.1",
+        "@lexical/utils": "0.17.1",
         "@types/react": "^18.2.66",
         "@types/react-dom": "^18.2.22",
         "astro": "^4.5.4",
-        "lexical": "^0.14.3",
+        "lexical": "0.17.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.2"
@@ -37,11 +37,11 @@
       }
     },
     "node_modules/@astrojs/check": {
-      "version": "0.5.10",
-      "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.5.10.tgz",
-      "integrity": "sha512-vliHXM9cu/viGeKiksUM4mXfO816ohWtawTl2ADPgTsd4nUMjFiyAl7xFZhF34yy4hq4qf7jvK1F2PlR3b5I5w==",
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.9.3.tgz",
+      "integrity": "sha512-I6Dz45bMI5YRbp4yK2LKWsHH3/kkHRGdPGruGkLap6pqxhdcNh7oCgN04Ac+haDfc9ow5BYPGPmEhkwef15GQQ==",
       "dependencies": {
-        "@astrojs/language-server": "^2.8.4",
+        "@astrojs/language-server": "^2.14.1",
         "chokidar": "^3.5.3",
         "fast-glob": "^3.3.1",
         "kleur": "^4.1.5",
@@ -55,9 +55,9 @@
       }
     },
     "node_modules/@astrojs/compiler": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.7.1.tgz",
-      "integrity": "sha512-/POejAYuj8WEw7ZI0J8JBvevjfp9jQ9Wmu/Bg52RiNwGXkMV7JnYpsenVfHvvf1G7R5sXHGKlTcxlQWhoUTiGQ=="
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.10.3.tgz",
+      "integrity": "sha512-bL/O7YBxsFt55YHU021oL+xz+B/9HvGNId3F9xURN16aeqDK9juHGktdkCSXz+U4nqFACq6ZFvWomOzhV+zfPw=="
     },
     "node_modules/@astrojs/internal-helpers": {
       "version": "0.4.0",
@@ -65,25 +65,28 @@
       "integrity": "sha512-6B13lz5n6BrbTqCTwhXjJXuR1sqiX/H6rTxzlXx+lN1NnV4jgnq/KJldCQaUWJzPL5SiWahQyinxAbxQtwgPHA=="
     },
     "node_modules/@astrojs/language-server": {
-      "version": "2.8.4",
-      "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.8.4.tgz",
-      "integrity": "sha512-sJH5vGTBkhgA8+hdhzX78UUp4cFz4Mt7xkEkevD188OS5bDMkaue6hK+dtXWM47mnrXFveXA2u38K7S+5+IRjA==",
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.14.2.tgz",
+      "integrity": "sha512-daUJ/+/2pPF3eGG4tVdXKyw0tabUDrJKwLzU8VTuNhEHIn3VZAIES6VT3+mX0lmKcMiKM8/bjZdfY+fPfmnsMA==",
       "dependencies": {
-        "@astrojs/compiler": "^2.7.0",
+        "@astrojs/compiler": "^2.10.3",
+        "@astrojs/yaml2ts": "^0.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.15",
-        "@volar/kit": "~2.1.5",
-        "@volar/language-core": "~2.1.5",
-        "@volar/language-server": "~2.1.5",
-        "@volar/language-service": "~2.1.5",
-        "@volar/typescript": "~2.1.5",
+        "@volar/kit": "~2.4.0",
+        "@volar/language-core": "~2.4.0",
+        "@volar/language-server": "~2.4.0",
+        "@volar/language-service": "~2.4.0",
+        "@volar/typescript": "~2.4.0",
         "fast-glob": "^3.2.12",
-        "volar-service-css": "0.0.34",
-        "volar-service-emmet": "0.0.34",
-        "volar-service-html": "0.0.34",
-        "volar-service-prettier": "0.0.34",
-        "volar-service-typescript": "0.0.34",
-        "volar-service-typescript-twoslash-queries": "0.0.34",
-        "vscode-html-languageservice": "^5.1.2",
+        "muggle-string": "^0.4.1",
+        "volar-service-css": "0.0.61",
+        "volar-service-emmet": "0.0.61",
+        "volar-service-html": "0.0.61",
+        "volar-service-prettier": "0.0.61",
+        "volar-service-typescript": "0.0.61",
+        "volar-service-typescript-twoslash-queries": "0.0.61",
+        "volar-service-yaml": "0.0.61",
+        "vscode-html-languageservice": "^5.2.0",
         "vscode-uri": "^3.0.8"
       },
       "bin": {
@@ -187,6 +190,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/@astrojs/yaml2ts": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@astrojs/yaml2ts/-/yaml2ts-0.2.1.tgz",
+      "integrity": "sha512-CBaNwDQJz20E5WxzQh4thLVfhB3JEEGz72wRA+oJp6fQR37QLAqXZJU0mHC+yqMOQ6oj0GfRPJrz6hjf+zm6zA==",
+      "dependencies": {
+        "yaml": "^2.5.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.24.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz",
@@ -561,11 +572,38 @@
         "@emmetio/scanner": "^1.0.4"
       }
     },
+    "node_modules/@emmetio/css-parser": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emmetio/css-parser/-/css-parser-0.4.0.tgz",
+      "integrity": "sha512-z7wkxRSZgrQHXVzObGkXG+Vmj3uRlpM11oCZ9pbaz0nFejvCDmAiNDpY75+wgXOcffKpj4rzGtwGaZxfJKsJxw==",
+      "dependencies": {
+        "@emmetio/stream-reader": "^2.2.0",
+        "@emmetio/stream-reader-utils": "^0.1.0"
+      }
+    },
+    "node_modules/@emmetio/html-matcher": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@emmetio/html-matcher/-/html-matcher-1.3.0.tgz",
+      "integrity": "sha512-NTbsvppE5eVyBMuyGfVu2CRrLvo7J4YHb6t9sBFLyY03WYhXET37qA4zOYUjBWFCRHO7pS1B9khERtY0f5JXPQ==",
+      "dependencies": {
+        "@emmetio/scanner": "^1.0.0"
+      }
+    },
     "node_modules/@emmetio/scanner": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@emmetio/scanner/-/scanner-1.0.4.tgz",
       "integrity": "sha512-IqRuJtQff7YHHBk4G8YZ45uB9BaAGcwQeVzgj/zj8/UdOhtQpEIupUhSk8dys6spFIWVZVeK20CzGEnqR5SbqA=="
     },
+    "node_modules/@emmetio/stream-reader": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@emmetio/stream-reader/-/stream-reader-2.2.0.tgz",
+      "integrity": "sha512-fXVXEyFA5Yv3M3n8sUGT7+fvecGrZP4k6FnWWMSZVQf69kAq0LLpaBQLGcPR30m3zMmKYhECP4k/ZkzvhEW5kw=="
+    },
+    "node_modules/@emmetio/stream-reader-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@emmetio/stream-reader-utils/-/stream-reader-utils-0.1.0.tgz",
+      "integrity": "sha512-ZsZ2I9Vzso3Ho/pjZFsmmZ++FWeEd/txqybHTm4OgaZzdS8V9V/YYWQwg5TC38Z7uLWUV1vavpLLbjJtKubR1A=="
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.19.12",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz",
@@ -955,154 +993,172 @@
       }
     },
     "node_modules/@lexical/clipboard": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.14.3.tgz",
-      "integrity": "sha512-kMasHJQCNSSdD6US8XF/GJEZAgdmIUIoqwcV/7Q8jVUICYT53bcr+Rh7RxL+1c7ZpJE2rXg5KTELsUPGjs0uwA==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.17.1.tgz",
+      "integrity": "sha512-OVqnEfWX8XN5xxuMPo6BfgGKHREbz++D5V5ISOiml0Z8fV/TQkdgwqbBJcUdJHGRHWSUwdK7CWGs/VALvVvZyw==",
       "dependencies": {
-        "@lexical/html": "0.14.3",
-        "@lexical/list": "0.14.3",
-        "@lexical/selection": "0.14.3",
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/html": "0.17.1",
+        "@lexical/list": "0.17.1",
+        "@lexical/selection": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/code": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.14.3.tgz",
-      "integrity": "sha512-eBhs+TsJ5z7Vg/0e77bau86lN7R5nqO7effkPNNndn0XV2VSDpjMF+PTj4Cd1peenFlfqVivBr9gdewDrvPQng==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.17.1.tgz",
+      "integrity": "sha512-ZspfTm6g6dN3nAb4G5bPp3SqxzdkB/bjGfa0uRKMU6/eBKtrMUgZsGxt0a8JRZ1eq2TZrQhx+l1ceRoLXii/bQ==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1",
         "prismjs": "^1.27.0"
       }
     },
+    "node_modules/@lexical/devtools-core": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.17.1.tgz",
+      "integrity": "sha512-SzL1EX9Rt5GptIo87t6nDxAc9TtYtl6DyAPNz/sCltspdd69KQgs23sTRa26/tkNFCS1jziRN7vpN3mlnmm5wA==",
+      "dependencies": {
+        "@lexical/html": "0.17.1",
+        "@lexical/link": "0.17.1",
+        "@lexical/mark": "0.17.1",
+        "@lexical/table": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
+      },
+      "peerDependencies": {
+        "react": ">=17.x",
+        "react-dom": ">=17.x"
+      }
+    },
     "node_modules/@lexical/dragon": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.14.3.tgz",
-      "integrity": "sha512-GTnt5a5Zs1f3q5Z9tC63VPzCFNAG+37ySHO+mQpVqlTsDmwSeJzFKGZyxq81tZXsKaXQZ4llc9K6I1f/XJoypw==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.17.1.tgz",
+      "integrity": "sha512-lhBRKP7RlhiVCLtF0qiNqmMhEO6cQB43sMe7d4bvuY1G2++oKY/XAJPg6QJZdXRrCGRQ6vZ26QRNhRPmCxL5Ng==",
       "dependencies": {
-        "lexical": "0.14.3"
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/hashtag": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.14.3.tgz",
-      "integrity": "sha512-BlMhegitxNscJyM0QGjnzpt7QQaiftVf80dqfiVGdgFJi9hS4wrYEsPpA7jlsZG5Q46DSw/zMRp3tpHfdU6TCQ==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.17.1.tgz",
+      "integrity": "sha512-XtP0BI8vEewAe7tzq9MC49UPUvuChuNJI/jqFp+ezZlt/RUq0BClQCOPuSlrTJhluvE2rWnUnOnVMk8ILRvggQ==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/history": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.14.3.tgz",
-      "integrity": "sha512-I5Ssaz+uRYsFmqN5WfKCyTkPPV1CTnEQ21vuKp8PVI4hBdlIy5aJdeQXbQhg0BdCtQVSjpm7WRGMk5ATiAXLPw==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.17.1.tgz",
+      "integrity": "sha512-OU/ohajz4FXchUhghsWC7xeBPypFe50FCm5OePwo767G7P233IztgRKIng2pTT4zhCPW7S6Mfl53JoFHKehpWA==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/html": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.14.3.tgz",
-      "integrity": "sha512-ID4RdHdOXv2qIg6cqNhbYiqgcV5aEJFAV+zZ14CMpxPlW71tiRlmy/Pp4WqCFgjnZ2GZRq34+kag+cT2H69ILQ==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.17.1.tgz",
+      "integrity": "sha512-yGG+K2DXl7Wn2DpNuZ0Y3uCHJgfHkJN3/MmnFb4jLnH1FoJJiuy7WJb/BRRh9H+6xBJ9v70iv+kttDJ0u1xp5w==",
       "dependencies": {
-        "@lexical/selection": "0.14.3",
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/selection": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/link": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.14.3.tgz",
-      "integrity": "sha512-txhuzcx2OfOtZ/fy9cgauDGW1gi2vSU0iQdde4i0UP2KK4ltioA9eFkjqAacGiPvwJ8w2CZV9q5Ck4DgFAKQ7w==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.17.1.tgz",
+      "integrity": "sha512-qFJEKBesZAtR8kfJfIVXRFXVw6dwcpmGCW7duJbtBRjdLjralOxrlVKyFhW9PEXGhi4Mdq2Ux16YnnDncpORdQ==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/list": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.14.3.tgz",
-      "integrity": "sha512-d9ZiEkZ34DpzBNq2GkedJpXF8sIxSQvHOGhNbVvTuBvgDcCwbmXL0KY4k+xu+jMScRO/3oR7C6YZpZT3GaUO+Q==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.17.1.tgz",
+      "integrity": "sha512-k9ZnmQuBvW+xVUtWJZwoGtiVG2cy+hxzkLGU4jTq1sqxRIoSeGcjvhFAK8JSEj4i21SgkB1FmkWXoYK5kbwtRA==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/mark": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.14.3.tgz",
-      "integrity": "sha512-HegYMuiCazmM4XXVUzteA5bOFEiWxeIZSMK98rCV7t5czYlQmgaV5PWIT5/wLnSgrJA6apa02JHLINE9CuUHlw==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.17.1.tgz",
+      "integrity": "sha512-V82SSRjvygmV+ZMwVpy5gwgr2ZDrJpl3TvEDO+G5I4SDSjbgvua8hO4dKryqiDVlooxQq9dsou0GrZ9Qtm6rYg==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/markdown": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.14.3.tgz",
-      "integrity": "sha512-G97Twk0qq5Mkj7S95fFODN6D7nBZsHiXgd2QeCZQ+qbrItEsjEsM0vCtVBELpZzyl700ExfIJCA9eHrq28VNxw==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.17.1.tgz",
+      "integrity": "sha512-uexR9snyT54jfQTrbr/GZAtzX+8Oyykr4p1HS0vCVL1KU5MDuP2PoyFfOv3rcfB2TASc+aYiINhU2gSXzwCHNg==",
       "dependencies": {
-        "@lexical/code": "0.14.3",
-        "@lexical/link": "0.14.3",
-        "@lexical/list": "0.14.3",
-        "@lexical/rich-text": "0.14.3",
-        "@lexical/text": "0.14.3",
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/code": "0.17.1",
+        "@lexical/link": "0.17.1",
+        "@lexical/list": "0.17.1",
+        "@lexical/rich-text": "0.17.1",
+        "@lexical/text": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/offset": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.14.3.tgz",
-      "integrity": "sha512-xzyHLED9N3VPsLSpxs235W1xnh1xLl0SFqLLN9fkZs4fBLPtoPrzfYjjTMx6KgRPCa96GauAMsAaKn+JWHaD4g==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.17.1.tgz",
+      "integrity": "sha512-fX0ZSIFWwUKAjxf6l21vyXFozJGExKWyWxA+EMuOloNAGotHnAInxep0Mt8t/xcvHs7luuyQUxEPw7YrTJP7aw==",
       "dependencies": {
-        "lexical": "0.14.3"
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/overflow": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.14.3.tgz",
-      "integrity": "sha512-2PabHT5vCtfN1lx2d3j1AW6naGJEcjLyUxEMrPzqNZ8IDGuLbD3uRi/wS8evmFLgKkF5mqRnPPlpwGbqGg+qUw==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.17.1.tgz",
+      "integrity": "sha512-oElVDq486R3rO2+Zz0EllXJGpW3tN0tfcH+joZ5h36+URKuNeKddqkJuDRvgSLOr9l8Jhtv3+/YKduPJVKMz6w==",
       "dependencies": {
-        "lexical": "0.14.3"
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/plain-text": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.14.3.tgz",
-      "integrity": "sha512-Ct3sQmhc34Iuj0YWT5dlLzTcuCLAMx7uaLKb0lxb7A6bcUBPfC1eBv2KtILZ9eW/GEUCMTqYEnmixTY7vPR9AA==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.17.1.tgz",
+      "integrity": "sha512-CSvi4j1a4ame0OAvOKUCCmn2XrNsWcST4lExGTa9Ei/VIh8IZ+a97h4Uby8T3lqOp10x+oiizYWzY30pb9QaBg==",
       "dependencies": {
-        "@lexical/clipboard": "0.14.3",
-        "@lexical/selection": "0.14.3",
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/clipboard": "0.17.1",
+        "@lexical/selection": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/react": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.14.3.tgz",
-      "integrity": "sha512-sUgF7dStJTYvkS14QzlpB5XJ5p498JDSEBSADRsf0KOJsTINAQhh27vXuS8/I2FH3FanonH/RrLwSildL/FnzA==",
-      "dependencies": {
-        "@lexical/clipboard": "0.14.3",
-        "@lexical/code": "0.14.3",
-        "@lexical/dragon": "0.14.3",
-        "@lexical/hashtag": "0.14.3",
-        "@lexical/history": "0.14.3",
-        "@lexical/link": "0.14.3",
-        "@lexical/list": "0.14.3",
-        "@lexical/mark": "0.14.3",
-        "@lexical/markdown": "0.14.3",
-        "@lexical/overflow": "0.14.3",
-        "@lexical/plain-text": "0.14.3",
-        "@lexical/rich-text": "0.14.3",
-        "@lexical/selection": "0.14.3",
-        "@lexical/table": "0.14.3",
-        "@lexical/text": "0.14.3",
-        "@lexical/utils": "0.14.3",
-        "@lexical/yjs": "0.14.3",
-        "lexical": "0.14.3",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.17.1.tgz",
+      "integrity": "sha512-DI4k25tO0E1WyozrjaLgKMOmLjOB7+39MT4eZN9brPlU7g+w0wzdGbTZUPgPmFGIKPK+MSLybCwAJCK97j8HzQ==",
+      "dependencies": {
+        "@lexical/clipboard": "0.17.1",
+        "@lexical/code": "0.17.1",
+        "@lexical/devtools-core": "0.17.1",
+        "@lexical/dragon": "0.17.1",
+        "@lexical/hashtag": "0.17.1",
+        "@lexical/history": "0.17.1",
+        "@lexical/link": "0.17.1",
+        "@lexical/list": "0.17.1",
+        "@lexical/mark": "0.17.1",
+        "@lexical/markdown": "0.17.1",
+        "@lexical/overflow": "0.17.1",
+        "@lexical/plain-text": "0.17.1",
+        "@lexical/rich-text": "0.17.1",
+        "@lexical/selection": "0.17.1",
+        "@lexical/table": "0.17.1",
+        "@lexical/text": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "@lexical/yjs": "0.17.1",
+        "lexical": "0.17.1",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -1111,59 +1167,59 @@
       }
     },
     "node_modules/@lexical/rich-text": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.14.3.tgz",
-      "integrity": "sha512-o8wGvRDyPSRcfb6bauF5lzK5u/kzCW+hAQq0ExM1e8p4GHDb0vwz9DA6NH5D0BPHb2fUgknwClHOoJX95WUA8A==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.17.1.tgz",
+      "integrity": "sha512-T3kvj4P1OpedX9jvxN3WN8NP1Khol6mCW2ScFIRNRz2dsXgyN00thH1Q1J/uyu7aKyGS7rzcY0rb1Pz1qFufqQ==",
       "dependencies": {
-        "@lexical/clipboard": "0.14.3",
-        "@lexical/selection": "0.14.3",
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/clipboard": "0.17.1",
+        "@lexical/selection": "0.17.1",
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/selection": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.14.3.tgz",
-      "integrity": "sha512-43EmqG6flLqFJJNZ7GCxFlx3qXy7osB3AQBgxKTthWtQeBrJPdgacctL1jhO7etTIQWP5C1DExy3opDLVKyDjg==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.17.1.tgz",
+      "integrity": "sha512-qBKVn+lMV2YIoyRELNr1/QssXx/4c0id9NCB/BOuYlG8du5IjviVJquEF56NEv2t0GedDv4BpUwkhXT2QbNAxA==",
       "dependencies": {
-        "lexical": "0.14.3"
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/table": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.14.3.tgz",
-      "integrity": "sha512-9btpU2lfAE34ucIqlMu5RiSVlxREXY7Zp+s26oFsXNoNPhW57iND96TrqwYo9FJl/6zXXfvqYxnUEcUD2dLgwQ==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.17.1.tgz",
+      "integrity": "sha512-2fUYPmxhyuMQX3MRvSsNaxbgvwGNJpHaKx1Ldc+PT2MvDZ6ALZkfsxbi0do54Q3i7dOon8/avRp4TuVaCnqvoA==",
       "dependencies": {
-        "@lexical/utils": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/utils": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/text": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.14.3.tgz",
-      "integrity": "sha512-7+B9KkA37iHTlPqt6GHdfBIoaA9dQfhKrQNP9+422/CO/adCru4S94yNxiHXFq7iCvgucfuFop9M8jOfqLQbBQ==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.17.1.tgz",
+      "integrity": "sha512-zD2pAGXaMfPpT8PeNrx3+n0+jGnQORHyn0NEBO+hnyacKfUq5z5sI6Gebsq5NwH789bRadmJM5LvX5w8fsuv6w==",
       "dependencies": {
-        "lexical": "0.14.3"
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/utils": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.14.3.tgz",
-      "integrity": "sha512-coqG2AO7QhJCM0xBlYvtETjl0il9u4HQRuc8ye3j8jMfNadVvVVWO3Fodmm/8FTPyJuxIij1Ruma9zqhlAbN6Q==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.17.1.tgz",
+      "integrity": "sha512-jCQER5EsvhLNxKH3qgcpdWj/necUb82Xjp8qWQ3c0tyL07hIRm2tDRA/s9mQmvcP855HEZSmGVmR5SKtkcEAVg==",
       "dependencies": {
-        "@lexical/list": "0.14.3",
-        "@lexical/selection": "0.14.3",
-        "@lexical/table": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/list": "0.17.1",
+        "@lexical/selection": "0.17.1",
+        "@lexical/table": "0.17.1",
+        "lexical": "0.17.1"
       }
     },
     "node_modules/@lexical/yjs": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.14.3.tgz",
-      "integrity": "sha512-Ju+PQJg4NjQoNzfPlQKa6A71sjgGWj5lL4cbe+4xlNoknfK3NApVeznOi3xAM7rUCr6fPBAjzF9/uwfMXR451g==",
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.17.1.tgz",
+      "integrity": "sha512-9mn5PDtaH5uLMH6hQ59EAx5FkRzmJJFcVs3E6zSIbtgkG3UASR3CFEfgsLKTjl/GC5NnTGuMck+jXaupDVBhOg==",
       "dependencies": {
-        "@lexical/offset": "0.14.3",
-        "lexical": "0.14.3"
+        "@lexical/offset": "0.17.1",
+        "lexical": "0.17.1"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -1536,12 +1592,12 @@
       }
     },
     "node_modules/@volar/kit": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/kit/-/kit-2.1.6.tgz",
-      "integrity": "sha512-dSuXChDGM0nSG/0fxqlNfadjpAeeo1P1SJPBQ+pDf8H1XrqeJq5gIhxRTEbiS+dyNIG69ATq1CArkbCif+oxJw==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/kit/-/kit-2.4.5.tgz",
+      "integrity": "sha512-ZzyErW5UiDfiIuJ/lpqc2Kx5PHDGDZ/bPlPJYpRcxlrn8Z8aDhRlsLHkNKcNiH65TmNahk2kbLaiejiqu6BD3A==",
       "dependencies": {
-        "@volar/language-service": "2.1.6",
-        "@volar/typescript": "2.1.6",
+        "@volar/language-service": "2.4.5",
+        "@volar/typescript": "2.4.5",
         "typesafe-path": "^0.2.2",
         "vscode-languageserver-textdocument": "^1.0.11",
         "vscode-uri": "^3.0.8"
@@ -1551,23 +1607,21 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.1.6.tgz",
-      "integrity": "sha512-pAlMCGX/HatBSiDFMdMyqUshkbwWbLxpN/RL7HCQDOo2gYBE+uS+nanosLc1qR6pTQ/U8q00xt8bdrrAFPSC0A==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.5.tgz",
+      "integrity": "sha512-F4tA0DCO5Q1F5mScHmca0umsi2ufKULAnMOVBfMsZdT4myhVl4WdKRwCaKcfOkIEuyrAVvtq1ESBdZ+rSyLVww==",
       "dependencies": {
-        "@volar/source-map": "2.1.6"
+        "@volar/source-map": "2.4.5"
       }
     },
     "node_modules/@volar/language-server": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/language-server/-/language-server-2.1.6.tgz",
-      "integrity": "sha512-0w+FV8ro37hVb3qE4ONo3VbS5kEQXv4H/D2xCePyY5dRw6XnbJAPFNKvoxI9mxHTPonvIG1si5rN9MSGSKtgZQ==",
-      "dependencies": {
-        "@volar/language-core": "2.1.6",
-        "@volar/language-service": "2.1.6",
-        "@volar/snapshot-document": "2.1.6",
-        "@volar/typescript": "2.1.6",
-        "@vscode/l10n": "^0.0.16",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/language-server/-/language-server-2.4.5.tgz",
+      "integrity": "sha512-l5PswE0JzCtstTlwBUpikeSa3lNUBJhTuWtj9KclZTGi2Uex4RcqGOhTiDsUUtvdv/hEuYCxGq1EdJJPlQsD/g==",
+      "dependencies": {
+        "@volar/language-core": "2.4.5",
+        "@volar/language-service": "2.4.5",
+        "@volar/typescript": "2.4.5",
         "path-browserify": "^1.0.1",
         "request-light": "^0.7.0",
         "vscode-languageserver": "^9.0.1",
@@ -1577,46 +1631,35 @@
       }
     },
     "node_modules/@volar/language-service": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/language-service/-/language-service-2.1.6.tgz",
-      "integrity": "sha512-1OpbbPQ6wUIumwMP5r45y8utVEmvq1n6BC8JHqGKsuFr9RGFIldDBlvA/xuO3MDKhjmmPGPHKb54kg1/YN78ow==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/language-service/-/language-service-2.4.5.tgz",
+      "integrity": "sha512-xiFlL0aViGg6JhwAXyohPrdlID13uom8WQg6DWYaV8ob8RRy+zoLlBUI8SpQctwlWEO9poyrYK01revijAwkcw==",
       "dependencies": {
-        "@volar/language-core": "2.1.6",
+        "@volar/language-core": "2.4.5",
         "vscode-languageserver-protocol": "^3.17.5",
         "vscode-languageserver-textdocument": "^1.0.11",
         "vscode-uri": "^3.0.8"
       }
     },
-    "node_modules/@volar/snapshot-document": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/snapshot-document/-/snapshot-document-2.1.6.tgz",
-      "integrity": "sha512-YNYk1sCOrGg7VHbZM+1It97q0GWhFxdqIwnxSNFoL0X1LuSRXoCT2DRb/aa1J6aBpPMbKqSFUWHGQEAFUnc4Zw==",
-      "dependencies": {
-        "vscode-languageserver-protocol": "^3.17.5",
-        "vscode-languageserver-textdocument": "^1.0.11"
-      }
-    },
     "node_modules/@volar/source-map": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.1.6.tgz",
-      "integrity": "sha512-TeyH8pHHonRCHYI91J7fWUoxi0zWV8whZTVRlsWHSYfjm58Blalkf9LrZ+pj6OiverPTmrHRkBsG17ScQyWECw==",
-      "dependencies": {
-        "muggle-string": "^0.4.0"
-      }
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.5.tgz",
+      "integrity": "sha512-varwD7RaKE2J/Z+Zu6j3mNNJbNT394qIxXwdvz/4ao/vxOfyClZpSDtLKkwWmecinkOVos5+PWkWraelfMLfpw=="
     },
     "node_modules/@volar/typescript": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.1.6.tgz",
-      "integrity": "sha512-JgPGhORHqXuyC3r6skPmPHIZj4LoMmGlYErFTuPNBq9Nhc9VTv7ctHY7A3jMN3ngKEfRrfnUcwXHztvdSQqNfw==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.5.tgz",
+      "integrity": "sha512-mcT1mHvLljAEtHviVcBuOyAwwMKz1ibXTi5uYtP/pf4XxoAzpdkQ+Br2IC0NPCvLCbjPZmbf3I0udndkfB1CDg==",
       "dependencies": {
-        "@volar/language-core": "2.1.6",
-        "path-browserify": "^1.0.1"
+        "@volar/language-core": "2.4.5",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
       }
     },
     "node_modules/@vscode/emmet-helper": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/@vscode/emmet-helper/-/emmet-helper-2.9.2.tgz",
-      "integrity": "sha512-MaGuyW+fa13q3aYsluKqclmh62Hgp0BpKIqS66fCxfOaBcVQ1OnMQxRRgQUYnCkxFISAQlkJ0qWWPyXjro1Qrg==",
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/@vscode/emmet-helper/-/emmet-helper-2.9.3.tgz",
+      "integrity": "sha512-rB39LHWWPQYYlYfpv9qCoZOVioPCftKXXqrsyqN1mTWZM6dTnONT63Db+03vgrBbHzJN45IrgS/AGxw9iiqfEw==",
       "dependencies": {
         "emmet": "^2.4.3",
         "jsonc-parser": "^2.3.0",
@@ -1631,9 +1674,9 @@
       "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A=="
     },
     "node_modules/@vscode/l10n": {
-      "version": "0.0.16",
-      "resolved": "https://registry.npmjs.org/@vscode/l10n/-/l10n-0.0.16.tgz",
-      "integrity": "sha512-JT5CvrIYYCrmB+dCana8sUqJEcGB1ZDXNLMQ2+42bW995WmNoenijWMUdZfwmuQUTQcEVVIa2OecZzTYWUW9Cg=="
+      "version": "0.0.18",
+      "resolved": "https://registry.npmjs.org/@vscode/l10n/-/l10n-0.0.18.tgz",
+      "integrity": "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ=="
     },
     "node_modules/acorn": {
       "version": "8.11.3",
@@ -1646,6 +1689,21 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
     "node_modules/ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -2575,9 +2633,9 @@
       "integrity": "sha512-OGkMXLY7XH6ykHE5ZOVVIMHaGAvvxqw98cswTKB683dntBJre7ufm9wouJ0ExDm0VXhHenU8mREvxIbV5nNoVQ=="
     },
     "node_modules/emmet": {
-      "version": "2.4.7",
-      "resolved": "https://registry.npmjs.org/emmet/-/emmet-2.4.7.tgz",
-      "integrity": "sha512-O5O5QNqtdlnQM2bmKHtJgyChcrFMgQuulI+WdiOw2NArzprUqqxUW6bgYtKvzKgrsYpuLWalOkdhNP+1jluhCA==",
+      "version": "2.4.8",
+      "resolved": "https://registry.npmjs.org/emmet/-/emmet-2.4.8.tgz",
+      "integrity": "sha512-wFe/dxsx7oi/M2UJ/3yBu4Fm24Irho6lqut4C1YFaZebCvCCMygoDGC7W6I+8+K8PAjfa/Ojn52UHi8WCdDiRA==",
       "dependencies": {
         "@emmetio/abbreviation": "^2.3.3",
         "@emmetio/css-abbreviation": "^2.1.8"
@@ -2738,6 +2796,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
     "node_modules/fast-fifo": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
@@ -2759,6 +2822,11 @@
         "node": ">=8.6.0"
       }
     },
+    "node_modules/fast-uri": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.1.tgz",
+      "integrity": "sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw=="
+    },
     "node_modules/fastq": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
@@ -3421,6 +3489,11 @@
         "node": ">=4"
       }
     },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -3454,14 +3527,14 @@
       }
     },
     "node_modules/lexical": {
-      "version": "0.14.3",
-      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.14.3.tgz",
-      "integrity": "sha512-LaWSKj6OpvJ+bdfQA2AybEzho0YoWfAdRGkuCtPNYd/uf7IHyoEwCFQsIBvWCQF23saDgE1NONR4uiwl6iaJ9g=="
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.17.1.tgz",
+      "integrity": "sha512-72/MhR7jqmyqD10bmJw8gztlCm4KDDT+TPtU4elqXrEvHoO5XENi34YAEUD9gIkPfqSwyLa9mwAX1nKzIr5xEA=="
     },
     "node_modules/lib0": {
-      "version": "0.2.93",
-      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.93.tgz",
-      "integrity": "sha512-M5IKsiFJYulS+8Eal8f+zAqf5ckm1vffW0fFDxfgxJ+uiVopvDdd3PxJmz0GsVi3YNO7QCFSq0nAsiDmNhLj9Q==",
+      "version": "0.2.97",
+      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.97.tgz",
+      "integrity": "sha512-Q4d1ekgvufi9FiHkkL46AhecfNjznSL9MRNoJRQ76gBHS9OqU2ArfQK0FvBpuxgWeJeNI0LVgAYMIpsGeX4gYg==",
       "peer": true,
       "dependencies": {
         "isomorphic.js": "^0.2.4"
@@ -3527,6 +3600,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
     "node_modules/log-symbols": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz",
@@ -5050,6 +5128,21 @@
         "node": ">=8.15"
       }
     },
+    "node_modules/prettier": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/prismjs": {
       "version": "1.29.0",
       "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
@@ -5357,6 +5450,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -6309,31 +6410,17 @@
       }
     },
     "node_modules/typescript-auto-import-cache": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/typescript-auto-import-cache/-/typescript-auto-import-cache-0.3.2.tgz",
-      "integrity": "sha512-+laqe5SFL1vN62FPOOJSUDTZxtgsoOXjneYOXIpx5rQ4UMiN89NAtJLpqLqyebv9fgQ/IMeeTX+mQyRnwvJzvg==",
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/typescript-auto-import-cache/-/typescript-auto-import-cache-0.3.3.tgz",
+      "integrity": "sha512-ojEC7+Ci1ij9eE6hp8Jl9VUNnsEKzztktP5gtYNRMrTmfXVwA1PITYYAkpxCvvupdSYa/Re51B6KMcv1CTZEUA==",
       "dependencies": {
         "semver": "^7.3.8"
       }
     },
-    "node_modules/typescript-auto-import-cache/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/typescript-auto-import-cache/node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -6341,11 +6428,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/typescript-auto-import-cache/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
     "node_modules/ultrahtml": {
       "version": "1.5.3",
       "resolved": "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.5.3.tgz",
@@ -7026,16 +7108,16 @@
       }
     },
     "node_modules/volar-service-css": {
-      "version": "0.0.34",
-      "resolved": "https://registry.npmjs.org/volar-service-css/-/volar-service-css-0.0.34.tgz",
-      "integrity": "sha512-C7ua0j80ZD7bsgALAz/cA1bykPehoIa5n+3+Ccr+YLpj0fypqw9iLUmGLX11CqzqNCO2XFGe/1eXB/c+SWrF/g==",
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-css/-/volar-service-css-0.0.61.tgz",
+      "integrity": "sha512-Ct9L/w+IB1JU8F4jofcNCGoHy6TF83aiapfZq9A0qYYpq+Kk5dH+ONS+rVZSsuhsunq8UvAuF8Gk6B8IFLfniw==",
       "dependencies": {
-        "vscode-css-languageservice": "^6.2.10",
+        "vscode-css-languageservice": "^6.3.0",
         "vscode-languageserver-textdocument": "^1.0.11",
         "vscode-uri": "^3.0.8"
       },
       "peerDependencies": {
-        "@volar/language-service": "~2.1.0"
+        "@volar/language-service": "~2.4.0"
       },
       "peerDependenciesMeta": {
         "@volar/language-service": {
@@ -7044,15 +7126,17 @@
       }
     },
     "node_modules/volar-service-emmet": {
-      "version": "0.0.34",
-      "resolved": "https://registry.npmjs.org/volar-service-emmet/-/volar-service-emmet-0.0.34.tgz",
-      "integrity": "sha512-ubQvMCmHPp8Ic82LMPkgrp9ot+u2p/RDd0RyT0EykRkZpWsagHUF5HWkVheLfiMyx2rFuWx/+7qZPOgypx6h6g==",
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-emmet/-/volar-service-emmet-0.0.61.tgz",
+      "integrity": "sha512-iiYqBxjjcekqrRruw4COQHZME6EZYWVbkHjHDbULpml3g8HGJHzpAMkj9tXNCPxf36A+f1oUYjsvZt36qPg4cg==",
       "dependencies": {
-        "@vscode/emmet-helper": "^2.9.2",
-        "vscode-html-languageservice": "^5.1.0"
+        "@emmetio/css-parser": "^0.4.0",
+        "@emmetio/html-matcher": "^1.3.0",
+        "@vscode/emmet-helper": "^2.9.3",
+        "vscode-uri": "^3.0.8"
       },
       "peerDependencies": {
-        "@volar/language-service": "~2.1.0"
+        "@volar/language-service": "~2.4.0"
       },
       "peerDependenciesMeta": {
         "@volar/language-service": {
@@ -7061,16 +7145,16 @@
       }
     },
     "node_modules/volar-service-html": {
-      "version": "0.0.34",
-      "resolved": "https://registry.npmjs.org/volar-service-html/-/volar-service-html-0.0.34.tgz",
-      "integrity": "sha512-kMEneea1tQbiRcyKavqdrSVt8zV06t+0/3pGkjO3gV6sikXTNShIDkdtB4Tq9vE2cQdM50TuS7utVV7iysUxHw==",
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-html/-/volar-service-html-0.0.61.tgz",
+      "integrity": "sha512-yFE+YmmgqIL5HI4ORqP++IYb1QaGcv+xBboI0WkCxJJ/M35HZj7f5rbT3eQ24ECLXFbFCFanckwyWJVz5KmN3Q==",
       "dependencies": {
-        "vscode-html-languageservice": "^5.1.0",
+        "vscode-html-languageservice": "^5.3.0",
         "vscode-languageserver-textdocument": "^1.0.11",
         "vscode-uri": "^3.0.8"
       },
       "peerDependencies": {
-        "@volar/language-service": "~2.1.0"
+        "@volar/language-service": "~2.4.0"
       },
       "peerDependenciesMeta": {
         "@volar/language-service": {
@@ -7079,14 +7163,14 @@
       }
     },
     "node_modules/volar-service-prettier": {
-      "version": "0.0.34",
-      "resolved": "https://registry.npmjs.org/volar-service-prettier/-/volar-service-prettier-0.0.34.tgz",
-      "integrity": "sha512-BNfJ8FwfPi1Wm/JkuzNjraOLdtKieGksNT/bDyquygVawv1QUzO2HB1hiMKfZGdcSFG5ZL9R0j7bBfRTfXA2gg==",
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-prettier/-/volar-service-prettier-0.0.61.tgz",
+      "integrity": "sha512-F612nql5I0IS8HxXemCGvOR2Uxd4XooIwqYVUvk7WSBxP/+xu1jYvE3QJ7EVpl8Ty3S4SxPXYiYTsG3bi+gzIQ==",
       "dependencies": {
         "vscode-uri": "^3.0.8"
       },
       "peerDependencies": {
-        "@volar/language-service": "~2.1.0",
+        "@volar/language-service": "~2.4.0",
         "prettier": "^2.2 || ^3.0"
       },
       "peerDependenciesMeta": {
@@ -7099,18 +7183,19 @@
       }
     },
     "node_modules/volar-service-typescript": {
-      "version": "0.0.34",
-      "resolved": "https://registry.npmjs.org/volar-service-typescript/-/volar-service-typescript-0.0.34.tgz",
-      "integrity": "sha512-NbAry0w8ZXFgGsflvMwmPDCzgJGx3C+eYxFEbldaumkpTAJiywECWiUbPIOfmEHgpOllUKSnhwtLlWFK4YnfQg==",
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-typescript/-/volar-service-typescript-0.0.61.tgz",
+      "integrity": "sha512-4kRHxVbW7wFBHZWRU6yWxTgiKETBDIJNwmJUAWeP0mHaKpnDGj/astdRFKqGFRYVeEYl45lcUPhdJyrzanjsdQ==",
       "dependencies": {
         "path-browserify": "^1.0.1",
-        "semver": "^7.5.4",
-        "typescript-auto-import-cache": "^0.3.1",
+        "semver": "^7.6.2",
+        "typescript-auto-import-cache": "^0.3.3",
         "vscode-languageserver-textdocument": "^1.0.11",
-        "vscode-nls": "^5.2.0"
+        "vscode-nls": "^5.2.0",
+        "vscode-uri": "^3.0.8"
       },
       "peerDependencies": {
-        "@volar/language-service": "~2.1.0"
+        "@volar/language-service": "~2.4.0"
       },
       "peerDependenciesMeta": {
         "@volar/language-service": {
@@ -7119,11 +7204,14 @@
       }
     },
     "node_modules/volar-service-typescript-twoslash-queries": {
-      "version": "0.0.34",
-      "resolved": "https://registry.npmjs.org/volar-service-typescript-twoslash-queries/-/volar-service-typescript-twoslash-queries-0.0.34.tgz",
-      "integrity": "sha512-XAY2YtWKUp6ht89gxt3L5Dr46LU45d/VlBkj1KXUwNlinpoWiGN4Nm3B6DRF3VoBThAnQgm4c7WD0S+5yTzh+w==",
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-typescript-twoslash-queries/-/volar-service-typescript-twoslash-queries-0.0.61.tgz",
+      "integrity": "sha512-99FICGrEF0r1E2tV+SvprHPw9Knyg7BdW2fUch0tf59kG+KG+Tj4tL6tUg+cy8f23O/VXlmsWFMIE+bx1dXPnQ==",
+      "dependencies": {
+        "vscode-uri": "^3.0.8"
+      },
       "peerDependencies": {
-        "@volar/language-service": "~2.1.0"
+        "@volar/language-service": "~2.4.0"
       },
       "peerDependenciesMeta": {
         "@volar/language-service": {
@@ -7131,67 +7219,75 @@
         }
       }
     },
-    "node_modules/volar-service-typescript/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
+    "node_modules/volar-service-typescript/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
       },
       "engines": {
         "node": ">=10"
       }
     },
-    "node_modules/volar-service-typescript/node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
+    "node_modules/volar-service-yaml": {
+      "version": "0.0.61",
+      "resolved": "https://registry.npmjs.org/volar-service-yaml/-/volar-service-yaml-0.0.61.tgz",
+      "integrity": "sha512-L+gbDiLDQQ1rZUbJ3mf3doDsoQUa8OZM/xdpk/unMg1Vz24Zmi2Ign8GrZyBD7bRoIQDwOH9gdktGDKzRPpUNw==",
       "dependencies": {
-        "lru-cache": "^6.0.0"
+        "vscode-uri": "^3.0.8",
+        "yaml-language-server": "~1.15.0"
       },
-      "bin": {
-        "semver": "bin/semver.js"
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0"
       },
-      "engines": {
-        "node": ">=10"
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
       }
     },
-    "node_modules/volar-service-typescript/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
     "node_modules/vscode-css-languageservice": {
-      "version": "6.2.13",
-      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-6.2.13.tgz",
-      "integrity": "sha512-2rKWXfH++Kxd9Z4QuEgd1IF7WmblWWU7DScuyf1YumoGLkY9DW6wF/OTlhOyO2rN63sWHX2dehIpKBbho4ZwvA==",
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-6.3.1.tgz",
+      "integrity": "sha512-1BzTBuJfwMc3A0uX4JBdJgoxp74cjj4q2mDJdp49yD/GuAq4X0k5WtK6fNcMYr+FfJ9nqgR6lpfCSZDkARJ5qQ==",
       "dependencies": {
         "@vscode/l10n": "^0.0.18",
-        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-languageserver-textdocument": "^1.0.12",
         "vscode-languageserver-types": "3.17.5",
         "vscode-uri": "^3.0.8"
       }
     },
-    "node_modules/vscode-css-languageservice/node_modules/@vscode/l10n": {
-      "version": "0.0.18",
-      "resolved": "https://registry.npmjs.org/@vscode/l10n/-/l10n-0.0.18.tgz",
-      "integrity": "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ=="
-    },
     "node_modules/vscode-html-languageservice": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-5.2.0.tgz",
-      "integrity": "sha512-cdNMhyw57/SQzgUUGSIMQ66jikqEN6nBNyhx5YuOyj9310+eY9zw8Q0cXpiKzDX8aHYFewQEXRnigl06j/TVwQ==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-5.3.1.tgz",
+      "integrity": "sha512-ysUh4hFeW/WOWz/TO9gm08xigiSsV/FOAZ+DolgJfeLftna54YdmZ4A+lIn46RbdO3/Qv5QHTn1ZGqmrXQhZyA==",
       "dependencies": {
         "@vscode/l10n": "^0.0.18",
-        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-languageserver-textdocument": "^1.0.12",
         "vscode-languageserver-types": "^3.17.5",
         "vscode-uri": "^3.0.8"
       }
     },
-    "node_modules/vscode-html-languageservice/node_modules/@vscode/l10n": {
-      "version": "0.0.18",
-      "resolved": "https://registry.npmjs.org/@vscode/l10n/-/l10n-0.0.18.tgz",
-      "integrity": "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ=="
+    "node_modules/vscode-json-languageservice": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/vscode-json-languageservice/-/vscode-json-languageservice-4.1.8.tgz",
+      "integrity": "sha512-0vSpg6Xd9hfV+eZAaYN63xVVMOTmJ4GgHxXnkLCh+9RsQBkWKIghzLhW2B9ebfG+LQQg8uLtsQ2aUKjTgE+QOg==",
+      "dependencies": {
+        "jsonc-parser": "^3.0.0",
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "^3.16.0",
+        "vscode-nls": "^5.0.0",
+        "vscode-uri": "^3.0.2"
+      },
+      "engines": {
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/vscode-json-languageservice/node_modules/jsonc-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ=="
     },
     "node_modules/vscode-jsonrpc": {
       "version": "8.2.0",
@@ -7222,9 +7318,9 @@
       }
     },
     "node_modules/vscode-languageserver-textdocument": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.11.tgz",
-      "integrity": "sha512-X+8T3GoiwTVlJbicx/sIAF+yuJAqz8VvwJyoMVhwEMoEKE/fkDmrqUgDMyBECcM2A2frVZIUj5HI/ErRXCfOeA=="
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
+      "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA=="
     },
     "node_modules/vscode-languageserver-types": {
       "version": "3.17.5",
@@ -7386,6 +7482,86 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
     },
+    "node_modules/yaml": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz",
+      "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/yaml-language-server": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/yaml-language-server/-/yaml-language-server-1.15.0.tgz",
+      "integrity": "sha512-N47AqBDCMQmh6mBLmI6oqxryHRzi33aPFPsJhYy3VTUGCdLHYjGh4FZzpUjRlphaADBBkDmnkM/++KNIOHi5Rw==",
+      "dependencies": {
+        "ajv": "^8.11.0",
+        "lodash": "4.17.21",
+        "request-light": "^0.5.7",
+        "vscode-json-languageservice": "4.1.8",
+        "vscode-languageserver": "^7.0.0",
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "^3.16.0",
+        "vscode-nls": "^5.0.0",
+        "vscode-uri": "^3.0.2",
+        "yaml": "2.2.2"
+      },
+      "bin": {
+        "yaml-language-server": "bin/yaml-language-server"
+      },
+      "optionalDependencies": {
+        "prettier": "2.8.7"
+      }
+    },
+    "node_modules/yaml-language-server/node_modules/request-light": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.5.8.tgz",
+      "integrity": "sha512-3Zjgh+8b5fhRJBQZoy+zbVKpAQGLyka0MPgW3zruTF4dFFJ8Fqcfu9YsAvi/rvdcaTeWG3MkbZv4WKxAn/84Lg=="
+    },
+    "node_modules/yaml-language-server/node_modules/vscode-jsonrpc": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz",
+      "integrity": "sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==",
+      "engines": {
+        "node": ">=8.0.0 || >=10.0.0"
+      }
+    },
+    "node_modules/yaml-language-server/node_modules/vscode-languageserver": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-7.0.0.tgz",
+      "integrity": "sha512-60HTx5ID+fLRcgdHfmz0LDZAXYEV68fzwG0JWwEPBode9NuMYTIxuYXPg4ngO8i8+Ou0lM7y6GzaYWbiDL0drw==",
+      "dependencies": {
+        "vscode-languageserver-protocol": "3.16.0"
+      },
+      "bin": {
+        "installServerIntoExtension": "bin/installServerIntoExtension"
+      }
+    },
+    "node_modules/yaml-language-server/node_modules/vscode-languageserver-protocol": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.16.0.tgz",
+      "integrity": "sha512-sdeUoAawceQdgIfTI+sdcwkiK2KU+2cbEYA0agzM2uqaUy2UpnnGHtWTHVEtS0ES4zHU0eMFRGN+oQgDxlD66A==",
+      "dependencies": {
+        "vscode-jsonrpc": "6.0.0",
+        "vscode-languageserver-types": "3.16.0"
+      }
+    },
+    "node_modules/yaml-language-server/node_modules/vscode-languageserver-types": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz",
+      "integrity": "sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA=="
+    },
+    "node_modules/yaml-language-server/node_modules/yaml": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz",
+      "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/yargs": {
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
@@ -7449,9 +7625,9 @@
       }
     },
     "node_modules/yjs": {
-      "version": "13.6.14",
-      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.14.tgz",
-      "integrity": "sha512-D+7KcUr0j+vBCUSKXXEWfA+bG4UQBviAwP3gYBhkstkgwy5+8diOPMx0iqLIOxNo/HxaREUimZRxqHGAHCL2BQ==",
+      "version": "13.6.19",
+      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.19.tgz",
+      "integrity": "sha512-GNKw4mEUn5yWU2QPHRx8jppxmCm9KzbBhB4qJLUJFiiYD0g/tDVgXQ7aPkyh01YO28kbs2J/BEbWBagjuWyejw==",
       "peer": true,
       "dependencies": {
         "lib0": "^0.2.86"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index dc92f3c2030..c278cecc2f4 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -11,7 +11,7 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.9",
+    "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
     "@lexical/react": "0.17.1",
     "@lexical/utils": "0.17.1",
@@ -26,6 +26,5 @@
   "devDependencies": {
     "@playwright/test": "^1.43.1"
   },
-  "sideEffects": false,
-  "exports": {}
+  "sideEffects": false
 }
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/src/env.d.ts b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/src/env.d.ts
index f964fe0cffd..acef35f175a 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/src/env.d.ts
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />

From 23b3a6d79680e5bfab58be1e39d145f002603fd7 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Fri, 20 Sep 2024 11:11:47 +0800
Subject: [PATCH 023/133] [lexical-markdown] shouldMergeAdjacentLines as an
 option (#6642)

---
 .../lexical-markdown/flow/LexicalMarkdown.js.flow  |  1 +
 .../lexical-markdown/src/MarkdownTransformers.ts   |  8 ++++++--
 .../src/__tests__/unit/LexicalMarkdown.test.ts     | 14 ++++++++++++++
 packages/lexical-markdown/src/index.ts             |  6 +++++-
 4 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/packages/lexical-markdown/flow/LexicalMarkdown.js.flow b/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
index 4ceb12cffaa..19bf5f59f36 100644
--- a/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
+++ b/packages/lexical-markdown/flow/LexicalMarkdown.js.flow
@@ -95,6 +95,7 @@ declare export function $convertFromMarkdownString(
   transformers?: Array<Transformer>,
   node?: ElementNode,
   shouldPreserveNewLines?: boolean,
+  shouldMergeAdjacentLines?: boolean,
 ): void;
 
 // TODO:
diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index 37e3d4b8f6d..5c9005f4a93 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -532,7 +532,10 @@ export const LINK: TextMatchTransformer = {
   type: 'text-match',
 };
 
-export function normalizeMarkdown(input: string): string {
+export function normalizeMarkdown(
+  input: string,
+  shouldMergeAdjacentLines = true,
+): string {
   const lines = input.split('\n');
   let inCodeBlock = false;
   const sanitizedLines: string[] = [];
@@ -573,7 +576,8 @@ export function normalizeMarkdown(input: string): string {
       UNORDERED_LIST_REGEX.test(line) ||
       CHECK_LIST_REGEX.test(line) ||
       TABLE_ROW_REG_EXP.test(line) ||
-      TABLE_ROW_DIVIDER_REG_EXP.test(line)
+      TABLE_ROW_DIVIDER_REG_EXP.test(line) ||
+      !shouldMergeAdjacentLines
     ) {
       sanitizedLines.push(line);
     } else {
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index a18318f0ae6..c7c9874bb2f 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -65,6 +65,7 @@ describe('Markdown', () => {
     skipExport?: true;
     skipImport?: true;
     shouldPreserveNewLines?: true;
+    shouldMergeAdjacentLines?: true | false;
     customTransformers?: Transformer[];
   }>;
 
@@ -202,6 +203,17 @@ describe('Markdown', () => {
       html: '<p><i><em style="white-space: pre-wrap;">Hello </em></i><i><b><strong style="white-space: pre-wrap;">world</strong></b></i><i><em style="white-space: pre-wrap;">!</em></i></p>',
       md: '*Hello **world**!*',
     },
+    {
+      html: '<p><span style="white-space: pre-wrap;">helloworld</span></p>',
+      md: 'hello\nworld',
+      shouldMergeAdjacentLines: true,
+      skipExport: true,
+    },
+    {
+      html: '<p><span style="white-space: pre-wrap;">hello</span><br><span style="white-space: pre-wrap;">world</span></p>',
+      md: 'hello\nworld',
+      shouldMergeAdjacentLines: false,
+    },
     {
       html: '<p><span style="white-space: pre-wrap;">hello</span><br><span style="white-space: pre-wrap;">world</span></p>',
       md: 'hello\nworld',
@@ -342,6 +354,7 @@ describe('Markdown', () => {
     md,
     skipImport,
     shouldPreserveNewLines,
+    shouldMergeAdjacentLines,
     customTransformers,
   } of IMPORT_AND_EXPORT) {
     if (skipImport) {
@@ -371,6 +384,7 @@ describe('Markdown', () => {
             ],
             undefined,
             shouldPreserveNewLines,
+            shouldMergeAdjacentLines,
           ),
         {
           discrete: true,
diff --git a/packages/lexical-markdown/src/index.ts b/packages/lexical-markdown/src/index.ts
index ec32900fce5..671b56e5e4e 100644
--- a/packages/lexical-markdown/src/index.ts
+++ b/packages/lexical-markdown/src/index.ts
@@ -76,16 +76,20 @@ const TRANSFORMERS: Array<Transformer> = [
 
 /**
  * Renders markdown from a string. The selection is moved to the start after the operation.
+ *
+ *  @param {boolean} [shouldPreserveNewLines] By setting this to true, new lines will be preserved between conversions
+ *  @param {boolean} [shouldMergeAdjacentLines] By setting this to true, adjacent non empty lines will be merged according to commonmark spec: https://spec.commonmark.org/0.24/#example-177. Not applicable if shouldPreserveNewLines = true.
  */
 function $convertFromMarkdownString(
   markdown: string,
   transformers: Array<Transformer> = TRANSFORMERS,
   node?: ElementNode,
   shouldPreserveNewLines = false,
+  shouldMergeAdjacentLines = true,
 ): void {
   const sanitizedMarkdown = shouldPreserveNewLines
     ? markdown
-    : normalizeMarkdown(markdown);
+    : normalizeMarkdown(markdown, shouldMergeAdjacentLines);
   const importMarkdown = createMarkdownImport(
     transformers,
     shouldPreserveNewLines,

From db6454f18a531607ab3f2380458bed2c05a1d6b9 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Fri, 20 Sep 2024 11:21:39 +0800
Subject: [PATCH 024/133] [lexical-playground] Bug Fix: empty code block not
 focused (#6649)

---
 .../src/plugins/ActionsPlugin/index.tsx              | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx
index 13b9b759db8..7fa791a2a1b 100644
--- a/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx
@@ -183,11 +183,12 @@ export default function ActionsPlugin({
           undefined, //node
           shouldPreserveNewLinesInMarkdown,
         );
-        root
-          .clear()
-          .append(
-            $createCodeNode('markdown').append($createTextNode(markdown)),
-          );
+        const codeNode = $createCodeNode('markdown');
+        codeNode.append($createTextNode(markdown));
+        root.clear().append(codeNode);
+        if (markdown.length === 0) {
+          codeNode.select();
+        }
       }
     });
   }, [editor, shouldPreserveNewLinesInMarkdown]);
@@ -218,6 +219,7 @@ export default function ActionsPlugin({
         aria-label="Import editor state from JSON">
         <i className="import" />
       </button>
+
       <button
         className="action-button export"
         onClick={() =>

From cf43676a132380c31c509f507dde824f31322cc3 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Thu, 19 Sep 2024 20:22:32 -0700
Subject: [PATCH 025/133] [lexical-table] Bug Fix: Fix crash in
 $deleteCellHandler (#6650)

---
 .../__tests__/e2e/Tables.spec.mjs             | 42 +++++++++++++++++
 .../src/LexicalTableSelectionHelpers.ts       | 47 +++++++++----------
 2 files changed, 65 insertions(+), 24 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 75bda0f018b..0624d80d30f 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -25,6 +25,7 @@ import {
   copyToClipboard,
   deleteTableColumns,
   deleteTableRows,
+  expect,
   focusEditor,
   html,
   initialize,
@@ -1360,6 +1361,47 @@ test.describe.parallel('Tables', () => {
     );
   });
 
+  test('Can delete all with range selection anchored in table', async ({
+    page,
+    isCollab,
+    isPlainText,
+  }) => {
+    test.skip(isPlainText || isCollab);
+    await initialize({isCollab, page});
+    await focusEditor(page);
+    await insertTable(page, 1, 1);
+    // Remove paragraph before
+    await moveUp(page);
+    await page.keyboard.press('Backspace');
+    await assertHTML(
+      page,
+      html`
+        <table class="PlaygroundEditorTheme__table">
+          <colgroup><col style="width: 92px" /></colgroup>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+          </tr>
+        </table>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+    // Select all but from the table
+    const modifier = process.platform === 'darwin' ? 'Meta' : 'Control';
+    await page.keyboard.press(`${modifier}+A`);
+    // The observer is active
+    await expect(page.locator('.table-cell-action-button')).toBeVisible();
+    await page.keyboard.press('Backspace');
+    await assertHTML(
+      page,
+      html`
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+  });
+
   test(`Horizontal rule inside cell`, async ({page, isPlainText, isCollab}) => {
     await initialize({isCollab, page});
     test.skip(isPlainText);
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index 4353604567e..be84112c306 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -336,22 +336,30 @@ export function applyTableHandlers(
     event: KeyboardEvent | ClipboardEvent | null,
   ): boolean => {
     const selection = $getSelection();
+    if (!($isTableSelection(selection) || $isRangeSelection(selection))) {
+      return false;
+    }
 
-    if (!$isSelectionInTable(selection, tableNode)) {
-      const nodes = selection ? selection.getNodes() : null;
-      if (nodes) {
-        const table = nodes.find(
-          (node) =>
-            $isTableNode(node) && node.getKey() === tableObserver.tableNodeKey,
-        );
-        if ($isTableNode(table)) {
-          const parentNode = table.getParent();
-          if (!parentNode) {
-            return false;
-          }
-          table.remove();
-        }
-      }
+    // If the selection is inside the table but should remove the whole table
+    // we expand the selection so that both the anchor and focus are outside
+    // the table and the editor's command listener will handle the delete
+    const isAnchorInside = tableNode.isParentOf(selection.anchor.getNode());
+    const isFocusInside = tableNode.isParentOf(selection.focus.getNode());
+    if (isAnchorInside !== isFocusInside) {
+      const tablePoint = isAnchorInside ? 'anchor' : 'focus';
+      const outerPoint = isAnchorInside ? 'focus' : 'anchor';
+      // Preserve the outer point
+      const {key, offset, type} = selection[outerPoint];
+      // Expand the selection around the table
+      const newSelection =
+        tableNode[
+          selection[tablePoint].isBefore(selection[outerPoint])
+            ? 'selectPrevious'
+            : 'selectNext'
+        ]();
+      // Restore the outer point of the selection
+      newSelection[outerPoint].set(key, offset, type);
+      // Let the base implementation handle the rest
       return false;
     }
 
@@ -363,15 +371,6 @@ export function applyTableHandlers(
       tableObserver.clearText();
 
       return true;
-    } else if ($isRangeSelection(selection)) {
-      const tableCellNode = $findMatchingParent(
-        selection.anchor.getNode(),
-        (n) => $isTableCellNode(n),
-      );
-
-      if (!$isTableCellNode(tableCellNode)) {
-        return false;
-      }
     }
 
     return false;

From 1469aa7e85b1bab0dd5476b7818c68f3ec87ebdc Mon Sep 17 00:00:00 2001
From: Alessio Gravili <alessio@gravili.de>
Date: Fri, 20 Sep 2024 02:13:36 -0400
Subject: [PATCH 026/133] [lexical-markdown]: Refactor: allows omitting certain
 properties from TextMatchTransformers, adds jsdocs (#6651)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../lexical-markdown/src/MarkdownExport.ts    |  4 ++++
 .../lexical-markdown/src/MarkdownImport.ts    |  3 +++
 .../lexical-markdown/src/MarkdownShortcuts.ts | 11 +++++----
 .../src/MarkdownTransformers.ts               | 24 +++++++++++++++----
 packages/lexical-markdown/src/utils.ts        |  6 ++++-
 5 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownExport.ts b/packages/lexical-markdown/src/MarkdownExport.ts
index 491a0db663e..0bdf3b71b8b 100644
--- a/packages/lexical-markdown/src/MarkdownExport.ts
+++ b/packages/lexical-markdown/src/MarkdownExport.ts
@@ -111,6 +111,10 @@ function exportChildren(
 
   mainLoop: for (const child of children) {
     for (const transformer of textMatchTransformers) {
+      if (!transformer.export) {
+        continue;
+      }
+
       const result = transformer.export(
         child,
         (parentNode) =>
diff --git a/packages/lexical-markdown/src/MarkdownImport.ts b/packages/lexical-markdown/src/MarkdownImport.ts
index 3bd73d78d6e..99b7900b144 100644
--- a/packages/lexical-markdown/src/MarkdownImport.ts
+++ b/packages/lexical-markdown/src/MarkdownImport.ts
@@ -359,6 +359,9 @@ function importTextMatchTransformers(
 
   mainLoop: while (textNode) {
     for (const transformer of textMatchTransformers) {
+      if (!transformer.replace || !transformer.importRegExp) {
+        continue;
+      }
       const match = textNode.getTextContent().match(transformer.importRegExp);
 
       if (!match) {
diff --git a/packages/lexical-markdown/src/MarkdownShortcuts.ts b/packages/lexical-markdown/src/MarkdownShortcuts.ts
index c05295acb07..8021296c648 100644
--- a/packages/lexical-markdown/src/MarkdownShortcuts.ts
+++ b/packages/lexical-markdown/src/MarkdownShortcuts.ts
@@ -158,6 +158,9 @@ function runTextMatchTransformers(
   }
 
   for (const transformer of transformers) {
+    if (!transformer.replace || !transformer.regExp) {
+      continue;
+    }
     const match = textContent.match(transformer.regExp);
 
     if (match === null) {
@@ -389,11 +392,11 @@ export function registerMarkdownShortcuts(
   transformers: Array<Transformer> = TRANSFORMERS,
 ): () => void {
   const byType = transformersByType(transformers);
-  const textFormatTransformersIndex = indexBy(
+  const textFormatTransformersByTrigger = indexBy(
     byType.textFormat,
     ({tag}) => tag[tag.length - 1],
   );
-  const textMatchTransformersIndex = indexBy(
+  const textMatchTransformersByTrigger = indexBy(
     byType.textMatch,
     ({trigger}) => trigger,
   );
@@ -449,7 +452,7 @@ export function registerMarkdownShortcuts(
       runTextMatchTransformers(
         anchorNode,
         anchorOffset,
-        textMatchTransformersIndex,
+        textMatchTransformersByTrigger,
       )
     ) {
       return;
@@ -458,7 +461,7 @@ export function registerMarkdownShortcuts(
     $runTextFormatTransformers(
       anchorNode,
       anchorOffset,
-      textFormatTransformersIndex,
+      textFormatTransformersByTrigger,
     );
   };
 
diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index 5c9005f4a93..bb83ad0af10 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -139,17 +139,33 @@ export type TextFormatTransformer = Readonly<{
 
 export type TextMatchTransformer = Readonly<{
   dependencies: Array<Klass<LexicalNode>>;
-  export: (
+  /**
+   * Determines how a node should be exported to markdown
+   */
+  export?: (
     node: LexicalNode,
     // eslint-disable-next-line no-shadow
     exportChildren: (node: ElementNode) => string,
     // eslint-disable-next-line no-shadow
     exportFormat: (node: TextNode, textContent: string) => string,
   ) => string | null;
-  importRegExp: RegExp;
+  /**
+   * This regex determines what text is matched during markdown imports
+   */
+  importRegExp?: RegExp;
+  /**
+   * This regex determines what text is matched for markdown shortcuts while typing in the editor
+   */
   regExp: RegExp;
-  replace: (node: TextNode, match: RegExpMatchArray) => void;
-  trigger: string;
+  /**
+   * Determines how the matched markdown text should be transformed into a node during the markdown import process
+   */
+  replace?: (node: TextNode, match: RegExpMatchArray) => void;
+  /**
+   * Single character that allows the transformer to trigger when typed in the editor. This does not affect markdown imports outside of the markdown shortcut plugin.
+   * If the trigger is matched, the `regExp` will be used to match the text in the second step.
+   */
+  trigger?: string;
   type: 'text-match';
 }>;
 
diff --git a/packages/lexical-markdown/src/utils.ts b/packages/lexical-markdown/src/utils.ts
index f2cf71c04e1..a918b51cecd 100644
--- a/packages/lexical-markdown/src/utils.ts
+++ b/packages/lexical-markdown/src/utils.ts
@@ -405,13 +405,17 @@ function codeBlockExport(node: LexicalNode) {
 
 export function indexBy<T>(
   list: Array<T>,
-  callback: (arg0: T) => string,
+  callback: (arg0: T) => string | undefined,
 ): Readonly<Record<string, Array<T>>> {
   const index: Record<string, Array<T>> = {};
 
   for (const item of list) {
     const key = callback(item);
 
+    if (!key) {
+      continue;
+    }
+
     if (index[key]) {
       index[key].push(item);
     } else {

From 25a312104e53b5237aa28891b365d24ec3abaa1b Mon Sep 17 00:00:00 2001
From: neysanfoo <neysanfoo@gmail.com>
Date: Mon, 23 Sep 2024 18:51:11 +0800
Subject: [PATCH 027/133] [lexical-playground] Bug Fix: Correct ExcalidrawNode
 DOM handling for proper resizing (#6657)

---
 .../src/nodes/ExcalidrawNode/index.tsx             | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
index 8b4c5796024..606cea0d7e8 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
@@ -110,25 +110,13 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
     const span = document.createElement('span');
     const theme = config.theme;
     const className = theme.image;
-
-    span.style.display = 'inline-block';
-
-    span.style.width =
-      this.__width === 'inherit' ? 'inherit' : `${this.__width}px`;
-    span.style.height =
-      this.__height === 'inherit' ? 'inherit' : `${this.__height}px`;
-
     if (className !== undefined) {
       span.className = className;
     }
     return span;
   }
 
-  updateDOM(prevNode: ExcalidrawNode, dom: HTMLElement): boolean {
-    dom.style.width =
-      this.__width === 'inherit' ? 'inherit' : `${this.__width}px`;
-    dom.style.height =
-      this.__height === 'inherit' ? 'inherit' : `${this.__height}px`;
+  updateDOM(): false {
     return false;
   }
 

From 2889ccd9f3f63623285efead59564e15c305a551 Mon Sep 17 00:00:00 2001
From: Sergey Gorbachev <grbchv.s@gmail.com>
Date: Wed, 25 Sep 2024 04:44:55 +0300
Subject: [PATCH 028/133] [lexical-link] Bug Fix: Removing a link from
 descendants (#6656)

---
 packages/lexical-link/src/index.ts | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/lexical-link/src/index.ts b/packages/lexical-link/src/index.ts
index fe2b9757048..1ddb4dcec47 100644
--- a/packages/lexical-link/src/index.ts
+++ b/packages/lexical-link/src/index.ts
@@ -18,7 +18,11 @@ import type {
   SerializedElementNode,
 } from 'lexical';
 
-import {addClassNamesToElement, isHTMLAnchorElement} from '@lexical/utils';
+import {
+  $findMatchingParent,
+  addClassNamesToElement,
+  isHTMLAnchorElement,
+} from '@lexical/utils';
 import {
   $applyNodeReplacement,
   $getSelection,
@@ -495,16 +499,20 @@ export function $toggleLink(
   if (url === null) {
     // Remove LinkNodes
     nodes.forEach((node) => {
-      const parent = node.getParent();
+      const parentLink = $findMatchingParent(
+        node,
+        (parent): parent is LinkNode =>
+          !$isAutoLinkNode(parent) && $isLinkNode(parent),
+      );
 
-      if (!$isAutoLinkNode(parent) && $isLinkNode(parent)) {
-        const children = parent.getChildren();
+      if (parentLink) {
+        const children = parentLink.getChildren();
 
         for (let i = 0; i < children.length; i++) {
-          parent.insertBefore(children[i]);
+          parentLink.insertBefore(children[i]);
         }
 
-        parent.remove();
+        parentLink.remove();
       }
     });
   } else {

From 3f7dca77ef1097808b50f388e54ab60cef913ee2 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Thu, 26 Sep 2024 11:51:16 +0800
Subject: [PATCH 029/133] [lexical-markdown] set shouldMergeAdjacentLines
 default to be false  (#6660)

---
 .../src/MarkdownTransformers.ts               |  2 +-
 .../__tests__/unit/LexicalMarkdown.test.ts    | 89 ++++++++++++++++++-
 packages/lexical-markdown/src/index.ts        |  2 +-
 .../__tests__/e2e/Markdown.spec.mjs           | 11 ++-
 4 files changed, 95 insertions(+), 9 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index bb83ad0af10..b724b3ba0ca 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -550,7 +550,7 @@ export const LINK: TextMatchTransformer = {
 
 export function normalizeMarkdown(
   input: string,
-  shouldMergeAdjacentLines = true,
+  shouldMergeAdjacentLines = false,
 ): string {
   const lines = input.split('\n');
   let inCodeBlock = false;
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index c7c9874bb2f..d4c1a90148a 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -100,6 +100,7 @@ describe('Markdown', () => {
       // Multiline paragraphs: https://spec.commonmark.org/dingus/?text=Hello%0Aworld%0A!
       html: '<p><span style="white-space: pre-wrap;">Helloworld!</span></p>',
       md: ['Hello', 'world', '!'].join('\n'),
+      shouldMergeAdjacentLines: true,
       skipExport: true,
     },
     {
@@ -125,6 +126,7 @@ describe('Markdown', () => {
       // Multiline list items: https://spec.commonmark.org/dingus/?text=-%20Hello%0A-%20world%0A!%0A!
       html: '<ul><li value="1"><span style="white-space: pre-wrap;">Hello</span></li><li value="2"><span style="white-space: pre-wrap;">world!!</span></li></ul>',
       md: '- Hello\n- world\n!\n!',
+      shouldMergeAdjacentLines: true,
       skipExport: true,
     },
     {
@@ -314,6 +316,7 @@ describe('Markdown', () => {
       // https://spec.commonmark.org/dingus/?text=%3E%20Hello%0Aworld%0A!
       html: '<blockquote><span style="white-space: pre-wrap;">Helloworld!</span></blockquote>',
       md: '> Hello\nworld\n!',
+      shouldMergeAdjacentLines: true,
       skipExport: true,
     },
     {
@@ -332,11 +335,13 @@ describe('Markdown', () => {
       customTransformers: [MDX_HTML_TRANSFORMER],
       html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Some Text</span></pre>',
       md: 'Some HTML in mdx:\n\n<MyComponent>Some Text</MyComponent>',
+      shouldMergeAdjacentLines: true,
     },
     {
       customTransformers: [MDX_HTML_TRANSFORMER],
       html: '<p><span style="white-space: pre-wrap;">Some HTML in mdx:</span></p><pre spellcheck="false" data-language="MyComponent"><span style="white-space: pre-wrap;">From HTML: Line 1Some Text</span></pre>',
       md: 'Some HTML in mdx:\n\n<MyComponent>Line 1\nSome Text</MyComponent>',
+      shouldMergeAdjacentLines: true,
       skipExport: true,
     },
   ];
@@ -448,7 +453,7 @@ describe('Markdown', () => {
   }
 });
 
-describe('normalizeMarkdown', () => {
+describe('normalizeMarkdown - shouldMergeAdjacentLines = true', () => {
   it('should combine lines separated by a single \n unless they are in a codeblock', () => {
     const markdown = `
 A1
@@ -482,7 +487,7 @@ E2
 
 E3
 `;
-    expect(normalizeMarkdown(markdown)).toBe(`
+    expect(normalizeMarkdown(markdown, true)).toBe(`
 A1A2
 
 A3
@@ -519,6 +524,84 @@ E3
 | --- | --- |
 | c | d |
 `;
-    expect(normalizeMarkdown(markdown)).toBe(markdown);
+    expect(normalizeMarkdown(markdown, true)).toBe(markdown);
+  });
+});
+
+describe('normalizeMarkdown - shouldMergeAdjacentLines = false', () => {
+  it('should not combine lines separated by a single \n', () => {
+    const markdown = `
+A1
+A2
+
+A3
+
+\`\`\`md
+B1
+B2
+
+B3
+\`\`\`
+
+C1
+C2
+
+C3
+
+\`\`\`js
+D1
+D2
+
+D3
+\`\`\`
+
+\`\`\`single line code\`\`\`
+
+E1
+E2
+
+E3
+`;
+    expect(normalizeMarkdown(markdown, false)).toBe(`
+A1
+A2
+
+A3
+
+\`\`\`md
+B1
+B2
+
+B3
+\`\`\`
+
+C1
+C2
+
+C3
+
+\`\`\`js
+D1
+D2
+
+D3
+\`\`\`
+
+\`\`\`single line code\`\`\`
+
+E1
+E2
+
+E3
+`);
+  });
+
+  it('tables', () => {
+    const markdown = `
+| a | b |
+| --- | --- |
+| c | d |
+`;
+    expect(normalizeMarkdown(markdown, false)).toBe(markdown);
   });
 });
diff --git a/packages/lexical-markdown/src/index.ts b/packages/lexical-markdown/src/index.ts
index 671b56e5e4e..06bd85dd492 100644
--- a/packages/lexical-markdown/src/index.ts
+++ b/packages/lexical-markdown/src/index.ts
@@ -85,7 +85,7 @@ function $convertFromMarkdownString(
   transformers: Array<Transformer> = TRANSFORMERS,
   node?: ElementNode,
   shouldPreserveNewLines = false,
-  shouldMergeAdjacentLines = true,
+  shouldMergeAdjacentLines = false,
 ): void {
   const sanitizedMarkdown = shouldPreserveNewLines
     ? markdown
diff --git a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
index 505b038ce28..b434d62be55 100644
--- a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
@@ -1310,6 +1310,7 @@ const IMPORTED_MARKDOWN_HTML = html`
       bold italic strikethrough
     </strong>
     <span data-lexical-text="true">text,</span>
+    <br />
     <strong
       class="PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textStrikethrough"
       data-lexical-text="true">
@@ -1407,7 +1408,9 @@ const IMPORTED_MARKDOWN_HTML = html`
     dir="ltr">
     <span data-lexical-text="true">Blockquotes text goes here</span>
     <br />
-    <span data-lexical-text="true">And secondline after</span>
+    <span data-lexical-text="true">And second</span>
+    <br />
+    <span data-lexical-text="true">line after</span>
   </blockquote>
   <blockquote
     class="PlaygroundEditorTheme__quote PlaygroundEditorTheme__ltr"
@@ -1485,9 +1488,9 @@ const IMPORTED_MARKDOWN_HTML = html`
           class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
           dir="ltr"
           value="1">
-          <span data-lexical-text="true">
-            And can be nested and multiline as well
-          </span>
+          <span data-lexical-text="true">And can be nested</span>
+          <br />
+          <span data-lexical-text="true">and multiline as well</span>
         </li>
       </ol>
     </li>

From 62c51a945d565b9ec7458a41375b47e547ce2438 Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Thu, 26 Sep 2024 13:10:05 +0100
Subject: [PATCH 030/133] Iterable $dfs (#6664)

---
 .../lexical-utils/flow/LexicalUtils.js.flow   |  25 ++-
 .../__tests__/unit/LexicalNodeHelpers.test.ts |  29 +++-
 packages/lexical-utils/src/index.ts           | 143 +++++++++++++-----
 3 files changed, 150 insertions(+), 47 deletions(-)

diff --git a/packages/lexical-utils/flow/LexicalUtils.js.flow b/packages/lexical-utils/flow/LexicalUtils.js.flow
index 51e0216029d..5bdb9c29815 100644
--- a/packages/lexical-utils/flow/LexicalUtils.js.flow
+++ b/packages/lexical-utils/flow/LexicalUtils.js.flow
@@ -12,10 +12,6 @@ import type {
   LexicalNode,
   ElementNode,
 } from 'lexical';
-export type DFSNode = $ReadOnly<{
-  depth: number,
-  node: LexicalNode,
-}>;
 declare export function addClassNamesToElement(
   element: HTMLElement,
   ...classNames: Array<typeof undefined | boolean | null | string>
@@ -32,11 +28,26 @@ declare export function mediaFileReader(
   files: Array<File>,
   acceptableMimeTypes: Array<string>,
 ): Promise<Array<$ReadOnly<{file: File, result: string}>>>;
+export type DFSNode = $ReadOnly<{
+  depth: number,
+  node: LexicalNode,
+}>;
 declare export function $dfs(
-  startingNode?: LexicalNode,
-  endingNode?: LexicalNode,
+  startNode?: LexicalNode,
+  endNode?: LexicalNode,
 ): Array<DFSNode>;
-declare function $getDepth(node: LexicalNode): number;
+type DFSIterator = {
+  next: () => IteratorResult<DFSNode, void>;
+  @@iterator: () => DFSIterator;
+};
+declare export function $dfsIterator(
+  startNode?: LexicalNode,
+  endNode?: LexicalNode,
+): DFSIterator;
+declare export function $getNextSiblingOrParentSibling(
+  node: LexicalNode,
+): null | [LexicalNode, number];
+declare export function $getDepth(node: LexicalNode): number;
 declare export function $getNearestNodeOfType<T: LexicalNode>(
   node: LexicalNode,
   klass: Class<T>,
diff --git a/packages/lexical-utils/src/__tests__/unit/LexicalNodeHelpers.test.ts b/packages/lexical-utils/src/__tests__/unit/LexicalNodeHelpers.test.ts
index 82d2dddf88d..40fab2f26bc 100644
--- a/packages/lexical-utils/src/__tests__/unit/LexicalNodeHelpers.test.ts
+++ b/packages/lexical-utils/src/__tests__/unit/LexicalNodeHelpers.test.ts
@@ -21,7 +21,7 @@ import {
   invariant,
 } from 'lexical/src/__tests__/utils';
 
-import {$dfs} from '../..';
+import {$dfs, $getNextSiblingOrParentSibling} from '../..';
 
 describe('LexicalNodeHelpers tests', () => {
   initializeUnitTest((testEnv) => {
@@ -232,5 +232,32 @@ describe('LexicalNodeHelpers tests', () => {
         ]);
       });
     });
+
+    test('$getNextSiblingOrParentSibling', async () => {
+      const editor: LexicalEditor = testEnv.editor;
+
+      await editor.update(() => {
+        const root = $getRoot();
+        const paragraph = $createParagraphNode();
+        const paragraph2 = $createParagraphNode();
+        const text1 = $createTextNode('text1');
+        const text2 = $createTextNode('text2').toggleUnmergeable();
+        paragraph.append(text1, text2);
+        root.append(paragraph, paragraph2);
+
+        // Sibling
+        expect($getNextSiblingOrParentSibling(paragraph)).toEqual([
+          paragraph2,
+          0,
+        ]);
+        expect($getNextSiblingOrParentSibling(text1)).toEqual([text2, 0]);
+
+        // Parent
+        expect($getNextSiblingOrParentSibling(text2)).toEqual([paragraph2, -1]);
+
+        // Null (end of the tree)
+        expect($getNextSiblingOrParentSibling(paragraph2)).toBe(null);
+      });
+    });
   });
 });
diff --git a/packages/lexical-utils/src/index.ts b/packages/lexical-utils/src/index.ts
index a8f7047bdfa..f9dad4ea5fc 100644
--- a/packages/lexical-utils/src/index.ts
+++ b/packages/lexical-utils/src/index.ts
@@ -63,11 +63,6 @@ export const IS_FIREFOX: boolean = IS_FIREFOX_;
 export const IS_IOS: boolean = IS_IOS_;
 export const IS_SAFARI: boolean = IS_SAFARI_;
 
-export type DFSNode = Readonly<{
-  depth: number;
-  node: LexicalNode;
-}>;
-
 /**
  * Takes an HTML element and adds the classNames passed within an array,
  * ignoring any non-string types. A space can be used to add multiple classes
@@ -166,59 +161,129 @@ export function mediaFileReader(
   });
 }
 
+export type DFSNode = Readonly<{
+  depth: number;
+  node: LexicalNode;
+}>;
+
 /**
  * "Depth-First Search" starts at the root/top node of a tree and goes as far as it can down a branch end
  * before backtracking and finding a new path. Consider solving a maze by hugging either wall, moving down a
  * branch until you hit a dead-end (leaf) and backtracking to find the nearest branching path and repeat.
  * It will then return all the nodes found in the search in an array of objects.
- * @param startingNode - The node to start the search, if ommitted, it will start at the root node.
- * @param endingNode - The node to end the search, if ommitted, it will find all descendants of the startingNode.
+ * @param startNode - The node to start the search, if omitted, it will start at the root node.
+ * @param endNode - The node to end the search, if omitted, it will find all descendants of the startingNode.
  * @returns An array of objects of all the nodes found by the search, including their depth into the tree.
- * \\{depth: number, node: LexicalNode\\} It will always return at least 1 node (the ending node) so long as it exists
+ * \\{depth: number, node: LexicalNode\\} It will always return at least 1 node (the start node).
  */
 export function $dfs(
-  startingNode?: LexicalNode,
-  endingNode?: LexicalNode,
+  startNode?: LexicalNode,
+  endNode?: LexicalNode,
 ): Array<DFSNode> {
-  const nodes = [];
-  const start = (startingNode || $getRoot()).getLatest();
-  const end =
-    endingNode ||
-    ($isElementNode(start) ? start.getLastDescendant() || start : start);
-  let node: LexicalNode | null = start;
-  let depth = $getDepth(node);
-
-  while (node !== null && !node.is(end)) {
-    nodes.push({depth, node});
-
-    if ($isElementNode(node) && node.getChildrenSize() > 0) {
-      node = node.getFirstChild();
-      depth++;
-    } else {
-      // Find immediate sibling or nearest parent sibling
-      let sibling = null;
+  return Array.from($dfsIterator(startNode, endNode));
+}
+
+type DFSIterator = {
+  next: () => IteratorResult<DFSNode, void>;
+  [Symbol.iterator]: () => DFSIterator;
+};
 
-      while (sibling === null && node !== null) {
-        sibling = node.getNextSibling();
+const iteratorDone: Readonly<{done: true; value: void}> = {
+  done: true,
+  value: undefined,
+};
+const iteratorNotDone: <T>(value: T) => Readonly<{done: false; value: T}> = <T>(
+  value: T,
+) => ({done: false, value});
 
-        if (sibling === null) {
-          node = node.getParent();
-          depth--;
-        } else {
-          node = sibling;
+/**
+ * $dfs iterator. Tree traversal is done on the fly as new values are requested with O(1) memory.
+ * @param startNode - The node to start the search, if omitted, it will start at the root node.
+ * @param endNode - The node to end the search, if omitted, it will find all descendants of the startingNode.
+ * @returns An iterator, each yielded value is a DFSNode. It will always return at least 1 node (the start node).
+ */
+export function $dfsIterator(
+  startNode?: LexicalNode,
+  endNode?: LexicalNode,
+): DFSIterator {
+  const start = (startNode || $getRoot()).getLatest();
+  const startDepth = $getDepth(start);
+  const end = endNode;
+  let node: null | LexicalNode = start;
+  let depth = startDepth;
+  let isFirstNext = true;
+
+  const iterator: DFSIterator = {
+    next(): IteratorResult<DFSNode, void> {
+      if (node === null) {
+        return iteratorDone;
+      }
+      if (isFirstNext) {
+        isFirstNext = false;
+        return iteratorNotDone({depth, node});
+      }
+      if (node === end) {
+        return iteratorDone;
+      }
+
+      if ($isElementNode(node) && node.getChildrenSize() > 0) {
+        node = node.getFirstChild();
+        depth++;
+      } else {
+        let depthDiff;
+        [node, depthDiff] = $getNextSiblingOrParentSibling(node) || [null, 0];
+        depth += depthDiff;
+        if (end == null && depth <= startDepth) {
+          node = null;
         }
       }
+
+      if (node === null) {
+        return iteratorDone;
+      }
+      return iteratorNotDone({depth, node});
+    },
+    [Symbol.iterator](): DFSIterator {
+      return iterator;
+    },
+  };
+  return iterator;
+}
+
+/**
+ * Returns the Node sibling when this exists, otherwise the closest parent sibling. For example
+ * R -> P -> T1, T2
+ *   -> P2
+ * returns T2 for node T1, P2 for node T2, and null for node P2.
+ * @param node LexicalNode.
+ * @returns An array (tuple) containing the found Lexical node and the depth difference, or null, if this node doesn't exist.
+ */
+export function $getNextSiblingOrParentSibling(
+  node: LexicalNode,
+): null | [LexicalNode, number] {
+  let node_: null | LexicalNode = node;
+  // Find immediate sibling or nearest parent sibling
+  let sibling = null;
+  let depthDiff = 0;
+
+  while (sibling === null && node_ !== null) {
+    sibling = node_.getNextSibling();
+
+    if (sibling === null) {
+      node_ = node_.getParent();
+      depthDiff--;
+    } else {
+      node_ = sibling;
     }
   }
 
-  if (node !== null && node.is(end)) {
-    nodes.push({depth, node});
+  if (node_ === null) {
+    return null;
   }
-
-  return nodes;
+  return [node_, depthDiff];
 }
 
-function $getDepth(node: LexicalNode): number {
+export function $getDepth(node: LexicalNode): number {
   let innerNode: LexicalNode | null = node;
   let depth = 0;
 

From 7717ee76e1ef211557dc5992c96c90ee8103ff52 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Fri, 27 Sep 2024 01:15:25 +0800
Subject: [PATCH 031/133] v0.18.0 (#6676)

Co-authored-by: Lexical GitHub Actions Bot <>
---
 CHANGELOG.md                                  |  47 ++
 examples/react-plain-text/package.json        |   6 +-
 examples/react-rich-collab/package.json       |   8 +-
 examples/react-rich/package.json              |   6 +-
 examples/react-table/package.json             |   6 +-
 examples/vanilla-js-plugin/package.json       |  12 +-
 examples/vanilla-js/package.json              |  12 +-
 package-lock.json                             | 442 +++++++++---------
 package.json                                  |   2 +-
 packages/lexical-clipboard/package.json       |  12 +-
 packages/lexical-code/package.json            |   6 +-
 packages/lexical-devtools-core/package.json   |  14 +-
 packages/lexical-devtools/package.json        |   6 +-
 packages/lexical-dragon/package.json          |   4 +-
 packages/lexical-eslint-plugin/package.json   |   2 +-
 packages/lexical-file/package.json            |   4 +-
 packages/lexical-hashtag/package.json         |   6 +-
 packages/lexical-headless/package.json        |   4 +-
 packages/lexical-history/package.json         |   6 +-
 packages/lexical-html/package.json            |   8 +-
 packages/lexical-link/package.json            |   6 +-
 packages/lexical-list/package.json            |   6 +-
 packages/lexical-mark/package.json            |   6 +-
 packages/lexical-markdown/package.json        |  16 +-
 packages/lexical-offset/package.json          |   4 +-
 packages/lexical-overflow/package.json        |   4 +-
 packages/lexical-plain-text/package.json      |  10 +-
 packages/lexical-playground/package.json      |  32 +-
 packages/lexical-react/package.json           |  40 +-
 packages/lexical-rich-text/package.json       |  10 +-
 packages/lexical-selection/package.json       |   4 +-
 packages/lexical-table/package.json           |   8 +-
 packages/lexical-text/package.json            |   4 +-
 packages/lexical-utils/package.json           |  10 +-
 packages/lexical-website/package.json         |   2 +-
 packages/lexical-yjs/package.json             |   8 +-
 packages/lexical/package.json                 |   2 +-
 packages/shared/package.json                  |   4 +-
 .../lexical-esm-astro-react/package.json      |  11 +-
 .../fixtures/lexical-esm-nextjs/package.json  |   8 +-
 .../package.json                              |  12 +-
 scripts/error-codes/codes.json                |  13 +-
 42 files changed, 446 insertions(+), 387 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4c9ecca8b11..3d185739801 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,50 @@
+## v0.18.0 (2024-09-26)
+
+- lexical-markdown set shouldMergeAdjacentLines default to be false  (#6660) Sherry
+- lexical-link Bug Fix Removing a link from descendants (#6656) Sergey Gorbachev
+- lexical-playground Bug Fix Correct ExcalidrawNode DOM handling for proper resizing (#6657) neysanfoo
+- lexical-markdown Refactor allows omitting certain properties from TextMatchTransformers, adds jsdocs (#6651) Alessio Gravili
+- lexical-table Bug Fix Fix crash in deleteCellHandler (#6650) Bob Ippolito
+- lexical-playground Bug Fix empty code block not focused (#6649) Sherry
+- lexical-markdown shouldMergeAdjacentLines as an option (#6642) Sherry
+- lexical-code Bug Fix Annotate lexicalcode as having side-effects for Prism (#6652) Bob Ippolito
+- lexical-reactlexical-playground Bug Fix Workaround for yjs disconnect race in React StrictMode (#6644) Bob Ippolito
+- Allow exporting a document fragment from the exportDOM function (#6641) Tom Kubt
+- Grammar Issue - Repeated Word (#6643) Adam Pugh
+- lexical-tablelexical-playground Feature Add column widths to TableNode (#6625) Patrick Moody
+- lexical-playgroundExcalidrawNode Bug Fix Preserve Excalidraw image dimensions after resizing (#6634) neysanfoo
+- lexical-table  Bug Table formatting and styling not persisting for empty cells (#6626) Katsia
+- lexical-markdown Fix normalize markdown in convertFromMarkdownString to comply with CommonMark spec (2nd try) (#6629) Germn Jabloski
+- lexical-playground Bug Fix Fix table rowcolumn index when resizing merged cells (#6630) Patrick Moody
+- Revert lexical-markdown Fix normalize markdown in convertFromMarkdownString to comply with CommonMark spec (#6608) (#6627) Sherry
+- lexical-react Refactor Ensure disconnect is called after connection is established in useYjsCollaboration (#6619) smworld01
+- CI tag flaky test (#6620) Sherry
+- address micromatch vulnerability (#6616) Sherry
+- Bug Fix Fix issue where selecting a cell then dragging outside of table would not select entire table (#6579) Mo
+- lexical-markdown Breaking Change rename multilineElement to multiline-element (#6617) Sherry
+- lexical Chore Add more helpful invariants to applyNodeReplacement (#6567) Bob Ippolito
+- lexical-markdown Fix normalize markdown in convertFromMarkdownString to comply with CommonMark spec (#6608) Germn Jabloski
+- Expose getStyleObjectFromCss in lexicalselection (#6612) Melissa Freiser
+- lexical-markdown update markdown flow api (#6615) Sherry
+- lexical-playground Fix Poll Option not clickable at some place after checked state (#6609) Vinay Kushwaha
+- Multiple update tags (#6507) Gerard Rovira
+- lexical-codebreaking change Bug Fix explicitly import instead of window. to support code nodes in nodejs (#6562) Nadine Nguyen
+- lexical-tablelexical-playground Bug Fix Fix merged cell related edge cases (#6607) Bob Ippolito
+- Fix issue where cmdctrl  left arrow after a tab character would cause exception (#6588) Mo
+- Address svelte vulnerability (#6603) Sherry
+- lexical-markdownbreaking change Feature multiline markdown transformers  mdx support (#6530) Alessio Gravili
+- lexical-table Fix Table Cut Event Handling (#6596) Ivaylo Pavlov
+- lexicallexical-overflow Refactor simplified removeText and insertText rewrite (part 1) (#6456) Germn Jabloski
+- Fix test results CI path on Windows (#6585) Mo
+- lexical-listlexical-react Refactor Create registerList Function Separate from React Shared Utils (#6560) River
+- lexical-react Fix incorrect addition of empty cells on table paste (#6578) Shubhanker Srivastava
+- lexical-table feat Add row striping (#6547) Ivaylo Pavlov
+-  Feature Check undeclared dependencies in build (#6574) Bob Ippolito
+- lexical-react menu positioning Unrevert PR6510 but with gating (#6566) Sherry
+- lexical-table Bug Fix Add lexicalclipboard as a direct dependency of lexicaltable (#6571) Bob Ippolito
+- v0.17.1 (#6559) Ivaylo Pavlov
+- v0.17.1 Lexical GitHub Actions Bot
+
 ## v0.17.1 (2024-08-26)
 
 - lexical-playground Bug Fix fix comment timestamps (#6555) Ira Hopkinson
diff --git a/examples/react-plain-text/package.json b/examples/react-plain-text/package.json
index 8b6a1e32f47..2ca57f3e88a 100644
--- a/examples/react-plain-text/package.json
+++ b/examples/react-plain-text/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-plain-text-example",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/react": "0.18.0",
+    "lexical": "0.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-rich-collab/package.json b/examples/react-rich-collab/package.json
index 7ea1556935a..07ad5f31dca 100644
--- a/examples/react-rich-collab/package.json
+++ b/examples/react-rich-collab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-collab-example",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,9 +12,9 @@
     "server:webrtc": "cross-env HOST=localhost PORT=1235 npx y-webrtc"
   },
   "dependencies": {
-    "@lexical/react": "0.17.1",
-    "@lexical/yjs": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/react": "0.18.0",
+    "@lexical/yjs": "0.18.0",
+    "lexical": "0.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "y-webrtc": "^10.3.0",
diff --git a/examples/react-rich/package.json b/examples/react-rich/package.json
index 001d080f988..f16d62b0f75 100644
--- a/examples/react-rich/package.json
+++ b/examples/react-rich/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-example",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/react": "0.18.0",
+    "lexical": "0.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-table/package.json b/examples/react-table/package.json
index 7b1d3f90e0b..19b01d84ed8 100644
--- a/examples/react-table/package.json
+++ b/examples/react-table/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-table-example",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/react": "0.18.0",
+    "lexical": "0.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/vanilla-js-plugin/package.json b/examples/vanilla-js-plugin/package.json
index 3fcc072d9e6..46c9eef6358 100644
--- a/examples/vanilla-js-plugin/package.json
+++ b/examples/vanilla-js-plugin/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-plugin-example",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.17.1",
-    "@lexical/history": "0.17.1",
-    "@lexical/rich-text": "0.17.1",
-    "@lexical/utils": "0.17.1",
+    "@lexical/dragon": "0.18.0",
+    "@lexical/history": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/utils": "0.18.0",
     "emoji-datasource-facebook": "15.1.2",
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/examples/vanilla-js/package.json b/examples/vanilla-js/package.json
index 93f90b943eb..bda715c2e58 100644
--- a/examples/vanilla-js/package.json
+++ b/examples/vanilla-js/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-example",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.17.1",
-    "@lexical/history": "0.17.1",
-    "@lexical/rich-text": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/dragon": "0.18.0",
+    "@lexical/history": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/package-lock.json b/package-lock.json
index d8fb0f29353..216f1c67140 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lexical/monorepo",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/monorepo",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "workspaces": [
         "packages/*"
@@ -36268,28 +36268,28 @@
       }
     },
     "packages/lexical": {
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT"
     },
     "packages/lexical-clipboard": {
       "name": "@lexical/clipboard",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/html": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-code": {
       "name": "@lexical/code",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0",
         "prismjs": "^1.27.0"
       },
       "devDependencies": {
@@ -36298,7 +36298,7 @@
     },
     "packages/lexical-devtools": {
       "name": "@lexical/devtools",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "hasInstallScript": true,
       "dependencies": {
         "@chakra-ui/react": "^2.8.2",
@@ -36315,12 +36315,12 @@
       "devDependencies": {
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
-        "@lexical/devtools-core": "0.17.1",
+        "@lexical/devtools-core": "0.18.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
         "@vitejs/plugin-react": "^4.2.1",
-        "lexical": "0.17.1",
+        "lexical": "0.18.0",
         "typescript": "^5.4.5",
         "vite": "^5.2.2",
         "wxt": "^0.17.0"
@@ -36328,15 +36328,15 @@
     },
     "packages/lexical-devtools-core": {
       "name": "@lexical/devtools-core",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/html": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/mark": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -36345,15 +36345,15 @@
     },
     "packages/lexical-dragon": {
       "name": "@lexical/dragon",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-eslint-plugin": {
       "name": "@lexical/eslint-plugin",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "devDependencies": {
         "@types/eslint": "^8.56.9"
@@ -36364,136 +36364,136 @@
     },
     "packages/lexical-file": {
       "name": "@lexical/file",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-hashtag": {
       "name": "@lexical/hashtag",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-headless": {
       "name": "@lexical/headless",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-history": {
       "name": "@lexical/history",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-html": {
       "name": "@lexical/html",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-link": {
       "name": "@lexical/link",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-list": {
       "name": "@lexical/list",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-mark": {
       "name": "@lexical/mark",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-markdown": {
       "name": "@lexical/markdown",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/text": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/code": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/rich-text": "0.18.0",
+        "@lexical/text": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-offset": {
       "name": "@lexical/offset",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-overflow": {
       "name": "@lexical/overflow",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-plain-text": {
       "name": "@lexical/plain-text",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-playground": {
-      "version": "0.17.1",
+      "version": "0.18.0",
       "dependencies": {
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/code": "0.17.1",
-        "@lexical/file": "0.17.1",
-        "@lexical/hashtag": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/overflow": "0.17.1",
-        "@lexical/plain-text": "0.17.1",
-        "@lexical/react": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/utils": "0.17.1",
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/code": "0.18.0",
+        "@lexical/file": "0.18.0",
+        "@lexical/hashtag": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/mark": "0.18.0",
+        "@lexical/overflow": "0.18.0",
+        "@lexical/plain-text": "0.18.0",
+        "@lexical/react": "0.18.0",
+        "@lexical/rich-text": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "@lexical/utils": "0.18.0",
         "katex": "^0.16.10",
-        "lexical": "0.17.1",
+        "lexical": "0.18.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -36516,28 +36516,28 @@
     },
     "packages/lexical-react": {
       "name": "@lexical/react",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/code": "0.17.1",
-        "@lexical/devtools-core": "0.17.1",
-        "@lexical/dragon": "0.17.1",
-        "@lexical/hashtag": "0.17.1",
-        "@lexical/history": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/markdown": "0.17.1",
-        "@lexical/overflow": "0.17.1",
-        "@lexical/plain-text": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/text": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "@lexical/yjs": "0.17.1",
-        "lexical": "0.17.1",
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/code": "0.18.0",
+        "@lexical/devtools-core": "0.18.0",
+        "@lexical/dragon": "0.18.0",
+        "@lexical/hashtag": "0.18.0",
+        "@lexical/history": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/mark": "0.18.0",
+        "@lexical/markdown": "0.18.0",
+        "@lexical/overflow": "0.18.0",
+        "@lexical/plain-text": "0.18.0",
+        "@lexical/rich-text": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "@lexical/text": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "@lexical/yjs": "0.18.0",
+        "lexical": "0.18.0",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -36547,55 +36547,55 @@
     },
     "packages/lexical-rich-text": {
       "name": "@lexical/rich-text",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-selection": {
       "name": "@lexical/selection",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-table": {
       "name": "@lexical/table",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-text": {
       "name": "@lexical/text",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-utils": {
       "name": "@lexical/utils",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/list": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "packages/lexical-website": {
       "name": "@lexical/website",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "dependencies": {
         "@docusaurus/core": "^3.3.2",
         "@docusaurus/preset-classic": "^3.3.2",
@@ -36624,12 +36624,12 @@
     },
     "packages/lexical-yjs": {
       "name": "@lexical/yjs",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/offset": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "lexical": "0.18.0"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -36662,10 +36662,10 @@
       }
     },
     "packages/shared": {
-      "version": "0.17.1",
+      "version": "0.18.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     }
   },
@@ -40990,19 +40990,19 @@
     "@lexical/clipboard": {
       "version": "file:packages/lexical-clipboard",
       "requires": {
-        "@lexical/html": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/html": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/code": {
       "version": "file:packages/lexical-code",
       "requires": {
-        "@lexical/utils": "0.17.1",
+        "@lexical/utils": "0.18.0",
         "@types/prismjs": "^1.26.0",
-        "lexical": "0.17.1",
+        "lexical": "0.18.0",
         "prismjs": "^1.27.0"
       }
     },
@@ -41014,7 +41014,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@lexical/devtools-core": "0.17.1",
+        "@lexical/devtools-core": "0.18.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
@@ -41023,7 +41023,7 @@
         "@webext-pegasus/store-zustand": "^0.3.0",
         "@webext-pegasus/transport": "^0.3.0",
         "framer-motion": "^11.1.5",
-        "lexical": "0.17.1",
+        "lexical": "0.18.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.5",
@@ -41035,18 +41035,18 @@
     "@lexical/devtools-core": {
       "version": "file:packages/lexical-devtools-core",
       "requires": {
-        "@lexical/html": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/html": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/mark": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/dragon": {
       "version": "file:packages/lexical-dragon",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/eslint-plugin": {
@@ -41058,152 +41058,152 @@
     "@lexical/file": {
       "version": "file:packages/lexical-file",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/hashtag": {
       "version": "file:packages/lexical-hashtag",
       "requires": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/headless": {
       "version": "file:packages/lexical-headless",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/history": {
       "version": "file:packages/lexical-history",
       "requires": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/html": {
       "version": "file:packages/lexical-html",
       "requires": {
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/link": {
       "version": "file:packages/lexical-link",
       "requires": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/list": {
       "version": "file:packages/lexical-list",
       "requires": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/mark": {
       "version": "file:packages/lexical-mark",
       "requires": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/markdown": {
       "version": "file:packages/lexical-markdown",
       "requires": {
-        "@lexical/code": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/text": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/code": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/rich-text": "0.18.0",
+        "@lexical/text": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/offset": {
       "version": "file:packages/lexical-offset",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/overflow": {
       "version": "file:packages/lexical-overflow",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/plain-text": {
       "version": "file:packages/lexical-plain-text",
       "requires": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/react": {
       "version": "file:packages/lexical-react",
       "requires": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/code": "0.17.1",
-        "@lexical/devtools-core": "0.17.1",
-        "@lexical/dragon": "0.17.1",
-        "@lexical/hashtag": "0.17.1",
-        "@lexical/history": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/markdown": "0.17.1",
-        "@lexical/overflow": "0.17.1",
-        "@lexical/plain-text": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/text": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "@lexical/yjs": "0.17.1",
-        "lexical": "0.17.1",
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/code": "0.18.0",
+        "@lexical/devtools-core": "0.18.0",
+        "@lexical/dragon": "0.18.0",
+        "@lexical/hashtag": "0.18.0",
+        "@lexical/history": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/mark": "0.18.0",
+        "@lexical/markdown": "0.18.0",
+        "@lexical/overflow": "0.18.0",
+        "@lexical/plain-text": "0.18.0",
+        "@lexical/rich-text": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "@lexical/text": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "@lexical/yjs": "0.18.0",
+        "lexical": "0.18.0",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
       "version": "file:packages/lexical-rich-text",
       "requires": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/selection": {
       "version": "file:packages/lexical-selection",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/utils": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/text": {
       "version": "file:packages/lexical-text",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "@lexical/utils": {
       "version": "file:packages/lexical-utils",
       "requires": {
-        "@lexical/list": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/list": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@lexical/website": {
@@ -41235,9 +41235,9 @@
     "@lexical/yjs": {
       "version": "file:packages/lexical-yjs",
       "requires": {
-        "@lexical/offset": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/offset": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "lexical": "0.18.0"
       }
     },
     "@mdx-js/mdx": {
@@ -52957,26 +52957,26 @@
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/code": "0.17.1",
-        "@lexical/file": "0.17.1",
-        "@lexical/hashtag": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/overflow": "0.17.1",
-        "@lexical/plain-text": "0.17.1",
-        "@lexical/react": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/utils": "0.17.1",
+        "@lexical/clipboard": "0.18.0",
+        "@lexical/code": "0.18.0",
+        "@lexical/file": "0.18.0",
+        "@lexical/hashtag": "0.18.0",
+        "@lexical/link": "0.18.0",
+        "@lexical/list": "0.18.0",
+        "@lexical/mark": "0.18.0",
+        "@lexical/overflow": "0.18.0",
+        "@lexical/plain-text": "0.18.0",
+        "@lexical/react": "0.18.0",
+        "@lexical/rich-text": "0.18.0",
+        "@lexical/selection": "0.18.0",
+        "@lexical/table": "0.18.0",
+        "@lexical/utils": "0.18.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^4.2.1",
         "katex": "^0.16.10",
-        "lexical": "0.17.1",
+        "lexical": "0.18.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -58858,7 +58858,7 @@
     "shared": {
       "version": "file:packages/shared",
       "requires": {
-        "lexical": "0.17.1"
+        "lexical": "0.18.0"
       }
     },
     "shebang-command": {
diff --git a/package.json b/package.json
index 5e088f09a9d..1c646ed711c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/monorepo",
   "description": "Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "license": "MIT",
   "private": true,
   "workspaces": [
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index e5dc942e4a3..397e51c1034 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalClipboard.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.17.1",
-    "@lexical/list": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/html": "0.18.0",
+    "@lexical/list": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index 89dd18cadee..91331220c16 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -8,12 +8,12 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalCode.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0",
     "prismjs": "^1.27.0"
   },
   "repository": {
diff --git a/packages/lexical-devtools-core/package.json b/packages/lexical-devtools-core/package.json
index c830cfca468..ecec8abf35e 100644
--- a/packages/lexical-devtools-core/package.json
+++ b/packages/lexical-devtools-core/package.json
@@ -8,16 +8,16 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalDevtoolsCore.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.17.1",
-    "@lexical/link": "0.17.1",
-    "@lexical/mark": "0.17.1",
-    "@lexical/table": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/html": "0.18.0",
+    "@lexical/link": "0.18.0",
+    "@lexical/mark": "0.18.0",
+    "@lexical/table": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "peerDependencies": {
     "react": ">=17.x",
diff --git a/packages/lexical-devtools/package.json b/packages/lexical-devtools/package.json
index 4addb5ec3f7..fb2d1963112 100644
--- a/packages/lexical-devtools/package.json
+++ b/packages/lexical-devtools/package.json
@@ -2,7 +2,7 @@
   "name": "@lexical/devtools",
   "description": "Lexical DevTools browser extension",
   "private": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "type": "module",
   "scripts": {
     "dev": "wxt",
@@ -41,12 +41,12 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@lexical/devtools-core": "0.17.1",
+    "@lexical/devtools-core": "0.18.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "lexical": "0.17.1",
+    "lexical": "0.18.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.2",
     "wxt": "^0.17.0"
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index d1a881dc738..d3bc8eb181f 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -9,7 +9,7 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalDragon.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-eslint-plugin/package.json b/packages/lexical-eslint-plugin/package.json
index 331a6f96a57..cdcd24aede3 100644
--- a/packages/lexical-eslint-plugin/package.json
+++ b/packages/lexical-eslint-plugin/package.json
@@ -8,7 +8,7 @@
     "lexical",
     "editor"
   ],
-  "version": "0.17.1",
+  "version": "0.18.0",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index cbf65c7db66..6da57dffc2f 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -10,7 +10,7 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalFile.js",
   "types": "index.d.ts",
   "repository": {
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index 3937e76a996..d86b7edc3b3 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -8,12 +8,12 @@
     "hashtag"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalHashtag.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index 196f562a1bb..de0ff4fde95 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -8,7 +8,7 @@
     "headless"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalHeadless.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index 98c4b920508..d703a8d73df 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -8,12 +8,12 @@
     "history"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalHistory.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index 756af25c0b7..2bfca39ac9d 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -8,7 +8,7 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalHtml.js",
   "types": "index.d.ts",
   "repository": {
@@ -17,9 +17,9 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/selection": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "module": "LexicalHtml.mjs",
   "sideEffects": false,
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 488f1a06c51..95ca67265d4 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -8,12 +8,12 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalLink.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index 6f2d51154a3..6ec34d721cf 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -8,12 +8,12 @@
     "list"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalList.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index 75209308dc0..f8d600d721b 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalMark.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index 879ee1e14cc..02daab66555 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -8,17 +8,17 @@
     "markdown"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalMarkdown.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/code": "0.17.1",
-    "@lexical/link": "0.17.1",
-    "@lexical/list": "0.17.1",
-    "@lexical/rich-text": "0.17.1",
-    "@lexical/text": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/code": "0.18.0",
+    "@lexical/link": "0.18.0",
+    "@lexical/list": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/text": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index 7af6c012272..d61f8d0b70d 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -8,7 +8,7 @@
     "offset"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalOffset.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index 8c5da5a1a63..74ed5fa03a6 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -8,7 +8,7 @@
     "overflow"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalOverflow.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index 215158accc6..e316bfddd67 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -7,7 +7,7 @@
     "plain-text"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalPlainText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/clipboard": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index cd07bf6e8da..c2cafc71468 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-playground",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,22 +12,22 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.17.0",
-    "@lexical/clipboard": "0.17.1",
-    "@lexical/code": "0.17.1",
-    "@lexical/file": "0.17.1",
-    "@lexical/hashtag": "0.17.1",
-    "@lexical/link": "0.17.1",
-    "@lexical/list": "0.17.1",
-    "@lexical/mark": "0.17.1",
-    "@lexical/overflow": "0.17.1",
-    "@lexical/plain-text": "0.17.1",
-    "@lexical/react": "0.17.1",
-    "@lexical/rich-text": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "@lexical/table": "0.17.1",
-    "@lexical/utils": "0.17.1",
+    "@lexical/clipboard": "0.18.0",
+    "@lexical/code": "0.18.0",
+    "@lexical/file": "0.18.0",
+    "@lexical/hashtag": "0.18.0",
+    "@lexical/link": "0.18.0",
+    "@lexical/list": "0.18.0",
+    "@lexical/mark": "0.18.0",
+    "@lexical/overflow": "0.18.0",
+    "@lexical/plain-text": "0.18.0",
+    "@lexical/react": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/table": "0.18.0",
+    "@lexical/utils": "0.18.0",
     "katex": "^0.16.10",
-    "lexical": "0.17.1",
+    "lexical": "0.18.0",
     "lodash-es": "^4.17.21",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index 0e8f9788c79..6360d26502f 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -8,27 +8,27 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "dependencies": {
-    "@lexical/clipboard": "0.17.1",
-    "@lexical/code": "0.17.1",
-    "@lexical/devtools-core": "0.17.1",
-    "@lexical/dragon": "0.17.1",
-    "@lexical/hashtag": "0.17.1",
-    "@lexical/history": "0.17.1",
-    "@lexical/link": "0.17.1",
-    "@lexical/list": "0.17.1",
-    "@lexical/mark": "0.17.1",
-    "@lexical/markdown": "0.17.1",
-    "@lexical/overflow": "0.17.1",
-    "@lexical/plain-text": "0.17.1",
-    "@lexical/rich-text": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "@lexical/table": "0.17.1",
-    "@lexical/text": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "@lexical/yjs": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/clipboard": "0.18.0",
+    "@lexical/code": "0.18.0",
+    "@lexical/devtools-core": "0.18.0",
+    "@lexical/dragon": "0.18.0",
+    "@lexical/hashtag": "0.18.0",
+    "@lexical/history": "0.18.0",
+    "@lexical/link": "0.18.0",
+    "@lexical/list": "0.18.0",
+    "@lexical/mark": "0.18.0",
+    "@lexical/markdown": "0.18.0",
+    "@lexical/overflow": "0.18.0",
+    "@lexical/plain-text": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/table": "0.18.0",
+    "@lexical/text": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "@lexical/yjs": "0.18.0",
+    "lexical": "0.18.0",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index 39175860776..0bd956b2dff 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -7,7 +7,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalRichText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/clipboard": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index 22a8f87cdfc..a08d821efa5 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -9,7 +9,7 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalSelection.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index fb990dbe15c..3e64fd93dbb 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalTable.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/clipboard": "0.17.1",
-    "@lexical/utils": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/clipboard": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index dbf68a9dba5..9def319d3ed 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -9,7 +9,7 @@
     "text"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalText.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   }
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index 0ac4aec507c..a228ad0b27b 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -8,14 +8,14 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalUtils.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/list": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "@lexical/table": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/list": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/table": "0.18.0",
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index daa79715a9b..002e91eebd1 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lexical/website",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index 4b861b7c8fd..71f38a78c1c 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -11,13 +11,13 @@
     "crdt"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "LexicalYjs.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/offset": "0.17.1",
-    "@lexical/selection": "0.17.1",
-    "lexical": "0.17.1"
+    "@lexical/offset": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "lexical": "0.18.0"
   },
   "peerDependencies": {
     "yjs": ">=13.5.22"
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index 7096a3b74ae..198583a9818 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -9,7 +9,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "Lexical.js",
   "types": "index.d.ts",
   "repository": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 8fe88be6fb0..951ee6f8f9e 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -8,9 +8,9 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "dependencies": {
-    "lexical": "0.17.1"
+    "lexical": "0.18.0"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index c278cecc2f4..dddf28e1d62 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lexical-esm-astro-react",
   "type": "module",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,12 +13,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
-    "@lexical/react": "0.17.1",
-    "@lexical/utils": "0.17.1",
+    "@lexical/react": "0.18.0",
+    "@lexical/utils": "0.18.0",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "astro": "^4.5.4",
-    "lexical": "0.17.1",
+    "lexical": "0.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.4.2"
@@ -26,5 +26,6 @@
   "devDependencies": {
     "@playwright/test": "^1.43.1"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "exports": {}
 }
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
index b419263b0c5..94e51d28b20 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-esm-nextjs",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,9 +9,9 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@lexical/plain-text": "0.17.1",
-    "@lexical/react": "0.17.1",
-    "lexical": "0.17.1",
+    "@lexical/plain-text": "0.18.0",
+    "@lexical/react": "0.18.0",
+    "lexical": "0.18.0",
     "next": "^14.2.1",
     "react": "^18",
     "react-dom": "^18"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
index a71328e797f..db051a94a3e 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-sveltekit-vanilla-js",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "private": true,
   "scripts": {
     "dev": "vite dev",
@@ -9,17 +9,17 @@
     "test": "playwright test"
   },
   "devDependencies": {
-    "@lexical/dragon": "0.17.1",
-    "@lexical/history": "0.17.1",
-    "@lexical/rich-text": "0.17.1",
-    "@lexical/utils": "0.17.1",
+    "@lexical/dragon": "0.18.0",
+    "@lexical/history": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/utils": "0.18.0",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "lexical": "0.17.1",
+    "lexical": "0.18.0",
     "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.19",
diff --git a/scripts/error-codes/codes.json b/scripts/error-codes/codes.json
index 0d5ae282bf6..92a650456c6 100644
--- a/scripts/error-codes/codes.json
+++ b/scripts/error-codes/codes.json
@@ -198,5 +198,16 @@
   "196": "Unable to find an active editor. This method can only be used synchronously during the callback of editor.update() or editor.read().%s",
   "197": "$cloneWithProperties: %s.clone(node) (with type '%s') overrided afterCloneFrom but did not call super.afterCloneFrom(prevNode)",
   "198": "Attempted to remove event handlers from a node that does not belong to this build of Lexical",
-  "199": "Indent value must be non-negative."
+  "199": "Indent value must be non-negative.",
+  "200": "$applyNodeReplacement node %s with type %s must be registered to the editor. You can do this by passing the node class via the \"nodes\" array in the editor config.",
+  "201": "$applyNodeReplacement failed. Expected replacement node to be an instance of %s with type %s but returned %s with type %s from original node %s with type %s",
+  "202": "$applyNodeReplacement failed. Ensure replacement node %s with type %s is a subclass of the original node %s with type %s.",
+  "203": "$applyNodeReplacement failed. Ensure that the key argument is *not* used in your replace function (from node %s with type %s to node %s with type %s), Node keys must never be re-used except by the static clone method.",
+  "204": "node is not a OverflowNode",
+  "205": "tableElement already has an attached TableObserver",
+  "206": "Expected TableNode childAtIndex(%s) to be RowNode",
+  "207": "Anchor not found in Table",
+  "208": "Focus not found in Table",
+  "209": "Expected TableNode children to be TableRowNode",
+  "210": "Expected TableRowNode to have a parent TableNode"
 }

From d83bde36467e26393f78de1acc602469c58ad729 Mon Sep 17 00:00:00 2001
From: Maksim Horbachevsky <fantactuka@gmail.com>
Date: Fri, 27 Sep 2024 15:40:39 -0400
Subject: [PATCH 032/133] Support backward selection in rows deletion (#6680)

---
 packages/lexical-table/src/LexicalTableUtils.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-table/src/LexicalTableUtils.ts b/packages/lexical-table/src/LexicalTableUtils.ts
index c674c4a8b88..7a4aa7534ea 100644
--- a/packages/lexical-table/src/LexicalTableUtils.ts
+++ b/packages/lexical-table/src/LexicalTableUtils.ts
@@ -510,8 +510,9 @@ export function $deleteTableRow__EXPERIMENTAL(): void {
     $isRangeSelection(selection) || $isTableSelection(selection),
     'Expected a RangeSelection or TableSelection',
   );
-  const anchor = selection.anchor.getNode();
-  const focus = selection.focus.getNode();
+  const [anchor, focus] = selection.isBackward()
+    ? [selection.focus.getNode(), selection.anchor.getNode()]
+    : [selection.anchor.getNode(), selection.focus.getNode()];
   const [anchorCell, , grid] = $getNodeTriplet(anchor);
   const [focusCell] = $getNodeTriplet(focus);
   const [gridMap, anchorCellMap, focusCellMap] = $computeTableMap(

From 304ede6fe06c4dfbdd82edbd9a90a2289a142826 Mon Sep 17 00:00:00 2001
From: Katsia <47710336+KatsiarynaDzibrova@users.noreply.github.com>
Date: Sat, 28 Sep 2024 00:12:33 +0100
Subject: [PATCH 033/133] [lexical-table][lexical-playground] Bug Fix: Make
 style buttons in toolbar respect table selection (#6678)

Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
---
 .../src/plugins/ToolbarPlugin/index.tsx       | 17 +++++++------
 .../src/LexicalTableSelection.ts              | 25 +++++++++++++++++++
 2 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx b/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
index b32d841c7ec..7ce9abbdbcc 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
@@ -578,14 +578,6 @@ export default function ToolbarPlugin({
       const elementKey = element.getKey();
       const elementDOM = activeEditor.getElementByKey(elementKey);
 
-      // Update text format
-      setIsBold(selection.hasFormat('bold'));
-      setIsItalic(selection.hasFormat('italic'));
-      setIsUnderline(selection.hasFormat('underline'));
-      setIsStrikethrough(selection.hasFormat('strikethrough'));
-      setIsSubscript(selection.hasFormat('subscript'));
-      setIsSuperscript(selection.hasFormat('superscript'));
-      setIsCode(selection.hasFormat('code'));
       setIsRTL($isParentElementRTL(selection));
 
       // Update links
@@ -665,6 +657,15 @@ export default function ToolbarPlugin({
       );
     }
     if ($isRangeSelection(selection) || $isTableSelection(selection)) {
+      // Update text format
+      setIsBold(selection.hasFormat('bold'));
+      setIsItalic(selection.hasFormat('italic'));
+      setIsUnderline(selection.hasFormat('underline'));
+      setIsStrikethrough(selection.hasFormat('strikethrough'));
+      setIsSubscript(selection.hasFormat('subscript'));
+      setIsSuperscript(selection.hasFormat('superscript'));
+      setIsCode(selection.hasFormat('code'));
+
       setFontSize(
         $getSelectionStyleValueForProperty(selection, 'font-size', '15px'),
       );
diff --git a/packages/lexical-table/src/LexicalTableSelection.ts b/packages/lexical-table/src/LexicalTableSelection.ts
index acb80d2a20d..03c8543cb73 100644
--- a/packages/lexical-table/src/LexicalTableSelection.ts
+++ b/packages/lexical-table/src/LexicalTableSelection.ts
@@ -11,12 +11,15 @@ import {
   $createPoint,
   $getNodeByKey,
   $isElementNode,
+  $isParagraphNode,
   $normalizeSelection__EXPERIMENTAL,
   BaseSelection,
   isCurrentlyReadOnlyMode,
   LexicalNode,
   NodeKey,
   PointType,
+  TEXT_TYPE_TO_FORMAT,
+  TextFormatType,
 } from 'lexical';
 import invariant from 'shared/invariant';
 
@@ -116,6 +119,28 @@ export class TableSelection implements BaseSelection {
     // Do nothing?
   }
 
+  /**
+   * Returns whether the provided TextFormatType is present on the Selection.
+   * This will be true if any paragraph in table cells has the specified format.
+   *
+   * @param type the TextFormatType to check for.
+   * @returns true if the provided format is currently toggled on on the Selection, false otherwise.
+   */
+  hasFormat(type: TextFormatType): boolean {
+    let format = 0;
+
+    const cellNodes = this.getNodes().filter($isTableCellNode);
+    cellNodes.forEach((cellNode: TableCellNode) => {
+      const paragraph = cellNode.getFirstChild();
+      if ($isParagraphNode(paragraph)) {
+        format |= paragraph.getTextFormat();
+      }
+    });
+
+    const formatFlag = TEXT_TYPE_TO_FORMAT[type];
+    return (format & formatFlag) !== 0;
+  }
+
   insertNodes(nodes: Array<LexicalNode>) {
     const focusNode = this.focus.getNode();
     invariant(

From a5fad08481d411488dc9f6efc99a81ed09f4b1d6 Mon Sep 17 00:00:00 2001
From: Katsia <47710336+KatsiarynaDzibrova@users.noreply.github.com>
Date: Sun, 29 Sep 2024 17:30:48 +0100
Subject: [PATCH 034/133] [lexical] Bug Fix: Fix Table formatting when no
 TextNodes present (#6675)

Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
---
 .../__tests__/e2e/Tables.spec.mjs             | 199 ++++++++++++++++++
 packages/lexical/src/LexicalSelection.ts      |  16 +-
 2 files changed, 209 insertions(+), 6 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 0624d80d30f..fa5d8574235 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -1026,6 +1026,205 @@ test.describe.parallel('Tables', () => {
     },
   );
 
+  test(`Can style on empty table cells and paragraphs with no text`, async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    await initialize({isCollab, page});
+    test.skip(isPlainText);
+
+    await focusEditor(page);
+    await insertTable(page, 2, 3);
+    await selectAll(page);
+
+    // Apply style on empty table
+    await clickSelectors(page, ['.bold']);
+
+    // Add text after applying styles
+    await click(page, 'div[contenteditable="true"] p:first-of-type');
+    await page.keyboard.type('abc');
+
+    await click(page, 'th p:first-of-type');
+    await fillTablePartiallyWithText(page);
+
+    // Check that the character styles are applied.
+    await assertHTML(
+      page,
+      html`
+        <p dir="ltr"><strong data-lexical-text="true">abc</strong></p>
+        <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">a</strong></p>
+            </th>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">bb</strong></p>
+            </th>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">cc</strong></p>
+            </th>
+          </tr>
+          <tr>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">d</strong></p>
+            </th>
+            <td>
+              <p dir="ltr"><strong data-lexical-text="true">e</strong></p>
+            </td>
+            <td>
+              <p dir="ltr"><strong data-lexical-text="true">f</strong></p>
+            </td>
+          </tr>
+        </table>
+        <p><br /></p>
+      `,
+      html`
+        <p dir="ltr"><strong data-lexical-text="true">abc</strong></p>
+        <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">a</strong></p>
+            </th>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">bb</strong></p>
+            </th>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">cc</strong></p>
+            </th>
+          </tr>
+          <tr>
+            <th>
+              <p dir="ltr"><strong data-lexical-text="true">d</strong></p>
+            </th>
+            <td>
+              <p dir="ltr"><strong data-lexical-text="true">e</strong></p>
+            </td>
+            <td>
+              <p dir="ltr"><strong data-lexical-text="true">f</strong></p>
+            </td>
+          </tr>
+        </table>
+        <p><br /></p>
+      `,
+      {ignoreClasses: true},
+    );
+  });
+
+  test(`Align selection style for table cells`, async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    await initialize({isCollab, page});
+    test.skip(isPlainText);
+
+    await focusEditor(page);
+    await insertTable(page, 2, 3);
+
+    // Add text in bold to first cell
+    await click(page, 'th p:first-of-type');
+    await page.keyboard.type('a');
+    await page.keyboard.down('Shift');
+    await page.keyboard.press('ArrowLeft');
+    await page.keyboard.up('Shift');
+    await clickSelectors(page, ['.bold']);
+
+    // Apply bold style to whole table
+    // Bold style shouldn't be applied to any paragraphs and removed from all cells
+    await selectAll(page);
+    await clickSelectors(page, ['.bold']);
+
+    // Add text after applying styles
+    await click(page, 'div[contenteditable="true"] p:first-of-type');
+    await page.keyboard.type('abc');
+
+    await click(page, 'th p:first-of-type');
+    await fillTablePartiallyWithText(page);
+
+    // None of the paragraphs have style applied
+    await assertHTML(
+      page,
+      html`
+        <p dir="ltr"><span data-lexical-text="true">abc</span></p>
+        <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th>
+              <p dir="ltr"><span data-lexical-text="true">aa</span></p>
+            </th>
+            <th>
+              <p><span data-lexical-text="true">bb</span></p>
+            </th>
+            <th>
+              <p><span data-lexical-text="true">cc</span></p>
+            </th>
+          </tr>
+          <tr>
+            <th>
+              <p><span data-lexical-text="true">d</span></p>
+            </th>
+            <td>
+              <p><span data-lexical-text="true">e</span></p>
+            </td>
+            <td>
+              <p><span data-lexical-text="true">f</span></p>
+            </td>
+          </tr>
+        </table>
+        <p><br /></p>
+      `,
+      html`
+        <p dir="ltr"><span data-lexical-text="true">abc</span></p>
+        <table>
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th>
+              <p dir="ltr"><span data-lexical-text="true">aa</span></p>
+            </th>
+            <th>
+              <p><span data-lexical-text="true">bb</span></p>
+            </th>
+            <th>
+              <p><span data-lexical-text="true">cc</span></p>
+            </th>
+          </tr>
+          <tr>
+            <th>
+              <p><span data-lexical-text="true">d</span></p>
+            </th>
+            <td>
+              <p><span data-lexical-text="true">e</span></p>
+            </td>
+            <td>
+              <p><span data-lexical-text="true">f</span></p>
+            </td>
+          </tr>
+        </table>
+        <p><br /></p>
+      `,
+      {ignoreClasses: true},
+    );
+  });
+
   test(
     `Can copy + paste (internal) using Table selection`,
     {
diff --git a/packages/lexical/src/LexicalSelection.ts b/packages/lexical/src/LexicalSelection.ts
index 3a4e9ac0456..423a11cdf98 100644
--- a/packages/lexical/src/LexicalSelection.ts
+++ b/packages/lexical/src/LexicalSelection.ts
@@ -1194,12 +1194,21 @@ export class RangeSelection implements BaseSelection {
         selectedTextNodes.push(selectedNode);
       }
     }
+    const applyFormatToParagraphs = (alignWith: number | null) => {
+      selectedNodes.forEach((node) => {
+        if ($isParagraphNode(node)) {
+          const newFormat = node.getFormatFlags(formatType, alignWith);
+          node.setTextFormat(newFormat);
+        }
+      });
+    };
 
     const selectedTextNodesLength = selectedTextNodes.length;
     if (selectedTextNodesLength === 0) {
       this.toggleFormat(formatType);
       // When changing format, we should stop composition
       $setCompositionKey(null);
+      applyFormatToParagraphs(alignWithFormat);
       return;
     }
 
@@ -1231,12 +1240,7 @@ export class RangeSelection implements BaseSelection {
       formatType,
       alignWithFormat,
     );
-    selectedNodes.forEach((node) => {
-      if ($isParagraphNode(node)) {
-        const newFormat = node.getFormatFlags(formatType, firstNextFormat);
-        node.setTextFormat(newFormat);
-      }
-    });
+    applyFormatToParagraphs(firstNextFormat);
 
     const lastIndex = selectedTextNodesLength - 1;
     let lastNode = selectedTextNodes[lastIndex];

From fd44490ca00e3129801534249e72d1b1e3ceec96 Mon Sep 17 00:00:00 2001
From: Vadim Nicolaev <vadim.vicolaev.v@gmail.com>
Date: Mon, 30 Sep 2024 18:33:05 +0300
Subject: [PATCH 035/133] [lexical-yjs] Bug Fix: Add missing setLocalStateField
 method to ProviderAwareness type (#6683)

---
 .../src/__tests__/unit/LexicalCollaborationPlugin.test.tsx    | 1 +
 packages/lexical-react/src/__tests__/unit/utils.tsx           | 4 ++++
 packages/lexical-yjs/src/index.ts                             | 1 +
 3 files changed, 6 insertions(+)

diff --git a/packages/lexical-react/src/__tests__/unit/LexicalCollaborationPlugin.test.tsx b/packages/lexical-react/src/__tests__/unit/LexicalCollaborationPlugin.test.tsx
index 11c02ab3bd2..40a292028b6 100644
--- a/packages/lexical-react/src/__tests__/unit/LexicalCollaborationPlugin.test.tsx
+++ b/packages/lexical-react/src/__tests__/unit/LexicalCollaborationPlugin.test.tsx
@@ -53,6 +53,7 @@ describe(`LexicalCollaborationPlugin`, () => {
             off: () => {},
             on: () => {},
             setLocalState: () => {},
+            setLocalStateField: () => {},
           },
           connect: () => {},
           disconnect: () => {},
diff --git a/packages/lexical-react/src/__tests__/unit/utils.tsx b/packages/lexical-react/src/__tests__/unit/utils.tsx
index 36b591e1988..66dbfa75084 100644
--- a/packages/lexical-react/src/__tests__/unit/utils.tsx
+++ b/packages/lexical-react/src/__tests__/unit/utils.tsx
@@ -82,6 +82,7 @@ export class Client implements Provider {
     off(): void;
     on(): void;
     setLocalState: (state: UserState) => void;
+    setLocalStateField: (field: string, value: unknown) => void;
   };
 
   constructor(id: Client['_id'], connection: Client['_connection']) {
@@ -105,6 +106,9 @@ export class Client implements Provider {
       setLocalState: (state) => {
         this._awarenessState = state;
       },
+      setLocalStateField: (field: string, value: unknown) => {
+        // TODO
+      },
     };
   }
 
diff --git a/packages/lexical-yjs/src/index.ts b/packages/lexical-yjs/src/index.ts
index 248e344268b..c06a6f06cb6 100644
--- a/packages/lexical-yjs/src/index.ts
+++ b/packages/lexical-yjs/src/index.ts
@@ -32,6 +32,7 @@ export type ProviderAwareness = {
   off: (type: 'update', cb: () => void) => void;
   on: (type: 'update', cb: () => void) => void;
   setLocalState: (arg0: UserState) => void;
+  setLocalStateField: (field: string, value: unknown) => void;
 };
 declare interface Provider {
   awareness: ProviderAwareness;

From ecb70aca6410aa5e8d3265f5ec24b23cb1039ab8 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Wed, 2 Oct 2024 03:12:24 -0700
Subject: [PATCH 036/133] [lexical] Bug Fix: TextNode in token mode should not
 be split by removeText (#6690)

---
 packages/lexical/src/LexicalSelection.ts      |  11 +
 .../__tests__/unit/LexicalSelection.test.ts   | 289 ++++++++++++++++++
 2 files changed, 300 insertions(+)

diff --git a/packages/lexical/src/LexicalSelection.ts b/packages/lexical/src/LexicalSelection.ts
index 423a11cdf98..8f851d4cfa4 100644
--- a/packages/lexical/src/LexicalSelection.ts
+++ b/packages/lexical/src/LexicalSelection.ts
@@ -1117,6 +1117,17 @@ export class RangeSelection implements BaseSelection {
     let lastNode = lastPoint.getNode();
     const firstBlock = $getAncestor(firstNode, INTERNAL_$isBlock);
     const lastBlock = $getAncestor(lastNode, INTERNAL_$isBlock);
+    // If a token is partially selected then move the selection to cover the whole selection
+    if (
+      $isTextNode(firstNode) &&
+      firstNode.isToken() &&
+      firstPoint.offset < firstNode.getTextContentSize()
+    ) {
+      firstPoint.offset = 0;
+    }
+    if (lastPoint.offset > 0 && $isTextNode(lastNode) && lastNode.isToken()) {
+      lastPoint.offset = lastNode.getTextContentSize();
+    }
 
     selectedNodes.forEach((node) => {
       if (
diff --git a/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts b/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts
index 66963d52cf0..87b20b797b3 100644
--- a/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts
+++ b/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts
@@ -344,6 +344,295 @@ describe('LexicalSelection tests', () => {
       });
     });
     describe('removeText', () => {
+      describe('with a leading TextNode and a trailing token TextNode', () => {
+        let leadingText: TextNode;
+        let trailingTokenText: TextNode;
+        let paragraph: ParagraphNode;
+        beforeEach(() => {
+          testEnv.editor.update(
+            () => {
+              leadingText = $createTextNode('leading text');
+              trailingTokenText =
+                $createTextNode('token text').setMode('token');
+              paragraph = $createParagraphNode().append(
+                leadingText,
+                trailingTokenText,
+              );
+              $getRoot().clear().append(paragraph);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove all text', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(leadingText.getKey(), 0, 'text');
+              sel.focus.set(
+                trailingTokenText.getKey(),
+                trailingTokenText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingText.isAttached()).toBe(false);
+              expect(trailingTokenText.isAttached()).toBe(false);
+              expect($getRoot().getAllTextNodes()).toHaveLength(0);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(paragraph.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove initial TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(leadingText.getKey(), 0, 'text');
+              sel.focus.set(
+                leadingText.getKey(),
+                leadingText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingText.isAttached()).toBe(false);
+              expect(trailingTokenText.isAttached()).toBe(true);
+              expect($getRoot().getAllTextNodes()).toHaveLength(1);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(trailingTokenText.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove trailing token TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(trailingTokenText.getKey(), 0, 'text');
+              sel.focus.set(
+                trailingTokenText.getKey(),
+                trailingTokenText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingText.isAttached()).toBe(true);
+              expect(trailingTokenText.isAttached()).toBe(false);
+              expect($getRoot().getAllTextNodes()).toHaveLength(1);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(leadingText.getKey());
+              expect(selection.anchor.offset).toBe(
+                leadingText.getTextContentSize(),
+              );
+            },
+            {discrete: true},
+          );
+        });
+        test('remove initial TextNode and partial token TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(leadingText.getKey(), 0, 'text');
+              sel.focus.set(
+                trailingTokenText.getKey(),
+                'token '.length,
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingText.isAttached()).toBe(false);
+              // expecting no node since it was token
+              expect(trailingTokenText.isAttached()).toBe(false);
+              const allTextNodes = $getRoot().getAllTextNodes();
+              expect(allTextNodes).toHaveLength(0);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(paragraph.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove partial initial TextNode and partial token TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(leadingText.getKey(), 'lead'.length, 'text');
+              sel.focus.set(
+                trailingTokenText.getKey(),
+                'token '.length,
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingText.isAttached()).toBe(true);
+              expect(trailingTokenText.isAttached()).toBe(false);
+              const allTextNodes = $getRoot().getAllTextNodes();
+              // The token node will be completely removed
+              expect(allTextNodes.map((node) => node.getTextContent())).toEqual(
+                ['lead'],
+              );
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(leadingText.getKey());
+              expect(selection.anchor.offset).toBe('lead'.length);
+            },
+            {discrete: true},
+          );
+        });
+      });
+      describe('with a leading token TextNode and a trailing TextNode', () => {
+        let leadingTokenText: TextNode;
+        let trailingText: TextNode;
+        let paragraph: ParagraphNode;
+        beforeEach(() => {
+          testEnv.editor.update(
+            () => {
+              leadingTokenText = $createTextNode('token text').setMode('token');
+              trailingText = $createTextNode('trailing text');
+              paragraph = $createParagraphNode().append(
+                leadingTokenText,
+                trailingText,
+              );
+              $getRoot().clear().append(paragraph);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove all text', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(leadingTokenText.getKey(), 0, 'text');
+              sel.focus.set(
+                trailingText.getKey(),
+                trailingText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingTokenText.isAttached()).toBe(false);
+              expect(trailingText.isAttached()).toBe(false);
+              expect($getRoot().getAllTextNodes()).toHaveLength(0);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(paragraph.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove trailing TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(trailingText.getKey(), 0, 'text');
+              sel.focus.set(
+                trailingText.getKey(),
+                trailingText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingTokenText.isAttached()).toBe(true);
+              expect(trailingText.isAttached()).toBe(false);
+              expect($getRoot().getAllTextNodes()).toHaveLength(1);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(leadingTokenText.getKey());
+              expect(selection.anchor.offset).toBe(
+                leadingTokenText.getTextContentSize(),
+              );
+            },
+            {discrete: true},
+          );
+        });
+        test('remove leading token TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(leadingTokenText.getKey(), 0, 'text');
+              sel.focus.set(
+                leadingTokenText.getKey(),
+                leadingTokenText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingTokenText.isAttached()).toBe(false);
+              expect(trailingText.isAttached()).toBe(true);
+              expect($getRoot().getAllTextNodes()).toHaveLength(1);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(trailingText.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove partial leading token TextNode and trailing TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(
+                leadingTokenText.getKey(),
+                'token '.length,
+                'text',
+              );
+              sel.focus.set(
+                trailingText.getKey(),
+                trailingText.getTextContentSize(),
+                'text',
+              );
+              $setSelection(sel);
+              sel.removeText();
+              expect(trailingText.isAttached()).toBe(false);
+              // expecting no node since it was token
+              expect(leadingTokenText.isAttached()).toBe(false);
+              const allTextNodes = $getRoot().getAllTextNodes();
+              expect(allTextNodes).toHaveLength(0);
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(paragraph.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+        test('remove partial token TextNode and partial trailing TextNode', () => {
+          testEnv.editor.update(
+            () => {
+              const sel = $createRangeSelection();
+              sel.anchor.set(
+                leadingTokenText.getKey(),
+                'token '.length,
+                'text',
+              );
+              sel.focus.set(trailingText.getKey(), 'trail'.length, 'text');
+              $setSelection(sel);
+              sel.removeText();
+              expect(leadingTokenText.isAttached()).toBe(false);
+              expect(trailingText.isAttached()).toBe(true);
+              const allTextNodes = $getRoot().getAllTextNodes();
+              // The token node will be completely removed
+              expect(allTextNodes.map((node) => node.getTextContent())).toEqual(
+                ['ing text'],
+              );
+              const selection = $assertRangeSelection($getSelection());
+              expect(selection.isCollapsed()).toBe(true);
+              expect(selection.anchor.key).toBe(trailingText.getKey());
+              expect(selection.anchor.offset).toBe(0);
+            },
+            {discrete: true},
+          );
+        });
+      });
       describe('with a leading TextNode and a trailing segmented TextNode', () => {
         let leadingText: TextNode;
         let trailingSegmentedText: TextNode;

From ffcbab790f6a5e9ea7da42eafa6fd1786485130c Mon Sep 17 00:00:00 2001
From: Neysan Foo <neysanfoo@gmail.com>
Date: Thu, 3 Oct 2024 03:51:45 +0800
Subject: [PATCH 037/133] [lexical-playground] 3 Bug Fixes, 1 UX Improvement:
 All Regarding Excalidraw Node (#6666)

Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
---
 .../ExcalidrawNode/ExcalidrawComponent.tsx    | 18 +++-
 .../src/nodes/ExcalidrawNode/index.tsx        |  1 -
 .../src/plugins/ExcalidrawPlugin/index.ts     | 55 -----------
 .../src/plugins/ExcalidrawPlugin/index.tsx    | 96 +++++++++++++++++++
 .../ExcalidrawNode => ui}/ExcalidrawModal.css |  0
 .../ExcalidrawNode => ui}/ExcalidrawModal.tsx | 12 +--
 6 files changed, 114 insertions(+), 68 deletions(-)
 delete mode 100644 packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.ts
 create mode 100644 packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.tsx
 rename packages/lexical-playground/src/{nodes/ExcalidrawNode => ui}/ExcalidrawModal.css (100%)
 rename packages/lexical-playground/src/{nodes/ExcalidrawNode => ui}/ExcalidrawModal.tsx (95%)

diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
index fcf2186ee19..becee621de9 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
@@ -6,7 +6,7 @@
  *
  */
 
-import type {ExcalidrawInitialElements} from './ExcalidrawModal';
+import type {ExcalidrawInitialElements} from '../../ui/ExcalidrawModal';
 import type {NodeKey} from 'lexical';
 
 import {AppState, BinaryFiles} from '@excalidraw/excalidraw/types/types';
@@ -23,10 +23,10 @@ import {
 import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import * as React from 'react';
 
+import ExcalidrawModal from '../../ui/ExcalidrawModal';
 import ImageResizer from '../../ui/ImageResizer';
 import {$isExcalidrawNode} from '.';
 import ExcalidrawImage from './ExcalidrawImage';
-import ExcalidrawModal from './ExcalidrawModal';
 
 export default function ExcalidrawComponent({
   nodeKey,
@@ -195,6 +195,18 @@ export default function ExcalidrawComponent({
     return [nodeWidth, nodeHeight];
   }, [editor, nodeKey]);
 
+  const closeModal = useCallback(() => {
+    setModalOpen(false);
+    if (elements.length === 0) {
+      editor.update(() => {
+        const node = $getNodeByKey(nodeKey);
+        if (node) {
+          node.remove();
+        }
+      });
+    }
+  }, [editor, nodeKey, elements.length]);
+
   return (
     <>
       <ExcalidrawModal
@@ -203,7 +215,7 @@ export default function ExcalidrawComponent({
         initialAppState={appState}
         isShown={isModalOpen}
         onDelete={deleteNode}
-        onClose={() => setModalOpen(false)}
+        onClose={closeModal}
         onSave={(els, aps, fls) => {
           editor.setEditable(true);
           setData(els, aps, fls);
diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
index 606cea0d7e8..6299d1d32c1 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
@@ -84,7 +84,6 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
 
   exportJSON(): SerializedExcalidrawNode {
     return {
-      ...super.exportJSON(),
       data: this.__data,
       height: this.__height === 'inherit' ? undefined : this.__height,
       type: 'excalidraw',
diff --git a/packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.ts b/packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.ts
deleted file mode 100644
index 0746bd14dca..00000000000
--- a/packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
-import {$wrapNodeInElement} from '@lexical/utils';
-import {
-  $createParagraphNode,
-  $insertNodes,
-  $isRootOrShadowRoot,
-  COMMAND_PRIORITY_EDITOR,
-  createCommand,
-  LexicalCommand,
-} from 'lexical';
-import {useEffect} from 'react';
-
-import {
-  $createExcalidrawNode,
-  ExcalidrawNode,
-} from '../../nodes/ExcalidrawNode';
-
-export const INSERT_EXCALIDRAW_COMMAND: LexicalCommand<void> = createCommand(
-  'INSERT_EXCALIDRAW_COMMAND',
-);
-
-export default function ExcalidrawPlugin(): null {
-  const [editor] = useLexicalComposerContext();
-  useEffect(() => {
-    if (!editor.hasNodes([ExcalidrawNode])) {
-      throw new Error(
-        'ExcalidrawPlugin: ExcalidrawNode not registered on editor',
-      );
-    }
-
-    return editor.registerCommand(
-      INSERT_EXCALIDRAW_COMMAND,
-      () => {
-        const excalidrawNode = $createExcalidrawNode();
-
-        $insertNodes([excalidrawNode]);
-        if ($isRootOrShadowRoot(excalidrawNode.getParentOrThrow())) {
-          $wrapNodeInElement(excalidrawNode, $createParagraphNode).selectEnd();
-        }
-
-        return true;
-      },
-      COMMAND_PRIORITY_EDITOR,
-    );
-  }, [editor]);
-
-  return null;
-}
diff --git a/packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.tsx b/packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.tsx
new file mode 100644
index 00000000000..4bcc00c4b8f
--- /dev/null
+++ b/packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.tsx
@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type {ExcalidrawInitialElements} from '../../ui/ExcalidrawModal';
+import type {AppState, BinaryFiles} from '@excalidraw/excalidraw/types/types';
+
+import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {$wrapNodeInElement} from '@lexical/utils';
+import {
+  $createParagraphNode,
+  $insertNodes,
+  $isRootOrShadowRoot,
+  COMMAND_PRIORITY_EDITOR,
+  createCommand,
+  LexicalCommand,
+} from 'lexical';
+import {useEffect, useState} from 'react';
+
+import {
+  $createExcalidrawNode,
+  ExcalidrawNode,
+} from '../../nodes/ExcalidrawNode';
+import ExcalidrawModal from '../../ui/ExcalidrawModal';
+
+export const INSERT_EXCALIDRAW_COMMAND: LexicalCommand<void> = createCommand(
+  'INSERT_EXCALIDRAW_COMMAND',
+);
+
+export default function ExcalidrawPlugin(): JSX.Element | null {
+  const [editor] = useLexicalComposerContext();
+  const [isModalOpen, setModalOpen] = useState<boolean>(false);
+
+  useEffect(() => {
+    if (!editor.hasNodes([ExcalidrawNode])) {
+      throw new Error(
+        'ExcalidrawPlugin: ExcalidrawNode not registered on editor',
+      );
+    }
+
+    return editor.registerCommand(
+      INSERT_EXCALIDRAW_COMMAND,
+      () => {
+        setModalOpen(true);
+        return true;
+      },
+      COMMAND_PRIORITY_EDITOR,
+    );
+  }, [editor]);
+
+  const onClose = () => {
+    setModalOpen(false);
+  };
+
+  const onDelete = () => {
+    setModalOpen(false);
+  };
+
+  const onSave = (
+    elements: ExcalidrawInitialElements,
+    appState: Partial<AppState>,
+    files: BinaryFiles,
+  ) => {
+    editor.update(() => {
+      const excalidrawNode = $createExcalidrawNode();
+      excalidrawNode.setData(
+        JSON.stringify({
+          appState,
+          elements,
+          files,
+        }),
+      );
+      $insertNodes([excalidrawNode]);
+      if ($isRootOrShadowRoot(excalidrawNode.getParentOrThrow())) {
+        $wrapNodeInElement(excalidrawNode, $createParagraphNode).selectEnd();
+      }
+    });
+    setModalOpen(false);
+  };
+
+  return isModalOpen ? (
+    <ExcalidrawModal
+      initialElements={[]}
+      initialAppState={{} as AppState}
+      initialFiles={{}}
+      isShown={isModalOpen}
+      onDelete={onDelete}
+      onClose={onClose}
+      onSave={onSave}
+      closeOnClickOutside={false}
+    />
+  ) : null;
+}
diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawModal.css b/packages/lexical-playground/src/ui/ExcalidrawModal.css
similarity index 100%
rename from packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawModal.css
rename to packages/lexical-playground/src/ui/ExcalidrawModal.css
diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawModal.tsx b/packages/lexical-playground/src/ui/ExcalidrawModal.tsx
similarity index 95%
rename from packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawModal.tsx
rename to packages/lexical-playground/src/ui/ExcalidrawModal.tsx
index af46993ee06..8b3c3939ca0 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawModal.tsx
+++ b/packages/lexical-playground/src/ui/ExcalidrawModal.tsx
@@ -19,8 +19,8 @@ import * as React from 'react';
 import {ReactPortal, useEffect, useLayoutEffect, useRef, useState} from 'react';
 import {createPortal} from 'react-dom';
 
-import Button from '../../ui/Button';
-import Modal from '../../ui/Modal';
+import Button from './Button';
+import Modal from './Modal';
 
 export type ExcalidrawInitialElements = ExcalidrawInitialDataState['elements'];
 
@@ -171,13 +171,7 @@ export default function ExcalidrawModal({
   };
 
   const discard = () => {
-    if (elements && elements.filter((el) => !el.isDeleted).length === 0) {
-      // delete node if the scene is clear
-      onDelete();
-    } else {
-      //Otherwise, show confirmation dialog before closing
-      setDiscardModalOpen(true);
-    }
+    setDiscardModalOpen(true);
   };
 
   function ShowDiscardDialog(): JSX.Element {

From 9fcd14a17d762f563e4aa9759df52c108667bfe9 Mon Sep 17 00:00:00 2001
From: Riley Pearce <54197972+rilrom@users.noreply.github.com>
Date: Fri, 4 Oct 2024 06:37:26 +0930
Subject: [PATCH 038/133] [lexical-playground] Bug Fix: toolbar font size input
 keyboard accessibility (#6695)

---
 .../src/plugins/ToolbarPlugin/fontSize.tsx                   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
index 877826d920d..5beeba2be2b 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
@@ -136,13 +136,16 @@ export default function FontSize({
   const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
     const inputValueNumber = Number(inputValue);
 
+    if (e.key === 'Tab') {
+      return;
+    }
     if (['e', 'E', '+', '-'].includes(e.key) || isNaN(inputValueNumber)) {
       e.preventDefault();
       setInputValue('');
       return;
     }
     setInputChangeFlag(true);
-    if (e.key === 'Enter' || e.key === 'Tab' || e.key === 'Escape') {
+    if (e.key === 'Enter' || e.key === 'Escape') {
       e.preventDefault();
 
       updateFontSizeByInputValue(inputValueNumber);

From 864a9aea1a438c49f475d0aa9d32ace6bee9d894 Mon Sep 17 00:00:00 2001
From: Neysan Foo <neysanfoo@gmail.com>
Date: Fri, 4 Oct 2024 05:28:08 +0800
Subject: [PATCH 039/133] [lexical-playground] Bug Fix: Track Resizing Actions
 for Excalidraw in History Stack (#6696)

---
 .../ExcalidrawNode/ExcalidrawComponent.tsx    | 23 +++++--------------
 .../src/nodes/ExcalidrawNode/index.tsx        |  7 +++++-
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
index becee621de9..646d0004a38 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
@@ -31,9 +31,13 @@ import ExcalidrawImage from './ExcalidrawImage';
 export default function ExcalidrawComponent({
   nodeKey,
   data,
+  width,
+  height,
 }: {
   data: string;
   nodeKey: NodeKey;
+  width: 'inherit' | number;
+  height: 'inherit' | number;
 }): JSX.Element {
   const [editor] = useLexicalComposerContext();
   const [isModalOpen, setModalOpen] = useState<boolean>(
@@ -180,21 +184,6 @@ export default function ExcalidrawComponent({
     appState = {},
   } = useMemo(() => JSON.parse(data), [data]);
 
-  const [initialWidth, initialHeight] = useMemo(() => {
-    let nodeWidth: 'inherit' | number = 'inherit';
-    let nodeHeight: 'inherit' | number = 'inherit';
-
-    editor.getEditorState().read(() => {
-      const node = $getNodeByKey(nodeKey);
-      if ($isExcalidrawNode(node)) {
-        nodeWidth = node.getWidth();
-        nodeHeight = node.getHeight();
-      }
-    });
-
-    return [nodeWidth, nodeHeight];
-  }, [editor, nodeKey]);
-
   const closeModal = useCallback(() => {
     setModalOpen(false);
     if (elements.length === 0) {
@@ -233,8 +222,8 @@ export default function ExcalidrawComponent({
             elements={elements}
             files={files}
             appState={appState}
-            width={initialWidth}
-            height={initialHeight}
+            width={width}
+            height={height}
           />
           {isSelected && (
             <div
diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
index 6299d1d32c1..71d0860f4b5 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/index.tsx
@@ -181,7 +181,12 @@ export class ExcalidrawNode extends DecoratorNode<JSX.Element> {
   decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {
     return (
       <Suspense fallback={null}>
-        <ExcalidrawComponent nodeKey={this.getKey()} data={this.__data} />
+        <ExcalidrawComponent
+          nodeKey={this.getKey()}
+          data={this.__data}
+          width={this.__width}
+          height={this.__height}
+        />
       </Suspense>
     );
   }

From 04fbcdb7bcd5b1ab69d1d9d2094b2f877708eff5 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Sat, 5 Oct 2024 12:26:36 -0700
Subject: [PATCH 040/133] [lexical] Bug Fix: Insertion into inline ElementNode
 should not crash (#6703)

---
 packages/lexical/src/LexicalSelection.ts      | 34 +++++++++----
 packages/lexical/src/LexicalUtils.ts          |  2 +-
 .../__tests__/unit/LexicalSelection.test.ts   | 48 +++++++++++++++++++
 3 files changed, 73 insertions(+), 11 deletions(-)

diff --git a/packages/lexical/src/LexicalSelection.ts b/packages/lexical/src/LexicalSelection.ts
index 8f851d4cfa4..e59cab5c83e 100644
--- a/packages/lexical/src/LexicalSelection.ts
+++ b/packages/lexical/src/LexicalSelection.ts
@@ -1334,7 +1334,7 @@ export class RangeSelection implements BaseSelection {
   /**
    * Attempts to "intelligently" insert an arbitrary list of Lexical nodes into the EditorState at the
    * current Selection according to a set of heuristics that determine how surrounding nodes
-   * should be changed, replaced, or moved to accomodate the incoming ones.
+   * should be changed, replaced, or moved to accommodate the incoming ones.
    *
    * @param nodes - the nodes to insert
    */
@@ -1353,12 +1353,13 @@ export class RangeSelection implements BaseSelection {
     }
 
     const firstPoint = this.isBackward() ? this.focus : this.anchor;
-    const firstBlock = $getAncestor(firstPoint.getNode(), INTERNAL_$isBlock)!;
+    const firstNode = firstPoint.getNode();
+    const firstBlock = $getAncestor(firstNode, INTERNAL_$isBlock);
 
     const last = nodes[nodes.length - 1]!;
 
     // CASE 1: insert inside a code block
-    if ('__language' in firstBlock && $isElementNode(firstBlock)) {
+    if ($isElementNode(firstBlock) && '__language' in firstBlock) {
       if ('__language' in nodes[0]) {
         this.insertText(nodes[0].getTextContent());
       } else {
@@ -1376,7 +1377,9 @@ export class RangeSelection implements BaseSelection {
     if (!nodes.some(notInline)) {
       invariant(
         $isElementNode(firstBlock),
-        "Expected 'firstBlock' to be an ElementNode",
+        'Expected node %s of type %s to have a block ElementNode ancestor',
+        firstNode.constructor.name,
+        firstNode.getType(),
       );
       const index = $removeTextAndSplitBlock(this);
       firstBlock.splice(index, 0, nodes);
@@ -1397,20 +1400,28 @@ export class RangeSelection implements BaseSelection {
 
     const shouldInsert = !$isElementNode(firstBlock) || !firstBlock.isEmpty();
     const insertedParagraph = shouldInsert ? this.insertParagraph() : null;
-    const lastToInsert = blocks[blocks.length - 1];
-    let firstToInsert = blocks[0];
+    const lastToInsert: LexicalNode | undefined = blocks[blocks.length - 1];
+    let firstToInsert: LexicalNode | undefined = blocks[0];
     if (isMergeable(firstToInsert)) {
       invariant(
         $isElementNode(firstBlock),
-        "Expected 'firstBlock' to be an ElementNode",
+        'Expected node %s of type %s to have a block ElementNode ancestor',
+        firstNode.constructor.name,
+        firstNode.getType(),
       );
       firstBlock.append(...firstToInsert.getChildren());
       firstToInsert = blocks[1];
     }
     if (firstToInsert) {
+      invariant(
+        firstBlock !== null,
+        'Expected node %s of type %s to have a block ancestor',
+        firstNode.constructor.name,
+        firstNode.getType(),
+      );
       insertRangeAfter(firstBlock, firstToInsert);
     }
-    const lastInsertedBlock = $getAncestor(nodeToSelect, INTERNAL_$isBlock)!;
+    const lastInsertedBlock = $getAncestor(nodeToSelect, INTERNAL_$isBlock);
 
     if (
       insertedParagraph &&
@@ -1448,8 +1459,11 @@ export class RangeSelection implements BaseSelection {
       return paragraph;
     }
     const index = $removeTextAndSplitBlock(this);
-    const block = $getAncestor(this.anchor.getNode(), INTERNAL_$isBlock)!;
-    invariant($isElementNode(block), 'Expected ancestor to be an ElementNode');
+    const block = $getAncestor(this.anchor.getNode(), INTERNAL_$isBlock);
+    invariant(
+      $isElementNode(block),
+      'Expected ancestor to be a block ElementNode',
+    );
     const firstToAppend = block.getChildAtIndex(index);
     const nodesToInsert = firstToAppend
       ? [firstToAppend, ...firstToAppend.getNextSiblings()]
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index bf7904d3b90..472703d63d5 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1732,7 +1732,7 @@ export function INTERNAL_$isBlock(
 export function $getAncestor<NodeType extends LexicalNode = LexicalNode>(
   node: LexicalNode,
   predicate: (ancestor: LexicalNode) => ancestor is NodeType,
-) {
+): NodeType | null {
   let parent = node;
   while (parent !== null && parent.getParent() !== null && !predicate(parent)) {
     parent = parent.getParentOrThrow();
diff --git a/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts b/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts
index 87b20b797b3..97be0aac4f1 100644
--- a/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts
+++ b/packages/lexical/src/__tests__/unit/LexicalSelection.test.ts
@@ -16,6 +16,8 @@ import {
   $isParagraphNode,
   $isTextNode,
   $setSelection,
+  createEditor,
+  ElementNode,
   LexicalEditor,
   ParagraphNode,
   RangeSelection,
@@ -789,3 +791,49 @@ describe('LexicalSelection tests', () => {
     });
   });
 });
+
+describe('Regression tests for #6701', () => {
+  test('insertNodes fails an invariant when there is no Block ancestor', async () => {
+    class InlineElementNode extends ElementNode {
+      static clone(prevNode: InlineElementNode): InlineElementNode {
+        return new InlineElementNode(prevNode.__key);
+      }
+      static getType() {
+        return 'inline-element-node';
+      }
+      static importJSON() {
+        return new InlineElementNode();
+      }
+      isInline() {
+        return true;
+      }
+      exportJSON() {
+        return {...super.exportJSON(), type: this.getType()};
+      }
+      createDOM() {
+        return document.createElement('span');
+      }
+      updateDOM() {
+        return false;
+      }
+    }
+    const editor = createEditor({
+      nodes: [InlineElementNode],
+      onError: (err) => {
+        throw err;
+      },
+    });
+    expect(() =>
+      editor.update(
+        () => {
+          const textNode = $createTextNode('test');
+          $getRoot().clear().append(new InlineElementNode().append(textNode));
+          textNode.select().insertNodes([$createTextNode('more text')]);
+        },
+        {discrete: true},
+      ),
+    ).toThrow(
+      /Expected node TextNode of type text to have a block ElementNode ancestor/,
+    );
+  });
+});

From d273333d26393c001cc4e2e1d8667f79ce78b86b Mon Sep 17 00:00:00 2001
From: Sebastian Arrazola <65986574+SeaBa55@users.noreply.github.com>
Date: Sun, 6 Oct 2024 12:02:44 -0400
Subject: [PATCH 041/133] [lexical][lexical-list] Bug Fix: Retain indentation
 when list format is removed and reapplied (#6684)

---
 packages/lexical-list/src/formatList.ts       |  18 +-
 .../__tests__/e2e/List.spec.mjs               | 385 ++++++++++++++++++
 2 files changed, 395 insertions(+), 8 deletions(-)

diff --git a/packages/lexical-list/src/formatList.ts b/packages/lexical-list/src/formatList.ts
index 6d4a5cb41b5..3dc4a22ea20 100644
--- a/packages/lexical-list/src/formatList.ts
+++ b/packages/lexical-list/src/formatList.ts
@@ -157,36 +157,38 @@ function $createListOrMerge(node: ElementNode, listType: ListType): ListNode {
   const previousSibling = node.getPreviousSibling();
   const nextSibling = node.getNextSibling();
   const listItem = $createListItemNode();
-  listItem.setFormat(node.getFormatType());
-  listItem.setIndent(node.getIndent());
   append(listItem, node.getChildren());
 
+  let targetList;
   if (
     $isListNode(previousSibling) &&
     listType === previousSibling.getListType()
   ) {
     previousSibling.append(listItem);
-    node.remove();
     // if the same type of list is on both sides, merge them.
-
     if ($isListNode(nextSibling) && listType === nextSibling.getListType()) {
       append(previousSibling, nextSibling.getChildren());
       nextSibling.remove();
     }
-    return previousSibling;
+    targetList = previousSibling;
   } else if (
     $isListNode(nextSibling) &&
     listType === nextSibling.getListType()
   ) {
     nextSibling.getFirstChildOrThrow().insertBefore(listItem);
-    node.remove();
-    return nextSibling;
+    targetList = nextSibling;
   } else {
     const list = $createListNode(listType);
     list.append(listItem);
     node.replace(list);
-    return list;
+    targetList = list;
   }
+  // listItem needs to be attached to root prior to setting indent
+  listItem.setFormat(node.getFormatType());
+  listItem.setIndent(node.getIndent());
+  node.remove();
+
+  return targetList;
 }
 
 /**
diff --git a/packages/lexical-playground/__tests__/e2e/List.spec.mjs b/packages/lexical-playground/__tests__/e2e/List.spec.mjs
index 3f7abe34433..26768b19d4f 100644
--- a/packages/lexical-playground/__tests__/e2e/List.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/List.spec.mjs
@@ -448,6 +448,391 @@ test.describe.parallel('Nested List', () => {
     );
   });
 
+  test(`Can toggle format for multi-line list of each type without losing indentation state.`, async ({
+    page,
+  }) => {
+    await focusEditor(page);
+
+    // Standard assertion
+    await assertHTML(
+      page,
+      html`
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+
+    await toggleBulletList(page);
+
+    await page.keyboard.type('Hello');
+    await page.keyboard.press('Enter');
+    await page.keyboard.type('from');
+    await clickIndentButton(page);
+    await page.keyboard.press('Enter');
+    await page.keyboard.type('the');
+    await clickIndentButton(page);
+    await page.keyboard.press('Enter');
+    await page.keyboard.type('other');
+    await clickOutdentButton(page);
+    await page.keyboard.press('Enter');
+    await page.keyboard.type('side');
+    await clickOutdentButton(page);
+
+    // Before toggle off/on unordered list
+    await assertHTML(
+      page,
+      html`
+        <ul class="PlaygroundEditorTheme__ul">
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="1">
+            <span data-lexical-text="true">Hello</span>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+            value="2">
+            <ul class="PlaygroundEditorTheme__ul">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">from</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+                value="2">
+                <ul class="PlaygroundEditorTheme__ul">
+                  <li
+                    class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                    dir="ltr"
+                    value="1">
+                    <span data-lexical-text="true">the</span>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="2">
+                <span data-lexical-text="true">other</span>
+              </li>
+            </ul>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="2">
+            <span data-lexical-text="true">side</span>
+          </li>
+        </ul>
+      `,
+    );
+
+    await selectAll(page);
+
+    await toggleBulletList(page);
+    await toggleBulletList(page);
+
+    // After toggle off/on unordered list
+    await assertHTML(
+      page,
+      html`
+        <ul class="PlaygroundEditorTheme__ul">
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="1">
+            <span data-lexical-text="true">Hello</span>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+            value="2">
+            <ul class="PlaygroundEditorTheme__ul">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">from</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+                value="2">
+                <ul class="PlaygroundEditorTheme__ul">
+                  <li
+                    class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                    dir="ltr"
+                    value="1">
+                    <span data-lexical-text="true">the</span>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="2">
+                <span data-lexical-text="true">other</span>
+              </li>
+            </ul>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="2">
+            <span data-lexical-text="true">side</span>
+          </li>
+        </ul>
+      `,
+    );
+
+    await toggleNumberedList(page);
+
+    // Before toggle off/on ordered list
+    await assertHTML(
+      page,
+      html`
+        <ol class="PlaygroundEditorTheme__ol1">
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="1">
+            <span data-lexical-text="true">Hello</span>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+            value="2">
+            <ol class="PlaygroundEditorTheme__ol2">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">from</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+                value="2">
+                <ol class="PlaygroundEditorTheme__ol3">
+                  <li
+                    class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                    dir="ltr"
+                    value="1">
+                    <span data-lexical-text="true">the</span>
+                  </li>
+                </ol>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="2">
+                <span data-lexical-text="true">other</span>
+              </li>
+            </ol>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="2">
+            <span data-lexical-text="true">side</span>
+          </li>
+        </ol>
+      `,
+    );
+
+    await toggleNumberedList(page);
+    await toggleNumberedList(page);
+
+    // After toggle off/on ordered list
+    await assertHTML(
+      page,
+      html`
+        <ol class="PlaygroundEditorTheme__ol1">
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="1">
+            <span data-lexical-text="true">Hello</span>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+            value="2">
+            <ol class="PlaygroundEditorTheme__ol2">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">from</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
+                value="2">
+                <ol class="PlaygroundEditorTheme__ol3">
+                  <li
+                    class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                    dir="ltr"
+                    value="1">
+                    <span data-lexical-text="true">the</span>
+                  </li>
+                </ol>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="2">
+                <span data-lexical-text="true">other</span>
+              </li>
+            </ol>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            value="2">
+            <span data-lexical-text="true">side</span>
+          </li>
+        </ol>
+      `,
+    );
+
+    await toggleCheckList(page);
+
+    // Before toggle off/on checklist
+    await assertHTML(
+      page,
+      html`
+        <ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            role="checkbox"
+            tabindex="-1"
+            value="1"
+            aria-checked="false">
+            <span data-lexical-text="true">Hello</span>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__nestedListItem"
+            value="2">
+            <ul
+              class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                role="checkbox"
+                tabindex="-1"
+                value="1"
+                aria-checked="false">
+                <span data-lexical-text="true">from</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__nestedListItem"
+                value="2">
+                <ul
+                  class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
+                  <li
+                    class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+                    dir="ltr"
+                    role="checkbox"
+                    tabindex="-1"
+                    value="1"
+                    aria-checked="false">
+                    <span data-lexical-text="true">the</span>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                role="checkbox"
+                tabindex="-1"
+                value="2"
+                aria-checked="false">
+                <span data-lexical-text="true">other</span>
+              </li>
+            </ul>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            role="checkbox"
+            tabindex="-1"
+            value="2"
+            aria-checked="false">
+            <span data-lexical-text="true">side</span>
+          </li>
+        </ul>
+      `,
+    );
+
+    await toggleCheckList(page);
+    await toggleCheckList(page);
+
+    // After toggle off/on checklist
+    await assertHTML(
+      page,
+      html`
+        <ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            role="checkbox"
+            tabindex="-1"
+            value="1"
+            aria-checked="false">
+            <span data-lexical-text="true">Hello</span>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__nestedListItem"
+            value="2">
+            <ul
+              class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                role="checkbox"
+                tabindex="-1"
+                value="1"
+                aria-checked="false">
+                <span data-lexical-text="true">from</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__nestedListItem"
+                value="2">
+                <ul
+                  class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
+                  <li
+                    class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+                    dir="ltr"
+                    role="checkbox"
+                    tabindex="-1"
+                    value="1"
+                    aria-checked="false">
+                    <span data-lexical-text="true">the</span>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                role="checkbox"
+                tabindex="-1"
+                value="2"
+                aria-checked="false">
+                <span data-lexical-text="true">other</span>
+              </li>
+            </ul>
+          </li>
+          <li
+            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
+            dir="ltr"
+            role="checkbox"
+            tabindex="-1"
+            value="2"
+            aria-checked="false">
+            <span data-lexical-text="true">side</span>
+          </li>
+        </ul>
+      `,
+    );
+  });
+
   test(`Can create a list containing inline blocks and then toggle it back to original state.`, async ({
     page,
   }) => {

From 29871f1d390032921442cd8ec954d444fd994c89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Jablo=C3=B1ski?=
 <43938777+GermanJablo@users.noreply.github.com>
Date: Sat, 12 Oct 2024 13:30:17 -0300
Subject: [PATCH 042/133] [lexical][lexical-list][lexical-rich-text]: Fix:
 Preserve indentation when serializing to and from HTML (#6693)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 packages/lexical-list/src/LexicalListNode.ts  |   2 +-
 .../__tests__/unit/docSerialization.test.ts   | 175 +++++++++++++++++-
 packages/lexical-rich-text/src/index.ts       |   3 +
 packages/lexical/src/LexicalUtils.ts          |   9 +
 packages/lexical/src/index.ts                 |   1 +
 .../lexical/src/nodes/LexicalElementNode.ts   |  27 ++-
 .../lexical/src/nodes/LexicalParagraphNode.ts |  12 +-
 7 files changed, 215 insertions(+), 14 deletions(-)

diff --git a/packages/lexical-list/src/LexicalListNode.ts b/packages/lexical-list/src/LexicalListNode.ts
index 680e27aa899..45a87f30d2a 100644
--- a/packages/lexical-list/src/LexicalListNode.ts
+++ b/packages/lexical-list/src/LexicalListNode.ts
@@ -155,7 +155,7 @@ export class ListNode extends ElementNode {
   }
 
   exportDOM(editor: LexicalEditor): DOMExportOutput {
-    const {element} = super.exportDOM(editor);
+    const element = this.createDOM(editor._config, editor);
     if (element && isHTMLElement(element)) {
       if (this.__start !== 1) {
         element.setAttribute('start', String(this.__start));
diff --git a/packages/lexical-playground/__tests__/unit/docSerialization.test.ts b/packages/lexical-playground/__tests__/unit/docSerialization.test.ts
index 41e697d30ce..8b9e73a6de1 100644
--- a/packages/lexical-playground/__tests__/unit/docSerialization.test.ts
+++ b/packages/lexical-playground/__tests__/unit/docSerialization.test.ts
@@ -15,7 +15,13 @@
  */
 
 import {serializedDocumentFromEditorState} from '@lexical/file';
-import {$createParagraphNode, $createTextNode, $getRoot} from 'lexical';
+import {$generateHtmlFromNodes, $generateNodesFromDOM} from '@lexical/html';
+import {
+  $createParagraphNode,
+  $createTextNode,
+  $getRoot,
+  $insertNodes,
+} from 'lexical';
 import {initializeUnitTest} from 'lexical/src/__tests__/utils';
 
 import {docFromHash, docToHash} from '../../src/utils/docSerialization';
@@ -48,5 +54,172 @@ describe('docSerialization', () => {
         expect(await docFromHash(await docToHash(doc))).toEqual(doc);
       });
     });
+
+    describe('Preserve indent serializing HTML <-> Lexical', () => {
+      it('preserves indentation', async () => {
+        const {editor} = testEnv;
+        const parser = new DOMParser();
+        const htmlString = `<p class="PlaygroundEditorTheme__paragraph" dir="ltr">
+  <span style="white-space: pre-wrap;">paragraph</span>
+</p>
+<h1 class="PlaygroundEditorTheme__h1" dir="ltr">
+  <span style="white-space: pre-wrap;">heading</span>
+</h1>
+<blockquote class="PlaygroundEditorTheme__quote" dir="ltr">
+  <span style="white-space: pre-wrap;">quote</span>
+</blockquote>
+<p class="PlaygroundEditorTheme__paragraph" dir="ltr" style="padding-inline-start: 80px;">
+  <span style="white-space: pre-wrap;">paragraph</span>
+</p>
+<h1 class="PlaygroundEditorTheme__h1" dir="ltr" style="padding-inline-start: 80px;">
+  <span style="white-space: pre-wrap;">heading</span>
+</h1>
+<blockquote class="PlaygroundEditorTheme__quote" dir="ltr" style="padding-inline-start: 80px;">
+  <span style="white-space: pre-wrap;">quote</span>
+</blockquote>`;
+        const dom = parser.parseFromString(htmlString, 'text/html');
+        await editor.update(() => {
+          const nodes = $generateNodesFromDOM(editor, dom);
+          $getRoot().select();
+          $insertNodes(nodes);
+        });
+
+        const expectedEditorState = {
+          root: {
+            children: [
+              {
+                children: [
+                  {
+                    detail: 0,
+                    format: 0,
+                    mode: 'normal',
+                    style: '',
+                    text: 'paragraph',
+                    type: 'text',
+                    version: 1,
+                  },
+                ],
+                direction: 'ltr',
+                format: '',
+                indent: 0,
+                textFormat: 0,
+                textStyle: '',
+                type: 'paragraph',
+                version: 1,
+              },
+              {
+                children: [
+                  {
+                    detail: 0,
+                    format: 0,
+                    mode: 'normal',
+                    style: '',
+                    text: 'heading',
+                    type: 'text',
+                    version: 1,
+                  },
+                ],
+                direction: 'ltr',
+                format: '',
+                indent: 0,
+                tag: 'h1',
+                type: 'heading',
+                version: 1,
+              },
+              {
+                children: [
+                  {
+                    detail: 0,
+                    format: 0,
+                    mode: 'normal',
+                    style: '',
+                    text: 'quote',
+                    type: 'text',
+                    version: 1,
+                  },
+                ],
+                direction: 'ltr',
+                format: '',
+                indent: 0,
+                type: 'quote',
+                version: 1,
+              },
+              {
+                children: [
+                  {
+                    detail: 0,
+                    format: 0,
+                    mode: 'normal',
+                    style: '',
+                    text: 'paragraph',
+                    type: 'text',
+                    version: 1,
+                  },
+                ],
+                direction: 'ltr',
+                format: '',
+                indent: 2,
+                textFormat: 0,
+                textStyle: '',
+                type: 'paragraph',
+                version: 1,
+              },
+              {
+                children: [
+                  {
+                    detail: 0,
+                    format: 0,
+                    mode: 'normal',
+                    style: '',
+                    text: 'heading',
+                    type: 'text',
+                    version: 1,
+                  },
+                ],
+                direction: 'ltr',
+                format: '',
+                indent: 2,
+                tag: 'h1',
+                type: 'heading',
+                version: 1,
+              },
+              {
+                children: [
+                  {
+                    detail: 0,
+                    format: 0,
+                    mode: 'normal',
+                    style: '',
+                    text: 'quote',
+                    type: 'text',
+                    version: 1,
+                  },
+                ],
+                direction: 'ltr',
+                format: '',
+                indent: 2,
+                type: 'quote',
+                version: 1,
+              },
+            ],
+            direction: 'ltr',
+            format: '',
+            indent: 0,
+            type: 'root',
+            version: 1,
+          },
+        };
+
+        const editorState = editor.getEditorState().toJSON();
+        expect(editorState).toEqual(expectedEditorState);
+        let htmlString2;
+        await editor.update(() => {
+          htmlString2 = $generateHtmlFromNodes(editor);
+        });
+        expect(htmlString2).toBe(
+          '<p dir="ltr"><span style="white-space: pre-wrap;">paragraph</span></p><h1 dir="ltr"><span style="white-space: pre-wrap;">heading</span></h1><blockquote dir="ltr"><span style="white-space: pre-wrap;">quote</span></blockquote><p style="padding-inline-start: 80px;" dir="ltr"><span style="white-space: pre-wrap;">paragraph</span></p><h1 style="padding-inline-start: 80px;" dir="ltr"><span style="white-space: pre-wrap;">heading</span></h1><blockquote style="padding-inline-start: 80px;" dir="ltr"><span style="white-space: pre-wrap;">quote</span></blockquote>',
+        );
+      });
+    });
   });
 });
diff --git a/packages/lexical-rich-text/src/index.ts b/packages/lexical-rich-text/src/index.ts
index fbf9f53b0ec..bf53a8acdd4 100644
--- a/packages/lexical-rich-text/src/index.ts
+++ b/packages/lexical-rich-text/src/index.ts
@@ -92,6 +92,7 @@ import {
   PASTE_COMMAND,
   REMOVE_TEXT_COMMAND,
   SELECT_ALL_COMMAND,
+  setNodeIndentFromDOM,
 } from 'lexical';
 import caretFromPoint from 'shared/caretFromPoint';
 import {
@@ -415,6 +416,7 @@ function $convertHeadingElement(element: HTMLElement): DOMConversionOutput {
   ) {
     node = $createHeadingNode(nodeName);
     if (element.style !== null) {
+      setNodeIndentFromDOM(element, node);
       node.setFormat(element.style.textAlign as ElementFormatType);
     }
   }
@@ -425,6 +427,7 @@ function $convertBlockquoteElement(element: HTMLElement): DOMConversionOutput {
   const node = $createQuoteNode();
   if (element.style !== null) {
     node.setFormat(element.style.textAlign as ElementFormatType);
+    setNodeIndentFromDOM(element, node);
   }
   return {node};
 }
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index 472703d63d5..9039a186c50 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1820,3 +1820,12 @@ export function $cloneWithProperties<T extends LexicalNode>(latestNode: T): T {
   }
   return mutableNode;
 }
+
+export function setNodeIndentFromDOM(
+  elementDom: HTMLElement,
+  elementNode: ElementNode,
+) {
+  const indentSize = parseInt(elementDom.style.paddingInlineStart, 10) || 0;
+  const indent = indentSize / 40;
+  elementNode.setIndent(indent);
+}
diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index b3f5013cdd7..538440b8195 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -187,6 +187,7 @@ export {
   isSelectionCapturedInDecoratorInput,
   isSelectionWithinEditor,
   resetRandomKey,
+  setNodeIndentFromDOM,
 } from './LexicalUtils';
 export {ArtificialNode__DO_NOT_USE} from './nodes/ArtificialNode';
 export {$isDecoratorNode, DecoratorNode} from './nodes/LexicalDecoratorNode';
diff --git a/packages/lexical/src/nodes/LexicalElementNode.ts b/packages/lexical/src/nodes/LexicalElementNode.ts
index 474d0b405ba..65bc77aec5a 100644
--- a/packages/lexical/src/nodes/LexicalElementNode.ts
+++ b/packages/lexical/src/nodes/LexicalElementNode.ts
@@ -6,13 +6,17 @@
  *
  */
 
-import type {NodeKey, SerializedLexicalNode} from '../LexicalNode';
+import type {
+  DOMExportOutput,
+  NodeKey,
+  SerializedLexicalNode,
+} from '../LexicalNode';
 import type {
   BaseSelection,
   PointType,
   RangeSelection,
 } from '../LexicalSelection';
-import type {KlassConstructor, Spread} from 'lexical';
+import type {KlassConstructor, LexicalEditor, Spread} from 'lexical';
 
 import invariant from 'shared/invariant';
 
@@ -33,6 +37,7 @@ import {errorOnReadOnly, getActiveEditor} from '../LexicalUpdates';
 import {
   $getNodeByKey,
   $isRootOrShadowRoot,
+  isHTMLElement,
   removeFromParent,
 } from '../LexicalUtils';
 
@@ -523,6 +528,24 @@ export class ElementNode extends LexicalNode {
 
     return writableSelf;
   }
+  exportDOM(editor: LexicalEditor): DOMExportOutput {
+    const {element} = super.exportDOM(editor);
+    if (element && isHTMLElement(element)) {
+      const indent = this.getIndent();
+      if (indent > 0) {
+        // padding-inline-start is not widely supported in email HTML
+        // (see https://www.caniemail.com/features/css-padding-inline-start-end/),
+        // If you want to use HTML output for email, consider overriding the serialization
+        // to use `padding-right` in RTL languages, `padding-left` in `LTR` languages, or
+        // `text-indent` if you are ok with first-line indents.
+        // We recommend keeping multiples of 40px to maintain consistency with list-items
+        // (see https://github.com/facebook/lexical/pull/4025)
+        element.style.paddingInlineStart = `${indent * 40}px`;
+      }
+    }
+
+    return {element};
+  }
   // JSON serialization
   exportJSON(): SerializedElementNode {
     return {
diff --git a/packages/lexical/src/nodes/LexicalParagraphNode.ts b/packages/lexical/src/nodes/LexicalParagraphNode.ts
index ebbf9814581..c1250aeae16 100644
--- a/packages/lexical/src/nodes/LexicalParagraphNode.ts
+++ b/packages/lexical/src/nodes/LexicalParagraphNode.ts
@@ -30,6 +30,7 @@ import {
   $applyNodeReplacement,
   getCachedClassNameArray,
   isHTMLElement,
+  setNodeIndentFromDOM,
   toggleTextFormatType,
 } from '../LexicalUtils';
 import {ElementNode} from './LexicalElementNode';
@@ -151,12 +152,6 @@ export class ParagraphNode extends ElementNode {
       if (direction) {
         element.dir = direction;
       }
-      const indent = this.getIndent();
-      if (indent > 0) {
-        // padding-inline-start is not widely supported in email HTML, but
-        // Lexical Reconciler uses padding-inline-start. Using text-indent instead.
-        element.style.textIndent = `${indent * 20}px`;
-      }
     }
 
     return {
@@ -229,10 +224,7 @@ function $convertParagraphElement(element: HTMLElement): DOMConversionOutput {
   const node = $createParagraphNode();
   if (element.style) {
     node.setFormat(element.style.textAlign as ElementFormatType);
-    const indent = parseInt(element.style.textIndent, 10) / 20;
-    if (indent > 0) {
-      node.setIndent(indent);
-    }
+    setNodeIndentFromDOM(element, node);
   }
   return {node};
 }

From 7f70ee40871d121f46576af6bbc6fff9045c1a9d Mon Sep 17 00:00:00 2001
From: Vadim Nicolaev <vadim.vicolaev.v@gmail.com>
Date: Sat, 12 Oct 2024 19:47:22 +0300
Subject: [PATCH 043/133] fix: preserve custom fields in Lexical-Yjs sync
 (#6724)

---
 packages/lexical-yjs/src/SyncCursors.ts | 1 +
 packages/lexical-yjs/src/index.ts       | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/lexical-yjs/src/SyncCursors.ts b/packages/lexical-yjs/src/SyncCursors.ts
index bd4837dcf5d..a34c7538409 100644
--- a/packages/lexical-yjs/src/SyncCursors.ts
+++ b/packages/lexical-yjs/src/SyncCursors.ts
@@ -525,6 +525,7 @@ export function syncLexicalSelectionToYjs(
     shouldUpdatePosition(currentFocusPos, focusPos)
   ) {
     awareness.setLocalState({
+      ...localState,
       anchorPos,
       awarenessData,
       color,
diff --git a/packages/lexical-yjs/src/index.ts b/packages/lexical-yjs/src/index.ts
index c06a6f06cb6..62b5fbbe8fc 100644
--- a/packages/lexical-yjs/src/index.ts
+++ b/packages/lexical-yjs/src/index.ts
@@ -20,6 +20,7 @@ export type UserState = {
   focusPos: null | RelativePosition;
   name: string;
   awarenessData: object;
+  [key: string]: unknown;
 };
 export const CONNECTED_COMMAND: LexicalCommand<boolean> =
   createCommand('CONNECTED_COMMAND');

From 2e64bfc5ca1b08c6636d121b77e2d1e733654d66 Mon Sep 17 00:00:00 2001
From: Ivaylo Pavlov <ivailo90@gmail.com>
Date: Sun, 13 Oct 2024 02:26:49 +0100
Subject: [PATCH 044/133] [lexical-playground] Remove unused command (#6726)

---
 .../lexical-playground/src/plugins/CollapsiblePlugin/index.ts   | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/CollapsiblePlugin/index.ts b/packages/lexical-playground/src/plugins/CollapsiblePlugin/index.ts
index 346053dc6ca..ebed3126590 100644
--- a/packages/lexical-playground/src/plugins/CollapsiblePlugin/index.ts
+++ b/packages/lexical-playground/src/plugins/CollapsiblePlugin/index.ts
@@ -28,7 +28,6 @@ import {
   KEY_ARROW_RIGHT_COMMAND,
   KEY_ARROW_UP_COMMAND,
   LexicalNode,
-  NodeKey,
 } from 'lexical';
 import {useEffect} from 'react';
 
@@ -49,7 +48,6 @@ import {
 } from './CollapsibleTitleNode';
 
 export const INSERT_COLLAPSIBLE_COMMAND = createCommand<void>();
-export const TOGGLE_COLLAPSIBLE_COMMAND = createCommand<NodeKey>();
 
 export default function CollapsiblePlugin(): null {
   const [editor] = useLexicalComposerContext();

From 8e9763be078f1098522cb13e20ecf7bbbbfd641a Mon Sep 17 00:00:00 2001
From: Bedru Umer <63902795+bedre7@users.noreply.github.com>
Date: Tue, 15 Oct 2024 12:24:01 +0300
Subject: [PATCH 045/133] [lexical-playground] Bug Fix: match toolbar font size
 input with the rest of toolbar items in Read-Only mode (#6698)

---
 .../src/plugins/ToolbarPlugin/fontSize.css                   | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css
index 42178b07473..4223200b82f 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css
@@ -19,6 +19,11 @@
   width: 20px;
 }
 
+.font-size-input:disabled {
+  opacity: 0.2;
+  cursor: not-allowed;
+}
+
 input[type='number']::-webkit-outer-spin-button,
 input[type='number']::-webkit-inner-spin-button {
   -webkit-appearance: none;

From 648ddefcc8e6959c1cd8d685be317be3f85114f0 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Tue, 15 Oct 2024 15:59:10 +0200
Subject: [PATCH 046/133] Chore: add workflow to auto close stale pr based on
 label (#6732)

---
 .github/workflows/close-stale-pr.yml | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 .github/workflows/close-stale-pr.yml

diff --git a/.github/workflows/close-stale-pr.yml b/.github/workflows/close-stale-pr.yml
new file mode 100644
index 00000000000..43a213adc17
--- /dev/null
+++ b/.github/workflows/close-stale-pr.yml
@@ -0,0 +1,18 @@
+name: Close stale PR
+on:
+  pull_request:
+    types: labeled
+jobs:
+  close-pr:
+    if: github.event.label.name == 'stale-pr'
+    permissions:
+      pull-requests: write
+    runs-on: ubuntu-latest
+    steps:
+      - run: gh pr close "$NUMBER" --comment "$COMMENT"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GH_REPO: ${{ github.repository }}
+          NUMBER: ${{ github.event.number }}
+          COMMENT: >
+            Closing this PR due to staleness! If there are new updates, please reopen the PR.

From 2c9b03c86e5411a7160a793cb1a8b28f2a243e93 Mon Sep 17 00:00:00 2001
From: cwstra <cwstra@gmail.com>
Date: Wed, 16 Oct 2024 00:02:45 +0000
Subject: [PATCH 047/133] [lexical-table] Bug Fix: `colWidths` not imported
 from DOM for TableNode (#6731)

---
 .../html/TablesHTMLCopyAndPaste.spec.mjs         |  6 +++---
 packages/lexical-table/src/LexicalTableNode.ts   | 16 ++++++++++++++++
 .../src/__tests__/unit/LexicalTableNode.test.tsx |  4 ++--
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
index efe46564db1..520b08552c5 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
@@ -119,9 +119,9 @@ test.describe('HTML Tables CopyAndPaste', () => {
       html`
         <table class="PlaygroundEditorTheme__table">
           <colgroup>
-            <col style="width: 92px" />
-            <col style="width: 92px" />
-            <col style="width: 92px" />
+            <col style="width: 90px" />
+            <col style="width: 90px" />
+            <col style="width: 90px" />
           </colgroup>
           <tr>
             <td class="PlaygroundEditorTheme__tableCell">
diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index 90031636d26..be988c5af96 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -29,6 +29,7 @@ import {
   ElementNode,
 } from 'lexical';
 
+import {PIXEL_VALUE_REG_EXP} from './constants';
 import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
 import {TableDOMCell, TableDOMTable} from './LexicalTableObserver';
 import {TableRowNode} from './LexicalTableRowNode';
@@ -358,6 +359,21 @@ export function $convertTableElement(
   if (domNode.hasAttribute('data-lexical-row-striping')) {
     tableNode.setRowStriping(true);
   }
+  const colGroup = domNode.querySelector(':scope > colgroup');
+  if (colGroup) {
+    let columns: number[] | undefined = [];
+    for (const col of colGroup.querySelectorAll(':scope > col')) {
+      const width = (col as HTMLElement).style.width;
+      if (!width || !PIXEL_VALUE_REG_EXP.test(width)) {
+        columns = undefined;
+        break;
+      }
+      columns.push(parseFloat(width));
+    }
+    if (columns) {
+      tableNode.setColWidths(columns);
+    }
+  }
   return {node: tableNode};
 }
 
diff --git a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
index fb1d9af2332..570ac0e9ed2 100644
--- a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
+++ b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
@@ -114,7 +114,7 @@ describe('LexicalTableNode tests', () => {
         const dataTransfer = new DataTransferMock();
         dataTransfer.setData(
           'text/html',
-          '<html><body><meta charset="utf-8"><b style="font-weight:normal;" id="docs-internal-guid-16a69100-7fff-6cb9-b829-cb1def16a58d"><div dir="ltr" style="margin-left:0pt;" align="left"><table style="border:none;border-collapse:collapse;table-layout:fixed;width:468pt"><colgroup><col /><col /></colgroup><tbody><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Hello there</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">General Kenobi!</span></p></td></tr><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Lexical is nice</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><br /></td></tr></tbody></table></div></b><!--EndFragment--></body></html>',
+          '<html><body><meta charset="utf-8"><b style="font-weight:normal;" id="docs-internal-guid-16a69100-7fff-6cb9-b829-cb1def16a58d"><div dir="ltr" style="margin-left:0pt;" align="left"><table style="border:none;border-collapse:collapse;table-layout:fixed"><colgroup><col style="width:100px"/><col style="width:200px"/></colgroup><tbody><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Hello there</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">General Kenobi!</span></p></td></tr><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Lexical is nice</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><br /></td></tr></tbody></table></div></b><!--EndFragment--></body></html>',
         );
         await editor.update(() => {
           const selection = $getSelection();
@@ -127,7 +127,7 @@ describe('LexicalTableNode tests', () => {
         // Make sure paragraph is inserted inside empty cells
         const emptyCell = '<td><p><br></p></td>';
         expect(testEnv.innerHTML).toBe(
-          `<table><colgroup><col><col></colgroup><tr><td><p dir="ltr"><span data-lexical-text="true">Hello there</span></p></td><td><p dir="ltr"><span data-lexical-text="true">General Kenobi!</span></p></td></tr><tr><td><p dir="ltr"><span data-lexical-text="true">Lexical is nice</span></p></td>${emptyCell}</tr></table>`,
+          `<table><colgroup><col style="width: 100px;"><col style="width: 200px;"></colgroup><tr><td><p dir="ltr"><span data-lexical-text="true">Hello there</span></p></td><td><p dir="ltr"><span data-lexical-text="true">General Kenobi!</span></p></td></tr><tr><td><p dir="ltr"><span data-lexical-text="true">Lexical is nice</span></p></td>${emptyCell}</tr></table>`,
         );
       });
 

From 7a80c89b97d4d21903ea1baa8ea51046673815df Mon Sep 17 00:00:00 2001
From: Taro Shono <taroage@gmail.com>
Date: Wed, 16 Oct 2024 11:25:49 +0900
Subject: [PATCH 048/133] [lexical] Bug Fix: lines were being deleted with
 `deleteLine` (#6719)

Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../__tests__/e2e/Selection.spec.mjs          | 48 +++++++++++++++----
 packages/lexical/src/LexicalSelection.ts      | 10 ++--
 2 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
index 5addcdfbc1a..d458cb1ea6a 100644
--- a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
@@ -208,20 +208,20 @@ test.describe.parallel('Selection', () => {
         </p>
       `,
     ];
+    const empty = html`
+      <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+    `;
 
     await deleteLine();
-    await assertHTML(page, lines.slice(0, 3).join(''));
+    await assertHTML(page, [lines[0], lines[1], lines[2], empty].join(''));
+    await page.keyboard.press('Backspace');
     await deleteLine();
-    await assertHTML(page, lines.slice(0, 2).join(''));
+    await assertHTML(page, [lines[0], lines[1]].join(''));
     await deleteLine();
-    await assertHTML(page, lines.slice(0, 1).join(''));
+    await assertHTML(page, [lines[0], empty].join(''));
+    await page.keyboard.press('Backspace');
     await deleteLine();
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
+    await assertHTML(page, empty);
   });
 
   test('can delete line which ends with element with CMD+delete', async ({
@@ -251,6 +251,7 @@ test.describe.parallel('Selection', () => {
     };
 
     await deleteLine();
+    await page.keyboard.press('Backspace');
     await assertHTML(
       page,
       html`
@@ -261,6 +262,7 @@ test.describe.parallel('Selection', () => {
         </p>
       `,
     );
+    await page.keyboard.press('Backspace');
     await deleteLine();
     await assertHTML(
       page,
@@ -270,6 +272,34 @@ test.describe.parallel('Selection', () => {
     );
   });
 
+  test('can delete line by collapse', async ({page, isPlainText}) => {
+    test.skip(isPlainText || !IS_MAC);
+    await focusEditor(page);
+    await insertCollapsible(page);
+    await page.keyboard.type('text');
+    await page.keyboard.press('Enter');
+    await page.keyboard.press('ArrowUp');
+
+    const deleteLine = async () => {
+      await keyDownCtrlOrMeta(page);
+      await page.keyboard.press('Backspace');
+      await keyUpCtrlOrMeta(page);
+    };
+    await deleteLine();
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">text</span>
+        </p>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+  });
+
   test('Can insert inline element within text and put selection after it', async ({
     page,
     isPlainText,
diff --git a/packages/lexical/src/LexicalSelection.ts b/packages/lexical/src/LexicalSelection.ts
index e59cab5c83e..3af4b30d0db 100644
--- a/packages/lexical/src/LexicalSelection.ts
+++ b/packages/lexical/src/LexicalSelection.ts
@@ -1856,11 +1856,11 @@ export class RangeSelection implements BaseSelection {
 
       this.modify('extend', isBackward, 'lineboundary');
 
-      // If selection is extended to cover text edge then extend it one character more
-      // to delete its parent element. Otherwise text content will be deleted but empty
-      // parent node will remain
-      const endPoint = isBackward ? this.focus : this.anchor;
-      if (endPoint.offset === 0) {
+      // If the selection starts at the beginning of a text node (offset 0),
+      // extend the selection by one character in the specified direction.
+      // This ensures that the parent element is deleted along with its content.
+      // Otherwise, only the text content will be deleted, leaving an empty parent node.
+      if (this.isCollapsed() && this.anchor.offset === 0) {
         this.modify('extend', isBackward, 'character');
       }
 

From 95b8e87cccbf5991bca7110b7579b71ce45b3e73 Mon Sep 17 00:00:00 2001
From: Ivaylo Pavlov <ivailo90@gmail.com>
Date: Wed, 16 Oct 2024 03:28:54 +0100
Subject: [PATCH 049/133] [lexical-playground] Table Hover Actions Layout Fixes
 (#6725)

---
 packages/lexical-playground/src/Editor.tsx    |  2 +-
 .../plugins/TableHoverActionsPlugin/index.tsx | 52 +++++++++++++------
 2 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index 7fb6ae5c4a1..9d03a71c21e 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -183,7 +183,6 @@ export default function Editor(): JSX.Element {
               hasCellBackgroundColor={tableCellBackgroundColor}
             />
             <TableCellResizer />
-            <TableHoverActionsPlugin />
             <ImagesPlugin />
             <InlineImagePlugin />
             <LinkPlugin />
@@ -213,6 +212,7 @@ export default function Editor(): JSX.Element {
                   anchorElem={floatingAnchorElem}
                   cellMerge={true}
                 />
+                <TableHoverActionsPlugin anchorElem={floatingAnchorElem} />
                 <FloatingTextFormatToolbarPlugin
                   anchorElem={floatingAnchorElem}
                   setIsLinkEditMode={setIsLinkEditMode}
diff --git a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
index e7f186bc57c..4c88e8d52b3 100644
--- a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
@@ -20,7 +20,7 @@ import {
 } from '@lexical/table';
 import {$findMatchingParent, mergeRegister} from '@lexical/utils';
 import {$getNearestNodeFromDOMNode, NodeKey} from 'lexical';
-import {useEffect, useRef, useState} from 'react';
+import {useEffect, useMemo, useRef, useState} from 'react';
 import * as React from 'react';
 import {createPortal} from 'react-dom';
 
@@ -39,8 +39,8 @@ function TableHoverActionsContainer({
   const [shouldListenMouseMove, setShouldListenMouseMove] =
     useState<boolean>(false);
   const [position, setPosition] = useState({});
-  const codeSetRef = useRef<Set<NodeKey>>(new Set());
-  const tableDOMNodeRef = useRef<HTMLElement | null>(null);
+  const tableSetRef = useRef<Set<NodeKey>>(new Set());
+  const tableCellDOMNodeRef = useRef<HTMLElement | null>(null);
 
   const debouncedOnMouseMove = useDebounce(
     (event: MouseEvent) => {
@@ -56,7 +56,7 @@ function TableHoverActionsContainer({
         return;
       }
 
-      tableDOMNodeRef.current = tableDOMNode;
+      tableCellDOMNodeRef.current = tableDOMNode;
 
       let hoveredRowNode: TableCellNode | null = null;
       let hoveredColumnNode: TableCellNode | null = null;
@@ -98,20 +98,21 @@ function TableHoverActionsContainer({
         const {
           width: tableElemWidth,
           y: tableElemY,
-          x: tableElemX,
           right: tableElemRight,
+          left: tableElemLeft,
           bottom: tableElemBottom,
           height: tableElemHeight,
         } = (tableDOMElement as HTMLTableElement).getBoundingClientRect();
 
-        const {y: editorElemY} = anchorElem.getBoundingClientRect();
+        const {y: editorElemY, left: editorElemLeft} =
+          anchorElem.getBoundingClientRect();
 
         if (hoveredRowNode) {
           setShownColumn(false);
           setShownRow(true);
           setPosition({
             height: BUTTON_WIDTH_PX,
-            left: tableElemX,
+            left: tableElemLeft - editorElemLeft,
             top: tableElemBottom - editorElemY + 5,
             width: tableElemWidth,
           });
@@ -120,7 +121,7 @@ function TableHoverActionsContainer({
           setShownRow(false);
           setPosition({
             height: tableElemHeight,
-            left: tableElemRight + 5,
+            left: tableElemRight - editorElemLeft + 5,
             top: tableElemY - editorElemY,
             width: BUTTON_WIDTH_PX,
           });
@@ -131,6 +132,15 @@ function TableHoverActionsContainer({
     250,
   );
 
+  // Hide the buttons on any table dimensions change to prevent last row cells
+  // overlap behind the 'Add Row' button when text entry changes cell height
+  const tableResizeObserver = useMemo(() => {
+    return new ResizeObserver(() => {
+      setShownRow(false);
+      setShownColumn(false);
+    });
+  }, []);
+
   useEffect(() => {
     if (!shouldListenMouseMove) {
       return;
@@ -153,15 +163,27 @@ function TableHoverActionsContainer({
         (mutations) => {
           editor.getEditorState().read(() => {
             for (const [key, type] of mutations) {
+              const tableDOMElement = editor.getElementByKey(key);
               switch (type) {
                 case 'created':
-                  codeSetRef.current.add(key);
-                  setShouldListenMouseMove(codeSetRef.current.size > 0);
+                  tableSetRef.current.add(key);
+                  setShouldListenMouseMove(tableSetRef.current.size > 0);
+                  if (tableDOMElement) {
+                    tableResizeObserver.observe(tableDOMElement);
+                  }
                   break;
 
                 case 'destroyed':
-                  codeSetRef.current.delete(key);
-                  setShouldListenMouseMove(codeSetRef.current.size > 0);
+                  tableSetRef.current.delete(key);
+                  setShouldListenMouseMove(tableSetRef.current.size > 0);
+                  // Reset resize observers
+                  tableResizeObserver.disconnect();
+                  tableSetRef.current.forEach((tableKey: NodeKey) => {
+                    const tableElement = editor.getElementByKey(tableKey);
+                    if (tableElement) {
+                      tableResizeObserver.observe(tableElement);
+                    }
+                  });
                   break;
 
                 default:
@@ -173,13 +195,13 @@ function TableHoverActionsContainer({
         {skipInitialization: false},
       ),
     );
-  }, [editor]);
+  }, [editor, tableResizeObserver]);
 
   const insertAction = (insertRow: boolean) => {
     editor.update(() => {
-      if (tableDOMNodeRef.current) {
+      if (tableCellDOMNodeRef.current) {
         const maybeTableNode = $getNearestNodeFromDOMNode(
-          tableDOMNodeRef.current,
+          tableCellDOMNodeRef.current,
         );
         maybeTableNode?.selectEnd();
         if (insertRow) {

From 70de1d04c58a1b4a4149eb2dee385120e3fa0e81 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Wed, 16 Oct 2024 05:43:29 -0700
Subject: [PATCH 050/133] [*] Chore: Disable react-beta test job for now
 (#6738)

---
 .github/workflows/call-e2e-all-tests.yml | 33 ++++++++++++------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/.github/workflows/call-e2e-all-tests.yml b/.github/workflows/call-e2e-all-tests.yml
index 3bb173e122d..bd54356729c 100644
--- a/.github/workflows/call-e2e-all-tests.yml
+++ b/.github/workflows/call-e2e-all-tests.yml
@@ -140,22 +140,23 @@ jobs:
       editor-mode: ${{ matrix.editor-mode }}
       events-mode: ${{ matrix.events-mode }}
 
-  react-beta:
-    strategy:
-      matrix:
-        # Currently using a single combination for every-patch e2e tests of
-        # react beta to reduce cost impact
-        editor-mode: ['rich-text']
-        prod: [false]
-    uses: ./.github/workflows/call-e2e-test.yml
-    with:
-      os: 'ubuntu-latest'
-      browser: 'chromium'
-      node-version: 18.18.0
-      events-mode: 'modern-events'
-      editor-mode: ${{ matrix.editor-mode }}
-      prod: ${{ matrix.prod }}
-      override-react-version: beta
+  # This has been stalling in GitHub CI for unknown reasons, disable for now
+  # react-beta:
+  #   strategy:
+  #     matrix:
+  #       # Currently using a single combination for every-patch e2e tests of
+  #       # react beta to reduce cost impact
+  #       editor-mode: ['rich-text']
+  #       prod: [false]
+  #   uses: ./.github/workflows/call-e2e-test.yml
+  #   with:
+  #     os: 'ubuntu-latest'
+  #     browser: 'chromium'
+  #     node-version: 18.18.0
+  #     events-mode: 'modern-events'
+  #     editor-mode: ${{ matrix.editor-mode }}
+  #     prod: ${{ matrix.prod }}
+  #     override-react-version: beta
 
   flaky:
     strategy:

From 027acd601f1cad2ea88da20999d7f043d60cb850 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Wed, 16 Oct 2024 07:26:48 -0700
Subject: [PATCH 051/133] [lexical-code] Bug Fix: Add global type declarations
 for Prism (#6736)

---
 packages/lexical-code/src/CodeHighlighterPrism.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-code/src/CodeHighlighterPrism.ts b/packages/lexical-code/src/CodeHighlighterPrism.ts
index 98b17d8f43c..bc2d506e198 100644
--- a/packages/lexical-code/src/CodeHighlighterPrism.ts
+++ b/packages/lexical-code/src/CodeHighlighterPrism.ts
@@ -25,4 +25,11 @@ import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-cpp';
 
-export const Prism: typeof import('prismjs') = globalThis.Prism || window.Prism;
+declare global {
+  interface Window {
+    Prism: typeof import('prismjs');
+  }
+}
+
+export const Prism: typeof import('prismjs') =
+  (globalThis as {Prism?: typeof import('prismjs')}).Prism || window.Prism;

From 0e4b434eaf37cf79f68a09f3eeec8867644aced5 Mon Sep 17 00:00:00 2001
From: Neysan Foo <neysanfoo@gmail.com>
Date: Wed, 16 Oct 2024 22:41:08 +0800
Subject: [PATCH 052/133] [lexical-playground] Bug Fix: Disable image and
 inline focusing, adding caption and editing in read-only mode (#6705)

---
 .../src/nodes/ImageComponent.tsx              |  4 ++-
 .../InlineImageNode/InlineImageComponent.tsx  | 34 +++++++++++--------
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/packages/lexical-playground/src/nodes/ImageComponent.tsx b/packages/lexical-playground/src/nodes/ImageComponent.tsx
index 855c316e6e3..7cd2deff7ce 100644
--- a/packages/lexical-playground/src/nodes/ImageComponent.tsx
+++ b/packages/lexical-playground/src/nodes/ImageComponent.tsx
@@ -26,6 +26,7 @@ import {HashtagPlugin} from '@lexical/react/LexicalHashtagPlugin';
 import {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin';
 import {LexicalNestedComposer} from '@lexical/react/LexicalNestedComposer';
 import {RichTextPlugin} from '@lexical/react/LexicalRichTextPlugin';
+import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
 import {useLexicalNodeSelection} from '@lexical/react/useLexicalNodeSelection';
 import {mergeRegister} from '@lexical/utils';
 import {
@@ -171,6 +172,7 @@ export default function ImageComponent({
   const [selection, setSelection] = useState<BaseSelection | null>(null);
   const activeEditorRef = useRef<LexicalEditor | null>(null);
   const [isLoadError, setIsLoadError] = useState<boolean>(false);
+  const isEditable = useLexicalEditable();
 
   const $onDelete = useCallback(
     (payload: KeyboardEvent) => {
@@ -398,7 +400,7 @@ export default function ImageComponent({
   } = useSettings();
 
   const draggable = isSelected && $isNodeSelection(selection) && !isResizing;
-  const isFocused = isSelected || isResizing;
+  const isFocused = (isSelected || isResizing) && isEditable;
   return (
     <Suspense fallback={null}>
       <>
diff --git a/packages/lexical-playground/src/nodes/InlineImageNode/InlineImageComponent.tsx b/packages/lexical-playground/src/nodes/InlineImageNode/InlineImageComponent.tsx
index 5cb86ca2426..4a2629ffb45 100644
--- a/packages/lexical-playground/src/nodes/InlineImageNode/InlineImageComponent.tsx
+++ b/packages/lexical-playground/src/nodes/InlineImageNode/InlineImageComponent.tsx
@@ -15,6 +15,7 @@ import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {LexicalErrorBoundary} from '@lexical/react/LexicalErrorBoundary';
 import {LexicalNestedComposer} from '@lexical/react/LexicalNestedComposer';
 import {RichTextPlugin} from '@lexical/react/LexicalRichTextPlugin';
+import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
 import {useLexicalNodeSelection} from '@lexical/react/useLexicalNodeSelection';
 import {mergeRegister} from '@lexical/utils';
 import {
@@ -200,6 +201,7 @@ export default function InlineImageComponent({
   const [editor] = useLexicalComposerContext();
   const [selection, setSelection] = useState<BaseSelection | null>(null);
   const activeEditorRef = useRef<LexicalEditor | null>(null);
+  const isEditable = useLexicalEditable();
 
   const $onDelete = useCallback(
     (payload: KeyboardEvent) => {
@@ -352,25 +354,27 @@ export default function InlineImageComponent({
   ]);
 
   const draggable = isSelected && $isNodeSelection(selection);
-  const isFocused = isSelected;
+  const isFocused = isSelected && isEditable;
   return (
     <Suspense fallback={null}>
       <>
         <span draggable={draggable}>
-          <button
-            className="image-edit-button"
-            ref={buttonRef}
-            onClick={() => {
-              showModal('Update Inline Image', (onClose) => (
-                <UpdateInlineImageDialog
-                  activeEditor={editor}
-                  nodeKey={nodeKey}
-                  onClose={onClose}
-                />
-              ));
-            }}>
-            Edit
-          </button>
+          {isEditable && (
+            <button
+              className="image-edit-button"
+              ref={buttonRef}
+              onClick={() => {
+                showModal('Update Inline Image', (onClose) => (
+                  <UpdateInlineImageDialog
+                    activeEditor={editor}
+                    nodeKey={nodeKey}
+                    onClose={onClose}
+                  />
+                ));
+              }}>
+              Edit
+            </button>
+          )}
           <LazyImage
             className={
               isFocused

From a7e53e7798a14234bc9212bd18e2930417dbbd41 Mon Sep 17 00:00:00 2001
From: Alessio Gravili <alessio@gravili.de>
Date: Wed, 16 Oct 2024 08:48:23 -0600
Subject: [PATCH 053/133] [lexical-markdown] Feature: add ability to hook into
 the import process for multiline element transformers (#6682)

Co-authored-by: Sherry <potatowagon@meta.com>
---
 .../lexical-markdown/src/MarkdownImport.ts    |  24 +++-
 .../src/MarkdownTransformers.ts               |  13 ++
 .../__tests__/unit/LexicalMarkdown.test.ts    | 117 ++++++++++++++++++
 3 files changed, 149 insertions(+), 5 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownImport.ts b/packages/lexical-markdown/src/MarkdownImport.ts
index 99b7900b144..2f7dc27324b 100644
--- a/packages/lexical-markdown/src/MarkdownImport.ts
+++ b/packages/lexical-markdown/src/MarkdownImport.ts
@@ -117,16 +117,30 @@ function $importMultiline(
   multilineElementTransformers: Array<MultilineElementTransformer>,
   rootNode: ElementNode,
 ): [boolean, number] {
-  for (const {
-    regExpStart,
-    regExpEnd,
-    replace,
-  } of multilineElementTransformers) {
+  for (const transformer of multilineElementTransformers) {
+    const {handleImportAfterStartMatch, regExpEnd, regExpStart, replace} =
+      transformer;
+
     const startMatch = lines[startLineIndex].match(regExpStart);
     if (!startMatch) {
       continue; // Try next transformer
     }
 
+    if (handleImportAfterStartMatch) {
+      const result = handleImportAfterStartMatch({
+        lines,
+        rootNode,
+        startLineIndex,
+        startMatch,
+        transformer,
+      });
+      if (result === null) {
+        continue;
+      } else if (result) {
+        return result;
+      }
+    }
+
     const regexpEndRegex: RegExp | undefined =
       typeof regExpEnd === 'object' && 'regExp' in regExpEnd
         ? regExpEnd.regExp
diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index b724b3ba0ca..2a335156213 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -75,6 +75,19 @@ export type ElementTransformer = {
 };
 
 export type MultilineElementTransformer = {
+  /**
+   * Use this function to manually handle the import process, once the `regExpStart` has matched successfully.
+   * Without providing this function, the default behavior is to match until `regExpEnd` is found, or until the end of the document if `regExpEnd.optional` is true.
+   *
+   * @returns a tuple or null. The first element of the returned tuple is a boolean indicating if a multiline element was imported. The second element is the index of the last line that was processed. If null is returned, the next multilineElementTransformer will be tried. If undefined is returned, the default behavior will be used.
+   */
+  handleImportAfterStartMatch?: (args: {
+    lines: Array<string>;
+    rootNode: ElementNode;
+    startLineIndex: number;
+    startMatch: RegExpMatchArray;
+    transformer: MultilineElementTransformer;
+  }) => [boolean, number] | null | undefined;
   dependencies: Array<Klass<LexicalNode>>;
   /**
    * `export` is called when the `$convertToMarkdownString` is called to convert the editor state into markdown.
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index d4c1a90148a..be7199eefab 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -23,6 +23,7 @@ import {
   TRANSFORMERS,
 } from '../..';
 import {
+  CODE,
   MultilineElementTransformer,
   normalizeMarkdown,
 } from '../../MarkdownTransformers';
@@ -58,6 +59,115 @@ const MDX_HTML_TRANSFORMER: MultilineElementTransformer = {
   type: 'multiline-element',
 };
 
+const CODE_TAG_COUNTER_EXAMPLE: MultilineElementTransformer = {
+  dependencies: CODE.dependencies,
+  export: CODE.export,
+  handleImportAfterStartMatch({lines, rootNode, startLineIndex, startMatch}) {
+    const regexpEndRegex: RegExp | undefined = /[ \t]*```$/;
+
+    const isEndOptional = false;
+
+    let endLineIndex = startLineIndex;
+    const linesLength = lines.length;
+
+    let openedSubStartMatches = 0;
+
+    // check every single line for the closing match. It could also be on the same line as the opening match.
+    while (endLineIndex < linesLength) {
+      const potentialSubStartMatch =
+        lines[endLineIndex].match(/^[ \t]*```(\w+)?/);
+
+      const endMatch = regexpEndRegex
+        ? lines[endLineIndex].match(regexpEndRegex)
+        : null;
+
+      if (potentialSubStartMatch) {
+        if (endMatch) {
+          if ((potentialSubStartMatch.index ?? 0) < (endMatch.index ?? 0)) {
+            openedSubStartMatches++;
+          }
+        } else {
+          openedSubStartMatches++;
+        }
+      }
+
+      if (endMatch) {
+        openedSubStartMatches--;
+      }
+
+      if (!endMatch || openedSubStartMatches > 0) {
+        if (
+          !isEndOptional ||
+          (isEndOptional && endLineIndex < linesLength - 1) // Optional end, but didn't reach the end of the document yet => continue searching for potential closing match
+        ) {
+          endLineIndex++;
+          continue; // Search next line for closing match
+        }
+      }
+
+      // Now, check if the closing match matched is the same as the opening match.
+      // If it is, we need to continue searching for the actual closing match.
+      if (
+        endMatch &&
+        startLineIndex === endLineIndex &&
+        endMatch.index === startMatch.index
+      ) {
+        endLineIndex++;
+        continue; // Search next line for closing match
+      }
+
+      // At this point, we have found the closing match. Next: calculate the lines in between open and closing match
+      // This should not include the matches themselves, and be split up by lines
+      const linesInBetween: string[] = [];
+
+      if (endMatch && startLineIndex === endLineIndex) {
+        linesInBetween.push(
+          lines[startLineIndex].slice(
+            startMatch[0].length,
+            -endMatch[0].length,
+          ),
+        );
+      } else {
+        for (let i = startLineIndex; i <= endLineIndex; i++) {
+          if (i === startLineIndex) {
+            const text = lines[i].slice(startMatch[0].length);
+            linesInBetween.push(text); // Also include empty text
+          } else if (i === endLineIndex && endMatch) {
+            const text = lines[i].slice(0, -endMatch[0].length);
+            linesInBetween.push(text); // Also include empty text
+          } else {
+            linesInBetween.push(lines[i]);
+          }
+        }
+      }
+
+      if (
+        CODE.replace(
+          rootNode,
+          null,
+          startMatch,
+          endMatch,
+          linesInBetween,
+          true,
+        ) !== false
+      ) {
+        // Return here. This $importMultiline function is run line by line and should only process a single multiline element at a time.
+        return [true, endLineIndex];
+      }
+
+      // The replace function returned false, despite finding the matching open and close tags => this transformer does not want to handle it.
+      // Thus, we continue letting the remaining transformers handle the passed lines of text from the beginning
+      break;
+    }
+
+    // No multiline transformer handled this line successfully
+    return [false, startLineIndex];
+  },
+  regExpStart: CODE.regExpStart,
+  replace: CODE.replace,
+  type: 'multiline-element',
+};
+
 describe('Markdown', () => {
   type Input = Array<{
     html: string;
@@ -344,6 +454,13 @@ describe('Markdown', () => {
       shouldMergeAdjacentLines: true,
       skipExport: true,
     },
+    {
+      customTransformers: [CODE_TAG_COUNTER_EXAMPLE],
+      // Ensure special ``` code block supports nested code blocks
+      html: '<pre spellcheck="false" data-language="ts" data-highlight-language="ts"><span style="white-space: pre-wrap;">Code\n```ts\nSub Code\n```</span></pre>',
+      md: '```ts\nCode\n```ts\nSub Code\n```\n```',
+      skipExport: true,
+    },
   ];
 
   const HIGHLIGHT_TEXT_MATCH_IMPORT: TextMatchTransformer = {

From ad1d14efc3a06ea692d293135d79ca9ffdfd900b Mon Sep 17 00:00:00 2001
From: Neysan Foo <neysanfoo@gmail.com>
Date: Thu, 17 Oct 2024 04:21:42 +0800
Subject: [PATCH 054/133] [lexical-playground] Bug Fix: Disable equation
 editing in read-only mode (#6707)

---
 .../src/nodes/EquationComponent.tsx               | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/lexical-playground/src/nodes/EquationComponent.tsx b/packages/lexical-playground/src/nodes/EquationComponent.tsx
index e4eeb64aeb2..6929f5363f7 100644
--- a/packages/lexical-playground/src/nodes/EquationComponent.tsx
+++ b/packages/lexical-playground/src/nodes/EquationComponent.tsx
@@ -7,6 +7,7 @@
  */
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
 import {mergeRegister} from '@lexical/utils';
 import {
   $getNodeByKey,
@@ -37,6 +38,7 @@ export default function EquationComponent({
   nodeKey,
 }: EquationComponentProps): JSX.Element {
   const [editor] = useLexicalComposerContext();
+  const isEditable = useLexicalEditable();
   const [equationValue, setEquationValue] = useState(equation);
   const [showEquationEditor, setShowEquationEditor] = useState<boolean>(false);
   const inputRef = useRef(null);
@@ -64,6 +66,9 @@ export default function EquationComponent({
   }, [showEquationEditor, equation, equationValue]);
 
   useEffect(() => {
+    if (!isEditable) {
+      return;
+    }
     if (showEquationEditor) {
       return mergeRegister(
         editor.registerCommand(
@@ -107,11 +112,11 @@ export default function EquationComponent({
         }
       });
     }
-  }, [editor, nodeKey, onHide, showEquationEditor]);
+  }, [editor, nodeKey, onHide, showEquationEditor, isEditable]);
 
   return (
     <>
-      {showEquationEditor ? (
+      {showEquationEditor && isEditable ? (
         <EquationEditor
           equation={equationValue}
           setEquation={setEquationValue}
@@ -123,7 +128,11 @@ export default function EquationComponent({
           <KatexRenderer
             equation={equationValue}
             inline={inline}
-            onDoubleClick={() => setShowEquationEditor(true)}
+            onDoubleClick={() => {
+              if (isEditable) {
+                setShowEquationEditor(true);
+              }
+            }}
           />
         </ErrorBoundary>
       )}

From 24e83416064fbc5d4dc87a31f789b3c9bdda7b36 Mon Sep 17 00:00:00 2001
From: Katsia <47710336+KatsiarynaDzibrova@users.noreply.github.com>
Date: Wed, 16 Oct 2024 23:22:20 +0100
Subject: [PATCH 055/133] Bug Fix: Shift+down selects an extra subsequent
 element  for Table selection (#6679)

Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
---
 .../__tests__/e2e/Selection.spec.mjs          | 59 ++++++++++++++--
 .../src/LexicalTableSelectionHelpers.ts       | 69 ++++++++++++++++++-
 2 files changed, 121 insertions(+), 7 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
index d458cb1ea6a..026cd94d92d 100644
--- a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
@@ -1011,8 +1011,8 @@ test.describe.parallel('Selection', () => {
     await assertSelection(page, {
       anchorOffset: 0,
       anchorPath: [0],
-      focusOffset: 0,
-      focusPath: [2],
+      focusOffset: 1,
+      focusPath: [1, 2, 1],
     });
   });
 
@@ -1036,8 +1036,8 @@ test.describe.parallel('Selection', () => {
     await assertSelection(page, {
       anchorOffset: 0,
       anchorPath: [2],
-      focusOffset: 0,
-      focusPath: [0],
+      focusOffset: 1,
+      focusPath: [1, 1, 0],
     });
   });
 
@@ -1147,4 +1147,55 @@ test.describe.parallel('Selection', () => {
       focus: {x: 1, y: 1},
     });
   });
+
+  test('shift+arrowdown into a table does not select element after', async ({
+    page,
+    isPlainText,
+    isCollab,
+    legacyEvents,
+    browserName,
+  }) => {
+    test.skip(isPlainText);
+    await focusEditor(page);
+    await insertTable(page, 2, 2);
+
+    await moveToEditorEnd(page);
+    await page.keyboard.type('def');
+
+    await moveToEditorBeginning(page);
+    await page.keyboard.down('Shift');
+    await page.keyboard.press('ArrowDown');
+    await page.keyboard.up('Shift');
+    await assertSelection(page, {
+      anchorOffset: 0,
+      anchorPath: [0],
+      focusOffset: 1,
+      focusPath: [1, 2, 1],
+    });
+  });
+
+  test('shift+arrowup into a table does not select element before', async ({
+    page,
+    isPlainText,
+    isCollab,
+    legacyEvents,
+    browserName,
+  }) => {
+    test.skip(isPlainText);
+    await focusEditor(page);
+    await insertTable(page, 2, 2);
+    await moveToEditorBeginning(page);
+    await page.keyboard.type('abc');
+
+    await moveToEditorEnd(page);
+    await page.keyboard.down('Shift');
+    await page.keyboard.press('ArrowUp');
+    await page.keyboard.up('Shift');
+    await assertSelection(page, {
+      anchorOffset: 0,
+      anchorPath: [2],
+      focusOffset: 1,
+      focusPath: [1, 1, 0],
+    });
+  });
 });
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index be84112c306..f85709749b4 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -1401,8 +1401,64 @@ function $handleArrowKey(
         (direction === 'up' || direction === 'down')
       ) {
         const focusNode = selection.focus.getNode();
-        if ($isRootOrShadowRoot(focusNode)) {
-          const selectedNode = selection.getNodes()[0];
+        const isTableUnselect =
+          !selection.isCollapsed() &&
+          ((direction === 'up' && !selection.isBackward()) ||
+            (direction === 'down' && selection.isBackward()));
+        if (isTableUnselect) {
+          let focusParentNode = $findMatchingParent(focusNode, (n) =>
+            $isTableNode(n),
+          );
+          if ($isTableCellNode(focusParentNode)) {
+            focusParentNode = $findMatchingParent(
+              focusParentNode,
+              $isTableNode,
+            );
+          }
+          if (focusParentNode !== tableNode) {
+            return false;
+          }
+          if (!focusParentNode) {
+            return false;
+          }
+          const sibling =
+            direction === 'down'
+              ? focusParentNode.getNextSibling()
+              : focusParentNode.getPreviousSibling();
+          if (!sibling) {
+            return false;
+          }
+          let newOffset = 0;
+          if (direction === 'up') {
+            if ($isElementNode(sibling)) {
+              newOffset = sibling.getChildrenSize();
+            }
+          }
+          let newFocusNode = sibling;
+          if (direction === 'up') {
+            if ($isElementNode(sibling)) {
+              const lastCell = sibling.getLastChild();
+              newFocusNode = lastCell ? lastCell : sibling;
+              newOffset = $isTextNode(newFocusNode)
+                ? newFocusNode.getTextContentSize()
+                : 0;
+            }
+          }
+          const newSelection = selection.clone();
+
+          newSelection.focus.set(
+            newFocusNode.getKey(),
+            newOffset,
+            $isTextNode(newFocusNode) ? 'text' : 'element',
+          );
+          $setSelection(newSelection);
+          stopEvent(event);
+          return true;
+        } else if ($isRootOrShadowRoot(focusNode)) {
+          const selectedNode =
+            direction === 'up'
+              ? selection.getNodes()[selection.getNodes().length - 1]
+              : selection.getNodes()[0];
           if (selectedNode) {
             const tableCellNode = $findMatchingParent(
               selectedNode,
@@ -1441,10 +1497,16 @@ function $handleArrowKey(
           }
           return false;
         } else {
-          const focusParentNode = $findMatchingParent(
+          let focusParentNode = $findMatchingParent(
             focusNode,
             (n) => $isElementNode(n) && !n.isInline(),
           );
+          if ($isTableCellNode(focusParentNode)) {
+            focusParentNode = $findMatchingParent(
+              focusParentNode,
+              $isTableNode,
+            );
+          }
           if (!focusParentNode) {
             return false;
           }
@@ -1469,6 +1531,7 @@ function $handleArrowKey(
               direction === 'up' ? 0 : lastCellNode.getChildrenSize(),
               'element',
             );
+            stopEvent(event);
             $setSelection(newSelection);
             return true;
           }

From 790b5161d2f15e22bc5d7037a2e2f5fca5795af7 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Thu, 17 Oct 2024 04:30:54 +0530
Subject: [PATCH 056/133] [lexical-table] Return inserted node from
 `$insertTableRow__EXPERIMENTAL` and `$insertTableColumn__EXPERIMENTAL`
 (#6741)

---
 .../lexical-table/flow/LexicalTable.js.flow   |  4 ++--
 .../lexical-table/src/LexicalTableUtils.ts    | 23 +++++++++++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/packages/lexical-table/flow/LexicalTable.js.flow b/packages/lexical-table/flow/LexicalTable.js.flow
index 0c58fc56374..8ec1b813b10 100644
--- a/packages/lexical-table/flow/LexicalTable.js.flow
+++ b/packages/lexical-table/flow/LexicalTable.js.flow
@@ -237,11 +237,11 @@ declare export function $deleteTableColumn(
 
 declare export function $insertTableRow__EXPERIMENTAL(
   insertAfter: boolean,
-): void;
+): TableRowNode | null;
 
 declare export function $insertTableColumn__EXPERIMENTAL(
   insertAfter: boolean,
-): void;
+): TableCellNode | null;
 
 declare export function $deleteTableRow__EXPERIMENTAL(): void;
 
diff --git a/packages/lexical-table/src/LexicalTableUtils.ts b/packages/lexical-table/src/LexicalTableUtils.ts
index 7a4aa7534ea..c2cce0126a1 100644
--- a/packages/lexical-table/src/LexicalTableUtils.ts
+++ b/packages/lexical-table/src/LexicalTableUtils.ts
@@ -245,7 +245,14 @@ const getHeaderState = (
   return TableCellHeaderStates.NO_STATUS;
 };
 
-export function $insertTableRow__EXPERIMENTAL(insertAfter = true): void {
+/**
+ * Inserts a table row before or after the current focus cell node,
+ * taking into account any spans. If successful, returns the
+ * inserted table row node.
+ */
+export function $insertTableRow__EXPERIMENTAL(
+  insertAfter = true,
+): TableRowNode | null {
   const selection = $getSelection();
   invariant(
     $isRangeSelection(selection) || $isTableSelection(selection),
@@ -256,6 +263,7 @@ export function $insertTableRow__EXPERIMENTAL(insertAfter = true): void {
   const [gridMap, focusCellMap] = $computeTableMap(grid, focusCell, focusCell);
   const columnCount = gridMap[0].length;
   const {startRow: focusStartRow} = focusCellMap;
+  let insertedRow: TableRowNode | null = null;
   if (insertAfter) {
     const focusEndRow = focusStartRow + focusCell.__rowSpan - 1;
     const focusEndRowMap = gridMap[focusEndRow];
@@ -284,6 +292,7 @@ export function $insertTableRow__EXPERIMENTAL(insertAfter = true): void {
       'focusEndRow is not a TableRowNode',
     );
     focusEndRowNode.insertAfter(newRow);
+    insertedRow = newRow;
   } else {
     const focusStartRowMap = gridMap[focusStartRow];
     const newRow = $createTableRowNode();
@@ -311,7 +320,9 @@ export function $insertTableRow__EXPERIMENTAL(insertAfter = true): void {
       'focusEndRow is not a TableRowNode',
     );
     focusStartRowNode.insertBefore(newRow);
+    insertedRow = newRow;
   }
+  return insertedRow;
 }
 
 export function $insertTableColumn(
@@ -373,7 +384,14 @@ export function $insertTableColumn(
   return tableNode;
 }
 
-export function $insertTableColumn__EXPERIMENTAL(insertAfter = true): void {
+/**
+ * Inserts a column before or after the current focus cell node,
+ * taking into account any spans. If successful, returns the
+ * first inserted cell node.
+ */
+export function $insertTableColumn__EXPERIMENTAL(
+  insertAfter = true,
+): TableCellNode | null {
   const selection = $getSelection();
   invariant(
     $isRangeSelection(selection) || $isTableSelection(selection),
@@ -479,6 +497,7 @@ export function $insertTableColumn__EXPERIMENTAL(insertAfter = true): void {
     newColWidths.splice(columnIndex, 0, newWidth);
     grid.setColWidths(newColWidths);
   }
+  return firstInsertedCell;
 }
 
 export function $deleteTableColumn(

From b2d57a0162671ab339a3b6bb578218d916ff2131 Mon Sep 17 00:00:00 2001
From: EJ Hammond <67350250+ejhammond@users.noreply.github.com>
Date: Sun, 20 Oct 2024 14:40:36 -0400
Subject: [PATCH 057/133] [lexical-react] Feature: Add aria-errormessage and
 aria-invalid support to LexicalContentEditable (#6745)

---
 .../lexical-react/flow/LexicalContentEditable.js.flow  |  3 +++
 .../src/shared/LexicalContentEditableElement.tsx       | 10 ++++++++++
 2 files changed, 13 insertions(+)

diff --git a/packages/lexical-react/flow/LexicalContentEditable.js.flow b/packages/lexical-react/flow/LexicalContentEditable.js.flow
index c5a7feb55fc..270ea7998ca 100644
--- a/packages/lexical-react/flow/LexicalContentEditable.js.flow
+++ b/packages/lexical-react/flow/LexicalContentEditable.js.flow
@@ -24,6 +24,9 @@ type HTMLDivElementDOMProps = $ReadOnly<{
   'aria-labeledby'?: void | string,
   'aria-activedescendant'?: void | string,
   'aria-autocomplete'?: void | string,
+  'aria-describedby'?: void | string,
+  'aria-errormessage'?: void | string,
+  'aria-invalid'?: void | boolean,
   'aria-owns'?: void | string,
   'title'?: void | string,
   onClick?: void | (e: SyntheticEvent<HTMLDivElement>) => mixed,
diff --git a/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx b/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx
index 2e1208e0d64..373bbceba73 100644
--- a/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx
+++ b/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx
@@ -20,7 +20,9 @@ export type Props = {
   ariaAutoComplete?: React.AriaAttributes['aria-autocomplete'];
   ariaControls?: React.AriaAttributes['aria-controls'];
   ariaDescribedBy?: React.AriaAttributes['aria-describedby'];
+  ariaErrorMessage?: React.AriaAttributes['aria-errormessage'];
   ariaExpanded?: React.AriaAttributes['aria-expanded'];
+  ariaInvalid?: React.AriaAttributes['aria-invalid'];
   ariaLabel?: React.AriaAttributes['aria-label'];
   ariaLabelledBy?: React.AriaAttributes['aria-labelledby'];
   ariaMultiline?: React.AriaAttributes['aria-multiline'];
@@ -37,7 +39,9 @@ function ContentEditableElementImpl(
     ariaAutoComplete,
     ariaControls,
     ariaDescribedBy,
+    ariaErrorMessage,
     ariaExpanded,
+    ariaInvalid,
     ariaLabel,
     ariaLabelledBy,
     ariaMultiline,
@@ -89,9 +93,15 @@ function ContentEditableElementImpl(
       aria-autocomplete={isEditable ? ariaAutoComplete : 'none'}
       aria-controls={isEditable ? ariaControls : undefined}
       aria-describedby={ariaDescribedBy}
+      // for compat, only override aria-errormessage if ariaErrorMessage is defined
+      {...(ariaErrorMessage != null
+        ? {'aria-errormessage': ariaErrorMessage}
+        : {})}
       aria-expanded={
         isEditable && role === 'combobox' ? !!ariaExpanded : undefined
       }
+      // for compat, only override aria-invalid if ariaInvalid is defined
+      {...(ariaInvalid != null ? {'aria-invalid': ariaInvalid} : {})}
       aria-label={ariaLabel}
       aria-labelledby={ariaLabelledBy}
       aria-multiline={ariaMultiline}

From 1b4f1e0b820b1d3257b9161f69bec716a6bdb179 Mon Sep 17 00:00:00 2001
From: EJ Hammond <67350250+ejhammond@users.noreply.github.com>
Date: Mon, 21 Oct 2024 11:27:55 -0400
Subject: [PATCH 058/133] Add ariaErrorMessage and ariaInvalid to Flow type
 (#6751)

---
 packages/lexical-react/flow/LexicalContentEditable.js.flow | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/lexical-react/flow/LexicalContentEditable.js.flow b/packages/lexical-react/flow/LexicalContentEditable.js.flow
index 270ea7998ca..3c50a112513 100644
--- a/packages/lexical-react/flow/LexicalContentEditable.js.flow
+++ b/packages/lexical-react/flow/LexicalContentEditable.js.flow
@@ -63,7 +63,9 @@ export type Props = $ReadOnly<{
   ariaAutoComplete?: string,
   ariaControls?: string,
   ariaDescribedBy?: string,
+  ariaErrorMessage?: string,
   ariaExpanded?: boolean,
+  ariaInvalid?: boolean,
   ariaLabel?: string,
   ariaLabelledBy?: string,
   ariaMultiline?: boolean,

From 6e299aa37e2baa3040ddc21fdf71cf55f7357f90 Mon Sep 17 00:00:00 2001
From: Ivaylo Pavlov <ivailo90@gmail.com>
Date: Mon, 21 Oct 2024 22:34:03 +0100
Subject: [PATCH 059/133] [lexical-table] [lexical-selection] Try to fix
 calling split on undefined (#6746)

---
 packages/lexical-selection/src/utils.ts            | 3 +++
 packages/lexical-table/src/LexicalTableCellNode.ts | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-selection/src/utils.ts b/packages/lexical-selection/src/utils.ts
index 0608706eab7..df85bc72c24 100644
--- a/packages/lexical-selection/src/utils.ts
+++ b/packages/lexical-selection/src/utils.ts
@@ -176,6 +176,9 @@ export function createRectsFromDOMRange(
  */
 export function getStyleObjectFromRawCSS(css: string): Record<string, string> {
   const styleObject: Record<string, string> = {};
+  if (!css) {
+    return styleObject;
+  }
   const styles = css.split(';');
 
   for (const style of styles) {
diff --git a/packages/lexical-table/src/LexicalTableCellNode.ts b/packages/lexical-table/src/LexicalTableCellNode.ts
index 7f752777dc0..525a8bce82c 100644
--- a/packages/lexical-table/src/LexicalTableCellNode.ts
+++ b/packages/lexical-table/src/LexicalTableCellNode.ts
@@ -322,7 +322,7 @@ export function $convertTableCellNodeElement(
   }
 
   const style = domNode_.style;
-  const textDecoration = style.textDecoration.split(' ');
+  const textDecoration = ((style && style.textDecoration) || '').split(' ');
   const hasBoldFontWeight =
     style.fontWeight === '700' || style.fontWeight === 'bold';
   const hasLinethroughTextDecoration = textDecoration.includes('line-through');

From 3055e54acd7088b2e413a97d7b0c99c4456b852c Mon Sep 17 00:00:00 2001
From: Neysan Foo <neysanfoo@gmail.com>
Date: Tue, 22 Oct 2024 08:36:33 +0800
Subject: [PATCH 060/133] [lexical-playground] Bug Fix: Disable table hover
 actions in read-only mode (#6706)

---
 .../plugins/TableHoverActionsPlugin/index.tsx | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
index 4c88e8d52b3..44fc3368a02 100644
--- a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
@@ -7,6 +7,7 @@
  */
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
 import {
   $getTableColumnIndexFromTableCellNode,
   $getTableRowIndexFromTableCellNode,
@@ -32,8 +33,9 @@ function TableHoverActionsContainer({
   anchorElem,
 }: {
   anchorElem: HTMLElement;
-}): JSX.Element {
+}): JSX.Element | null {
   const [editor] = useLexicalComposerContext();
+  const isEditable = useLexicalEditable();
   const [isShownRow, setShownRow] = useState<boolean>(false);
   const [isShownColumn, setShownColumn] = useState<boolean>(false);
   const [shouldListenMouseMove, setShouldListenMouseMove] =
@@ -215,6 +217,10 @@ function TableHoverActionsContainer({
     });
   };
 
+  if (!isEditable) {
+    return null;
+  }
+
   return (
     <>
       {isShownRow && (
@@ -268,8 +274,12 @@ export default function TableHoverActionsPlugin({
 }: {
   anchorElem?: HTMLElement;
 }): React.ReactPortal | null {
-  return createPortal(
-    <TableHoverActionsContainer anchorElem={anchorElem} />,
-    anchorElem,
-  );
+  const isEditable = useLexicalEditable();
+
+  return isEditable
+    ? createPortal(
+        <TableHoverActionsContainer anchorElem={anchorElem} />,
+        anchorElem,
+      )
+    : null;
 }

From 4e1a3f43955bd103686731a89fa3dd3a1494684b Mon Sep 17 00:00:00 2001
From: Neysan Foo <neysanfoo@gmail.com>
Date: Tue, 22 Oct 2024 08:51:19 +0800
Subject: [PATCH 061/133] [lexical-playground] Bug Fix: Disable editing of
 Excalidraw Component in Read-Only Mode (#6704)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../ExcalidrawNode/ExcalidrawComponent.tsx    | 61 ++++++++++---------
 1 file changed, 33 insertions(+), 28 deletions(-)

diff --git a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
index 646d0004a38..5a45068469e 100644
--- a/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
+++ b/packages/lexical-playground/src/nodes/ExcalidrawNode/ExcalidrawComponent.tsx
@@ -11,6 +11,7 @@ import type {NodeKey} from 'lexical';
 
 import {AppState, BinaryFiles} from '@excalidraw/excalidraw/types/types';
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
 import {useLexicalNodeSelection} from '@lexical/react/useLexicalNodeSelection';
 import {mergeRegister} from '@lexical/utils';
 import {
@@ -40,6 +41,7 @@ export default function ExcalidrawComponent({
   height: 'inherit' | number;
 }): JSX.Element {
   const [editor] = useLexicalComposerContext();
+  const isEditable = useLexicalEditable();
   const [isModalOpen, setModalOpen] = useState<boolean>(
     data === '[]' && editor.isEditable(),
   );
@@ -66,16 +68,13 @@ export default function ExcalidrawComponent({
     [editor, isSelected, nodeKey],
   );
 
-  // Set editor to readOnly if Excalidraw is open to prevent unwanted changes
   useEffect(() => {
-    if (isModalOpen) {
-      editor.setEditable(false);
-    } else {
-      editor.setEditable(true);
+    if (!isEditable) {
+      if (isSelected) {
+        clearSelection();
+      }
+      return;
     }
-  }, [isModalOpen, editor]);
-
-  useEffect(() => {
     return mergeRegister(
       editor.registerCommand(
         CLICK_COMMAND,
@@ -113,7 +112,15 @@ export default function ExcalidrawComponent({
         COMMAND_PRIORITY_LOW,
       ),
     );
-  }, [clearSelection, editor, isSelected, isResizing, $onDelete, setSelected]);
+  }, [
+    clearSelection,
+    editor,
+    isSelected,
+    isResizing,
+    $onDelete,
+    setSelected,
+    isEditable,
+  ]);
 
   const deleteNode = useCallback(() => {
     setModalOpen(false);
@@ -130,9 +137,6 @@ export default function ExcalidrawComponent({
     aps: Partial<AppState>,
     fls: BinaryFiles,
   ) => {
-    if (!editor.isEditable()) {
-      return;
-    }
     return editor.update(() => {
       const node = $getNodeByKey(nodeKey);
       if ($isExcalidrawNode(node)) {
@@ -198,20 +202,21 @@ export default function ExcalidrawComponent({
 
   return (
     <>
-      <ExcalidrawModal
-        initialElements={elements}
-        initialFiles={files}
-        initialAppState={appState}
-        isShown={isModalOpen}
-        onDelete={deleteNode}
-        onClose={closeModal}
-        onSave={(els, aps, fls) => {
-          editor.setEditable(true);
-          setData(els, aps, fls);
-          setModalOpen(false);
-        }}
-        closeOnClickOutside={false}
-      />
+      {isEditable && isModalOpen && (
+        <ExcalidrawModal
+          initialElements={elements}
+          initialFiles={files}
+          initialAppState={appState}
+          isShown={isModalOpen}
+          onDelete={deleteNode}
+          onClose={closeModal}
+          onSave={(els, aps, fls) => {
+            setData(els, aps, fls);
+            setModalOpen(false);
+          }}
+          closeOnClickOutside={false}
+        />
+      )}
       {elements.length > 0 && (
         <button
           ref={buttonRef}
@@ -225,7 +230,7 @@ export default function ExcalidrawComponent({
             width={width}
             height={height}
           />
-          {isSelected && (
+          {isSelected && isEditable && (
             <div
               className="image-edit-button"
               role="button"
@@ -234,7 +239,7 @@ export default function ExcalidrawComponent({
               onClick={openModal}
             />
           )}
-          {(isSelected || isResizing) && (
+          {(isSelected || isResizing) && isEditable && (
             <ImageResizer
               buttonRef={captionButtonRef}
               showCaption={true}

From 409c65e56e447452da6fa7022672aeb3392518ca Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Wed, 23 Oct 2024 00:38:47 +0100
Subject: [PATCH 062/133] Trust HTML for rich text clipboard (#6755)

---
 package-lock.json                           | 14 ++++++++++++++
 package.json                                |  1 +
 packages/lexical-clipboard/src/clipboard.ts | 15 ++++++++++++++-
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 216f1c67140..97f74d56156 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,6 +41,7 @@
         "@types/prismjs": "^1.26.0",
         "@types/react": "^18.0.8",
         "@types/react-dom": "^18.0.3",
+        "@types/trusted-types": "^2.0.7",
         "@typescript-eslint/eslint-plugin": "^7.8.0",
         "@typescript-eslint/parser": "^7.8.0",
         "child-process-promise": "^2.2.1",
@@ -8357,6 +8358,13 @@
       "integrity": "sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==",
       "dev": true
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/unist": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
@@ -42703,6 +42711,12 @@
       "integrity": "sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==",
       "dev": true
     },
+    "@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "dev": true
+    },
     "@types/unist": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
diff --git a/package.json b/package.json
index 1c646ed711c..f1d0d0d401c 100644
--- a/package.json
+++ b/package.json
@@ -136,6 +136,7 @@
     "@types/prismjs": "^1.26.0",
     "@types/react": "^18.0.8",
     "@types/react-dom": "^18.0.3",
+    "@types/trusted-types": "^2.0.7",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
     "child-process-promise": "^2.2.1",
diff --git a/packages/lexical-clipboard/src/clipboard.ts b/packages/lexical-clipboard/src/clipboard.ts
index b8511cbd619..3de6860e998 100644
--- a/packages/lexical-clipboard/src/clipboard.ts
+++ b/packages/lexical-clipboard/src/clipboard.ts
@@ -154,7 +154,10 @@ export function $insertDataTransferForRichText(
   if (htmlString) {
     try {
       const parser = new DOMParser();
-      const dom = parser.parseFromString(htmlString, 'text/html');
+      const dom = parser.parseFromString(
+        trustHTML(htmlString) as string,
+        'text/html',
+      );
       const nodes = $generateNodesFromDOM(editor, dom);
       return $insertGeneratedNodes(editor, nodes, selection);
     } catch {
@@ -192,6 +195,16 @@ export function $insertDataTransferForRichText(
   }
 }
 
+function trustHTML(html: string): string | TrustedHTML {
+  if (window.trustedTypes && window.trustedTypes.createPolicy) {
+    const policy = window.trustedTypes.createPolicy('lexical', {
+      createHTML: (input) => input,
+    });
+    return policy.createHTML(html);
+  }
+  return html;
+}
+
 /**
  * Inserts Lexical nodes into the editor using different strategies depending on
  * some simple selection-based heuristics. If you're looking for a generic way to

From e96ee55b749c0fed8ac03d49044dd5594f0bc32e Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Sat, 26 Oct 2024 00:47:28 +0800
Subject: [PATCH 063/133] [lexical-react] replace abstract component (#6752)

---
 .flowconfig                                   |  3 ++-
 libdefs/yjs.js                                |  1 +
 package-lock.json                             | 15 +++++++-------
 package.json                                  |  2 +-
 .../flow/LexicalContentEditable.js.flow       | 20 +++++++++----------
 5 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/.flowconfig b/.flowconfig
index 8d966996cb3..04806f560c0 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -17,6 +17,7 @@ untyped-type-import=error
 [options]
 server.max_workers=4
 exact_by_default=true
+component_syntax=true
 
 ;; [generated-start update-flowconfig]
 module.name_mapper='^lexical$' -> '<PROJECT_ROOT>/packages/lexical/flow/Lexical.js.flow'
@@ -105,4 +106,4 @@ nonstrict-import
 unclear-type
 
 [version]
-^0.226.0
+^0.250.0
diff --git a/libdefs/yjs.js b/libdefs/yjs.js
index b58fc7a834d..8912a4461e9 100644
--- a/libdefs/yjs.js
+++ b/libdefs/yjs.js
@@ -644,6 +644,7 @@ declare module 'yjs' {
   };
 
   declare type StackItem = {
+    // $FlowFixMe: perhaps add generic typing instead of mixed
     meta: Map<mixed, mixed>,
     type: 'undo' | 'redo',
   };
diff --git a/package-lock.json b/package-lock.json
index 97f74d56156..d0e83273504 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -65,7 +65,7 @@
         "eslint-plugin-react-hooks": "^4.6.2",
         "eslint-plugin-simple-import-sort": "^12.1.0",
         "eslint-plugin-sort-keys-fix": "^1.1.2",
-        "flow-bin": "^0.226.0",
+        "flow-bin": "^0.250.0",
         "fs-extra": "^10.0.0",
         "glob": "^10.4.1",
         "google-closure-compiler": "^20220202.0.0",
@@ -17265,10 +17265,11 @@
       "dev": true
     },
     "node_modules/flow-bin": {
-      "version": "0.226.0",
-      "resolved": "https://registry.npmjs.org/flow-bin/-/flow-bin-0.226.0.tgz",
-      "integrity": "sha512-q8hXSRhZ+I14jS0KGDDsPYCvPufvBexk6nJXSOsSP6DgCuXbvCOByWhsXRAjPtmXKmO8v9RKSJm1kRaWaf0fZw==",
+      "version": "0.250.0",
+      "resolved": "https://registry.npmjs.org/flow-bin/-/flow-bin-0.250.0.tgz",
+      "integrity": "sha512-OYEPzpgSzvV+33kBuOOA1C0AjQkzIjrmbS/324CRRijnU1tABKyM5unzf4KIkyN5IQutgxqsSRZ1GsixC8+xIQ==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "flow": "cli.js"
       },
@@ -49129,9 +49130,9 @@
       "dev": true
     },
     "flow-bin": {
-      "version": "0.226.0",
-      "resolved": "https://registry.npmjs.org/flow-bin/-/flow-bin-0.226.0.tgz",
-      "integrity": "sha512-q8hXSRhZ+I14jS0KGDDsPYCvPufvBexk6nJXSOsSP6DgCuXbvCOByWhsXRAjPtmXKmO8v9RKSJm1kRaWaf0fZw==",
+      "version": "0.250.0",
+      "resolved": "https://registry.npmjs.org/flow-bin/-/flow-bin-0.250.0.tgz",
+      "integrity": "sha512-OYEPzpgSzvV+33kBuOOA1C0AjQkzIjrmbS/324CRRijnU1tABKyM5unzf4KIkyN5IQutgxqsSRZ1GsixC8+xIQ==",
       "dev": true
     },
     "flow-enums-runtime": {
diff --git a/package.json b/package.json
index f1d0d0d401c..e8b913dd2cd 100644
--- a/package.json
+++ b/package.json
@@ -160,7 +160,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-simple-import-sort": "^12.1.0",
     "eslint-plugin-sort-keys-fix": "^1.1.2",
-    "flow-bin": "^0.226.0",
+    "flow-bin": "^0.250.0",
     "fs-extra": "^10.0.0",
     "glob": "^10.4.1",
     "google-closure-compiler": "^20220202.0.0",
diff --git a/packages/lexical-react/flow/LexicalContentEditable.js.flow b/packages/lexical-react/flow/LexicalContentEditable.js.flow
index 3c50a112513..46fa8ccb950 100644
--- a/packages/lexical-react/flow/LexicalContentEditable.js.flow
+++ b/packages/lexical-react/flow/LexicalContentEditable.js.flow
@@ -12,11 +12,10 @@ import type { LexicalEditor } from 'lexical';
 import type {TRefFor} from 'CoreTypes.flow';
 
 import * as React from 'react';
-import type { AbstractComponent } from "react";
 
 type InlineStyle = {
-  [key: string]: mixed;
-}
+  [key: string]: mixed,
+};
 
 // Due to Flow limitations, we prefer fixed types over the built-in inexact HTMLElement
 type HTMLDivElementDOMProps = $ReadOnly<{
@@ -29,7 +28,7 @@ type HTMLDivElementDOMProps = $ReadOnly<{
   'aria-invalid'?: void | boolean,
   'aria-owns'?: void | string,
   'title'?: void | string,
-  onClick?: void | (e: SyntheticEvent<HTMLDivElement>) => mixed,
+  onClick?: void | ((e: SyntheticEvent<HTMLDivElement>) => mixed),
   autoCapitalize?: void | boolean,
   autoComplete?: void | boolean,
   autoCorrect?: void | boolean,
@@ -72,11 +71,10 @@ export type Props = $ReadOnly<{
   ariaOwns?: string,
   ariaRequired?: string,
   autoCapitalize?: boolean,
-  ref?: TRefFor<HTMLDivElement>,
-  ...PlaceholderProps
-}>
+  ...PlaceholderProps,
+}>;
 
-declare export var ContentEditable: AbstractComponent<
-  Props,
-  HTMLDivElement,
->;
+declare export var ContentEditable: component(
+  ref: React.RefSetter<HTMLDivElement>,
+  ...Props
+);

From d64d395ce9db90912684346d0b06b57024dcc8a6 Mon Sep 17 00:00:00 2001
From: Taro Shono <taroage@gmail.com>
Date: Sat, 26 Oct 2024 02:55:44 +0900
Subject: [PATCH 064/133] [lexical-react] Feature: add attributes in LinkPlugin
 (#6760)

---
 .../__tests__/e2e/Links.spec.mjs              | 43 +++++++++++++++++++
 .../__tests__/utils/index.mjs                 |  3 ++
 packages/lexical-playground/src/Editor.tsx    |  3 +-
 packages/lexical-playground/src/Settings.tsx  |  6 +++
 .../lexical-playground/src/appSettings.ts     |  1 +
 .../src/plugins/LinkPlugin/index.tsx          | 22 +++++++++-
 .../lexical-react/src/LexicalLinkPlugin.ts    | 28 +++++++++---
 7 files changed, 96 insertions(+), 10 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Links.spec.mjs b/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
index 695ee28d8e6..d0db3462c25 100644
--- a/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
@@ -12,6 +12,7 @@ import {
   moveRight,
   moveToLineBeginning,
   moveToLineEnd,
+  paste,
   selectAll,
   selectCharacters,
   STANDARD_KEYPRESS_DELAY_MS,
@@ -2076,6 +2077,48 @@ test.describe.parallel('Links', () => {
   });
 });
 
+test.describe('Link attributes', () => {
+  test.use({hasLinkAttributes: true});
+  test.beforeEach(({isCollab, hasLinkAttributes, page}) =>
+    initialize({hasLinkAttributes, isCollab, page}),
+  );
+  test('Can add attributes with paste', async ({
+    page,
+    context,
+    hasLinkAttributes,
+    browserName,
+  }) => {
+    if (browserName === 'chromium') {
+      await focusEditor(page);
+      await page.keyboard.type('Hello awesome');
+      await focusEditor(page);
+      await selectAll(page);
+      await context.grantPermissions(['clipboard-read', 'clipboard-write']);
+      await page.evaluate(() =>
+        navigator.clipboard.writeText('https://facebook.com'),
+      );
+      await paste(page);
+      await assertHTML(
+        page,
+        html`
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://facebook.com"
+              rel="noopener noreferrer"
+              target="_blank">
+              <span data-lexical-text="true">Hello awesome</span>
+            </a>
+          </p>
+        `,
+      );
+    }
+  });
+});
+
 async function setURL(page, url) {
   await click(page, '.link-edit');
   await focus(page, '.link-input');
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index 907db4b110a..c2f4d921ff9 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -58,6 +58,7 @@ export async function initialize({
   isCharLimit,
   isCharLimitUtf8,
   isMaxLength,
+  hasLinkAttributes,
   showNestedEditorTreeView,
   tableCellMerge,
   tableCellBackgroundColor,
@@ -85,6 +86,7 @@ export async function initialize({
   appSettings.isCharLimit = !!isCharLimit;
   appSettings.isCharLimitUtf8 = !!isCharLimitUtf8;
   appSettings.isMaxLength = !!isMaxLength;
+  appSettings.hasLinkAttributes = !!hasLinkAttributes;
   if (tableCellMerge !== undefined) {
     appSettings.tableCellMerge = tableCellMerge;
   }
@@ -140,6 +142,7 @@ async function exposeLexicalEditor(page) {
 }
 
 export const test = base.extend({
+  hasLinkAttributes: false,
   isCharLimit: false,
   isCharLimitUtf8: false,
   isCollab: IS_COLLAB,
diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index 9d03a71c21e..31d8a38d433 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -83,6 +83,7 @@ export default function Editor(): JSX.Element {
       isAutocomplete,
       isMaxLength,
       isCharLimit,
+      hasLinkAttributes,
       isCharLimitUtf8,
       isRichText,
       showTreeView,
@@ -185,7 +186,7 @@ export default function Editor(): JSX.Element {
             <TableCellResizer />
             <ImagesPlugin />
             <InlineImagePlugin />
-            <LinkPlugin />
+            <LinkPlugin hasLinkAttributes={hasLinkAttributes} />
             <PollPlugin />
             <TwitterPlugin />
             <YouTubePlugin />
diff --git a/packages/lexical-playground/src/Settings.tsx b/packages/lexical-playground/src/Settings.tsx
index a8e622dc6b0..b015f570d9d 100644
--- a/packages/lexical-playground/src/Settings.tsx
+++ b/packages/lexical-playground/src/Settings.tsx
@@ -22,6 +22,7 @@ export default function Settings(): JSX.Element {
       isCollab,
       isRichText,
       isMaxLength,
+      hasLinkAttributes,
       isCharLimit,
       isCharLimitUtf8,
       isAutocomplete,
@@ -116,6 +117,11 @@ export default function Settings(): JSX.Element {
             checked={isCharLimitUtf8}
             text="Char Limit (UTF-8)"
           />
+          <Switch
+            onClick={() => setOption('hasLinkAttributes', !hasLinkAttributes)}
+            checked={hasLinkAttributes}
+            text="Link Attributes"
+          />
           <Switch
             onClick={() => setOption('isMaxLength', !isMaxLength)}
             checked={isMaxLength}
diff --git a/packages/lexical-playground/src/appSettings.ts b/packages/lexical-playground/src/appSettings.ts
index 61892c2946e..d698af382c2 100644
--- a/packages/lexical-playground/src/appSettings.ts
+++ b/packages/lexical-playground/src/appSettings.ts
@@ -14,6 +14,7 @@ export const isDevPlayground: boolean =
 export const DEFAULT_SETTINGS = {
   disableBeforeInput: false,
   emptyEditor: isDevPlayground,
+  hasLinkAttributes: false,
   isAutocomplete: false,
   isCharLimit: false,
   isCharLimitUtf8: false,
diff --git a/packages/lexical-playground/src/plugins/LinkPlugin/index.tsx b/packages/lexical-playground/src/plugins/LinkPlugin/index.tsx
index 1f3dc437994..68799491dc5 100644
--- a/packages/lexical-playground/src/plugins/LinkPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/LinkPlugin/index.tsx
@@ -11,6 +11,24 @@ import * as React from 'react';
 
 import {validateUrl} from '../../utils/url';
 
-export default function LinkPlugin(): JSX.Element {
-  return <LexicalLinkPlugin validateUrl={validateUrl} />;
+type Props = {
+  hasLinkAttributes?: boolean;
+};
+
+export default function LinkPlugin({
+  hasLinkAttributes = false,
+}: Props): JSX.Element {
+  return (
+    <LexicalLinkPlugin
+      validateUrl={validateUrl}
+      attributes={
+        hasLinkAttributes
+          ? {
+              rel: 'noopener noreferrer',
+              target: '_blank',
+            }
+          : undefined
+      }
+    />
+  );
 }
diff --git a/packages/lexical-react/src/LexicalLinkPlugin.ts b/packages/lexical-react/src/LexicalLinkPlugin.ts
index e5f5b0afdc1..1d5da4844a2 100644
--- a/packages/lexical-react/src/LexicalLinkPlugin.ts
+++ b/packages/lexical-react/src/LexicalLinkPlugin.ts
@@ -6,7 +6,12 @@
  *
  */
 
-import {$toggleLink, LinkNode, TOGGLE_LINK_COMMAND} from '@lexical/link';
+import {
+  $toggleLink,
+  LinkAttributes,
+  LinkNode,
+  TOGGLE_LINK_COMMAND,
+} from '@lexical/link';
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {mergeRegister, objectKlassEquals} from '@lexical/utils';
 import {
@@ -20,9 +25,10 @@ import {useEffect} from 'react';
 
 type Props = {
   validateUrl?: (url: string) => boolean;
+  attributes?: LinkAttributes;
 };
 
-export function LinkPlugin({validateUrl}: Props): null {
+export function LinkPlugin({validateUrl, attributes}: Props): null {
   const [editor] = useLexicalComposerContext();
 
   useEffect(() => {
@@ -38,13 +44,18 @@ export function LinkPlugin({validateUrl}: Props): null {
             return true;
           } else if (typeof payload === 'string') {
             if (validateUrl === undefined || validateUrl(payload)) {
-              $toggleLink(payload);
+              $toggleLink(payload, attributes);
               return true;
             }
             return false;
           } else {
             const {url, target, rel, title} = payload;
-            $toggleLink(url, {rel, target, title});
+            $toggleLink(url, {
+              ...attributes,
+              rel,
+              target,
+              title,
+            });
             return true;
           }
         },
@@ -73,7 +84,10 @@ export function LinkPlugin({validateUrl}: Props): null {
               }
               // If we select nodes that are elements then avoid applying the link.
               if (!selection.getNodes().some((node) => $isElementNode(node))) {
-                editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
+                editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+                  ...attributes,
+                  url: clipboardText,
+                });
                 event.preventDefault();
                 return true;
               }
@@ -82,10 +96,10 @@ export function LinkPlugin({validateUrl}: Props): null {
             COMMAND_PRIORITY_LOW,
           )
         : () => {
-            // Don't paste arbritrary text as a link when there's no validate function
+            // Don't paste arbitrary text as a link when there's no validate function
           },
     );
-  }, [editor, validateUrl]);
+  }, [editor, validateUrl, attributes]);
 
   return null;
 }

From 173a3deecadf90c0ed47f6e8617ffc532c5a7f00 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Mon, 28 Oct 2024 02:24:05 +0800
Subject: [PATCH 065/133] [lexical] Add missing commands to Lexical.js.flow
 (#6769)

---
 packages/lexical/flow/Lexical.js.flow | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/lexical/flow/Lexical.js.flow b/packages/lexical/flow/Lexical.js.flow
index 33e5a952bd1..bc58eea45cf 100644
--- a/packages/lexical/flow/Lexical.js.flow
+++ b/packages/lexical/flow/Lexical.js.flow
@@ -58,11 +58,18 @@ declare export var CAN_REDO_COMMAND: LexicalCommand<boolean>;
 declare export var CAN_UNDO_COMMAND: LexicalCommand<boolean>;
 declare export var FOCUS_COMMAND: LexicalCommand<FocusEvent>;
 declare export var BLUR_COMMAND: LexicalCommand<FocusEvent>;
+declare export var SELECT_ALL_COMMAND: LexicalCommand<KeyboardEvent>;
+declare export var MOVE_TO_END: LexicalCommand<KeyboardEvent>;
+declare export var MOVE_TO_START: LexicalCommand<KeyboardEvent>;
+declare export var SELECTION_INSERT_CLIPBOARD_NODES_COMMAND: LexicalCommand<{
+  nodes: Array<LexicalNode>;
+  selection: BaseSelection;
+}>;
 
 declare export function createCommand<T>(type?: string): LexicalCommand<T>;
 
 /**
- * LexicalConstnats
+ * LexicalConstants
  */
 
 declare export var IS_ALL_FORMATTING: number;

From c892d55dbe5873bdcb0a936e44bf1687f719578c Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Mon, 28 Oct 2024 10:44:56 +0800
Subject: [PATCH 066/133] update dependencies to address security
 vulnerabilities (#6764)

---
 package-lock.json | 321 ++++++++++++++++++++++++----------------------
 package.json      |   2 +-
 2 files changed, 171 insertions(+), 152 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d0e83273504..aee57d24b3f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -84,7 +84,7 @@
         "prettier-plugin-organize-attributes": "^0.0.5",
         "prettier-plugin-tailwindcss": "^0.4.1",
         "react-test-renderer": "^17.0.2",
-        "rollup": "^4.17.2",
+        "rollup": "^4.22.4",
         "size-limit": "^11.1.2",
         "tmp": "^0.2.1",
         "ts-jest": "^29.1.2",
@@ -7058,208 +7058,224 @@
       "dev": true
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
-      "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz",
+      "integrity": "sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz",
-      "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.0.tgz",
+      "integrity": "sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz",
-      "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.0.tgz",
+      "integrity": "sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz",
-      "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.0.tgz",
+      "integrity": "sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz",
-      "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.0.tgz",
+      "integrity": "sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz",
-      "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.0.tgz",
+      "integrity": "sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz",
-      "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.0.tgz",
+      "integrity": "sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz",
-      "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.0.tgz",
+      "integrity": "sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz",
-      "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.0.tgz",
+      "integrity": "sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz",
-      "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.0.tgz",
+      "integrity": "sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==",
       "cpu": [
         "riscv64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz",
-      "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.0.tgz",
+      "integrity": "sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz",
-      "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.0.tgz",
+      "integrity": "sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz",
-      "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.0.tgz",
+      "integrity": "sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz",
-      "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.0.tgz",
+      "integrity": "sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz",
-      "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.0.tgz",
+      "integrity": "sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==",
       "cpu": [
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz",
-      "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz",
+      "integrity": "sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -7948,9 +7964,10 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "license": "MIT"
     },
     "node_modules/@types/estree-jsx": {
       "version": "1.0.5",
@@ -19124,9 +19141,10 @@
       }
     },
     "node_modules/http-proxy-middleware": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
-      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz",
+      "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==",
+      "license": "MIT",
       "dependencies": {
         "@types/http-proxy": "^1.17.8",
         "http-proxy": "^1.18.1",
@@ -30563,12 +30581,13 @@
       "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
     },
     "node_modules/rollup": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz",
-      "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz",
+      "integrity": "sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@types/estree": "1.0.5"
+        "@types/estree": "1.0.6"
       },
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -30578,22 +30597,22 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.17.2",
-        "@rollup/rollup-android-arm64": "4.17.2",
-        "@rollup/rollup-darwin-arm64": "4.17.2",
-        "@rollup/rollup-darwin-x64": "4.17.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.17.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.17.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.17.2",
-        "@rollup/rollup-linux-arm64-musl": "4.17.2",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.17.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.17.2",
-        "@rollup/rollup-linux-x64-gnu": "4.17.2",
-        "@rollup/rollup-linux-x64-musl": "4.17.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.17.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.17.2",
-        "@rollup/rollup-win32-x64-msvc": "4.17.2",
+        "@rollup/rollup-android-arm-eabi": "4.24.0",
+        "@rollup/rollup-android-arm64": "4.24.0",
+        "@rollup/rollup-darwin-arm64": "4.24.0",
+        "@rollup/rollup-darwin-x64": "4.24.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.24.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.24.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.24.0",
+        "@rollup/rollup-linux-arm64-musl": "4.24.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.24.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.24.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-musl": "4.24.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.24.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.24.0",
+        "@rollup/rollup-win32-x64-msvc": "4.24.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -41730,114 +41749,114 @@
       }
     },
     "@rollup/rollup-android-arm-eabi": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
-      "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz",
+      "integrity": "sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-android-arm64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz",
-      "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.0.tgz",
+      "integrity": "sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-darwin-arm64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz",
-      "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.0.tgz",
+      "integrity": "sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-darwin-x64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz",
-      "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.0.tgz",
+      "integrity": "sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz",
-      "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.0.tgz",
+      "integrity": "sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz",
-      "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.0.tgz",
+      "integrity": "sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz",
-      "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.0.tgz",
+      "integrity": "sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-arm64-musl": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz",
-      "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.0.tgz",
+      "integrity": "sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz",
-      "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.0.tgz",
+      "integrity": "sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz",
-      "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.0.tgz",
+      "integrity": "sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz",
-      "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.0.tgz",
+      "integrity": "sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-x64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz",
-      "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.0.tgz",
+      "integrity": "sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-x64-musl": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz",
-      "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.0.tgz",
+      "integrity": "sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz",
-      "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.0.tgz",
+      "integrity": "sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz",
-      "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.0.tgz",
+      "integrity": "sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==",
       "dev": true,
       "optional": true
     },
     "@rollup/rollup-win32-x64-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz",
-      "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz",
+      "integrity": "sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==",
       "dev": true,
       "optional": true
     },
@@ -42302,9 +42321,9 @@
       }
     },
     "@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
     },
     "@types/estree-jsx": {
       "version": "1.0.5",
@@ -50459,9 +50478,9 @@
       }
     },
     "http-proxy-middleware": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
-      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz",
+      "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==",
       "requires": {
         "@types/http-proxy": "^1.17.8",
         "http-proxy": "^1.18.1",
@@ -58297,28 +58316,28 @@
       "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
     },
     "rollup": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz",
-      "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==",
-      "dev": true,
-      "requires": {
-        "@rollup/rollup-android-arm-eabi": "4.17.2",
-        "@rollup/rollup-android-arm64": "4.17.2",
-        "@rollup/rollup-darwin-arm64": "4.17.2",
-        "@rollup/rollup-darwin-x64": "4.17.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.17.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.17.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.17.2",
-        "@rollup/rollup-linux-arm64-musl": "4.17.2",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.17.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.17.2",
-        "@rollup/rollup-linux-x64-gnu": "4.17.2",
-        "@rollup/rollup-linux-x64-musl": "4.17.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.17.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.17.2",
-        "@rollup/rollup-win32-x64-msvc": "4.17.2",
-        "@types/estree": "1.0.5",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz",
+      "integrity": "sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==",
+      "dev": true,
+      "requires": {
+        "@rollup/rollup-android-arm-eabi": "4.24.0",
+        "@rollup/rollup-android-arm64": "4.24.0",
+        "@rollup/rollup-darwin-arm64": "4.24.0",
+        "@rollup/rollup-darwin-x64": "4.24.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.24.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.24.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.24.0",
+        "@rollup/rollup-linux-arm64-musl": "4.24.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.24.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.24.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-musl": "4.24.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.24.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.24.0",
+        "@rollup/rollup-win32-x64-msvc": "4.24.0",
+        "@types/estree": "1.0.6",
         "fsevents": "~2.3.2"
       }
     },
diff --git a/package.json b/package.json
index e8b913dd2cd..39fd67c53cd 100644
--- a/package.json
+++ b/package.json
@@ -179,7 +179,7 @@
     "prettier-plugin-organize-attributes": "^0.0.5",
     "prettier-plugin-tailwindcss": "^0.4.1",
     "react-test-renderer": "^17.0.2",
-    "rollup": "^4.17.2",
+    "rollup": "^4.22.4",
     "size-limit": "^11.1.2",
     "tmp": "^0.2.1",
     "ts-jest": "^29.1.2",

From e423c6888dbf2dbd0b5ef68f781efadda20d34f3 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Mon, 28 Oct 2024 14:27:19 +0800
Subject: [PATCH 067/133] v0.19.0 (#6774)

Co-authored-by: Lexical GitHub Actions Bot <>
---
 CHANGELOG.md                                  |  39 ++
 examples/react-plain-text/package.json        |   6 +-
 examples/react-rich-collab/package.json       |   8 +-
 examples/react-rich/package.json              |   6 +-
 examples/react-table/package.json             |   6 +-
 examples/vanilla-js-plugin/package.json       |  12 +-
 examples/vanilla-js/package.json              |  12 +-
 package-lock.json                             | 442 +++++++++---------
 package.json                                  |   2 +-
 packages/lexical-clipboard/package.json       |  12 +-
 packages/lexical-code/package.json            |   6 +-
 packages/lexical-devtools-core/package.json   |  14 +-
 packages/lexical-devtools/package.json        |   6 +-
 packages/lexical-dragon/package.json          |   4 +-
 packages/lexical-eslint-plugin/package.json   |   2 +-
 packages/lexical-file/package.json            |   4 +-
 packages/lexical-hashtag/package.json         |   6 +-
 packages/lexical-headless/package.json        |   4 +-
 packages/lexical-history/package.json         |   6 +-
 packages/lexical-html/package.json            |   8 +-
 packages/lexical-link/package.json            |   6 +-
 packages/lexical-list/package.json            |   6 +-
 packages/lexical-mark/package.json            |   6 +-
 packages/lexical-markdown/package.json        |  16 +-
 packages/lexical-offset/package.json          |   4 +-
 packages/lexical-overflow/package.json        |   4 +-
 packages/lexical-plain-text/package.json      |  10 +-
 packages/lexical-playground/package.json      |  32 +-
 packages/lexical-react/package.json           |  40 +-
 packages/lexical-rich-text/package.json       |  10 +-
 packages/lexical-selection/package.json       |   4 +-
 packages/lexical-table/package.json           |   8 +-
 packages/lexical-text/package.json            |   4 +-
 packages/lexical-utils/package.json           |  10 +-
 packages/lexical-website/package.json         |   2 +-
 packages/lexical-yjs/package.json             |   8 +-
 packages/lexical/package.json                 |   2 +-
 packages/shared/package.json                  |   4 +-
 .../lexical-esm-astro-react/package.json      |   8 +-
 .../fixtures/lexical-esm-nextjs/package.json  |   8 +-
 .../package.json                              |  12 +-
 scripts/error-codes/codes.json                |   5 +-
 42 files changed, 428 insertions(+), 386 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3d185739801..1618f50e10d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,42 @@
+## v0.19.0 (2024-10-28)
+
+- lexical Add missing commands to Lexical.js.flow (#6769) Sherry
+- lexical-react Feature add attributes in LinkPlugin (#6760) Taro Shono
+- lexical-react replace abstract component (#6752) Sherry
+- Trust HTML for rich text clipboard (#6755) Gerard Rovira
+- lexical-playground Bug Fix Disable editing of Excalidraw Component in Read-Only Mode (#6704) Neysan Foo
+- lexical-playground Bug Fix Disable table hover actions in read-only mode (#6706) Neysan Foo
+- lexical-table lexical-selection Try to fix calling split on undefined (#6746) Ivaylo Pavlov
+- Add ariaErrorMessage and ariaInvalid to Flow type (#6751) EJ Hammond
+- lexical-react Feature Add aria-errormessage and aria-invalid support to LexicalContentEditable (#6745) EJ Hammond
+- lexical-table Return inserted node from insertTableRowEXPERIMENTAL and insertTableColumnEXPERIMENTAL (#6741) Aman Harwara
+- Bug Fix Shiftdown selects an extra subsequent element  for Table selection (#6679) Katsia
+- lexical-playground Bug Fix Disable equation editing in read-only mode (#6707) Neysan Foo
+- lexical-markdown Feature add ability to hook into the import process for multiline element transformers (#6682) Alessio Gravili
+- lexical-playground Bug Fix Disable image and inline focusing, adding caption and editing in read-only mode (#6705) Neysan Foo
+- lexical-code Bug Fix Add global type declarations for Prism (#6736) Bob Ippolito
+-  Chore Disable react-beta test job for now (#6738) Bob Ippolito
+- lexical-playground Table Hover Actions Layout Fixes (#6725) Ivaylo Pavlov
+- lexical Bug Fix lines were being deleted with deleteLine (#6719) Taro Shono
+- lexical-table Bug Fix colWidths not imported from DOM for TableNode (#6731) cwstra
+- Chore add workflow to auto close stale pr based on label (#6732) Sherry
+- lexical-playground Bug Fix match toolbar font size input with the rest of toolbar items in Read-Only mode (#6698) Bedru Umer
+- lexical-playground Remove unused command (#6726) Ivaylo Pavlov
+- fix preserve custom fields in Lexical-Yjs sync (#6724) Vadim Nicolaev
+- lexicallexical-listlexical-rich-text Fix Preserve indentation when serializing to and from HTML (#6693) Germn Jabloski
+- lexicallexical-list Bug Fix Retain indentation when list format is removed and reapplied (#6684) Sebastian Arrazola
+- lexical Bug Fix Insertion into inline ElementNode should not crash (#6703) Bob Ippolito
+- lexical-playground Bug Fix Track Resizing Actions for Excalidraw in History Stack (#6696) Neysan Foo
+- lexical-playground Bug Fix toolbar font size input keyboard accessibility (#6695) Riley Pearce
+- lexical-playground 3 Bug Fixes, 1 UX Improvement All Regarding Excalidraw Node (#6666) Neysan Foo
+- lexical Bug Fix TextNode in token mode should not be split by removeText (#6690) Bob Ippolito
+- lexical-yjs Bug Fix Add missing setLocalStateField method to ProviderAwareness type (#6683) Vadim Nicolaev
+- lexical Bug Fix Fix Table formatting when no TextNodes present (#6675) Katsia
+- lexical-tablelexical-playground Bug Fix Make style buttons in toolbar respect table selection (#6678) Katsia
+- Support backward selection in rows deletion (#6680) Maksim Horbachevsky
+- v0.18.0 (#6676) Sherry
+- v0.18.0 Lexical GitHub Actions Bot
+
 ## v0.18.0 (2024-09-26)
 
 - lexical-markdown set shouldMergeAdjacentLines default to be false  (#6660) Sherry
diff --git a/examples/react-plain-text/package.json b/examples/react-plain-text/package.json
index 2ca57f3e88a..09efd494a71 100644
--- a/examples/react-plain-text/package.json
+++ b/examples/react-plain-text/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-plain-text-example",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/react": "0.19.0",
+    "lexical": "0.19.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-rich-collab/package.json b/examples/react-rich-collab/package.json
index 07ad5f31dca..a6255202a9e 100644
--- a/examples/react-rich-collab/package.json
+++ b/examples/react-rich-collab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-collab-example",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,9 +12,9 @@
     "server:webrtc": "cross-env HOST=localhost PORT=1235 npx y-webrtc"
   },
   "dependencies": {
-    "@lexical/react": "0.18.0",
-    "@lexical/yjs": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/react": "0.19.0",
+    "@lexical/yjs": "0.19.0",
+    "lexical": "0.19.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "y-webrtc": "^10.3.0",
diff --git a/examples/react-rich/package.json b/examples/react-rich/package.json
index f16d62b0f75..994710af1a1 100644
--- a/examples/react-rich/package.json
+++ b/examples/react-rich/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-example",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/react": "0.19.0",
+    "lexical": "0.19.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-table/package.json b/examples/react-table/package.json
index 19b01d84ed8..9ae92f1d043 100644
--- a/examples/react-table/package.json
+++ b/examples/react-table/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-table-example",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/react": "0.19.0",
+    "lexical": "0.19.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/vanilla-js-plugin/package.json b/examples/vanilla-js-plugin/package.json
index 46c9eef6358..dac39f57f09 100644
--- a/examples/vanilla-js-plugin/package.json
+++ b/examples/vanilla-js-plugin/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-plugin-example",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.18.0",
-    "@lexical/history": "0.18.0",
-    "@lexical/rich-text": "0.18.0",
-    "@lexical/utils": "0.18.0",
+    "@lexical/dragon": "0.19.0",
+    "@lexical/history": "0.19.0",
+    "@lexical/rich-text": "0.19.0",
+    "@lexical/utils": "0.19.0",
     "emoji-datasource-facebook": "15.1.2",
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/examples/vanilla-js/package.json b/examples/vanilla-js/package.json
index bda715c2e58..69930c7e448 100644
--- a/examples/vanilla-js/package.json
+++ b/examples/vanilla-js/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-example",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.18.0",
-    "@lexical/history": "0.18.0",
-    "@lexical/rich-text": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/dragon": "0.19.0",
+    "@lexical/history": "0.19.0",
+    "@lexical/rich-text": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/package-lock.json b/package-lock.json
index aee57d24b3f..d230173f961 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lexical/monorepo",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/monorepo",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "workspaces": [
         "packages/*"
@@ -36296,28 +36296,28 @@
       }
     },
     "packages/lexical": {
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT"
     },
     "packages/lexical-clipboard": {
       "name": "@lexical/clipboard",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/html": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-code": {
       "name": "@lexical/code",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0",
         "prismjs": "^1.27.0"
       },
       "devDependencies": {
@@ -36326,7 +36326,7 @@
     },
     "packages/lexical-devtools": {
       "name": "@lexical/devtools",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "hasInstallScript": true,
       "dependencies": {
         "@chakra-ui/react": "^2.8.2",
@@ -36343,12 +36343,12 @@
       "devDependencies": {
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
-        "@lexical/devtools-core": "0.18.0",
+        "@lexical/devtools-core": "0.19.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
         "@vitejs/plugin-react": "^4.2.1",
-        "lexical": "0.18.0",
+        "lexical": "0.19.0",
         "typescript": "^5.4.5",
         "vite": "^5.2.2",
         "wxt": "^0.17.0"
@@ -36356,15 +36356,15 @@
     },
     "packages/lexical-devtools-core": {
       "name": "@lexical/devtools-core",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/mark": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/html": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/mark": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -36373,15 +36373,15 @@
     },
     "packages/lexical-dragon": {
       "name": "@lexical/dragon",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-eslint-plugin": {
       "name": "@lexical/eslint-plugin",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "devDependencies": {
         "@types/eslint": "^8.56.9"
@@ -36392,136 +36392,136 @@
     },
     "packages/lexical-file": {
       "name": "@lexical/file",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-hashtag": {
       "name": "@lexical/hashtag",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-headless": {
       "name": "@lexical/headless",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-history": {
       "name": "@lexical/history",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-html": {
       "name": "@lexical/html",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-link": {
       "name": "@lexical/link",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-list": {
       "name": "@lexical/list",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-mark": {
       "name": "@lexical/mark",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-markdown": {
       "name": "@lexical/markdown",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/rich-text": "0.18.0",
-        "@lexical/text": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/code": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/rich-text": "0.19.0",
+        "@lexical/text": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-offset": {
       "name": "@lexical/offset",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-overflow": {
       "name": "@lexical/overflow",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-plain-text": {
       "name": "@lexical/plain-text",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-playground": {
-      "version": "0.18.0",
+      "version": "0.19.0",
       "dependencies": {
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/code": "0.18.0",
-        "@lexical/file": "0.18.0",
-        "@lexical/hashtag": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/mark": "0.18.0",
-        "@lexical/overflow": "0.18.0",
-        "@lexical/plain-text": "0.18.0",
-        "@lexical/react": "0.18.0",
-        "@lexical/rich-text": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "@lexical/utils": "0.18.0",
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/code": "0.19.0",
+        "@lexical/file": "0.19.0",
+        "@lexical/hashtag": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/mark": "0.19.0",
+        "@lexical/overflow": "0.19.0",
+        "@lexical/plain-text": "0.19.0",
+        "@lexical/react": "0.19.0",
+        "@lexical/rich-text": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "@lexical/utils": "0.19.0",
         "katex": "^0.16.10",
-        "lexical": "0.18.0",
+        "lexical": "0.19.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -36544,28 +36544,28 @@
     },
     "packages/lexical-react": {
       "name": "@lexical/react",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/code": "0.18.0",
-        "@lexical/devtools-core": "0.18.0",
-        "@lexical/dragon": "0.18.0",
-        "@lexical/hashtag": "0.18.0",
-        "@lexical/history": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/mark": "0.18.0",
-        "@lexical/markdown": "0.18.0",
-        "@lexical/overflow": "0.18.0",
-        "@lexical/plain-text": "0.18.0",
-        "@lexical/rich-text": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "@lexical/text": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "@lexical/yjs": "0.18.0",
-        "lexical": "0.18.0",
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/code": "0.19.0",
+        "@lexical/devtools-core": "0.19.0",
+        "@lexical/dragon": "0.19.0",
+        "@lexical/hashtag": "0.19.0",
+        "@lexical/history": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/mark": "0.19.0",
+        "@lexical/markdown": "0.19.0",
+        "@lexical/overflow": "0.19.0",
+        "@lexical/plain-text": "0.19.0",
+        "@lexical/rich-text": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "@lexical/text": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "@lexical/yjs": "0.19.0",
+        "lexical": "0.19.0",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -36575,55 +36575,55 @@
     },
     "packages/lexical-rich-text": {
       "name": "@lexical/rich-text",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-selection": {
       "name": "@lexical/selection",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-table": {
       "name": "@lexical/table",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-text": {
       "name": "@lexical/text",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-utils": {
       "name": "@lexical/utils",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/list": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "packages/lexical-website": {
       "name": "@lexical/website",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "dependencies": {
         "@docusaurus/core": "^3.3.2",
         "@docusaurus/preset-classic": "^3.3.2",
@@ -36652,12 +36652,12 @@
     },
     "packages/lexical-yjs": {
       "name": "@lexical/yjs",
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/offset": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "lexical": "0.19.0"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -36690,10 +36690,10 @@
       }
     },
     "packages/shared": {
-      "version": "0.18.0",
+      "version": "0.19.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     }
   },
@@ -41018,19 +41018,19 @@
     "@lexical/clipboard": {
       "version": "file:packages/lexical-clipboard",
       "requires": {
-        "@lexical/html": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/html": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/code": {
       "version": "file:packages/lexical-code",
       "requires": {
-        "@lexical/utils": "0.18.0",
+        "@lexical/utils": "0.19.0",
         "@types/prismjs": "^1.26.0",
-        "lexical": "0.18.0",
+        "lexical": "0.19.0",
         "prismjs": "^1.27.0"
       }
     },
@@ -41042,7 +41042,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@lexical/devtools-core": "0.18.0",
+        "@lexical/devtools-core": "0.19.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
@@ -41051,7 +41051,7 @@
         "@webext-pegasus/store-zustand": "^0.3.0",
         "@webext-pegasus/transport": "^0.3.0",
         "framer-motion": "^11.1.5",
-        "lexical": "0.18.0",
+        "lexical": "0.19.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.5",
@@ -41063,18 +41063,18 @@
     "@lexical/devtools-core": {
       "version": "file:packages/lexical-devtools-core",
       "requires": {
-        "@lexical/html": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/mark": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/html": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/mark": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/dragon": {
       "version": "file:packages/lexical-dragon",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/eslint-plugin": {
@@ -41086,152 +41086,152 @@
     "@lexical/file": {
       "version": "file:packages/lexical-file",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/hashtag": {
       "version": "file:packages/lexical-hashtag",
       "requires": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/headless": {
       "version": "file:packages/lexical-headless",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/history": {
       "version": "file:packages/lexical-history",
       "requires": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/html": {
       "version": "file:packages/lexical-html",
       "requires": {
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/link": {
       "version": "file:packages/lexical-link",
       "requires": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/list": {
       "version": "file:packages/lexical-list",
       "requires": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/mark": {
       "version": "file:packages/lexical-mark",
       "requires": {
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/markdown": {
       "version": "file:packages/lexical-markdown",
       "requires": {
-        "@lexical/code": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/rich-text": "0.18.0",
-        "@lexical/text": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/code": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/rich-text": "0.19.0",
+        "@lexical/text": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/offset": {
       "version": "file:packages/lexical-offset",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/overflow": {
       "version": "file:packages/lexical-overflow",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/plain-text": {
       "version": "file:packages/lexical-plain-text",
       "requires": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/react": {
       "version": "file:packages/lexical-react",
       "requires": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/code": "0.18.0",
-        "@lexical/devtools-core": "0.18.0",
-        "@lexical/dragon": "0.18.0",
-        "@lexical/hashtag": "0.18.0",
-        "@lexical/history": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/mark": "0.18.0",
-        "@lexical/markdown": "0.18.0",
-        "@lexical/overflow": "0.18.0",
-        "@lexical/plain-text": "0.18.0",
-        "@lexical/rich-text": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "@lexical/text": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "@lexical/yjs": "0.18.0",
-        "lexical": "0.18.0",
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/code": "0.19.0",
+        "@lexical/devtools-core": "0.19.0",
+        "@lexical/dragon": "0.19.0",
+        "@lexical/hashtag": "0.19.0",
+        "@lexical/history": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/mark": "0.19.0",
+        "@lexical/markdown": "0.19.0",
+        "@lexical/overflow": "0.19.0",
+        "@lexical/plain-text": "0.19.0",
+        "@lexical/rich-text": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "@lexical/text": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "@lexical/yjs": "0.19.0",
+        "lexical": "0.19.0",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
       "version": "file:packages/lexical-rich-text",
       "requires": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/selection": {
       "version": "file:packages/lexical-selection",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/utils": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/utils": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/text": {
       "version": "file:packages/lexical-text",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "@lexical/utils": {
       "version": "file:packages/lexical-utils",
       "requires": {
-        "@lexical/list": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/list": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@lexical/website": {
@@ -41263,9 +41263,9 @@
     "@lexical/yjs": {
       "version": "file:packages/lexical-yjs",
       "requires": {
-        "@lexical/offset": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "lexical": "0.18.0"
+        "@lexical/offset": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "lexical": "0.19.0"
       }
     },
     "@mdx-js/mdx": {
@@ -52991,26 +52991,26 @@
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.18.0",
-        "@lexical/code": "0.18.0",
-        "@lexical/file": "0.18.0",
-        "@lexical/hashtag": "0.18.0",
-        "@lexical/link": "0.18.0",
-        "@lexical/list": "0.18.0",
-        "@lexical/mark": "0.18.0",
-        "@lexical/overflow": "0.18.0",
-        "@lexical/plain-text": "0.18.0",
-        "@lexical/react": "0.18.0",
-        "@lexical/rich-text": "0.18.0",
-        "@lexical/selection": "0.18.0",
-        "@lexical/table": "0.18.0",
-        "@lexical/utils": "0.18.0",
+        "@lexical/clipboard": "0.19.0",
+        "@lexical/code": "0.19.0",
+        "@lexical/file": "0.19.0",
+        "@lexical/hashtag": "0.19.0",
+        "@lexical/link": "0.19.0",
+        "@lexical/list": "0.19.0",
+        "@lexical/mark": "0.19.0",
+        "@lexical/overflow": "0.19.0",
+        "@lexical/plain-text": "0.19.0",
+        "@lexical/react": "0.19.0",
+        "@lexical/rich-text": "0.19.0",
+        "@lexical/selection": "0.19.0",
+        "@lexical/table": "0.19.0",
+        "@lexical/utils": "0.19.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^4.2.1",
         "katex": "^0.16.10",
-        "lexical": "0.18.0",
+        "lexical": "0.19.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -58892,7 +58892,7 @@
     "shared": {
       "version": "file:packages/shared",
       "requires": {
-        "lexical": "0.18.0"
+        "lexical": "0.19.0"
       }
     },
     "shebang-command": {
diff --git a/package.json b/package.json
index 39fd67c53cd..7c2a5ab57c0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/monorepo",
   "description": "Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "license": "MIT",
   "private": true,
   "workspaces": [
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index 397e51c1034..59da212fb4d 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalClipboard.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.18.0",
-    "@lexical/list": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/html": "0.19.0",
+    "@lexical/list": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index 91331220c16..e436a96468e 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -8,12 +8,12 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalCode.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0",
     "prismjs": "^1.27.0"
   },
   "repository": {
diff --git a/packages/lexical-devtools-core/package.json b/packages/lexical-devtools-core/package.json
index ecec8abf35e..fc8e4f3c714 100644
--- a/packages/lexical-devtools-core/package.json
+++ b/packages/lexical-devtools-core/package.json
@@ -8,16 +8,16 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalDevtoolsCore.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.18.0",
-    "@lexical/link": "0.18.0",
-    "@lexical/mark": "0.18.0",
-    "@lexical/table": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/html": "0.19.0",
+    "@lexical/link": "0.19.0",
+    "@lexical/mark": "0.19.0",
+    "@lexical/table": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "peerDependencies": {
     "react": ">=17.x",
diff --git a/packages/lexical-devtools/package.json b/packages/lexical-devtools/package.json
index fb2d1963112..406b826393c 100644
--- a/packages/lexical-devtools/package.json
+++ b/packages/lexical-devtools/package.json
@@ -2,7 +2,7 @@
   "name": "@lexical/devtools",
   "description": "Lexical DevTools browser extension",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "wxt",
@@ -41,12 +41,12 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@lexical/devtools-core": "0.18.0",
+    "@lexical/devtools-core": "0.19.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "lexical": "0.18.0",
+    "lexical": "0.19.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.2",
     "wxt": "^0.17.0"
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index d3bc8eb181f..d446fa6e700 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -9,7 +9,7 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalDragon.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-eslint-plugin/package.json b/packages/lexical-eslint-plugin/package.json
index cdcd24aede3..d8311110bb0 100644
--- a/packages/lexical-eslint-plugin/package.json
+++ b/packages/lexical-eslint-plugin/package.json
@@ -8,7 +8,7 @@
     "lexical",
     "editor"
   ],
-  "version": "0.18.0",
+  "version": "0.19.0",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index 6da57dffc2f..28e08173e4a 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -10,7 +10,7 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalFile.js",
   "types": "index.d.ts",
   "repository": {
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index d86b7edc3b3..2a3b0cb6d42 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -8,12 +8,12 @@
     "hashtag"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalHashtag.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index de0ff4fde95..ac5bfbc81b0 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -8,7 +8,7 @@
     "headless"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalHeadless.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index d703a8d73df..8c5fea30560 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -8,12 +8,12 @@
     "history"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalHistory.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index 2bfca39ac9d..b7310fcded0 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -8,7 +8,7 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalHtml.js",
   "types": "index.d.ts",
   "repository": {
@@ -17,9 +17,9 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/selection": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "module": "LexicalHtml.mjs",
   "sideEffects": false,
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 95ca67265d4..6bbc2f9f1d0 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -8,12 +8,12 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalLink.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index 6ec34d721cf..c75ffb5d8bd 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -8,12 +8,12 @@
     "list"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalList.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index f8d600d721b..3a81b001412 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalMark.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index 02daab66555..796ba318519 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -8,17 +8,17 @@
     "markdown"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalMarkdown.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/code": "0.18.0",
-    "@lexical/link": "0.18.0",
-    "@lexical/list": "0.18.0",
-    "@lexical/rich-text": "0.18.0",
-    "@lexical/text": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/code": "0.19.0",
+    "@lexical/link": "0.19.0",
+    "@lexical/list": "0.19.0",
+    "@lexical/rich-text": "0.19.0",
+    "@lexical/text": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index d61f8d0b70d..bbfdee16989 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -8,7 +8,7 @@
     "offset"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalOffset.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index 74ed5fa03a6..26fbd14b150 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -8,7 +8,7 @@
     "overflow"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalOverflow.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index e316bfddd67..ecaf6a53f53 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -7,7 +7,7 @@
     "plain-text"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalPlainText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/clipboard": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index c2cafc71468..32911a5d25d 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-playground",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,22 +12,22 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.17.0",
-    "@lexical/clipboard": "0.18.0",
-    "@lexical/code": "0.18.0",
-    "@lexical/file": "0.18.0",
-    "@lexical/hashtag": "0.18.0",
-    "@lexical/link": "0.18.0",
-    "@lexical/list": "0.18.0",
-    "@lexical/mark": "0.18.0",
-    "@lexical/overflow": "0.18.0",
-    "@lexical/plain-text": "0.18.0",
-    "@lexical/react": "0.18.0",
-    "@lexical/rich-text": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "@lexical/table": "0.18.0",
-    "@lexical/utils": "0.18.0",
+    "@lexical/clipboard": "0.19.0",
+    "@lexical/code": "0.19.0",
+    "@lexical/file": "0.19.0",
+    "@lexical/hashtag": "0.19.0",
+    "@lexical/link": "0.19.0",
+    "@lexical/list": "0.19.0",
+    "@lexical/mark": "0.19.0",
+    "@lexical/overflow": "0.19.0",
+    "@lexical/plain-text": "0.19.0",
+    "@lexical/react": "0.19.0",
+    "@lexical/rich-text": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "@lexical/table": "0.19.0",
+    "@lexical/utils": "0.19.0",
     "katex": "^0.16.10",
-    "lexical": "0.18.0",
+    "lexical": "0.19.0",
     "lodash-es": "^4.17.21",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index 6360d26502f..24abcc61c8a 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -8,27 +8,27 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "dependencies": {
-    "@lexical/clipboard": "0.18.0",
-    "@lexical/code": "0.18.0",
-    "@lexical/devtools-core": "0.18.0",
-    "@lexical/dragon": "0.18.0",
-    "@lexical/hashtag": "0.18.0",
-    "@lexical/history": "0.18.0",
-    "@lexical/link": "0.18.0",
-    "@lexical/list": "0.18.0",
-    "@lexical/mark": "0.18.0",
-    "@lexical/markdown": "0.18.0",
-    "@lexical/overflow": "0.18.0",
-    "@lexical/plain-text": "0.18.0",
-    "@lexical/rich-text": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "@lexical/table": "0.18.0",
-    "@lexical/text": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "@lexical/yjs": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/clipboard": "0.19.0",
+    "@lexical/code": "0.19.0",
+    "@lexical/devtools-core": "0.19.0",
+    "@lexical/dragon": "0.19.0",
+    "@lexical/hashtag": "0.19.0",
+    "@lexical/history": "0.19.0",
+    "@lexical/link": "0.19.0",
+    "@lexical/list": "0.19.0",
+    "@lexical/mark": "0.19.0",
+    "@lexical/markdown": "0.19.0",
+    "@lexical/overflow": "0.19.0",
+    "@lexical/plain-text": "0.19.0",
+    "@lexical/rich-text": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "@lexical/table": "0.19.0",
+    "@lexical/text": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "@lexical/yjs": "0.19.0",
+    "lexical": "0.19.0",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index 0bd956b2dff..4745a432de2 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -7,7 +7,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalRichText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/clipboard": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index a08d821efa5..08c1002dd52 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -9,7 +9,7 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalSelection.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index 3e64fd93dbb..d2164872321 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalTable.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/clipboard": "0.18.0",
-    "@lexical/utils": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/clipboard": "0.19.0",
+    "@lexical/utils": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index 9def319d3ed..1075e5979d8 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -9,7 +9,7 @@
     "text"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalText.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   }
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index a228ad0b27b..4b10fbb739c 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -8,14 +8,14 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalUtils.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/list": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "@lexical/table": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/list": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "@lexical/table": "0.19.0",
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index 002e91eebd1..a3777af286e 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lexical/website",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index 71f38a78c1c..d281b9c9393 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -11,13 +11,13 @@
     "crdt"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "LexicalYjs.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/offset": "0.18.0",
-    "@lexical/selection": "0.18.0",
-    "lexical": "0.18.0"
+    "@lexical/offset": "0.19.0",
+    "@lexical/selection": "0.19.0",
+    "lexical": "0.19.0"
   },
   "peerDependencies": {
     "yjs": ">=13.5.22"
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index 198583a9818..35711998c37 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -9,7 +9,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "Lexical.js",
   "types": "index.d.ts",
   "repository": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 951ee6f8f9e..3f145586bf2 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -8,9 +8,9 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "dependencies": {
-    "lexical": "0.18.0"
+    "lexical": "0.19.0"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index dddf28e1d62..d8ecd2945c4 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lexical-esm-astro-react",
   "type": "module",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,12 +13,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
-    "@lexical/react": "0.18.0",
-    "@lexical/utils": "0.18.0",
+    "@lexical/react": "0.19.0",
+    "@lexical/utils": "0.19.0",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "astro": "^4.5.4",
-    "lexical": "0.18.0",
+    "lexical": "0.19.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.4.2"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
index 94e51d28b20..a524ec4e1e1 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-esm-nextjs",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,9 +9,9 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@lexical/plain-text": "0.18.0",
-    "@lexical/react": "0.18.0",
-    "lexical": "0.18.0",
+    "@lexical/plain-text": "0.19.0",
+    "@lexical/react": "0.19.0",
+    "lexical": "0.19.0",
     "next": "^14.2.1",
     "react": "^18",
     "react-dom": "^18"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
index db051a94a3e..0a59b0510b6 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-sveltekit-vanilla-js",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "private": true,
   "scripts": {
     "dev": "vite dev",
@@ -9,17 +9,17 @@
     "test": "playwright test"
   },
   "devDependencies": {
-    "@lexical/dragon": "0.18.0",
-    "@lexical/history": "0.18.0",
-    "@lexical/rich-text": "0.18.0",
-    "@lexical/utils": "0.18.0",
+    "@lexical/dragon": "0.19.0",
+    "@lexical/history": "0.19.0",
+    "@lexical/rich-text": "0.19.0",
+    "@lexical/utils": "0.19.0",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "lexical": "0.18.0",
+    "lexical": "0.19.0",
     "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.19",
diff --git a/scripts/error-codes/codes.json b/scripts/error-codes/codes.json
index 92a650456c6..fe602bf04fc 100644
--- a/scripts/error-codes/codes.json
+++ b/scripts/error-codes/codes.json
@@ -209,5 +209,8 @@
   "207": "Anchor not found in Table",
   "208": "Focus not found in Table",
   "209": "Expected TableNode children to be TableRowNode",
-  "210": "Expected TableRowNode to have a parent TableNode"
+  "210": "Expected TableRowNode to have a parent TableNode",
+  "211": "Expected node %s of type %s to have a block ElementNode ancestor",
+  "212": "Expected node %s of type %s to have a block ancestor",
+  "213": "Expected ancestor to be a block ElementNode"
 }

From 07ca5c83c2f512734976504ef9fae5d39b6072ae Mon Sep 17 00:00:00 2001
From: Michael Landis <44303132+landisdesign@users.noreply.github.com>
Date: Tue, 29 Oct 2024 11:10:00 -0700
Subject: [PATCH 068/133] [lexical] Feature: Add onUpdate function during
 update with $onUpdate (correct baselline) (#6773)

---
 packages/lexical/flow/Lexical.js.flow         |  1 +
 packages/lexical/src/LexicalUtils.ts          | 13 +++++++
 .../src/__tests__/unit/LexicalUtils.test.ts   | 38 +++++++++++++++++++
 packages/lexical/src/index.ts                 |  1 +
 4 files changed, 53 insertions(+)

diff --git a/packages/lexical/flow/Lexical.js.flow b/packages/lexical/flow/Lexical.js.flow
index bc58eea45cf..bc32e05bff6 100644
--- a/packages/lexical/flow/Lexical.js.flow
+++ b/packages/lexical/flow/Lexical.js.flow
@@ -844,6 +844,7 @@ declare export function $isParagraphNode(
 export type EventHandler = (event: Event, editor: LexicalEditor) => void;
 declare export function $hasUpdateTag(tag: string): boolean;
 declare export function $addUpdateTag(tag: string): void;
+declare export function $onUpdate(updateFn: () => void): void;
 declare export function $getNearestNodeFromDOMNode(
   startingDOM: Node,
 ): LexicalNode | null;
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index 9039a186c50..b1a409a9f36 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1314,6 +1314,19 @@ export function $addUpdateTag(tag: string): void {
   editor._updateTags.add(tag);
 }
 
+/**
+ * Add a function to run after the current update. This will run after any
+ * `onUpdate` function already supplied to `editor.update()`, as well as any
+ * functions added with previous calls to `$onUpdate`.
+ *
+ * @param updateFn The function to run after the current update.
+ */
+export function $onUpdate(updateFn: () => void): void {
+  errorOnReadOnly();
+  const editor = getActiveEditor();
+  editor._deferred.push(updateFn);
+}
+
 export function $maybeMoveChildrenSelectionToParent(
   parentNode: LexicalNode,
 ): BaseSelection | null {
diff --git a/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts b/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts
index 2a497860b07..e360eac2486 100644
--- a/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts
+++ b/packages/lexical/src/__tests__/unit/LexicalUtils.test.ts
@@ -23,6 +23,7 @@ import {
 } from 'lexical';
 
 import {
+  $onUpdate,
   emptyFunction,
   generateRandomKey,
   getCachedTypeToNodeMap,
@@ -242,6 +243,43 @@ describe('LexicalUtils tests', () => {
       });
     });
 
+    describe('$onUpdate', () => {
+      test('added fn runs after update, original onUpdate, and prior calls to $onUpdate', () => {
+        const {editor} = testEnv;
+        const runs: string[] = [];
+
+        editor.update(
+          () => {
+            $getRoot().append(
+              $createParagraphNode().append($createTextNode('foo')),
+            );
+            $onUpdate(() => {
+              runs.push('second');
+            });
+            $onUpdate(() => {
+              runs.push('third');
+            });
+          },
+          {
+            onUpdate: () => {
+              runs.push('first');
+            },
+          },
+        );
+
+        // Flush pending updates
+        editor.read(() => {});
+
+        expect(runs).toEqual(['first', 'second', 'third']);
+      });
+
+      test('adding fn throws outside update', () => {
+        expect(() => {
+          $onUpdate(() => {});
+        }).toThrow();
+      });
+    });
+
     test('getCachedTypeToNodeMap', async () => {
       const {editor} = testEnv;
       const paragraphKeys: string[] = [];
diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index 538440b8195..0bc18239b37 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -172,6 +172,7 @@ export {
   $isRootOrShadowRoot,
   $isTokenOrSegmented,
   $nodesOfType,
+  $onUpdate,
   $selectAll,
   $setCompositionKey,
   $setSelection,

From 07e300c60c4f1d7a5f63dd9ac983c1a0cf7133f0 Mon Sep 17 00:00:00 2001
From: Maksim Horbachevsky <fantactuka@gmail.com>
Date: Wed, 30 Oct 2024 03:18:37 -0400
Subject: [PATCH 069/133] #6768 fix to avoid infinite markdown shortcut
 matchers run (#6778)

---
 packages/lexical-markdown/src/MarkdownShortcuts.ts     |  5 ++++-
 .../lexical-playground/__tests__/e2e/Markdown.spec.mjs | 10 ++++++++++
 .../src/plugins/MarkdownTransformers/index.ts          |  2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownShortcuts.ts b/packages/lexical-markdown/src/MarkdownShortcuts.ts
index 8021296c648..e6b5d7e523c 100644
--- a/packages/lexical-markdown/src/MarkdownShortcuts.ts
+++ b/packages/lexical-markdown/src/MarkdownShortcuts.ts
@@ -480,10 +480,13 @@ export function registerMarkdownShortcuts(
       const selection = editorState.read($getSelection);
       const prevSelection = prevEditorState.read($getSelection);
 
+      // We expect selection to be a collapsed range and not match previous one (as we want
+      // to trigger transforms only as user types)
       if (
         !$isRangeSelection(prevSelection) ||
         !$isRangeSelection(selection) ||
-        !selection.isCollapsed()
+        !selection.isCollapsed() ||
+        selection.is(prevSelection)
       ) {
         return;
       }
diff --git a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
index b434d62be55..dc8d9a4a18e 100644
--- a/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Markdown.spec.mjs
@@ -595,6 +595,16 @@ test.describe.parallel('Markdown', () => {
       `,
       text: 'hello [world](https://www.test.com)!',
     },
+    {
+      html: html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">10:20:30😄</span>
+        </p>
+      `,
+      text: '10:20:30:smile:',
+    },
   ];
 
   const NESTED_TEXT_FORMAT_SHORTCUTS = [
diff --git a/packages/lexical-playground/src/plugins/MarkdownTransformers/index.ts b/packages/lexical-playground/src/plugins/MarkdownTransformers/index.ts
index 736267dee54..391e8a7bdb2 100644
--- a/packages/lexical-playground/src/plugins/MarkdownTransformers/index.ts
+++ b/packages/lexical-playground/src/plugins/MarkdownTransformers/index.ts
@@ -100,7 +100,7 @@ export const EMOJI: TextMatchTransformer = {
   dependencies: [],
   export: () => null,
   importRegExp: /:([a-z0-9_]+):/,
-  regExp: /:([a-z0-9_]+):/,
+  regExp: /:([a-z0-9_]+):$/,
   replace: (textNode, [, name]) => {
     const emoji = emojiList.find((e) => e.aliases.includes(name))?.emoji;
     if (emoji) {

From b4eba9e725b79dfbbfc48d0cf7ebb111118f8d06 Mon Sep 17 00:00:00 2001
From: Oluwasanya Olaoluwa <vantageola4@gmail.com>
Date: Sat, 2 Nov 2024 00:36:00 +0100
Subject: [PATCH 070/133] [lexical-playground] Fix: the placement of the
 fontSize button in the ToolbarPlugin  and hide the vertical scroll (Bug Fix)
 (#6786)

---
 packages/lexical-playground/src/index.css                     | 1 +
 .../lexical-playground/src/plugins/ToolbarPlugin/fontSize.css | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index a6c9d65c267..40b443d0976 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -1447,6 +1447,7 @@ button.action-button:disabled {
   position: sticky;
   top: 0;
   z-index: 2;
+  overflow-y: hidden; /* disable vertical scroll*/
 }
 
 button.toolbar-item {
diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css
index 4223200b82f..23930b7eac7 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.css
@@ -12,11 +12,11 @@
   color: #777;
   border-radius: 5px;
   border-color: grey;
-  height: 21px;
-  margin-top: 5px;
+  height: 15px;
   padding: 2px 4px;
   text-align: center;
   width: 20px;
+  align-self: center;
 }
 
 .font-size-input:disabled {

From c5f4722f00030315a17cadcee64869ee7a5849ed Mon Sep 17 00:00:00 2001
From: "C." <106287207+citruscai@users.noreply.github.com>
Date: Mon, 4 Nov 2024 19:22:51 -0600
Subject: [PATCH 071/133] Bug Fix:  ContextMenu Paste option not preserving
 style  (#6780)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .gitignore                                    |   1 +
 package-lock.json                             |  59 ++
 package.json                                  |   2 +
 packages/lexical-html/src/index.ts            |   4 +-
 .../__tests__/e2e/CodeActionMenu.spec.mjs     |  45 +-
 .../html/LinksHTMLCopyAndPaste.spec.mjs       |   9 +-
 .../lexical/ContextMenuCopyAndPaste.spec.mjs  |  66 +-
 .../lexical/CopyAndPaste.spec.mjs             | 965 +++++++++---------
 .../lexical/ListsCopyAndPaste.spec.mjs        | 752 +++++++-------
 .../__tests__/e2e/HorizontalRule.spec.mjs     |  53 +-
 .../__tests__/e2e/Links.spec.mjs              |  13 +-
 .../__tests__/e2e/List.spec.mjs               |  13 +-
 .../__tests__/e2e/Share.spec.mjs              |  39 +-
 .../__tests__/e2e/Tables.spec.mjs             |  49 +-
 .../regression/1384-insert-nodes.spec.mjs     |   9 +-
 .../5251-paste-into-inline-element.spec.mjs   | 107 +-
 .../__tests__/utils/index.mjs                 |  19 +
 packages/lexical-playground/src/App.tsx       |  78 +-
 .../src/plugins/ToolbarPlugin/fontSize.tsx    |  11 +
 .../lexical-playground/src/ui/ColorPicker.tsx |   4 +
 20 files changed, 1293 insertions(+), 1005 deletions(-)

diff --git a/.gitignore b/.gitignore
index 561d9c9edf2..524ab7f7ba5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@ npm
 .env.production.local
 .ts-temp
 .docusaurus
+.playwright-clipboard.lock
 e2e-screenshots
 test-results
 playwright-report
diff --git a/package-lock.json b/package-lock.json
index d230173f961..1913a1c64e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
         "@types/node": "^17.0.31",
         "@types/prettier": "^2.7.3",
         "@types/prismjs": "^1.26.0",
+        "@types/proper-lockfile": "^4.1.4",
         "@types/react": "^18.0.8",
         "@types/react-dom": "^18.0.3",
         "@types/trusted-types": "^2.0.7",
@@ -83,6 +84,7 @@
         "prettier-plugin-hermes-parser": "^0.20.1",
         "prettier-plugin-organize-attributes": "^0.0.5",
         "prettier-plugin-tailwindcss": "^0.4.1",
+        "proper-lockfile": "^4.1.2",
         "react-test-renderer": "^17.0.2",
         "rollup": "^4.22.4",
         "size-limit": "^11.1.2",
@@ -8238,6 +8240,15 @@
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
+    "node_modules/@types/proper-lockfile": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@types/proper-lockfile/-/proper-lockfile-4.1.4.tgz",
+      "integrity": "sha512-uo2ABllncSqg9F1D4nugVl9v93RmjxF6LJzQLMLDdPaXCUIDPeOJ21Gbqi43xNKzBi/WQ0Q0dICqufzQbMjipQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/retry": "*"
+      }
+    },
     "node_modules/@types/qs": {
       "version": "6.9.14",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.14.tgz",
@@ -28404,6 +28415,26 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/proper-lockfile": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+      "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "retry": "^0.12.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/proper-lockfile/node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/property-information": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
@@ -42594,6 +42625,15 @@
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
+    "@types/proper-lockfile": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@types/proper-lockfile/-/proper-lockfile-4.1.4.tgz",
+      "integrity": "sha512-uo2ABllncSqg9F1D4nugVl9v93RmjxF6LJzQLMLDdPaXCUIDPeOJ21Gbqi43xNKzBi/WQ0Q0dICqufzQbMjipQ==",
+      "dev": true,
+      "requires": {
+        "@types/retry": "*"
+      }
+    },
     "@types/qs": {
       "version": "6.9.14",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.14.tgz",
@@ -56745,6 +56785,25 @@
         }
       }
     },
+    "proper-lockfile": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+      "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.4",
+        "retry": "^0.12.0",
+        "signal-exit": "^3.0.2"
+      },
+      "dependencies": {
+        "retry": {
+          "version": "0.12.0",
+          "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+          "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+          "dev": true
+        }
+      }
+    },
     "property-information": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
diff --git a/package.json b/package.json
index 7c2a5ab57c0..8e1061ae939 100644
--- a/package.json
+++ b/package.json
@@ -134,6 +134,7 @@
     "@types/node": "^17.0.31",
     "@types/prettier": "^2.7.3",
     "@types/prismjs": "^1.26.0",
+    "@types/proper-lockfile": "^4.1.4",
     "@types/react": "^18.0.8",
     "@types/react-dom": "^18.0.3",
     "@types/trusted-types": "^2.0.7",
@@ -178,6 +179,7 @@
     "prettier-plugin-hermes-parser": "^0.20.1",
     "prettier-plugin-organize-attributes": "^0.0.5",
     "prettier-plugin-tailwindcss": "^0.4.1",
+    "proper-lockfile": "^4.1.2",
     "react-test-renderer": "^17.0.2",
     "rollup": "^4.22.4",
     "size-limit": "^11.1.2",
diff --git a/packages/lexical-html/src/index.ts b/packages/lexical-html/src/index.ts
index 732bab44048..1832ca67d40 100644
--- a/packages/lexical-html/src/index.ts
+++ b/packages/lexical-html/src/index.ts
@@ -186,7 +186,9 @@ function getConversionFunction(
       if (
         domConversion !== null &&
         (currentConversion === null ||
-          (currentConversion.priority || 0) < (domConversion.priority || 0))
+          // Given equal priority, prefer the last registered importer
+          // which is typically an application custom node or HTMLConfig['import']
+          (currentConversion.priority || 0) <= (domConversion.priority || 0))
       ) {
         currentConversion = domConversion;
       }
diff --git a/packages/lexical-playground/__tests__/e2e/CodeActionMenu.spec.mjs b/packages/lexical-playground/__tests__/e2e/CodeActionMenu.spec.mjs
index 06c414c01dd..19998695f81 100644
--- a/packages/lexical-playground/__tests__/e2e/CodeActionMenu.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CodeActionMenu.spec.mjs
@@ -18,6 +18,7 @@ import {
   pasteFromClipboard,
   test,
   waitForSelector,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 test.describe('CodeActionMenu', () => {
@@ -84,31 +85,33 @@ test.describe('CodeActionMenu', () => {
 
     await mouseMoveToSelector(page, 'code.PlaygroundEditorTheme__code');
 
-    if (browserName === 'chromium') {
-      await context.grantPermissions(['clipboard-write']);
-      await click(page, 'button[aria-label=copy]');
-      await paste(page);
-      await context.clearPermissions();
-    } else {
-      await waitForSelector(page, 'button[aria-label=copy]');
+    await withExclusiveClipboardAccess(async () => {
+      if (browserName === 'chromium') {
+        await context.grantPermissions(['clipboard-write']);
+        await click(page, 'button[aria-label=copy]');
+        await paste(page);
+        await context.clearPermissions();
+      } else {
+        await waitForSelector(page, 'button[aria-label=copy]');
 
-      const copiedText = await evaluate(page, () => {
-        let text = null;
+        const copiedText = await evaluate(page, () => {
+          let text = null;
 
-        navigator.clipboard._writeText = navigator.clipboard.writeText;
-        navigator.clipboard.writeText = function (data) {
-          text = data;
-          this._writeText(data);
-        };
-        document.querySelector('button[aria-label=copy]').click();
+          navigator.clipboard._writeText = navigator.clipboard.writeText;
+          navigator.clipboard.writeText = function (data) {
+            text = data;
+            this._writeText(data);
+          };
+          document.querySelector('button[aria-label=copy]').click();
 
-        return text;
-      });
+          return text;
+        });
 
-      await pasteFromClipboard(page, {
-        'text/plain': copiedText,
-      });
-    }
+        await pasteFromClipboard(page, {
+          'text/plain': copiedText,
+        });
+      }
+    });
 
     await assertHTML(
       page,
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/LinksHTMLCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/LinksHTMLCopyAndPaste.spec.mjs
index 395ad3e34f7..efde7a5677d 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/LinksHTMLCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/LinksHTMLCopyAndPaste.spec.mjs
@@ -28,6 +28,7 @@ import {
   locate,
   pasteFromClipboard,
   test,
+  withExclusiveClipboardAccess,
 } from '../../../utils/index.mjs';
 
 test.describe('HTML Links CopyAndPaste', () => {
@@ -148,9 +149,11 @@ test.describe('HTML Links CopyAndPaste', () => {
     await page.keyboard.down('Shift');
     await moveLeft(page, 2);
     await page.keyboard.up('Shift');
-    const clipboard = await copyToClipboard(page);
-    await moveToEditorEnd(page);
-    await pasteFromClipboard(page, clipboard);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
+      await moveToEditorEnd(page);
+      await pasteFromClipboard(page, clipboard);
+    });
 
     await assertHTML(
       page,
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs
index 6c67fbbab66..108cd0f0617 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs
@@ -6,6 +6,7 @@
  *
  */
 
+import {moveToLineEnd} from '../../../keyboardShortcuts/index.mjs';
 import {
   assertHTML,
   click,
@@ -15,6 +16,7 @@ import {
   initialize,
   pasteFromClipboard,
   test,
+  withExclusiveClipboardAccess,
 } from '../../../utils/index.mjs';
 
 test.describe('ContextMenuCopyAndPaste', () => {
@@ -33,13 +35,15 @@ test.describe('ContextMenuCopyAndPaste', () => {
     await page.pause();
     await doubleClick(page, 'div[contenteditable="false"] span');
     await page.pause();
-    await click(page, 'div[contenteditable="false"] span', {button: 'right'});
-    await click(page, '#typeahead-menu [role="option"] :text("Copy")');
+    await withExclusiveClipboardAccess(async () => {
+      await click(page, 'div[contenteditable="false"] span', {button: 'right'});
+      await click(page, '#typeahead-menu [role="option"] :text("Copy")');
 
-    await click(page, '.unlock');
-    await focusEditor(page);
+      await click(page, '.unlock');
+      await focusEditor(page);
 
-    await pasteFromClipboard(page);
+      await pasteFromClipboard(page);
+    });
 
     await assertHTML(
       page,
@@ -52,4 +56,56 @@ test.describe('ContextMenuCopyAndPaste', () => {
       `,
     );
   });
+  test('Rich text Copy and Paste with  different Font Size', async ({
+    page,
+    isPlainText,
+    isCollab,
+    browserName,
+  }) => {
+    test.skip(isCollab || isPlainText || browserName !== 'chromium');
+
+    await withExclusiveClipboardAccess(async () => {
+      await page
+        .context()
+        .grantPermissions(['clipboard-read', 'clipboard-write']);
+
+      await click(page, '.font-increment');
+      await focusEditor(page);
+      await page.keyboard.type('MLH Fellowship');
+      //await page.pause();
+      await moveToLineEnd(page);
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('Fall 2024');
+
+      await click(page, '.lock');
+
+      await doubleClick(page, 'div[contenteditable="false"] span');
+      await click(page, 'div[contenteditable="false"] span', {button: 'right'});
+      await click(page, '#typeahead-menu [role="option"] :text("Copy")');
+
+      await click(page, '.unlock');
+      await focusEditor(page);
+      await pasteFromClipboard(page);
+    });
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span style="font-size: 17px;" data-lexical-text="true">
+            MLH Fellowship
+          </span>
+        </p>
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span style="font-size: 17px;" data-lexical-text="true">
+            Fall 2024Fellowship
+          </span>
+        </p>
+      `,
+    );
+  });
 });
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/CopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/CopyAndPaste.spec.mjs
index 161d5792eb2..a45971de740 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/CopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/CopyAndPaste.spec.mjs
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import {
   moveToEditorBeginning,
   moveToEditorEnd,
@@ -24,6 +25,7 @@ import {
   IS_LINUX,
   pasteFromClipboard,
   test,
+  withExclusiveClipboardAccess,
   YOUTUBE_SAMPLE_URL,
 } from '../../../utils/index.mjs';
 
@@ -148,96 +150,98 @@ test.describe('CopyAndPaste', () => {
     }
 
     // Copy all the text
-    const clipboard = await copyToClipboard(page);
-    if (isRichText) {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Copy + pasting?</span>
-          </p>
-          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Sounds good!</span>
-          </p>
-        `,
-      );
-    } else {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Copy + pasting?</span>
-            <br />
-            <br />
-            <span data-lexical-text="true">Sounds good!</span>
-          </p>
-        `,
-      );
-    }
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
+      if (isRichText) {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Copy + pasting?</span>
+            </p>
+            <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Sounds good!</span>
+            </p>
+          `,
+        );
+      } else {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Copy + pasting?</span>
+              <br />
+              <br />
+              <span data-lexical-text="true">Sounds good!</span>
+            </p>
+          `,
+        );
+      }
 
-    // Paste after
-    await page.keyboard.press('ArrowRight');
-    await pasteFromClipboard(page, clipboard);
-    if (isRichText) {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Copy + pasting?</span>
-          </p>
-          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Sounds good!Copy + pasting?</span>
-          </p>
-          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Sounds good!</span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 12,
-        anchorPath: [4, 0, 0],
-        focusOffset: 12,
-        focusPath: [4, 0, 0],
-      });
-    } else {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Copy + pasting?</span>
-            <br />
-            <br />
-            <span data-lexical-text="true">Sounds good!Copy + pasting?</span>
-            <br />
-            <br />
-            <span data-lexical-text="true">Sounds good!</span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 12,
-        anchorPath: [0, 6, 0],
-        focusOffset: 12,
-        focusPath: [0, 6, 0],
-      });
-    }
+      // Paste after
+      await page.keyboard.press('ArrowRight');
+      await pasteFromClipboard(page, clipboard);
+      if (isRichText) {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Copy + pasting?</span>
+            </p>
+            <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Sounds good!Copy + pasting?</span>
+            </p>
+            <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Sounds good!</span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 12,
+          anchorPath: [4, 0, 0],
+          focusOffset: 12,
+          focusPath: [4, 0, 0],
+        });
+      } else {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Copy + pasting?</span>
+              <br />
+              <br />
+              <span data-lexical-text="true">Sounds good!Copy + pasting?</span>
+              <br />
+              <br />
+              <span data-lexical-text="true">Sounds good!</span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 12,
+          anchorPath: [0, 6, 0],
+          focusOffset: 12,
+          focusPath: [0, 6, 0],
+        });
+      }
+    });
   });
 
   test(`Copy and paste heading`, async ({
@@ -263,40 +267,42 @@ test.describe('CopyAndPaste', () => {
     await moveToLineEnd(page);
     await page.keyboard.up('Shift');
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await moveToEditorEnd(page);
-    await page.keyboard.press('Enter');
+      await moveToEditorEnd(page);
+      await page.keyboard.press('Enter');
 
-    // Paste the content
-    await pasteFromClipboard(page, clipboard);
+      // Paste the content
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      html`
-        <h1
-          class="PlaygroundEditorTheme__h1 PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true">Heading</span>
-        </h1>
-        <p
-          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true">Some text</span>
-        </p>
-        <h1
-          class="PlaygroundEditorTheme__h1 PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true">Heading</span>
-        </h1>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <h1
+            class="PlaygroundEditorTheme__h1 PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true">Heading</span>
+          </h1>
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true">Some text</span>
+          </p>
+          <h1
+            class="PlaygroundEditorTheme__h1 PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true">Heading</span>
+          </h1>
+        `,
+      );
 
-    await assertSelection(page, {
-      anchorOffset: 7,
-      anchorPath: [2, 0, 0],
-      focusOffset: 7,
-      focusPath: [2, 0, 0],
+      await assertSelection(page, {
+        anchorOffset: 7,
+        anchorPath: [2, 0, 0],
+        focusOffset: 7,
+        focusPath: [2, 0, 0],
+      });
     });
   });
 
@@ -460,324 +466,326 @@ test.describe('CopyAndPaste', () => {
       }
     }
 
-    // Copy all the text
-    let clipboard = await copyToClipboard(page);
-    await page.keyboard.press('Delete');
-    // Paste the content
-    await pasteFromClipboard(page, clipboard);
-
-    if (isRichText) {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Hello world</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar2
-            </span>
-            <span data-lexical-text="true">when</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #not
-            </span>
-          </p>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Next</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #line
-            </span>
-            <span data-lexical-text="true">of</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #text
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foo
-            </span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 4,
-        anchorPath: [1, 5, 0],
-        focusOffset: 4,
-        focusPath: [1, 5, 0],
-      });
-    } else {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Hello world</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar2
-            </span>
-            <span data-lexical-text="true">when</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #not
-            </span>
-            <br />
-            <span data-lexical-text="true">Next</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #line
-            </span>
-            <span data-lexical-text="true">of</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #text
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foo
-            </span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 4,
-        anchorPath: [0, 12, 0],
-        focusOffset: 4,
-        focusPath: [0, 12, 0],
-      });
-    }
+    await withExclusiveClipboardAccess(async () => {
+      // Copy all the text
+      let clipboard = await copyToClipboard(page);
+      await page.keyboard.press('Delete');
+      // Paste the content
+      await pasteFromClipboard(page, clipboard);
+
+      if (isRichText) {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Hello world</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar2
+              </span>
+              <span data-lexical-text="true">when</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #not
+              </span>
+            </p>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Next</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #line
+              </span>
+              <span data-lexical-text="true">of</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #text
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foo
+              </span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 4,
+          anchorPath: [1, 5, 0],
+          focusOffset: 4,
+          focusPath: [1, 5, 0],
+        });
+      } else {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Hello world</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar2
+              </span>
+              <span data-lexical-text="true">when</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #not
+              </span>
+              <br />
+              <span data-lexical-text="true">Next</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #line
+              </span>
+              <span data-lexical-text="true">of</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #text
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foo
+              </span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 4,
+          anchorPath: [0, 12, 0],
+          focusOffset: 4,
+          focusPath: [0, 12, 0],
+        });
+      }
 
-    await moveToPrevWord(page);
-    await page.keyboard.down('Shift');
-    await page.keyboard.press('ArrowUp');
-    await moveToPrevWord(page);
-    // Once more for linux on Chromium
-    if (IS_LINUX && browserName === 'chromium') {
       await moveToPrevWord(page);
-    }
-    await page.keyboard.up('Shift');
-
-    if (isRichText) {
-      await assertSelection(page, {
-        anchorOffset: 1,
-        anchorPath: [1, 5, 0],
-        focusOffset: 1,
-        focusPath: [0, 2, 0],
-      });
-    } else {
-      await assertSelection(page, {
-        anchorOffset: 1,
-        anchorPath: [0, 12, 0],
-        focusOffset: 1,
-        focusPath: [0, 2, 0],
-      });
-    }
-
-    // Copy selected text
-    clipboard = await copyToClipboard(page);
-    await page.keyboard.press('Delete');
-    // Paste the content
-    await pasteFromClipboard(page, clipboard);
-
-    if (isRichText) {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Hello world</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar2
-            </span>
-            <span data-lexical-text="true">when</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #not
-            </span>
-          </p>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Next</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #line
-            </span>
-            <span data-lexical-text="true">of</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #text
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foo
-            </span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 1,
-        anchorPath: [1, 5, 0],
-        focusOffset: 1,
-        focusPath: [1, 5, 0],
-      });
-    } else {
-      await assertHTML(
-        page,
-        html`
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Hello world</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foobar2
-            </span>
-            <span data-lexical-text="true">when</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #not
-            </span>
-            <br />
-            <span data-lexical-text="true">Next</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #line
-            </span>
-            <span data-lexical-text="true">of</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #text
-            </span>
-            <span data-lexical-text="true">test</span>
-            <span
-              class="PlaygroundEditorTheme__hashtag"
-              data-lexical-text="true">
-              #foo
-            </span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 1,
-        anchorPath: [0, 12, 0],
-        focusOffset: 1,
-        focusPath: [0, 12, 0],
-      });
-    }
+      await page.keyboard.down('Shift');
+      await page.keyboard.press('ArrowUp');
+      await moveToPrevWord(page);
+      // Once more for linux on Chromium
+      if (IS_LINUX && browserName === 'chromium') {
+        await moveToPrevWord(page);
+      }
+      await page.keyboard.up('Shift');
 
-    // Select all the content
-    await selectAll(page);
+      if (isRichText) {
+        await assertSelection(page, {
+          anchorOffset: 1,
+          anchorPath: [1, 5, 0],
+          focusOffset: 1,
+          focusPath: [0, 2, 0],
+        });
+      } else {
+        await assertSelection(page, {
+          anchorOffset: 1,
+          anchorPath: [0, 12, 0],
+          focusOffset: 1,
+          focusPath: [0, 2, 0],
+        });
+      }
 
-    if (isRichText) {
-      if (browserName === 'firefox') {
+      // Copy selected text
+      clipboard = await copyToClipboard(page);
+      await page.keyboard.press('Delete');
+      // Paste the content
+      await pasteFromClipboard(page, clipboard);
+
+      if (isRichText) {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Hello world</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar2
+              </span>
+              <span data-lexical-text="true">when</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #not
+              </span>
+            </p>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Next</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #line
+              </span>
+              <span data-lexical-text="true">of</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #text
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foo
+              </span>
+            </p>
+          `,
+        );
         await assertSelection(page, {
-          anchorOffset: 0,
-          anchorPath: [],
-          focusOffset: 2,
-          focusPath: [],
+          anchorOffset: 1,
+          anchorPath: [1, 5, 0],
+          focusOffset: 1,
+          focusPath: [1, 5, 0],
         });
       } else {
+        await assertHTML(
+          page,
+          html`
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Hello world</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foobar2
+              </span>
+              <span data-lexical-text="true">when</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #not
+              </span>
+              <br />
+              <span data-lexical-text="true">Next</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #line
+              </span>
+              <span data-lexical-text="true">of</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #text
+              </span>
+              <span data-lexical-text="true">test</span>
+              <span
+                class="PlaygroundEditorTheme__hashtag"
+                data-lexical-text="true">
+                #foo
+              </span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 1,
+          anchorPath: [0, 12, 0],
+          focusOffset: 1,
+          focusPath: [0, 12, 0],
+        });
+      }
+
+      // Select all the content
+      await selectAll(page);
+
+      if (isRichText) {
         if (browserName === 'firefox') {
           await assertSelection(page, {
             anchorOffset: 0,
-            anchorPath: [0, 0, 0],
-            focusOffset: 3,
-            focusPath: [1, 5, 0],
+            anchorPath: [],
+            focusOffset: 2,
+            focusPath: [],
+          });
+        } else {
+          if (browserName === 'firefox') {
+            await assertSelection(page, {
+              anchorOffset: 0,
+              anchorPath: [0, 0, 0],
+              focusOffset: 3,
+              focusPath: [1, 5, 0],
+            });
+          } else {
+            await assertSelection(page, {
+              anchorOffset: 0,
+              anchorPath: [0, 0, 0],
+              focusOffset: 4,
+              focusPath: [1, 5, 0],
+            });
+          }
+        }
+      } else {
+        if (browserName === 'firefox') {
+          await assertSelection(page, {
+            anchorOffset: 0,
+            anchorPath: [],
+            focusOffset: 1,
+            focusPath: [],
           });
         } else {
           await assertSelection(page, {
             anchorOffset: 0,
             anchorPath: [0, 0, 0],
             focusOffset: 4,
-            focusPath: [1, 5, 0],
+            focusPath: [0, 12, 0],
           });
         }
       }
-    } else {
-      if (browserName === 'firefox') {
-        await assertSelection(page, {
-          anchorOffset: 0,
-          anchorPath: [],
-          focusOffset: 1,
-          focusPath: [],
-        });
-      } else {
-        await assertSelection(page, {
-          anchorOffset: 0,
-          anchorPath: [0, 0, 0],
-          focusOffset: 4,
-          focusPath: [0, 12, 0],
-        });
-      }
-    }
 
-    await page.keyboard.press('Delete');
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
-    await assertSelection(page, {
-      anchorOffset: 0,
-      anchorPath: [0],
-      focusOffset: 0,
-      focusPath: [0],
+      await page.keyboard.press('Delete');
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+      await assertSelection(page, {
+        anchorOffset: 0,
+        anchorPath: [0],
+        focusOffset: 0,
+        focusPath: [0],
+      });
     });
   });
 
@@ -803,11 +811,13 @@ test.describe('CopyAndPaste', () => {
 
     await selectAll(page);
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await page.keyboard.press('ArrowRight');
+      await page.keyboard.press('ArrowRight');
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
+    });
 
     await assertHTML(
       page,
@@ -863,57 +873,61 @@ test.describe('CopyAndPaste', () => {
     );
   });
 
-  test('Pasting a decorator node on a blank line inserts before the line', async ({
-    page,
-    isCollab,
-    isPlainText,
-  }) => {
-    test.fixme(); // TODO: flaky
-    test.skip(isPlainText);
-
-    // copying and pasting the node is easier than creating the clipboard data
-    await focusEditor(page);
-    await insertYouTubeEmbed(page, YOUTUBE_SAMPLE_URL);
-    await page.keyboard.press('ArrowLeft'); // this selects the node
-    const clipboard = await copyToClipboard(page);
-    await page.keyboard.press('ArrowRight'); // this moves to a new line (empty paragraph node)
-    await pasteFromClipboard(page, clipboard);
-
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <div contenteditable="false" data-lexical-decorator="true">
-          <div class="PlaygroundEditorTheme__embedBlock">
-            <iframe
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen=""
-              frameborder="0"
-              height="315"
-              src="https://www.youtube-nocookie.com/embed/jNQXAC9IVRw"
-              title="YouTube video"
-              width="560"></iframe>
-          </div>
-        </div>
-        <div contenteditable="false" data-lexical-decorator="true">
-          <div class="PlaygroundEditorTheme__embedBlock">
-            <iframe
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen=""
-              frameborder="0"
-              height="315"
-              src="https://www.youtube-nocookie.com/embed/jNQXAC9IVRw"
-              title="YouTube video"
-              width="560"></iframe>
-          </div>
-        </div>
-        <div
-          class="PlaygroundEditorTheme__blockCursor"
-          contenteditable="false"
-          data-lexical-cursor="true"></div>
-      `,
-    );
-  });
+  test(
+    'Pasting a decorator node on a blank line inserts before the line',
+    {
+      tag: '@flaky',
+    },
+    async ({page, isCollab, isPlainText}) => {
+      // TODO: This is skipped on collab because the right frame won't have the block cursor HTML
+      test.skip(isPlainText || isCollab);
+
+      // copying and pasting the node is easier than creating the clipboard data
+      await focusEditor(page);
+      await insertYouTubeEmbed(page, YOUTUBE_SAMPLE_URL);
+      await page.keyboard.press('ArrowLeft'); // this selects the node
+      await withExclusiveClipboardAccess(async () => {
+        const clipboard = await copyToClipboard(page);
+        await page.keyboard.press('ArrowRight'); // this moves to a new line (empty paragraph node)
+        await pasteFromClipboard(page, clipboard);
+
+        await assertHTML(
+          page,
+          html`
+            <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            <div contenteditable="false" data-lexical-decorator="true">
+              <div class="PlaygroundEditorTheme__embedBlock">
+                <iframe
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                  allowfullscreen=""
+                  frameborder="0"
+                  height="315"
+                  src="https://www.youtube-nocookie.com/embed/jNQXAC9IVRw"
+                  title="YouTube video"
+                  width="560"></iframe>
+              </div>
+            </div>
+            <div contenteditable="false" data-lexical-decorator="true">
+              <div class="PlaygroundEditorTheme__embedBlock">
+                <iframe
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                  allowfullscreen=""
+                  frameborder="0"
+                  height="315"
+                  src="https://www.youtube-nocookie.com/embed/jNQXAC9IVRw"
+                  title="YouTube video"
+                  width="560"></iframe>
+              </div>
+            </div>
+            <div
+              class="PlaygroundEditorTheme__blockCursor"
+              contenteditable="false"
+              data-lexical-cursor="true"></div>
+          `,
+        );
+      });
+    },
+  );
 
   test('Copy and paste paragraph into quote', async ({page, isPlainText}) => {
     test.skip(isPlainText);
@@ -925,12 +939,13 @@ test.describe('CopyAndPaste', () => {
 
     await selectAll(page);
 
-    const clipboard = await copyToClipboard(page);
-
-    await page.keyboard.type('> ');
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await pasteFromClipboard(page, clipboard);
+      await page.keyboard.type('> ');
 
+      await pasteFromClipboard(page, clipboard);
+    });
     await assertHTML(
       page,
       html`
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ListsCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ListsCopyAndPaste.spec.mjs
index 17d628ebff5..973728d73af 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ListsCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ListsCopyAndPaste.spec.mjs
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import {
   moveLeft,
   moveToLineBeginning,
@@ -23,6 +24,7 @@ import {
   IS_WINDOWS,
   pasteFromClipboard,
   test,
+  withExclusiveClipboardAccess,
 } from '../../../utils/index.mjs';
 
 test.describe('Lists CopyAndPaste', () => {
@@ -71,40 +73,42 @@ test.describe('Lists CopyAndPaste', () => {
       focusPath: [0, 2, 0, 0],
     });
 
-    // Copy the partial list item and paragraph
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      // Copy the partial list item and paragraph
+      const clipboard = await copyToClipboard(page);
 
-    // Select all and remove content
-    await selectAll(page);
-    await page.keyboard.press('Backspace');
-    await page.keyboard.press('Backspace');
+      // Select all and remove content
+      await selectAll(page);
+      await page.keyboard.press('Backspace');
+      await page.keyboard.press('Backspace');
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
-    await assertSelection(page, {
-      anchorOffset: 0,
-      anchorPath: [0],
-      focusOffset: 0,
-      focusPath: [0],
-    });
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
+      await assertSelection(page, {
+        anchorOffset: 0,
+        anchorPath: [0],
+        focusOffset: 0,
+        focusPath: [0],
+      });
 
-    // Paste
+      // Paste
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">ee</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Some text.</span></p>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 10,
-      anchorPath: [1, 0, 0],
-      focusOffset: 10,
-      focusPath: [1, 0, 0],
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">ee</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Some text.</span></p>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 10,
+        anchorPath: [1, 0, 0],
+        focusOffset: 10,
+        focusPath: [1, 0, 0],
+      });
     });
   });
 
@@ -178,109 +182,111 @@ test.describe('Lists CopyAndPaste', () => {
         focusPath: [0, 2, 0, 0],
       });
 
-      // Copy the partial list item and paragraph
-      const clipboard = await copyToClipboard(page);
+      await withExclusiveClipboardAccess(async () => {
+        // Copy the partial list item and paragraph
+        const clipboard = await copyToClipboard(page);
 
-      // Select all and remove content
-      await page.keyboard.press('ArrowUp');
-      await page.keyboard.press('ArrowUp');
-      if (!IS_WINDOWS && browserName === 'firefox') {
+        // Select all and remove content
         await page.keyboard.press('ArrowUp');
-      }
-      await moveToLineEnd(page);
-
-      await page.keyboard.down('Enter');
-
-      await assertHTML(
-        page,
-        html`
-          <ul class="PlaygroundEditorTheme__ul">
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="1">
-              <span data-lexical-text="true">one</span>
-            </li>
-            <li class="PlaygroundEditorTheme__listItem" value="2">
-              <br />
-            </li>
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="3">
-              <span data-lexical-text="true">two</span>
-            </li>
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="4">
-              <span data-lexical-text="true">three</span>
-            </li>
-          </ul>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Some text.</span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 0,
-        anchorPath: [0, 1],
-        focusOffset: 0,
-        focusPath: [0, 1],
-      });
-
-      await pasteFromClipboard(page, clipboard);
-
-      await assertHTML(
-        page,
-        html`
-          <ul class="PlaygroundEditorTheme__ul">
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="1">
-              <span data-lexical-text="true">one</span>
-            </li>
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="2">
-              <span data-lexical-text="true">ee</span>
-            </li>
-          </ul>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Some text.</span>
-          </p>
-          <ul class="PlaygroundEditorTheme__ul">
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="1">
-              <span data-lexical-text="true">two</span>
-            </li>
-            <li
-              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-              dir="ltr"
-              value="2">
-              <span data-lexical-text="true">three</span>
-            </li>
-          </ul>
-          <p
-            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-            dir="ltr">
-            <span data-lexical-text="true">Some text.</span>
-          </p>
-        `,
-      );
-      await assertSelection(page, {
-        anchorOffset: 10,
-        anchorPath: [1, 0, 0],
-        focusOffset: 10,
-        focusPath: [1, 0, 0],
+        await page.keyboard.press('ArrowUp');
+        if (!IS_WINDOWS && browserName === 'firefox') {
+          await page.keyboard.press('ArrowUp');
+        }
+        await moveToLineEnd(page);
+
+        await page.keyboard.down('Enter');
+
+        await assertHTML(
+          page,
+          html`
+            <ul class="PlaygroundEditorTheme__ul">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">one</span>
+              </li>
+              <li class="PlaygroundEditorTheme__listItem" value="2">
+                <br />
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="3">
+                <span data-lexical-text="true">two</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="4">
+                <span data-lexical-text="true">three</span>
+              </li>
+            </ul>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Some text.</span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 0,
+          anchorPath: [0, 1],
+          focusOffset: 0,
+          focusPath: [0, 1],
+        });
+
+        await pasteFromClipboard(page, clipboard);
+
+        await assertHTML(
+          page,
+          html`
+            <ul class="PlaygroundEditorTheme__ul">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">one</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="2">
+                <span data-lexical-text="true">ee</span>
+              </li>
+            </ul>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Some text.</span>
+            </p>
+            <ul class="PlaygroundEditorTheme__ul">
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="1">
+                <span data-lexical-text="true">two</span>
+              </li>
+              <li
+                class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+                dir="ltr"
+                value="2">
+                <span data-lexical-text="true">three</span>
+              </li>
+            </ul>
+            <p
+              class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+              dir="ltr">
+              <span data-lexical-text="true">Some text.</span>
+            </p>
+          `,
+        );
+        await assertSelection(page, {
+          anchorOffset: 10,
+          anchorPath: [1, 0, 0],
+          focusOffset: 10,
+          focusPath: [1, 0, 0],
+        });
       });
     },
   );
@@ -324,32 +330,34 @@ test.describe('Lists CopyAndPaste', () => {
       focusPath: [0, 3, 0, 0],
     });
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await page.keyboard.press('Backspace');
+      await page.keyboard.press('Backspace');
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem"><br></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 0,
-      anchorPath: [0, 2],
-      focusOffset: 0,
-      focusPath: [0, 2],
-    });
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem"><br></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 0,
+        anchorPath: [0, 2],
+        focusOffset: 0,
+        focusPath: [0, 2],
+      });
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 4,
-      anchorPath: [0, 3, 0, 0],
-      focusOffset: 4,
-      focusPath: [0, 3, 0, 0],
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 4,
+        anchorPath: [0, 3, 0, 0],
+        focusOffset: 4,
+        focusPath: [0, 3, 0, 0],
+      });
     });
   });
 
@@ -413,136 +421,138 @@ test.describe('Lists CopyAndPaste', () => {
       `,
     );
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await page.keyboard.press('ArrowDown');
-    await page.keyboard.press('Enter');
-    await page.keyboard.press('Enter');
+      await page.keyboard.press('ArrowDown');
+      await page.keyboard.press('Enter');
+      await page.keyboard.press('Enter');
 
-    await page.keyboard.type('12345');
+      await page.keyboard.type('12345');
 
-    await assertHTML(
-      page,
-      html`
-        <ul class="PlaygroundEditorTheme__ul">
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="1">
-            <span data-lexical-text="true">one</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="2">
-            <span data-lexical-text="true">two</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="3">
-            <span data-lexical-text="true">three</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="4">
-            <span data-lexical-text="true">four</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="5">
-            <span data-lexical-text="true">five</span>
-          </li>
-        </ul>
-        <p class="PlaygroundEditorTheme__paragraph">
-          <span data-lexical-text="true">12345</span>
-        </p>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <ul class="PlaygroundEditorTheme__ul">
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="1">
+              <span data-lexical-text="true">one</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="2">
+              <span data-lexical-text="true">two</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="3">
+              <span data-lexical-text="true">three</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="4">
+              <span data-lexical-text="true">four</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="5">
+              <span data-lexical-text="true">five</span>
+            </li>
+          </ul>
+          <p class="PlaygroundEditorTheme__paragraph">
+            <span data-lexical-text="true">12345</span>
+          </p>
+        `,
+      );
 
-    await page.keyboard.press('ArrowLeft');
-    await page.keyboard.press('ArrowLeft');
-    await selectCharacters(page, 'left', 1);
+      await page.keyboard.press('ArrowLeft');
+      await page.keyboard.press('ArrowLeft');
+      await selectCharacters(page, 'left', 1);
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      html`
-        <ul class="PlaygroundEditorTheme__ul">
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="1">
-            <span data-lexical-text="true">one</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="2">
-            <span data-lexical-text="true">two</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="3">
-            <span data-lexical-text="true">three</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="4">
-            <span data-lexical-text="true">four</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="5">
-            <span data-lexical-text="true">five</span>
-          </li>
-        </ul>
-        <p class="PlaygroundEditorTheme__paragraph">
-          <span data-lexical-text="true">12</span>
-        </p>
-        <ul class="PlaygroundEditorTheme__ul">
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="1">
-            <span data-lexical-text="true">one</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="2">
-            <span data-lexical-text="true">two</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="3">
-            <span data-lexical-text="true">three</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="4">
-            <span data-lexical-text="true">four</span>
-          </li>
-          <li
-            class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            value="5">
-            <span data-lexical-text="true">five</span>
-          </li>
-        </ul>
-        <p class="PlaygroundEditorTheme__paragraph">
-          <span data-lexical-text="true">45</span>
-        </p>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <ul class="PlaygroundEditorTheme__ul">
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="1">
+              <span data-lexical-text="true">one</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="2">
+              <span data-lexical-text="true">two</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="3">
+              <span data-lexical-text="true">three</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="4">
+              <span data-lexical-text="true">four</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="5">
+              <span data-lexical-text="true">five</span>
+            </li>
+          </ul>
+          <p class="PlaygroundEditorTheme__paragraph">
+            <span data-lexical-text="true">12</span>
+          </p>
+          <ul class="PlaygroundEditorTheme__ul">
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="1">
+              <span data-lexical-text="true">one</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="2">
+              <span data-lexical-text="true">two</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="3">
+              <span data-lexical-text="true">three</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="4">
+              <span data-lexical-text="true">four</span>
+            </li>
+            <li
+              class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              value="5">
+              <span data-lexical-text="true">five</span>
+            </li>
+          </ul>
+          <p class="PlaygroundEditorTheme__paragraph">
+            <span data-lexical-text="true">45</span>
+          </p>
+        `,
+      );
+    });
   });
 
   test('Copy and paste of list items and paste back into list on an existing item', async ({
@@ -584,32 +594,34 @@ test.describe('Lists CopyAndPaste', () => {
       focusPath: [0, 3, 0, 0],
     });
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await page.keyboard.press('ArrowRight');
+      await page.keyboard.press('ArrowRight');
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 4,
-      anchorPath: [0, 3, 0, 0],
-      focusOffset: 4,
-      focusPath: [0, 3, 0, 0],
-    });
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 4,
+        anchorPath: [0, 3, 0, 0],
+        focusOffset: 4,
+        focusPath: [0, 3, 0, 0],
+      });
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr" value="5"><span data-lexical-text="true">three</span></li><li value="6" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="7" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 4,
-      anchorPath: [0, 5, 0, 0],
-      focusOffset: 4,
-      focusPath: [0, 5, 0, 0],
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr" value="5"><span data-lexical-text="true">three</span></li><li value="6" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="7" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 4,
+        anchorPath: [0, 5, 0, 0],
+        focusOffset: 4,
+        focusPath: [0, 5, 0, 0],
+      });
     });
   });
 
@@ -626,50 +638,52 @@ test.describe('Lists CopyAndPaste', () => {
 
     await selectAll(page);
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await page.keyboard.press('Backspace');
+      await page.keyboard.press('Backspace');
 
-    await page.keyboard.type('- one');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('two');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('three');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('four');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('five');
+      await page.keyboard.type('- one');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('two');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('three');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('four');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('five');
 
-    await page.keyboard.press('ArrowUp');
-    await page.keyboard.press('ArrowUp');
+      await page.keyboard.press('ArrowUp');
+      await page.keyboard.press('ArrowUp');
 
-    await moveToLineBeginning(page);
-    await page.keyboard.press('ArrowDown');
-    await moveToLineEnd(page);
-    await moveLeft(page, 2);
+      await moveToLineBeginning(page);
+      await page.keyboard.press('ArrowDown');
+      await moveToLineEnd(page);
+      await moveLeft(page, 2);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 2,
-      anchorPath: [0, 3, 0, 0],
-      focusOffset: 2,
-      focusPath: [0, 3, 0, 0],
-    });
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 2,
+        anchorPath: [0, 3, 0, 0],
+        focusOffset: 2,
+        focusPath: [0, 3, 0, 0],
+      });
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">foHello</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Worldur</span></p><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 5,
-      anchorPath: [1, 0, 0],
-      focusOffset: 5,
-      focusPath: [1, 0, 0],
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">foHello</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Worldur</span></p><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li></ul>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 5,
+        anchorPath: [1, 0, 0],
+        focusOffset: 5,
+        focusPath: [1, 0, 0],
+      });
     });
   });
 
@@ -687,45 +701,47 @@ test.describe('Lists CopyAndPaste', () => {
 
     await selectAll(page);
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await page.keyboard.press('Backspace');
+      await page.keyboard.press('Backspace');
 
-    await page.keyboard.type('- one');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('two');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('three');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('four');
-    await page.keyboard.press('Enter');
-    await page.keyboard.type('five');
-    await page.keyboard.press('Enter');
+      await page.keyboard.type('- one');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('two');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('three');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('four');
+      await page.keyboard.press('Enter');
+      await page.keyboard.type('five');
+      await page.keyboard.press('Enter');
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li><li value="6" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Hello</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">World</span></p>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 5,
-      anchorPath: [1, 0, 0],
-      focusOffset: 5,
-      focusPath: [1, 0, 0],
-    });
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li><li value="6" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Hello</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">World</span></p>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 5,
+        anchorPath: [1, 0, 0],
+        focusOffset: 5,
+        focusPath: [1, 0, 0],
+      });
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li><li value="6" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Hello</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">WorldHello</span></p><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">World</span></p>',
-    );
-    await assertSelection(page, {
-      anchorOffset: 5,
-      anchorPath: [2, 0, 0],
-      focusOffset: 5,
-      focusPath: [2, 0, 0],
+      await assertHTML(
+        page,
+        '<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">one</span></li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">two</span></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">three</span></li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">four</span></li><li value="5" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">five</span></li><li value="6" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">Hello</span></li></ul><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">WorldHello</span></p><p class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr" dir="ltr"><span data-lexical-text="true">World</span></p>',
+      );
+      await assertSelection(page, {
+        anchorOffset: 5,
+        anchorPath: [2, 0, 0],
+        focusOffset: 5,
+        focusPath: [2, 0, 0],
+      });
     });
   });
 });
diff --git a/packages/lexical-playground/__tests__/e2e/HorizontalRule.spec.mjs b/packages/lexical-playground/__tests__/e2e/HorizontalRule.spec.mjs
index 37ea391f7f9..25805886a39 100644
--- a/packages/lexical-playground/__tests__/e2e/HorizontalRule.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/HorizontalRule.spec.mjs
@@ -23,6 +23,7 @@ import {
   selectFromInsertDropdown,
   test,
   waitForSelector,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 test.describe('HorizontalRule', () => {
@@ -307,37 +308,39 @@ test.describe('HorizontalRule', () => {
     // Select all the text
     await selectAll(page);
 
-    // Copy all the text
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      // Copy all the text
+      const clipboard = await copyToClipboard(page);
 
-    // Delete content
-    await page.keyboard.press('Backspace');
+      // Delete content
+      await page.keyboard.press('Backspace');
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      html`
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-        <hr
-          class="PlaygroundEditorTheme__hr"
-          contenteditable="false"
-          data-lexical-decorator="true" />
-        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+          <hr
+            class="PlaygroundEditorTheme__hr"
+            contenteditable="false"
+            data-lexical-decorator="true" />
+          <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        `,
+      );
 
-    await assertSelection(page, {
-      anchorOffset: 0,
-      anchorPath: [2],
-      focusOffset: 0,
-      focusPath: [2],
-    });
+      await assertSelection(page, {
+        anchorOffset: 0,
+        anchorPath: [2],
+        focusOffset: 0,
+        focusPath: [2],
+      });
 
-    await page.keyboard.press('ArrowUp');
-    await page.keyboard.press('Backspace');
+      await page.keyboard.press('ArrowUp');
+      await page.keyboard.press('Backspace');
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
+    });
 
     await assertHTML(
       page,
diff --git a/packages/lexical-playground/__tests__/e2e/Links.spec.mjs b/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
index d0db3462c25..33d4d5ea89d 100644
--- a/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Links.spec.mjs
@@ -30,6 +30,7 @@ import {
   keyUpCtrlOrMeta,
   pasteFromClipboard,
   test,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 test.beforeEach(({isPlainText}) => {
@@ -2093,11 +2094,13 @@ test.describe('Link attributes', () => {
       await page.keyboard.type('Hello awesome');
       await focusEditor(page);
       await selectAll(page);
-      await context.grantPermissions(['clipboard-read', 'clipboard-write']);
-      await page.evaluate(() =>
-        navigator.clipboard.writeText('https://facebook.com'),
-      );
-      await paste(page);
+      await withExclusiveClipboardAccess(async () => {
+        await context.grantPermissions(['clipboard-read', 'clipboard-write']);
+        await page.evaluate(() =>
+          navigator.clipboard.writeText('https://facebook.com'),
+        );
+        await paste(page);
+      });
       await assertHTML(
         page,
         html`
diff --git a/packages/lexical-playground/__tests__/e2e/List.spec.mjs b/packages/lexical-playground/__tests__/e2e/List.spec.mjs
index 26768b19d4f..8c1703c15c9 100644
--- a/packages/lexical-playground/__tests__/e2e/List.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/List.spec.mjs
@@ -35,6 +35,7 @@ import {
   selectFromFormatDropdown,
   test,
   waitForSelector,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 async function toggleBulletList(page) {
@@ -85,13 +86,15 @@ test.describe.parallel('Nested List', () => {
     await moveRight(page, 6);
     await selectCharacters(page, 'right', 11);
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    await moveToEditorEnd(page);
-    await page.keyboard.press('Enter');
-    await page.keyboard.press('Enter');
+      await moveToEditorEnd(page);
+      await page.keyboard.press('Enter');
+      await page.keyboard.press('Enter');
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
+    });
 
     await assertHTML(
       page,
diff --git a/packages/lexical-playground/__tests__/e2e/Share.spec.mjs b/packages/lexical-playground/__tests__/e2e/Share.spec.mjs
index fa5228bcddf..ed3e249d7bb 100644
--- a/packages/lexical-playground/__tests__/e2e/Share.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Share.spec.mjs
@@ -15,6 +15,7 @@ import {
   html,
   initialize,
   test,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 test.use({
@@ -46,24 +47,26 @@ test.describe('Share', () => {
     await page.keyboard.type('foo');
     await assertHTML(page, fooHTML);
 
-    if (browserName === 'chromium') {
-      await page
-        .context()
-        .grantPermissions(['clipboard-read', 'clipboard-write']);
-    }
-    expect(page.url()).not.toMatch(/#doc=/);
-    await click(page, '.action-button.share');
-    await page.getByRole('alert').getByText('URL copied to clipboard');
-    const fooUrl = page.url();
-    expect(fooUrl).toMatch(/#doc=/);
-    if (browserName !== 'webkit') {
-      expect(await page.evaluate('navigator.clipboard.readText()')).toEqual(
-        fooUrl,
-      );
-    }
-    if (browserName === 'chromium') {
-      await page.context().clearPermissions();
-    }
+    await withExclusiveClipboardAccess(async () => {
+      if (browserName === 'chromium') {
+        await page
+          .context()
+          .grantPermissions(['clipboard-read', 'clipboard-write']);
+      }
+      expect(page.url()).not.toMatch(/#doc=/);
+      await click(page, '.action-button.share');
+      await page.getByRole('alert').getByText('URL copied to clipboard');
+      const fooUrl = page.url();
+      expect(fooUrl).toMatch(/#doc=/);
+      if (browserName !== 'webkit') {
+        expect(await page.evaluate('navigator.clipboard.readText()')).toEqual(
+          fooUrl,
+        );
+      }
+      if (browserName === 'chromium') {
+        await page.context().clearPermissions();
+      }
+    });
     await focusEditor(page);
     await page.keyboard.type('bar');
     await assertHTML(
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index fa5d8574235..adbfbc73be2 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -51,6 +51,7 @@ import {
   toggleColumnHeader,
   unmergeTableCell,
   waitForSelector,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 async function fillTablePartiallyWithText(page) {
@@ -1246,14 +1247,16 @@ test.describe.parallel('Tables', () => {
         false,
       );
 
-      const clipboard = await copyToClipboard(page);
+      await withExclusiveClipboardAccess(async () => {
+        const clipboard = await copyToClipboard(page);
 
-      // For some reason you need to click the paragraph twice for this to pass
-      // on Collab Firefox.
-      await click(page, 'div.ContentEditable__root > p:first-of-type');
-      await click(page, 'div.ContentEditable__root > p:first-of-type');
+        // For some reason you need to click the paragraph twice for this to pass
+        // on Collab Firefox.
+        await click(page, 'div.ContentEditable__root > p:first-of-type');
+        await click(page, 'div.ContentEditable__root > p:first-of-type');
 
-      await pasteFromClipboard(page, clipboard);
+        await pasteFromClipboard(page, clipboard);
+      });
 
       // Check that the character styles are applied.
       await assertHTML(
@@ -3821,27 +3824,29 @@ test.describe.parallel('Tables', () => {
     await page.keyboard.type('Hello');
     await selectCharacters(page, 'left', 'Hello'.length);
 
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    // move caret to the first position of the editor
-    await click(page, '.PlaygroundEditorTheme__paragraph');
+      // move caret to the first position of the editor
+      await click(page, '.PlaygroundEditorTheme__paragraph');
 
-    // move caret to the table cell (2,2)
-    await page.keyboard.press('ArrowDown');
-    await page.keyboard.press('ArrowDown');
-    await page.keyboard.press('ArrowDown');
-    await page.keyboard.press('ArrowRight');
-    await page.keyboard.press('ArrowRight');
+      // move caret to the table cell (2,2)
+      await page.keyboard.press('ArrowDown');
+      await page.keyboard.press('ArrowDown');
+      await page.keyboard.press('ArrowDown');
+      await page.keyboard.press('ArrowRight');
+      await page.keyboard.press('ArrowRight');
 
-    await pasteFromClipboard(page, clipboard);
-    await pasteFromClipboard(page, clipboard);
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
 
-    await page.keyboard.press('Enter');
-    await page.keyboard.press('Enter');
-    await page.keyboard.press('Enter');
+      await page.keyboard.press('Enter');
+      await page.keyboard.press('Enter');
+      await page.keyboard.press('Enter');
 
-    await pasteFromClipboard(page, clipboard);
+      await pasteFromClipboard(page, clipboard);
+    });
 
     await assertHTML(
       page,
diff --git a/packages/lexical-playground/__tests__/regression/1384-insert-nodes.spec.mjs b/packages/lexical-playground/__tests__/regression/1384-insert-nodes.spec.mjs
index 2c37f27c01d..389ae51f9d6 100644
--- a/packages/lexical-playground/__tests__/regression/1384-insert-nodes.spec.mjs
+++ b/packages/lexical-playground/__tests__/regression/1384-insert-nodes.spec.mjs
@@ -14,6 +14,7 @@ import {
   initialize,
   pasteFromClipboard,
   test,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 test.describe('Regression test #1384', () => {
@@ -34,9 +35,11 @@ test.describe('Regression test #1384', () => {
     await page.keyboard.press('ArrowUp');
     await page.keyboard.press('ArrowLeft');
     await selectCharacters(page, 'left', 8);
-    const clipboard = await copyToClipboard(page);
-    await page.keyboard.press('ArrowLeft');
-    await pasteFromClipboard(page, clipboard);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
+      await page.keyboard.press('ArrowLeft');
+      await pasteFromClipboard(page, clipboard);
+    });
     await assertHTML(
       page,
       `<code class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr" spellcheck="false" dir="ltr" data-gutter="123" data-language="javascript" data-highlight-language="javascript"><span class="PlaygroundEditorTheme__tokenFunction" data-lexical-text="true">alert</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">(</span><span class="PlaygroundEditorTheme__tokenProperty" data-lexical-text="true">1</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">)</span><span class="PlaygroundEditorTheme__tokenFunction" data-lexical-text="true">alert</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">(</span><span class="PlaygroundEditorTheme__tokenProperty" data-lexical-text="true">1</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">)</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">;</span><br><span class="PlaygroundEditorTheme__tokenFunction" data-lexical-text="true">alert</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">(</span><span class="PlaygroundEditorTheme__tokenProperty" data-lexical-text="true">2</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">)</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">;</span><br><span class="PlaygroundEditorTheme__tokenFunction" data-lexical-text="true">alert</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">(</span><span class="PlaygroundEditorTheme__tokenProperty" data-lexical-text="true">3</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">)</span><span class="PlaygroundEditorTheme__tokenPunctuation" data-lexical-text="true">;</span></code>`,
diff --git a/packages/lexical-playground/__tests__/regression/5251-paste-into-inline-element.spec.mjs b/packages/lexical-playground/__tests__/regression/5251-paste-into-inline-element.spec.mjs
index eb4df543bf7..730b113b471 100644
--- a/packages/lexical-playground/__tests__/regression/5251-paste-into-inline-element.spec.mjs
+++ b/packages/lexical-playground/__tests__/regression/5251-paste-into-inline-element.spec.mjs
@@ -23,6 +23,7 @@ import {
   pasteFromClipboard,
   pressToggleBold,
   test,
+  withExclusiveClipboardAccess,
 } from '../utils/index.mjs';
 
 test.describe('Regression test #5251', () => {
@@ -54,61 +55,63 @@ test.describe('Regression test #5251', () => {
     // Copy "Hello bold"
     await moveToLineBeginning(page);
     await selectCharacters(page, 'right', 'Hello bold'.length);
-    const clipboard = await copyToClipboard(page);
+    await withExclusiveClipboardAccess(async () => {
+      const clipboard = await copyToClipboard(page);
 
-    // Drop "bold"
-    await page.keyboard.press('ArrowLeft');
-    await moveToNextWord(page);
-    await selectCharacters(page, 'right', 'bold '.length);
-    await page.keyboard.press('Delete');
+      // Drop "bold"
+      await page.keyboard.press('ArrowLeft');
+      await moveToNextWord(page);
+      await selectCharacters(page, 'right', 'bold '.length);
+      await page.keyboard.press('Delete');
 
-    // Check our current state
-    await assertHTML(
-      page,
-      html`
-        <p
-          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true">Hello</span>
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">World</span>
-          </a>
-        </p>
-      `,
-    );
+      // Check our current state
+      await assertHTML(
+        page,
+        html`
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true">Hello</span>
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">World</span>
+            </a>
+          </p>
+        `,
+      );
 
-    // Replace "Wor" with the contents of the clipboard
-    if (!IS_WINDOWS) {
-      await page.keyboard.press('ArrowRight');
-    }
-    await selectCharacters(page, 'right', 'Wor'.length);
-    await pasteFromClipboard(page, clipboard);
+      // Replace "Wor" with the contents of the clipboard
+      if (!IS_WINDOWS) {
+        await page.keyboard.press('ArrowRight');
+      }
+      await selectCharacters(page, 'right', 'Wor'.length);
+      await pasteFromClipboard(page, clipboard);
 
-    await assertHTML(
-      page,
-      html`
-        <p
-          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
-          dir="ltr">
-          <span data-lexical-text="true">Hello Hello</span>
-          <strong
-            class="PlaygroundEditorTheme__textBold"
-            data-lexical-text="true">
-            bold
-          </strong>
-          <a
-            class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
-            dir="ltr"
-            href="https://"
-            rel="noreferrer">
-            <span data-lexical-text="true">ld</span>
-          </a>
-        </p>
-      `,
-    );
+      await assertHTML(
+        page,
+        html`
+          <p
+            class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+            dir="ltr">
+            <span data-lexical-text="true">Hello Hello</span>
+            <strong
+              class="PlaygroundEditorTheme__textBold"
+              data-lexical-text="true">
+              bold
+            </strong>
+            <a
+              class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
+              dir="ltr"
+              href="https://"
+              rel="noreferrer">
+              <span data-lexical-text="true">ld</span>
+            </a>
+          </p>
+        `,
+      );
+    });
   });
 });
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index c2f4d921ff9..2b461f5fb05 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -10,6 +10,7 @@ import {expect, test as base} from '@playwright/test';
 import * as glob from 'glob';
 import {randomUUID} from 'node:crypto';
 import prettier from 'prettier';
+import * as lockfile from 'proper-lockfile';
 import {URLSearchParams} from 'url';
 
 import {selectAll} from '../keyboardShortcuts/index.mjs';
@@ -208,6 +209,24 @@ async function assertHTMLOnPageOrFrame(
   }).toPass({intervals: [100, 250, 500], timeout: 5000});
 }
 
+/**
+ * @function
+ * @template T
+ * @param {() => T | Promise<T>}
+ * @returns {Promise<T>}
+ */
+export async function withExclusiveClipboardAccess(f) {
+  const release = await lockfile.lock('.', {
+    lockfilePath: '.playwright-clipboard.lock',
+    retries: 5,
+  });
+  try {
+    return f();
+  } finally {
+    await release();
+  }
+}
+
 /**
  * @param {import('@playwright/test').Page} page
  */
diff --git a/packages/lexical-playground/src/App.tsx b/packages/lexical-playground/src/App.tsx
index 88bb2cc47ab..3cdc15f505f 100644
--- a/packages/lexical-playground/src/App.tsx
+++ b/packages/lexical-playground/src/App.tsx
@@ -10,8 +10,14 @@ import {$createLinkNode} from '@lexical/link';
 import {$createListItemNode, $createListNode} from '@lexical/list';
 import {LexicalComposer} from '@lexical/react/LexicalComposer';
 import {$createHeadingNode, $createQuoteNode} from '@lexical/rich-text';
-import {$createParagraphNode, $createTextNode, $getRoot} from 'lexical';
-import * as React from 'react';
+import {
+  $createParagraphNode,
+  $createTextNode,
+  $getRoot,
+  $isTextNode,
+  DOMConversionMap,
+  TextNode,
+} from 'lexical';
 
 import {isDevPlayground} from './appSettings';
 import {FlashMessageContext} from './context/FlashMessageContext';
@@ -25,9 +31,11 @@ import DocsPlugin from './plugins/DocsPlugin';
 import PasteLogPlugin from './plugins/PasteLogPlugin';
 import {TableContext} from './plugins/TablePlugin';
 import TestRecorderPlugin from './plugins/TestRecorderPlugin';
+import {parseAllowedFontSize} from './plugins/ToolbarPlugin/fontSize';
 import TypingPerfPlugin from './plugins/TypingPerfPlugin';
 import Settings from './Settings';
 import PlaygroundEditorTheme from './themes/PlaygroundEditorTheme';
+import {parseAllowedColor} from './ui/ColorPicker';
 
 console.warn(
   'If you are profiling the playground app, please ensure you turn off the debug view. You can disable it by pressing on the settings control in the bottom-left of your screen and toggling the debug view setting.',
@@ -113,6 +121,71 @@ function $prepopulatedRichText() {
   }
 }
 
+function getExtraStyles(element: HTMLElement): string {
+  // Parse styles from pasted input, but only if they match exactly the
+  // sort of styles that would be produced by exportDOM
+  let extraStyles = '';
+  const fontSize = parseAllowedFontSize(element.style.fontSize);
+  const backgroundColor = parseAllowedColor(element.style.backgroundColor);
+  const color = parseAllowedColor(element.style.color);
+  if (fontSize !== '' && fontSize !== '15px') {
+    extraStyles += `font-size: ${fontSize};`;
+  }
+  if (backgroundColor !== '' && backgroundColor !== 'rgb(255, 255, 255)') {
+    extraStyles += `background-color: ${backgroundColor};`;
+  }
+  if (color !== '' && color !== 'rgb(0, 0, 0)') {
+    extraStyles += `color: ${color};`;
+  }
+  return extraStyles;
+}
+
+function buildImportMap(): DOMConversionMap {
+  const importMap: DOMConversionMap = {};
+
+  // Wrap all TextNode importers with a function that also imports
+  // the custom styles implemented by the playground
+  for (const [tag, fn] of Object.entries(TextNode.importDOM() || {})) {
+    importMap[tag] = (importNode) => {
+      const importer = fn(importNode);
+      if (!importer) {
+        return null;
+      }
+      return {
+        ...importer,
+        conversion: (element) => {
+          const output = importer.conversion(element);
+          if (
+            output === null ||
+            output.forChild === undefined ||
+            output.after !== undefined ||
+            output.node !== null
+          ) {
+            return output;
+          }
+          const extraStyles = getExtraStyles(element);
+          if (extraStyles) {
+            const {forChild} = output;
+            return {
+              ...output,
+              forChild: (child, parent) => {
+                const textNode = forChild(child, parent);
+                if ($isTextNode(textNode)) {
+                  textNode.setStyle(textNode.getStyle() + extraStyles);
+                }
+                return textNode;
+              },
+            };
+          }
+          return output;
+        },
+      };
+    };
+  }
+
+  return importMap;
+}
+
 function App(): JSX.Element {
   const {
     settings: {isCollab, emptyEditor, measureTypingPerf},
@@ -124,6 +197,7 @@ function App(): JSX.Element {
       : emptyEditor
       ? undefined
       : $prepopulatedRichText,
+    html: {import: buildImportMap()},
     namespace: 'Playground',
     nodes: [...PlaygroundNodes],
     onError: (error: Error) => {
diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
index 5beeba2be2b..1e1f5406820 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
@@ -16,6 +16,17 @@ const MIN_ALLOWED_FONT_SIZE = 8;
 const MAX_ALLOWED_FONT_SIZE = 72;
 const DEFAULT_FONT_SIZE = 15;
 
+export function parseAllowedFontSize(input: string): string {
+  const match = input.match(/^(\d+(?:\.\d+)?)px$/);
+  if (match) {
+    const n = Number(match[1]);
+    if (n >= MIN_ALLOWED_FONT_SIZE && n <= MAX_ALLOWED_FONT_SIZE) {
+      return input;
+    }
+  }
+  return '';
+}
+
 // eslint-disable-next-line no-shadow
 enum updateFontSizeType {
   increment = 1,
diff --git a/packages/lexical-playground/src/ui/ColorPicker.tsx b/packages/lexical-playground/src/ui/ColorPicker.tsx
index ebd7b3d5e1c..6934f5a3af8 100644
--- a/packages/lexical-playground/src/ui/ColorPicker.tsx
+++ b/packages/lexical-playground/src/ui/ColorPicker.tsx
@@ -21,6 +21,10 @@ interface ColorPickerProps {
   onChange?: (value: string, skipHistoryStack: boolean) => void;
 }
 
+export function parseAllowedColor(input: string) {
+  return /^rgb\(\d+, \d+, \d+\)$/.test(input) ? input : '';
+}
+
 const basicColors = [
   '#d0021b',
   '#f5a623',

From af344f3a1647351792519b9fef7d65b564353a66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lorber?= <slorber@users.noreply.github.com>
Date: Tue, 5 Nov 2024 06:22:52 +0100
Subject: [PATCH 072/133] [lexical-website] Chore: upgrade to Docusaurus v3.6 -
 Docusaurus Faster (#6761)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .prettierignore                               |    1 +
 package-lock.json                             | 9487 ++++++++++++-----
 packages/lexical-website/babel.config.js      |   13 -
 packages/lexical-website/docusaurus.config.js |    5 +
 packages/lexical-website/fb/sdoc-cache.json   |    2 +-
 packages/lexical-website/package.json         |    9 +-
 .../plugins/webpack-buffer/index.js           |   10 +-
 .../unit/transform-error-messages.test.js     |    2 +-
 8 files changed, 6544 insertions(+), 2985 deletions(-)
 delete mode 100644 packages/lexical-website/babel.config.js

diff --git a/.prettierignore b/.prettierignore
index 547468182f0..d74f51b7821 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -14,6 +14,7 @@ packages/playwright-core
 packages/**/vite.config.js
 packages/**/vite.prod.config.js
 packages/lexical-website/docs/api
+packages/lexical-website/fb/*.json
 **/*.md
 **/*.js.flow
 **/node_modules
diff --git a/package-lock.json b/package-lock.json
index 1913a1c64e9..a296b7da9a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -179,6 +179,7 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.9.3.tgz",
       "integrity": "sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==",
+      "license": "MIT",
       "dependencies": {
         "@algolia/autocomplete-plugin-algolia-insights": "1.9.3",
         "@algolia/autocomplete-shared": "1.9.3"
@@ -188,6 +189,7 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.9.3.tgz",
       "integrity": "sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==",
+      "license": "MIT",
       "dependencies": {
         "@algolia/autocomplete-shared": "1.9.3"
       },
@@ -196,162 +198,451 @@
       }
     },
     "node_modules/@algolia/autocomplete-preset-algolia": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.9.3.tgz",
-      "integrity": "sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==",
+      "version": "1.17.6",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.17.6.tgz",
+      "integrity": "sha512-Cvg5JENdSCMuClwhJ1ON1/jSuojaYMiUW2KePm18IkdCzPJj/NXojaOxw58RFtQFpJgfVW8h2E8mEoDtLlMdeA==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/autocomplete-shared": "1.9.3"
+        "@algolia/autocomplete-shared": "1.17.6"
       },
       "peerDependencies": {
         "@algolia/client-search": ">= 4.9.1 < 6",
         "algoliasearch": ">= 4.9.1 < 6"
       }
     },
+    "node_modules/@algolia/autocomplete-preset-algolia/node_modules/@algolia/autocomplete-shared": {
+      "version": "1.17.6",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.17.6.tgz",
+      "integrity": "sha512-aq/3V9E00Tw2GC/PqgyPGXtqJUlVc17v4cn1EUhSc+O/4zd04Uwb3UmPm8KDaYQQOrkt1lwvCj2vG2wRE5IKhw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@algolia/client-search": ">= 4.9.1 < 6",
+        "algoliasearch": ">= 4.9.1 < 6"
+      }
+    },
     "node_modules/@algolia/autocomplete-shared": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.9.3.tgz",
       "integrity": "sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==",
+      "license": "MIT",
       "peerDependencies": {
         "@algolia/client-search": ">= 4.9.1 < 6",
         "algoliasearch": ">= 4.9.1 < 6"
       }
     },
     "node_modules/@algolia/cache-browser-local-storage": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.23.3.tgz",
-      "integrity": "sha512-vRHXYCpPlTDE7i6UOy2xE03zHF2C8MEFjPN2v7fRbqVpcOvAUQK81x3Kc21xyb5aSIpYCjWCZbYZuz8Glyzyyg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.24.0.tgz",
+      "integrity": "sha512-t63W9BnoXVrGy9iYHBgObNXqYXM3tYXCjDSHeNwnsc324r4o5UiVKUiAB4THQ5z9U5hTj6qUvwg/Ez43ZD85ww==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/cache-common": "4.23.3"
+        "@algolia/cache-common": "4.24.0"
       }
     },
     "node_modules/@algolia/cache-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.23.3.tgz",
-      "integrity": "sha512-h9XcNI6lxYStaw32pHpB1TMm0RuxphF+Ik4o7tcQiodEdpKK+wKufY6QXtba7t3k8eseirEMVB83uFFF3Nu54A=="
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.24.0.tgz",
+      "integrity": "sha512-emi+v+DmVLpMGhp0V9q9h5CdkURsNmFC+cOS6uK9ndeJm9J4TiqSvPYVu+THUP8P/S08rxf5x2P+p3CfID0Y4g==",
+      "license": "MIT"
     },
     "node_modules/@algolia/cache-in-memory": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.23.3.tgz",
-      "integrity": "sha512-yvpbuUXg/+0rbcagxNT7un0eo3czx2Uf0y4eiR4z4SD7SiptwYTpbuS0IHxcLHG3lq22ukx1T6Kjtk/rT+mqNg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.24.0.tgz",
+      "integrity": "sha512-gDrt2so19jW26jY3/MkFg5mEypFIPbPoXsQGQWAi6TrCPsNOSEYepBMPlucqWigsmEy/prp5ug2jy/N3PVG/8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/cache-common": "4.24.0"
+      }
+    },
+    "node_modules/@algolia/client-abtesting": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.12.0.tgz",
+      "integrity": "sha512-hx4eVydkm3yrFCFxmcBtSzI/ykt0cZ6sDWch+v3JTgKpD2WtosMJU3Upv1AjQ4B6COSHCOWEX3vfFxW6OoH6aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-abtesting/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-abtesting/node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+      "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-abtesting/node_modules/@algolia/requester-node-http": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+      "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/cache-common": "4.23.3"
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-account": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.23.3.tgz",
-      "integrity": "sha512-hpa6S5d7iQmretHHF40QGq6hz0anWEHGlULcTIT9tbUssWUriN9AUXIFQ8Ei4w9azD0hc1rUok9/DeQQobhQMA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.24.0.tgz",
+      "integrity": "sha512-adcvyJ3KjPZFDybxlqnf+5KgxJtBjwTPTeyG2aOyoJvx0Y8dUQAEOEVOJ/GBxX0WWNbmaSrhDURMhc+QeevDsA==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "node_modules/@algolia/client-analytics": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.23.3.tgz",
-      "integrity": "sha512-LBsEARGS9cj8VkTAVEZphjxTjMVCci+zIIiRhpFun9jGDUlS1XmhCW7CTrnaWeIuCQS/2iPyRqSy1nXPjcBLRA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.24.0.tgz",
+      "integrity": "sha512-y8jOZt1OjwWU4N2qr8G4AxXAzaa8DBvyHTWlHzX/7Me1LX8OayfgHexqrsL4vSBcoMmVw2XnVW9MhL+Y2ZDJXg==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "node_modules/@algolia/client-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.23.3.tgz",
-      "integrity": "sha512-l6EiPxdAlg8CYhroqS5ybfIczsGUIAC47slLPOMDeKSVXYG1n0qGiz4RjAHLw2aD0xzh2EXZ7aRguPfz7UKDKw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.24.0.tgz",
+      "integrity": "sha512-bc2ROsNL6w6rqpl5jj/UywlIYC21TwSSoFHKl01lYirGMW+9Eek6r02Tocg4gZ8HAw3iBvu6XQiM3BEbmEMoiA==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
+      }
+    },
+    "node_modules/@algolia/client-insights": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.12.0.tgz",
+      "integrity": "sha512-8alajmsYUd+7vfX5lpRNdxqv3Xx9clIHLUItyQK0Z6gwGMbVEFe6YYhgDtwslMAP0y6b0WeJEIZJMLgT7VYpRw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-insights/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-insights/node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+      "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-insights/node_modules/@algolia/requester-node-http": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+      "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-personalization": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.23.3.tgz",
-      "integrity": "sha512-3E3yF3Ocr1tB/xOZiuC3doHQBQ2zu2MPTYZ0d4lpfWads2WTKG7ZzmGnsHmm63RflvDeLK/UVx7j2b3QuwKQ2g==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.24.0.tgz",
+      "integrity": "sha512-l5FRFm/yngztweU0HdUzz1rC4yoWCFo3IF+dVIVTfEPg906eZg5BOd1k0K6rZx5JzyyoP4LdmOikfkfGsKVE9w==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.12.0.tgz",
+      "integrity": "sha512-Q5CszzGWfxbIDs9DJ/QJsL7bP6h+lJMg27KxieEnI9KGCu0Jt5iFA3GkREkgRZxRdzlHbZKkrIzhtHVbSHw/rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions/node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+      "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions/node_modules/@algolia/requester-node-http": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+      "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-search": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.23.3.tgz",
-      "integrity": "sha512-P4VAKFHqU0wx9O+q29Q8YVuaowaZ5EM77rxfmGnkHUJggh28useXQdopokgwMeYw2XUht49WX5RcTQ40rZIabw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.24.0.tgz",
+      "integrity": "sha512-uRW6EpNapmLAD0mW47OXqTP8eiIx5F6qN9/x/7HHO6owL3N1IXqydGwW5nhDFBrV+ldouro2W1VX3XlcUXEFCA==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "node_modules/@algolia/events": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@algolia/events/-/events-4.0.1.tgz",
-      "integrity": "sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ=="
+      "integrity": "sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==",
+      "license": "MIT"
+    },
+    "node_modules/@algolia/ingestion": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.12.0.tgz",
+      "integrity": "sha512-zpHo6qhR22tL8FsdSI4DvEraPDi/019HmMrCFB/TUX98yzh5ooAU7sNW0qPL1I7+S++VbBmNzJOEU9VI8tEC8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/ingestion/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/ingestion/node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+      "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/ingestion/node_modules/@algolia/requester-node-http": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+      "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
     },
     "node_modules/@algolia/logger-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.23.3.tgz",
-      "integrity": "sha512-y9kBtmJwiZ9ZZ+1Ek66P0M68mHQzKRxkW5kAAXYN/rdzgDN0d2COsViEFufxJ0pb45K4FRcfC7+33YB4BLrZ+g=="
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.24.0.tgz",
+      "integrity": "sha512-LLUNjkahj9KtKYrQhFKCzMx0BY3RnNP4FEtO+sBybCjJ73E8jNdaKJ/Dd8A/VA4imVHP5tADZ8pn5B8Ga/wTMA==",
+      "license": "MIT"
     },
     "node_modules/@algolia/logger-console": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.23.3.tgz",
-      "integrity": "sha512-8xoiseoWDKuCVnWP8jHthgaeobDLolh00KJAdMe9XPrWPuf1by732jSpgy2BlsLTaT9m32pHI8CRfrOqQzHv3A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.24.0.tgz",
+      "integrity": "sha512-X4C8IoHgHfiUROfoRCV+lzSy+LHMgkoEEU1BbKcsfnV0i0S20zyy0NLww9dwVHUWNfPPxdMU+/wKmLGYf96yTg==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/logger-common": "4.24.0"
+      }
+    },
+    "node_modules/@algolia/monitoring": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.12.0.tgz",
+      "integrity": "sha512-i2AJZED/zf4uhxezAJUhMKoL5QoepCBp2ynOYol0N76+TSoohaMADdPnWCqOULF4RzOwrG8wWynAwBlXsAI1RQ==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/logger-common": "4.23.3"
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/monitoring/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/monitoring/node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+      "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/monitoring/node_modules/@algolia/requester-node-http": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+      "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/recommend": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-4.23.3.tgz",
-      "integrity": "sha512-9fK4nXZF0bFkdcLBRDexsnGzVmu4TSYZqxdpgBW2tEyfuSSY54D4qSRkLmNkrrz4YFvdh2GM1gA8vSsnZPR73w==",
-      "dependencies": {
-        "@algolia/cache-browser-local-storage": "4.23.3",
-        "@algolia/cache-common": "4.23.3",
-        "@algolia/cache-in-memory": "4.23.3",
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/logger-common": "4.23.3",
-        "@algolia/logger-console": "4.23.3",
-        "@algolia/requester-browser-xhr": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/requester-node-http": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-4.24.0.tgz",
+      "integrity": "sha512-P9kcgerfVBpfYHDfVZDvvdJv0lEoCvzNlOy2nykyt5bK8TyieYyiD0lguIJdRZZYGre03WIAFf14pgE+V+IBlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/cache-browser-local-storage": "4.24.0",
+        "@algolia/cache-common": "4.24.0",
+        "@algolia/cache-in-memory": "4.24.0",
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/logger-common": "4.24.0",
+        "@algolia/logger-console": "4.24.0",
+        "@algolia/requester-browser-xhr": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/requester-node-http": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "node_modules/@algolia/requester-browser-xhr": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.23.3.tgz",
-      "integrity": "sha512-jDWGIQ96BhXbmONAQsasIpTYWslyjkiGu0Quydjlowe+ciqySpiDUrJHERIRfELE5+wFc7hc1Q5hqjGoV7yghw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.24.0.tgz",
+      "integrity": "sha512-Z2NxZMb6+nVXSjF13YpjYTdvV3032YTBSGm2vnYvYPA6mMxzM3v5rsCiSspndn9rzIW4Qp1lPHBvuoKJV6jnAA==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/requester-common": "4.23.3"
+        "@algolia/requester-common": "4.24.0"
       }
     },
     "node_modules/@algolia/requester-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.23.3.tgz",
-      "integrity": "sha512-xloIdr/bedtYEGcXCiF2muajyvRhwop4cMZo+K2qzNht0CMzlRkm8YsDdj5IaBhshqfgmBb3rTg4sL4/PpvLYw=="
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.24.0.tgz",
+      "integrity": "sha512-k3CXJ2OVnvgE3HMwcojpvY6d9kgKMPRxs/kVohrwF5WMr2fnqojnycZkxPoEg+bXm8fi5BBfFmOqgYztRtHsQA==",
+      "license": "MIT"
+    },
+    "node_modules/@algolia/requester-fetch": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.12.0.tgz",
+      "integrity": "sha512-FuDZXUGU1pAg2HCnrt8+q1VGHKChV/LhvjvZlLOT7e56GJie6p+EuLu4/hMKPOVuQQ8XXtrTHKIU3Lw+7O5/bQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-fetch/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
     },
     "node_modules/@algolia/requester-node-http": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.23.3.tgz",
-      "integrity": "sha512-zgu++8Uj03IWDEJM3fuNl34s746JnZOWn1Uz5taV1dFyJhVM/kTNw9Ik7YJWiUNHJQXcaD8IXD1eCb0nq/aByA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.24.0.tgz",
+      "integrity": "sha512-JF18yTjNOVYvU/L3UosRcvbPMGT9B+/GQWNWnenIImglzNVGpyzChkXLnrSf6uxwVNO6ESGu6oN8MqcGQcjQJw==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/requester-common": "4.23.3"
+        "@algolia/requester-common": "4.24.0"
       }
     },
     "node_modules/@algolia/transporter": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.23.3.tgz",
-      "integrity": "sha512-Wjl5gttqnf/gQKJA+dafnD0Y6Yw97yvfY8R9h0dQltX1GXTgNs1zWgvtWW0tHl1EgMdhAyw189uWiZMnL3QebQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.24.0.tgz",
+      "integrity": "sha512-86nI7w6NzWxd1Zp9q3413dRshDqAzSbsQjhcDhPIatEFiZrL1/TjnHL8S7jVKFePlIMzDsZWXAXwXzcok9c5oA==",
+      "license": "MIT",
       "dependencies": {
-        "@algolia/cache-common": "4.23.3",
-        "@algolia/logger-common": "4.23.3",
-        "@algolia/requester-common": "4.23.3"
+        "@algolia/cache-common": "4.24.0",
+        "@algolia/logger-common": "4.24.0",
+        "@algolia/requester-common": "4.24.0"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -482,11 +773,13 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
-      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/highlight": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
       },
       "engines": {
@@ -494,28 +787,30 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz",
-      "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
+      "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.5.tgz",
-      "integrity": "sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
+      "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
+      "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.2",
-        "@babel/generator": "^7.24.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.24.5",
-        "@babel/helpers": "^7.24.5",
-        "@babel/parser": "^7.24.5",
-        "@babel/template": "^7.24.0",
-        "@babel/traverse": "^7.24.5",
-        "@babel/types": "^7.24.5",
+        "@babel/code-frame": "^7.26.0",
+        "@babel/generator": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helpers": "^7.26.0",
+        "@babel/parser": "^7.26.0",
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.26.0",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -604,49 +899,55 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
-      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
+      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.24.7",
+        "@babel/parser": "^7.26.2",
+        "@babel/types": "^7.26.0",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
+        "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
-      "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
+      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
-      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
+      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.15"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
-      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
-        "browserslist": "^4.22.2",
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -658,6 +959,7 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
       "dependencies": {
         "yallist": "^3.0.2"
       }
@@ -666,6 +968,7 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -673,21 +976,21 @@
     "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC"
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz",
-      "integrity": "sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.24.1",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -701,17 +1004,19 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "regexpu-core": "^5.3.1",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "regexpu-core": "^6.1.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -725,14 +1030,16 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz",
-      "integrity": "sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz",
+      "integrity": "sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -744,73 +1051,41 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
-      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
-      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
-      "dependencies": {
-        "@babel/template": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
-      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
+      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.23.0"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
-      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
+      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz",
-      "integrity": "sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
+      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.24.3",
-        "@babel/helper-simple-access": "^7.24.5",
-        "@babel/helper-split-export-declaration": "^7.24.5",
-        "@babel/helper-validator-identifier": "^7.24.5"
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -820,32 +1095,35 @@
       }
     },
     "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
+      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz",
-      "integrity": "sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
-      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-wrap-function": "^7.22.20"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-wrap-function": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -855,13 +1133,14 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz",
-      "integrity": "sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
+      "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -871,106 +1150,93 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz",
-      "integrity": "sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz",
+      "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.24.5"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
-      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
+      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
-      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
-      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
+      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-wrap-function": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
-      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
+      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.22.19"
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.5.tgz",
-      "integrity": "sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz",
+      "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.24.0",
-        "@babel/traverse": "^7.24.5",
-        "@babel/types": "^7.24.5"
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
+    "node_modules/@babel/parser": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
+      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
+        "@babel/types": "^7.26.0"
       },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
-      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -979,12 +1245,28 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz",
-      "integrity": "sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz",
+      "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz",
+      "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -994,11 +1276,12 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz",
-      "integrity": "sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz",
+      "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1008,13 +1291,14 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz",
-      "integrity": "sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-transform-optional-chaining": "^7.24.1"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1024,12 +1308,13 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz",
-      "integrity": "sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz",
+      "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1042,6 +1327,7 @@
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
       "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       },
@@ -1053,6 +1339,7 @@
       "version": "7.8.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
       "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1076,6 +1363,7 @@
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
       "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
       },
@@ -1083,20 +1371,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-syntax-dynamic-import": {
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
@@ -1108,17 +1382,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-syntax-flow": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.7.tgz",
@@ -1135,11 +1398,12 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz",
-      "integrity": "sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
+      "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1149,11 +1413,12 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz",
-      "integrity": "sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
+      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1166,6 +1431,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
       "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -1177,6 +1443,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
       "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1185,11 +1452,12 @@
       }
     },
     "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz",
-      "integrity": "sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz",
+      "integrity": "sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1202,6 +1470,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
       "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -1213,6 +1482,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
       "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1224,6 +1494,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
       "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -1235,6 +1506,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
       "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1246,6 +1518,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
       "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1257,6 +1530,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
       "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1264,24 +1538,11 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
       "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -1293,11 +1554,12 @@
       }
     },
     "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz",
-      "integrity": "sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz",
+      "integrity": "sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1310,6 +1572,7 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
       "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.18.6",
         "@babel/helper-plugin-utils": "^7.18.6"
@@ -1322,11 +1585,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz",
-      "integrity": "sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz",
+      "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1336,14 +1600,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.24.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz",
-      "integrity": "sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-remap-async-to-generator": "^7.22.20",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1353,13 +1617,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz",
-      "integrity": "sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-remap-async-to-generator": "^7.22.20"
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1369,11 +1634,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz",
-      "integrity": "sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
+      "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1383,11 +1649,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz",
-      "integrity": "sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz",
+      "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1397,12 +1664,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz",
-      "integrity": "sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
+      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1412,13 +1680,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz",
-      "integrity": "sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz",
+      "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.4",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1428,17 +1696,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz",
-      "integrity": "sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
+      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-replace-supers": "^7.24.1",
-        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -1449,12 +1716,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz",
-      "integrity": "sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
+      "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/template": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/template": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1464,11 +1732,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz",
-      "integrity": "sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz",
+      "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1478,12 +1747,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz",
-      "integrity": "sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz",
+      "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1493,11 +1763,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-duplicate-keys": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz",
-      "integrity": "sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz",
+      "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1506,13 +1777,29 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz",
-      "integrity": "sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz",
+      "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1522,12 +1809,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz",
-      "integrity": "sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
+      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1537,12 +1825,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz",
-      "integrity": "sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz",
+      "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1568,12 +1856,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz",
-      "integrity": "sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz",
+      "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1583,13 +1872,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-function-name": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz",
-      "integrity": "sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz",
+      "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1599,12 +1889,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz",
-      "integrity": "sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz",
+      "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1614,11 +1904,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz",
-      "integrity": "sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz",
+      "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1628,12 +1919,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz",
-      "integrity": "sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz",
+      "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1643,11 +1934,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-member-expression-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz",
-      "integrity": "sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz",
+      "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1657,12 +1949,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-amd": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz",
-      "integrity": "sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz",
+      "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1672,13 +1965,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz",
-      "integrity": "sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz",
+      "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-simple-access": "^7.22.5"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-simple-access": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1688,14 +1982,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz",
-      "integrity": "sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz",
+      "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-validator-identifier": "^7.22.20"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1705,12 +2000,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-umd": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz",
-      "integrity": "sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz",
+      "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1720,12 +2016,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
-      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1735,11 +2032,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-new-target": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz",
-      "integrity": "sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz",
+      "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1749,12 +2047,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz",
-      "integrity": "sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
+      "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1764,12 +2062,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz",
-      "integrity": "sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz",
+      "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1779,14 +2077,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz",
-      "integrity": "sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz",
+      "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.24.1"
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1796,12 +2094,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-super": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz",
-      "integrity": "sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz",
+      "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-replace-supers": "^7.24.1"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1811,12 +2110,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz",
-      "integrity": "sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz",
+      "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1826,13 +2125,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz",
-      "integrity": "sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1842,11 +2141,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz",
-      "integrity": "sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz",
+      "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1856,12 +2156,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz",
-      "integrity": "sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz",
+      "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1871,14 +2172,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz",
-      "integrity": "sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
+      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1888,11 +2189,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-property-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz",
-      "integrity": "sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
+      "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1902,11 +2204,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-constant-elements": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.24.1.tgz",
-      "integrity": "sha512-QXp1U9x0R7tkiGB0FOk8o74jhnap0FlZ5gNkRIWdG3eP+SvMFg118e1zaWewDzgABb106QSKpVsD3Wgd8t6ifA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.25.9.tgz",
+      "integrity": "sha512-Ncw2JFsJVuvfRsa2lSHiC55kETQVLSnsYGQ1JDDwkUeWGTL/8Tom8aLTnlqgoeuopWrbbGndrc9AlLYrIosrow==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1916,11 +2219,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.7.tgz",
-      "integrity": "sha512-H/Snz9PFxKsS1JLI4dJLtnJgCJRoo0AUm3chP6NYr+9En1JMKloheEiLIhlp5MDVznWo+H3AAC1Mc8lmUEpsgg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz",
+      "integrity": "sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1930,15 +2234,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.24.7.tgz",
-      "integrity": "sha512-+Dj06GDZEFRYvclU6k4bme55GKBEWUmByM/eoKuqg4zTNQHiApWRhQph5fxQB2wAEFvRzL1tOEj1RJ19wJrhoA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz",
+      "integrity": "sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-jsx": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1948,11 +2253,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.24.7.tgz",
-      "integrity": "sha512-QG9EnzoGn+Qar7rxuW+ZOsbWOt56FvvI93xInqsZDC5fsekx1AlIO4KIJ5M+D0p0SqSH156EpmZyXq630B8OlQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz",
+      "integrity": "sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.24.7"
+        "@babel/plugin-transform-react-jsx": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1992,12 +2298,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.7.tgz",
-      "integrity": "sha512-PLgBVk3fzbmEjBJ/u8kFzOqS9tUeDjiaWud/rRym/yjCo/M9cASPlnrd2ZmmZpQT40fOOrvR8jh+n8jikrOhNA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz",
+      "integrity": "sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2007,11 +2314,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz",
-      "integrity": "sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz",
+      "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-plugin-utils": "^7.25.9",
         "regenerator-transform": "^0.15.2"
       },
       "engines": {
@@ -2021,12 +2329,29 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz",
+      "integrity": "sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/@babel/plugin-transform-reserved-words": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz",
-      "integrity": "sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
+      "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2036,14 +2361,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.24.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.3.tgz",
-      "integrity": "sha512-J0BuRPNlNqlMTRJ72eVptpt9VcInbxO6iP3jaxr+1NPhC0UkKL+6oeX6VXMEYdADnuqmMmsBspt4d5w8Y/TCbQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz",
+      "integrity": "sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.24.3",
-        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
         "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.1",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
         "babel-plugin-polyfill-regenerator": "^0.6.1",
         "semver": "^6.3.1"
       },
@@ -2058,16 +2384,18 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/@babel/plugin-transform-shorthand-properties": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz",
-      "integrity": "sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz",
+      "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2077,12 +2405,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz",
-      "integrity": "sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz",
+      "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2092,11 +2421,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-sticky-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz",
-      "integrity": "sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz",
+      "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2106,11 +2436,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-template-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz",
-      "integrity": "sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz",
+      "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2120,11 +2451,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-typeof-symbol": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz",
-      "integrity": "sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz",
+      "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2134,14 +2466,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.4.tgz",
-      "integrity": "sha512-79t3CQ8+oBGk/80SQ8MN3Bs3obf83zJ0YZjDmDaEZN8MqhMI760apl5z6a20kFeMXBwJX99VpKT8CKxEBp5H1g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz",
+      "integrity": "sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.24.4",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-typescript": "^7.24.1"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-syntax-typescript": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2151,11 +2485,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz",
-      "integrity": "sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
+      "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2165,12 +2500,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz",
-      "integrity": "sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz",
+      "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2180,12 +2516,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz",
-      "integrity": "sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz",
+      "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2195,12 +2532,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz",
-      "integrity": "sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz",
+      "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2210,90 +2548,79 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.4.tgz",
-      "integrity": "sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.0.tgz",
+      "integrity": "sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.24.4",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-validator-option": "^7.23.5",
-        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.4",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.1",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.1",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.1",
+        "@babel/compat-data": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.24.1",
-        "@babel/plugin-syntax-import-attributes": "^7.24.1",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-import-assertions": "^7.26.0",
+        "@babel/plugin-syntax-import-attributes": "^7.26.0",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.24.1",
-        "@babel/plugin-transform-async-generator-functions": "^7.24.3",
-        "@babel/plugin-transform-async-to-generator": "^7.24.1",
-        "@babel/plugin-transform-block-scoped-functions": "^7.24.1",
-        "@babel/plugin-transform-block-scoping": "^7.24.4",
-        "@babel/plugin-transform-class-properties": "^7.24.1",
-        "@babel/plugin-transform-class-static-block": "^7.24.4",
-        "@babel/plugin-transform-classes": "^7.24.1",
-        "@babel/plugin-transform-computed-properties": "^7.24.1",
-        "@babel/plugin-transform-destructuring": "^7.24.1",
-        "@babel/plugin-transform-dotall-regex": "^7.24.1",
-        "@babel/plugin-transform-duplicate-keys": "^7.24.1",
-        "@babel/plugin-transform-dynamic-import": "^7.24.1",
-        "@babel/plugin-transform-exponentiation-operator": "^7.24.1",
-        "@babel/plugin-transform-export-namespace-from": "^7.24.1",
-        "@babel/plugin-transform-for-of": "^7.24.1",
-        "@babel/plugin-transform-function-name": "^7.24.1",
-        "@babel/plugin-transform-json-strings": "^7.24.1",
-        "@babel/plugin-transform-literals": "^7.24.1",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.24.1",
-        "@babel/plugin-transform-member-expression-literals": "^7.24.1",
-        "@babel/plugin-transform-modules-amd": "^7.24.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.24.1",
-        "@babel/plugin-transform-modules-systemjs": "^7.24.1",
-        "@babel/plugin-transform-modules-umd": "^7.24.1",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
-        "@babel/plugin-transform-new-target": "^7.24.1",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1",
-        "@babel/plugin-transform-numeric-separator": "^7.24.1",
-        "@babel/plugin-transform-object-rest-spread": "^7.24.1",
-        "@babel/plugin-transform-object-super": "^7.24.1",
-        "@babel/plugin-transform-optional-catch-binding": "^7.24.1",
-        "@babel/plugin-transform-optional-chaining": "^7.24.1",
-        "@babel/plugin-transform-parameters": "^7.24.1",
-        "@babel/plugin-transform-private-methods": "^7.24.1",
-        "@babel/plugin-transform-private-property-in-object": "^7.24.1",
-        "@babel/plugin-transform-property-literals": "^7.24.1",
-        "@babel/plugin-transform-regenerator": "^7.24.1",
-        "@babel/plugin-transform-reserved-words": "^7.24.1",
-        "@babel/plugin-transform-shorthand-properties": "^7.24.1",
-        "@babel/plugin-transform-spread": "^7.24.1",
-        "@babel/plugin-transform-sticky-regex": "^7.24.1",
-        "@babel/plugin-transform-template-literals": "^7.24.1",
-        "@babel/plugin-transform-typeof-symbol": "^7.24.1",
-        "@babel/plugin-transform-unicode-escapes": "^7.24.1",
-        "@babel/plugin-transform-unicode-property-regex": "^7.24.1",
-        "@babel/plugin-transform-unicode-regex": "^7.24.1",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.24.1",
+        "@babel/plugin-transform-arrow-functions": "^7.25.9",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.9",
+        "@babel/plugin-transform-async-to-generator": "^7.25.9",
+        "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
+        "@babel/plugin-transform-block-scoping": "^7.25.9",
+        "@babel/plugin-transform-class-properties": "^7.25.9",
+        "@babel/plugin-transform-class-static-block": "^7.26.0",
+        "@babel/plugin-transform-classes": "^7.25.9",
+        "@babel/plugin-transform-computed-properties": "^7.25.9",
+        "@babel/plugin-transform-destructuring": "^7.25.9",
+        "@babel/plugin-transform-dotall-regex": "^7.25.9",
+        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-dynamic-import": "^7.25.9",
+        "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
+        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
+        "@babel/plugin-transform-for-of": "^7.25.9",
+        "@babel/plugin-transform-function-name": "^7.25.9",
+        "@babel/plugin-transform-json-strings": "^7.25.9",
+        "@babel/plugin-transform-literals": "^7.25.9",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
+        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
+        "@babel/plugin-transform-modules-amd": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
+        "@babel/plugin-transform-modules-umd": "^7.25.9",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-new-target": "^7.25.9",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+        "@babel/plugin-transform-numeric-separator": "^7.25.9",
+        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
+        "@babel/plugin-transform-object-super": "^7.25.9",
+        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9",
+        "@babel/plugin-transform-private-methods": "^7.25.9",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+        "@babel/plugin-transform-property-literals": "^7.25.9",
+        "@babel/plugin-transform-regenerator": "^7.25.9",
+        "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
+        "@babel/plugin-transform-reserved-words": "^7.25.9",
+        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+        "@babel/plugin-transform-spread": "^7.25.9",
+        "@babel/plugin-transform-sticky-regex": "^7.25.9",
+        "@babel/plugin-transform-template-literals": "^7.25.9",
+        "@babel/plugin-transform-typeof-symbol": "^7.25.9",
+        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
+        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
         "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.4",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
         "babel-plugin-polyfill-regenerator": "^0.6.1",
-        "core-js-compat": "^3.31.0",
+        "core-js-compat": "^3.38.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -2307,6 +2634,7 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -2332,6 +2660,7 @@
       "version": "0.1.6-no-external-plugins",
       "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
       "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/types": "^7.4.4",
@@ -2342,16 +2671,17 @@
       }
     },
     "node_modules/@babel/preset-react": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.24.7.tgz",
-      "integrity": "sha512-AAH4lEkpmzFWrGVlHaxJB7RLH21uPQ9+He+eFLWHmF9IuFQVugz8eAsamaW0DXRrTfco5zj1wWtpdcXJUOfsag==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz",
+      "integrity": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-validator-option": "^7.24.7",
-        "@babel/plugin-transform-react-display-name": "^7.24.7",
-        "@babel/plugin-transform-react-jsx": "^7.24.7",
-        "@babel/plugin-transform-react-jsx-development": "^7.24.7",
-        "@babel/plugin-transform-react-pure-annotations": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-transform-react-display-name": "^7.25.9",
+        "@babel/plugin-transform-react-jsx": "^7.25.9",
+        "@babel/plugin-transform-react-jsx-development": "^7.25.9",
+        "@babel/plugin-transform-react-pure-annotations": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2361,15 +2691,16 @@
       }
     },
     "node_modules/@babel/preset-typescript": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz",
-      "integrity": "sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz",
+      "integrity": "sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-validator-option": "^7.23.5",
-        "@babel/plugin-syntax-jsx": "^7.24.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.24.1",
-        "@babel/plugin-transform-typescript": "^7.24.1"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-typescript": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2378,11 +2709,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
-    },
     "node_modules/@babel/runtime": {
       "version": "7.23.9",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz",
@@ -2395,9 +2721,10 @@
       }
     },
     "node_modules/@babel/runtime-corejs3": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.24.4.tgz",
-      "integrity": "sha512-VOQOexSilscN24VEY810G/PqtpFvx/z6UqDIjIWbDe2368HhDLkYN5TYwaEz/+eRCUkhJ2WaNLLmQAlxzfWj4w==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.26.0.tgz",
+      "integrity": "sha512-YXHu5lN8kJCb1LOb9PgV6pvak43X2h4HvRApcN5SdWeaItQOzfn1hgP6jasD6KWQyJDBxrVmA9o9OivlnNJK/w==",
+      "license": "MIT",
       "dependencies": {
         "core-js-pure": "^3.30.2",
         "regenerator-runtime": "^0.14.0"
@@ -2407,31 +2734,30 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
-      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
-      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
-      "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-hoist-variables": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
+      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.25.9",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -2440,13 +2766,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
-      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "to-fast-properties": "^2.0.0"
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2461,7 +2787,8 @@
     "node_modules/@braintree/sanitize-url": {
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-6.0.4.tgz",
-      "integrity": "sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A=="
+      "integrity": "sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==",
+      "license": "MIT"
     },
     "node_modules/@chakra-ui/accordion": {
       "version": "2.3.1",
@@ -3715,24 +4042,27 @@
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
       "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
+      "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
       }
     },
     "node_modules/@docsearch/css": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.6.0.tgz",
-      "integrity": "sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ=="
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.6.3.tgz",
+      "integrity": "sha512-3uvbg8E7rhqE1C4oBAK3tGlS2qfhi9zpfZgH/yjDPF73vd9B41urVIKujF4rczcF4E3qs34SedhehiDJ4UdNBA==",
+      "license": "MIT"
     },
     "node_modules/@docsearch/react": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.6.0.tgz",
-      "integrity": "sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w==",
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.6.3.tgz",
+      "integrity": "sha512-2munr4uBuZq1PG+Ge+F+ldIdxb3Wi8OmEIv2tQQb4RvEvvph+xtQkxwHzVIEnt5s+HecwucuXwB+3JhcZboFLg==",
+      "license": "MIT",
       "dependencies": {
         "@algolia/autocomplete-core": "1.9.3",
-        "@algolia/autocomplete-preset-algolia": "1.9.3",
-        "@docsearch/css": "3.6.0",
-        "algoliasearch": "^4.19.1"
+        "@algolia/autocomplete-preset-algolia": "1.17.6",
+        "@docsearch/css": "3.6.3",
+        "algoliasearch": "^5.11.0"
       },
       "peerDependencies": {
         "@types/react": ">= 16.8.0 < 19.0.0",
@@ -3755,58 +4085,250 @@
         }
       }
     },
-    "node_modules/@docusaurus/core": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/core/-/core-3.3.2.tgz",
-      "integrity": "sha512-PzKMydKI3IU1LmeZQDi+ut5RSuilbXnA8QdowGeJEgU8EJjmx3rBHNT1LxQxOVqNEwpWi/csLwd9bn7rUjggPA==",
+    "node_modules/@docsearch/react/node_modules/@algolia/client-analytics": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.12.0.tgz",
+      "integrity": "sha512-EpTsSv6IW8maCfXCDIptgT7+mQJj7pImEkcNUnxR8yUKAHzTogTXv9yGm2WXOZFVuwstd2i0sImhQ1Vz8RH/hA==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/@algolia/client-common": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+      "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/@algolia/client-personalization": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.12.0.tgz",
+      "integrity": "sha512-bUV9HtfkTBgpoVhxFrMkmVPG03ZN1Rtn51kiaEtukucdk3ggjR9Qu1YUfRSU2lFgxr9qJc8lTxwfvhjCeJRcqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/@algolia/client-search": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.12.0.tgz",
+      "integrity": "sha512-R3qzEytgVLHOGNri+bpta6NtTt7YtkvUe/QBcAmMDjW4Jk1P0eBYIPfvnzIPbINRsLxIq9fZs9uAYBgsrts4Zg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.23.3",
-        "@babel/generator": "^7.23.3",
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/@algolia/recommend": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.12.0.tgz",
+      "integrity": "sha512-0jmZyKvYnB/Bj5c7WKsKedOUjnr0UtXm0LVFUdQrxXfqOqvWv9n6Vpr65UjdYG4Q49kRQxhlwtal9WJYrYymXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+      "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/@algolia/requester-node-http": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+      "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docsearch/react/node_modules/algoliasearch": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.12.0.tgz",
+      "integrity": "sha512-psGBRYdGgik8I6m28iAB8xpubvjEt7UQU+w5MAJUA2324WHiGoHap5BPkkjB14rMaXeRts6pmOsrVIglGyOVwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-abtesting": "5.12.0",
+        "@algolia/client-analytics": "5.12.0",
+        "@algolia/client-common": "5.12.0",
+        "@algolia/client-insights": "5.12.0",
+        "@algolia/client-personalization": "5.12.0",
+        "@algolia/client-query-suggestions": "5.12.0",
+        "@algolia/client-search": "5.12.0",
+        "@algolia/ingestion": "1.12.0",
+        "@algolia/monitoring": "1.12.0",
+        "@algolia/recommend": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@docusaurus/babel": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/babel/-/babel-3.6.0.tgz",
+      "integrity": "sha512-7CsoQFiadoq7AHSUIQNkI/lGfg9AQ2ZBzsf9BqfZGXkHwWDy6twuohEaG0PgQv1npSRSAB2dioVxhRSErnqKNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.9",
+        "@babel/generator": "^7.25.9",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-transform-runtime": "^7.22.9",
-        "@babel/preset-env": "^7.22.9",
-        "@babel/preset-react": "^7.22.5",
-        "@babel/preset-typescript": "^7.22.5",
-        "@babel/runtime": "^7.22.6",
-        "@babel/runtime-corejs3": "^7.22.6",
-        "@babel/traverse": "^7.22.8",
-        "@docusaurus/cssnano-preset": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
-        "autoprefixer": "^10.4.14",
-        "babel-loader": "^9.1.3",
+        "@babel/plugin-transform-runtime": "^7.25.9",
+        "@babel/preset-env": "^7.25.9",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.25.9",
+        "@babel/runtime": "^7.25.9",
+        "@babel/runtime-corejs3": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
         "babel-plugin-dynamic-import-node": "^2.3.3",
+        "fs-extra": "^11.1.1",
+        "tslib": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=18.0"
+      }
+    },
+    "node_modules/@docusaurus/babel/node_modules/@babel/runtime": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@docusaurus/babel/node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@docusaurus/bundler": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/bundler/-/bundler-3.6.0.tgz",
+      "integrity": "sha512-o5T9HXkPKH0OQAifTxEXaebcO8kaz3tU1+wlIShZ2DKJHlsyWX3N4rToWBHroWnV/ZCT2XN3kLRzXASqrnb9Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.25.9",
+        "@docusaurus/babel": "3.6.0",
+        "@docusaurus/cssnano-preset": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "autoprefixer": "^10.4.14",
+        "babel-loader": "^9.2.1",
+        "clean-css": "^5.3.2",
+        "copy-webpack-plugin": "^11.0.0",
+        "css-loader": "^6.8.1",
+        "css-minimizer-webpack-plugin": "^5.0.1",
+        "cssnano": "^6.1.2",
+        "file-loader": "^6.2.0",
+        "html-minifier-terser": "^7.2.0",
+        "mini-css-extract-plugin": "^2.9.1",
+        "null-loader": "^4.0.1",
+        "postcss": "^8.4.26",
+        "postcss-loader": "^7.3.3",
+        "react-dev-utils": "^12.0.1",
+        "terser-webpack-plugin": "^5.3.9",
+        "tslib": "^2.6.0",
+        "url-loader": "^4.1.1",
+        "webpack": "^5.95.0",
+        "webpackbar": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "@docusaurus/faster": "3.5.2"
+      },
+      "peerDependenciesMeta": {
+        "@docusaurus/faster": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@docusaurus/core": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/core/-/core-3.6.0.tgz",
+      "integrity": "sha512-lvRgMoKJJSRDt9+HhAqFcICV4kp/mw1cJJrLxIw4Q2XZnFGM1XUuwcbuaqWmGog+NcOLZaPCcCtZbn60EMCtjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/babel": "3.6.0",
+        "@docusaurus/bundler": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "boxen": "^6.2.1",
         "chalk": "^4.1.2",
         "chokidar": "^3.5.3",
-        "clean-css": "^5.3.2",
         "cli-table3": "^0.6.3",
         "combine-promises": "^1.1.0",
         "commander": "^5.1.0",
-        "copy-webpack-plugin": "^11.0.0",
         "core-js": "^3.31.1",
-        "css-loader": "^6.8.1",
-        "css-minimizer-webpack-plugin": "^5.0.1",
-        "cssnano": "^6.1.2",
         "del": "^6.1.1",
         "detect-port": "^1.5.1",
         "escape-html": "^1.0.3",
         "eta": "^2.2.0",
         "eval": "^0.1.8",
-        "file-loader": "^6.2.0",
         "fs-extra": "^11.1.1",
-        "html-minifier-terser": "^7.2.0",
         "html-tags": "^3.3.1",
-        "html-webpack-plugin": "^5.5.3",
+        "html-webpack-plugin": "^5.6.0",
         "leven": "^3.1.0",
         "lodash": "^4.17.21",
-        "mini-css-extract-plugin": "^2.7.6",
         "p-map": "^4.0.0",
-        "postcss": "^8.4.26",
-        "postcss-loader": "^7.3.3",
         "prompts": "^2.4.2",
         "react-dev-utils": "^12.0.1",
         "react-helmet-async": "^1.3.0",
@@ -3817,17 +4339,14 @@
         "react-router-dom": "^5.3.4",
         "rtl-detect": "^1.0.4",
         "semver": "^7.5.4",
-        "serve-handler": "^6.1.5",
+        "serve-handler": "^6.1.6",
         "shelljs": "^0.8.5",
-        "terser-webpack-plugin": "^5.3.9",
         "tslib": "^2.6.0",
         "update-notifier": "^6.0.2",
-        "url-loader": "^4.1.1",
-        "webpack": "^5.88.1",
-        "webpack-bundle-analyzer": "^4.9.0",
-        "webpack-dev-server": "^4.15.1",
-        "webpack-merge": "^5.9.0",
-        "webpackbar": "^5.0.2"
+        "webpack": "^5.95.0",
+        "webpack-bundle-analyzer": "^4.10.2",
+        "webpack-dev-server": "^4.15.2",
+        "webpack-merge": "^6.0.1"
       },
       "bin": {
         "docusaurus": "bin/docusaurus.mjs"
@@ -3836,6 +4355,7 @@
         "node": ">=18.0"
       },
       "peerDependencies": {
+        "@mdx-js/react": "^3.0.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
       }
@@ -3844,6 +4364,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -3858,6 +4379,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -3873,6 +4395,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -3883,12 +4406,14 @@
     "node_modules/@docusaurus/core/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
     },
     "node_modules/@docusaurus/core/node_modules/commander": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
       "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -3897,6 +4422,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -3910,6 +4436,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3918,6 +4445,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3926,9 +4454,10 @@
       }
     },
     "node_modules/@docusaurus/cssnano-preset": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/cssnano-preset/-/cssnano-preset-3.3.2.tgz",
-      "integrity": "sha512-+5+epLk/Rp4vFML4zmyTATNc3Is+buMAL6dNjrMWahdJCJlMWMPd/8YfU+2PA57t8mlSbhLJ7vAZVy54cd1vRQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/cssnano-preset/-/cssnano-preset-3.6.0.tgz",
+      "integrity": "sha512-h3jlOXqqzNSoU+C4CZLNpFtD+v2xr1UBf4idZpwMgqid9r6lb5GS7tWKnQnauio6OipacbHbDXEX3JyT1PlDkg==",
+      "license": "MIT",
       "dependencies": {
         "cssnano-preset-advanced": "^6.1.2",
         "postcss": "^8.4.38",
@@ -3939,10 +4468,33 @@
         "node": ">=18.0"
       }
     },
+    "node_modules/@docusaurus/faster": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/faster/-/faster-3.6.0.tgz",
+      "integrity": "sha512-9X06/KHD3f4CKm0SjZQIK3UDE/XvouAMiAlYMPV5LprubFlxVQecZG9QnfOe7VIfUh9IuPiDPuGg17yy0efwww==",
+      "license": "MIT",
+      "dependencies": {
+        "@rspack/core": "^1.0.14",
+        "@swc/core": "^1.7.39",
+        "@swc/html": "^1.7.39",
+        "browserslist": "^4.24.2",
+        "lightningcss": "^1.27.0",
+        "swc-loader": "^0.2.6",
+        "tslib": "^2.6.0",
+        "webpack": "^5.95.0"
+      },
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "@docusaurus/types": "*"
+      }
+    },
     "node_modules/@docusaurus/logger": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/logger/-/logger-3.3.2.tgz",
-      "integrity": "sha512-Ldu38GJ4P8g4guN7d7pyCOJ7qQugG7RVyaxrK8OnxuTlaImvQw33aDRwaX2eNmX8YK6v+//Z502F4sOZbHHCHQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/logger/-/logger-3.6.0.tgz",
+      "integrity": "sha512-BcQhoXilXW0607cH/kO6P5Gt5KxCGfoJ+QDKNf3yO2S09/RsITlW+0QljXPbI3DklTrHrhRDmgGk1yX4nUhWTA==",
+      "license": "MIT",
       "dependencies": {
         "chalk": "^4.1.2",
         "tslib": "^2.6.0"
@@ -3955,6 +4507,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -3969,6 +4522,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -3984,6 +4538,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -3994,12 +4549,14 @@
     "node_modules/@docusaurus/logger/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
     },
     "node_modules/@docusaurus/logger/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -4008,6 +4565,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -4016,13 +4574,14 @@
       }
     },
     "node_modules/@docusaurus/mdx-loader": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/mdx-loader/-/mdx-loader-3.3.2.tgz",
-      "integrity": "sha512-AFRxj/aOk3/mfYDPxE3wTbrjeayVRvNSZP7mgMuUlrb2UlPRbSVAFX1k2RbgAJrnTSwMgb92m2BhJgYRfptN3g==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/mdx-loader/-/mdx-loader-3.6.0.tgz",
+      "integrity": "sha512-GhRzL1Af/AdSSrGesSPOU/iP/aXadTGmVKuysCxZDrQR2RtBtubQZ9aw+KvdFVV7R4K/CsbgD6J5oqrXlEPk3Q==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@mdx-js/mdx": "^3.0.0",
         "@slorber/remark-comment": "^1.0.0",
         "escape-html": "^1.0.3",
@@ -4057,6 +4616,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4067,11 +4627,12 @@
       }
     },
     "node_modules/@docusaurus/module-type-aliases": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/module-type-aliases/-/module-type-aliases-3.3.2.tgz",
-      "integrity": "sha512-b/XB0TBJah5yKb4LYuJT4buFvL0MGAb0+vJDrJtlYMguRtsEBkf2nWl5xP7h4Dlw6ol0hsHrCYzJ50kNIOEclw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/module-type-aliases/-/module-type-aliases-3.6.0.tgz",
+      "integrity": "sha512-szTrIN/6/fuk0xkf3XbRfdTFJzRQ8d1s3sQj5++58wltrT7v3yn1149oc9ryYjMpRcbsarGloQwMu7ofPe4XPg==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/types": "3.3.2",
+        "@docusaurus/types": "3.6.0",
         "@types/history": "^4.7.11",
         "@types/react": "*",
         "@types/react-router-config": "*",
@@ -4085,18 +4646,20 @@
       }
     },
     "node_modules/@docusaurus/plugin-content-blog": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.3.2.tgz",
-      "integrity": "sha512-fJU+dmqp231LnwDJv+BHVWft8pcUS2xVPZdeYH6/ibH1s2wQ/sLcmUrGWyIv/Gq9Ptj8XWjRPMghlxghuPPoxg==",
-      "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
-        "cheerio": "^1.0.0-rc.12",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.6.0.tgz",
+      "integrity": "sha512-o4aT1/E0Ldpzs/hQff5uyoSriAhS/yqBhqSn+fvSw465AaqRsva6O7CZSYleuBq6x2bewyE3QJq2PcTiHhAd8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
+        "cheerio": "1.0.0-rc.12",
         "feed": "^4.2.2",
         "fs-extra": "^11.1.1",
         "lodash": "^4.17.21",
@@ -4111,6 +4674,7 @@
         "node": ">=18.0"
       },
       "peerDependencies": {
+        "@docusaurus/plugin-content-docs": "*",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
       }
@@ -4119,6 +4683,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4129,18 +4694,20 @@
       }
     },
     "node_modules/@docusaurus/plugin-content-docs": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.3.2.tgz",
-      "integrity": "sha512-Dm1ri2VlGATTN3VGk1ZRqdRXWa1UlFubjaEL6JaxaK7IIFqN/Esjpl+Xw10R33loHcRww/H76VdEeYayaL76eg==",
-      "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/module-type-aliases": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.6.0.tgz",
+      "integrity": "sha512-c5gZOxocJKO/Zev2MEZInli+b+VNswDGuKHE6QtFgidhAJonwjh2kwj967RvWFaMMk62HlLJLZ+IGK2XsVy4Aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/module-type-aliases": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@types/react-router-config": "^5.0.7",
         "combine-promises": "^1.1.0",
         "fs-extra": "^11.1.1",
@@ -4161,12 +4728,14 @@
     "node_modules/@docusaurus/plugin-content-docs/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
     },
     "node_modules/@docusaurus/plugin-content-docs/node_modules/fs-extra": {
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4180,6 +4749,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -4188,15 +4758,16 @@
       }
     },
     "node_modules/@docusaurus/plugin-content-pages": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.3.2.tgz",
-      "integrity": "sha512-EKc9fQn5H2+OcGER8x1aR+7URtAGWySUgULfqE/M14+rIisdrBstuEZ4lUPDRrSIexOVClML82h2fDS+GSb8Ew==",
-      "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.6.0.tgz",
+      "integrity": "sha512-RKHhJrfkadHc7+tt1cP48NWifOrhkSRMPdXNYytzhoQrXlP6Ph+3tfQ4/n+nT0S3Y9+wwRxYqRqA380ZLt+QtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "fs-extra": "^11.1.1",
         "tslib": "^2.6.0",
         "webpack": "^5.88.1"
@@ -4213,6 +4784,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4223,13 +4795,14 @@
       }
     },
     "node_modules/@docusaurus/plugin-debug": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-debug/-/plugin-debug-3.3.2.tgz",
-      "integrity": "sha512-oBIBmwtaB+YS0XlmZ3gCO+cMbsGvIYuAKkAopoCh0arVjtlyPbejzPrHuCoRHB9G7abjNZw7zoONOR8+8LM5+Q==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-debug/-/plugin-debug-3.6.0.tgz",
+      "integrity": "sha512-o8T1Rl94COLdSlKvjYLQpRJQRU8WWZ8EX1B0yV0dQLNN8reyH7MQW+6z1ig4sQFfH3pnjPWVGHfuEjcib5m7Eg==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
         "fs-extra": "^11.1.1",
         "react-json-view-lite": "^1.2.0",
         "tslib": "^2.6.0"
@@ -4246,6 +4819,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4256,13 +4830,14 @@
       }
     },
     "node_modules/@docusaurus/plugin-google-analytics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.3.2.tgz",
-      "integrity": "sha512-jXhrEIhYPSClMBK6/IA8qf1/FBoxqGXZvg7EuBax9HaK9+kL3L0TJIlatd8jQJOMtds8mKw806TOCc3rtEad1A==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.6.0.tgz",
+      "integrity": "sha512-kgRFbfpi6Hshj75YUztKyEMtI/kw0trPRwoTN4g+W1NK99R/vh8phTvhBTIMnDbetU79795LkwfG0rZ/ce6zWQ==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "tslib": "^2.6.0"
       },
       "engines": {
@@ -4274,13 +4849,14 @@
       }
     },
     "node_modules/@docusaurus/plugin-google-gtag": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.3.2.tgz",
-      "integrity": "sha512-vcrKOHGbIDjVnNMrfbNpRQR1x6Jvcrb48kVzpBAOsKbj9rXZm/idjVAXRaewwobHdOrJkfWS/UJoxzK8wyLRBQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.6.0.tgz",
+      "integrity": "sha512-nqu4IfjaO4UX+dojHL2BxHRS+sKj31CIMWYo49huQ3wTET0Oc3u/WGTaKd3ShTPDhkgiRhTOSTPUwJWrU55nHg==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@types/gtag.js": "^0.0.12",
         "tslib": "^2.6.0"
       },
@@ -4293,13 +4869,14 @@
       }
     },
     "node_modules/@docusaurus/plugin-google-tag-manager": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.3.2.tgz",
-      "integrity": "sha512-ldkR58Fdeks0vC+HQ+L+bGFSJsotQsipXD+iKXQFvkOfmPIV6QbHRd7IIcm5b6UtwOiK33PylNS++gjyLUmaGw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.6.0.tgz",
+      "integrity": "sha512-OU6c5xI0nOVbEc9eImGvvsgNWe4vGm97t/W3aLHjWsHyNk3uwFNBQMHRvBUwAi9k/K3kyC5E7DWnc67REhdLOw==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "tslib": "^2.6.0"
       },
       "engines": {
@@ -4311,16 +4888,17 @@
       }
     },
     "node_modules/@docusaurus/plugin-sitemap": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.3.2.tgz",
-      "integrity": "sha512-/ZI1+bwZBhAgC30inBsHe3qY9LOZS+79fRGkNdTcGHRMcdAp6Vw2pCd1gzlxd/xU+HXsNP6cLmTOrggmRp3Ujg==",
-      "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.6.0.tgz",
+      "integrity": "sha512-YB5XMdf9FjLhgbHY/cDbYhVxsgcpPIjxY9769HUgFOB7GVzItTLOR71W035R1BiR2CA5QAn3XOSg36WLRxlhQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "fs-extra": "^11.1.1",
         "sitemap": "^7.1.1",
         "tslib": "^2.6.0"
@@ -4337,6 +4915,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4347,23 +4926,24 @@
       }
     },
     "node_modules/@docusaurus/preset-classic": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/preset-classic/-/preset-classic-3.3.2.tgz",
-      "integrity": "sha512-1SDS7YIUN1Pg3BmD6TOTjhB7RSBHJRpgIRKx9TpxqyDrJ92sqtZhomDc6UYoMMLQNF2wHFZZVGFjxJhw2VpL+Q==",
-      "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/plugin-content-blog": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/plugin-content-pages": "3.3.2",
-        "@docusaurus/plugin-debug": "3.3.2",
-        "@docusaurus/plugin-google-analytics": "3.3.2",
-        "@docusaurus/plugin-google-gtag": "3.3.2",
-        "@docusaurus/plugin-google-tag-manager": "3.3.2",
-        "@docusaurus/plugin-sitemap": "3.3.2",
-        "@docusaurus/theme-classic": "3.3.2",
-        "@docusaurus/theme-common": "3.3.2",
-        "@docusaurus/theme-search-algolia": "3.3.2",
-        "@docusaurus/types": "3.3.2"
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/preset-classic/-/preset-classic-3.6.0.tgz",
+      "integrity": "sha512-kpGNdQzr/Dpm7o3b1iaQrz4DMDx3WIeBbl4V4P4maa2zAQkTdlaP4CMgA5oKrRrpqPLnQFsUM/b+qf2glhl2Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/plugin-content-blog": "3.6.0",
+        "@docusaurus/plugin-content-docs": "3.6.0",
+        "@docusaurus/plugin-content-pages": "3.6.0",
+        "@docusaurus/plugin-debug": "3.6.0",
+        "@docusaurus/plugin-google-analytics": "3.6.0",
+        "@docusaurus/plugin-google-gtag": "3.6.0",
+        "@docusaurus/plugin-google-tag-manager": "3.6.0",
+        "@docusaurus/plugin-sitemap": "3.6.0",
+        "@docusaurus/theme-classic": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/theme-search-algolia": "3.6.0",
+        "@docusaurus/types": "3.6.0"
       },
       "engines": {
         "node": ">=18.0"
@@ -4374,26 +4954,28 @@
       }
     },
     "node_modules/@docusaurus/theme-classic": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-classic/-/theme-classic-3.3.2.tgz",
-      "integrity": "sha512-gepHFcsluIkPb4Im9ukkiO4lXrai671wzS3cKQkY9BXQgdVwsdPf/KS0Vs4Xlb0F10fTz+T3gNjkxNEgSN9M0A==",
-      "dependencies": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/module-type-aliases": "3.3.2",
-        "@docusaurus/plugin-content-blog": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/plugin-content-pages": "3.3.2",
-        "@docusaurus/theme-common": "3.3.2",
-        "@docusaurus/theme-translations": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-classic/-/theme-classic-3.6.0.tgz",
+      "integrity": "sha512-sAXNfwPL6uRD+BuHuKXZfAXud7SS7IK/JdrPuzyQxdO1gJKzI5GFfe1ED1QoJDNWJWJ01JHE5rSnwYLEADc2rQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/module-type-aliases": "3.6.0",
+        "@docusaurus/plugin-content-blog": "3.6.0",
+        "@docusaurus/plugin-content-docs": "3.6.0",
+        "@docusaurus/plugin-content-pages": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/theme-translations": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@mdx-js/react": "^3.0.0",
         "clsx": "^2.0.0",
         "copy-text-to-clipboard": "^3.2.0",
-        "infima": "0.2.0-alpha.43",
+        "infima": "0.2.0-alpha.45",
         "lodash": "^4.17.21",
         "nprogress": "^0.2.0",
         "postcss": "^8.4.26",
@@ -4413,17 +4995,15 @@
       }
     },
     "node_modules/@docusaurus/theme-common": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-common/-/theme-common-3.3.2.tgz",
-      "integrity": "sha512-kXqSaL/sQqo4uAMQ4fHnvRZrH45Xz2OdJ3ABXDS7YVGPSDTBC8cLebFrRR4YF9EowUHto1UC/EIklJZQMG/usA==",
-      "dependencies": {
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/module-type-aliases": "3.3.2",
-        "@docusaurus/plugin-content-blog": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/plugin-content-pages": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-common/-/theme-common-3.6.0.tgz",
+      "integrity": "sha512-frjlYE5sRs+GuPs4XXlp9aMLI2O4H5FPpznDAXBrCm+8EpWRiIb443ePMxM3IyMCQ5bwFlki0PI9C+r4apstnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/module-type-aliases": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
         "@types/history": "^4.7.11",
         "@types/react": "*",
         "@types/react-router-config": "*",
@@ -4437,23 +5017,25 @@
         "node": ">=18.0"
       },
       "peerDependencies": {
+        "@docusaurus/plugin-content-docs": "*",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
       }
     },
     "node_modules/@docusaurus/theme-search-algolia": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.3.2.tgz",
-      "integrity": "sha512-qLkfCl29VNBnF1MWiL9IyOQaHxUvicZp69hISyq/xMsNvFKHFOaOfk9xezYod2Q9xx3xxUh9t/QPigIei2tX4w==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.6.0.tgz",
+      "integrity": "sha512-4IwRUkxjrisR8LXBHeE4d2btraWdMficbgiVL3UHvJURmyvgzMBZQP8KrK8rjdXeu8SuRxSmeV6NSVomRvdbEg==",
+      "license": "MIT",
       "dependencies": {
         "@docsearch/react": "^3.5.2",
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/theme-common": "3.3.2",
-        "@docusaurus/theme-translations": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/plugin-content-docs": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/theme-translations": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "algoliasearch": "^4.18.0",
         "algoliasearch-helper": "^3.13.3",
         "clsx": "^2.0.0",
@@ -4475,6 +5057,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4485,9 +5068,10 @@
       }
     },
     "node_modules/@docusaurus/theme-translations": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-translations/-/theme-translations-3.3.2.tgz",
-      "integrity": "sha512-bPuiUG7Z8sNpGuTdGnmKl/oIPeTwKr0AXLGu9KaP6+UFfRZiyWbWE87ti97RrevB2ffojEdvchNujparR3jEZQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-translations/-/theme-translations-3.6.0.tgz",
+      "integrity": "sha512-L555X8lWE3fv8VaF0Bc1VnAgi10UvRKFcvADHiYR7Gj37ItaWP5i7xLHsSw7fi/SHTXe5wfIeCFNqUYHyCOHAQ==",
+      "license": "MIT",
       "dependencies": {
         "fs-extra": "^11.1.1",
         "tslib": "^2.6.0"
@@ -4500,6 +5084,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4510,9 +5095,10 @@
       }
     },
     "node_modules/@docusaurus/types": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/types/-/types-3.3.2.tgz",
-      "integrity": "sha512-5p201S7AZhliRxTU7uMKtSsoC8mgPA9bs9b5NQg1IRdRxJfflursXNVsgc3PcMqiUTul/v1s3k3rXXFlRE890w==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/types/-/types-3.6.0.tgz",
+      "integrity": "sha512-jADLgoZGWhAzThr+mRiyuFD4OUzt6jHnb7NRArRKorgxckqUBaPyFOau9hhbcSTHtU6ceyeWjN7FDt7uG2Hplw==",
+      "license": "MIT",
       "dependencies": {
         "@mdx-js/mdx": "^3.0.0",
         "@types/history": "^4.7.11",
@@ -4521,7 +5107,7 @@
         "joi": "^17.9.2",
         "react-helmet-async": "^1.3.0",
         "utility-types": "^3.10.0",
-        "webpack": "^5.88.1",
+        "webpack": "^5.95.0",
         "webpack-merge": "^5.9.0"
       },
       "peerDependencies": {
@@ -4533,17 +5119,33 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
       "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
     },
+    "node_modules/@docusaurus/types/node_modules/webpack-merge": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz",
+      "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==",
+      "license": "MIT",
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "flat": "^5.0.2",
+        "wildcard": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/@docusaurus/utils": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/utils/-/utils-3.3.2.tgz",
-      "integrity": "sha512-f4YMnBVymtkSxONv4Y8js3Gez9IgHX+Lcg6YRMOjVbq8sgCcdYK1lf6SObAuz5qB/mxiSK7tW0M9aaiIaUSUJg==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/utils/-/utils-3.6.0.tgz",
+      "integrity": "sha512-VKczAutI4mptiAw/WcYEu5WeVhQ6Q1zdIUl64SGw9K++9lziH+Kt10Ee8l2dMpRkiUk6zzK20kMNlX2WCUwXYQ==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
         "@svgr/webpack": "^8.1.0",
         "escape-string-regexp": "^4.0.0",
         "file-loader": "^6.2.0",
@@ -4560,6 +5162,7 @@
         "shelljs": "^0.8.5",
         "tslib": "^2.6.0",
         "url-loader": "^4.1.1",
+        "utility-types": "^3.10.0",
         "webpack": "^5.88.1"
       },
       "engines": {
@@ -4575,9 +5178,10 @@
       }
     },
     "node_modules/@docusaurus/utils-common": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/utils-common/-/utils-common-3.3.2.tgz",
-      "integrity": "sha512-QWFTLEkPYsejJsLStgtmetMFIA3pM8EPexcZ4WZ7b++gO5jGVH7zsipREnCHzk6+eDgeaXfkR6UPaTt86bp8Og==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/utils-common/-/utils-common-3.6.0.tgz",
+      "integrity": "sha512-diUDNfbw33GaZMmKwdTckT2IBfVouXLXRD+zphH9ywswuaEIKqixvuf5g41H7MBBrlMsxhna3uTMoB4B/OPDcA==",
+      "license": "MIT",
       "dependencies": {
         "tslib": "^2.6.0"
       },
@@ -4594,15 +5198,18 @@
       }
     },
     "node_modules/@docusaurus/utils-validation": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/utils-validation/-/utils-validation-3.3.2.tgz",
-      "integrity": "sha512-itDgFs5+cbW9REuC7NdXals4V6++KifgVMzoGOOOSIifBQw+8ULhy86u5e1lnptVL0sv8oAjq2alO7I40GR7pA==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/utils-validation/-/utils-validation-3.6.0.tgz",
+      "integrity": "sha512-CRHiKKJEKA0GFlfOf71JWHl7PtwOyX0+Zg9ep9NFEZv6Lcx3RJ9nhl7p8HRjPL6deyYceavM//BsfW4pCI4BtA==",
+      "license": "MIT",
       "dependencies": {
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "fs-extra": "^11.2.0",
         "joi": "^17.9.2",
         "js-yaml": "^4.1.0",
+        "lodash": "^4.17.21",
         "tslib": "^2.6.0"
       },
       "engines": {
@@ -4612,12 +5219,28 @@
     "node_modules/@docusaurus/utils-validation/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/@docusaurus/utils-validation/node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
     },
     "node_modules/@docusaurus/utils-validation/node_modules/js-yaml": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -4628,12 +5251,14 @@
     "node_modules/@docusaurus/utils/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
     },
     "node_modules/@docusaurus/utils/node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -4645,6 +5270,7 @@
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
       "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -4658,6 +5284,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -5298,12 +5925,14 @@
     "node_modules/@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
-      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ=="
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
+      "license": "BSD-3-Clause"
     },
     "node_modules/@hapi/topo": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
       "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@hapi/hoek": "^9.0.0"
       }
@@ -6283,9 +6912,10 @@
       "link": true
     },
     "node_modules/@mdx-js/mdx": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-3.0.1.tgz",
-      "integrity": "sha512-eIQ4QTrOWyL3LWEe/bu6Taqzq2HQvHcyTMaOrI95P2/LmJE7AsfPfgJGuFLPVqBUE1BC1rik3VIhU+s9u72arA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-3.1.0.tgz",
+      "integrity": "sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "@types/estree-jsx": "^1.0.0",
@@ -6293,14 +6923,15 @@
         "@types/mdx": "^2.0.0",
         "collapse-white-space": "^2.0.0",
         "devlop": "^1.0.0",
-        "estree-util-build-jsx": "^3.0.0",
         "estree-util-is-identifier-name": "^3.0.0",
-        "estree-util-to-js": "^2.0.0",
+        "estree-util-scope": "^1.0.0",
         "estree-walker": "^3.0.0",
-        "hast-util-to-estree": "^3.0.0",
         "hast-util-to-jsx-runtime": "^2.0.0",
         "markdown-extensions": "^2.0.0",
-        "periscopic": "^3.0.0",
+        "recma-build-jsx": "^1.0.0",
+        "recma-jsx": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "rehype-recma": "^1.0.0",
         "remark-mdx": "^3.0.0",
         "remark-parse": "^11.0.0",
         "remark-rehype": "^11.0.0",
@@ -6320,6 +6951,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -6328,6 +6960,7 @@
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
       "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 8"
       }
@@ -6348,6 +6981,41 @@
         "react": ">=16"
       }
     },
+    "node_modules/@module-federation/runtime": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime/-/runtime-0.5.1.tgz",
+      "integrity": "sha512-xgiMUWwGLWDrvZc9JibuEbXIbhXg6z2oUkemogSvQ4LKvrl/n0kbqP1Blk669mXzyWbqtSp6PpvNdwaE1aN5xQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/sdk": "0.5.1"
+      }
+    },
+    "node_modules/@module-federation/runtime-tools": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-tools/-/runtime-tools-0.5.1.tgz",
+      "integrity": "sha512-nfBedkoZ3/SWyO0hnmaxuz0R0iGPSikHZOAZ0N/dVSQaIzlffUo35B5nlC2wgWIc0JdMZfkwkjZRrnuuDIJbzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.5.1",
+        "@module-federation/webpack-bundler-runtime": "0.5.1"
+      }
+    },
+    "node_modules/@module-federation/sdk": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/sdk/-/sdk-0.5.1.tgz",
+      "integrity": "sha512-exvchtjNURJJkpqjQ3/opdbfeT2wPKvrbnGnyRkrwW5o3FH1LaST1tkiNviT6OXTexGaVc2DahbdniQHVtQ7pA==",
+      "license": "MIT"
+    },
+    "node_modules/@module-federation/webpack-bundler-runtime": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/webpack-bundler-runtime/-/webpack-bundler-runtime-0.5.1.tgz",
+      "integrity": "sha512-mMhRFH0k2VjwHt3Jol9JkUsmI/4XlrAoBG3E0o7HoyoPYv1UFOWyqAflfANcUPgbYpvqmyLzDcO+3IT36LXnrA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.5.1",
+        "@module-federation/sdk": "0.5.1"
+      }
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -6448,9 +7116,10 @@
       }
     },
     "node_modules/@polka/url": {
-      "version": "1.0.0-next.25",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.25.tgz",
-      "integrity": "sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ=="
+      "version": "1.0.0-next.28",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.28.tgz",
+      "integrity": "sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==",
+      "license": "MIT"
     },
     "node_modules/@popperjs/core": {
       "version": "2.11.8",
@@ -7283,10 +7952,177 @@
         "win32"
       ]
     },
+    "node_modules/@rspack/binding": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding/-/binding-1.0.14.tgz",
+      "integrity": "sha512-0wWqFvr9hkF4LgNPgWfkTU0hhkZAMvOytoCs2p+wDX1Up1E/SgJ1U1JAsCxsl1XtUKm7mRvdWHzJmHbza3y89Q==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "@rspack/binding-darwin-arm64": "1.0.14",
+        "@rspack/binding-darwin-x64": "1.0.14",
+        "@rspack/binding-linux-arm64-gnu": "1.0.14",
+        "@rspack/binding-linux-arm64-musl": "1.0.14",
+        "@rspack/binding-linux-x64-gnu": "1.0.14",
+        "@rspack/binding-linux-x64-musl": "1.0.14",
+        "@rspack/binding-win32-arm64-msvc": "1.0.14",
+        "@rspack/binding-win32-ia32-msvc": "1.0.14",
+        "@rspack/binding-win32-x64-msvc": "1.0.14"
+      }
+    },
+    "node_modules/@rspack/binding-darwin-arm64": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-arm64/-/binding-darwin-arm64-1.0.14.tgz",
+      "integrity": "sha512-dHvlF6T6ctThGDIdvkSdacroA1xlCxfteuppBj8BX/UxzLPr4xsaEtNilfJmFfd2/J02UQyTQauN/9EBuA+YkA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rspack/binding-darwin-x64": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-x64/-/binding-darwin-x64-1.0.14.tgz",
+      "integrity": "sha512-q4Da1Bn/4xTLhhnOkT+fjP2STsSCfp4z03/J/h8tCVG/UYz56Ud3q1UEOK33c5Fxw1C4GlhEh5yYOlSAdxFQLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-arm64-gnu": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.14.tgz",
+      "integrity": "sha512-JogYtL3VQS9wJ3p3FNhDqinm7avrMsdwz4erP7YCjD7idob93GYAE7dPrHUzSNVnCBYXRaHJYZHDQs7lKVcYZw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-arm64-musl": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.14.tgz",
+      "integrity": "sha512-qgybhxI/nnoa8CUz7zKTC0Oh37NZt9uRxsSV7+ZYrfxqbrVCoNVuutPpY724uUHy1M6W34kVEm1uT1N4Ka5cZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-x64-gnu": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.14.tgz",
+      "integrity": "sha512-5vzaDRw3/sGKo3ax/1cU3/cxqNjajwlt2LU288vXNe1/n8oe/pcDfYcTugpOe/A1DqzadanudJszLpFcKsaFtQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-x64-musl": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.14.tgz",
+      "integrity": "sha512-4U6QD9xVS1eGme52DuJr6Fg/KdcUfJ+iKwH49Up460dZ/fLvGylnVGA+V0mzPlKi8gfy7NwFuYXZdu3Pwi1YYg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-win32-arm64-msvc": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.14.tgz",
+      "integrity": "sha512-SjeYw7qqRHYZ5RPClu+ffKZsShQdU3amA1OwC3M0AS6dbfEcji8482St3Y8Z+QSzYRapCEZij9LMM/9ypEhISg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rspack/binding-win32-ia32-msvc": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-1.0.14.tgz",
+      "integrity": "sha512-m1gUiVyz3Z3VYIK/Ayo5CVHBjnEeRk9a+KIpKSsq1yhZItnMgjtr4bKabU9vjxalO4UoaSmVzODJI8lJBlnn5Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rspack/binding-win32-x64-msvc": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.14.tgz",
+      "integrity": "sha512-Gbeg+bayMF9VP9xmlxySL/TC2XrS6/LZM/pqcNOTLHx6LMG/VXCcmKB0rOZo8MzLXEt8D/lQmQ/B6g7pSaAw0g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rspack/core": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/core/-/core-1.0.14.tgz",
+      "integrity": "sha512-xHl23lxJZNjItGc5YuE9alz3yjb56y7EgJmAcBMPHMqgjtUt8rBu4xd/cSUjbr9/lLF9N4hdyoJiPJOFs9LEjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime-tools": "0.5.1",
+        "@rspack/binding": "1.0.14",
+        "@rspack/lite-tapable": "1.0.1",
+        "caniuse-lite": "^1.0.30001616"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.1"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rspack/lite-tapable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rspack/lite-tapable/-/lite-tapable-1.0.1.tgz",
+      "integrity": "sha512-VynGOEsVw2s8TAlLf/uESfrgfrq2+rcXB1muPJYBWbsm1Oa6r5qVQhjA5ggM6z/coYPrsVMgovl3Ff7Q7OCp1w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/@sideway/address": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
       "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@hapi/hoek": "^9.0.0"
       }
@@ -7294,12 +8130,14 @@
     "node_modules/@sideway/formula": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
-      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg=="
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
+      "license": "BSD-3-Clause"
     },
     "node_modules/@sideway/pinpoint": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
-      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ=="
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
+      "license": "BSD-3-Clause"
     },
     "node_modules/@sinclair/typebox": {
       "version": "0.27.8",
@@ -7310,6 +8148,7 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
       "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -7439,6 +8278,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@slorber/remark-comment/-/remark-comment-1.0.0.tgz",
       "integrity": "sha512-RCE24n7jsOj1M0UPvIQCHTe7fI0sFL4S2nwKVWwHyVr/wI/H8GosgsJGyhnsZoGFnD/P2hLf1mSbrrgSLN93NA==",
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^1.0.0",
         "micromark-util-character": "^1.1.0",
@@ -7449,6 +8289,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
       "integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7464,6 +8305,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
       "integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7479,6 +8321,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
       "integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7494,6 +8337,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
       "integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7509,6 +8353,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
       "integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7524,6 +8369,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
       "integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7539,6 +8385,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
       "integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -7554,6 +8401,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
       "integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -7569,6 +8417,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
       "integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
+      "license": "MIT",
       "dependencies": {
         "@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
         "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
@@ -7594,6 +8443,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
       "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.21.3",
         "@svgr/babel-preset": "8.1.0",
@@ -7612,12 +8462,14 @@
     "node_modules/@svgr/core/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
     },
     "node_modules/@svgr/core/node_modules/camelcase": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
       "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -7629,6 +8481,7 @@
       "version": "8.3.6",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
       "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "license": "MIT",
       "dependencies": {
         "import-fresh": "^3.3.0",
         "js-yaml": "^4.1.0",
@@ -7654,6 +8507,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -7665,6 +8519,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
       "integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
+      "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.21.3",
         "entities": "^4.4.0"
@@ -7681,6 +8536,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
       "integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.21.3",
         "@svgr/babel-preset": "8.1.0",
@@ -7702,6 +8558,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-8.1.0.tgz",
       "integrity": "sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==",
+      "license": "MIT",
       "dependencies": {
         "cosmiconfig": "^8.1.3",
         "deepmerge": "^4.3.1",
@@ -7721,12 +8578,14 @@
     "node_modules/@svgr/plugin-svgo/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
     },
     "node_modules/@svgr/plugin-svgo/node_modules/cosmiconfig": {
       "version": "8.3.6",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
       "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "license": "MIT",
       "dependencies": {
         "import-fresh": "^3.3.0",
         "js-yaml": "^4.1.0",
@@ -7752,6 +8611,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -7763,6 +8623,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-8.1.0.tgz",
       "integrity": "sha512-LnhVjMWyMQV9ZmeEy26maJk+8HTIbd59cH4F2MJ439k9DqejRisfFNGAPvRYlKETuh9LrImlS8aKsBgKjMA8WA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.21.3",
         "@babel/plugin-transform-react-constant-elements": "^7.21.3",
@@ -7781,6 +8642,403 @@
         "url": "https://github.com/sponsors/gregberge"
       }
     },
+    "node_modules/@swc/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-EF8C5lp1RKMp3426tAKwQyVbg4Zcn/2FDax3cz8EcOXYQJM/ctB687IvBm9Ciej1wMcQ/dMRg+OB4Xl8BGLBoA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.14"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.8.0",
+        "@swc/core-darwin-x64": "1.8.0",
+        "@swc/core-linux-arm-gnueabihf": "1.8.0",
+        "@swc/core-linux-arm64-gnu": "1.8.0",
+        "@swc/core-linux-arm64-musl": "1.8.0",
+        "@swc/core-linux-x64-gnu": "1.8.0",
+        "@swc/core-linux-x64-musl": "1.8.0",
+        "@swc/core-win32-arm64-msvc": "1.8.0",
+        "@swc/core-win32-ia32-msvc": "1.8.0",
+        "@swc/core-win32-x64-msvc": "1.8.0"
+      },
+      "peerDependencies": {
+        "@swc/helpers": "*"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.8.0.tgz",
+      "integrity": "sha512-TIus1/SE/Ud4g84hCnchcagu+LfyndSDy5r5qf64nflojejDidPU9Fp1InzQhQpEgIpntnZID/KFCP5rQnvsIw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.8.0.tgz",
+      "integrity": "sha512-yCb1FHCX/HUmNRGB1X3CFJ1WPKXMosZVUe3K2TrosCGvytwgaLoW5FS0bZg5Qv6cEUERQBg75cJnOUPwLLRCVg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.8.0.tgz",
+      "integrity": "sha512-6TdjVdiLaSW+eGiHKEojMDlx673nowrPHa6nM6toWgRzy8tIZgjPOguVKJDoMnoHuvO7SkOLCUiMRw0rTskypA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.8.0.tgz",
+      "integrity": "sha512-TU2YcTornnyZiJUabRuk7Xtvzaep11FwK77IkFomjN9/Os5s25B8ea652c2fAQMe9RsM84FPVmX303ohxavjKQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.8.0.tgz",
+      "integrity": "sha512-2CdPTEKxx2hJIj/B0fn8L8k2coo/FDS95smzXyi2bov5FcrP6Ohboq8roFBYgj38fkHusXjY8qt+cCH7yXWAdg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.8.0.tgz",
+      "integrity": "sha512-14StQBifCs/AMsySdU95OmwNJr9LOVqo6rcTFt2b7XaWpe/AyeuMJFxcndLgUewksJHpfepzCTwNdbcYmuNo6A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.8.0.tgz",
+      "integrity": "sha512-qemJnAQlYqKCfWNqVv5SG8uGvw8JotwU86cuFUkq35oTB+dsSFM3b83+B1giGTKKFOh2nfWT7bvPXTKk+aUjew==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.8.0.tgz",
+      "integrity": "sha512-fXt5vZbnrVdXZzGj2qRnZtY3uh+NtLCaFjS2uD9w8ssdbjhbDZYlJCj2JINOjv35ttEfAD2goiYmVa5P/Ypl+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.8.0.tgz",
+      "integrity": "sha512-W4FA2vSJ+bGYiTj6gspxghSdKQNLfLMo65AH07u797x7I+YJj8amnFY/fQRlroDv5Dez/FHTv14oPlTlNFUpIw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.8.0.tgz",
+      "integrity": "sha512-Il4y8XwKDV0Bnk0IpA00kGcSQC6I9XOIinW5egTutnwIDfDE+qsD0j+0isW5H76GetY3/Ze0lVxeOXLAUgpegA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/html": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html/-/html-1.8.0.tgz",
+      "integrity": "sha512-BpfcNylJCIxnV3h8jjuBWlY05JJ3luPskiDgRMljyiQUW7Ll0vZp8J6Jizyrgrsud6XTq4q88RMWGJoWQQiiTw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "optionalDependencies": {
+        "@swc/html-darwin-arm64": "1.8.0",
+        "@swc/html-darwin-x64": "1.8.0",
+        "@swc/html-linux-arm-gnueabihf": "1.8.0",
+        "@swc/html-linux-arm64-gnu": "1.8.0",
+        "@swc/html-linux-arm64-musl": "1.8.0",
+        "@swc/html-linux-x64-gnu": "1.8.0",
+        "@swc/html-linux-x64-musl": "1.8.0",
+        "@swc/html-win32-arm64-msvc": "1.8.0",
+        "@swc/html-win32-ia32-msvc": "1.8.0",
+        "@swc/html-win32-x64-msvc": "1.8.0"
+      }
+    },
+    "node_modules/@swc/html-darwin-arm64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-darwin-arm64/-/html-darwin-arm64-1.8.0.tgz",
+      "integrity": "sha512-J2idsDLZjsuzExyyCiS1xutpgkHI/8TTPlUfr54jipF0VNGWTa85zBw/pLkNPnU5pInZweV87rj4dY/rekNXAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-darwin-x64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-darwin-x64/-/html-darwin-x64-1.8.0.tgz",
+      "integrity": "sha512-lTwC/j9ahtqwQxTFiiCcTrXt2a9DhxRD/CBSZv7193VX3tDT9bil1hlyJcjd7ps6YETszoJmL1Bz83XEvkQ2dA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-linux-arm-gnueabihf": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-arm-gnueabihf/-/html-linux-arm-gnueabihf-1.8.0.tgz",
+      "integrity": "sha512-W0uDzlhaIjp4GZc261ZfTQR3URoB30/hGc0krb2O9Ef9H0gR3/qF4tmVsca4LmYlxKQjJ1j9ziYjRYtCvU+IYQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-linux-arm64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-arm64-gnu/-/html-linux-arm64-gnu-1.8.0.tgz",
+      "integrity": "sha512-jr2Fd0gGPNZudspZQRSUqKikeAZ9VCWB+w5LwEEZ1NuQMyyXxXnEporS9AqfQc5FPdgDbOOE2ct5iU4bmv8ENQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-linux-arm64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-arm64-musl/-/html-linux-arm64-musl-1.8.0.tgz",
+      "integrity": "sha512-MVdXyF4QZtVM2RpoSbpKTyn4NHYQmmoj+hbIgqEnce+UH/+lly/xyqtObOcZ05a/UKOx93lL9e8zY48tSRNAsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-linux-x64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-x64-gnu/-/html-linux-x64-gnu-1.8.0.tgz",
+      "integrity": "sha512-+RhgpJSqLDBySQClmPb1esdHvylyNPmUDZSCbxW2UB2X1PyJk+a6u9c6T4bacpGj+kSYxWJTpm8NUMP5O8TJlQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-linux-x64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-x64-musl/-/html-linux-x64-musl-1.8.0.tgz",
+      "integrity": "sha512-IwQ9PwroFUtMiRbul1EVgYKvt7f8fV6IcG2dXypf4nT88WSR4EBGIdHglbt1CvkfN1kV+Fd3XlyZ8HTlqqmcxg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-win32-arm64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-win32-arm64-msvc/-/html-win32-arm64-msvc-1.8.0.tgz",
+      "integrity": "sha512-WYl9exCDEVB5zFAewjDMs+Fkjv1uwY2uh3qu5KqVe6A60g0SDZxut1K3yCEt4fm6cGU/0cmpHVngenl8A87jZw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-win32-ia32-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-win32-ia32-msvc/-/html-win32-ia32-msvc-1.8.0.tgz",
+      "integrity": "sha512-Ul+wT7GiwK/rztQicJy4luhM0Vx3r2YafT7UaSVDYZ/dI2+RH6et+rDPsfnYU+M9j9cKPrOdNkb8lu8NATfooA==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/html-win32-x64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-win32-x64-msvc/-/html-win32-x64-msvc-1.8.0.tgz",
+      "integrity": "sha512-+7dUidfNeVC45BB1B4AeZ060C9pcbYRv+6HmcYcNaAaHCabjIuaLduAirPNfMAxCwcGG8v3q3sIVI257gDVUmQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.14",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.14.tgz",
+      "integrity": "sha512-PbSmTiYCN+GMrvfjrMo9bdY+f2COnwbdnoMw7rqU/PI5jXpKjxOGZ0qqZCImxnT81NkNsKnmEpvu+hRXLBeCJg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
     "node_modules/@szmarczak/http-timer": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-5.0.1.tgz",
@@ -7939,6 +9197,27 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz",
+      "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.3.tgz",
+      "integrity": "sha512-laXM4+1o5ImZv3RpFAsTRn3TEkzqkytiOY0Dz0sq5cnd1dtNlk6sHLon4OvqaiJb28T0S/TdsBI3Sjsy+keJrw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz",
+      "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw==",
+      "license": "MIT"
+    },
     "node_modules/@types/debug": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
@@ -7957,9 +9236,10 @@
       }
     },
     "node_modules/@types/eslint-scope": {
-      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
-      "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "license": "MIT",
       "dependencies": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -8032,12 +9312,14 @@
     "node_modules/@types/gtag.js": {
       "version": "0.0.12",
       "resolved": "https://registry.npmjs.org/@types/gtag.js/-/gtag.js-0.0.12.tgz",
-      "integrity": "sha512-YQV9bUsemkzG81Ea295/nF/5GijnD2Af7QhEofh7xu+kvCN6RdodgNwwGWXB5GMI3NoyvQo0odNctoH/qLMIpg=="
+      "integrity": "sha512-YQV9bUsemkzG81Ea295/nF/5GijnD2Af7QhEofh7xu+kvCN6RdodgNwwGWXB5GMI3NoyvQo0odNctoH/qLMIpg==",
+      "license": "MIT"
     },
     "node_modules/@types/hast": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
       "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "*"
       }
@@ -8045,7 +9327,8 @@
     "node_modules/@types/history": {
       "version": "4.7.11",
       "resolved": "https://registry.npmjs.org/@types/history/-/history-4.7.11.tgz",
-      "integrity": "sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA=="
+      "integrity": "sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==",
+      "license": "MIT"
     },
     "node_modules/@types/html-minifier-terser": {
       "version": "6.1.0",
@@ -8168,9 +9451,10 @@
       }
     },
     "node_modules/@types/mdast": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.3.tgz",
-      "integrity": "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "*"
       }
@@ -8180,11 +9464,6 @@
       "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.12.tgz",
       "integrity": "sha512-H9VZ9YqE+H28FQVchC83RCs5xQ2J7mAAv6qdDEaWmXEVl3OpdH+xfrSUzQ1lp7U7oSTRZ0RvW08ASPJsYBi7Cw=="
     },
-    "node_modules/@types/mermaid": {
-      "version": "8.2.9",
-      "resolved": "https://registry.npmjs.org/@types/mermaid/-/mermaid-8.2.9.tgz",
-      "integrity": "sha512-f1i8fNoVFVJXedk+R7GcEk4KoOWzWAU3CzFqlVw1qWKktfsataBERezCz1pOdKy8Ec02ZdPQXGM7NU2lPHABYQ=="
-    },
     "node_modules/@types/mime": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
@@ -8289,6 +9568,7 @@
       "version": "5.1.20",
       "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.20.tgz",
       "integrity": "sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/history": "^4.7.11",
         "@types/react": "*"
@@ -8298,6 +9578,7 @@
       "version": "5.0.11",
       "resolved": "https://registry.npmjs.org/@types/react-router-config/-/react-router-config-5.0.11.tgz",
       "integrity": "sha512-WmSAg7WgqW7m4x8Mt4N6ZyKz0BubSj/2tVUMsAHp+Yd2AMwcSbeFq9WympT19p5heCFmF97R9eD5uUR/t4HEqw==",
+      "license": "MIT",
       "dependencies": {
         "@types/history": "^4.7.11",
         "@types/react": "*",
@@ -8308,6 +9589,7 @@
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-5.3.3.tgz",
       "integrity": "sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==",
+      "license": "MIT",
       "dependencies": {
         "@types/history": "^4.7.11",
         "@types/react": "*",
@@ -8329,6 +9611,7 @@
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.7.tgz",
       "integrity": "sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==",
+      "license": "MIT",
       "dependencies": {
         "@types/node": "*"
       }
@@ -9019,14 +10302,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-import-assertions": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -9145,31 +10420,33 @@
       }
     },
     "node_modules/algoliasearch": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.23.3.tgz",
-      "integrity": "sha512-Le/3YgNvjW9zxIQMRhUHuhiUjAlKY/zsdZpfq4dlLqg6mEm0nL6yk+7f2hDOtLpxsgE4jSzDmvHL7nXdBp5feg==",
-      "dependencies": {
-        "@algolia/cache-browser-local-storage": "4.23.3",
-        "@algolia/cache-common": "4.23.3",
-        "@algolia/cache-in-memory": "4.23.3",
-        "@algolia/client-account": "4.23.3",
-        "@algolia/client-analytics": "4.23.3",
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-personalization": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/logger-common": "4.23.3",
-        "@algolia/logger-console": "4.23.3",
-        "@algolia/recommend": "4.23.3",
-        "@algolia/requester-browser-xhr": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/requester-node-http": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.24.0.tgz",
+      "integrity": "sha512-bf0QV/9jVejssFBmz2HQLxUadxk574t4iwjCKp5E7NBzwKkrDEhKPISIIjAU/p6K5qDx3qoeh4+26zWN1jmw3g==",
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/cache-browser-local-storage": "4.24.0",
+        "@algolia/cache-common": "4.24.0",
+        "@algolia/cache-in-memory": "4.24.0",
+        "@algolia/client-account": "4.24.0",
+        "@algolia/client-analytics": "4.24.0",
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-personalization": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/logger-common": "4.24.0",
+        "@algolia/logger-console": "4.24.0",
+        "@algolia/recommend": "4.24.0",
+        "@algolia/requester-browser-xhr": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/requester-node-http": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "node_modules/algoliasearch-helper": {
-      "version": "3.19.0",
-      "resolved": "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.19.0.tgz",
-      "integrity": "sha512-AaSb5DZDMZmDQyIy6lf4aL0OZGgyIdqvLIIvSuVQOIOqfhrYSY7TvotIFI2x0Q3cP3xUpTd7lI1astUC4aXBJw==",
+      "version": "3.22.5",
+      "resolved": "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.22.5.tgz",
+      "integrity": "sha512-lWvhdnc+aKOKx8jyA3bsdEgHzm/sglC4cYdMG4xSQyRiPLJVJtH/IVYZG3Hp6PkTEhQqhyVYkeP9z2IlcHJsWw==",
+      "license": "MIT",
       "dependencies": {
         "@algolia/events": "^4.0.1"
       },
@@ -9198,7 +10475,6 @@
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
       "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
       "dependencies": {
         "type-fest": "^0.21.3"
       },
@@ -9741,9 +11017,10 @@
       }
     },
     "node_modules/babel-loader": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-      "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz",
+      "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==",
+      "license": "MIT",
       "dependencies": {
         "find-cache-dir": "^4.0.0",
         "schema-utils": "^4.0.0"
@@ -9835,12 +11112,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.10",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz",
-      "integrity": "sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz",
+      "integrity": "sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==",
+      "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -9851,28 +11129,31 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz",
-      "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==",
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
+      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
-        "core-js-compat": "^3.36.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "core-js-compat": "^3.38.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.1.tgz",
-      "integrity": "sha512-JfTApdE++cgcTWjsiCQlLyFBMbTUft9ja17saCc93lgV33h4tuCVj7tlvu//qpLwaG+3yEz7/KhahGrUMkVq9g==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
+      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -10317,9 +11598,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "funding": [
         {
           "type": "opencollective",
@@ -10334,11 +11615,12 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001587",
-        "electron-to-chromium": "^1.4.668",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -10659,9 +11941,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001605",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001605.tgz",
-      "integrity": "sha512-nXwGlFWo34uliI9z3n6Qc0wZaf7zaZWA1CPZ169La5mV3I/gem7bst0vr5XQH5TJXZIMfDeZyOrZnSlVzKxxHQ==",
+      "version": "1.0.30001677",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001677.tgz",
+      "integrity": "sha512-fmfjsOlJUpMWu+mAAtZZZHz7UEwsUxIIvu1TJfO1HqFQvB/B+ii0xr9B5HpbZY/mC4XZ8SvjHJqtAY6pDPQEog==",
       "funding": [
         {
           "type": "opencollective",
@@ -10675,7 +11957,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/ccount": {
       "version": "2.0.1",
@@ -10747,6 +12030,7 @@
       "version": "1.0.0-rc.12",
       "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
       "integrity": "sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==",
+      "license": "MIT",
       "dependencies": {
         "cheerio-select": "^2.1.0",
         "dom-serializer": "^2.0.0",
@@ -10767,6 +12051,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
       "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+      "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0",
         "css-select": "^5.1.0",
@@ -10887,15 +12172,6 @@
         "consola": "^3.2.3"
       }
     },
-    "node_modules/citty/node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >=16.10.0"
-      }
-    },
     "node_modules/cjs-module-lexer": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.3.1.tgz",
@@ -11131,6 +12407,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
       "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "license": "MIT",
       "dependencies": {
         "is-plain-object": "^2.0.4",
         "kind-of": "^6.0.2",
@@ -11179,6 +12456,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-2.1.0.tgz",
       "integrity": "sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -11267,7 +12545,8 @@
     "node_modules/common-path-prefix": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
-      "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w=="
+      "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
+      "license": "ISC"
     },
     "node_modules/commondir": {
       "version": "1.0.1",
@@ -11567,9 +12846,13 @@
       }
     },
     "node_modules/consola": {
-      "version": "2.15.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
-      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw=="
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
+      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
     },
     "node_modules/console-control-strings": {
       "version": "1.1.0",
@@ -11580,6 +12863,7 @@
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
       "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -11617,6 +12901,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
       "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -11706,11 +12991,12 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.36.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.1.tgz",
-      "integrity": "sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==",
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz",
+      "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.23.0"
+        "browserslist": "^4.24.2"
       },
       "funding": {
         "type": "opencollective",
@@ -11718,10 +13004,11 @@
       }
     },
     "node_modules/core-js-pure": {
-      "version": "3.36.1",
-      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.36.1.tgz",
-      "integrity": "sha512-NXCvHvSVYSrewP0L5OhltzXeWFJLo2AL2TYnj6iLV3Bw8mM62wAQMNgUCRI6EBu6hVVpbCxmOPlxh1Ikw2PfUA==",
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.39.0.tgz",
+      "integrity": "sha512-7fEcWwKI4rJinnK+wLTezeg2smbFFdSBP6E2kQZNbnzM2s1rpKQ6aaRteZSSg7FLU3P0HGGVo/gbpfanU36urg==",
       "hasInstallScript": true,
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/core-js"
@@ -11736,6 +13023,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-1.0.3.tgz",
       "integrity": "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==",
+      "license": "MIT",
       "dependencies": {
         "layout-base": "^1.0.0"
       }
@@ -12116,6 +13404,7 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/cssnano-preset-advanced/-/cssnano-preset-advanced-6.1.2.tgz",
       "integrity": "sha512-Nhao7eD8ph2DoHolEzQs5CfRpiEP0xa1HBdnFZ82kvqdmbwVBUr2r1QuQ4t1pi+D1ZpqpcO4T+wy/7RxzJ/WPQ==",
+      "license": "MIT",
       "dependencies": {
         "autoprefixer": "^10.4.19",
         "browserslist": "^4.23.0",
@@ -12251,9 +13540,10 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/cytoscape": {
-      "version": "3.29.2",
-      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.29.2.tgz",
-      "integrity": "sha512-2G1ycU28Nh7OHT9rkXRLpCDP30MKH1dXJORZuBhtEhEW7pKwgPi77ImqlCWinouyE1PNepIOGZBOrE84DG7LyQ==",
+      "version": "3.30.3",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.3.tgz",
+      "integrity": "sha512-HncJ9gGJbVtw7YXtIs3+6YAFSSiKsom0amWc33Z7QbylbY2JGMrA0yz4EwrdTScZxnwclXeEZHzO5pxoy0ZE4g==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10"
       }
@@ -12262,6 +13552,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/cytoscape-cose-bilkent/-/cytoscape-cose-bilkent-4.1.0.tgz",
       "integrity": "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==",
+      "license": "MIT",
       "dependencies": {
         "cose-base": "^1.0.0"
       },
@@ -12269,34 +13560,11 @@
         "cytoscape": "^3.2.0"
       }
     },
-    "node_modules/cytoscape-fcose": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz",
-      "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==",
-      "dependencies": {
-        "cose-base": "^2.2.0"
-      },
-      "peerDependencies": {
-        "cytoscape": "^3.2.0"
-      }
-    },
-    "node_modules/cytoscape-fcose/node_modules/cose-base": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz",
-      "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==",
-      "dependencies": {
-        "layout-base": "^2.0.0"
-      }
-    },
-    "node_modules/cytoscape-fcose/node_modules/layout-base": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz",
-      "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg=="
-    },
     "node_modules/d3": {
       "version": "7.9.0",
       "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
       "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
+      "license": "ISC",
       "dependencies": {
         "d3-array": "3",
         "d3-axis": "3",
@@ -12337,6 +13605,7 @@
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
       "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
       "dependencies": {
         "internmap": "1 - 2"
       },
@@ -12348,6 +13617,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
       "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12356,6 +13626,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
       "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "license": "ISC",
       "dependencies": {
         "d3-dispatch": "1 - 3",
         "d3-drag": "2 - 3",
@@ -12371,6 +13642,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
       "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "license": "ISC",
       "dependencies": {
         "d3-path": "1 - 3"
       },
@@ -12382,6 +13654,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
       "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12390,6 +13663,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
       "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "license": "ISC",
       "dependencies": {
         "d3-array": "^3.2.0"
       },
@@ -12401,6 +13675,7 @@
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
       "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "license": "ISC",
       "dependencies": {
         "delaunator": "5"
       },
@@ -12412,6 +13687,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
       "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12420,6 +13696,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
       "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "license": "ISC",
       "dependencies": {
         "d3-dispatch": "1 - 3",
         "d3-selection": "3"
@@ -12432,6 +13709,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
       "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
       "dependencies": {
         "commander": "7",
         "iconv-lite": "0.6",
@@ -12456,6 +13734,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
       "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 10"
       }
@@ -12464,6 +13743,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
       "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=12"
       }
@@ -12472,6 +13752,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
       "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
       "dependencies": {
         "d3-dsv": "1 - 3"
       },
@@ -12483,6 +13764,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
       "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
       "dependencies": {
         "d3-dispatch": "1 - 3",
         "d3-quadtree": "1 - 3",
@@ -12496,6 +13778,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
       "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12504,6 +13787,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
       "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
       "dependencies": {
         "d3-array": "2.5.0 - 3"
       },
@@ -12515,6 +13799,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
       "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12523,6 +13808,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
       "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
       "dependencies": {
         "d3-color": "1 - 3"
       },
@@ -12534,6 +13820,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
       "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12542,6 +13829,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
       "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12550,6 +13838,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
       "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12558,14 +13847,56 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
       "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
     },
+    "node_modules/d3-sankey": {
+      "version": "0.12.3",
+      "resolved": "https://registry.npmjs.org/d3-sankey/-/d3-sankey-0.12.3.tgz",
+      "integrity": "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "d3-array": "1 - 2",
+        "d3-shape": "^1.2.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-array": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz",
+      "integrity": "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "internmap": "^1.0.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-path": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
+      "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/d3-sankey/node_modules/d3-shape": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+      "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "d3-path": "1"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/internmap": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
+      "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==",
+      "license": "ISC"
+    },
     "node_modules/d3-scale": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
       "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
       "dependencies": {
         "d3-array": "2.10.0 - 3",
         "d3-format": "1 - 3",
@@ -12581,6 +13912,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
       "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
       "dependencies": {
         "d3-color": "1 - 3",
         "d3-interpolate": "1 - 3"
@@ -12593,6 +13925,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12601,6 +13934,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
       "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
       "dependencies": {
         "d3-path": "^3.1.0"
       },
@@ -12612,6 +13946,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
       "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
       "dependencies": {
         "d3-array": "2 - 3"
       },
@@ -12623,6 +13958,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
       "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
       "dependencies": {
         "d3-time": "1 - 3"
       },
@@ -12634,6 +13970,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
       "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -12642,6 +13979,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
       "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "license": "ISC",
       "dependencies": {
         "d3-color": "1 - 3",
         "d3-dispatch": "1 - 3",
@@ -12660,6 +13998,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
       "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "license": "ISC",
       "dependencies": {
         "d3-dispatch": "1 - 3",
         "d3-drag": "2 - 3",
@@ -12672,9 +14011,10 @@
       }
     },
     "node_modules/dagre-d3-es": {
-      "version": "7.0.9",
-      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.9.tgz",
-      "integrity": "sha512-rYR4QfVmy+sR44IBDvVtcAmOReGBvRCWDpO2QjYwqgh9yijw6eSHBqaPG/LIOEy7aBsniLvtMW6pg19qJhq60w==",
+      "version": "7.0.10",
+      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.10.tgz",
+      "integrity": "sha512-qTCQmEhcynucuaZgY5/+ti3X/rnszKZhEQH/ZdWdtP1tA/y3VoHJzcVrO9pjjJCNpigfscAtoUB5ONcd2wNn0A==",
+      "license": "MIT",
       "dependencies": {
         "d3": "^7.8.2",
         "lodash-es": "^4.17.21"
@@ -12777,9 +14117,10 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.11",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
-      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
     },
     "node_modules/debounce": {
       "version": "1.2.1",
@@ -13192,6 +14533,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.1.tgz",
       "integrity": "sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==",
+      "license": "ISC",
       "dependencies": {
         "robust-predicates": "^3.0.2"
       }
@@ -13236,6 +14578,18 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/detect-newline": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -13301,6 +14655,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
       "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
       "dependencies": {
         "dequal": "^2.0.0"
       },
@@ -13521,15 +14876,15 @@
       }
     },
     "node_modules/docusaurus-plugin-internaldocs-fb": {
-      "version": "1.18.2",
-      "resolved": "https://registry.npmjs.org/docusaurus-plugin-internaldocs-fb/-/docusaurus-plugin-internaldocs-fb-1.18.2.tgz",
-      "integrity": "sha512-EDsRNqkGHYvNMhcTqOxvd+U4mAfGG94YzDdRB+0TTcGgmVix7LOLnM6K+wycBPWSN/kEsW+eYXo+kO4WO3NjhQ==",
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/docusaurus-plugin-internaldocs-fb/-/docusaurus-plugin-internaldocs-fb-1.19.0.tgz",
+      "integrity": "sha512-gNH8h1vSmpXi+HbvHQn+eG6g0kHfQ3ys94ppg2uOZf+q8NUnNpoemFrBf5sciLPOPOMF59j/ZMNu0L1GsLFlGg==",
+      "license": "MIT",
       "dependencies": {
         "@mdx-js/mdx": "^2.1.1",
         "@mdx-js/react": "^1.6.22",
         "@types/lodash.debounce": "4.0.7",
         "@types/lodash.escape": "4.0.0",
-        "@types/mermaid": "^8.2.9",
         "@types/react-modal": "3.13.1",
         "assert": "^2.0.0",
         "buffer": "^6.0.3",
@@ -13538,7 +14893,7 @@
         "fs-extra": "^10.1.0",
         "lodash.debounce": "^4.0.8",
         "lodash.escape": "^4.0.0",
-        "mermaid": "^9.1.3",
+        "mermaid": "^10.9.0",
         "node-fetch": "2.6.7",
         "path-browserify": "^1.0.1",
         "react-live": "^2.2.3",
@@ -13567,6 +14922,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-2.3.0.tgz",
       "integrity": "sha512-jLuwRlz8DQfQNiUCJR50Y09CGPq3fLtmtUQfVrj79E0JWu3dvsVcxVIcfhR5h0iXu+/z++zDrYeiJqifRynJkA==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/mdx": "^2.0.0",
@@ -13595,6 +14951,7 @@
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
       "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "bail": "^2.0.0",
@@ -13613,6 +14970,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
       "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-is": "^5.0.0",
@@ -13627,6 +14985,7 @@
       "version": "1.6.22",
       "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.6.22.tgz",
       "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -13639,6 +14998,7 @@
       "version": "2.3.10",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
       "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2"
       }
@@ -13647,14 +15007,16 @@
       "version": "3.0.15",
       "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
       "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2"
       }
     },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -13666,6 +15028,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
       "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -13674,6 +15037,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
       "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -13685,6 +15049,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/estree-util-attach-comments/-/estree-util-attach-comments-2.1.1.tgz",
       "integrity": "sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
       },
@@ -13697,6 +15062,7 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/estree-util-build-jsx/-/estree-util-build-jsx-2.2.2.tgz",
       "integrity": "sha512-m56vOXcOBuaF+Igpb9OPAy7f9w9OIkb5yhjsZuaPm7HoGi4oTOQi0h2+yZ+AtKklYFZ+rPC4n0wYCJCEU1ONqg==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "estree-util-is-identifier-name": "^2.0.0",
@@ -13711,6 +15077,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-2.1.0.tgz",
       "integrity": "sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -13720,6 +15087,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/estree-util-to-js/-/estree-util-to-js-1.2.0.tgz",
       "integrity": "sha512-IzU74r1PK5IMMGZXUVZbmiu4A1uhiPgW5hm1GjcOfr4ZzHaMPpLNJjR7HjXiIOzi25nZDrgFTobHTkV5Q6ITjA==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "astring": "^1.8.0",
@@ -13734,6 +15102,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-1.2.1.tgz",
       "integrity": "sha512-xbgqcrkIVbIG+lI/gzbvd9SGTJL4zqJKBFttUl5pP27KhAjtMKbX/mQXJ7qgyXpMgVy/zvpm0xoQQaGL8OloOw==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/unist": "^2.0.0"
@@ -13747,6 +15116,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -13755,6 +15125,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/hast-util-to-estree/-/hast-util-to-estree-2.3.3.tgz",
       "integrity": "sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "@types/estree-jsx": "^1.0.0",
@@ -13781,6 +15152,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz",
       "integrity": "sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -13790,6 +15162,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-1.1.1.tgz",
       "integrity": "sha512-WWC0ZuMzCyDHYCasEGs4IPvLyTGftYwh6wIEOULOF0HXcqZlhwRzrK0w2VUlxWA98xnvb/jszw4ZSkJ6ADpM6Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -13798,6 +15171,7 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-2.2.2.tgz",
       "integrity": "sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "escape-string-regexp": "^5.0.0",
@@ -13813,6 +15187,7 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
       "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "@types/unist": "^2.0.0",
@@ -13836,6 +15211,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-2.0.2.tgz",
       "integrity": "sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==",
+      "license": "MIT",
       "dependencies": {
         "mdast-util-from-markdown": "^1.0.0",
         "mdast-util-gfm-autolink-literal": "^1.0.0",
@@ -13854,6 +15230,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-1.0.3.tgz",
       "integrity": "sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "ccount": "^2.0.0",
@@ -13869,6 +15246,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-1.0.2.tgz",
       "integrity": "sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "mdast-util-to-markdown": "^1.3.0",
@@ -13883,6 +15261,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.3.tgz",
       "integrity": "sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "mdast-util-to-markdown": "^1.3.0"
@@ -13896,6 +15275,7 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-1.0.7.tgz",
       "integrity": "sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "markdown-table": "^3.0.0",
@@ -13911,6 +15291,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-1.0.2.tgz",
       "integrity": "sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "mdast-util-to-markdown": "^1.3.0"
@@ -13924,6 +15305,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-2.0.1.tgz",
       "integrity": "sha512-38w5y+r8nyKlGvNjSEqWrhG0w5PmnRA+wnBvm+ulYCct7nsGYhFVb0lljS9bQav4psDAS1eGkP2LMVcZBi/aqw==",
+      "license": "MIT",
       "dependencies": {
         "mdast-util-from-markdown": "^1.0.0",
         "mdast-util-mdx-expression": "^1.0.0",
@@ -13940,6 +15322,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-1.3.2.tgz",
       "integrity": "sha512-xIPmR5ReJDu/DHH1OoIT1HkuybIfRGYRywC+gJtI7qHjCJp/M9jrmBEJW22O8lskDWm562BX2W8TiAwRTb0rKA==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^2.0.0",
@@ -13956,6 +15339,7 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-2.1.4.tgz",
       "integrity": "sha512-DtMn9CmVhVzZx3f+optVDF8yFgQVt7FghCRNdlIaS3X5Bnym3hZwPbg/XW86vdpKjlc1PVj26SpnLGeJBXD3JA==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^2.0.0",
@@ -13979,6 +15363,7 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-1.3.1.tgz",
       "integrity": "sha512-SXqglS0HrEvSdUEfoXFtcg7DRl7S2cwOXc7jkuusG472Mmjag34DUDeOJUZtl+BVnyeO1frIgVpHlNRWc2gk/w==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^2.0.0",
@@ -13995,6 +15380,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-3.0.1.tgz",
       "integrity": "sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "unist-util-is": "^5.0.0"
@@ -14008,6 +15394,7 @@
       "version": "12.3.0",
       "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz",
       "integrity": "sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^2.0.0",
         "@types/mdast": "^3.0.0",
@@ -14027,6 +15414,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
       "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-is": "^5.0.0",
@@ -14041,6 +15429,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.5.0.tgz",
       "integrity": "sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "@types/unist": "^2.0.0",
@@ -14060,6 +15449,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
       "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-is": "^5.0.0",
@@ -14074,6 +15464,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
       "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0"
       },
@@ -14096,6 +15487,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/debug": "^4.0.0",
         "debug": "^4.0.0",
@@ -14130,6 +15522,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "decode-named-character-reference": "^1.0.0",
         "micromark-factory-destination": "^1.0.0",
@@ -14153,6 +15546,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-2.0.3.tgz",
       "integrity": "sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==",
+      "license": "MIT",
       "dependencies": {
         "micromark-extension-gfm-autolink-literal": "^1.0.0",
         "micromark-extension-gfm-footnote": "^1.0.0",
@@ -14172,6 +15566,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-1.0.5.tgz",
       "integrity": "sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^1.0.0",
         "micromark-util-sanitize-uri": "^1.0.0",
@@ -14187,6 +15582,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-1.1.2.tgz",
       "integrity": "sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==",
+      "license": "MIT",
       "dependencies": {
         "micromark-core-commonmark": "^1.0.0",
         "micromark-factory-space": "^1.0.0",
@@ -14206,6 +15602,7 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-1.0.7.tgz",
       "integrity": "sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-chunked": "^1.0.0",
         "micromark-util-classify-character": "^1.0.0",
@@ -14223,6 +15620,7 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-1.0.7.tgz",
       "integrity": "sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==",
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^1.0.0",
         "micromark-util-character": "^1.0.0",
@@ -14239,6 +15637,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-1.0.2.tgz",
       "integrity": "sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-types": "^1.0.0"
       },
@@ -14251,6 +15650,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-1.0.5.tgz",
       "integrity": "sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==",
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^1.0.0",
         "micromark-util-character": "^1.0.0",
@@ -14277,6 +15677,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "micromark-factory-mdx-expression": "^1.0.0",
@@ -14292,6 +15693,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-1.0.5.tgz",
       "integrity": "sha512-gPH+9ZdmDflbu19Xkb8+gheqEDqkSpdCEubQyxuz/Hn8DOXiXvrXeikOoBA71+e8Pfi0/UYmU3wW3H58kr7akA==",
+      "license": "MIT",
       "dependencies": {
         "@types/acorn": "^4.0.0",
         "@types/estree": "^1.0.0",
@@ -14313,6 +15715,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdx-md/-/micromark-extension-mdx-md-1.0.1.tgz",
       "integrity": "sha512-7MSuj2S7xjOQXAjjkbjBsHkMtb+mDGVW6uI2dBL9snOBCbZmoNgDAeZ0nSn9j3T42UE/g2xVNMn18PJxZvkBEA==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-types": "^1.0.0"
       },
@@ -14325,6 +15728,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs/-/micromark-extension-mdxjs-1.0.1.tgz",
       "integrity": "sha512-7YA7hF6i5eKOfFUzZ+0z6avRG52GpWR8DL+kN47y3f2KhxbBZMhmxe7auOeaTBrW2DenbbZTf1ea9tA2hDpC2Q==",
+      "license": "MIT",
       "dependencies": {
         "acorn": "^8.0.0",
         "acorn-jsx": "^5.0.0",
@@ -14344,6 +15748,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-1.0.5.tgz",
       "integrity": "sha512-xNRBw4aoURcyz/S69B19WnZAkWJMxHMT5hE36GtDAyhoyn/8TuAeqjFJQlwk+MKQsUD7b3l7kFX+vlfVWgcX1w==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "micromark-core-commonmark": "^1.0.0",
@@ -14374,6 +15779,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^1.0.0",
         "micromark-util-symbol": "^1.0.0",
@@ -14394,6 +15800,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^1.0.0",
         "micromark-util-symbol": "^1.0.0",
@@ -14415,6 +15822,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "micromark-util-character": "^1.0.0",
@@ -14440,6 +15848,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^1.0.0",
         "micromark-util-character": "^1.0.0",
@@ -14461,6 +15870,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^1.0.0",
         "micromark-util-character": "^1.0.0",
@@ -14482,6 +15892,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^1.0.0"
       }
@@ -14500,6 +15911,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^1.0.0",
         "micromark-util-symbol": "^1.0.0",
@@ -14520,6 +15932,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-chunked": "^1.0.0",
         "micromark-util-types": "^1.0.0"
@@ -14539,6 +15952,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^1.0.0"
       }
@@ -14557,6 +15971,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "decode-named-character-reference": "^1.0.0",
         "micromark-util-character": "^1.0.0",
@@ -14577,7 +15992,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/micromark-util-events-to-acorn": {
       "version": "1.2.3",
@@ -14593,6 +16009,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/acorn": "^4.0.0",
         "@types/estree": "^1.0.0",
@@ -14617,7 +16034,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/micromark-util-normalize-identifier": {
       "version": "1.1.0",
@@ -14633,6 +16051,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^1.0.0"
       }
@@ -14651,6 +16070,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-types": "^1.0.0"
       }
@@ -14669,6 +16089,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^1.0.0",
         "micromark-util-encode": "^1.0.0",
@@ -14689,6 +16110,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-chunked": "^1.0.0",
         "micromark-util-symbol": "^1.0.0",
@@ -14709,12 +16131,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/node-fetch": {
       "version": "2.6.7",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
       "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "license": "MIT",
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
@@ -14734,6 +16158,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-3.0.1.tgz",
       "integrity": "sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "mdast-util-gfm": "^2.0.0",
@@ -14749,6 +16174,7 @@
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
       "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "bail": "^2.0.0",
@@ -14767,6 +16193,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-2.3.0.tgz",
       "integrity": "sha512-g53hMkpM0I98MU266IzDFMrTD980gNF3BJnkyFcmN+dD873mQeD5rdMO3Y2X+x8umQfbSE0PcoEDl7ledSA+2g==",
+      "license": "MIT",
       "dependencies": {
         "mdast-util-mdx": "^2.0.0",
         "micromark-extension-mdxjs": "^1.0.0"
@@ -14780,6 +16207,7 @@
       "version": "10.0.2",
       "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz",
       "integrity": "sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "mdast-util-from-markdown": "^1.0.0",
@@ -14794,6 +16222,7 @@
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
       "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "bail": "^2.0.0",
@@ -14812,6 +16241,7 @@
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz",
       "integrity": "sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^2.0.0",
         "@types/mdast": "^3.0.0",
@@ -14827,6 +16257,7 @@
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
       "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "bail": "^2.0.0",
@@ -14845,6 +16276,7 @@
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
       "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 8"
       }
@@ -14852,12 +16284,14 @@
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
     },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/unified": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.2.tgz",
       "integrity": "sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==",
+      "license": "MIT",
       "dependencies": {
         "bail": "^1.0.0",
         "extend": "^3.0.0",
@@ -14875,6 +16309,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
       "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -14884,6 +16319,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
       "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -14892,6 +16328,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
       "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -14901,6 +16338,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
       "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.2"
       },
@@ -14913,6 +16351,7 @@
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
       "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "is-buffer": "^2.0.0",
@@ -14928,6 +16367,7 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
       "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-stringify-position": "^2.0.0"
@@ -14941,6 +16381,7 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz",
       "integrity": "sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0"
       },
@@ -14953,6 +16394,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/unist-util-position-from-estree/-/unist-util-position-from-estree-1.1.2.tgz",
       "integrity": "sha512-poZa0eXpS+/XpoQwGwl79UUdea4ol2ZuCYguVaJS4qzIOMDzbqz8a3erUCOmubSZkaOuGamb3tX790iwOIROww==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0"
       },
@@ -14961,37 +16403,11 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/unist-util-remove-position": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-4.0.2.tgz",
-      "integrity": "sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-visit": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/unist-util-remove-position/node_modules/unist-util-visit": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
-      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-is": "^5.0.0",
-        "unist-util-visit-parents": "^5.1.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/unist-util-stringify-position": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
       "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0"
       },
@@ -15004,6 +16420,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
       "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-is": "^4.0.0",
@@ -15018,6 +16435,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
       "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -15027,6 +16445,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
       "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-is": "^4.0.0"
@@ -15040,6 +16459,7 @@
       "version": "5.3.7",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
       "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "is-buffer": "^2.0.0",
@@ -15055,6 +16475,7 @@
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
       "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-stringify-position": "^3.0.0"
@@ -15067,12 +16488,14 @@
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
     },
     "node_modules/docusaurus-plugin-internaldocs-fb/node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
       "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
       "dependencies": {
         "tr46": "~0.0.3",
         "webidl-conversions": "^3.0.0"
@@ -15156,9 +16579,10 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.3.tgz",
-      "integrity": "sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ=="
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.6.tgz",
+      "integrity": "sha512-cTOAhc36AalkjtBpfG6O8JimdTMWNXjiePT2xQH/ppBGi/4uIpmj8eKyIkMJErXWARyINV/sB38yf8JCLF5pbQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)"
     },
     "node_modules/domutils": {
       "version": "3.1.0",
@@ -15246,14 +16670,16 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.723",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.723.tgz",
-      "integrity": "sha512-rxFVtrMGMFROr4qqU6n95rUi9IlfIm+lIAt+hOToy/9r6CDv0XiEcQdC3VP71y1pE5CFTzKV0RvxOGYCPWWHPw=="
+      "version": "1.5.50",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.50.tgz",
+      "integrity": "sha512-eMVObiUQ2LdgeO1F/ySTXsvqvxb6ZH2zPGaMYsWzRDdOddUa77tdmI0ltg+L16UpbWdhPmuF3wIQYyQq65WfZw==",
+      "license": "ISC"
     },
     "node_modules/elkjs": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/elkjs/-/elkjs-0.8.2.tgz",
-      "integrity": "sha512-L6uRgvZTH+4OF5NE/MBbzQx/WYpru1xCBE9respNj6qznEewGUIfhzmm7horWWxbNO2M0WckQypGctR8lH79xQ=="
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/elkjs/-/elkjs-0.9.3.tgz",
+      "integrity": "sha512-f/ZeWvW/BCXbhGEf1Ujp29EASo/lk1FDnETgNKwJrsVvGZhUWCZyg3xLJjAsxfOmt8KjswHmI5EwCQcPMpOYhQ==",
+      "license": "EPL-2.0"
     },
     "node_modules/emittery": {
       "version": "0.13.1",
@@ -15275,7 +16701,8 @@
     "node_modules/emojilib": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/emojilib/-/emojilib-2.4.0.tgz",
-      "integrity": "sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw=="
+      "integrity": "sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==",
+      "license": "MIT"
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
@@ -15286,9 +16713,10 @@
       }
     },
     "node_modules/emoticon": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/emoticon/-/emoticon-4.0.1.tgz",
-      "integrity": "sha512-dqx7eA9YaqyvYtUhJwT4rC1HIp82j5ybS1/vQ42ur+jBe17dJMwZE4+gvL1XadSFfxaPFFGt3Xsw+Y8akThDlw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/emoticon/-/emoticon-4.1.0.tgz",
+      "integrity": "sha512-VWZfnxqwNcc51hIy/sbOdEem6D+cVtpPzEEtVAFdaas30+1dgkyaOQ4sQ6Bp0tOMqWO1v+HQfYaoodOkdhK6SQ==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -15327,9 +16755,10 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.16.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz",
-      "integrity": "sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -15543,6 +16972,50 @@
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
       "dev": true
     },
+    "node_modules/esast-util-from-estree": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/esast-util-from-estree/-/esast-util-from-estree-2.0.0.tgz",
+      "integrity": "sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-visit": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/esast-util-from-js": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/esast-util-from-js/-/esast-util-from-js-2.0.1.tgz",
+      "integrity": "sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "acorn": "^8.0.0",
+        "esast-util-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/esast-util-from-js/node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
@@ -15582,9 +17055,10 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -16488,6 +17962,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-attach-comments/-/estree-util-attach-comments-3.0.0.tgz",
       "integrity": "sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
       },
@@ -16500,6 +17975,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/estree-util-build-jsx/-/estree-util-build-jsx-3.0.1.tgz",
       "integrity": "sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "devlop": "^1.0.0",
@@ -16515,6 +17991,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -16523,6 +18000,21 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
       "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-scope": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-scope/-/estree-util-scope-1.0.0.tgz",
+      "integrity": "sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -16532,6 +18024,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-to-js/-/estree-util-to-js-2.0.0.tgz",
       "integrity": "sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "astring": "^1.8.0",
@@ -16546,17 +18039,18 @@
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
       "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 8"
       }
     },
     "node_modules/estree-util-value-to-estree": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/estree-util-value-to-estree/-/estree-util-value-to-estree-3.1.1.tgz",
-      "integrity": "sha512-5mvUrF2suuv5f5cGDnDphIy4/gW86z82kl5qG6mM9z04SEQI4FB5Apmaw/TGEf3l55nLtMs5s51dmhUzvAHQCA==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/estree-util-value-to-estree/-/estree-util-value-to-estree-3.2.1.tgz",
+      "integrity": "sha512-Vt2UOjyPbNQQgT5eJh+K5aATti0OjCIAGc9SgMdOFYbohuifsWclR74l0iZTJwePMgWYdX1hlVS+dedH9XV8kw==",
+      "license": "MIT",
       "dependencies": {
-        "@types/estree": "^1.0.0",
-        "is-plain-obj": "^4.0.0"
+        "@types/estree": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/remcohaszing"
@@ -16566,6 +18060,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-2.0.0.tgz",
       "integrity": "sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/unist": "^3.0.0"
@@ -16576,9 +18071,10 @@
       }
     },
     "node_modules/estree-util-visit/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/estree-walker": {
       "version": "2.0.1",
@@ -16902,19 +18398,6 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
-    "node_modules/fast-url-parser": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
-      "integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==",
-      "dependencies": {
-        "punycode": "^1.3.2"
-      }
-    },
-    "node_modules/fast-url-parser/node_modules/punycode": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ=="
-    },
     "node_modules/fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -16927,6 +18410,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/fault/-/fault-2.0.1.tgz",
       "integrity": "sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==",
+      "license": "MIT",
       "dependencies": {
         "format": "^0.2.0"
       },
@@ -16968,6 +18452,7 @@
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/feed/-/feed-4.2.2.tgz",
       "integrity": "sha512-u5/sxGfiMfZNtJ3OvQpXcvotFpYkL0n9u9mM2vkui2nGo8b4wvDkJ8gAkYqbA8QpGyFCv3RK0Z+Iv+9veCS9bQ==",
+      "license": "MIT",
       "dependencies": {
         "xml-js": "^1.6.11"
       },
@@ -16975,6 +18460,21 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -17076,6 +18576,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
       "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
+      "license": "MIT",
       "dependencies": {
         "common-path-prefix": "^3.0.0",
         "pkg-dir": "^7.0.0"
@@ -17091,6 +18592,7 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
       "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^7.1.0",
         "path-exists": "^5.0.0"
@@ -17106,6 +18608,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
       "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^6.0.0"
       },
@@ -17120,6 +18623,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
       "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^1.0.0"
       },
@@ -17134,6 +18638,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
       "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^4.0.0"
       },
@@ -17148,6 +18653,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
       "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
+      "license": "MIT",
       "engines": {
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
@@ -17156,6 +18662,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
       "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
+      "license": "MIT",
       "dependencies": {
         "find-up": "^6.3.0"
       },
@@ -17167,9 +18674,10 @@
       }
     },
     "node_modules/find-cache-dir/node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz",
+      "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==",
+      "license": "MIT",
       "engines": {
         "node": ">=12.20"
       },
@@ -18012,19 +19520,11 @@
         "giget": "dist/cli.mjs"
       }
     },
-    "node_modules/giget/node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >=16.10.0"
-      }
-    },
     "node_modules/github-slugger": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
-      "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw=="
+      "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==",
+      "license": "ISC"
     },
     "node_modules/glob": {
       "version": "10.4.1",
@@ -18325,6 +19825,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
       "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
+      "license": "MIT",
       "dependencies": {
         "js-yaml": "^3.13.1",
         "kind-of": "^6.0.2",
@@ -18475,6 +19976,7 @@
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz",
       "integrity": "sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "@types/unist": "^3.0.0",
@@ -18491,9 +19993,10 @@
       }
     },
     "node_modules/hast-util-from-parse5/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/hast-util-has-property": {
       "version": "1.0.4",
@@ -18517,6 +20020,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
       "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0"
       },
@@ -18526,9 +20030,10 @@
       }
     },
     "node_modules/hast-util-raw": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.0.2.tgz",
-      "integrity": "sha512-PldBy71wO9Uq1kyaMch9AHIghtQvIwxBUkv823pKmkTM3oV1JxtsTNYdevMxvUHqcnOAuO65JKU2+0NOxc2ksA==",
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.0.4.tgz",
+      "integrity": "sha512-LHE65TD2YiNsHD3YuXcKPHXPLuYh/gjp12mOfU8jxSrm1f/yJpsb0F/KKljS6U9LJoP0Ux+tCe8iJ2AsPzTdgA==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "@types/unist": "^3.0.0",
@@ -18550,9 +20055,10 @@
       }
     },
     "node_modules/hast-util-raw/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/hast-util-select": {
       "version": "4.0.2",
@@ -18667,6 +20173,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/hast-util-to-estree/-/hast-util-to-estree-3.1.0.tgz",
       "integrity": "sha512-lfX5g6hqVh9kjS/B9E2gSkvHH4SZNiQFiqWS0x9fENzEl+8W12RqdRxX6d/Cwxi30tPQs3bIO+aolQJNp1bIyw==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "@types/estree-jsx": "^1.0.0",
@@ -18691,9 +20198,10 @@
       }
     },
     "node_modules/hast-util-to-jsx-runtime": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz",
-      "integrity": "sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.2.tgz",
+      "integrity": "sha512-1ngXYb+V9UT5h+PxNRa1O1FYguZK/XL+gkeqvp7EdHlB9oHUG0eYRo/vY5inBdcqo3RkPMC58/H94HvkbfGdyg==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -18717,27 +20225,31 @@
       }
     },
     "node_modules/hast-util-to-jsx-runtime/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/hast-util-to-jsx-runtime/node_modules/inline-style-parser": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.3.tgz",
-      "integrity": "sha512-qlD8YNDqyTKTyuITrDOffsl6Tdhv+UC4hcdAVuQsK4IMQ99nSgd1MIA/Q+jQYoh9r3hVUXhYh7urSRmXPkW04g=="
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
+      "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==",
+      "license": "MIT"
     },
     "node_modules/hast-util-to-jsx-runtime/node_modules/style-to-object": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.6.tgz",
-      "integrity": "sha512-khxq+Qm3xEyZfKd/y9L3oIWQimxuc4STrQKtQn8aSDRHb8mFgpukgX1hdzfrMEW6JCjyJ8p89x+IUMVnCBI1PA==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz",
+      "integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==",
+      "license": "MIT",
       "dependencies": {
-        "inline-style-parser": "0.2.3"
+        "inline-style-parser": "0.2.4"
       }
     },
     "node_modules/hast-util-to-parse5": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz",
       "integrity": "sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "comma-separated-tokens": "^2.0.0",
@@ -18779,6 +20291,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
       "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0"
       },
@@ -18791,6 +20304,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-8.0.0.tgz",
       "integrity": "sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "comma-separated-tokens": "^2.0.0",
@@ -19009,6 +20523,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
       "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -19076,6 +20591,7 @@
           "url": "https://github.com/sponsors/fb55"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.3",
@@ -19287,6 +20803,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.1.1.tgz",
       "integrity": "sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==",
+      "license": "MIT",
       "dependencies": {
         "queue": "6.0.2"
       },
@@ -19370,9 +20887,10 @@
       }
     },
     "node_modules/infima": {
-      "version": "0.2.0-alpha.43",
-      "resolved": "https://registry.npmjs.org/infima/-/infima-0.2.0-alpha.43.tgz",
-      "integrity": "sha512-2uw57LvUqW0rK/SWYnd/2rRfxNA5DDNOh33jxF7fy46VWoNhGxiUQyVZHbBMjQ33mQem0cjdDVwgWVAmlRfgyQ==",
+      "version": "0.2.0-alpha.45",
+      "resolved": "https://registry.npmjs.org/infima/-/infima-0.2.0-alpha.45.tgz",
+      "integrity": "sha512-uyH0zfr1erU1OohLk0fT4Rrb94AOhguWNOcD9uGrSpRvNB+6gZXUoJX5J0NtvzBO10YZ9PgvA4NFgt+fYg8ojw==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       }
@@ -19419,6 +20937,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
       "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -22182,9 +23701,10 @@
       }
     },
     "node_modules/joi": {
-      "version": "17.13.1",
-      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.1.tgz",
-      "integrity": "sha512-vaBlIKCyo4FCUtCm7Eu4QZd/q02bWcxfUO6YSXAZOWF6gzcLBeba8kwotUdYJjDLW8Cz8RywsSOqiNJZW0mNvg==",
+      "version": "17.13.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+      "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@hapi/hoek": "^9.3.0",
         "@hapi/topo": "^5.1.0",
@@ -22282,14 +23802,15 @@
       }
     },
     "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/json-buffer": {
@@ -22470,7 +23991,8 @@
     "node_modules/layout-base": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-1.0.2.tgz",
-      "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg=="
+      "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==",
+      "license": "MIT"
     },
     "node_modules/level": {
       "version": "6.0.1",
@@ -22756,6 +24278,234 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true
     },
+    "node_modules/lightningcss": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.28.1.tgz",
+      "integrity": "sha512-KRDkHlLlNj3DWh79CDt93fPlRJh2W1AuHV0ZSZAMMuN7lqlsZTV5842idfS1urWG8q9tc17velp1gCXhY7sLnQ==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.28.1",
+        "lightningcss-darwin-x64": "1.28.1",
+        "lightningcss-freebsd-x64": "1.28.1",
+        "lightningcss-linux-arm-gnueabihf": "1.28.1",
+        "lightningcss-linux-arm64-gnu": "1.28.1",
+        "lightningcss-linux-arm64-musl": "1.28.1",
+        "lightningcss-linux-x64-gnu": "1.28.1",
+        "lightningcss-linux-x64-musl": "1.28.1",
+        "lightningcss-win32-arm64-msvc": "1.28.1",
+        "lightningcss-win32-x64-msvc": "1.28.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.28.1.tgz",
+      "integrity": "sha512-VG3vvzM0m/rguCdm76DdobNeNJnHK+jWcdkNLFWHLh9YCotRvbRIt45JxwcHlIF8TDqWStVLTdghq5NaigVCBQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.28.1.tgz",
+      "integrity": "sha512-O7ORdislvKfMohFl4Iq7fxKqdJOuuxArcglVI3amuFO5DJ0wfV3Gxgi1JRo49slfr7OVzJQEHLG4muTWYM5cTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.28.1.tgz",
+      "integrity": "sha512-b7sF89B31kYYijxVcFO7l5u6UNA862YstNu+3YbLl/IQKzveL4a5cwR5cdpG+OOhErg/c2u9WCmzZoX2I5GBvw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.28.1.tgz",
+      "integrity": "sha512-p61kXwvhUDLLzkWHjzSFfUBW/F0iy3jr3CWi3k8SKULtJEsJXTI9DqRm9EixxMSe2AMBQBt4auTYiQL4B1N51A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.28.1.tgz",
+      "integrity": "sha512-iO+fN9hOMmzfwqcG2/BgUtMKD48H2JO/SXU44fyIwpY2veb65QF5xiRrQ9l1FwIxbGK3231KBYCtAqv+xf+NsQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.28.1.tgz",
+      "integrity": "sha512-dnMHeXEmCUzHHZjaDpQBYuBKcN9nPC3nPFKl70bcj5Bkn5EmkcgEqm5p035LKOgvAwk1XwLpQCML6pXmCwz0NQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.28.1.tgz",
+      "integrity": "sha512-7vWDISaMUn+oo2TwRdf2hl/BLdPxvywv9JKEqNZB/0K7bXwV4XE9wN/C2sAp1gGuh6QBA8lpjF4JIPt3HNlCHA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.28.1.tgz",
+      "integrity": "sha512-IHCu9tVGP+x5BCpA2rF3D04DBokcBza/a8AuHQU+1AiMKubuMegPwcL7RatBgK4ztFHeYnnD5NdhwhRfYMAtNA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.28.1.tgz",
+      "integrity": "sha512-Erm72kHmMg/3h350PTseskz+eEGBM17Fuu79WW2Qqt0BfWSF1jHHc12lkJCWMYl5jcBHPs5yZdgNHtJ7IJS3Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.28.1.tgz",
+      "integrity": "sha512-ZPQtvx+uQBzrSdHH8p4H3M9Alue+x369TPZAA3b4K3d92FPhpZCuBG04+HQzspam9sVeID9mI6f3VRAs2ezaEA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/lilconfig": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
@@ -23255,6 +25005,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-2.0.0.tgz",
       "integrity": "sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=16"
       },
@@ -23293,6 +25044,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
       "integrity": "sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "@types/unist": "^2.0.0",
@@ -23307,6 +25059,7 @@
       "version": "3.0.15",
       "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
       "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2"
       }
@@ -23315,6 +25068,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
       "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^2.0.0",
         "unist-util-is": "^5.0.0",
@@ -23329,6 +25083,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-directive/-/mdast-util-directive-3.0.0.tgz",
       "integrity": "sha512-JUpYOqKI4mM3sZcNxmF/ox04XYFFkNwr0CFlrQIkCwbvH0xzMCqkMqAde9wRd80VAhaUrwFwKm2nxretdT1h7Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "@types/unist": "^3.0.0",
@@ -23345,14 +25100,16 @@
       }
     },
     "node_modules/mdast-util-directive/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/mdast-util-directive/node_modules/unist-util-is": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
       "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
       },
@@ -23365,6 +25122,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
       "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
         "unist-util-is": "^6.0.0"
@@ -23378,6 +25136,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz",
       "integrity": "sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "escape-string-regexp": "^5.0.0",
@@ -23390,14 +25149,16 @@
       }
     },
     "node_modules/mdast-util-find-and-replace/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
       "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -23409,6 +25170,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
       "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
       },
@@ -23421,6 +25183,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
       "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
         "unist-util-is": "^6.0.0"
@@ -23431,9 +25194,10 @@
       }
     },
     "node_modules/mdast-util-from-markdown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.0.tgz",
-      "integrity": "sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "@types/unist": "^3.0.0",
@@ -23454,9 +25218,10 @@
       }
     },
     "node_modules/mdast-util-from-markdown/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/mdast-util-from-markdown/node_modules/micromark-util-symbol": {
       "version": "2.0.0",
@@ -23471,12 +25236,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/mdast-util-frontmatter": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mdast-util-frontmatter/-/mdast-util-frontmatter-2.0.1.tgz",
       "integrity": "sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
@@ -23494,6 +25261,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
       "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -23505,6 +25273,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.0.0.tgz",
       "integrity": "sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==",
+      "license": "MIT",
       "dependencies": {
         "mdast-util-from-markdown": "^2.0.0",
         "mdast-util-gfm-autolink-literal": "^2.0.0",
@@ -23520,9 +25289,10 @@
       }
     },
     "node_modules/mdast-util-gfm-autolink-literal": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.0.tgz",
-      "integrity": "sha512-FyzMsduZZHSc3i0Px3PQcBT4WJY/X/RCtEJKuybiC6sjPqLv7h1yqAkmILZtuxMSsUyaLUWNp71+vQH2zqp5cg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "ccount": "^2.0.0",
@@ -23549,6 +25319,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -23567,12 +25338,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/mdast-util-gfm-footnote": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.0.0.tgz",
       "integrity": "sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.1.0",
@@ -23589,6 +25362,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
       "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-from-markdown": "^2.0.0",
@@ -23603,6 +25377,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
       "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
@@ -23619,6 +25394,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
       "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
@@ -23634,6 +25410,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-3.0.0.tgz",
       "integrity": "sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==",
+      "license": "MIT",
       "dependencies": {
         "mdast-util-from-markdown": "^2.0.0",
         "mdast-util-mdx-expression": "^2.0.0",
@@ -23647,9 +25424,10 @@
       }
     },
     "node_modules/mdast-util-mdx-expression": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.0.tgz",
-      "integrity": "sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -23664,9 +25442,10 @@
       }
     },
     "node_modules/mdast-util-mdx-jsx": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.2.tgz",
-      "integrity": "sha512-eKMQDeywY2wlHc97k5eD8VC+9ASMjN8ItEZQNGwJ6E0XWKiW/Z0V5/H8pvoXUf+y+Mj0VIgeRRbujBmFn4FTyA==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.3.tgz",
+      "integrity": "sha512-bfOjvNt+1AcbPLTFMFWY149nJz0OjmewJs3LQQ5pIyVGxP4CdOqNVJL6kTaM5c68p8q82Xv3nCyFfUnuEcH3UQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -23678,7 +25457,6 @@
         "mdast-util-to-markdown": "^2.0.0",
         "parse-entities": "^4.0.0",
         "stringify-entities": "^4.0.0",
-        "unist-util-remove-position": "^5.0.0",
         "unist-util-stringify-position": "^4.0.0",
         "vfile-message": "^4.0.0"
       },
@@ -23688,14 +25466,16 @@
       }
     },
     "node_modules/mdast-util-mdx-jsx/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/mdast-util-mdxjs-esm": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
       "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -23713,6 +25493,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
       "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "unist-util-is": "^6.0.0"
@@ -23723,14 +25504,16 @@
       }
     },
     "node_modules/mdast-util-phrasing/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/mdast-util-phrasing/node_modules/unist-util-is": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
       "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
       },
@@ -23740,9 +25523,10 @@
       }
     },
     "node_modules/mdast-util-to-hast": {
-      "version": "13.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.1.0.tgz",
-      "integrity": "sha512-/e2l/6+OdGp/FB+ctrJ9Avz71AN/GRH3oi/3KAx/kMnoUsD6q0woXlDT8lLEeViVKE7oZxE7RXzvO3T8kF2/sA==",
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
+      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
@@ -23760,15 +25544,17 @@
       }
     },
     "node_modules/mdast-util-to-markdown": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.0.tgz",
-      "integrity": "sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "@types/unist": "^3.0.0",
         "longest-streak": "^3.0.0",
         "mdast-util-phrasing": "^4.0.0",
         "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
         "micromark-util-decode-string": "^2.0.0",
         "unist-util-visit": "^5.0.0",
         "zwitch": "^2.0.0"
@@ -23779,14 +25565,16 @@
       }
     },
     "node_modules/mdast-util-to-markdown/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/mdast-util-to-string": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
       "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0"
       },
@@ -23847,28 +25635,478 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "9.4.3",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.3.tgz",
-      "integrity": "sha512-TLkQEtqhRSuEHSE34lh5bCa94KATCyluAXmFnNI2PRZwOpXFeqiJWwZl+d2CcemE1RS6QbbueSSq9QIg8Uxcyw==",
+      "version": "10.9.3",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-10.9.3.tgz",
+      "integrity": "sha512-V80X1isSEvAewIL3xhmz/rVmc27CVljcsbWxkxlWJWY/1kQa4XOABqpDl2qQLGKzpKm6WbTfUEKImBlUfFYArw==",
+      "license": "MIT",
       "dependencies": {
-        "@braintree/sanitize-url": "^6.0.0",
-        "cytoscape": "^3.23.0",
+        "@braintree/sanitize-url": "^6.0.1",
+        "@types/d3-scale": "^4.0.3",
+        "@types/d3-scale-chromatic": "^3.0.0",
+        "cytoscape": "^3.28.1",
         "cytoscape-cose-bilkent": "^4.1.0",
-        "cytoscape-fcose": "^2.1.0",
         "d3": "^7.4.0",
-        "dagre-d3-es": "7.0.9",
+        "d3-sankey": "^0.12.3",
+        "dagre-d3-es": "7.0.10",
         "dayjs": "^1.11.7",
-        "dompurify": "2.4.3",
-        "elkjs": "^0.8.2",
+        "dompurify": "^3.0.5 <3.1.7",
+        "elkjs": "^0.9.0",
+        "katex": "^0.16.9",
         "khroma": "^2.0.0",
         "lodash-es": "^4.17.21",
+        "mdast-util-from-markdown": "^1.3.0",
         "non-layered-tidy-tree-layout": "^2.0.2",
-        "stylis": "^4.1.2",
+        "stylis": "^4.1.3",
         "ts-dedent": "^2.2.0",
         "uuid": "^9.0.0",
         "web-worker": "^1.2.0"
       }
     },
+    "node_modules/mermaid/node_modules/@types/mdast": {
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
+      "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/mermaid/node_modules/mdast-util-from-markdown": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
+      "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "mdast-util-to-string": "^3.1.0",
+        "micromark": "^3.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "uvu": "^0.5.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mermaid/node_modules/mdast-util-to-string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
+      "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz",
+      "integrity": "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-core-commonmark": "^1.0.1",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-sanitize-uri": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-core-commonmark": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz",
+      "integrity": "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-factory-destination": "^1.0.0",
+        "micromark-factory-label": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-factory-title": "^1.0.0",
+        "micromark-factory-whitespace": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-classify-character": "^1.0.0",
+        "micromark-util-html-tag-name": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-factory-destination": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz",
+      "integrity": "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-factory-label": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz",
+      "integrity": "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-factory-title": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz",
+      "integrity": "sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-factory-whitespace": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz",
+      "integrity": "sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-chunked": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz",
+      "integrity": "sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-classify-character": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz",
+      "integrity": "sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-combine-extensions": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz",
+      "integrity": "sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz",
+      "integrity": "sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-decode-string": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz",
+      "integrity": "sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz",
+      "integrity": "sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/mermaid/node_modules/micromark-util-html-tag-name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz",
+      "integrity": "sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/mermaid/node_modules/micromark-util-normalize-identifier": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz",
+      "integrity": "sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-resolve-all": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz",
+      "integrity": "sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-sanitize-uri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz",
+      "integrity": "sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-subtokenize": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz",
+      "integrity": "sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/micromark-util-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz",
+      "integrity": "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/mermaid/node_modules/unist-util-stringify-position": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
+      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/mermaid/node_modules/uuid": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
@@ -23877,6 +26115,7 @@
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
       ],
+      "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -23903,6 +26142,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/debug": "^4.0.0",
         "debug": "^4.0.0",
@@ -23937,6 +26177,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "decode-named-character-reference": "^1.0.0",
         "devlop": "^1.0.0",
@@ -23970,6 +26211,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -23989,6 +26231,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24007,12 +26250,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-directive": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-directive/-/micromark-extension-directive-3.0.0.tgz",
-      "integrity": "sha512-61OI07qpQrERc+0wEysLHMvoiO3s2R56x5u7glHq2Yqq6EHbH4dW25G9GfDdGCDYqA21KE6DWgNSzxSwHc2hSg==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-extension-directive/-/micromark-extension-directive-3.0.2.tgz",
+      "integrity": "sha512-wjcXHgk+PPdmvR58Le9d7zQYWy+vKEU9Se44p2CrCDPiLr2FMyiT4Fyb5UFKFC66wGB3kPlgD7q3TnoqPS7SZA==",
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -24041,6 +26286,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24060,6 +26306,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24078,12 +26325,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-frontmatter": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-frontmatter/-/micromark-extension-frontmatter-2.0.0.tgz",
       "integrity": "sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==",
+      "license": "MIT",
       "dependencies": {
         "fault": "^2.0.0",
         "micromark-util-character": "^2.0.0",
@@ -24109,6 +26358,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24127,12 +26377,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-gfm": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
       "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
       "dependencies": {
         "micromark-extension-gfm-autolink-literal": "^2.0.0",
         "micromark-extension-gfm-footnote": "^2.0.0",
@@ -24149,9 +26401,10 @@
       }
     },
     "node_modules/micromark-extension-gfm-autolink-literal": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.0.0.tgz",
-      "integrity": "sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-sanitize-uri": "^2.0.0",
@@ -24177,6 +26430,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24195,12 +26449,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-gfm-footnote": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.0.0.tgz",
-      "integrity": "sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-core-commonmark": "^2.0.0",
@@ -24230,6 +26486,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24249,6 +26506,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24267,12 +26525,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-gfm-strikethrough": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.0.0.tgz",
-      "integrity": "sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-util-chunked": "^2.0.0",
@@ -24299,12 +26559,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-gfm-table": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.0.0.tgz",
-      "integrity": "sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.0.tgz",
+      "integrity": "sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==",
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -24331,6 +26593,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24350,6 +26613,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24368,12 +26632,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-gfm-tagfilter": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
       "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-types": "^2.0.0"
       },
@@ -24383,9 +26649,10 @@
       }
     },
     "node_modules/micromark-extension-gfm-task-list-item": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.0.1.tgz",
-      "integrity": "sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -24412,6 +26679,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24431,6 +26699,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24449,7 +26718,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-mdx-expression": {
       "version": "3.0.0",
@@ -24465,6 +26735,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "devlop": "^1.0.0",
@@ -24490,6 +26761,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24509,6 +26781,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24527,12 +26800,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-mdx-jsx": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.0.tgz",
-      "integrity": "sha512-uvhhss8OGuzR4/N17L1JwvmJIpPhAd8oByMawEKx6NVdBCbesjH4t+vjEp3ZXft9DwvlKSD07fCeI44/N0Vf2w==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.1.tgz",
+      "integrity": "sha512-vNuFb9czP8QCtAQcEJn0UJQJZA8Dk6DXKBqx+bg/w0WGuSxDxNr7hErW89tHUY31dUW4NqEOWwmEUNhjTFmHkg==",
+      "license": "MIT",
       "dependencies": {
         "@types/acorn": "^4.0.0",
         "@types/estree": "^1.0.0",
@@ -24541,6 +26816,7 @@
         "micromark-factory-mdx-expression": "^2.0.0",
         "micromark-factory-space": "^2.0.0",
         "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0",
         "vfile-message": "^4.0.0"
@@ -24564,6 +26840,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24583,6 +26860,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24601,12 +26879,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-mdx-md": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdx-md/-/micromark-extension-mdx-md-2.0.0.tgz",
       "integrity": "sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==",
+      "license": "MIT",
       "dependencies": {
         "micromark-util-types": "^2.0.0"
       },
@@ -24619,6 +26899,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs/-/micromark-extension-mdxjs-3.0.0.tgz",
       "integrity": "sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==",
+      "license": "MIT",
       "dependencies": {
         "acorn": "^8.0.0",
         "acorn-jsx": "^5.0.0",
@@ -24638,6 +26919,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-3.0.0.tgz",
       "integrity": "sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "devlop": "^1.0.0",
@@ -24668,6 +26950,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24686,12 +26969,14 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-extension-mdxjs/node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -24713,6 +26998,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-symbol": "^2.0.0",
@@ -24733,6 +27019,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24751,7 +27038,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-factory-label": {
       "version": "2.0.0",
@@ -24767,6 +27055,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-util-character": "^2.0.0",
@@ -24788,6 +27077,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24806,12 +27096,13 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-factory-mdx-expression": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.1.tgz",
-      "integrity": "sha512-F0ccWIUHRLRrYp5TC9ZYXmZo+p2AM13ggbsW4T0b5CRKP8KHVRB8t4pwtBgTxtjRmwrK0Irwm7vs2JOZabHZfg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.2.tgz",
+      "integrity": "sha512-5E5I2pFzJyg2CtemqAbcyCktpHXuJbABnsb32wX2U8IQKhhVFBqkcZR5LRm1WVoFqa4kTueZK4abep7wdo9nrw==",
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -24822,9 +27113,11 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
         "micromark-util-character": "^2.0.0",
         "micromark-util-events-to-acorn": "^2.0.0",
         "micromark-util-symbol": "^2.0.0",
@@ -24833,6 +27126,26 @@
         "vfile-message": "^4.0.0"
       }
     },
+    "node_modules/micromark-factory-mdx-expression/node_modules/micromark-factory-space": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz",
+      "integrity": "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
     "node_modules/micromark-factory-mdx-expression/node_modules/micromark-util-character": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.0.tgz",
@@ -24847,6 +27160,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24865,7 +27179,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-factory-space": {
       "version": "1.1.0",
@@ -24915,6 +27230,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^2.0.0",
         "micromark-util-character": "^2.0.0",
@@ -24936,6 +27252,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24955,6 +27272,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -24973,7 +27291,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-factory-whitespace": {
       "version": "2.0.0",
@@ -24989,6 +27308,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-factory-space": "^2.0.0",
         "micromark-util-character": "^2.0.0",
@@ -25010,6 +27330,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25029,6 +27350,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25047,7 +27369,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-character": {
       "version": "1.2.0",
@@ -25097,6 +27420,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0"
       }
@@ -25114,7 +27438,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-classify-character": {
       "version": "2.0.0",
@@ -25130,6 +27455,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-symbol": "^2.0.0",
@@ -25150,6 +27476,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25168,7 +27495,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-combine-extensions": {
       "version": "2.0.0",
@@ -25184,6 +27512,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-chunked": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25203,6 +27532,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0"
       }
@@ -25220,7 +27550,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-decode-string": {
       "version": "2.0.0",
@@ -25236,6 +27567,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "decode-named-character-reference": "^1.0.0",
         "micromark-util-character": "^2.0.0",
@@ -25257,6 +27589,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25275,7 +27608,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-encode": {
       "version": "2.0.0",
@@ -25290,7 +27624,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-events-to-acorn": {
       "version": "2.0.2",
@@ -25306,6 +27641,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "@types/acorn": "^4.0.0",
         "@types/estree": "^1.0.0",
@@ -25318,9 +27654,10 @@
       }
     },
     "node_modules/micromark-util-events-to-acorn/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/micromark-util-events-to-acorn/node_modules/micromark-util-symbol": {
       "version": "2.0.0",
@@ -25335,7 +27672,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-html-tag-name": {
       "version": "2.0.0",
@@ -25350,7 +27688,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-normalize-identifier": {
       "version": "2.0.0",
@@ -25366,6 +27705,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0"
       }
@@ -25383,7 +27723,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-resolve-all": {
       "version": "2.0.0",
@@ -25399,6 +27740,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-types": "^2.0.0"
       }
@@ -25417,6 +27759,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-encode": "^2.0.0",
@@ -25437,6 +27780,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25455,7 +27799,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-subtokenize": {
       "version": "2.0.1",
@@ -25471,6 +27816,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-util-chunked": "^2.0.0",
@@ -25491,7 +27837,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark-util-symbol": {
       "version": "1.1.0",
@@ -25521,7 +27868,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromark/node_modules/micromark-factory-space": {
       "version": "2.0.0",
@@ -25537,6 +27885,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25556,6 +27905,7 @@
           "url": "https://opencollective.com/unified"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0"
@@ -25574,7 +27924,8 @@
           "type": "OpenCollective",
           "url": "https://opencollective.com/unified"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/micromatch": {
       "version": "4.0.8",
@@ -25639,9 +27990,10 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.8.1.tgz",
-      "integrity": "sha512-/1HDlyFRxWIZPI1ZpgqlZ8jMw/1Dp/dl3P0L1jtZ+zVcHqwPhGwaJwKL00WVgfnBy6PWCde9W65or7IIETImuA==",
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz",
+      "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==",
+      "license": "MIT",
       "dependencies": {
         "schema-utils": "^4.0.0",
         "tapable": "^2.2.1"
@@ -25775,6 +28127,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
       "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -25783,6 +28136,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
       "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       }
@@ -26000,6 +28354,7 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-2.1.3.tgz",
       "integrity": "sha512-E2WEOVsgs7O16zsURJ/eH8BqhF029wGpEOnv7Urwdo2wmQanOACwJQh0devF9D9RhoZru0+9JXIS0dBXIAz+lA==",
+      "license": "MIT",
       "dependencies": {
         "@sindresorhus/is": "^4.6.0",
         "char-regex": "^1.0.2",
@@ -26113,9 +28468,10 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "license": "MIT"
     },
     "node_modules/node-version": {
       "version": "1.2.0",
@@ -26129,7 +28485,8 @@
     "node_modules/non-layered-tidy-tree-layout": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz",
-      "integrity": "sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw=="
+      "integrity": "sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==",
+      "license": "MIT"
     },
     "node_modules/nopt": {
       "version": "1.0.10",
@@ -26281,7 +28638,8 @@
     "node_modules/nprogress": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
-      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
+      "license": "MIT"
     },
     "node_modules/nth-check": {
       "version": "2.1.1",
@@ -26294,6 +28652,44 @@
         "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
+    "node_modules/null-loader": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-4.0.1.tgz",
+      "integrity": "sha512-pxqVbi4U6N26lq+LmgIbB5XATP0VdZKOG25DhHi8btMmJJefGArFyDg1yc4U3hWCJbMqSrw0qyrz1UQX+qYXqg==",
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/null-loader/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
     "node_modules/nwsapi": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
@@ -26319,15 +28715,6 @@
         "node": "^14.16.0 || >=16.10.0"
       }
     },
-    "node_modules/nypm/node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >=16.10.0"
-      }
-    },
     "node_modules/nypm/node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -26719,6 +29106,7 @@
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
       "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "license": "(WTFPL OR MIT)",
       "bin": {
         "opener": "bin/opener-bin.js"
       }
@@ -27095,7 +29483,8 @@
     "node_modules/parse-numeric-range": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/parse-numeric-range/-/parse-numeric-range-1.3.0.tgz",
-      "integrity": "sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ=="
+      "integrity": "sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ==",
+      "license": "ISC"
     },
     "node_modules/parse5": {
       "version": "7.1.2",
@@ -27109,11 +29498,12 @@
       }
     },
     "node_modules/parse5-htmlparser2-tree-adapter": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz",
-      "integrity": "sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
+      "license": "MIT",
       "dependencies": {
-        "domhandler": "^5.0.2",
+        "domhandler": "^5.0.3",
         "parse5": "^7.0.0"
       },
       "funding": {
@@ -27161,7 +29551,8 @@
     "node_modules/path-is-inside": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
-      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w=="
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "license": "(WTFPL OR MIT)"
     },
     "node_modules/path-key": {
       "version": "3.1.1",
@@ -27263,6 +29654,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
       "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^3.0.0",
@@ -27273,6 +29665,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -27281,14 +29674,16 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
       "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "*"
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -27584,6 +29979,7 @@
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/postcss-discard-unused/-/postcss-discard-unused-6.0.5.tgz",
       "integrity": "sha512-wHalBlRHkaNnNwfC8z+ppX57VhvS+HWgjW508esjdaEYr3Mx7Gnn2xA4R/CKf5+Z9S5qsqC+Uzh4ueENWwCVUA==",
+      "license": "MIT",
       "dependencies": {
         "postcss-selector-parser": "^6.0.16"
       },
@@ -27734,6 +30130,7 @@
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/postcss-merge-idents/-/postcss-merge-idents-6.0.3.tgz",
       "integrity": "sha512-1oIoAsODUs6IHQZkLQGO15uGEbK3EAl5wi9SS8hs45VgsxQfMnxvt+L+zIr7ifZFIH14cfAeVe2uCTa+SPRa3g==",
+      "license": "MIT",
       "dependencies": {
         "cssnano-utils": "^4.0.2",
         "postcss-value-parser": "^4.2.0"
@@ -28054,6 +30451,7 @@
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/postcss-reduce-idents/-/postcss-reduce-idents-6.0.3.tgz",
       "integrity": "sha512-G3yCqZDpsNPoQgbDUy3T0E6hqOQ5xigUtBQyrmq3tn2GxlyiL0yyl7H+T8ulQR6kOcHJ9t7/9H4/R2tv8tJbMA==",
+      "license": "MIT",
       "dependencies": {
         "postcss-value-parser": "^4.2.0"
       },
@@ -28109,6 +30507,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/postcss-sort-media-queries/-/postcss-sort-media-queries-5.2.0.tgz",
       "integrity": "sha512-AZ5fDMLD8SldlAYlvi8NIqo0+Z8xnXU2ia0jxmuhxAU+Lqt9K+AlmLNJ/zWEnE9x+Zx3qL3+1K20ATgNOr3fAA==",
+      "license": "MIT",
       "dependencies": {
         "sort-css-media-queries": "2.2.0"
       },
@@ -28157,6 +30556,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/postcss-zindex/-/postcss-zindex-6.0.2.tgz",
       "integrity": "sha512-5BxW9l1evPB/4ZIc+2GobEBoKC+h8gPGCMi+jxsYvd2x0mjq7wazk6DrP71pStqxE9Foxh5TVnonbWpFZzXaYg==",
+      "license": "MIT",
       "engines": {
         "node": "^14 || ^16 || >=18.0"
       },
@@ -28332,6 +30732,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/pretty-time/-/pretty-time-1.1.0.tgz",
       "integrity": "sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==",
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -28660,15 +31061,6 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "dev": true
     },
-    "node_modules/publish-browser-extension/node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >=16.10.0"
-      }
-    },
     "node_modules/publish-browser-extension/node_modules/define-lazy-prop": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
@@ -29037,6 +31429,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
       "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
       "dependencies": {
         "inherits": "~2.0.3"
       }
@@ -29089,6 +31482,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
       "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -29466,9 +31860,10 @@
       "dev": true
     },
     "node_modules/react-json-view-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/react-json-view-lite/-/react-json-view-lite-1.4.0.tgz",
-      "integrity": "sha512-wh6F6uJyYAmQ4fK0e8dSQMEWuvTs2Wr3el3sLD9bambX1+pSWUVXIz1RFaoy3TI1mZ0FqdpKq9YgbgTTgyrmXA==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/react-json-view-lite/-/react-json-view-lite-1.5.0.tgz",
+      "integrity": "sha512-nWqA1E4jKPklL2jvHWs6s+7Na0qNgw9HCP6xehdQJeg6nPBTFZgGwyko9Q0oj+jQWKTTVRS30u0toM5wiuL3iw==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -29791,7 +32186,8 @@
     "node_modules/reading-time": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/reading-time/-/reading-time-1.5.0.tgz",
-      "integrity": "sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg=="
+      "integrity": "sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg==",
+      "license": "MIT"
     },
     "node_modules/rechoir": {
       "version": "0.6.2",
@@ -29804,6 +32200,70 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/recma-build-jsx": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-build-jsx/-/recma-build-jsx-1.0.0.tgz",
+      "integrity": "sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-util-build-jsx": "^3.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-jsx": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-jsx/-/recma-jsx-1.0.0.tgz",
+      "integrity": "sha512-5vwkv65qWwYxg+Atz95acp8DMu1JDSqdGkA2Of1j6rCreyFUE/gp15fC8MnGEuG1W68UKjM6x6+YTWIh7hZM/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn-jsx": "^5.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "recma-parse": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-parse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-parse/-/recma-parse-1.0.0.tgz",
+      "integrity": "sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "esast-util-from-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-stringify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-stringify/-/recma-stringify-1.0.0.tgz",
+      "integrity": "sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/recursive-readdir": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
@@ -29842,9 +32302,10 @@
       "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
     },
     "node_modules/regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
+      "license": "MIT",
       "dependencies": {
         "regenerate": "^1.4.2"
       },
@@ -29861,6 +32322,7 @@
       "version": "0.15.2",
       "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
       "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.8.4"
       }
@@ -29884,14 +32346,15 @@
       }
     },
     "node_modules/regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz",
+      "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/regjsgen": "^0.8.0",
         "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.11.0",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.1.0"
       },
@@ -29899,6 +32362,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/regexpu-core/node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "license": "MIT"
+    },
     "node_modules/registry-auth-token": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-5.0.2.tgz",
@@ -29930,24 +32399,17 @@
       "integrity": "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A=="
     },
     "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
+      "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "jsesc": "~0.5.0"
+        "jsesc": "~3.0.2"
       },
       "bin": {
         "regjsparser": "bin/parser"
       }
     },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
     "node_modules/rehype-parse": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/rehype-parse/-/rehype-parse-7.0.1.tgz",
@@ -30108,6 +32570,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-7.0.0.tgz",
       "integrity": "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "hast-util-raw": "^9.0.0",
@@ -30118,6 +32581,21 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/rehype-recma": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-recma/-/rehype-recma-1.0.0.tgz",
+      "integrity": "sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "hast-util-to-estree": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/relateurl": {
       "version": "0.2.7",
       "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
@@ -30130,6 +32608,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/remark-directive/-/remark-directive-3.0.0.tgz",
       "integrity": "sha512-l1UyWJ6Eg1VPU7Hm/9tt0zKtReJQNOA4+iDMAxTyZNWnJnFlbS/7zhiel/rogTLQ2vMYwDzSJa4BiVNqGlqIMA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-directive": "^3.0.0",
@@ -30145,6 +32624,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/remark-emoji/-/remark-emoji-4.0.1.tgz",
       "integrity": "sha512-fHdvsTR1dHkWKev9eNyhTo4EFwbUvJ8ka9SgeWkMPYFX4WoI7ViVBms3PjlQYgw5TLvNQso3GUB/b/8t3yo+dg==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.2",
         "emoticon": "^4.0.1",
@@ -30160,6 +32640,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/remark-frontmatter/-/remark-frontmatter-5.0.0.tgz",
       "integrity": "sha512-XTFYvNASMe5iPN0719nPrdItC9aU0ssC4v14mH1BCi1u0n1gAocqcujWUrByftZTbLhRtiKRyjYTSIOcr69UVQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-frontmatter": "^2.0.0",
@@ -30175,6 +32656,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz",
       "integrity": "sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-gfm": "^3.0.0",
@@ -30189,9 +32671,10 @@
       }
     },
     "node_modules/remark-mdx": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.0.1.tgz",
-      "integrity": "sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.1.0.tgz",
+      "integrity": "sha512-Ngl/H3YXyBV9RcRNdlYsZujAmhsxwzxpDzpDEhFBVAGthS4GDgnctpDjgFl/ULx5UEDzqtW1cyBSNKqYYrqLBA==",
+      "license": "MIT",
       "dependencies": {
         "mdast-util-mdx": "^3.0.0",
         "micromark-extension-mdxjs": "^3.0.0"
@@ -30251,6 +32734,7 @@
       "version": "11.0.0",
       "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
       "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-from-markdown": "^2.0.0",
@@ -30263,9 +32747,10 @@
       }
     },
     "node_modules/remark-rehype": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.0.tgz",
-      "integrity": "sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.1.tgz",
+      "integrity": "sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
@@ -30282,6 +32767,7 @@
       "version": "11.0.0",
       "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
       "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-to-markdown": "^2.0.0",
@@ -30609,7 +33095,8 @@
     "node_modules/robust-predicates": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
-      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
+      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==",
+      "license": "Unlicense"
     },
     "node_modules/rollup": {
       "version": "4.24.0",
@@ -30756,9 +33243,10 @@
       "integrity": "sha512-EBR4I2VDSSYr7PkBmFy04uhycIpDKp+21p/jARYXlCSjQksTBQcJ0HFUPOO79EPPH5JS6VAhiIQbycf0O3JAxQ=="
     },
     "node_modules/rtlcss": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.1.1.tgz",
-      "integrity": "sha512-/oVHgBtnPNcggP2aVXQjSy6N1mMAfHg4GSag0QtZBlD5bdDgAHwr4pydqJGd+SUCu9260+Pjqbjwtvu7EMH1KQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.3.0.tgz",
+      "integrity": "sha512-FI+pHEn7Wc4NqKXMXFM+VAYKEj/mRIcW4h24YVwVtyjI+EqGrLc2Hx/Ny0lrZ21cBWU2goLy36eqMcNj3AQJig==",
+      "license": "MIT",
       "dependencies": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0",
@@ -30812,7 +33300,8 @@
     "node_modules/rw": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
     },
     "node_modules/rxjs": {
       "version": "7.8.1",
@@ -30828,6 +33317,7 @@
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
       "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "license": "MIT",
       "dependencies": {
         "mri": "^1.1.0"
       },
@@ -30979,6 +33469,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
       "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+      "license": "MIT",
       "dependencies": {
         "extend-shallow": "^2.0.1",
         "kind-of": "^6.0.0"
@@ -31137,17 +33628,17 @@
       }
     },
     "node_modules/serve-handler": {
-      "version": "6.1.5",
-      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz",
-      "integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==",
+      "version": "6.1.6",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz",
+      "integrity": "sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==",
+      "license": "MIT",
       "dependencies": {
         "bytes": "3.0.0",
         "content-disposition": "0.5.2",
-        "fast-url-parser": "1.1.3",
         "mime-types": "2.1.18",
         "minimatch": "3.1.2",
         "path-is-inside": "1.0.2",
-        "path-to-regexp": "2.2.1",
+        "path-to-regexp": "3.3.0",
         "range-parser": "1.2.0"
       }
     },
@@ -31155,6 +33646,7 @@
       "version": "1.33.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
       "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -31163,6 +33655,7 @@
       "version": "2.1.18",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
       "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
+      "license": "MIT",
       "dependencies": {
         "mime-db": "~1.33.0"
       },
@@ -31171,9 +33664,10 @@
       }
     },
     "node_modules/serve-handler/node_modules/path-to-regexp": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
-      "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ=="
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
+      "integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==",
+      "license": "MIT"
     },
     "node_modules/serve-index": {
       "version": "1.9.1",
@@ -31323,6 +33817,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
       "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "license": "MIT",
       "dependencies": {
         "kind-of": "^6.0.2"
       },
@@ -31443,6 +33938,7 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",
       "integrity": "sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==",
+      "license": "MIT",
       "dependencies": {
         "@polka/url": "^1.0.0-next.24",
         "mrmime": "^2.0.0",
@@ -31458,9 +33954,10 @@
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
     },
     "node_modules/sitemap": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-7.1.1.tgz",
-      "integrity": "sha512-mK3aFtjz4VdJN0igpIJrinf3EO8U8mxOPsTBzSsy06UtjZQJ3YY3o3Xa7zSc5nMqcMrRwlChHZ18Kxg0caiPBg==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-7.1.2.tgz",
+      "integrity": "sha512-ARCqzHJ0p4gWt+j7NlU5eDlIO9+Rkr/JhPFZKKQ1l5GCus7rJH4UdrlVAh0xC/gDS/Qir2UMxqYNHtsKr2rpCw==",
+      "license": "MIT",
       "dependencies": {
         "@types/node": "^17.0.5",
         "@types/sax": "^1.2.1",
@@ -31556,6 +34053,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/skin-tone/-/skin-tone-2.0.0.tgz",
       "integrity": "sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==",
+      "license": "MIT",
       "dependencies": {
         "unicode-emoji-modifier-base": "^1.0.0"
       },
@@ -31638,6 +34136,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
       "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "license": "MIT",
       "dependencies": {
         "dot-case": "^3.0.4",
         "tslib": "^2.0.3"
@@ -31697,6 +34196,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/sort-css-media-queries/-/sort-css-media-queries-2.2.0.tgz",
       "integrity": "sha512-0xtkGhWCC9MGt/EzgnvbbbKhqWjl1+/rncmhTh5qCpbYguXh6S/qwePfv/JQ8jePXXmqingylxoC49pCkSPIbA==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6.3.0"
       }
@@ -31852,6 +34352,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/srcset/-/srcset-4.0.0.tgz",
       "integrity": "sha512-wvLeHgcVHKO8Sc/H/5lkGreJQVeYMm9rlmt8PuR1xE31rIuXhuzznUUqAt8MqLhB3MqJdFzlNAfpcWnxiFUcPw==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -31889,9 +34390,10 @@
       }
     },
     "node_modules/std-env": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.1.1.tgz",
-      "integrity": "sha512-/c645XdExBypL01TpFKiG/3RAa/Qmu+zRi0MwAmrdEkwHNuN0ebo8ccAXBBDa5Z0QOJgBskUIbuCK91x0sCVEw=="
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
+      "integrity": "sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==",
+      "license": "MIT"
     },
     "node_modules/stdin-discarder": {
       "version": "0.1.0",
@@ -32176,6 +34678,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
       "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -32327,7 +34830,8 @@
     "node_modules/svg-parser": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
-      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ=="
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
+      "license": "MIT"
     },
     "node_modules/svgo": {
       "version": "3.2.0",
@@ -32361,6 +34865,19 @@
         "node": ">= 10"
       }
     },
+    "node_modules/swc-loader": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/swc-loader/-/swc-loader-0.2.6.tgz",
+      "integrity": "sha512-9Zi9UP2YmDpgmQVbyOPJClY0dwf58JDyDMQ7uRc4krmc72twNI2fvlBWHLqVekBpPc7h5NJkGVT1zNDxFrqhvg==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      },
+      "peerDependencies": {
+        "@swc/core": "^1.2.147",
+        "webpack": ">=2"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -32737,14 +35254,6 @@
       "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
       "dev": true
     },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -32826,6 +35335,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
       "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -32909,6 +35419,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
       "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.10"
       }
@@ -33389,6 +35900,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unicode-emoji-modifier-base/-/unicode-emoji-modifier-base-1.0.0.tgz",
       "integrity": "sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==",
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -33434,9 +35946,10 @@
       }
     },
     "node_modules/unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
         "bail": "^2.0.0",
@@ -33452,9 +35965,10 @@
       }
     },
     "node_modules/unified/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/unimport": {
       "version": "3.7.1",
@@ -33561,6 +36075,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz",
       "integrity": "sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -33582,6 +36097,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
       "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
       },
@@ -33594,6 +36110,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-position-from-estree/-/unist-util-position-from-estree-2.0.0.tgz",
       "integrity": "sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
       },
@@ -33603,14 +36120,16 @@
       }
     },
     "node_modules/unist-util-position-from-estree/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/unist-util-position/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/unist-util-remove": {
       "version": "3.1.1",
@@ -33627,27 +36146,39 @@
       }
     },
     "node_modules/unist-util-remove-position": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
-      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-4.0.2.tgz",
+      "integrity": "sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==",
+      "license": "MIT",
       "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-visit": "^5.0.0"
+        "@types/unist": "^2.0.0",
+        "unist-util-visit": "^4.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unist-util-remove-position/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+    "node_modules/unist-util-remove-position/node_modules/unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
     },
     "node_modules/unist-util-stringify-position": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
       "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
       },
@@ -33657,9 +36188,10 @@
       }
     },
     "node_modules/unist-util-stringify-position/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/unist-util-visit": {
       "version": "5.0.0",
@@ -33771,9 +36303,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
       "funding": [
         {
           "type": "opencollective",
@@ -33788,9 +36320,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -34090,6 +36623,7 @@
       "version": "3.11.0",
       "resolved": "https://registry.npmjs.org/utility-types/-/utility-types-3.11.0.tgz",
       "integrity": "sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
@@ -34114,6 +36648,7 @@
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz",
       "integrity": "sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==",
+      "license": "MIT",
       "dependencies": {
         "dequal": "^2.0.0",
         "diff": "^5.0.0",
@@ -34131,6 +36666,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz",
       "integrity": "sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.3.1"
       }
@@ -34139,6 +36675,7 @@
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
       "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -34205,12 +36742,12 @@
       }
     },
     "node_modules/vfile": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.1.tgz",
-      "integrity": "sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
-        "unist-util-stringify-position": "^4.0.0",
         "vfile-message": "^4.0.0"
       },
       "funding": {
@@ -34219,9 +36756,10 @@
       }
     },
     "node_modules/vfile-location": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.2.tgz",
-      "integrity": "sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
+      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
         "vfile": "^6.0.0"
@@ -34232,14 +36770,16 @@
       }
     },
     "node_modules/vfile-location/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/vfile-message": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
       "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
+      "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
         "unist-util-stringify-position": "^4.0.0"
@@ -34250,14 +36790,16 @@
       }
     },
     "node_modules/vfile-message/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/vfile/node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
     },
     "node_modules/vinyl": {
       "version": "2.2.1",
@@ -34597,6 +37139,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
       "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -34605,7 +37148,8 @@
     "node_modules/web-worker": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.3.0.tgz",
-      "integrity": "sha512-BSR9wyRsy/KOValMgd5kMyr3JzpdeoR9KVId8u5GVlTTAtNChlsE4yTxeY7zMdNSyOmoKBv8NH2qeRY9Tg+IaA=="
+      "integrity": "sha512-BSR9wyRsy/KOValMgd5kMyr3JzpdeoR9KVId8u5GVlTTAtNChlsE4yTxeY7zMdNSyOmoKBv8NH2qeRY9Tg+IaA==",
+      "license": "Apache-2.0"
     },
     "node_modules/webextension-polyfill": {
       "version": "0.10.0",
@@ -34622,20 +37166,20 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.91.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
-      "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
+      "version": "5.96.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
+      "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
+      "license": "MIT",
       "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.5",
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
         "@webassemblyjs/ast": "^1.12.1",
         "@webassemblyjs/wasm-edit": "^1.12.1",
         "@webassemblyjs/wasm-parser": "^1.12.1",
-        "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.9.0",
-        "browserslist": "^4.21.10",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.16.0",
+        "enhanced-resolve": "^5.17.1",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -34668,9 +37212,10 @@
       }
     },
     "node_modules/webpack-bundle-analyzer": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.1.tgz",
-      "integrity": "sha512-s3P7pgexgT/HTUSYgxJyn28A+99mmLq4HsJepMPzu0R8ImJc52QNqaFYW1Z2z2uIb1/J3eYgaAWVpaC+v/1aAQ==",
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.2.tgz",
+      "integrity": "sha512-vJptkMm9pk5si4Bv922ZbKLV8UTT4zib4FPgXMhgzUny0bfDDkLXAVQs3ly3fS4/TN9ROFtb0NFrm04UXFE/Vw==",
+      "license": "MIT",
       "dependencies": {
         "@discoveryjs/json-ext": "0.5.7",
         "acorn": "^8.0.4",
@@ -34680,7 +37225,6 @@
         "escape-string-regexp": "^4.0.0",
         "gzip-size": "^6.0.0",
         "html-escaper": "^2.0.2",
-        "is-plain-object": "^5.0.0",
         "opener": "^1.5.2",
         "picocolors": "^1.0.0",
         "sirv": "^2.0.3",
@@ -34694,9 +37238,10 @@
       }
     },
     "node_modules/webpack-bundle-analyzer/node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -34705,9 +37250,13 @@
       }
     },
     "node_modules/webpack-bundle-analyzer/node_modules/acorn-walk": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz",
-      "integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
       "engines": {
         "node": ">=0.4.0"
       }
@@ -34716,6 +37265,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
       "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 10"
       }
@@ -34724,6 +37274,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -34731,18 +37282,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/webpack-bundle-analyzer/node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/webpack-bundle-analyzer/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -34858,16 +37402,17 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w=="
     },
     "node_modules/webpack-merge": {
-      "version": "5.10.0",
-      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz",
-      "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz",
+      "integrity": "sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==",
+      "license": "MIT",
       "dependencies": {
         "clone-deep": "^4.0.1",
         "flat": "^5.0.2",
-        "wildcard": "^2.0.0"
+        "wildcard": "^2.0.1"
       },
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=18.0.0"
       }
     },
     "node_modules/webpack-sources": {
@@ -34885,9 +37430,10 @@
       "dev": true
     },
     "node_modules/webpack/node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -34935,17 +37481,22 @@
       }
     },
     "node_modules/webpackbar": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/webpackbar/-/webpackbar-5.0.2.tgz",
-      "integrity": "sha512-BmFJo7veBDgQzfWXl/wwYXr/VFus0614qZ8i9znqcl9fnEdiVkdbi0TedLQ6xAK92HZHDJ0QmyQ0fmuZPAgCYQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/webpackbar/-/webpackbar-6.0.1.tgz",
+      "integrity": "sha512-TnErZpmuKdwWBdMoexjio3KKX6ZtoKHRVvLIU0A47R0VVBDtx3ZyOJDktgYixhoJokZTYTt1Z37OkO9pnGJa9Q==",
+      "license": "MIT",
       "dependencies": {
-        "chalk": "^4.1.0",
-        "consola": "^2.15.3",
+        "ansi-escapes": "^4.3.2",
+        "chalk": "^4.1.2",
+        "consola": "^3.2.3",
+        "figures": "^3.2.0",
+        "markdown-table": "^2.0.0",
         "pretty-time": "^1.1.0",
-        "std-env": "^3.0.1"
+        "std-env": "^3.7.0",
+        "wrap-ansi": "^7.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=14.21.3"
       },
       "peerDependencies": {
         "webpack": "3 || 4 || 5"
@@ -34955,6 +37506,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -34969,6 +37521,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -34984,6 +37537,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -34994,20 +37548,36 @@
     "node_modules/webpackbar/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
     },
     "node_modules/webpackbar/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
+    "node_modules/webpackbar/node_modules/markdown-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-2.0.0.tgz",
+      "integrity": "sha512-Ezda85ToJUBhM6WGaG6veasyym+Tbs3cMAw/ZhOPqXiYsr0jgocBV3j3nx+4lk47plLlIqjwuTm/ywVI+zjJ/A==",
+      "license": "MIT",
+      "dependencies": {
+        "repeat-string": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/webpackbar/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -35237,7 +37807,8 @@
     "node_modules/wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
-      "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ=="
+      "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
+      "license": "MIT"
     },
     "node_modules/winreg": {
       "version": "0.0.12",
@@ -35263,7 +37834,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -35331,7 +37901,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -35346,7 +37915,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -35357,8 +37925,7 @@
     "node_modules/wrap-ansi/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
     "node_modules/wrappy": {
       "version": "1.0.2",
@@ -35859,15 +38426,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/wxt/node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >=16.10.0"
-      }
-    },
     "node_modules/wxt/node_modules/default-browser": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
@@ -36044,6 +38602,7 @@
       "version": "1.6.11",
       "resolved": "https://registry.npmjs.org/xml-js/-/xml-js-1.6.11.tgz",
       "integrity": "sha512-7rVi2KMfwfWFl+GpPg6m80IVMWXLRjO+PxTq7V2CDhoGak0wzYzFgUY2m4XJ47OGdXd8eLE8EmwfAmdjw7lC1g==",
+      "license": "MIT",
       "dependencies": {
         "sax": "^1.2.4"
       },
@@ -36656,13 +39215,14 @@
       "name": "@lexical/website",
       "version": "0.19.0",
       "dependencies": {
-        "@docusaurus/core": "^3.3.2",
-        "@docusaurus/preset-classic": "^3.3.2",
-        "@docusaurus/theme-search-algolia": "^3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/faster": "3.6.0",
+        "@docusaurus/preset-classic": "3.6.0",
+        "@docusaurus/theme-search-algolia": "3.6.0",
         "@mdx-js/react": "^3.0.1",
         "@radix-ui/react-tabs": "^1.0.4",
         "@vercel/analytics": "^1.0.1",
-        "docusaurus-plugin-internaldocs-fb": "1.18.2",
+        "docusaurus-plugin-internaldocs-fb": "1.19.0",
         "docusaurus-plugin-typedoc": "^0.22.0",
         "fs-extra": "^10.0.0",
         "prism-react-renderer": "^2.3.1",
@@ -36793,11 +39353,18 @@
       }
     },
     "@algolia/autocomplete-preset-algolia": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.9.3.tgz",
-      "integrity": "sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==",
+      "version": "1.17.6",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.17.6.tgz",
+      "integrity": "sha512-Cvg5JENdSCMuClwhJ1ON1/jSuojaYMiUW2KePm18IkdCzPJj/NXojaOxw58RFtQFpJgfVW8h2E8mEoDtLlMdeA==",
       "requires": {
-        "@algolia/autocomplete-shared": "1.9.3"
+        "@algolia/autocomplete-shared": "1.17.6"
+      },
+      "dependencies": {
+        "@algolia/autocomplete-shared": {
+          "version": "1.17.6",
+          "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.17.6.tgz",
+          "integrity": "sha512-aq/3V9E00Tw2GC/PqgyPGXtqJUlVc17v4cn1EUhSc+O/4zd04Uwb3UmPm8KDaYQQOrkt1lwvCj2vG2wRE5IKhw=="
+        }
       }
     },
     "@algolia/autocomplete-shared": {
@@ -36806,74 +39373,176 @@
       "integrity": "sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ=="
     },
     "@algolia/cache-browser-local-storage": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.23.3.tgz",
-      "integrity": "sha512-vRHXYCpPlTDE7i6UOy2xE03zHF2C8MEFjPN2v7fRbqVpcOvAUQK81x3Kc21xyb5aSIpYCjWCZbYZuz8Glyzyyg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.24.0.tgz",
+      "integrity": "sha512-t63W9BnoXVrGy9iYHBgObNXqYXM3tYXCjDSHeNwnsc324r4o5UiVKUiAB4THQ5z9U5hTj6qUvwg/Ez43ZD85ww==",
       "requires": {
-        "@algolia/cache-common": "4.23.3"
+        "@algolia/cache-common": "4.24.0"
       }
     },
     "@algolia/cache-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.23.3.tgz",
-      "integrity": "sha512-h9XcNI6lxYStaw32pHpB1TMm0RuxphF+Ik4o7tcQiodEdpKK+wKufY6QXtba7t3k8eseirEMVB83uFFF3Nu54A=="
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.24.0.tgz",
+      "integrity": "sha512-emi+v+DmVLpMGhp0V9q9h5CdkURsNmFC+cOS6uK9ndeJm9J4TiqSvPYVu+THUP8P/S08rxf5x2P+p3CfID0Y4g=="
     },
     "@algolia/cache-in-memory": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.23.3.tgz",
-      "integrity": "sha512-yvpbuUXg/+0rbcagxNT7un0eo3czx2Uf0y4eiR4z4SD7SiptwYTpbuS0IHxcLHG3lq22ukx1T6Kjtk/rT+mqNg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.24.0.tgz",
+      "integrity": "sha512-gDrt2so19jW26jY3/MkFg5mEypFIPbPoXsQGQWAi6TrCPsNOSEYepBMPlucqWigsmEy/prp5ug2jy/N3PVG/8w==",
+      "requires": {
+        "@algolia/cache-common": "4.24.0"
+      }
+    },
+    "@algolia/client-abtesting": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.12.0.tgz",
+      "integrity": "sha512-hx4eVydkm3yrFCFxmcBtSzI/ykt0cZ6sDWch+v3JTgKpD2WtosMJU3Upv1AjQ4B6COSHCOWEX3vfFxW6OoH6aA==",
       "requires": {
-        "@algolia/cache-common": "4.23.3"
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "dependencies": {
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        },
+        "@algolia/requester-browser-xhr": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+          "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "@algolia/requester-node-http": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+          "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        }
       }
     },
     "@algolia/client-account": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.23.3.tgz",
-      "integrity": "sha512-hpa6S5d7iQmretHHF40QGq6hz0anWEHGlULcTIT9tbUssWUriN9AUXIFQ8Ei4w9azD0hc1rUok9/DeQQobhQMA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.24.0.tgz",
+      "integrity": "sha512-adcvyJ3KjPZFDybxlqnf+5KgxJtBjwTPTeyG2aOyoJvx0Y8dUQAEOEVOJ/GBxX0WWNbmaSrhDURMhc+QeevDsA==",
       "requires": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "@algolia/client-analytics": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.23.3.tgz",
-      "integrity": "sha512-LBsEARGS9cj8VkTAVEZphjxTjMVCci+zIIiRhpFun9jGDUlS1XmhCW7CTrnaWeIuCQS/2iPyRqSy1nXPjcBLRA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.24.0.tgz",
+      "integrity": "sha512-y8jOZt1OjwWU4N2qr8G4AxXAzaa8DBvyHTWlHzX/7Me1LX8OayfgHexqrsL4vSBcoMmVw2XnVW9MhL+Y2ZDJXg==",
       "requires": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "@algolia/client-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.23.3.tgz",
-      "integrity": "sha512-l6EiPxdAlg8CYhroqS5ybfIczsGUIAC47slLPOMDeKSVXYG1n0qGiz4RjAHLw2aD0xzh2EXZ7aRguPfz7UKDKw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.24.0.tgz",
+      "integrity": "sha512-bc2ROsNL6w6rqpl5jj/UywlIYC21TwSSoFHKl01lYirGMW+9Eek6r02Tocg4gZ8HAw3iBvu6XQiM3BEbmEMoiA==",
+      "requires": {
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
+      }
+    },
+    "@algolia/client-insights": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.12.0.tgz",
+      "integrity": "sha512-8alajmsYUd+7vfX5lpRNdxqv3Xx9clIHLUItyQK0Z6gwGMbVEFe6YYhgDtwslMAP0y6b0WeJEIZJMLgT7VYpRw==",
       "requires": {
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "dependencies": {
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        },
+        "@algolia/requester-browser-xhr": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+          "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "@algolia/requester-node-http": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+          "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        }
       }
     },
     "@algolia/client-personalization": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.23.3.tgz",
-      "integrity": "sha512-3E3yF3Ocr1tB/xOZiuC3doHQBQ2zu2MPTYZ0d4lpfWads2WTKG7ZzmGnsHmm63RflvDeLK/UVx7j2b3QuwKQ2g==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.24.0.tgz",
+      "integrity": "sha512-l5FRFm/yngztweU0HdUzz1rC4yoWCFo3IF+dVIVTfEPg906eZg5BOd1k0K6rZx5JzyyoP4LdmOikfkfGsKVE9w==",
       "requires": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
+      }
+    },
+    "@algolia/client-query-suggestions": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.12.0.tgz",
+      "integrity": "sha512-Q5CszzGWfxbIDs9DJ/QJsL7bP6h+lJMg27KxieEnI9KGCu0Jt5iFA3GkREkgRZxRdzlHbZKkrIzhtHVbSHw/rg==",
+      "requires": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "dependencies": {
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        },
+        "@algolia/requester-browser-xhr": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+          "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "@algolia/requester-node-http": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+          "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        }
       }
     },
     "@algolia/client-search": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.23.3.tgz",
-      "integrity": "sha512-P4VAKFHqU0wx9O+q29Q8YVuaowaZ5EM77rxfmGnkHUJggh28useXQdopokgwMeYw2XUht49WX5RcTQ40rZIabw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.24.0.tgz",
+      "integrity": "sha512-uRW6EpNapmLAD0mW47OXqTP8eiIx5F6qN9/x/7HHO6owL3N1IXqydGwW5nhDFBrV+ldouro2W1VX3XlcUXEFCA==",
       "requires": {
-        "@algolia/client-common": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+        "@algolia/client-common": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "@algolia/events": {
@@ -36881,66 +39550,149 @@
       "resolved": "https://registry.npmjs.org/@algolia/events/-/events-4.0.1.tgz",
       "integrity": "sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ=="
     },
+    "@algolia/ingestion": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.12.0.tgz",
+      "integrity": "sha512-zpHo6qhR22tL8FsdSI4DvEraPDi/019HmMrCFB/TUX98yzh5ooAU7sNW0qPL1I7+S++VbBmNzJOEU9VI8tEC8A==",
+      "requires": {
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "dependencies": {
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        },
+        "@algolia/requester-browser-xhr": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+          "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "@algolia/requester-node-http": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+          "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        }
+      }
+    },
     "@algolia/logger-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.23.3.tgz",
-      "integrity": "sha512-y9kBtmJwiZ9ZZ+1Ek66P0M68mHQzKRxkW5kAAXYN/rdzgDN0d2COsViEFufxJ0pb45K4FRcfC7+33YB4BLrZ+g=="
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.24.0.tgz",
+      "integrity": "sha512-LLUNjkahj9KtKYrQhFKCzMx0BY3RnNP4FEtO+sBybCjJ73E8jNdaKJ/Dd8A/VA4imVHP5tADZ8pn5B8Ga/wTMA=="
     },
     "@algolia/logger-console": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.23.3.tgz",
-      "integrity": "sha512-8xoiseoWDKuCVnWP8jHthgaeobDLolh00KJAdMe9XPrWPuf1by732jSpgy2BlsLTaT9m32pHI8CRfrOqQzHv3A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.24.0.tgz",
+      "integrity": "sha512-X4C8IoHgHfiUROfoRCV+lzSy+LHMgkoEEU1BbKcsfnV0i0S20zyy0NLww9dwVHUWNfPPxdMU+/wKmLGYf96yTg==",
+      "requires": {
+        "@algolia/logger-common": "4.24.0"
+      }
+    },
+    "@algolia/monitoring": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.12.0.tgz",
+      "integrity": "sha512-i2AJZED/zf4uhxezAJUhMKoL5QoepCBp2ynOYol0N76+TSoohaMADdPnWCqOULF4RzOwrG8wWynAwBlXsAI1RQ==",
       "requires": {
-        "@algolia/logger-common": "4.23.3"
+        "@algolia/client-common": "5.12.0",
+        "@algolia/requester-browser-xhr": "5.12.0",
+        "@algolia/requester-fetch": "5.12.0",
+        "@algolia/requester-node-http": "5.12.0"
+      },
+      "dependencies": {
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        },
+        "@algolia/requester-browser-xhr": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+          "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "@algolia/requester-node-http": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+          "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        }
       }
     },
     "@algolia/recommend": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-4.23.3.tgz",
-      "integrity": "sha512-9fK4nXZF0bFkdcLBRDexsnGzVmu4TSYZqxdpgBW2tEyfuSSY54D4qSRkLmNkrrz4YFvdh2GM1gA8vSsnZPR73w==",
-      "requires": {
-        "@algolia/cache-browser-local-storage": "4.23.3",
-        "@algolia/cache-common": "4.23.3",
-        "@algolia/cache-in-memory": "4.23.3",
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/logger-common": "4.23.3",
-        "@algolia/logger-console": "4.23.3",
-        "@algolia/requester-browser-xhr": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/requester-node-http": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-4.24.0.tgz",
+      "integrity": "sha512-P9kcgerfVBpfYHDfVZDvvdJv0lEoCvzNlOy2nykyt5bK8TyieYyiD0lguIJdRZZYGre03WIAFf14pgE+V+IBlw==",
+      "requires": {
+        "@algolia/cache-browser-local-storage": "4.24.0",
+        "@algolia/cache-common": "4.24.0",
+        "@algolia/cache-in-memory": "4.24.0",
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/logger-common": "4.24.0",
+        "@algolia/logger-console": "4.24.0",
+        "@algolia/requester-browser-xhr": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/requester-node-http": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "@algolia/requester-browser-xhr": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.23.3.tgz",
-      "integrity": "sha512-jDWGIQ96BhXbmONAQsasIpTYWslyjkiGu0Quydjlowe+ciqySpiDUrJHERIRfELE5+wFc7hc1Q5hqjGoV7yghw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.24.0.tgz",
+      "integrity": "sha512-Z2NxZMb6+nVXSjF13YpjYTdvV3032YTBSGm2vnYvYPA6mMxzM3v5rsCiSspndn9rzIW4Qp1lPHBvuoKJV6jnAA==",
       "requires": {
-        "@algolia/requester-common": "4.23.3"
+        "@algolia/requester-common": "4.24.0"
       }
     },
     "@algolia/requester-common": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.23.3.tgz",
-      "integrity": "sha512-xloIdr/bedtYEGcXCiF2muajyvRhwop4cMZo+K2qzNht0CMzlRkm8YsDdj5IaBhshqfgmBb3rTg4sL4/PpvLYw=="
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.24.0.tgz",
+      "integrity": "sha512-k3CXJ2OVnvgE3HMwcojpvY6d9kgKMPRxs/kVohrwF5WMr2fnqojnycZkxPoEg+bXm8fi5BBfFmOqgYztRtHsQA=="
+    },
+    "@algolia/requester-fetch": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.12.0.tgz",
+      "integrity": "sha512-FuDZXUGU1pAg2HCnrt8+q1VGHKChV/LhvjvZlLOT7e56GJie6p+EuLu4/hMKPOVuQQ8XXtrTHKIU3Lw+7O5/bQ==",
+      "requires": {
+        "@algolia/client-common": "5.12.0"
+      },
+      "dependencies": {
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        }
+      }
     },
     "@algolia/requester-node-http": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.23.3.tgz",
-      "integrity": "sha512-zgu++8Uj03IWDEJM3fuNl34s746JnZOWn1Uz5taV1dFyJhVM/kTNw9Ik7YJWiUNHJQXcaD8IXD1eCb0nq/aByA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.24.0.tgz",
+      "integrity": "sha512-JF18yTjNOVYvU/L3UosRcvbPMGT9B+/GQWNWnenIImglzNVGpyzChkXLnrSf6uxwVNO6ESGu6oN8MqcGQcjQJw==",
       "requires": {
-        "@algolia/requester-common": "4.23.3"
+        "@algolia/requester-common": "4.24.0"
       }
     },
     "@algolia/transporter": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.23.3.tgz",
-      "integrity": "sha512-Wjl5gttqnf/gQKJA+dafnD0Y6Yw97yvfY8R9h0dQltX1GXTgNs1zWgvtWW0tHl1EgMdhAyw189uWiZMnL3QebQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.24.0.tgz",
+      "integrity": "sha512-86nI7w6NzWxd1Zp9q3413dRshDqAzSbsQjhcDhPIatEFiZrL1/TjnHL8S7jVKFePlIMzDsZWXAXwXzcok9c5oA==",
       "requires": {
-        "@algolia/cache-common": "4.23.3",
-        "@algolia/logger-common": "4.23.3",
-        "@algolia/requester-common": "4.23.3"
+        "@algolia/cache-common": "4.24.0",
+        "@algolia/logger-common": "4.24.0",
+        "@algolia/requester-common": "4.24.0"
       }
     },
     "@alloc/quick-lru": {
@@ -37026,34 +39778,35 @@
       }
     },
     "@babel/code-frame": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
-      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
       "requires": {
-        "@babel/highlight": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
       }
     },
     "@babel/compat-data": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz",
-      "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ=="
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
+      "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg=="
     },
     "@babel/core": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.5.tgz",
-      "integrity": "sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
+      "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
       "requires": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.2",
-        "@babel/generator": "^7.24.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.24.5",
-        "@babel/helpers": "^7.24.5",
-        "@babel/parser": "^7.24.5",
-        "@babel/template": "^7.24.0",
-        "@babel/traverse": "^7.24.5",
-        "@babel/types": "^7.24.5",
+        "@babel/code-frame": "^7.26.0",
+        "@babel/generator": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helpers": "^7.26.0",
+        "@babel/parser": "^7.26.0",
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.26.0",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -37117,40 +39870,42 @@
       }
     },
     "@babel/generator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
-      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
+      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
       "requires": {
-        "@babel/types": "^7.24.7",
+        "@babel/parser": "^7.26.2",
+        "@babel/types": "^7.26.0",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
+        "jsesc": "^3.0.2"
       }
     },
     "@babel/helper-annotate-as-pure": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
-      "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
+      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
       "requires": {
-        "@babel/types": "^7.24.7"
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
-      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
+      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
       "requires": {
-        "@babel/types": "^7.22.15"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-compilation-targets": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
-      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
       "requires": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
-        "browserslist": "^4.22.2",
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -37176,18 +39931,16 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz",
-      "integrity": "sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ==",
-      "requires": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.24.1",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "semver": "^6.3.1"
       },
       "dependencies": {
@@ -37199,12 +39952,12 @@
       }
     },
     "@babel/helper-create-regexp-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "regexpu-core": "^5.3.1",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "regexpu-core": "^6.1.1",
         "semver": "^6.3.1"
       },
       "dependencies": {
@@ -37216,9 +39969,9 @@
       }
     },
     "@babel/helper-define-polyfill-provider": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz",
-      "integrity": "sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz",
+      "integrity": "sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==",
       "requires": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -37227,202 +39980,169 @@
         "resolve": "^1.14.2"
       }
     },
-    "@babel/helper-environment-visitor": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
-      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
-      "requires": {
-        "@babel/types": "^7.24.7"
-      }
-    },
-    "@babel/helper-function-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
-      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
-      "requires": {
-        "@babel/template": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      }
-    },
-    "@babel/helper-hoist-variables": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
-      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
-      "requires": {
-        "@babel/types": "^7.24.7"
-      }
-    },
     "@babel/helper-member-expression-to-functions": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
+      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
       "requires": {
-        "@babel/types": "^7.23.0"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-module-imports": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
-      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
+      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
       "requires": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz",
-      "integrity": "sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
+      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.24.3",
-        "@babel/helper-simple-access": "^7.24.5",
-        "@babel/helper-split-export-declaration": "^7.24.5",
-        "@babel/helper-validator-identifier": "^7.24.5"
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
+      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
       "requires": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-plugin-utils": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz",
-      "integrity": "sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg=="
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw=="
     },
     "@babel/helper-remap-async-to-generator": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
-      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-wrap-function": "^7.22.20"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-wrap-function": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/helper-replace-supers": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz",
-      "integrity": "sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
+      "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.23.0",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/helper-simple-access": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz",
-      "integrity": "sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz",
+      "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==",
       "requires": {
-        "@babel/types": "^7.24.5"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
+      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
       "requires": {
-        "@babel/types": "^7.22.5"
-      }
-    },
-    "@babel/helper-split-export-declaration": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
-      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
-      "requires": {
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helper-string-parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
-      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg=="
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA=="
     },
     "@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w=="
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ=="
     },
     "@babel/helper-validator-option": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
-      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw=="
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
+      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw=="
     },
     "@babel/helper-wrap-function": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
-      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
+      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
       "requires": {
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.22.19"
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/helpers": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.5.tgz",
-      "integrity": "sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz",
+      "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
       "requires": {
-        "@babel/template": "^7.24.0",
-        "@babel/traverse": "^7.24.5",
-        "@babel/types": "^7.24.5"
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.0"
       }
     },
-    "@babel/highlight": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
+    "@babel/parser": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
+      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
       "requires": {
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
+        "@babel/types": "^7.26.0"
       }
     },
-    "@babel/parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
-      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw=="
-    },
     "@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz",
-      "integrity": "sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz",
+      "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      }
+    },
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz",
+      "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz",
-      "integrity": "sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz",
+      "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz",
-      "integrity": "sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-transform-optional-chaining": "^7.24.1"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9"
       }
     },
     "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz",
-      "integrity": "sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz",
+      "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/plugin-proposal-private-property-in-object": {
@@ -37434,6 +40154,7 @@
       "version": "7.8.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
       "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -37451,18 +40172,11 @@
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
       "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.12.13"
       }
     },
-    "@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      }
-    },
     "@babel/plugin-syntax-dynamic-import": {
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
@@ -37471,14 +40185,6 @@
         "@babel/helper-plugin-utils": "^7.8.0"
       }
     },
-    "@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      }
-    },
     "@babel/plugin-syntax-flow": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.7.tgz",
@@ -37489,25 +40195,26 @@
       }
     },
     "@babel/plugin-syntax-import-assertions": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz",
-      "integrity": "sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
+      "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-syntax-import-attributes": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz",
-      "integrity": "sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
+      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-syntax-import-meta": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
       "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
@@ -37516,22 +40223,24 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
       "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
     },
     "@babel/plugin-syntax-jsx": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz",
-      "integrity": "sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz",
+      "integrity": "sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-syntax-logical-assignment-operators": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
       "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
@@ -37540,6 +40249,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
       "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -37548,6 +40258,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
       "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
@@ -37556,6 +40267,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
       "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -37564,6 +40276,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
       "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -37572,32 +40285,26 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
       "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
     },
-    "@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      }
-    },
     "@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
       "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-syntax-typescript": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz",
-      "integrity": "sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz",
+      "integrity": "sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-syntax-unicode-sets-regex": {
@@ -37610,143 +40317,146 @@
       }
     },
     "@babel/plugin-transform-arrow-functions": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz",
-      "integrity": "sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz",
+      "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-async-generator-functions": {
-      "version": "7.24.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz",
-      "integrity": "sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
       "requires": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-remap-async-to-generator": "^7.22.20",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/plugin-transform-async-to-generator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz",
-      "integrity": "sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
       "requires": {
-        "@babel/helper-module-imports": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-remap-async-to-generator": "^7.22.20"
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9"
       }
     },
     "@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz",
-      "integrity": "sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
+      "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-block-scoping": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz",
-      "integrity": "sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz",
+      "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-class-properties": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz",
-      "integrity": "sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
+      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-class-static-block": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz",
-      "integrity": "sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz",
+      "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.24.4",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-classes": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz",
-      "integrity": "sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q==",
-      "requires": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-replace-supers": "^7.24.1",
-        "@babel/helper-split-export-declaration": "^7.22.6",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
+      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "globals": "^11.1.0"
       }
     },
     "@babel/plugin-transform-computed-properties": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz",
-      "integrity": "sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
+      "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/template": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/template": "^7.25.9"
       }
     },
     "@babel/plugin-transform-destructuring": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz",
-      "integrity": "sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz",
+      "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-dotall-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz",
-      "integrity": "sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz",
+      "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-duplicate-keys": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz",
-      "integrity": "sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz",
+      "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-dynamic-import": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz",
-      "integrity": "sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz",
+      "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz",
-      "integrity": "sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
+      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
       "requires": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-export-namespace-from": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz",
-      "integrity": "sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz",
+      "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-flow-strip-types": {
@@ -37760,241 +40470,233 @@
       }
     },
     "@babel/plugin-transform-for-of": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz",
-      "integrity": "sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz",
+      "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       }
     },
     "@babel/plugin-transform-function-name": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz",
-      "integrity": "sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz",
+      "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
       "requires": {
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/plugin-transform-json-strings": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz",
-      "integrity": "sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz",
+      "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz",
-      "integrity": "sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz",
+      "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz",
-      "integrity": "sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz",
+      "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-member-expression-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz",
-      "integrity": "sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz",
+      "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-modules-amd": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz",
-      "integrity": "sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz",
+      "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
       "requires": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz",
-      "integrity": "sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz",
+      "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==",
       "requires": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-simple-access": "^7.22.5"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-simple-access": "^7.25.9"
       }
     },
     "@babel/plugin-transform-modules-systemjs": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz",
-      "integrity": "sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz",
+      "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
       "requires": {
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-validator-identifier": "^7.22.20"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       }
     },
     "@babel/plugin-transform-modules-umd": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz",
-      "integrity": "sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz",
+      "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
       "requires": {
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
-      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-new-target": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz",
-      "integrity": "sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz",
+      "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz",
-      "integrity": "sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
+      "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-numeric-separator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz",
-      "integrity": "sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz",
+      "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-object-rest-spread": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz",
-      "integrity": "sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz",
+      "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
       "requires": {
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.24.1"
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9"
       }
     },
     "@babel/plugin-transform-object-super": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz",
-      "integrity": "sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz",
+      "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-replace-supers": "^7.24.1"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9"
       }
     },
     "@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz",
-      "integrity": "sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz",
+      "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-optional-chaining": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz",
-      "integrity": "sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       }
     },
     "@babel/plugin-transform-parameters": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz",
-      "integrity": "sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz",
+      "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-private-methods": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz",
-      "integrity": "sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz",
+      "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
       "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-private-property-in-object": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz",
-      "integrity": "sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
+      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.24.1",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-property-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz",
-      "integrity": "sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
+      "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-react-constant-elements": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.24.1.tgz",
-      "integrity": "sha512-QXp1U9x0R7tkiGB0FOk8o74jhnap0FlZ5gNkRIWdG3eP+SvMFg118e1zaWewDzgABb106QSKpVsD3Wgd8t6ifA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.25.9.tgz",
+      "integrity": "sha512-Ncw2JFsJVuvfRsa2lSHiC55kETQVLSnsYGQ1JDDwkUeWGTL/8Tom8aLTnlqgoeuopWrbbGndrc9AlLYrIosrow==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-react-display-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.7.tgz",
-      "integrity": "sha512-H/Snz9PFxKsS1JLI4dJLtnJgCJRoo0AUm3chP6NYr+9En1JMKloheEiLIhlp5MDVznWo+H3AAC1Mc8lmUEpsgg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz",
+      "integrity": "sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-react-jsx": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.24.7.tgz",
-      "integrity": "sha512-+Dj06GDZEFRYvclU6k4bme55GKBEWUmByM/eoKuqg4zTNQHiApWRhQph5fxQB2wAEFvRzL1tOEj1RJ19wJrhoA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz",
+      "integrity": "sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==",
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-jsx": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/plugin-transform-react-jsx-development": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.24.7.tgz",
-      "integrity": "sha512-QG9EnzoGn+Qar7rxuW+ZOsbWOt56FvvI93xInqsZDC5fsekx1AlIO4KIJ5M+D0p0SqSH156EpmZyXq630B8OlQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz",
+      "integrity": "sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==",
       "requires": {
-        "@babel/plugin-transform-react-jsx": "^7.24.7"
+        "@babel/plugin-transform-react-jsx": "^7.25.9"
       }
     },
     "@babel/plugin-transform-react-jsx-self": {
@@ -38016,40 +40718,49 @@
       }
     },
     "@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.7.tgz",
-      "integrity": "sha512-PLgBVk3fzbmEjBJ/u8kFzOqS9tUeDjiaWud/rRym/yjCo/M9cASPlnrd2ZmmZpQT40fOOrvR8jh+n8jikrOhNA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz",
+      "integrity": "sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==",
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-regenerator": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz",
-      "integrity": "sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz",
+      "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-plugin-utils": "^7.25.9",
         "regenerator-transform": "^0.15.2"
       }
     },
+    "@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz",
+      "integrity": "sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==",
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      }
+    },
     "@babel/plugin-transform-reserved-words": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz",
-      "integrity": "sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
+      "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-runtime": {
-      "version": "7.24.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.3.tgz",
-      "integrity": "sha512-J0BuRPNlNqlMTRJ72eVptpt9VcInbxO6iP3jaxr+1NPhC0UkKL+6oeX6VXMEYdADnuqmMmsBspt4d5w8Y/TCbQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz",
+      "integrity": "sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==",
       "requires": {
-        "@babel/helper-module-imports": "^7.24.3",
-        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
         "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.1",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
         "babel-plugin-polyfill-regenerator": "^0.6.1",
         "semver": "^6.3.1"
       },
@@ -38062,177 +40773,166 @@
       }
     },
     "@babel/plugin-transform-shorthand-properties": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz",
-      "integrity": "sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz",
+      "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-spread": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz",
-      "integrity": "sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz",
+      "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       }
     },
     "@babel/plugin-transform-sticky-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz",
-      "integrity": "sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz",
+      "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-template-literals": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz",
-      "integrity": "sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz",
+      "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-typeof-symbol": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz",
-      "integrity": "sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz",
+      "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-typescript": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.4.tgz",
-      "integrity": "sha512-79t3CQ8+oBGk/80SQ8MN3Bs3obf83zJ0YZjDmDaEZN8MqhMI760apl5z6a20kFeMXBwJX99VpKT8CKxEBp5H1g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz",
+      "integrity": "sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==",
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.24.4",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/plugin-syntax-typescript": "^7.24.1"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-syntax-typescript": "^7.25.9"
       }
     },
     "@babel/plugin-transform-unicode-escapes": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz",
-      "integrity": "sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
+      "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz",
-      "integrity": "sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz",
+      "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-unicode-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz",
-      "integrity": "sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz",
+      "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz",
-      "integrity": "sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz",
+      "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
       "requires": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.24.0"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       }
     },
     "@babel/preset-env": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.4.tgz",
-      "integrity": "sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A==",
-      "requires": {
-        "@babel/compat-data": "^7.24.4",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-validator-option": "^7.23.5",
-        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.4",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.1",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.1",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.1",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.0.tgz",
+      "integrity": "sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==",
+      "requires": {
+        "@babel/compat-data": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.24.1",
-        "@babel/plugin-syntax-import-attributes": "^7.24.1",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-import-assertions": "^7.26.0",
+        "@babel/plugin-syntax-import-attributes": "^7.26.0",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.24.1",
-        "@babel/plugin-transform-async-generator-functions": "^7.24.3",
-        "@babel/plugin-transform-async-to-generator": "^7.24.1",
-        "@babel/plugin-transform-block-scoped-functions": "^7.24.1",
-        "@babel/plugin-transform-block-scoping": "^7.24.4",
-        "@babel/plugin-transform-class-properties": "^7.24.1",
-        "@babel/plugin-transform-class-static-block": "^7.24.4",
-        "@babel/plugin-transform-classes": "^7.24.1",
-        "@babel/plugin-transform-computed-properties": "^7.24.1",
-        "@babel/plugin-transform-destructuring": "^7.24.1",
-        "@babel/plugin-transform-dotall-regex": "^7.24.1",
-        "@babel/plugin-transform-duplicate-keys": "^7.24.1",
-        "@babel/plugin-transform-dynamic-import": "^7.24.1",
-        "@babel/plugin-transform-exponentiation-operator": "^7.24.1",
-        "@babel/plugin-transform-export-namespace-from": "^7.24.1",
-        "@babel/plugin-transform-for-of": "^7.24.1",
-        "@babel/plugin-transform-function-name": "^7.24.1",
-        "@babel/plugin-transform-json-strings": "^7.24.1",
-        "@babel/plugin-transform-literals": "^7.24.1",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.24.1",
-        "@babel/plugin-transform-member-expression-literals": "^7.24.1",
-        "@babel/plugin-transform-modules-amd": "^7.24.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.24.1",
-        "@babel/plugin-transform-modules-systemjs": "^7.24.1",
-        "@babel/plugin-transform-modules-umd": "^7.24.1",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
-        "@babel/plugin-transform-new-target": "^7.24.1",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1",
-        "@babel/plugin-transform-numeric-separator": "^7.24.1",
-        "@babel/plugin-transform-object-rest-spread": "^7.24.1",
-        "@babel/plugin-transform-object-super": "^7.24.1",
-        "@babel/plugin-transform-optional-catch-binding": "^7.24.1",
-        "@babel/plugin-transform-optional-chaining": "^7.24.1",
-        "@babel/plugin-transform-parameters": "^7.24.1",
-        "@babel/plugin-transform-private-methods": "^7.24.1",
-        "@babel/plugin-transform-private-property-in-object": "^7.24.1",
-        "@babel/plugin-transform-property-literals": "^7.24.1",
-        "@babel/plugin-transform-regenerator": "^7.24.1",
-        "@babel/plugin-transform-reserved-words": "^7.24.1",
-        "@babel/plugin-transform-shorthand-properties": "^7.24.1",
-        "@babel/plugin-transform-spread": "^7.24.1",
-        "@babel/plugin-transform-sticky-regex": "^7.24.1",
-        "@babel/plugin-transform-template-literals": "^7.24.1",
-        "@babel/plugin-transform-typeof-symbol": "^7.24.1",
-        "@babel/plugin-transform-unicode-escapes": "^7.24.1",
-        "@babel/plugin-transform-unicode-property-regex": "^7.24.1",
-        "@babel/plugin-transform-unicode-regex": "^7.24.1",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.24.1",
+        "@babel/plugin-transform-arrow-functions": "^7.25.9",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.9",
+        "@babel/plugin-transform-async-to-generator": "^7.25.9",
+        "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
+        "@babel/plugin-transform-block-scoping": "^7.25.9",
+        "@babel/plugin-transform-class-properties": "^7.25.9",
+        "@babel/plugin-transform-class-static-block": "^7.26.0",
+        "@babel/plugin-transform-classes": "^7.25.9",
+        "@babel/plugin-transform-computed-properties": "^7.25.9",
+        "@babel/plugin-transform-destructuring": "^7.25.9",
+        "@babel/plugin-transform-dotall-regex": "^7.25.9",
+        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-dynamic-import": "^7.25.9",
+        "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
+        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
+        "@babel/plugin-transform-for-of": "^7.25.9",
+        "@babel/plugin-transform-function-name": "^7.25.9",
+        "@babel/plugin-transform-json-strings": "^7.25.9",
+        "@babel/plugin-transform-literals": "^7.25.9",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
+        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
+        "@babel/plugin-transform-modules-amd": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
+        "@babel/plugin-transform-modules-umd": "^7.25.9",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-new-target": "^7.25.9",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+        "@babel/plugin-transform-numeric-separator": "^7.25.9",
+        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
+        "@babel/plugin-transform-object-super": "^7.25.9",
+        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9",
+        "@babel/plugin-transform-private-methods": "^7.25.9",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+        "@babel/plugin-transform-property-literals": "^7.25.9",
+        "@babel/plugin-transform-regenerator": "^7.25.9",
+        "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
+        "@babel/plugin-transform-reserved-words": "^7.25.9",
+        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+        "@babel/plugin-transform-spread": "^7.25.9",
+        "@babel/plugin-transform-sticky-regex": "^7.25.9",
+        "@babel/plugin-transform-template-literals": "^7.25.9",
+        "@babel/plugin-transform-typeof-symbol": "^7.25.9",
+        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
+        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
         "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.4",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
         "babel-plugin-polyfill-regenerator": "^0.6.1",
-        "core-js-compat": "^3.31.0",
+        "core-js-compat": "^3.38.1",
         "semver": "^6.3.1"
       },
       "dependencies": {
@@ -38265,35 +40965,30 @@
       }
     },
     "@babel/preset-react": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.24.7.tgz",
-      "integrity": "sha512-AAH4lEkpmzFWrGVlHaxJB7RLH21uPQ9+He+eFLWHmF9IuFQVugz8eAsamaW0DXRrTfco5zj1wWtpdcXJUOfsag==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz",
+      "integrity": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-validator-option": "^7.24.7",
-        "@babel/plugin-transform-react-display-name": "^7.24.7",
-        "@babel/plugin-transform-react-jsx": "^7.24.7",
-        "@babel/plugin-transform-react-jsx-development": "^7.24.7",
-        "@babel/plugin-transform-react-pure-annotations": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-transform-react-display-name": "^7.25.9",
+        "@babel/plugin-transform-react-jsx": "^7.25.9",
+        "@babel/plugin-transform-react-jsx-development": "^7.25.9",
+        "@babel/plugin-transform-react-pure-annotations": "^7.25.9"
       }
     },
     "@babel/preset-typescript": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz",
-      "integrity": "sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz",
+      "integrity": "sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.24.0",
-        "@babel/helper-validator-option": "^7.23.5",
-        "@babel/plugin-syntax-jsx": "^7.24.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.24.1",
-        "@babel/plugin-transform-typescript": "^7.24.1"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-typescript": "^7.25.9"
       }
     },
-    "@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
-    },
     "@babel/runtime": {
       "version": "7.23.9",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz",
@@ -38303,49 +40998,45 @@
       }
     },
     "@babel/runtime-corejs3": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.24.4.tgz",
-      "integrity": "sha512-VOQOexSilscN24VEY810G/PqtpFvx/z6UqDIjIWbDe2368HhDLkYN5TYwaEz/+eRCUkhJ2WaNLLmQAlxzfWj4w==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.26.0.tgz",
+      "integrity": "sha512-YXHu5lN8kJCb1LOb9PgV6pvak43X2h4HvRApcN5SdWeaItQOzfn1hgP6jasD6KWQyJDBxrVmA9o9OivlnNJK/w==",
       "requires": {
         "core-js-pure": "^3.30.2",
         "regenerator-runtime": "^0.14.0"
       }
     },
     "@babel/template": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
-      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
       "requires": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
       }
     },
     "@babel/traverse": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
-      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
-      "requires": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-hoist-variables": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
+      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "requires": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.25.9",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       }
     },
     "@babel/types": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
-      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
       "requires": {
-        "@babel/helper-string-parser": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "to-fast-properties": "^2.0.0"
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
       }
     },
     "@bcoe/v8-coverage": {
@@ -39305,73 +41996,212 @@
       "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw=="
     },
     "@docsearch/css": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.6.0.tgz",
-      "integrity": "sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ=="
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.6.3.tgz",
+      "integrity": "sha512-3uvbg8E7rhqE1C4oBAK3tGlS2qfhi9zpfZgH/yjDPF73vd9B41urVIKujF4rczcF4E3qs34SedhehiDJ4UdNBA=="
     },
     "@docsearch/react": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.6.0.tgz",
-      "integrity": "sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w==",
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.6.3.tgz",
+      "integrity": "sha512-2munr4uBuZq1PG+Ge+F+ldIdxb3Wi8OmEIv2tQQb4RvEvvph+xtQkxwHzVIEnt5s+HecwucuXwB+3JhcZboFLg==",
       "requires": {
         "@algolia/autocomplete-core": "1.9.3",
-        "@algolia/autocomplete-preset-algolia": "1.9.3",
-        "@docsearch/css": "3.6.0",
-        "algoliasearch": "^4.19.1"
+        "@algolia/autocomplete-preset-algolia": "1.17.6",
+        "@docsearch/css": "3.6.3",
+        "algoliasearch": "^5.11.0"
+      },
+      "dependencies": {
+        "@algolia/client-analytics": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.12.0.tgz",
+          "integrity": "sha512-EpTsSv6IW8maCfXCDIptgT7+mQJj7pImEkcNUnxR8yUKAHzTogTXv9yGm2WXOZFVuwstd2i0sImhQ1Vz8RH/hA==",
+          "requires": {
+            "@algolia/client-common": "5.12.0",
+            "@algolia/requester-browser-xhr": "5.12.0",
+            "@algolia/requester-fetch": "5.12.0",
+            "@algolia/requester-node-http": "5.12.0"
+          }
+        },
+        "@algolia/client-common": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.12.0.tgz",
+          "integrity": "sha512-od3WmO8qxyfNhKc+K3D17tvun3IMs/xMNmxCG9MiElAkYVbPPTRUYMkRneCpmJyQI0hNx2/EA4kZgzVfQjO86Q=="
+        },
+        "@algolia/client-personalization": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.12.0.tgz",
+          "integrity": "sha512-bUV9HtfkTBgpoVhxFrMkmVPG03ZN1Rtn51kiaEtukucdk3ggjR9Qu1YUfRSU2lFgxr9qJc8lTxwfvhjCeJRcqw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0",
+            "@algolia/requester-browser-xhr": "5.12.0",
+            "@algolia/requester-fetch": "5.12.0",
+            "@algolia/requester-node-http": "5.12.0"
+          }
+        },
+        "@algolia/client-search": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.12.0.tgz",
+          "integrity": "sha512-R3qzEytgVLHOGNri+bpta6NtTt7YtkvUe/QBcAmMDjW4Jk1P0eBYIPfvnzIPbINRsLxIq9fZs9uAYBgsrts4Zg==",
+          "requires": {
+            "@algolia/client-common": "5.12.0",
+            "@algolia/requester-browser-xhr": "5.12.0",
+            "@algolia/requester-fetch": "5.12.0",
+            "@algolia/requester-node-http": "5.12.0"
+          }
+        },
+        "@algolia/recommend": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.12.0.tgz",
+          "integrity": "sha512-0jmZyKvYnB/Bj5c7WKsKedOUjnr0UtXm0LVFUdQrxXfqOqvWv9n6Vpr65UjdYG4Q49kRQxhlwtal9WJYrYymXg==",
+          "requires": {
+            "@algolia/client-common": "5.12.0",
+            "@algolia/requester-browser-xhr": "5.12.0",
+            "@algolia/requester-fetch": "5.12.0",
+            "@algolia/requester-node-http": "5.12.0"
+          }
+        },
+        "@algolia/requester-browser-xhr": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.12.0.tgz",
+          "integrity": "sha512-KxwleraFuVoEGCoeW6Y1RAEbgBMS7SavqeyzWdtkJc6mXeCOJXn1iZitb8Tyn2FcpMNUKlSm0adrUTt7G47+Ow==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "@algolia/requester-node-http": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.12.0.tgz",
+          "integrity": "sha512-ncDDY7CxZhMs6LIoPl+vHFQceIBhYPY5EfuGF1V7beO0U38xfsCYEyutEFB2kRzf4D9Gqppn3iWX71sNtrKcuw==",
+          "requires": {
+            "@algolia/client-common": "5.12.0"
+          }
+        },
+        "algoliasearch": {
+          "version": "5.12.0",
+          "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.12.0.tgz",
+          "integrity": "sha512-psGBRYdGgik8I6m28iAB8xpubvjEt7UQU+w5MAJUA2324WHiGoHap5BPkkjB14rMaXeRts6pmOsrVIglGyOVwg==",
+          "requires": {
+            "@algolia/client-abtesting": "5.12.0",
+            "@algolia/client-analytics": "5.12.0",
+            "@algolia/client-common": "5.12.0",
+            "@algolia/client-insights": "5.12.0",
+            "@algolia/client-personalization": "5.12.0",
+            "@algolia/client-query-suggestions": "5.12.0",
+            "@algolia/client-search": "5.12.0",
+            "@algolia/ingestion": "1.12.0",
+            "@algolia/monitoring": "1.12.0",
+            "@algolia/recommend": "5.12.0",
+            "@algolia/requester-browser-xhr": "5.12.0",
+            "@algolia/requester-fetch": "5.12.0",
+            "@algolia/requester-node-http": "5.12.0"
+          }
+        }
       }
     },
-    "@docusaurus/core": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/core/-/core-3.3.2.tgz",
-      "integrity": "sha512-PzKMydKI3IU1LmeZQDi+ut5RSuilbXnA8QdowGeJEgU8EJjmx3rBHNT1LxQxOVqNEwpWi/csLwd9bn7rUjggPA==",
+    "@docusaurus/babel": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/babel/-/babel-3.6.0.tgz",
+      "integrity": "sha512-7CsoQFiadoq7AHSUIQNkI/lGfg9AQ2ZBzsf9BqfZGXkHwWDy6twuohEaG0PgQv1npSRSAB2dioVxhRSErnqKNA==",
       "requires": {
-        "@babel/core": "^7.23.3",
-        "@babel/generator": "^7.23.3",
+        "@babel/core": "^7.25.9",
+        "@babel/generator": "^7.25.9",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-transform-runtime": "^7.22.9",
-        "@babel/preset-env": "^7.22.9",
-        "@babel/preset-react": "^7.22.5",
-        "@babel/preset-typescript": "^7.22.5",
-        "@babel/runtime": "^7.22.6",
-        "@babel/runtime-corejs3": "^7.22.6",
-        "@babel/traverse": "^7.22.8",
-        "@docusaurus/cssnano-preset": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
-        "autoprefixer": "^10.4.14",
-        "babel-loader": "^9.1.3",
+        "@babel/plugin-transform-runtime": "^7.25.9",
+        "@babel/preset-env": "^7.25.9",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.25.9",
+        "@babel/runtime": "^7.25.9",
+        "@babel/runtime-corejs3": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
         "babel-plugin-dynamic-import-node": "^2.3.3",
+        "fs-extra": "^11.1.1",
+        "tslib": "^2.6.0"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.26.0",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+          "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+          "requires": {
+            "regenerator-runtime": "^0.14.0"
+          }
+        },
+        "fs-extra": {
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@docusaurus/bundler": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/bundler/-/bundler-3.6.0.tgz",
+      "integrity": "sha512-o5T9HXkPKH0OQAifTxEXaebcO8kaz3tU1+wlIShZ2DKJHlsyWX3N4rToWBHroWnV/ZCT2XN3kLRzXASqrnb9Tw==",
+      "requires": {
+        "@babel/core": "^7.25.9",
+        "@docusaurus/babel": "3.6.0",
+        "@docusaurus/cssnano-preset": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "autoprefixer": "^10.4.14",
+        "babel-loader": "^9.2.1",
+        "clean-css": "^5.3.2",
+        "copy-webpack-plugin": "^11.0.0",
+        "css-loader": "^6.8.1",
+        "css-minimizer-webpack-plugin": "^5.0.1",
+        "cssnano": "^6.1.2",
+        "file-loader": "^6.2.0",
+        "html-minifier-terser": "^7.2.0",
+        "mini-css-extract-plugin": "^2.9.1",
+        "null-loader": "^4.0.1",
+        "postcss": "^8.4.26",
+        "postcss-loader": "^7.3.3",
+        "react-dev-utils": "^12.0.1",
+        "terser-webpack-plugin": "^5.3.9",
+        "tslib": "^2.6.0",
+        "url-loader": "^4.1.1",
+        "webpack": "^5.95.0",
+        "webpackbar": "^6.0.1"
+      }
+    },
+    "@docusaurus/core": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/core/-/core-3.6.0.tgz",
+      "integrity": "sha512-lvRgMoKJJSRDt9+HhAqFcICV4kp/mw1cJJrLxIw4Q2XZnFGM1XUuwcbuaqWmGog+NcOLZaPCcCtZbn60EMCtjQ==",
+      "requires": {
+        "@docusaurus/babel": "3.6.0",
+        "@docusaurus/bundler": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "boxen": "^6.2.1",
         "chalk": "^4.1.2",
         "chokidar": "^3.5.3",
-        "clean-css": "^5.3.2",
         "cli-table3": "^0.6.3",
         "combine-promises": "^1.1.0",
         "commander": "^5.1.0",
-        "copy-webpack-plugin": "^11.0.0",
         "core-js": "^3.31.1",
-        "css-loader": "^6.8.1",
-        "css-minimizer-webpack-plugin": "^5.0.1",
-        "cssnano": "^6.1.2",
         "del": "^6.1.1",
         "detect-port": "^1.5.1",
         "escape-html": "^1.0.3",
         "eta": "^2.2.0",
         "eval": "^0.1.8",
-        "file-loader": "^6.2.0",
         "fs-extra": "^11.1.1",
-        "html-minifier-terser": "^7.2.0",
         "html-tags": "^3.3.1",
-        "html-webpack-plugin": "^5.5.3",
+        "html-webpack-plugin": "^5.6.0",
         "leven": "^3.1.0",
         "lodash": "^4.17.21",
-        "mini-css-extract-plugin": "^2.7.6",
         "p-map": "^4.0.0",
-        "postcss": "^8.4.26",
-        "postcss-loader": "^7.3.3",
         "prompts": "^2.4.2",
         "react-dev-utils": "^12.0.1",
         "react-helmet-async": "^1.3.0",
@@ -39382,17 +42212,14 @@
         "react-router-dom": "^5.3.4",
         "rtl-detect": "^1.0.4",
         "semver": "^7.5.4",
-        "serve-handler": "^6.1.5",
+        "serve-handler": "^6.1.6",
         "shelljs": "^0.8.5",
-        "terser-webpack-plugin": "^5.3.9",
         "tslib": "^2.6.0",
         "update-notifier": "^6.0.2",
-        "url-loader": "^4.1.1",
-        "webpack": "^5.88.1",
-        "webpack-bundle-analyzer": "^4.9.0",
-        "webpack-dev-server": "^4.15.1",
-        "webpack-merge": "^5.9.0",
-        "webpackbar": "^5.0.2"
+        "webpack": "^5.95.0",
+        "webpack-bundle-analyzer": "^4.10.2",
+        "webpack-dev-server": "^4.15.2",
+        "webpack-merge": "^6.0.1"
       },
       "dependencies": {
         "ansi-styles": {
@@ -39456,9 +42283,9 @@
       }
     },
     "@docusaurus/cssnano-preset": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/cssnano-preset/-/cssnano-preset-3.3.2.tgz",
-      "integrity": "sha512-+5+epLk/Rp4vFML4zmyTATNc3Is+buMAL6dNjrMWahdJCJlMWMPd/8YfU+2PA57t8mlSbhLJ7vAZVy54cd1vRQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/cssnano-preset/-/cssnano-preset-3.6.0.tgz",
+      "integrity": "sha512-h3jlOXqqzNSoU+C4CZLNpFtD+v2xr1UBf4idZpwMgqid9r6lb5GS7tWKnQnauio6OipacbHbDXEX3JyT1PlDkg==",
       "requires": {
         "cssnano-preset-advanced": "^6.1.2",
         "postcss": "^8.4.38",
@@ -39466,10 +42293,25 @@
         "tslib": "^2.6.0"
       }
     },
+    "@docusaurus/faster": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/faster/-/faster-3.6.0.tgz",
+      "integrity": "sha512-9X06/KHD3f4CKm0SjZQIK3UDE/XvouAMiAlYMPV5LprubFlxVQecZG9QnfOe7VIfUh9IuPiDPuGg17yy0efwww==",
+      "requires": {
+        "@rspack/core": "^1.0.14",
+        "@swc/core": "^1.7.39",
+        "@swc/html": "^1.7.39",
+        "browserslist": "^4.24.2",
+        "lightningcss": "^1.27.0",
+        "swc-loader": "^0.2.6",
+        "tslib": "^2.6.0",
+        "webpack": "^5.95.0"
+      }
+    },
     "@docusaurus/logger": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/logger/-/logger-3.3.2.tgz",
-      "integrity": "sha512-Ldu38GJ4P8g4guN7d7pyCOJ7qQugG7RVyaxrK8OnxuTlaImvQw33aDRwaX2eNmX8YK6v+//Z502F4sOZbHHCHQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/logger/-/logger-3.6.0.tgz",
+      "integrity": "sha512-BcQhoXilXW0607cH/kO6P5Gt5KxCGfoJ+QDKNf3yO2S09/RsITlW+0QljXPbI3DklTrHrhRDmgGk1yX4nUhWTA==",
       "requires": {
         "chalk": "^4.1.2",
         "tslib": "^2.6.0"
@@ -39521,13 +42363,13 @@
       }
     },
     "@docusaurus/mdx-loader": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/mdx-loader/-/mdx-loader-3.3.2.tgz",
-      "integrity": "sha512-AFRxj/aOk3/mfYDPxE3wTbrjeayVRvNSZP7mgMuUlrb2UlPRbSVAFX1k2RbgAJrnTSwMgb92m2BhJgYRfptN3g==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/mdx-loader/-/mdx-loader-3.6.0.tgz",
+      "integrity": "sha512-GhRzL1Af/AdSSrGesSPOU/iP/aXadTGmVKuysCxZDrQR2RtBtubQZ9aw+KvdFVV7R4K/CsbgD6J5oqrXlEPk3Q==",
       "requires": {
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@mdx-js/mdx": "^3.0.0",
         "@slorber/remark-comment": "^1.0.0",
         "escape-html": "^1.0.3",
@@ -39564,11 +42406,11 @@
       }
     },
     "@docusaurus/module-type-aliases": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/module-type-aliases/-/module-type-aliases-3.3.2.tgz",
-      "integrity": "sha512-b/XB0TBJah5yKb4LYuJT4buFvL0MGAb0+vJDrJtlYMguRtsEBkf2nWl5xP7h4Dlw6ol0hsHrCYzJ50kNIOEclw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/module-type-aliases/-/module-type-aliases-3.6.0.tgz",
+      "integrity": "sha512-szTrIN/6/fuk0xkf3XbRfdTFJzRQ8d1s3sQj5++58wltrT7v3yn1149oc9ryYjMpRcbsarGloQwMu7ofPe4XPg==",
       "requires": {
-        "@docusaurus/types": "3.3.2",
+        "@docusaurus/types": "3.6.0",
         "@types/history": "^4.7.11",
         "@types/react": "*",
         "@types/react-router-config": "*",
@@ -39578,18 +42420,19 @@
       }
     },
     "@docusaurus/plugin-content-blog": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.3.2.tgz",
-      "integrity": "sha512-fJU+dmqp231LnwDJv+BHVWft8pcUS2xVPZdeYH6/ibH1s2wQ/sLcmUrGWyIv/Gq9Ptj8XWjRPMghlxghuPPoxg==",
-      "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
-        "cheerio": "^1.0.0-rc.12",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.6.0.tgz",
+      "integrity": "sha512-o4aT1/E0Ldpzs/hQff5uyoSriAhS/yqBhqSn+fvSw465AaqRsva6O7CZSYleuBq6x2bewyE3QJq2PcTiHhAd8g==",
+      "requires": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
+        "cheerio": "1.0.0-rc.12",
         "feed": "^4.2.2",
         "fs-extra": "^11.1.1",
         "lodash": "^4.17.21",
@@ -39614,18 +42457,19 @@
       }
     },
     "@docusaurus/plugin-content-docs": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.3.2.tgz",
-      "integrity": "sha512-Dm1ri2VlGATTN3VGk1ZRqdRXWa1UlFubjaEL6JaxaK7IIFqN/Esjpl+Xw10R33loHcRww/H76VdEeYayaL76eg==",
-      "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/module-type-aliases": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.6.0.tgz",
+      "integrity": "sha512-c5gZOxocJKO/Zev2MEZInli+b+VNswDGuKHE6QtFgidhAJonwjh2kwj967RvWFaMMk62HlLJLZ+IGK2XsVy4Aw==",
+      "requires": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/module-type-aliases": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@types/react-router-config": "^5.0.7",
         "combine-promises": "^1.1.0",
         "fs-extra": "^11.1.1",
@@ -39662,15 +42506,15 @@
       }
     },
     "@docusaurus/plugin-content-pages": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.3.2.tgz",
-      "integrity": "sha512-EKc9fQn5H2+OcGER8x1aR+7URtAGWySUgULfqE/M14+rIisdrBstuEZ4lUPDRrSIexOVClML82h2fDS+GSb8Ew==",
-      "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.6.0.tgz",
+      "integrity": "sha512-RKHhJrfkadHc7+tt1cP48NWifOrhkSRMPdXNYytzhoQrXlP6Ph+3tfQ4/n+nT0S3Y9+wwRxYqRqA380ZLt+QtQ==",
+      "requires": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "fs-extra": "^11.1.1",
         "tslib": "^2.6.0",
         "webpack": "^5.88.1"
@@ -39689,13 +42533,13 @@
       }
     },
     "@docusaurus/plugin-debug": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-debug/-/plugin-debug-3.3.2.tgz",
-      "integrity": "sha512-oBIBmwtaB+YS0XlmZ3gCO+cMbsGvIYuAKkAopoCh0arVjtlyPbejzPrHuCoRHB9G7abjNZw7zoONOR8+8LM5+Q==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-debug/-/plugin-debug-3.6.0.tgz",
+      "integrity": "sha512-o8T1Rl94COLdSlKvjYLQpRJQRU8WWZ8EX1B0yV0dQLNN8reyH7MQW+6z1ig4sQFfH3pnjPWVGHfuEjcib5m7Eg==",
       "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
         "fs-extra": "^11.1.1",
         "react-json-view-lite": "^1.2.0",
         "tslib": "^2.6.0"
@@ -39714,50 +42558,50 @@
       }
     },
     "@docusaurus/plugin-google-analytics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.3.2.tgz",
-      "integrity": "sha512-jXhrEIhYPSClMBK6/IA8qf1/FBoxqGXZvg7EuBax9HaK9+kL3L0TJIlatd8jQJOMtds8mKw806TOCc3rtEad1A==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.6.0.tgz",
+      "integrity": "sha512-kgRFbfpi6Hshj75YUztKyEMtI/kw0trPRwoTN4g+W1NK99R/vh8phTvhBTIMnDbetU79795LkwfG0rZ/ce6zWQ==",
       "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "tslib": "^2.6.0"
       }
     },
     "@docusaurus/plugin-google-gtag": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.3.2.tgz",
-      "integrity": "sha512-vcrKOHGbIDjVnNMrfbNpRQR1x6Jvcrb48kVzpBAOsKbj9rXZm/idjVAXRaewwobHdOrJkfWS/UJoxzK8wyLRBQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.6.0.tgz",
+      "integrity": "sha512-nqu4IfjaO4UX+dojHL2BxHRS+sKj31CIMWYo49huQ3wTET0Oc3u/WGTaKd3ShTPDhkgiRhTOSTPUwJWrU55nHg==",
       "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@types/gtag.js": "^0.0.12",
         "tslib": "^2.6.0"
       }
     },
     "@docusaurus/plugin-google-tag-manager": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.3.2.tgz",
-      "integrity": "sha512-ldkR58Fdeks0vC+HQ+L+bGFSJsotQsipXD+iKXQFvkOfmPIV6QbHRd7IIcm5b6UtwOiK33PylNS++gjyLUmaGw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.6.0.tgz",
+      "integrity": "sha512-OU6c5xI0nOVbEc9eImGvvsgNWe4vGm97t/W3aLHjWsHyNk3uwFNBQMHRvBUwAi9k/K3kyC5E7DWnc67REhdLOw==",
       "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "tslib": "^2.6.0"
       }
     },
     "@docusaurus/plugin-sitemap": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.3.2.tgz",
-      "integrity": "sha512-/ZI1+bwZBhAgC30inBsHe3qY9LOZS+79fRGkNdTcGHRMcdAp6Vw2pCd1gzlxd/xU+HXsNP6cLmTOrggmRp3Ujg==",
-      "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.6.0.tgz",
+      "integrity": "sha512-YB5XMdf9FjLhgbHY/cDbYhVxsgcpPIjxY9769HUgFOB7GVzItTLOR71W035R1BiR2CA5QAn3XOSg36WLRxlhQQ==",
+      "requires": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "fs-extra": "^11.1.1",
         "sitemap": "^7.1.1",
         "tslib": "^2.6.0"
@@ -39776,46 +42620,47 @@
       }
     },
     "@docusaurus/preset-classic": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/preset-classic/-/preset-classic-3.3.2.tgz",
-      "integrity": "sha512-1SDS7YIUN1Pg3BmD6TOTjhB7RSBHJRpgIRKx9TpxqyDrJ92sqtZhomDc6UYoMMLQNF2wHFZZVGFjxJhw2VpL+Q==",
-      "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/plugin-content-blog": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/plugin-content-pages": "3.3.2",
-        "@docusaurus/plugin-debug": "3.3.2",
-        "@docusaurus/plugin-google-analytics": "3.3.2",
-        "@docusaurus/plugin-google-gtag": "3.3.2",
-        "@docusaurus/plugin-google-tag-manager": "3.3.2",
-        "@docusaurus/plugin-sitemap": "3.3.2",
-        "@docusaurus/theme-classic": "3.3.2",
-        "@docusaurus/theme-common": "3.3.2",
-        "@docusaurus/theme-search-algolia": "3.3.2",
-        "@docusaurus/types": "3.3.2"
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/preset-classic/-/preset-classic-3.6.0.tgz",
+      "integrity": "sha512-kpGNdQzr/Dpm7o3b1iaQrz4DMDx3WIeBbl4V4P4maa2zAQkTdlaP4CMgA5oKrRrpqPLnQFsUM/b+qf2glhl2Tw==",
+      "requires": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/plugin-content-blog": "3.6.0",
+        "@docusaurus/plugin-content-docs": "3.6.0",
+        "@docusaurus/plugin-content-pages": "3.6.0",
+        "@docusaurus/plugin-debug": "3.6.0",
+        "@docusaurus/plugin-google-analytics": "3.6.0",
+        "@docusaurus/plugin-google-gtag": "3.6.0",
+        "@docusaurus/plugin-google-tag-manager": "3.6.0",
+        "@docusaurus/plugin-sitemap": "3.6.0",
+        "@docusaurus/theme-classic": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/theme-search-algolia": "3.6.0",
+        "@docusaurus/types": "3.6.0"
       }
     },
     "@docusaurus/theme-classic": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-classic/-/theme-classic-3.3.2.tgz",
-      "integrity": "sha512-gepHFcsluIkPb4Im9ukkiO4lXrai671wzS3cKQkY9BXQgdVwsdPf/KS0Vs4Xlb0F10fTz+T3gNjkxNEgSN9M0A==",
-      "requires": {
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/module-type-aliases": "3.3.2",
-        "@docusaurus/plugin-content-blog": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/plugin-content-pages": "3.3.2",
-        "@docusaurus/theme-common": "3.3.2",
-        "@docusaurus/theme-translations": "3.3.2",
-        "@docusaurus/types": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-classic/-/theme-classic-3.6.0.tgz",
+      "integrity": "sha512-sAXNfwPL6uRD+BuHuKXZfAXud7SS7IK/JdrPuzyQxdO1gJKzI5GFfe1ED1QoJDNWJWJ01JHE5rSnwYLEADc2rQ==",
+      "requires": {
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/module-type-aliases": "3.6.0",
+        "@docusaurus/plugin-content-blog": "3.6.0",
+        "@docusaurus/plugin-content-docs": "3.6.0",
+        "@docusaurus/plugin-content-pages": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/theme-translations": "3.6.0",
+        "@docusaurus/types": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "@mdx-js/react": "^3.0.0",
         "clsx": "^2.0.0",
         "copy-text-to-clipboard": "^3.2.0",
-        "infima": "0.2.0-alpha.43",
+        "infima": "0.2.0-alpha.45",
         "lodash": "^4.17.21",
         "nprogress": "^0.2.0",
         "postcss": "^8.4.26",
@@ -39828,17 +42673,14 @@
       }
     },
     "@docusaurus/theme-common": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-common/-/theme-common-3.3.2.tgz",
-      "integrity": "sha512-kXqSaL/sQqo4uAMQ4fHnvRZrH45Xz2OdJ3ABXDS7YVGPSDTBC8cLebFrRR4YF9EowUHto1UC/EIklJZQMG/usA==",
-      "requires": {
-        "@docusaurus/mdx-loader": "3.3.2",
-        "@docusaurus/module-type-aliases": "3.3.2",
-        "@docusaurus/plugin-content-blog": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/plugin-content-pages": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-common/-/theme-common-3.6.0.tgz",
+      "integrity": "sha512-frjlYE5sRs+GuPs4XXlp9aMLI2O4H5FPpznDAXBrCm+8EpWRiIb443ePMxM3IyMCQ5bwFlki0PI9C+r4apstnw==",
+      "requires": {
+        "@docusaurus/mdx-loader": "3.6.0",
+        "@docusaurus/module-type-aliases": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
         "@types/history": "^4.7.11",
         "@types/react": "*",
         "@types/react-router-config": "*",
@@ -39850,18 +42692,18 @@
       }
     },
     "@docusaurus/theme-search-algolia": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.3.2.tgz",
-      "integrity": "sha512-qLkfCl29VNBnF1MWiL9IyOQaHxUvicZp69hISyq/xMsNvFKHFOaOfk9xezYod2Q9xx3xxUh9t/QPigIei2tX4w==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.6.0.tgz",
+      "integrity": "sha512-4IwRUkxjrisR8LXBHeE4d2btraWdMficbgiVL3UHvJURmyvgzMBZQP8KrK8rjdXeu8SuRxSmeV6NSVomRvdbEg==",
       "requires": {
         "@docsearch/react": "^3.5.2",
-        "@docusaurus/core": "3.3.2",
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/plugin-content-docs": "3.3.2",
-        "@docusaurus/theme-common": "3.3.2",
-        "@docusaurus/theme-translations": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-validation": "3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/plugin-content-docs": "3.6.0",
+        "@docusaurus/theme-common": "3.6.0",
+        "@docusaurus/theme-translations": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-validation": "3.6.0",
         "algoliasearch": "^4.18.0",
         "algoliasearch-helper": "^3.13.3",
         "clsx": "^2.0.0",
@@ -39885,9 +42727,9 @@
       }
     },
     "@docusaurus/theme-translations": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/theme-translations/-/theme-translations-3.3.2.tgz",
-      "integrity": "sha512-bPuiUG7Z8sNpGuTdGnmKl/oIPeTwKr0AXLGu9KaP6+UFfRZiyWbWE87ti97RrevB2ffojEdvchNujparR3jEZQ==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-translations/-/theme-translations-3.6.0.tgz",
+      "integrity": "sha512-L555X8lWE3fv8VaF0Bc1VnAgi10UvRKFcvADHiYR7Gj37ItaWP5i7xLHsSw7fi/SHTXe5wfIeCFNqUYHyCOHAQ==",
       "requires": {
         "fs-extra": "^11.1.1",
         "tslib": "^2.6.0"
@@ -39906,9 +42748,9 @@
       }
     },
     "@docusaurus/types": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/types/-/types-3.3.2.tgz",
-      "integrity": "sha512-5p201S7AZhliRxTU7uMKtSsoC8mgPA9bs9b5NQg1IRdRxJfflursXNVsgc3PcMqiUTul/v1s3k3rXXFlRE890w==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/types/-/types-3.6.0.tgz",
+      "integrity": "sha512-jADLgoZGWhAzThr+mRiyuFD4OUzt6jHnb7NRArRKorgxckqUBaPyFOau9hhbcSTHtU6ceyeWjN7FDt7uG2Hplw==",
       "requires": {
         "@mdx-js/mdx": "^3.0.0",
         "@types/history": "^4.7.11",
@@ -39917,7 +42759,7 @@
         "joi": "^17.9.2",
         "react-helmet-async": "^1.3.0",
         "utility-types": "^3.10.0",
-        "webpack": "^5.88.1",
+        "webpack": "^5.95.0",
         "webpack-merge": "^5.9.0"
       },
       "dependencies": {
@@ -39925,16 +42767,26 @@
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
           "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg=="
+        },
+        "webpack-merge": {
+          "version": "5.10.0",
+          "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz",
+          "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==",
+          "requires": {
+            "clone-deep": "^4.0.1",
+            "flat": "^5.0.2",
+            "wildcard": "^2.0.0"
+          }
         }
       }
     },
     "@docusaurus/utils": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/utils/-/utils-3.3.2.tgz",
-      "integrity": "sha512-f4YMnBVymtkSxONv4Y8js3Gez9IgHX+Lcg6YRMOjVbq8sgCcdYK1lf6SObAuz5qB/mxiSK7tW0M9aaiIaUSUJg==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/utils/-/utils-3.6.0.tgz",
+      "integrity": "sha512-VKczAutI4mptiAw/WcYEu5WeVhQ6Q1zdIUl64SGw9K++9lziH+Kt10Ee8l2dMpRkiUk6zzK20kMNlX2WCUwXYQ==",
       "requires": {
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
         "@svgr/webpack": "^8.1.0",
         "escape-string-regexp": "^4.0.0",
         "file-loader": "^6.2.0",
@@ -39951,6 +42803,7 @@
         "shelljs": "^0.8.5",
         "tslib": "^2.6.0",
         "url-loader": "^4.1.1",
+        "utility-types": "^3.10.0",
         "webpack": "^5.88.1"
       },
       "dependencies": {
@@ -39985,23 +42838,25 @@
       }
     },
     "@docusaurus/utils-common": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/utils-common/-/utils-common-3.3.2.tgz",
-      "integrity": "sha512-QWFTLEkPYsejJsLStgtmetMFIA3pM8EPexcZ4WZ7b++gO5jGVH7zsipREnCHzk6+eDgeaXfkR6UPaTt86bp8Og==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/utils-common/-/utils-common-3.6.0.tgz",
+      "integrity": "sha512-diUDNfbw33GaZMmKwdTckT2IBfVouXLXRD+zphH9ywswuaEIKqixvuf5g41H7MBBrlMsxhna3uTMoB4B/OPDcA==",
       "requires": {
         "tslib": "^2.6.0"
       }
     },
     "@docusaurus/utils-validation": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/@docusaurus/utils-validation/-/utils-validation-3.3.2.tgz",
-      "integrity": "sha512-itDgFs5+cbW9REuC7NdXals4V6++KifgVMzoGOOOSIifBQw+8ULhy86u5e1lnptVL0sv8oAjq2alO7I40GR7pA==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@docusaurus/utils-validation/-/utils-validation-3.6.0.tgz",
+      "integrity": "sha512-CRHiKKJEKA0GFlfOf71JWHl7PtwOyX0+Zg9ep9NFEZv6Lcx3RJ9nhl7p8HRjPL6deyYceavM//BsfW4pCI4BtA==",
       "requires": {
-        "@docusaurus/logger": "3.3.2",
-        "@docusaurus/utils": "3.3.2",
-        "@docusaurus/utils-common": "3.3.2",
+        "@docusaurus/logger": "3.6.0",
+        "@docusaurus/utils": "3.6.0",
+        "@docusaurus/utils-common": "3.6.0",
+        "fs-extra": "^11.2.0",
         "joi": "^17.9.2",
         "js-yaml": "^4.1.0",
+        "lodash": "^4.17.21",
         "tslib": "^2.6.0"
       },
       "dependencies": {
@@ -40010,6 +42865,16 @@
           "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
           "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
         },
+        "fs-extra": {
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "js-yaml": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
@@ -41268,14 +44133,15 @@
     "@lexical/website": {
       "version": "file:packages/lexical-website",
       "requires": {
-        "@docusaurus/core": "^3.3.2",
-        "@docusaurus/preset-classic": "^3.3.2",
-        "@docusaurus/theme-search-algolia": "^3.3.2",
+        "@docusaurus/core": "3.6.0",
+        "@docusaurus/faster": "3.6.0",
+        "@docusaurus/preset-classic": "3.6.0",
+        "@docusaurus/theme-search-algolia": "3.6.0",
         "@mdx-js/react": "^3.0.1",
         "@radix-ui/react-tabs": "^1.0.4",
         "@vercel/analytics": "^1.0.1",
         "buffer": "^6.0.3",
-        "docusaurus-plugin-internaldocs-fb": "1.18.2",
+        "docusaurus-plugin-internaldocs-fb": "1.19.0",
         "docusaurus-plugin-typedoc": "^0.22.0",
         "fs-extra": "^10.0.0",
         "prettier-plugin-tailwindcss": "^0.4.1",
@@ -41300,9 +44166,9 @@
       }
     },
     "@mdx-js/mdx": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-3.0.1.tgz",
-      "integrity": "sha512-eIQ4QTrOWyL3LWEe/bu6Taqzq2HQvHcyTMaOrI95P2/LmJE7AsfPfgJGuFLPVqBUE1BC1rik3VIhU+s9u72arA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-3.1.0.tgz",
+      "integrity": "sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==",
       "requires": {
         "@types/estree": "^1.0.0",
         "@types/estree-jsx": "^1.0.0",
@@ -41310,14 +44176,15 @@
         "@types/mdx": "^2.0.0",
         "collapse-white-space": "^2.0.0",
         "devlop": "^1.0.0",
-        "estree-util-build-jsx": "^3.0.0",
         "estree-util-is-identifier-name": "^3.0.0",
-        "estree-util-to-js": "^2.0.0",
+        "estree-util-scope": "^1.0.0",
         "estree-walker": "^3.0.0",
-        "hast-util-to-estree": "^3.0.0",
         "hast-util-to-jsx-runtime": "^2.0.0",
         "markdown-extensions": "^2.0.0",
-        "periscopic": "^3.0.0",
+        "recma-build-jsx": "^1.0.0",
+        "recma-jsx": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "rehype-recma": "^1.0.0",
         "remark-mdx": "^3.0.0",
         "remark-parse": "^11.0.0",
         "remark-rehype": "^11.0.0",
@@ -41352,6 +44219,37 @@
         "@types/mdx": "^2.0.0"
       }
     },
+    "@module-federation/runtime": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime/-/runtime-0.5.1.tgz",
+      "integrity": "sha512-xgiMUWwGLWDrvZc9JibuEbXIbhXg6z2oUkemogSvQ4LKvrl/n0kbqP1Blk669mXzyWbqtSp6PpvNdwaE1aN5xQ==",
+      "requires": {
+        "@module-federation/sdk": "0.5.1"
+      }
+    },
+    "@module-federation/runtime-tools": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-tools/-/runtime-tools-0.5.1.tgz",
+      "integrity": "sha512-nfBedkoZ3/SWyO0hnmaxuz0R0iGPSikHZOAZ0N/dVSQaIzlffUo35B5nlC2wgWIc0JdMZfkwkjZRrnuuDIJbzg==",
+      "requires": {
+        "@module-federation/runtime": "0.5.1",
+        "@module-federation/webpack-bundler-runtime": "0.5.1"
+      }
+    },
+    "@module-federation/sdk": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/sdk/-/sdk-0.5.1.tgz",
+      "integrity": "sha512-exvchtjNURJJkpqjQ3/opdbfeT2wPKvrbnGnyRkrwW5o3FH1LaST1tkiNviT6OXTexGaVc2DahbdniQHVtQ7pA=="
+    },
+    "@module-federation/webpack-bundler-runtime": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/webpack-bundler-runtime/-/webpack-bundler-runtime-0.5.1.tgz",
+      "integrity": "sha512-mMhRFH0k2VjwHt3Jol9JkUsmI/4XlrAoBG3E0o7HoyoPYv1UFOWyqAflfANcUPgbYpvqmyLzDcO+3IT36LXnrA==",
+      "requires": {
+        "@module-federation/runtime": "0.5.1",
+        "@module-federation/sdk": "0.5.1"
+      }
+    },
     "@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -41424,9 +44322,9 @@
       }
     },
     "@polka/url": {
-      "version": "1.0.0-next.25",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.25.tgz",
-      "integrity": "sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ=="
+      "version": "1.0.0-next.28",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.28.tgz",
+      "integrity": "sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw=="
     },
     "@popperjs/core": {
       "version": "2.11.8",
@@ -41891,6 +44789,92 @@
       "dev": true,
       "optional": true
     },
+    "@rspack/binding": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding/-/binding-1.0.14.tgz",
+      "integrity": "sha512-0wWqFvr9hkF4LgNPgWfkTU0hhkZAMvOytoCs2p+wDX1Up1E/SgJ1U1JAsCxsl1XtUKm7mRvdWHzJmHbza3y89Q==",
+      "requires": {
+        "@rspack/binding-darwin-arm64": "1.0.14",
+        "@rspack/binding-darwin-x64": "1.0.14",
+        "@rspack/binding-linux-arm64-gnu": "1.0.14",
+        "@rspack/binding-linux-arm64-musl": "1.0.14",
+        "@rspack/binding-linux-x64-gnu": "1.0.14",
+        "@rspack/binding-linux-x64-musl": "1.0.14",
+        "@rspack/binding-win32-arm64-msvc": "1.0.14",
+        "@rspack/binding-win32-ia32-msvc": "1.0.14",
+        "@rspack/binding-win32-x64-msvc": "1.0.14"
+      }
+    },
+    "@rspack/binding-darwin-arm64": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-arm64/-/binding-darwin-arm64-1.0.14.tgz",
+      "integrity": "sha512-dHvlF6T6ctThGDIdvkSdacroA1xlCxfteuppBj8BX/UxzLPr4xsaEtNilfJmFfd2/J02UQyTQauN/9EBuA+YkA==",
+      "optional": true
+    },
+    "@rspack/binding-darwin-x64": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-x64/-/binding-darwin-x64-1.0.14.tgz",
+      "integrity": "sha512-q4Da1Bn/4xTLhhnOkT+fjP2STsSCfp4z03/J/h8tCVG/UYz56Ud3q1UEOK33c5Fxw1C4GlhEh5yYOlSAdxFQLQ==",
+      "optional": true
+    },
+    "@rspack/binding-linux-arm64-gnu": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.14.tgz",
+      "integrity": "sha512-JogYtL3VQS9wJ3p3FNhDqinm7avrMsdwz4erP7YCjD7idob93GYAE7dPrHUzSNVnCBYXRaHJYZHDQs7lKVcYZw==",
+      "optional": true
+    },
+    "@rspack/binding-linux-arm64-musl": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.14.tgz",
+      "integrity": "sha512-qgybhxI/nnoa8CUz7zKTC0Oh37NZt9uRxsSV7+ZYrfxqbrVCoNVuutPpY724uUHy1M6W34kVEm1uT1N4Ka5cZg==",
+      "optional": true
+    },
+    "@rspack/binding-linux-x64-gnu": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.14.tgz",
+      "integrity": "sha512-5vzaDRw3/sGKo3ax/1cU3/cxqNjajwlt2LU288vXNe1/n8oe/pcDfYcTugpOe/A1DqzadanudJszLpFcKsaFtQ==",
+      "optional": true
+    },
+    "@rspack/binding-linux-x64-musl": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.14.tgz",
+      "integrity": "sha512-4U6QD9xVS1eGme52DuJr6Fg/KdcUfJ+iKwH49Up460dZ/fLvGylnVGA+V0mzPlKi8gfy7NwFuYXZdu3Pwi1YYg==",
+      "optional": true
+    },
+    "@rspack/binding-win32-arm64-msvc": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.14.tgz",
+      "integrity": "sha512-SjeYw7qqRHYZ5RPClu+ffKZsShQdU3amA1OwC3M0AS6dbfEcji8482St3Y8Z+QSzYRapCEZij9LMM/9ypEhISg==",
+      "optional": true
+    },
+    "@rspack/binding-win32-ia32-msvc": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-1.0.14.tgz",
+      "integrity": "sha512-m1gUiVyz3Z3VYIK/Ayo5CVHBjnEeRk9a+KIpKSsq1yhZItnMgjtr4bKabU9vjxalO4UoaSmVzODJI8lJBlnn5Q==",
+      "optional": true
+    },
+    "@rspack/binding-win32-x64-msvc": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.14.tgz",
+      "integrity": "sha512-Gbeg+bayMF9VP9xmlxySL/TC2XrS6/LZM/pqcNOTLHx6LMG/VXCcmKB0rOZo8MzLXEt8D/lQmQ/B6g7pSaAw0g==",
+      "optional": true
+    },
+    "@rspack/core": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@rspack/core/-/core-1.0.14.tgz",
+      "integrity": "sha512-xHl23lxJZNjItGc5YuE9alz3yjb56y7EgJmAcBMPHMqgjtUt8rBu4xd/cSUjbr9/lLF9N4hdyoJiPJOFs9LEjw==",
+      "requires": {
+        "@module-federation/runtime-tools": "0.5.1",
+        "@rspack/binding": "1.0.14",
+        "@rspack/lite-tapable": "1.0.1",
+        "caniuse-lite": "^1.0.30001616"
+      }
+    },
+    "@rspack/lite-tapable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rspack/lite-tapable/-/lite-tapable-1.0.1.tgz",
+      "integrity": "sha512-VynGOEsVw2s8TAlLf/uESfrgfrq2+rcXB1muPJYBWbsm1Oa6r5qVQhjA5ggM6z/coYPrsVMgovl3Ff7Q7OCp1w=="
+    },
     "@sideway/address": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
@@ -42176,6 +45160,176 @@
         "@svgr/plugin-svgo": "8.1.0"
       }
     },
+    "@swc/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-EF8C5lp1RKMp3426tAKwQyVbg4Zcn/2FDax3cz8EcOXYQJM/ctB687IvBm9Ciej1wMcQ/dMRg+OB4Xl8BGLBoA==",
+      "requires": {
+        "@swc/core-darwin-arm64": "1.8.0",
+        "@swc/core-darwin-x64": "1.8.0",
+        "@swc/core-linux-arm-gnueabihf": "1.8.0",
+        "@swc/core-linux-arm64-gnu": "1.8.0",
+        "@swc/core-linux-arm64-musl": "1.8.0",
+        "@swc/core-linux-x64-gnu": "1.8.0",
+        "@swc/core-linux-x64-musl": "1.8.0",
+        "@swc/core-win32-arm64-msvc": "1.8.0",
+        "@swc/core-win32-ia32-msvc": "1.8.0",
+        "@swc/core-win32-x64-msvc": "1.8.0",
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.14"
+      }
+    },
+    "@swc/core-darwin-arm64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.8.0.tgz",
+      "integrity": "sha512-TIus1/SE/Ud4g84hCnchcagu+LfyndSDy5r5qf64nflojejDidPU9Fp1InzQhQpEgIpntnZID/KFCP5rQnvsIw==",
+      "optional": true
+    },
+    "@swc/core-darwin-x64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.8.0.tgz",
+      "integrity": "sha512-yCb1FHCX/HUmNRGB1X3CFJ1WPKXMosZVUe3K2TrosCGvytwgaLoW5FS0bZg5Qv6cEUERQBg75cJnOUPwLLRCVg==",
+      "optional": true
+    },
+    "@swc/core-linux-arm-gnueabihf": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.8.0.tgz",
+      "integrity": "sha512-6TdjVdiLaSW+eGiHKEojMDlx673nowrPHa6nM6toWgRzy8tIZgjPOguVKJDoMnoHuvO7SkOLCUiMRw0rTskypA==",
+      "optional": true
+    },
+    "@swc/core-linux-arm64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.8.0.tgz",
+      "integrity": "sha512-TU2YcTornnyZiJUabRuk7Xtvzaep11FwK77IkFomjN9/Os5s25B8ea652c2fAQMe9RsM84FPVmX303ohxavjKQ==",
+      "optional": true
+    },
+    "@swc/core-linux-arm64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.8.0.tgz",
+      "integrity": "sha512-2CdPTEKxx2hJIj/B0fn8L8k2coo/FDS95smzXyi2bov5FcrP6Ohboq8roFBYgj38fkHusXjY8qt+cCH7yXWAdg==",
+      "optional": true
+    },
+    "@swc/core-linux-x64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.8.0.tgz",
+      "integrity": "sha512-14StQBifCs/AMsySdU95OmwNJr9LOVqo6rcTFt2b7XaWpe/AyeuMJFxcndLgUewksJHpfepzCTwNdbcYmuNo6A==",
+      "optional": true
+    },
+    "@swc/core-linux-x64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.8.0.tgz",
+      "integrity": "sha512-qemJnAQlYqKCfWNqVv5SG8uGvw8JotwU86cuFUkq35oTB+dsSFM3b83+B1giGTKKFOh2nfWT7bvPXTKk+aUjew==",
+      "optional": true
+    },
+    "@swc/core-win32-arm64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.8.0.tgz",
+      "integrity": "sha512-fXt5vZbnrVdXZzGj2qRnZtY3uh+NtLCaFjS2uD9w8ssdbjhbDZYlJCj2JINOjv35ttEfAD2goiYmVa5P/Ypl+g==",
+      "optional": true
+    },
+    "@swc/core-win32-ia32-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.8.0.tgz",
+      "integrity": "sha512-W4FA2vSJ+bGYiTj6gspxghSdKQNLfLMo65AH07u797x7I+YJj8amnFY/fQRlroDv5Dez/FHTv14oPlTlNFUpIw==",
+      "optional": true
+    },
+    "@swc/core-win32-x64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.8.0.tgz",
+      "integrity": "sha512-Il4y8XwKDV0Bnk0IpA00kGcSQC6I9XOIinW5egTutnwIDfDE+qsD0j+0isW5H76GetY3/Ze0lVxeOXLAUgpegA==",
+      "optional": true
+    },
+    "@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
+    "@swc/html": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html/-/html-1.8.0.tgz",
+      "integrity": "sha512-BpfcNylJCIxnV3h8jjuBWlY05JJ3luPskiDgRMljyiQUW7Ll0vZp8J6Jizyrgrsud6XTq4q88RMWGJoWQQiiTw==",
+      "requires": {
+        "@swc/counter": "^0.1.3",
+        "@swc/html-darwin-arm64": "1.8.0",
+        "@swc/html-darwin-x64": "1.8.0",
+        "@swc/html-linux-arm-gnueabihf": "1.8.0",
+        "@swc/html-linux-arm64-gnu": "1.8.0",
+        "@swc/html-linux-arm64-musl": "1.8.0",
+        "@swc/html-linux-x64-gnu": "1.8.0",
+        "@swc/html-linux-x64-musl": "1.8.0",
+        "@swc/html-win32-arm64-msvc": "1.8.0",
+        "@swc/html-win32-ia32-msvc": "1.8.0",
+        "@swc/html-win32-x64-msvc": "1.8.0"
+      }
+    },
+    "@swc/html-darwin-arm64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-darwin-arm64/-/html-darwin-arm64-1.8.0.tgz",
+      "integrity": "sha512-J2idsDLZjsuzExyyCiS1xutpgkHI/8TTPlUfr54jipF0VNGWTa85zBw/pLkNPnU5pInZweV87rj4dY/rekNXAA==",
+      "optional": true
+    },
+    "@swc/html-darwin-x64": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-darwin-x64/-/html-darwin-x64-1.8.0.tgz",
+      "integrity": "sha512-lTwC/j9ahtqwQxTFiiCcTrXt2a9DhxRD/CBSZv7193VX3tDT9bil1hlyJcjd7ps6YETszoJmL1Bz83XEvkQ2dA==",
+      "optional": true
+    },
+    "@swc/html-linux-arm-gnueabihf": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-arm-gnueabihf/-/html-linux-arm-gnueabihf-1.8.0.tgz",
+      "integrity": "sha512-W0uDzlhaIjp4GZc261ZfTQR3URoB30/hGc0krb2O9Ef9H0gR3/qF4tmVsca4LmYlxKQjJ1j9ziYjRYtCvU+IYQ==",
+      "optional": true
+    },
+    "@swc/html-linux-arm64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-arm64-gnu/-/html-linux-arm64-gnu-1.8.0.tgz",
+      "integrity": "sha512-jr2Fd0gGPNZudspZQRSUqKikeAZ9VCWB+w5LwEEZ1NuQMyyXxXnEporS9AqfQc5FPdgDbOOE2ct5iU4bmv8ENQ==",
+      "optional": true
+    },
+    "@swc/html-linux-arm64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-arm64-musl/-/html-linux-arm64-musl-1.8.0.tgz",
+      "integrity": "sha512-MVdXyF4QZtVM2RpoSbpKTyn4NHYQmmoj+hbIgqEnce+UH/+lly/xyqtObOcZ05a/UKOx93lL9e8zY48tSRNAsg==",
+      "optional": true
+    },
+    "@swc/html-linux-x64-gnu": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-x64-gnu/-/html-linux-x64-gnu-1.8.0.tgz",
+      "integrity": "sha512-+RhgpJSqLDBySQClmPb1esdHvylyNPmUDZSCbxW2UB2X1PyJk+a6u9c6T4bacpGj+kSYxWJTpm8NUMP5O8TJlQ==",
+      "optional": true
+    },
+    "@swc/html-linux-x64-musl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-linux-x64-musl/-/html-linux-x64-musl-1.8.0.tgz",
+      "integrity": "sha512-IwQ9PwroFUtMiRbul1EVgYKvt7f8fV6IcG2dXypf4nT88WSR4EBGIdHglbt1CvkfN1kV+Fd3XlyZ8HTlqqmcxg==",
+      "optional": true
+    },
+    "@swc/html-win32-arm64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-win32-arm64-msvc/-/html-win32-arm64-msvc-1.8.0.tgz",
+      "integrity": "sha512-WYl9exCDEVB5zFAewjDMs+Fkjv1uwY2uh3qu5KqVe6A60g0SDZxut1K3yCEt4fm6cGU/0cmpHVngenl8A87jZw==",
+      "optional": true
+    },
+    "@swc/html-win32-ia32-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-win32-ia32-msvc/-/html-win32-ia32-msvc-1.8.0.tgz",
+      "integrity": "sha512-Ul+wT7GiwK/rztQicJy4luhM0Vx3r2YafT7UaSVDYZ/dI2+RH6et+rDPsfnYU+M9j9cKPrOdNkb8lu8NATfooA==",
+      "optional": true
+    },
+    "@swc/html-win32-x64-msvc": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@swc/html-win32-x64-msvc/-/html-win32-x64-msvc-1.8.0.tgz",
+      "integrity": "sha512-+7dUidfNeVC45BB1B4AeZ060C9pcbYRv+6HmcYcNaAaHCabjIuaLduAirPNfMAxCwcGG8v3q3sIVI257gDVUmQ==",
+      "optional": true
+    },
+    "@swc/types": {
+      "version": "0.1.14",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.14.tgz",
+      "integrity": "sha512-PbSmTiYCN+GMrvfjrMo9bdY+f2COnwbdnoMw7rqU/PI5jXpKjxOGZ0qqZCImxnT81NkNsKnmEpvu+hRXLBeCJg==",
+      "requires": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
     "@szmarczak/http-timer": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-5.0.1.tgz",
@@ -42325,6 +45479,24 @@
         "@types/node": "*"
       }
     },
+    "@types/d3-scale": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz",
+      "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==",
+      "requires": {
+        "@types/d3-time": "*"
+      }
+    },
+    "@types/d3-scale-chromatic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.3.tgz",
+      "integrity": "sha512-laXM4+1o5ImZv3RpFAsTRn3TEkzqkytiOY0Dz0sq5cnd1dtNlk6sHLon4OvqaiJb28T0S/TdsBI3Sjsy+keJrw=="
+    },
+    "@types/d3-time": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz",
+      "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw=="
+    },
     "@types/debug": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
@@ -42343,9 +45515,9 @@
       }
     },
     "@types/eslint-scope": {
-      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
-      "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "requires": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -42553,9 +45725,9 @@
       }
     },
     "@types/mdast": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.3.tgz",
-      "integrity": "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
       "requires": {
         "@types/unist": "*"
       }
@@ -42565,11 +45737,6 @@
       "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.12.tgz",
       "integrity": "sha512-H9VZ9YqE+H28FQVchC83RCs5xQ2J7mAAv6qdDEaWmXEVl3OpdH+xfrSUzQ1lp7U7oSTRZ0RvW08ASPJsYBi7Cw=="
     },
-    "@types/mermaid": {
-      "version": "8.2.9",
-      "resolved": "https://registry.npmjs.org/@types/mermaid/-/mermaid-8.2.9.tgz",
-      "integrity": "sha512-f1i8fNoVFVJXedk+R7GcEk4KoOWzWAU3CzFqlVw1qWKktfsataBERezCz1pOdKy8Ec02ZdPQXGM7NU2lPHABYQ=="
-    },
     "@types/mime": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
@@ -43265,11 +46432,6 @@
         }
       }
     },
-    "acorn-import-assertions": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA=="
-    },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -43353,31 +46515,31 @@
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
     },
     "algoliasearch": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.23.3.tgz",
-      "integrity": "sha512-Le/3YgNvjW9zxIQMRhUHuhiUjAlKY/zsdZpfq4dlLqg6mEm0nL6yk+7f2hDOtLpxsgE4jSzDmvHL7nXdBp5feg==",
-      "requires": {
-        "@algolia/cache-browser-local-storage": "4.23.3",
-        "@algolia/cache-common": "4.23.3",
-        "@algolia/cache-in-memory": "4.23.3",
-        "@algolia/client-account": "4.23.3",
-        "@algolia/client-analytics": "4.23.3",
-        "@algolia/client-common": "4.23.3",
-        "@algolia/client-personalization": "4.23.3",
-        "@algolia/client-search": "4.23.3",
-        "@algolia/logger-common": "4.23.3",
-        "@algolia/logger-console": "4.23.3",
-        "@algolia/recommend": "4.23.3",
-        "@algolia/requester-browser-xhr": "4.23.3",
-        "@algolia/requester-common": "4.23.3",
-        "@algolia/requester-node-http": "4.23.3",
-        "@algolia/transporter": "4.23.3"
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.24.0.tgz",
+      "integrity": "sha512-bf0QV/9jVejssFBmz2HQLxUadxk574t4iwjCKp5E7NBzwKkrDEhKPISIIjAU/p6K5qDx3qoeh4+26zWN1jmw3g==",
+      "requires": {
+        "@algolia/cache-browser-local-storage": "4.24.0",
+        "@algolia/cache-common": "4.24.0",
+        "@algolia/cache-in-memory": "4.24.0",
+        "@algolia/client-account": "4.24.0",
+        "@algolia/client-analytics": "4.24.0",
+        "@algolia/client-common": "4.24.0",
+        "@algolia/client-personalization": "4.24.0",
+        "@algolia/client-search": "4.24.0",
+        "@algolia/logger-common": "4.24.0",
+        "@algolia/logger-console": "4.24.0",
+        "@algolia/recommend": "4.24.0",
+        "@algolia/requester-browser-xhr": "4.24.0",
+        "@algolia/requester-common": "4.24.0",
+        "@algolia/requester-node-http": "4.24.0",
+        "@algolia/transporter": "4.24.0"
       }
     },
     "algoliasearch-helper": {
-      "version": "3.19.0",
-      "resolved": "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.19.0.tgz",
-      "integrity": "sha512-AaSb5DZDMZmDQyIy6lf4aL0OZGgyIdqvLIIvSuVQOIOqfhrYSY7TvotIFI2x0Q3cP3xUpTd7lI1astUC4aXBJw==",
+      "version": "3.22.5",
+      "resolved": "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.22.5.tgz",
+      "integrity": "sha512-lWvhdnc+aKOKx8jyA3bsdEgHzm/sglC4cYdMG4xSQyRiPLJVJtH/IVYZG3Hp6PkTEhQqhyVYkeP9z2IlcHJsWw==",
       "requires": {
         "@algolia/events": "^4.0.1"
       }
@@ -43400,7 +46562,6 @@
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
       "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
       "requires": {
         "type-fest": "^0.21.3"
       }
@@ -43799,9 +46960,9 @@
       }
     },
     "babel-loader": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-      "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz",
+      "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==",
       "requires": {
         "find-cache-dir": "^4.0.0",
         "schema-utils": "^4.0.0"
@@ -43872,12 +47033,12 @@
       }
     },
     "babel-plugin-polyfill-corejs2": {
-      "version": "0.4.10",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz",
-      "integrity": "sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz",
+      "integrity": "sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==",
       "requires": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
         "semver": "^6.3.1"
       },
       "dependencies": {
@@ -43889,20 +47050,20 @@
       }
     },
     "babel-plugin-polyfill-corejs3": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz",
-      "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==",
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
+      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
-        "core-js-compat": "^3.36.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "core-js-compat": "^3.38.0"
       }
     },
     "babel-plugin-polyfill-regenerator": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.1.tgz",
-      "integrity": "sha512-JfTApdE++cgcTWjsiCQlLyFBMbTUft9ja17saCc93lgV33h4tuCVj7tlvu//qpLwaG+3yEz7/KhahGrUMkVq9g==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
+      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2"
       }
     },
     "babel-preset-current-node-syntax": {
@@ -44222,14 +47383,14 @@
       }
     },
     "browserslist": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "requires": {
-        "caniuse-lite": "^1.0.30001587",
-        "electron-to-chromium": "^1.4.668",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.1"
       }
     },
     "bs-logger": {
@@ -44459,9 +47620,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001605",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001605.tgz",
-      "integrity": "sha512-nXwGlFWo34uliI9z3n6Qc0wZaf7zaZWA1CPZ169La5mV3I/gem7bst0vr5XQH5TJXZIMfDeZyOrZnSlVzKxxHQ=="
+      "version": "1.0.30001677",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001677.tgz",
+      "integrity": "sha512-fmfjsOlJUpMWu+mAAtZZZHz7UEwsUxIIvu1TJfO1HqFQvB/B+ii0xr9B5HpbZY/mC4XZ8SvjHJqtAY6pDPQEog=="
     },
     "ccount": {
       "version": "2.0.1",
@@ -44603,14 +47764,6 @@
       "dev": true,
       "requires": {
         "consola": "^3.2.3"
-      },
-      "dependencies": {
-        "consola": {
-          "version": "3.2.3",
-          "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-          "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-          "dev": true
-        }
       }
     },
     "cjs-module-lexer": {
@@ -45132,9 +48285,9 @@
       "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA=="
     },
     "consola": {
-      "version": "2.15.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
-      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw=="
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
+      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ=="
     },
     "console-control-strings": {
       "version": "1.1.0",
@@ -45228,17 +48381,17 @@
       "integrity": "sha512-BTvUrwxVBezj5SZ3f10ImnX2oRByMxql3EimVqMysepbC9EeMUOpLwdy6Eoili2x6E4kf+ZUB5k/+Jv55alPfA=="
     },
     "core-js-compat": {
-      "version": "3.36.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.1.tgz",
-      "integrity": "sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==",
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz",
+      "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==",
       "requires": {
-        "browserslist": "^4.23.0"
+        "browserslist": "^4.24.2"
       }
     },
     "core-js-pure": {
-      "version": "3.36.1",
-      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.36.1.tgz",
-      "integrity": "sha512-NXCvHvSVYSrewP0L5OhltzXeWFJLo2AL2TYnj6iLV3Bw8mM62wAQMNgUCRI6EBu6hVVpbCxmOPlxh1Ikw2PfUA=="
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.39.0.tgz",
+      "integrity": "sha512-7fEcWwKI4rJinnK+wLTezeg2smbFFdSBP6E2kQZNbnzM2s1rpKQ6aaRteZSSg7FLU3P0HGGVo/gbpfanU36urg=="
     },
     "core-util-is": {
       "version": "1.0.3",
@@ -45596,9 +48749,9 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "cytoscape": {
-      "version": "3.29.2",
-      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.29.2.tgz",
-      "integrity": "sha512-2G1ycU28Nh7OHT9rkXRLpCDP30MKH1dXJORZuBhtEhEW7pKwgPi77ImqlCWinouyE1PNepIOGZBOrE84DG7LyQ=="
+      "version": "3.30.3",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.3.tgz",
+      "integrity": "sha512-HncJ9gGJbVtw7YXtIs3+6YAFSSiKsom0amWc33Z7QbylbY2JGMrA0yz4EwrdTScZxnwclXeEZHzO5pxoy0ZE4g=="
     },
     "cytoscape-cose-bilkent": {
       "version": "4.1.0",
@@ -45608,29 +48761,6 @@
         "cose-base": "^1.0.0"
       }
     },
-    "cytoscape-fcose": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz",
-      "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==",
-      "requires": {
-        "cose-base": "^2.2.0"
-      },
-      "dependencies": {
-        "cose-base": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz",
-          "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==",
-          "requires": {
-            "layout-base": "^2.0.0"
-          }
-        },
-        "layout-base": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz",
-          "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg=="
-        }
-      }
-    },
     "d3": {
       "version": "7.9.0",
       "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
@@ -45822,6 +48952,43 @@
       "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
       "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="
     },
+    "d3-sankey": {
+      "version": "0.12.3",
+      "resolved": "https://registry.npmjs.org/d3-sankey/-/d3-sankey-0.12.3.tgz",
+      "integrity": "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==",
+      "requires": {
+        "d3-array": "1 - 2",
+        "d3-shape": "^1.2.0"
+      },
+      "dependencies": {
+        "d3-array": {
+          "version": "2.12.1",
+          "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz",
+          "integrity": "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==",
+          "requires": {
+            "internmap": "^1.0.0"
+          }
+        },
+        "d3-path": {
+          "version": "1.0.9",
+          "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
+          "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg=="
+        },
+        "d3-shape": {
+          "version": "1.3.7",
+          "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+          "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+          "requires": {
+            "d3-path": "1"
+          }
+        },
+        "internmap": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
+          "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw=="
+        }
+      }
+    },
     "d3-scale": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
@@ -45902,9 +49069,9 @@
       }
     },
     "dagre-d3-es": {
-      "version": "7.0.9",
-      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.9.tgz",
-      "integrity": "sha512-rYR4QfVmy+sR44IBDvVtcAmOReGBvRCWDpO2QjYwqgh9yijw6eSHBqaPG/LIOEy7aBsniLvtMW6pg19qJhq60w==",
+      "version": "7.0.10",
+      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.10.tgz",
+      "integrity": "sha512-qTCQmEhcynucuaZgY5/+ti3X/rnszKZhEQH/ZdWdtP1tA/y3VoHJzcVrO9pjjJCNpigfscAtoUB5ONcd2wNn0A==",
       "requires": {
         "d3": "^7.8.2",
         "lodash-es": "^4.17.21"
@@ -45975,9 +49142,9 @@
       }
     },
     "dayjs": {
-      "version": "1.11.11",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
-      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
     },
     "debounce": {
       "version": "1.2.1",
@@ -46286,6 +49453,11 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
     },
+    "detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="
+    },
     "detect-newline": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -46493,15 +49665,14 @@
       }
     },
     "docusaurus-plugin-internaldocs-fb": {
-      "version": "1.18.2",
-      "resolved": "https://registry.npmjs.org/docusaurus-plugin-internaldocs-fb/-/docusaurus-plugin-internaldocs-fb-1.18.2.tgz",
-      "integrity": "sha512-EDsRNqkGHYvNMhcTqOxvd+U4mAfGG94YzDdRB+0TTcGgmVix7LOLnM6K+wycBPWSN/kEsW+eYXo+kO4WO3NjhQ==",
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/docusaurus-plugin-internaldocs-fb/-/docusaurus-plugin-internaldocs-fb-1.19.0.tgz",
+      "integrity": "sha512-gNH8h1vSmpXi+HbvHQn+eG6g0kHfQ3ys94ppg2uOZf+q8NUnNpoemFrBf5sciLPOPOMF59j/ZMNu0L1GsLFlGg==",
       "requires": {
         "@mdx-js/mdx": "^2.1.1",
         "@mdx-js/react": "^1.6.22",
         "@types/lodash.debounce": "4.0.7",
         "@types/lodash.escape": "4.0.0",
-        "@types/mermaid": "^8.2.9",
         "@types/react-modal": "3.13.1",
         "assert": "^2.0.0",
         "buffer": "^6.0.3",
@@ -46510,7 +49681,7 @@
         "fs-extra": "^10.1.0",
         "lodash.debounce": "^4.0.8",
         "lodash.escape": "^4.0.0",
-        "mermaid": "^9.1.3",
+        "mermaid": "^10.9.0",
         "node-fetch": "2.6.7",
         "path-browserify": "^1.0.1",
         "react-live": "^2.2.3",
@@ -46595,9 +49766,9 @@
           }
         },
         "acorn": {
-          "version": "8.11.3",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg=="
+          "version": "8.14.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+          "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA=="
         },
         "clsx": {
           "version": "1.2.1",
@@ -47467,27 +50638,6 @@
             "@types/unist": "^2.0.0"
           }
         },
-        "unist-util-remove-position": {
-          "version": "4.0.2",
-          "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-4.0.2.tgz",
-          "integrity": "sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==",
-          "requires": {
-            "@types/unist": "^2.0.0",
-            "unist-util-visit": "^4.0.0"
-          },
-          "dependencies": {
-            "unist-util-visit": {
-              "version": "4.1.2",
-              "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
-              "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
-              "requires": {
-                "@types/unist": "^2.0.0",
-                "unist-util-is": "^5.0.0",
-                "unist-util-visit-parents": "^5.1.1"
-              }
-            }
-          }
-        },
         "unist-util-stringify-position": {
           "version": "3.0.3",
           "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
@@ -47613,9 +50763,9 @@
       }
     },
     "dompurify": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.3.tgz",
-      "integrity": "sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ=="
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.6.tgz",
+      "integrity": "sha512-cTOAhc36AalkjtBpfG6O8JimdTMWNXjiePT2xQH/ppBGi/4uIpmj8eKyIkMJErXWARyINV/sB38yf8JCLF5pbQ=="
     },
     "domutils": {
       "version": "3.1.0",
@@ -47683,14 +50833,14 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "electron-to-chromium": {
-      "version": "1.4.723",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.723.tgz",
-      "integrity": "sha512-rxFVtrMGMFROr4qqU6n95rUi9IlfIm+lIAt+hOToy/9r6CDv0XiEcQdC3VP71y1pE5CFTzKV0RvxOGYCPWWHPw=="
+      "version": "1.5.50",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.50.tgz",
+      "integrity": "sha512-eMVObiUQ2LdgeO1F/ySTXsvqvxb6ZH2zPGaMYsWzRDdOddUa77tdmI0ltg+L16UpbWdhPmuF3wIQYyQq65WfZw=="
     },
     "elkjs": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/elkjs/-/elkjs-0.8.2.tgz",
-      "integrity": "sha512-L6uRgvZTH+4OF5NE/MBbzQx/WYpru1xCBE9respNj6qznEewGUIfhzmm7horWWxbNO2M0WckQypGctR8lH79xQ=="
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/elkjs/-/elkjs-0.9.3.tgz",
+      "integrity": "sha512-f/ZeWvW/BCXbhGEf1Ujp29EASo/lk1FDnETgNKwJrsVvGZhUWCZyg3xLJjAsxfOmt8KjswHmI5EwCQcPMpOYhQ=="
     },
     "emittery": {
       "version": "0.13.1",
@@ -47714,9 +50864,9 @@
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
     },
     "emoticon": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/emoticon/-/emoticon-4.0.1.tgz",
-      "integrity": "sha512-dqx7eA9YaqyvYtUhJwT4rC1HIp82j5ybS1/vQ42ur+jBe17dJMwZE4+gvL1XadSFfxaPFFGt3Xsw+Y8akThDlw=="
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/emoticon/-/emoticon-4.1.0.tgz",
+      "integrity": "sha512-VWZfnxqwNcc51hIy/sbOdEem6D+cVtpPzEEtVAFdaas30+1dgkyaOQ4sQ6Bp0tOMqWO1v+HQfYaoodOkdhK6SQ=="
     },
     "encodeurl": {
       "version": "1.0.2",
@@ -47745,9 +50895,9 @@
       }
     },
     "enhanced-resolve": {
-      "version": "5.16.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz",
-      "integrity": "sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
       "requires": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -47919,6 +51069,35 @@
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
       "dev": true
     },
+    "esast-util-from-estree": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/esast-util-from-estree/-/esast-util-from-estree-2.0.0.tgz",
+      "integrity": "sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==",
+      "requires": {
+        "@types/estree-jsx": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-visit": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0"
+      }
+    },
+    "esast-util-from-js": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/esast-util-from-js/-/esast-util-from-js-2.0.1.tgz",
+      "integrity": "sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==",
+      "requires": {
+        "@types/estree-jsx": "^1.0.0",
+        "acorn": "^8.0.0",
+        "esast-util-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.14.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+          "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA=="
+        }
+      }
+    },
     "esbuild": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
@@ -47951,9 +51130,9 @@
       }
     },
     "escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="
     },
     "escape-goat": {
       "version": "4.0.0",
@@ -48609,6 +51788,15 @@
       "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
       "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg=="
     },
+    "estree-util-scope": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-scope/-/estree-util-scope-1.0.0.tgz",
+      "integrity": "sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==",
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0"
+      }
+    },
     "estree-util-to-js": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-to-js/-/estree-util-to-js-2.0.0.tgz",
@@ -48627,12 +51815,11 @@
       }
     },
     "estree-util-value-to-estree": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/estree-util-value-to-estree/-/estree-util-value-to-estree-3.1.1.tgz",
-      "integrity": "sha512-5mvUrF2suuv5f5cGDnDphIy4/gW86z82kl5qG6mM9z04SEQI4FB5Apmaw/TGEf3l55nLtMs5s51dmhUzvAHQCA==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/estree-util-value-to-estree/-/estree-util-value-to-estree-3.2.1.tgz",
+      "integrity": "sha512-Vt2UOjyPbNQQgT5eJh+K5aATti0OjCIAGc9SgMdOFYbohuifsWclR74l0iZTJwePMgWYdX1hlVS+dedH9XV8kw==",
       "requires": {
-        "@types/estree": "^1.0.0",
-        "is-plain-obj": "^4.0.0"
+        "@types/estree": "^1.0.0"
       }
     },
     "estree-util-visit": {
@@ -48645,9 +51832,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -48897,21 +52084,6 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
-    "fast-url-parser": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
-      "integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==",
-      "requires": {
-        "punycode": "^1.3.2"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-          "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ=="
-        }
-      }
-    },
     "fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -48962,6 +52134,14 @@
         "xml-js": "^1.6.11"
       }
     },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
     "file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -49090,9 +52270,9 @@
           }
         },
         "yocto-queue": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-          "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g=="
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz",
+          "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g=="
         }
       }
     },
@@ -49678,14 +52858,6 @@
         "ohash": "^1.1.3",
         "pathe": "^1.1.2",
         "tar": "^6.2.0"
-      },
-      "dependencies": {
-        "consola": {
-          "version": "3.2.3",
-          "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-          "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-          "dev": true
-        }
       }
     },
     "github-slugger": {
@@ -50012,9 +53184,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -50037,9 +53209,9 @@
       }
     },
     "hast-util-raw": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.0.2.tgz",
-      "integrity": "sha512-PldBy71wO9Uq1kyaMch9AHIghtQvIwxBUkv823pKmkTM3oV1JxtsTNYdevMxvUHqcnOAuO65JKU2+0NOxc2ksA==",
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.0.4.tgz",
+      "integrity": "sha512-LHE65TD2YiNsHD3YuXcKPHXPLuYh/gjp12mOfU8jxSrm1f/yJpsb0F/KKljS6U9LJoP0Ux+tCe8iJ2AsPzTdgA==",
       "requires": {
         "@types/hast": "^3.0.0",
         "@types/unist": "^3.0.0",
@@ -50057,9 +53229,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -50162,9 +53334,9 @@
       }
     },
     "hast-util-to-jsx-runtime": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz",
-      "integrity": "sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.2.tgz",
+      "integrity": "sha512-1ngXYb+V9UT5h+PxNRa1O1FYguZK/XL+gkeqvp7EdHlB9oHUG0eYRo/vY5inBdcqo3RkPMC58/H94HvkbfGdyg==",
       "requires": {
         "@types/estree": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -50184,21 +53356,21 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         },
         "inline-style-parser": {
-          "version": "0.2.3",
-          "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.3.tgz",
-          "integrity": "sha512-qlD8YNDqyTKTyuITrDOffsl6Tdhv+UC4hcdAVuQsK4IMQ99nSgd1MIA/Q+jQYoh9r3hVUXhYh7urSRmXPkW04g=="
+          "version": "0.2.4",
+          "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
+          "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q=="
         },
         "style-to-object": {
-          "version": "1.0.6",
-          "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.6.tgz",
-          "integrity": "sha512-khxq+Qm3xEyZfKd/y9L3oIWQimxuc4STrQKtQn8aSDRHb8mFgpukgX1hdzfrMEW6JCjyJ8p89x+IUMVnCBI1PA==",
+          "version": "1.0.8",
+          "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz",
+          "integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==",
           "requires": {
-            "inline-style-parser": "0.2.3"
+            "inline-style-parser": "0.2.4"
           }
         }
       }
@@ -50642,9 +53814,9 @@
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg=="
     },
     "infima": {
-      "version": "0.2.0-alpha.43",
-      "resolved": "https://registry.npmjs.org/infima/-/infima-0.2.0-alpha.43.tgz",
-      "integrity": "sha512-2uw57LvUqW0rK/SWYnd/2rRfxNA5DDNOh33jxF7fy46VWoNhGxiUQyVZHbBMjQ33mQem0cjdDVwgWVAmlRfgyQ=="
+      "version": "0.2.0-alpha.45",
+      "resolved": "https://registry.npmjs.org/infima/-/infima-0.2.0-alpha.45.tgz",
+      "integrity": "sha512-uyH0zfr1erU1OohLk0fT4Rrb94AOhguWNOcD9uGrSpRvNB+6gZXUoJX5J0NtvzBO10YZ9PgvA4NFgt+fYg8ojw=="
     },
     "inflight": {
       "version": "1.0.6",
@@ -52637,9 +55809,9 @@
       "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q=="
     },
     "joi": {
-      "version": "17.13.1",
-      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.1.tgz",
-      "integrity": "sha512-vaBlIKCyo4FCUtCm7Eu4QZd/q02bWcxfUO6YSXAZOWF6gzcLBeba8kwotUdYJjDLW8Cz8RywsSOqiNJZW0mNvg==",
+      "version": "17.13.3",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz",
+      "integrity": "sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==",
       "requires": {
         "@hapi/hoek": "^9.3.0",
         "@hapi/topo": "^5.1.0",
@@ -52719,9 +55891,9 @@
       }
     },
     "jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g=="
     },
     "json-buffer": {
       "version": "3.0.1",
@@ -53115,6 +56287,84 @@
         }
       }
     },
+    "lightningcss": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.28.1.tgz",
+      "integrity": "sha512-KRDkHlLlNj3DWh79CDt93fPlRJh2W1AuHV0ZSZAMMuN7lqlsZTV5842idfS1urWG8q9tc17velp1gCXhY7sLnQ==",
+      "requires": {
+        "detect-libc": "^1.0.3",
+        "lightningcss-darwin-arm64": "1.28.1",
+        "lightningcss-darwin-x64": "1.28.1",
+        "lightningcss-freebsd-x64": "1.28.1",
+        "lightningcss-linux-arm-gnueabihf": "1.28.1",
+        "lightningcss-linux-arm64-gnu": "1.28.1",
+        "lightningcss-linux-arm64-musl": "1.28.1",
+        "lightningcss-linux-x64-gnu": "1.28.1",
+        "lightningcss-linux-x64-musl": "1.28.1",
+        "lightningcss-win32-arm64-msvc": "1.28.1",
+        "lightningcss-win32-x64-msvc": "1.28.1"
+      }
+    },
+    "lightningcss-darwin-arm64": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.28.1.tgz",
+      "integrity": "sha512-VG3vvzM0m/rguCdm76DdobNeNJnHK+jWcdkNLFWHLh9YCotRvbRIt45JxwcHlIF8TDqWStVLTdghq5NaigVCBQ==",
+      "optional": true
+    },
+    "lightningcss-darwin-x64": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.28.1.tgz",
+      "integrity": "sha512-O7ORdislvKfMohFl4Iq7fxKqdJOuuxArcglVI3amuFO5DJ0wfV3Gxgi1JRo49slfr7OVzJQEHLG4muTWYM5cTQ==",
+      "optional": true
+    },
+    "lightningcss-freebsd-x64": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.28.1.tgz",
+      "integrity": "sha512-b7sF89B31kYYijxVcFO7l5u6UNA862YstNu+3YbLl/IQKzveL4a5cwR5cdpG+OOhErg/c2u9WCmzZoX2I5GBvw==",
+      "optional": true
+    },
+    "lightningcss-linux-arm-gnueabihf": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.28.1.tgz",
+      "integrity": "sha512-p61kXwvhUDLLzkWHjzSFfUBW/F0iy3jr3CWi3k8SKULtJEsJXTI9DqRm9EixxMSe2AMBQBt4auTYiQL4B1N51A==",
+      "optional": true
+    },
+    "lightningcss-linux-arm64-gnu": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.28.1.tgz",
+      "integrity": "sha512-iO+fN9hOMmzfwqcG2/BgUtMKD48H2JO/SXU44fyIwpY2veb65QF5xiRrQ9l1FwIxbGK3231KBYCtAqv+xf+NsQ==",
+      "optional": true
+    },
+    "lightningcss-linux-arm64-musl": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.28.1.tgz",
+      "integrity": "sha512-dnMHeXEmCUzHHZjaDpQBYuBKcN9nPC3nPFKl70bcj5Bkn5EmkcgEqm5p035LKOgvAwk1XwLpQCML6pXmCwz0NQ==",
+      "optional": true
+    },
+    "lightningcss-linux-x64-gnu": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.28.1.tgz",
+      "integrity": "sha512-7vWDISaMUn+oo2TwRdf2hl/BLdPxvywv9JKEqNZB/0K7bXwV4XE9wN/C2sAp1gGuh6QBA8lpjF4JIPt3HNlCHA==",
+      "optional": true
+    },
+    "lightningcss-linux-x64-musl": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.28.1.tgz",
+      "integrity": "sha512-IHCu9tVGP+x5BCpA2rF3D04DBokcBza/a8AuHQU+1AiMKubuMegPwcL7RatBgK4ztFHeYnnD5NdhwhRfYMAtNA==",
+      "optional": true
+    },
+    "lightningcss-win32-arm64-msvc": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.28.1.tgz",
+      "integrity": "sha512-Erm72kHmMg/3h350PTseskz+eEGBM17Fuu79WW2Qqt0BfWSF1jHHc12lkJCWMYl5jcBHPs5yZdgNHtJ7IJS3Uw==",
+      "optional": true
+    },
+    "lightningcss-win32-x64-msvc": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.28.1.tgz",
+      "integrity": "sha512-ZPQtvx+uQBzrSdHH8p4H3M9Alue+x369TPZAA3b4K3d92FPhpZCuBG04+HQzspam9sVeID9mI6f3VRAs2ezaEA==",
+      "optional": true
+    },
     "lilconfig": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
@@ -53575,9 +56825,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         },
         "unist-util-is": {
           "version": "6.0.0",
@@ -53610,9 +56860,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         },
         "escape-string-regexp": {
           "version": "5.0.0",
@@ -53639,9 +56889,9 @@
       }
     },
     "mdast-util-from-markdown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.0.tgz",
-      "integrity": "sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
       "requires": {
         "@types/mdast": "^4.0.0",
         "@types/unist": "^3.0.0",
@@ -53658,9 +56908,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         },
         "micromark-util-symbol": {
           "version": "2.0.0",
@@ -53704,9 +56954,9 @@
       }
     },
     "mdast-util-gfm-autolink-literal": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.0.tgz",
-      "integrity": "sha512-FyzMsduZZHSc3i0Px3PQcBT4WJY/X/RCtEJKuybiC6sjPqLv7h1yqAkmILZtuxMSsUyaLUWNp71+vQH2zqp5cg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
       "requires": {
         "@types/mdast": "^4.0.0",
         "ccount": "^2.0.0",
@@ -53789,9 +57039,9 @@
       }
     },
     "mdast-util-mdx-expression": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.0.tgz",
-      "integrity": "sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
       "requires": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -53802,9 +57052,9 @@
       }
     },
     "mdast-util-mdx-jsx": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.2.tgz",
-      "integrity": "sha512-eKMQDeywY2wlHc97k5eD8VC+9ASMjN8ItEZQNGwJ6E0XWKiW/Z0V5/H8pvoXUf+y+Mj0VIgeRRbujBmFn4FTyA==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.3.tgz",
+      "integrity": "sha512-bfOjvNt+1AcbPLTFMFWY149nJz0OjmewJs3LQQ5pIyVGxP4CdOqNVJL6kTaM5c68p8q82Xv3nCyFfUnuEcH3UQ==",
       "requires": {
         "@types/estree-jsx": "^1.0.0",
         "@types/hast": "^3.0.0",
@@ -53816,15 +57066,14 @@
         "mdast-util-to-markdown": "^2.0.0",
         "parse-entities": "^4.0.0",
         "stringify-entities": "^4.0.0",
-        "unist-util-remove-position": "^5.0.0",
         "unist-util-stringify-position": "^4.0.0",
         "vfile-message": "^4.0.0"
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -53851,9 +57100,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         },
         "unist-util-is": {
           "version": "6.0.0",
@@ -53866,9 +57115,9 @@
       }
     },
     "mdast-util-to-hast": {
-      "version": "13.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.1.0.tgz",
-      "integrity": "sha512-/e2l/6+OdGp/FB+ctrJ9Avz71AN/GRH3oi/3KAx/kMnoUsD6q0woXlDT8lLEeViVKE7oZxE7RXzvO3T8kF2/sA==",
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
+      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
       "requires": {
         "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
@@ -53882,24 +57131,25 @@
       }
     },
     "mdast-util-to-markdown": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.0.tgz",
-      "integrity": "sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
       "requires": {
         "@types/mdast": "^4.0.0",
         "@types/unist": "^3.0.0",
         "longest-streak": "^3.0.0",
         "mdast-util-phrasing": "^4.0.0",
         "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
         "micromark-util-decode-string": "^2.0.0",
         "unist-util-visit": "^5.0.0",
         "zwitch": "^2.0.0"
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -53951,28 +57201,263 @@
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
     "mermaid": {
-      "version": "9.4.3",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.3.tgz",
-      "integrity": "sha512-TLkQEtqhRSuEHSE34lh5bCa94KATCyluAXmFnNI2PRZwOpXFeqiJWwZl+d2CcemE1RS6QbbueSSq9QIg8Uxcyw==",
-      "requires": {
-        "@braintree/sanitize-url": "^6.0.0",
-        "cytoscape": "^3.23.0",
+      "version": "10.9.3",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-10.9.3.tgz",
+      "integrity": "sha512-V80X1isSEvAewIL3xhmz/rVmc27CVljcsbWxkxlWJWY/1kQa4XOABqpDl2qQLGKzpKm6WbTfUEKImBlUfFYArw==",
+      "requires": {
+        "@braintree/sanitize-url": "^6.0.1",
+        "@types/d3-scale": "^4.0.3",
+        "@types/d3-scale-chromatic": "^3.0.0",
+        "cytoscape": "^3.28.1",
         "cytoscape-cose-bilkent": "^4.1.0",
-        "cytoscape-fcose": "^2.1.0",
         "d3": "^7.4.0",
-        "dagre-d3-es": "7.0.9",
+        "d3-sankey": "^0.12.3",
+        "dagre-d3-es": "7.0.10",
         "dayjs": "^1.11.7",
-        "dompurify": "2.4.3",
-        "elkjs": "^0.8.2",
+        "dompurify": "^3.0.5 <3.1.7",
+        "elkjs": "^0.9.0",
+        "katex": "^0.16.9",
         "khroma": "^2.0.0",
         "lodash-es": "^4.17.21",
+        "mdast-util-from-markdown": "^1.3.0",
         "non-layered-tidy-tree-layout": "^2.0.2",
-        "stylis": "^4.1.2",
+        "stylis": "^4.1.3",
         "ts-dedent": "^2.2.0",
         "uuid": "^9.0.0",
         "web-worker": "^1.2.0"
       },
       "dependencies": {
+        "@types/mdast": {
+          "version": "3.0.15",
+          "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
+          "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+          "requires": {
+            "@types/unist": "^2"
+          }
+        },
+        "mdast-util-from-markdown": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
+          "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
+          "requires": {
+            "@types/mdast": "^3.0.0",
+            "@types/unist": "^2.0.0",
+            "decode-named-character-reference": "^1.0.0",
+            "mdast-util-to-string": "^3.1.0",
+            "micromark": "^3.0.0",
+            "micromark-util-decode-numeric-character-reference": "^1.0.0",
+            "micromark-util-decode-string": "^1.0.0",
+            "micromark-util-normalize-identifier": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0",
+            "unist-util-stringify-position": "^3.0.0",
+            "uvu": "^0.5.0"
+          }
+        },
+        "mdast-util-to-string": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
+          "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
+          "requires": {
+            "@types/mdast": "^3.0.0"
+          }
+        },
+        "micromark": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz",
+          "integrity": "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==",
+          "requires": {
+            "@types/debug": "^4.0.0",
+            "debug": "^4.0.0",
+            "decode-named-character-reference": "^1.0.0",
+            "micromark-core-commonmark": "^1.0.1",
+            "micromark-factory-space": "^1.0.0",
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-chunked": "^1.0.0",
+            "micromark-util-combine-extensions": "^1.0.0",
+            "micromark-util-decode-numeric-character-reference": "^1.0.0",
+            "micromark-util-encode": "^1.0.0",
+            "micromark-util-normalize-identifier": "^1.0.0",
+            "micromark-util-resolve-all": "^1.0.0",
+            "micromark-util-sanitize-uri": "^1.0.0",
+            "micromark-util-subtokenize": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.1",
+            "uvu": "^0.5.0"
+          }
+        },
+        "micromark-core-commonmark": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz",
+          "integrity": "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==",
+          "requires": {
+            "decode-named-character-reference": "^1.0.0",
+            "micromark-factory-destination": "^1.0.0",
+            "micromark-factory-label": "^1.0.0",
+            "micromark-factory-space": "^1.0.0",
+            "micromark-factory-title": "^1.0.0",
+            "micromark-factory-whitespace": "^1.0.0",
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-chunked": "^1.0.0",
+            "micromark-util-classify-character": "^1.0.0",
+            "micromark-util-html-tag-name": "^1.0.0",
+            "micromark-util-normalize-identifier": "^1.0.0",
+            "micromark-util-resolve-all": "^1.0.0",
+            "micromark-util-subtokenize": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.1",
+            "uvu": "^0.5.0"
+          }
+        },
+        "micromark-factory-destination": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz",
+          "integrity": "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==",
+          "requires": {
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0"
+          }
+        },
+        "micromark-factory-label": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz",
+          "integrity": "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==",
+          "requires": {
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0",
+            "uvu": "^0.5.0"
+          }
+        },
+        "micromark-factory-title": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz",
+          "integrity": "sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==",
+          "requires": {
+            "micromark-factory-space": "^1.0.0",
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0"
+          }
+        },
+        "micromark-factory-whitespace": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz",
+          "integrity": "sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==",
+          "requires": {
+            "micromark-factory-space": "^1.0.0",
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0"
+          }
+        },
+        "micromark-util-chunked": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz",
+          "integrity": "sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==",
+          "requires": {
+            "micromark-util-symbol": "^1.0.0"
+          }
+        },
+        "micromark-util-classify-character": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz",
+          "integrity": "sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==",
+          "requires": {
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0"
+          }
+        },
+        "micromark-util-combine-extensions": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz",
+          "integrity": "sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==",
+          "requires": {
+            "micromark-util-chunked": "^1.0.0",
+            "micromark-util-types": "^1.0.0"
+          }
+        },
+        "micromark-util-decode-numeric-character-reference": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz",
+          "integrity": "sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==",
+          "requires": {
+            "micromark-util-symbol": "^1.0.0"
+          }
+        },
+        "micromark-util-decode-string": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz",
+          "integrity": "sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==",
+          "requires": {
+            "decode-named-character-reference": "^1.0.0",
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-decode-numeric-character-reference": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0"
+          }
+        },
+        "micromark-util-encode": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz",
+          "integrity": "sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw=="
+        },
+        "micromark-util-html-tag-name": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz",
+          "integrity": "sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q=="
+        },
+        "micromark-util-normalize-identifier": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz",
+          "integrity": "sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==",
+          "requires": {
+            "micromark-util-symbol": "^1.0.0"
+          }
+        },
+        "micromark-util-resolve-all": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz",
+          "integrity": "sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==",
+          "requires": {
+            "micromark-util-types": "^1.0.0"
+          }
+        },
+        "micromark-util-sanitize-uri": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz",
+          "integrity": "sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==",
+          "requires": {
+            "micromark-util-character": "^1.0.0",
+            "micromark-util-encode": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0"
+          }
+        },
+        "micromark-util-subtokenize": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz",
+          "integrity": "sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==",
+          "requires": {
+            "micromark-util-chunked": "^1.0.0",
+            "micromark-util-symbol": "^1.0.0",
+            "micromark-util-types": "^1.0.0",
+            "uvu": "^0.5.0"
+          }
+        },
+        "micromark-util-types": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz",
+          "integrity": "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg=="
+        },
+        "unist-util-stringify-position": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
+          "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
         "uuid": {
           "version": "9.0.1",
           "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
@@ -54083,9 +57568,9 @@
       }
     },
     "micromark-extension-directive": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-directive/-/micromark-extension-directive-3.0.0.tgz",
-      "integrity": "sha512-61OI07qpQrERc+0wEysLHMvoiO3s2R56x5u7glHq2Yqq6EHbH4dW25G9GfDdGCDYqA21KE6DWgNSzxSwHc2hSg==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-extension-directive/-/micromark-extension-directive-3.0.2.tgz",
+      "integrity": "sha512-wjcXHgk+PPdmvR58Le9d7zQYWy+vKEU9Se44p2CrCDPiLr2FMyiT4Fyb5UFKFC66wGB3kPlgD7q3TnoqPS7SZA==",
       "requires": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -54164,9 +57649,9 @@
       }
     },
     "micromark-extension-gfm-autolink-literal": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.0.0.tgz",
-      "integrity": "sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
       "requires": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-sanitize-uri": "^2.0.0",
@@ -54191,9 +57676,9 @@
       }
     },
     "micromark-extension-gfm-footnote": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.0.0.tgz",
-      "integrity": "sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
       "requires": {
         "devlop": "^1.0.0",
         "micromark-core-commonmark": "^2.0.0",
@@ -54231,9 +57716,9 @@
       }
     },
     "micromark-extension-gfm-strikethrough": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.0.0.tgz",
-      "integrity": "sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
       "requires": {
         "devlop": "^1.0.0",
         "micromark-util-chunked": "^2.0.0",
@@ -54251,9 +57736,9 @@
       }
     },
     "micromark-extension-gfm-table": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.0.0.tgz",
-      "integrity": "sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.0.tgz",
+      "integrity": "sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==",
       "requires": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -54296,9 +57781,9 @@
       }
     },
     "micromark-extension-gfm-task-list-item": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.0.1.tgz",
-      "integrity": "sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
       "requires": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -54373,9 +57858,9 @@
       }
     },
     "micromark-extension-mdx-jsx": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.0.tgz",
-      "integrity": "sha512-uvhhss8OGuzR4/N17L1JwvmJIpPhAd8oByMawEKx6NVdBCbesjH4t+vjEp3ZXft9DwvlKSD07fCeI44/N0Vf2w==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.1.tgz",
+      "integrity": "sha512-vNuFb9czP8QCtAQcEJn0UJQJZA8Dk6DXKBqx+bg/w0WGuSxDxNr7hErW89tHUY31dUW4NqEOWwmEUNhjTFmHkg==",
       "requires": {
         "@types/acorn": "^4.0.0",
         "@types/estree": "^1.0.0",
@@ -54384,6 +57869,7 @@
         "micromark-factory-mdx-expression": "^2.0.0",
         "micromark-factory-space": "^2.0.0",
         "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
         "micromark-util-symbol": "^2.0.0",
         "micromark-util-types": "^2.0.0",
         "vfile-message": "^4.0.0"
@@ -54438,9 +57924,9 @@
       },
       "dependencies": {
         "acorn": {
-          "version": "8.11.3",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg=="
+          "version": "8.14.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+          "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA=="
         }
       }
     },
@@ -54530,12 +58016,13 @@
       }
     },
     "micromark-factory-mdx-expression": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.1.tgz",
-      "integrity": "sha512-F0ccWIUHRLRrYp5TC9ZYXmZo+p2AM13ggbsW4T0b5CRKP8KHVRB8t4pwtBgTxtjRmwrK0Irwm7vs2JOZabHZfg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.2.tgz",
+      "integrity": "sha512-5E5I2pFzJyg2CtemqAbcyCktpHXuJbABnsb32wX2U8IQKhhVFBqkcZR5LRm1WVoFqa4kTueZK4abep7wdo9nrw==",
       "requires": {
         "@types/estree": "^1.0.0",
         "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
         "micromark-util-character": "^2.0.0",
         "micromark-util-events-to-acorn": "^2.0.0",
         "micromark-util-symbol": "^2.0.0",
@@ -54544,6 +58031,15 @@
         "vfile-message": "^4.0.0"
       },
       "dependencies": {
+        "micromark-factory-space": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz",
+          "integrity": "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==",
+          "requires": {
+            "micromark-util-character": "^2.0.0",
+            "micromark-util-types": "^2.0.0"
+          }
+        },
         "micromark-util-character": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.0.tgz",
@@ -54777,9 +58273,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         },
         "micromark-util-symbol": {
           "version": "2.0.0",
@@ -54908,9 +58404,9 @@
       "integrity": "sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg=="
     },
     "mini-css-extract-plugin": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.8.1.tgz",
-      "integrity": "sha512-/1HDlyFRxWIZPI1ZpgqlZ8jMw/1Dp/dl3P0L1jtZ+zVcHqwPhGwaJwKL00WVgfnBy6PWCde9W65or7IIETImuA==",
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz",
+      "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==",
       "requires": {
         "schema-utils": "^4.0.0",
         "tapable": "^2.2.1"
@@ -55278,9 +58774,9 @@
       }
     },
     "node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
     },
     "node-version": {
       "version": "1.2.0",
@@ -55416,6 +58912,27 @@
         "boolbase": "^1.0.0"
       }
     },
+    "null-loader": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-4.0.1.tgz",
+      "integrity": "sha512-pxqVbi4U6N26lq+LmgIbB5XATP0VdZKOG25DhHi8btMmJJefGArFyDg1yc4U3hWCJbMqSrw0qyrz1UQX+qYXqg==",
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+          "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+          "requires": {
+            "@types/json-schema": "^7.0.8",
+            "ajv": "^6.12.5",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
     "nwsapi": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
@@ -55435,12 +58952,6 @@
         "ufo": "^1.4.0"
       },
       "dependencies": {
-        "consola": {
-          "version": "3.2.3",
-          "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-          "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-          "dev": true
-        },
         "cross-spawn": {
           "version": "7.0.3",
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -55982,11 +59493,11 @@
       }
     },
     "parse5-htmlparser2-tree-adapter": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz",
-      "integrity": "sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
       "requires": {
-        "domhandler": "^5.0.2",
+        "domhandler": "^5.0.3",
         "parse5": "^7.0.0"
       }
     },
@@ -56132,9 +59643,9 @@
       }
     },
     "picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "picomatch": {
       "version": "2.3.1",
@@ -56969,12 +60480,6 @@
           "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
           "dev": true
         },
-        "consola": {
-          "version": "3.2.3",
-          "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-          "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-          "dev": true
-        },
         "define-lazy-prop": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
@@ -57541,9 +61046,9 @@
       "dev": true
     },
     "react-json-view-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/react-json-view-lite/-/react-json-view-lite-1.4.0.tgz",
-      "integrity": "sha512-wh6F6uJyYAmQ4fK0e8dSQMEWuvTs2Wr3el3sLD9bambX1+pSWUVXIz1RFaoy3TI1mZ0FqdpKq9YgbgTTgyrmXA=="
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/react-json-view-lite/-/react-json-view-lite-1.5.0.tgz",
+      "integrity": "sha512-nWqA1E4jKPklL2jvHWs6s+7Na0qNgw9HCP6xehdQJeg6nPBTFZgGwyko9Q0oj+jQWKTTVRS30u0toM5wiuL3iw=="
     },
     "react-lifecycles-compat": {
       "version": "3.0.4",
@@ -57782,6 +61287,50 @@
         "resolve": "^1.1.6"
       }
     },
+    "recma-build-jsx": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-build-jsx/-/recma-build-jsx-1.0.0.tgz",
+      "integrity": "sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==",
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "estree-util-build-jsx": "^3.0.0",
+        "vfile": "^6.0.0"
+      }
+    },
+    "recma-jsx": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-jsx/-/recma-jsx-1.0.0.tgz",
+      "integrity": "sha512-5vwkv65qWwYxg+Atz95acp8DMu1JDSqdGkA2Of1j6rCreyFUE/gp15fC8MnGEuG1W68UKjM6x6+YTWIh7hZM/Q==",
+      "requires": {
+        "acorn-jsx": "^5.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "recma-parse": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "unified": "^11.0.0"
+      }
+    },
+    "recma-parse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-parse/-/recma-parse-1.0.0.tgz",
+      "integrity": "sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==",
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "esast-util-from-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      }
+    },
+    "recma-stringify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/recma-stringify/-/recma-stringify-1.0.0.tgz",
+      "integrity": "sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==",
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      }
+    },
     "recursive-readdir": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
@@ -57811,9 +61360,9 @@
       "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
     },
     "regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
       "requires": {
         "regenerate": "^1.4.2"
       }
@@ -57844,16 +61393,23 @@
       }
     },
     "regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz",
+      "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==",
       "requires": {
-        "@babel/regjsgen": "^0.8.0",
         "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.11.0",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "dependencies": {
+        "regjsgen": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+          "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q=="
+        }
       }
     },
     "registry-auth-token": {
@@ -57878,18 +61434,11 @@
       "integrity": "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A=="
     },
     "regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
+      "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
       "requires": {
-        "jsesc": "~0.5.0"
-      },
-      "dependencies": {
-        "jsesc": {
-          "version": "0.5.0",
-          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-          "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA=="
-        }
+        "jsesc": "~3.0.2"
       }
     },
     "rehype-parse": {
@@ -58012,6 +61561,16 @@
         "vfile": "^6.0.0"
       }
     },
+    "rehype-recma": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-recma/-/rehype-recma-1.0.0.tgz",
+      "integrity": "sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==",
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "hast-util-to-estree": "^3.0.0"
+      }
+    },
     "relateurl": {
       "version": "0.2.7",
       "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
@@ -58065,9 +61624,9 @@
       }
     },
     "remark-mdx": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.0.1.tgz",
-      "integrity": "sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-3.1.0.tgz",
+      "integrity": "sha512-Ngl/H3YXyBV9RcRNdlYsZujAmhsxwzxpDzpDEhFBVAGthS4GDgnctpDjgFl/ULx5UEDzqtW1cyBSNKqYYrqLBA==",
       "requires": {
         "mdast-util-mdx": "^3.0.0",
         "micromark-extension-mdxjs": "^3.0.0"
@@ -58121,9 +61680,9 @@
       }
     },
     "remark-rehype": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.0.tgz",
-      "integrity": "sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.1.tgz",
+      "integrity": "sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==",
       "requires": {
         "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
@@ -58489,9 +62048,9 @@
       "integrity": "sha512-EBR4I2VDSSYr7PkBmFy04uhycIpDKp+21p/jARYXlCSjQksTBQcJ0HFUPOO79EPPH5JS6VAhiIQbycf0O3JAxQ=="
     },
     "rtlcss": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.1.1.tgz",
-      "integrity": "sha512-/oVHgBtnPNcggP2aVXQjSy6N1mMAfHg4GSag0QtZBlD5bdDgAHwr4pydqJGd+SUCu9260+Pjqbjwtvu7EMH1KQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.3.0.tgz",
+      "integrity": "sha512-FI+pHEn7Wc4NqKXMXFM+VAYKEj/mRIcW4h24YVwVtyjI+EqGrLc2Hx/Ny0lrZ21cBWU2goLy36eqMcNj3AQJig==",
       "requires": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0",
@@ -58784,17 +62343,16 @@
       }
     },
     "serve-handler": {
-      "version": "6.1.5",
-      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz",
-      "integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==",
+      "version": "6.1.6",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz",
+      "integrity": "sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==",
       "requires": {
         "bytes": "3.0.0",
         "content-disposition": "0.5.2",
-        "fast-url-parser": "1.1.3",
         "mime-types": "2.1.18",
         "minimatch": "3.1.2",
         "path-is-inside": "1.0.2",
-        "path-to-regexp": "2.2.1",
+        "path-to-regexp": "3.3.0",
         "range-parser": "1.2.0"
       },
       "dependencies": {
@@ -58812,9 +62370,9 @@
           }
         },
         "path-to-regexp": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
-          "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ=="
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
+          "integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw=="
         }
       }
     },
@@ -59047,9 +62605,9 @@
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
     },
     "sitemap": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-7.1.1.tgz",
-      "integrity": "sha512-mK3aFtjz4VdJN0igpIJrinf3EO8U8mxOPsTBzSsy06UtjZQJ3YY3o3Xa7zSc5nMqcMrRwlChHZ18Kxg0caiPBg==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-7.1.2.tgz",
+      "integrity": "sha512-ARCqzHJ0p4gWt+j7NlU5eDlIO9+Rkr/JhPFZKKQ1l5GCus7rJH4UdrlVAh0xC/gDS/Qir2UMxqYNHtsKr2rpCw==",
       "requires": {
         "@types/node": "^17.0.5",
         "@types/sax": "^1.2.1",
@@ -59381,9 +62939,9 @@
       "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
     },
     "std-env": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.1.1.tgz",
-      "integrity": "sha512-/c645XdExBypL01TpFKiG/3RAa/Qmu+zRi0MwAmrdEkwHNuN0ebo8ccAXBBDa5Z0QOJgBskUIbuCK91x0sCVEw=="
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
+      "integrity": "sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg=="
     },
     "stdin-discarder": {
       "version": "0.1.0",
@@ -59732,6 +63290,14 @@
         }
       }
     },
+    "swc-loader": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/swc-loader/-/swc-loader-0.2.6.tgz",
+      "integrity": "sha512-9Zi9UP2YmDpgmQVbyOPJClY0dwf58JDyDMQ7uRc4krmc72twNI2fvlBWHLqVekBpPc7h5NJkGVT1zNDxFrqhvg==",
+      "requires": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -60017,11 +63583,6 @@
       "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
       "dev": true
     },
-    "to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
-    },
     "to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -60489,9 +64050,9 @@
       "dev": true
     },
     "unified": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.4.tgz",
-      "integrity": "sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==",
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
       "requires": {
         "@types/unist": "^3.0.0",
         "bail": "^2.0.0",
@@ -60503,9 +64064,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -60607,9 +64168,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -60622,9 +64183,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -60639,18 +64200,23 @@
       }
     },
     "unist-util-remove-position": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
-      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-4.0.2.tgz",
+      "integrity": "sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==",
       "requires": {
-        "@types/unist": "^3.0.0",
-        "unist-util-visit": "^5.0.0"
+        "@types/unist": "^2.0.0",
+        "unist-util-visit": "^4.0.0"
       },
       "dependencies": {
-        "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+        "unist-util-visit": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+          "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0",
+            "unist-util-visit-parents": "^5.1.1"
+          }
         }
       }
     },
@@ -60663,9 +64229,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -60749,12 +64315,12 @@
       "dev": true
     },
     "update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
       "requires": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
       }
     },
     "update-notifier": {
@@ -61031,35 +64597,34 @@
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="
     },
     "vfile": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.1.tgz",
-      "integrity": "sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
       "requires": {
         "@types/unist": "^3.0.0",
-        "unist-util-stringify-position": "^4.0.0",
         "vfile-message": "^4.0.0"
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
     "vfile-location": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.2.tgz",
-      "integrity": "sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
+      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
       "requires": {
         "@types/unist": "^3.0.0",
         "vfile": "^6.0.0"
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -61073,9 +64638,9 @@
       },
       "dependencies": {
         "@types/unist": {
-          "version": "3.0.2",
-          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-          "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+          "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
         }
       }
     },
@@ -61333,20 +64898,19 @@
       "dev": true
     },
     "webpack": {
-      "version": "5.91.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
-      "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
+      "version": "5.96.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
+      "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
       "requires": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.5",
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
         "@webassemblyjs/ast": "^1.12.1",
         "@webassemblyjs/wasm-edit": "^1.12.1",
         "@webassemblyjs/wasm-parser": "^1.12.1",
-        "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.9.0",
-        "browserslist": "^4.21.10",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.16.0",
+        "enhanced-resolve": "^5.17.1",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -61364,9 +64928,9 @@
       },
       "dependencies": {
         "acorn": {
-          "version": "8.10.0",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-          "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw=="
+          "version": "8.14.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+          "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA=="
         },
         "es-module-lexer": {
           "version": "1.3.1",
@@ -61400,9 +64964,9 @@
       }
     },
     "webpack-bundle-analyzer": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.1.tgz",
-      "integrity": "sha512-s3P7pgexgT/HTUSYgxJyn28A+99mmLq4HsJepMPzu0R8ImJc52QNqaFYW1Z2z2uIb1/J3eYgaAWVpaC+v/1aAQ==",
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.2.tgz",
+      "integrity": "sha512-vJptkMm9pk5si4Bv922ZbKLV8UTT4zib4FPgXMhgzUny0bfDDkLXAVQs3ly3fS4/TN9ROFtb0NFrm04UXFE/Vw==",
       "requires": {
         "@discoveryjs/json-ext": "0.5.7",
         "acorn": "^8.0.4",
@@ -61412,7 +64976,6 @@
         "escape-string-regexp": "^4.0.0",
         "gzip-size": "^6.0.0",
         "html-escaper": "^2.0.2",
-        "is-plain-object": "^5.0.0",
         "opener": "^1.5.2",
         "picocolors": "^1.0.0",
         "sirv": "^2.0.3",
@@ -61420,14 +64983,17 @@
       },
       "dependencies": {
         "acorn": {
-          "version": "8.11.3",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-          "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg=="
+          "version": "8.14.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+          "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA=="
         },
         "acorn-walk": {
-          "version": "8.3.2",
-          "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz",
-          "integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A=="
+          "version": "8.3.4",
+          "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+          "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+          "requires": {
+            "acorn": "^8.11.0"
+          }
         },
         "commander": {
           "version": "7.2.0",
@@ -61439,15 +65005,10 @@
           "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
           "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
         },
-        "is-plain-object": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-          "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="
-        },
         "ws": {
-          "version": "7.5.9",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-          "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q=="
+          "version": "7.5.10",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+          "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ=="
         }
       }
     },
@@ -61520,13 +65081,13 @@
       }
     },
     "webpack-merge": {
-      "version": "5.10.0",
-      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz",
-      "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz",
+      "integrity": "sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==",
       "requires": {
         "clone-deep": "^4.0.1",
         "flat": "^5.0.2",
-        "wildcard": "^2.0.0"
+        "wildcard": "^2.0.1"
       }
     },
     "webpack-sources": {
@@ -61541,14 +65102,18 @@
       "dev": true
     },
     "webpackbar": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/webpackbar/-/webpackbar-5.0.2.tgz",
-      "integrity": "sha512-BmFJo7veBDgQzfWXl/wwYXr/VFus0614qZ8i9znqcl9fnEdiVkdbi0TedLQ6xAK92HZHDJ0QmyQ0fmuZPAgCYQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/webpackbar/-/webpackbar-6.0.1.tgz",
+      "integrity": "sha512-TnErZpmuKdwWBdMoexjio3KKX6ZtoKHRVvLIU0A47R0VVBDtx3ZyOJDktgYixhoJokZTYTt1Z37OkO9pnGJa9Q==",
       "requires": {
-        "chalk": "^4.1.0",
-        "consola": "^2.15.3",
+        "ansi-escapes": "^4.3.2",
+        "chalk": "^4.1.2",
+        "consola": "^3.2.3",
+        "figures": "^3.2.0",
+        "markdown-table": "^2.0.0",
         "pretty-time": "^1.1.0",
-        "std-env": "^3.0.1"
+        "std-env": "^3.7.0",
+        "wrap-ansi": "^7.0.0"
       },
       "dependencies": {
         "ansi-styles": {
@@ -61586,6 +65151,14 @@
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
+        "markdown-table": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-2.0.0.tgz",
+          "integrity": "sha512-Ezda85ToJUBhM6WGaG6veasyym+Tbs3cMAw/ZhOPqXiYsr0jgocBV3j3nx+4lk47plLlIqjwuTm/ywVI+zjJ/A==",
+          "requires": {
+            "repeat-string": "^1.0.0"
+          }
+        },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -61782,7 +65355,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
       "requires": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -61793,7 +65365,6 @@
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
           "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
           "requires": {
             "color-convert": "^2.0.1"
           }
@@ -61802,7 +65373,6 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
           "requires": {
             "color-name": "~1.1.4"
           }
@@ -61810,8 +65380,7 @@
         "color-name": {
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         }
       }
     },
@@ -62103,12 +65672,6 @@
           "integrity": "sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==",
           "dev": true
         },
-        "consola": {
-          "version": "3.2.3",
-          "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-          "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
-          "dev": true
-        },
         "default-browser": {
           "version": "5.2.1",
           "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
diff --git a/packages/lexical-website/babel.config.js b/packages/lexical-website/babel.config.js
deleted file mode 100644
index ab18191bf7e..00000000000
--- a/packages/lexical-website/babel.config.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-'use strict';
-
-module.exports = {
-  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
-};
diff --git a/packages/lexical-website/docusaurus.config.js b/packages/lexical-website/docusaurus.config.js
index 4457140ea0a..4559ce4ca2c 100644
--- a/packages/lexical-website/docusaurus.config.js
+++ b/packages/lexical-website/docusaurus.config.js
@@ -225,6 +225,11 @@ const config = {
 
   favicon: 'img/favicon.ico',
 
+  future: {
+    // See https://docusaurus.io/blog/releases/3.6
+    experimental_faster: true,
+  },
+
   markdown: {
     preprocessor: ({fileContent}) =>
       fileContent.replaceAll(
diff --git a/packages/lexical-website/fb/sdoc-cache.json b/packages/lexical-website/fb/sdoc-cache.json
index a6d91bbc44a..e172e37ebf6 100644
--- a/packages/lexical-website/fb/sdoc-cache.json
+++ b/packages/lexical-website/fb/sdoc-cache.json
@@ -1,4 +1,4 @@
 {
   "snippets": {},
   "description": "@generated"
-}
+}
\ No newline at end of file
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index a3777af286e..dd621c118f7 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -14,13 +14,14 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.3.2",
-    "@docusaurus/preset-classic": "^3.3.2",
-    "@docusaurus/theme-search-algolia": "^3.3.2",
+    "@docusaurus/core": "3.6.0",
+    "@docusaurus/faster": "3.6.0",
+    "@docusaurus/preset-classic": "3.6.0",
+    "@docusaurus/theme-search-algolia": "3.6.0",
     "@mdx-js/react": "^3.0.1",
     "@radix-ui/react-tabs": "^1.0.4",
     "@vercel/analytics": "^1.0.1",
-    "docusaurus-plugin-internaldocs-fb": "1.18.2",
+    "docusaurus-plugin-internaldocs-fb": "1.19.0",
     "docusaurus-plugin-typedoc": "^0.22.0",
     "fs-extra": "^10.0.0",
     "prism-react-renderer": "^2.3.1",
diff --git a/packages/lexical-website/plugins/webpack-buffer/index.js b/packages/lexical-website/plugins/webpack-buffer/index.js
index b553667232f..f82dac9cfd1 100644
--- a/packages/lexical-website/plugins/webpack-buffer/index.js
+++ b/packages/lexical-website/plugins/webpack-buffer/index.js
@@ -8,13 +8,15 @@
 
 'use strict';
 
-const webpack = require('webpack');
-
 module.exports = async function (context, options) {
   return {
-    configureWebpack(config, isServer, utils) {
+    configureWebpack(config, isServer, {currentBundler}) {
       return {
-        plugins: [new webpack.ProvidePlugin({Buffer: ['buffer', 'Buffer']})],
+        plugins: [
+          new currentBundler.instance.ProvidePlugin({
+            Buffer: ['buffer', 'Buffer'],
+          }),
+        ],
         resolve: {
           fallback: {buffer: require.resolve('buffer/')},
         },
diff --git a/scripts/error-codes/__tests__/unit/transform-error-messages.test.js b/scripts/error-codes/__tests__/unit/transform-error-messages.test.js
index 36c525e5098..7a126c54d10 100644
--- a/scripts/error-codes/__tests__/unit/transform-error-messages.test.js
+++ b/scripts/error-codes/__tests__/unit/transform-error-messages.test.js
@@ -52,7 +52,7 @@ function fmt(strings: TemplateStringsArray, ...keys: unknown[]) {
     .join('')
     .replace(/.use strict.;\n/g, '')
     .replace(/var _[^;]+;\n/g, '')
-    .replace(/function _interopRequireDefault\(obj\) {[^;]+?;[\s\n]*}\n/g, '')
+    .replace(/function _interopRequireDefault\([^)]*\) {[^;]+?;[\s\n]*}\n/g, '')
     .replace(/_formatProdErrorMessage\d+/g, 'formatProdErrorMessage')
     .replace(
       /\(0,\s*formatProdErrorMessage\.default\)/g,

From f5ae852608efc4c1ad9b017e8e85957389858f8d Mon Sep 17 00:00:00 2001
From: Bedru Umer <63902795+bedre7@users.noreply.github.com>
Date: Tue, 5 Nov 2024 20:34:25 +0300
Subject: [PATCH 073/133] [lexical-react] Bug Fix: LexicalTypeaheadMenuPlugin
 SSR error: ReferenceError: document is not defined (#6794)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../src/LexicalContextMenuPlugin.tsx          |  4 +-
 .../src/LexicalNodeMenuPlugin.tsx             |  4 +-
 .../src/LexicalTypeaheadMenuPlugin.tsx        |  4 +-
 .../__tests__/unit/useMenuAnchorRef.test.tsx  | 64 +++++++++++++++++++
 .../lexical-react/src/shared/LexicalMenu.ts   | 14 ++--
 5 files changed, 83 insertions(+), 7 deletions(-)
 create mode 100644 packages/lexical-react/src/__tests__/unit/useMenuAnchorRef.test.tsx

diff --git a/packages/lexical-react/src/LexicalContextMenuPlugin.tsx b/packages/lexical-react/src/LexicalContextMenuPlugin.tsx
index cc0dfcf37b0..c105d48b8f1 100644
--- a/packages/lexical-react/src/LexicalContextMenuPlugin.tsx
+++ b/packages/lexical-react/src/LexicalContextMenuPlugin.tsx
@@ -144,7 +144,9 @@ export function LexicalContextMenuPlugin<TOption extends MenuOption>({
     return () => document.removeEventListener('click', handleClick);
   }, [editor, handleClick]);
 
-  return resolution === null || editor === null ? null : (
+  return anchorElementRef.current === null ||
+    resolution === null ||
+    editor === null ? null : (
     <LexicalMenu
       close={closeNodeMenu}
       resolution={resolution}
diff --git a/packages/lexical-react/src/LexicalNodeMenuPlugin.tsx b/packages/lexical-react/src/LexicalNodeMenuPlugin.tsx
index 3589ff55f62..b8f685ad990 100644
--- a/packages/lexical-react/src/LexicalNodeMenuPlugin.tsx
+++ b/packages/lexical-react/src/LexicalNodeMenuPlugin.tsx
@@ -110,7 +110,9 @@ export function LexicalNodeMenuPlugin<TOption extends MenuOption>({
     }
   }, [editor, positionOrCloseMenu, nodeKey]);
 
-  return resolution === null || editor === null ? null : (
+  return anchorElementRef.current === null ||
+    resolution === null ||
+    editor === null ? null : (
     <LexicalMenu
       close={closeNodeMenu}
       resolution={resolution}
diff --git a/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx b/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx
index d6bbd6014d4..c8958d7aa51 100644
--- a/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx
+++ b/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx
@@ -295,7 +295,9 @@ export function LexicalTypeaheadMenuPlugin<TOption extends MenuOption>({
     openTypeahead,
   ]);
 
-  return resolution === null || editor === null ? null : (
+  return resolution === null ||
+    editor === null ||
+    anchorElementRef.current === null ? null : (
     <LexicalMenu
       close={closeTypeahead}
       resolution={resolution}
diff --git a/packages/lexical-react/src/__tests__/unit/useMenuAnchorRef.test.tsx b/packages/lexical-react/src/__tests__/unit/useMenuAnchorRef.test.tsx
new file mode 100644
index 00000000000..1c7a1821374
--- /dev/null
+++ b/packages/lexical-react/src/__tests__/unit/useMenuAnchorRef.test.tsx
@@ -0,0 +1,64 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {createTestEditor} from 'lexical/src/__tests__/utils';
+import * as React from 'react';
+import {createRoot, Root} from 'react-dom/client';
+import * as ReactTestUtils from 'shared/react-test-utils';
+
+import {useMenuAnchorRef} from '../../shared/LexicalMenu';
+
+jest.mock('@lexical/react/LexicalComposerContext', () => ({
+  useLexicalComposerContext: () => [createTestEditor()],
+}));
+
+jest.mock('shared/canUseDOM', () => ({
+  CAN_USE_DOM: false,
+}));
+
+describe('useMenuAnchorRef', () => {
+  let container: HTMLDivElement | null = null;
+  let reactRoot: Root;
+
+  beforeEach(() => {
+    container = document.createElement('div');
+    reactRoot = createRoot(container);
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should return null if CAN_USE_DOM is false', async () => {
+    let anchorElementRef;
+
+    function App() {
+      const resolution = null;
+      const setResolution = jest.fn();
+      const anchorClassName = 'some-class';
+      const parent = undefined;
+      const shouldIncludePageYOffset__EXPERIMENTAL = true;
+
+      anchorElementRef = useMenuAnchorRef(
+        resolution,
+        setResolution,
+        anchorClassName,
+        parent,
+        shouldIncludePageYOffset__EXPERIMENTAL,
+      );
+
+      return null;
+    }
+
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(<App />);
+    });
+
+    expect(anchorElementRef!.current).toBeNull();
+  });
+});
diff --git a/packages/lexical-react/src/shared/LexicalMenu.ts b/packages/lexical-react/src/shared/LexicalMenu.ts
index 42877233258..cda6ca3c5cb 100644
--- a/packages/lexical-react/src/shared/LexicalMenu.ts
+++ b/packages/lexical-react/src/shared/LexicalMenu.ts
@@ -32,6 +32,7 @@ import {
   useRef,
   useState,
 } from 'react';
+import {CAN_USE_DOM} from 'shared/canUseDOM';
 import useLayoutEffect from 'shared/useLayoutEffect';
 
 export type MenuTextMatch = {
@@ -267,7 +268,7 @@ export function LexicalMenu<TOption extends MenuOption>({
 }: {
   close: () => void;
   editor: LexicalEditor;
-  anchorElementRef: MutableRefObject<HTMLElement>;
+  anchorElementRef: MutableRefObject<HTMLElement | null>;
   resolution: MenuResolution;
   options: Array<TOption>;
   shouldSplitNodeWithQuery?: boolean;
@@ -481,12 +482,17 @@ export function useMenuAnchorRef(
   resolution: MenuResolution | null,
   setResolution: (r: MenuResolution | null) => void,
   className?: string,
-  parent: HTMLElement = document.body,
+  parent: HTMLElement | undefined = CAN_USE_DOM ? document.body : undefined,
   shouldIncludePageYOffset__EXPERIMENTAL: boolean = true,
-): MutableRefObject<HTMLElement> {
+): MutableRefObject<HTMLElement | null> {
   const [editor] = useLexicalComposerContext();
-  const anchorElementRef = useRef<HTMLElement>(document.createElement('div'));
+  const anchorElementRef = useRef<HTMLElement | null>(
+    CAN_USE_DOM ? document.createElement('div') : null,
+  );
   const positionMenu = useCallback(() => {
+    if (anchorElementRef.current === null || parent === undefined) {
+      return;
+    }
     anchorElementRef.current.style.top = anchorElementRef.current.style.bottom;
     const rootElement = editor.getRootElement();
     const containerDiv = anchorElementRef.current;

From 2c1a8f10c84444560c0982784ce3c14242f82340 Mon Sep 17 00:00:00 2001
From: Alessio Gravili <alessio@gravili.de>
Date: Tue, 5 Nov 2024 10:35:12 -0700
Subject: [PATCH 074/133] [lexical-markdown] Feature: add ability to control
 finding the end of a node matched by TextMatchTransformer (#6681)

---
 .../lexical-markdown/src/MarkdownImport.ts    |  9 +++-
 .../src/MarkdownTransformers.ts               |  9 ++++
 .../__tests__/unit/LexicalMarkdown.test.ts    | 53 ++++++++++++++++++-
 3 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-markdown/src/MarkdownImport.ts b/packages/lexical-markdown/src/MarkdownImport.ts
index 2f7dc27324b..47f56dd3b7e 100644
--- a/packages/lexical-markdown/src/MarkdownImport.ts
+++ b/packages/lexical-markdown/src/MarkdownImport.ts
@@ -383,7 +383,14 @@ function importTextMatchTransformers(
       }
 
       const startIndex = match.index || 0;
-      const endIndex = startIndex + match[0].length;
+      const endIndex = transformer.getEndIndex
+        ? transformer.getEndIndex(textNode, match)
+        : startIndex + match[0].length;
+
+      if (endIndex === false) {
+        continue;
+      }
+
       let replaceNode, newTextNode;
 
       if (startIndex === 0) {
diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
index 2a335156213..2a4fa5d5cf0 100644
--- a/packages/lexical-markdown/src/MarkdownTransformers.ts
+++ b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -174,6 +174,15 @@ export type TextMatchTransformer = Readonly<{
    * Determines how the matched markdown text should be transformed into a node during the markdown import process
    */
   replace?: (node: TextNode, match: RegExpMatchArray) => void;
+  /**
+   * For import operations, this function can be used to determine the end index of the match, after `importRegExp` has matched.
+   * Without this function, the end index will be determined by the length of the match from `importRegExp`. Manually determining the end index can be useful if
+   * the match from `importRegExp` is not the entire text content of the node. That way, `importRegExp` can be used to match only the start of the node, and `getEndIndex`
+   * can be used to match the end of the node.
+   *
+   * @returns The end index of the match, or false if the match was unsuccessful and a different transformer should be tried.
+   */
+  getEndIndex?: (node: TextNode, match: RegExpMatchArray) => number | false;
   /**
    * Single character that allows the transformer to trigger when typed in the editor. This does not affect markdown imports outside of the markdown shortcut plugin.
    * If the trigger is matched, the `regExp` will be used to match the text in the second step.
diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
index be7199eefab..f78fc4a3056 100644
--- a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
+++ b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -9,7 +9,7 @@
 import {$createCodeNode, CodeNode} from '@lexical/code';
 import {createHeadlessEditor} from '@lexical/headless';
 import {$generateHtmlFromNodes, $generateNodesFromDOM} from '@lexical/html';
-import {LinkNode} from '@lexical/link';
+import {$createLinkNode, LinkNode} from '@lexical/link';
 import {ListItemNode, ListNode} from '@lexical/list';
 import {HeadingNode, QuoteNode} from '@lexical/rich-text';
 import {$createTextNode, $getRoot, $insertNodes} from 'lexical';
@@ -28,6 +28,51 @@ import {
   normalizeMarkdown,
 } from '../../MarkdownTransformers';
 
+const SIMPLE_INLINE_JSX_MATCHER: TextMatchTransformer = {
+  dependencies: [LinkNode],
+  getEndIndex(node, match) {
+    // Find the closing tag. Count the number of opening and closing tags to find the correct closing tag.
+    // For simplicity, this will only count the opening and closing tags without checking for "MyTag" specifically.
+    let openedSubStartMatches = 0;
+    const start = (match.index ?? 0) + match[0].length;
+    let endIndex = start;
+    const line = node.getTextContent();
+
+    for (let i = start; i < line.length; i++) {
+      const char = line[i];
+      if (char === '<') {
+        const nextChar = line[i + 1];
+        if (nextChar === '/') {
+          if (openedSubStartMatches === 0) {
+            endIndex = i + '</MyTag>'.length;
+            break;
+          }
+          openedSubStartMatches--;
+        } else {
+          openedSubStartMatches++;
+        }
+      }
+    }
+    return endIndex;
+  },
+  importRegExp: /<(MyTag)\s*>/,
+  regExp: /__ignore__/,
+  replace: (textNode, match) => {
+    const linkNode = $createLinkNode('simple-jsx');
+
+    const textStart = match[0].length + (match.index ?? 0);
+    const textEnd =
+      (match.index ?? 0) + textNode.getTextContent().length - '</MyTag>'.length;
+    const text = match.input?.slice(textStart, textEnd);
+
+    const linkTextNode = $createTextNode(text);
+    linkTextNode.setFormat(textNode.getFormat());
+    linkNode.append(linkTextNode);
+    textNode.replace(linkNode);
+  },
+  type: 'text-match',
+};
+
 // Matches html within a mdx file
 const MDX_HTML_TRANSFORMER: MultilineElementTransformer = {
   dependencies: [CodeNode],
@@ -461,6 +506,12 @@ describe('Markdown', () => {
       md: '```ts\nCode\n```ts\nSub Code\n```\n```',
       skipExport: true,
     },
+    {
+      customTransformers: [SIMPLE_INLINE_JSX_MATCHER],
+      html: '<p><span style="white-space: pre-wrap;">Hello </span><a href="simple-jsx"><span style="white-space: pre-wrap;">One &lt;MyTag&gt;Two&lt;/MyTag&gt;</span></a><span style="white-space: pre-wrap;"> there</span></p>',
+      md: 'Hello <MyTag>One <MyTag>Two</MyTag></MyTag> there',
+      skipExport: true,
+    },
   ];
 
   const HIGHLIGHT_TEXT_MATCH_IMPORT: TextMatchTransformer = {

From fc1bea0d0d1c0feaf1b9640ff93f603ff8929376 Mon Sep 17 00:00:00 2001
From: Fadekemi Adebayo <82163647+Shopiley@users.noreply.github.com>
Date: Tue, 5 Nov 2024 20:29:35 +0100
Subject: [PATCH 075/133] [Lexical-website] BugFix: Change button text colour
 to improve visibility (#6796)

---
 .../lexical-website/src/components/HomepageExamples/index.js  | 2 +-
 packages/lexical-website/src/css/custom.css                   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-website/src/components/HomepageExamples/index.js b/packages/lexical-website/src/components/HomepageExamples/index.js
index b60e64392c4..5189561dc03 100644
--- a/packages/lexical-website/src/components/HomepageExamples/index.js
+++ b/packages/lexical-website/src/components/HomepageExamples/index.js
@@ -71,7 +71,7 @@ export default function HomepageExamples() {
           {EXAMPLES.map(({id, label}) => (
             <Tabs.Trigger asChild={true} value={id} key={id}>
               <li
-                className={`cursor-pointer list-none rounded-md px-4 py-1 font-bold transition-colors hover:bg-[#f2f2f2] ${
+                className={`button--text cursor-pointer list-none rounded-md px-4 py-1 font-bold transition-colors hover:bg-[#f2f2f2] ${
                   activeItemID === id && 'pills__item--active'
                 }`}
                 tabIndex={0}
diff --git a/packages/lexical-website/src/css/custom.css b/packages/lexical-website/src/css/custom.css
index c0f0ac3ffc1..b777d566023 100644
--- a/packages/lexical-website/src/css/custom.css
+++ b/packages/lexical-website/src/css/custom.css
@@ -44,3 +44,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
 html[data-theme='dark'] .button--outline:hover {
   color: white;
 }
+
+html[data-theme='dark'] .button--text:hover {
+  color: rgba(0, 0, 0, 0.5);
+}

From dd65f5913123ffe6e1f9191f511283f9f46f5fc7 Mon Sep 17 00:00:00 2001
From: Michael Shafer <michael.shafer@atticus.tech>
Date: Wed, 6 Nov 2024 07:45:12 +1000
Subject: [PATCH 076/133] [lexical-yjs] Bug Fix: clean up dangling text after
 undo in collaboration (#6670)

Co-authored-by: James Fitzsimmons <james@atticus.tech>
Co-authored-by: James Fitzsimmons <119275535+james-atticus@users.noreply.github.com>
Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../__tests__/e2e/Collaboration.spec.mjs      | 157 ++++++++++++++++++
 packages/lexical-yjs/src/CollabElementNode.ts |  32 ++--
 2 files changed, 175 insertions(+), 14 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs b/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs
index 762ee82e94e..b47b3c04f6a 100644
--- a/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs
@@ -230,4 +230,161 @@ test.describe('Collaboration', () => {
       focusPath: [1, 1, 0],
     });
   });
+
+  test('Remove dangling text from YJS when there is no preceding text node', async ({
+    isRichText,
+    page,
+    isCollab,
+    browserName,
+  }) => {
+    test.skip(!isCollab);
+
+    // Left collaborator types two paragraphs of text
+    await focusEditor(page);
+    await page.keyboard.type('Line 1');
+    await page.keyboard.press('Enter');
+    await sleep(1050); // default merge interval is 1000, add 50ms as overhead due to CI latency.
+    await page.keyboard.type('This is a test. ');
+
+    // Right collaborator types at the end of paragraph 2
+    await sleep(1050);
+    await page
+      .frameLocator('iframe[name="right"]')
+      .locator('[data-lexical-editor="true"]')
+      .focus();
+    await page.keyboard.press('ArrowDown'); // Move caret to end of paragraph 2
+    await page.keyboard.press('ArrowDown');
+    await page.keyboard.type('Word');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">Line 1</span>
+        </p>
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">This is a test. Word</span>
+        </p>
+      `,
+    );
+
+    // Left collaborator undoes their text in the second paragraph.
+    await sleep(50);
+    await page.frameLocator('iframe[name="left"]').getByLabel('Undo').click();
+
+    // The undo also removed the text node from YJS.
+    // Check that the dangling text from right user was also removed.
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">Line 1</span>
+        </p>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+
+    // Left collaborator refreshes their page
+    await page.evaluate(() => {
+      document
+        .querySelector('iframe[name="left"]')
+        .contentDocument.location.reload();
+    });
+
+    // Page content should be the same as before the refresh
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">Line 1</span>
+        </p>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+  });
+
+  test('Merge dangling text into preceding text node', async ({
+    isRichText,
+    page,
+    isCollab,
+    browserName,
+  }) => {
+    test.skip(!isCollab);
+
+    // Left collaborator types two pieces of text in the same paragraph, but with different styling.
+    await focusEditor(page);
+    await page.keyboard.type('normal');
+    await sleep(1050);
+    await toggleBold(page);
+    await page.keyboard.type('bold');
+
+    // Right collaborator types at the end of the paragraph.
+    await sleep(50);
+    await page
+      .frameLocator('iframe[name="right"]')
+      .locator('[data-lexical-editor="true"]')
+      .focus();
+    await page.keyboard.press('ArrowDown'); // Move caret to end of paragraph
+    await page.keyboard.type('BOLD');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">normal</span>
+          <strong
+            class="PlaygroundEditorTheme__textBold"
+            data-lexical-text="true">
+            boldBOLD
+          </strong>
+        </p>
+      `,
+    );
+
+    // Left collaborator undoes their bold text.
+    await sleep(50);
+    await page.frameLocator('iframe[name="left"]').getByLabel('Undo').click();
+
+    // The undo also removed bold the text node from YJS.
+    // Check that the dangling text from right user was merged into the preceding text node.
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">normalBOLD</span>
+        </p>
+      `,
+    );
+
+    // Left collaborator refreshes their page
+    await page.evaluate(() => {
+      document
+        .querySelector('iframe[name="left"]')
+        .contentDocument.location.reload();
+    });
+
+    // Page content should be the same as before the refresh
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">normalBOLD</span>
+        </p>
+      `,
+    );
+  });
 });
diff --git a/packages/lexical-yjs/src/CollabElementNode.ts b/packages/lexical-yjs/src/CollabElementNode.ts
index f4c3f124c55..c38171af0e8 100644
--- a/packages/lexical-yjs/src/CollabElementNode.ts
+++ b/packages/lexical-yjs/src/CollabElementNode.ts
@@ -157,21 +157,25 @@ export class CollabElementNode {
               nodeIndex !== 0 ? children[nodeIndex - 1] : null;
             const nodeSize = node.getSize();
 
-            if (
-              offset === 0 &&
-              delCount === 1 &&
-              nodeIndex > 0 &&
-              prevCollabNode instanceof CollabTextNode &&
-              length === nodeSize &&
-              // If the node has no keys, it's been deleted
-              Array.from(node._map.keys()).length === 0
-            ) {
-              // Merge the text node with previous.
-              prevCollabNode._text += node._text;
-              children.splice(nodeIndex, 1);
-            } else if (offset === 0 && delCount === nodeSize) {
-              // The entire thing needs removing
+            if (offset === 0 && length === nodeSize) {
+              // Text node has been deleted.
               children.splice(nodeIndex, 1);
+              // If this was caused by an undo from YJS, there could be dangling text.
+              const danglingText = spliceString(
+                node._text,
+                offset,
+                delCount - 1,
+                '',
+              );
+              if (danglingText.length > 0) {
+                if (prevCollabNode instanceof CollabTextNode) {
+                  // Merge the text node with previous.
+                  prevCollabNode._text += danglingText;
+                } else {
+                  // No previous text node to merge into, just delete the text.
+                  this._xmlText.delete(offset, danglingText.length);
+                }
+              }
             } else {
               node._text = spliceString(node._text, offset, delCount, '');
             }

From 86eba220414e77d8e770353065bf5dcc6901cfad Mon Sep 17 00:00:00 2001
From: Ajaezo Kingsley <54126417+Kingscliq@users.noreply.github.com>
Date: Tue, 5 Nov 2024 22:53:25 +0100
Subject: [PATCH 077/133] [lexical-website] Documentation Update: Add
 Documentation for html Property in Lexical Editor Configuration (#6770)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 examples/react-rich/src/App.tsx               | 116 +++++++++++++++++-
 examples/react-rich/src/ExampleTheme.ts       |   1 +
 examples/react-rich/src/styleConfig.ts        |  25 ++++
 .../docs/concepts/serialization.md            |  29 +++++
 4 files changed, 168 insertions(+), 3 deletions(-)
 create mode 100644 examples/react-rich/src/styleConfig.ts

diff --git a/examples/react-rich/src/App.tsx b/examples/react-rich/src/App.tsx
index e2e7adbcf5a..206d5624c19 100644
--- a/examples/react-rich/src/App.tsx
+++ b/examples/react-rich/src/App.tsx
@@ -5,27 +5,137 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 import {AutoFocusPlugin} from '@lexical/react/LexicalAutoFocusPlugin';
 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 {RichTextPlugin} from '@lexical/react/LexicalRichTextPlugin';
+import {
+  $isTextNode,
+  DOMConversionMap,
+  DOMExportOutput,
+  Klass,
+  LexicalEditor,
+  LexicalNode,
+  ParagraphNode,
+  TextNode,
+} from 'lexical';
 
 import ExampleTheme from './ExampleTheme';
 import ToolbarPlugin from './plugins/ToolbarPlugin';
 import TreeViewPlugin from './plugins/TreeViewPlugin';
+import {parseAllowedColor, parseAllowedFontSize} from './styleConfig';
 
 const placeholder = 'Enter some rich text...';
 
+const removeStylesExportDOM = (
+  editor: LexicalEditor,
+  target: LexicalNode,
+): DOMExportOutput => {
+  const output = target.exportDOM(editor);
+  if (output && output.element instanceof HTMLElement) {
+    // Remove all inline styles and classes if the element is an HTMLElement
+    // Children are checked as well since TextNode can be nested
+    // in i, b, and strong tags.
+    for (const el of [
+      output.element,
+      ...output.element.querySelectorAll('[style],[class],[dir="ltr"]'),
+    ]) {
+      el.removeAttribute('class');
+      el.removeAttribute('style');
+      if (el.getAttribute('dir') === 'ltr') {
+        el.removeAttribute('dir');
+      }
+    }
+  }
+  return output;
+};
+
+const exportMap = new Map<
+  Klass<LexicalNode>,
+  (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput
+>([
+  [ParagraphNode, removeStylesExportDOM],
+  [TextNode, removeStylesExportDOM],
+]);
+
+const getExtraStyles = (element: HTMLElement): string => {
+  // Parse styles from pasted input, but only if they match exactly the
+  // sort of styles that would be produced by exportDOM
+  let extraStyles = '';
+  const fontSize = parseAllowedFontSize(element.style.fontSize);
+  const backgroundColor = parseAllowedColor(element.style.backgroundColor);
+  const color = parseAllowedColor(element.style.color);
+  if (fontSize !== '' && fontSize !== '15px') {
+    extraStyles += `font-size: ${fontSize};`;
+  }
+  if (backgroundColor !== '' && backgroundColor !== 'rgb(255, 255, 255)') {
+    extraStyles += `background-color: ${backgroundColor};`;
+  }
+  if (color !== '' && color !== 'rgb(0, 0, 0)') {
+    extraStyles += `color: ${color};`;
+  }
+  return extraStyles;
+};
+
+const constructImportMap = (): DOMConversionMap => {
+  const importMap: DOMConversionMap = {};
+
+  // Wrap all TextNode importers with a function that also imports
+  // the custom styles implemented by the playground
+  for (const [tag, fn] of Object.entries(TextNode.importDOM() || {})) {
+    importMap[tag] = (importNode) => {
+      const importer = fn(importNode);
+      if (!importer) {
+        return null;
+      }
+      return {
+        ...importer,
+        conversion: (element) => {
+          const output = importer.conversion(element);
+          if (
+            output === null ||
+            output.forChild === undefined ||
+            output.after !== undefined ||
+            output.node !== null
+          ) {
+            return output;
+          }
+          const extraStyles = getExtraStyles(element);
+          if (extraStyles) {
+            const {forChild} = output;
+            return {
+              ...output,
+              forChild: (child, parent) => {
+                const textNode = forChild(child, parent);
+                if ($isTextNode(textNode)) {
+                  textNode.setStyle(textNode.getStyle() + extraStyles);
+                }
+                return textNode;
+              },
+            };
+          }
+          return output;
+        },
+      };
+    };
+  }
+
+  return importMap;
+};
+
 const editorConfig = {
+  html: {
+    export: exportMap,
+    import: constructImportMap(),
+  },
   namespace: 'React.js Demo',
-  nodes: [],
-  // Handling of errors during update
+  nodes: [ParagraphNode, TextNode],
   onError(error: Error) {
     throw error;
   },
-  // The editor theme
   theme: ExampleTheme,
 };
 
diff --git a/examples/react-rich/src/ExampleTheme.ts b/examples/react-rich/src/ExampleTheme.ts
index bbd871b653a..1cc2bc15528 100644
--- a/examples/react-rich/src/ExampleTheme.ts
+++ b/examples/react-rich/src/ExampleTheme.ts
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 export default {
   code: 'editor-code',
   heading: {
diff --git a/examples/react-rich/src/styleConfig.ts b/examples/react-rich/src/styleConfig.ts
new file mode 100644
index 00000000000..d2d121c7980
--- /dev/null
+++ b/examples/react-rich/src/styleConfig.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const MIN_ALLOWED_FONT_SIZE = 8;
+const MAX_ALLOWED_FONT_SIZE = 72;
+
+export const parseAllowedFontSize = (input: string): string => {
+  const match = input.match(/^(\d+(?:\.\d+)?)px$/);
+  if (match) {
+    const n = Number(match[1]);
+    if (n >= MIN_ALLOWED_FONT_SIZE && n <= MAX_ALLOWED_FONT_SIZE) {
+      return input;
+    }
+  }
+  return '';
+};
+
+export function parseAllowedColor(input: string) {
+  return /^rgb\(\d+, \d+, \d+\)$/.test(input) ? input : '';
+}
diff --git a/packages/lexical-website/docs/concepts/serialization.md b/packages/lexical-website/docs/concepts/serialization.md
index 03ed5f924e8..90eaf313fe3 100644
--- a/packages/lexical-website/docs/concepts/serialization.md
+++ b/packages/lexical-website/docs/concepts/serialization.md
@@ -437,3 +437,32 @@ function patchStyleConversion(
   };
 }
 ```
+
+### `html` Property for Import and Export Configuration
+
+The `html` property in `CreateEditorArgs` provides an alternate way to configure HTML import and export behavior in Lexical without subclassing or node replacement. It includes two properties:
+
+- `import` - Similar to `importDOM`, it controls how HTML elements are transformed into `LexicalNodes`. However, instead of defining conversions directly on each `LexicalNode`, `html.import` provides a configuration that can be overridden easily in the editor setup.
+  
+- `export` - Similar to `exportDOM`, this property customizes how `LexicalNodes` are serialized into HTML. With `html.export`, users can specify transformations for various nodes collectively, offering a flexible override mechanism that can adapt without needing to extend or replace specific `LexicalNodes`.
+
+#### Key Differences from `importDOM` and `exportDOM`
+
+While `importDOM` and `exportDOM` allow for highly customized, node-specific conversions by defining them directly within the `LexicalNode` class, the `html` property enables broader, editor-wide configurations. This setup benefits situations where:
+
+- **Consistent Transformations**: You want uniform import/export behavior across different nodes without adjusting each node individually.
+- **No Subclassing Required**: Overrides to import and export logic are applied at the editor configuration level, simplifying customization and reducing the need for extensive subclassing.
+
+#### Type Definitions
+
+```typescript
+type HTMLConfig = {
+  export?: DOMExportOutputMap;  // Optional map defining how nodes are exported to HTML.
+  import?: DOMConversionMap;     // Optional record defining how HTML is converted into nodes.
+};
+```
+
+#### Example of a use case for the `html` Property for Import and Export Configuration:
+
+[Rich text sandbox](https://stackblitz.com/github/facebook/lexical/tree/main/examples/react-rich?embed=1&file=src%2FApp.tsx&terminalHeight=0&ctl=1&showSidebar=0&devtoolsheight=0&view=preview)
+

From b284bead0d6664e99e76af118c98eff0f2e33012 Mon Sep 17 00:00:00 2001
From: Bedru Umer <63902795+bedre7@users.noreply.github.com>
Date: Wed, 6 Nov 2024 04:23:57 +0300
Subject: [PATCH 078/133] [lexical-playground] Feature: Add more keyboard
 shortcuts (#6754)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../__tests__/e2e/KeyboardShortcuts.spec.mjs  | 372 +++++++++++
 .../__tests__/keyboardShortcuts/index.mjs     | 156 +++++
 packages/lexical-playground/src/App.tsx       |  29 +-
 packages/lexical-playground/src/Editor.tsx    |  19 +-
 .../src/context/ToolbarContext.tsx            | 125 ++++
 packages/lexical-playground/src/index.css     |  19 +-
 .../src/plugins/ShortcutsPlugin/index.tsx     | 168 +++++
 .../src/plugins/ShortcutsPlugin/shortcuts.ts  | 225 +++++++
 .../src/plugins/ToolbarPlugin/fontSize.tsx    | 152 +----
 .../src/plugins/ToolbarPlugin/index.tsx       | 611 +++++++-----------
 .../src/plugins/ToolbarPlugin/utils.ts        | 292 +++++++++
 11 files changed, 1663 insertions(+), 505 deletions(-)
 create mode 100644 packages/lexical-playground/__tests__/e2e/KeyboardShortcuts.spec.mjs
 create mode 100644 packages/lexical-playground/src/context/ToolbarContext.tsx
 create mode 100644 packages/lexical-playground/src/plugins/ShortcutsPlugin/index.tsx
 create mode 100644 packages/lexical-playground/src/plugins/ShortcutsPlugin/shortcuts.ts
 create mode 100644 packages/lexical-playground/src/plugins/ToolbarPlugin/utils.ts

diff --git a/packages/lexical-playground/__tests__/e2e/KeyboardShortcuts.spec.mjs b/packages/lexical-playground/__tests__/e2e/KeyboardShortcuts.spec.mjs
new file mode 100644
index 00000000000..989a4bbbeb8
--- /dev/null
+++ b/packages/lexical-playground/__tests__/e2e/KeyboardShortcuts.spec.mjs
@@ -0,0 +1,372 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {
+  applyCodeBlock,
+  applyHeading,
+  applyNormalFormat,
+  applyQuoteBlock,
+  centerAlign,
+  clearFormatting,
+  decreaseFontSize,
+  increaseFontSize,
+  indent,
+  justifyAlign,
+  leftAlign,
+  outdent,
+  rightAlign,
+  selectCharacters,
+  toggleBold,
+  toggleBulletList,
+  toggleChecklist,
+  toggleInsertCodeBlock,
+  toggleItalic,
+  toggleNumberedList,
+  toggleStrikethrough,
+  toggleSubscript,
+  toggleSuperscript,
+  toggleUnderline,
+} from '../keyboardShortcuts/index.mjs';
+import {
+  assertHTML,
+  assertSelection,
+  evaluate,
+  expect,
+  focusEditor,
+  html,
+  initialize,
+  test,
+  textContent,
+} from '../utils/index.mjs';
+
+const formatTestCases = [
+  {
+    applyShortcut: (page) => applyNormalFormat(page),
+    canToggle: false,
+    format: 'Normal',
+  },
+  {
+    applyShortcut: (page) => applyHeading(page, 1),
+    canToggle: false,
+    format: 'Heading 1',
+  },
+  {
+    applyShortcut: (page) => applyHeading(page, 2),
+    canToggle: false,
+    format: 'Heading 2',
+  },
+  {
+    applyShortcut: (page) => applyHeading(page, 3),
+    canToggle: false,
+    format: 'Heading 3',
+  },
+  {
+    applyShortcut: (page) => toggleBulletList(page),
+    canToggle: true,
+    format: 'Bulleted List',
+  },
+  {
+    applyShortcut: (page) => toggleNumberedList(page),
+    canToggle: true,
+    format: 'Numbered List',
+  },
+  {
+    applyShortcut: (page) => toggleChecklist(page),
+    canToggle: true,
+    format: 'Check List',
+  },
+  {
+    applyShortcut: (page) => applyQuoteBlock(page),
+    canToggle: false,
+    format: 'Quote',
+  },
+  {
+    applyShortcut: (page) => applyCodeBlock(page),
+    canToggle: false,
+    format: 'Code Block',
+  },
+];
+
+const alignmentTestCases = [
+  {
+    alignment: 'Left Align',
+    applyShortcut: (page) => leftAlign(page),
+  },
+  {
+    alignment: 'Center Align',
+    applyShortcut: (page) => centerAlign(page),
+  },
+  {
+    alignment: 'Right Align',
+    applyShortcut: (page) => rightAlign(page),
+  },
+  {
+    alignment: 'Justify Align',
+    applyShortcut: (page) => justifyAlign(page),
+  },
+];
+
+const additionalStylesTestCases = [
+  {
+    applyShortcut: (page) => toggleStrikethrough(page),
+    style: 'Strikethrough',
+  },
+  {
+    applyShortcut: (page) => toggleSubscript(page),
+    style: 'Subscript',
+  },
+  {
+    applyShortcut: (page) => toggleSuperscript(page),
+    style: 'Superscript',
+  },
+];
+
+const DEFAULT_FORMAT = 'Normal';
+
+const getSelectedFormat = async (page) => {
+  return await textContent(
+    page,
+    '.toolbar-item.block-controls > .text.dropdown-button-text',
+  );
+};
+
+const isDropdownItemActive = async (page, dropdownItemIndex) => {
+  return await evaluate(
+    page,
+    async (_dropdownItemIndex) => {
+      await document
+        .querySelector(
+          'button[aria-label="Formatting options for additional text styles"]',
+        )
+        .click();
+
+      const isActive = await document
+        .querySelector('.dropdown')
+        .children[_dropdownItemIndex].classList.contains('active');
+
+      await document
+        .querySelector(
+          'button[aria-label="Formatting options for additional text styles"]',
+        )
+        .click();
+
+      return isActive;
+    },
+    dropdownItemIndex,
+  );
+};
+
+test.describe('Keyboard shortcuts', () => {
+  test.beforeEach(({isPlainText, isCollab, page}) => {
+    test.skip(isPlainText);
+    return initialize({isCollab, page});
+  });
+
+  formatTestCases.forEach(({format, applyShortcut, canToggle}) => {
+    test(`Can use ${format} format with the shortcut`, async ({
+      page,
+      isPlainText,
+    }) => {
+      await focusEditor(page);
+
+      if (format === DEFAULT_FORMAT) {
+        // Apply a different format first
+        await applyHeading(page, 1);
+      }
+
+      await applyShortcut(page);
+
+      expect(await getSelectedFormat(page)).toBe(format);
+
+      if (canToggle) {
+        await applyShortcut(page);
+
+        // Should revert back to the default format
+        expect(await getSelectedFormat(page)).toBe(DEFAULT_FORMAT);
+      }
+    });
+  });
+
+  alignmentTestCases.forEach(({alignment, applyShortcut}, index) => {
+    test(`Can use ${alignment} with the shortcut`, async ({
+      page,
+      isPlainText,
+    }) => {
+      await focusEditor(page);
+      await applyShortcut(page);
+
+      const selectedAlignment = await textContent(
+        page,
+        '.toolbar-item.spaced.alignment > .text.dropdown-button-text',
+      );
+
+      expect(selectedAlignment).toBe(alignment);
+    });
+  });
+
+  additionalStylesTestCases.forEach(
+    ({applyShortcut, style}, dropdownItemIndex) => {
+      test(`Can use ${style} with the shortcut`, async ({
+        page,
+        isPlainText,
+      }) => {
+        await focusEditor(page);
+        await applyShortcut(page);
+
+        expect(await isDropdownItemActive(page, dropdownItemIndex)).toBe(true);
+
+        // Toggle the style off and check if it's off
+        await focusEditor(page);
+        await applyShortcut(page);
+        expect(await isDropdownItemActive(page, dropdownItemIndex)).toBe(false);
+      });
+    },
+  );
+
+  test('Can increase and decrease font size with the shortcuts', async ({
+    page,
+    isPlainText,
+  }) => {
+    await focusEditor(page);
+    await increaseFontSize(page);
+
+    const getFontSize = async () => {
+      return await evaluate(page, () => {
+        return document.querySelector('.font-size-input').value;
+      });
+    };
+
+    expect(await getFontSize()).toBe('17');
+    await decreaseFontSize(page);
+    expect(await getFontSize()).toBe('15');
+  });
+
+  test('Can clear formatting with the shortcut', async ({
+    page,
+    isPlainText,
+  }) => {
+    await focusEditor(page);
+    // Apply some formatting first
+    await page.keyboard.type('abc');
+    await selectCharacters(page, 'left', 3);
+
+    await assertSelection(page, {
+      anchorOffset: 3,
+      anchorPath: [0, 0, 0],
+      focusOffset: 0,
+      focusPath: [0, 0, 0],
+    });
+
+    await toggleBold(page);
+    await toggleItalic(page);
+    await toggleUnderline(page);
+    await toggleStrikethrough(page);
+    await toggleSubscript(page);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <sub data-lexical-text="true">
+            <strong
+              class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textSubscript">
+              abc
+            </strong>
+          </sub>
+        </p>
+      `,
+    );
+
+    await clearFormatting(page);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">abc</span>
+        </p>
+      `,
+    );
+  });
+
+  test('Can toggle Insert Code Block with the shortcut', async ({
+    page,
+    isPlainText,
+  }) => {
+    await focusEditor(page);
+
+    const isCodeBlockActive = async () => {
+      return await evaluate(page, () => {
+        return document
+          .querySelector(`button[aria-label="Insert code block"]`)
+          .classList.contains('active');
+      });
+    };
+
+    // Toggle the code block on
+    await toggleInsertCodeBlock(page);
+    expect(await isCodeBlockActive()).toBe(true);
+
+    // Toggle the code block off
+    await toggleInsertCodeBlock(page);
+    expect(await isCodeBlockActive()).toBe(false);
+  });
+
+  test('Can indent and outdent with the shortcuts', async ({
+    page,
+    isPlainText,
+  }) => {
+    await focusEditor(page);
+    await page.keyboard.type('abc');
+    await indent(page, 3);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr PlaygroundEditorTheme__indent"
+          dir="ltr"
+          style="padding-inline-start: calc(120px);">
+          <span data-lexical-text="true">abc</span>
+        </p>
+      `,
+    );
+
+    await outdent(page, 2);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr PlaygroundEditorTheme__indent"
+          dir="ltr"
+          style="padding-inline-start: calc(40px);">
+          <span data-lexical-text="true">abc</span>
+        </p>
+      `,
+    );
+
+    await outdent(page, 1);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr"
+          style="">
+          <span data-lexical-text="true">abc</span>
+        </p>
+      `,
+    );
+  });
+});
diff --git a/packages/lexical-playground/__tests__/keyboardShortcuts/index.mjs b/packages/lexical-playground/__tests__/keyboardShortcuts/index.mjs
index f767c590698..41893cd7900 100644
--- a/packages/lexical-playground/__tests__/keyboardShortcuts/index.mjs
+++ b/packages/lexical-playground/__tests__/keyboardShortcuts/index.mjs
@@ -253,6 +253,22 @@ export async function toggleItalic(page) {
   await keyUpCtrlOrMeta(page);
 }
 
+export async function toggleInsertCodeBlock(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  await page.keyboard.press('c');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
+export async function toggleStrikethrough(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  await page.keyboard.press('s');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
 export async function pressShiftEnter(page) {
   await page.keyboard.down('Shift');
   await page.keyboard.press('Enter');
@@ -288,3 +304,143 @@ export async function paste(page) {
   await page.keyboard.press('KeyV');
   await keyUpCtrlOrMeta(page);
 }
+
+export async function toggleSubscript(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.press(',');
+  await keyUpCtrlOrMeta(page);
+}
+
+export async function toggleSuperscript(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.press('.');
+  await keyUpCtrlOrMeta(page);
+}
+
+export async function clearFormatting(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.press('\\');
+  await keyUpCtrlOrMeta(page);
+}
+
+export async function leftAlign(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  await page.keyboard.press('l');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
+export async function centerAlign(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  await page.keyboard.press('e');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
+export async function rightAlign(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  await page.keyboard.press('r');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
+export async function justifyAlign(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  await page.keyboard.press('j');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
+export async function outdent(page, times = 1) {
+  for (let i = 0; i < times; i++) {
+    await keyDownCtrlOrMeta(page);
+    await page.keyboard.press('[');
+    await keyUpCtrlOrMeta(page);
+  }
+}
+
+export async function indent(page, times = 1) {
+  for (let i = 0; i < times; i++) {
+    await keyDownCtrlOrMeta(page);
+    await page.keyboard.press(']');
+    await keyUpCtrlOrMeta(page);
+  }
+}
+
+export async function applyNormalFormat(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press('0');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function applyHeading(page, level) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press(level.toString());
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function toggleBulletList(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press('4');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function toggleNumberedList(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press('5');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function toggleChecklist(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press('6');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function applyQuoteBlock(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press('q');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function applyCodeBlock(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Alt');
+  await page.keyboard.press('c');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Alt');
+}
+
+export async function increaseFontSize(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  // shift + '.' becomes '>' on US keyboard layout. See https://keycode.info/
+  await page.keyboard.press('>');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
+
+export async function decreaseFontSize(page) {
+  await keyDownCtrlOrMeta(page);
+  await page.keyboard.down('Shift');
+  // shift + ',' becomes '<' on US keyboard layout. See https://keycode.info/
+  await page.keyboard.press('<');
+  await keyUpCtrlOrMeta(page);
+  await page.keyboard.up('Shift');
+}
diff --git a/packages/lexical-playground/src/App.tsx b/packages/lexical-playground/src/App.tsx
index 3cdc15f505f..6f20d8c3841 100644
--- a/packages/lexical-playground/src/App.tsx
+++ b/packages/lexical-playground/src/App.tsx
@@ -24,6 +24,7 @@ import {FlashMessageContext} from './context/FlashMessageContext';
 import {SettingsContext, useSettings} from './context/SettingsContext';
 import {SharedAutocompleteContext} from './context/SharedAutocompleteContext';
 import {SharedHistoryContext} from './context/SharedHistoryContext';
+import {ToolbarContext} from './context/ToolbarContext';
 import Editor from './Editor';
 import logo from './images/logo.svg';
 import PlaygroundNodes from './nodes/PlaygroundNodes';
@@ -211,20 +212,22 @@ function App(): JSX.Element {
       <SharedHistoryContext>
         <TableContext>
           <SharedAutocompleteContext>
-            <header>
-              <a href="https://lexical.dev" target="_blank" rel="noreferrer">
-                <img src={logo} alt="Lexical Logo" />
-              </a>
-            </header>
-            <div className="editor-shell">
-              <Editor />
-            </div>
-            <Settings />
-            {isDevPlayground ? <DocsPlugin /> : null}
-            {isDevPlayground ? <PasteLogPlugin /> : null}
-            {isDevPlayground ? <TestRecorderPlugin /> : null}
+            <ToolbarContext>
+              <header>
+                <a href="https://lexical.dev" target="_blank" rel="noreferrer">
+                  <img src={logo} alt="Lexical Logo" />
+                </a>
+              </header>
+              <div className="editor-shell">
+                <Editor />
+              </div>
+              <Settings />
+              {isDevPlayground ? <DocsPlugin /> : null}
+              {isDevPlayground ? <PasteLogPlugin /> : null}
+              {isDevPlayground ? <TestRecorderPlugin /> : null}
 
-            {measureTypingPerf ? <TypingPerfPlugin /> : null}
+              {measureTypingPerf ? <TypingPerfPlugin /> : null}
+            </ToolbarContext>
           </SharedAutocompleteContext>
         </TableContext>
       </SharedHistoryContext>
diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index 31d8a38d433..2c4f0419575 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -12,6 +12,7 @@ import {CheckListPlugin} from '@lexical/react/LexicalCheckListPlugin';
 import {ClearEditorPlugin} from '@lexical/react/LexicalClearEditorPlugin';
 import {ClickableLinkPlugin} from '@lexical/react/LexicalClickableLinkPlugin';
 import {CollaborationPlugin} from '@lexical/react/LexicalCollaborationPlugin';
+import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {LexicalErrorBoundary} from '@lexical/react/LexicalErrorBoundary';
 import {HashtagPlugin} from '@lexical/react/LexicalHashtagPlugin';
 import {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin';
@@ -59,6 +60,7 @@ import {MaxLengthPlugin} from './plugins/MaxLengthPlugin';
 import MentionsPlugin from './plugins/MentionsPlugin';
 import PageBreakPlugin from './plugins/PageBreakPlugin';
 import PollPlugin from './plugins/PollPlugin';
+import ShortcutsPlugin from './plugins/ShortcutsPlugin';
 import SpeechToTextPlugin from './plugins/SpeechToTextPlugin';
 import TabFocusPlugin from './plugins/TabFocusPlugin';
 import TableCellActionMenuPlugin from './plugins/TableActionMenuPlugin';
@@ -104,6 +106,8 @@ export default function Editor(): JSX.Element {
     useState<HTMLDivElement | null>(null);
   const [isSmallWidthViewport, setIsSmallWidthViewport] =
     useState<boolean>(false);
+  const [editor] = useLexicalComposerContext();
+  const [activeEditor, setActiveEditor] = useState(editor);
   const [isLinkEditMode, setIsLinkEditMode] = useState<boolean>(false);
 
   const onRef = (_floatingAnchorElem: HTMLDivElement) => {
@@ -131,7 +135,20 @@ export default function Editor(): JSX.Element {
 
   return (
     <>
-      {isRichText && <ToolbarPlugin setIsLinkEditMode={setIsLinkEditMode} />}
+      {isRichText && (
+        <ToolbarPlugin
+          editor={editor}
+          activeEditor={activeEditor}
+          setActiveEditor={setActiveEditor}
+          setIsLinkEditMode={setIsLinkEditMode}
+        />
+      )}
+      {isRichText && (
+        <ShortcutsPlugin
+          editor={activeEditor}
+          setIsLinkEditMode={setIsLinkEditMode}
+        />
+      )}
       <div
         className={`editor-container ${showTreeView ? 'tree-view' : ''} ${
           !isRichText ? 'plain-text' : ''
diff --git a/packages/lexical-playground/src/context/ToolbarContext.tsx b/packages/lexical-playground/src/context/ToolbarContext.tsx
new file mode 100644
index 00000000000..266c584f7ef
--- /dev/null
+++ b/packages/lexical-playground/src/context/ToolbarContext.tsx
@@ -0,0 +1,125 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import {ElementFormatType} from 'lexical';
+import React, {
+  createContext,
+  ReactNode,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
+
+export const MIN_ALLOWED_FONT_SIZE = 8;
+export const MAX_ALLOWED_FONT_SIZE = 72;
+export const DEFAULT_FONT_SIZE = 15;
+
+const rootTypeToRootName = {
+  root: 'Root',
+  table: 'Table',
+};
+
+export const blockTypeToBlockName = {
+  bullet: 'Bulleted List',
+  check: 'Check List',
+  code: 'Code Block',
+  h1: 'Heading 1',
+  h2: 'Heading 2',
+  h3: 'Heading 3',
+  h4: 'Heading 4',
+  h5: 'Heading 5',
+  h6: 'Heading 6',
+  number: 'Numbered List',
+  paragraph: 'Normal',
+  quote: 'Quote',
+};
+
+const INITIAL_TOOLBAR_STATE = {
+  bgColor: '#fff',
+  blockType: 'paragraph' as keyof typeof blockTypeToBlockName,
+  canRedo: false,
+  canUndo: false,
+  codeLanguage: '',
+  elementFormat: 'left' as ElementFormatType,
+  fontColor: '#000',
+  fontFamily: 'Arial',
+  // Current font size in px
+  fontSize: `${DEFAULT_FONT_SIZE}px`,
+  // Font size input value - for controlled input
+  fontSizeInputValue: `${DEFAULT_FONT_SIZE}`,
+  isBold: false,
+  isCode: false,
+  isImageCaption: false,
+  isItalic: false,
+  isLink: false,
+  isRTL: false,
+  isStrikethrough: false,
+  isSubscript: false,
+  isSuperscript: false,
+  isUnderline: false,
+  rootType: 'root' as keyof typeof rootTypeToRootName,
+};
+
+type ToolbarState = typeof INITIAL_TOOLBAR_STATE;
+
+// Utility type to get keys and infer value types
+type ToolbarStateKey = keyof ToolbarState;
+type ToolbarStateValue<Key extends ToolbarStateKey> = ToolbarState[Key];
+
+type ContextShape = {
+  toolbarState: ToolbarState;
+  updateToolbarState<Key extends ToolbarStateKey>(
+    key: Key,
+    value: ToolbarStateValue<Key>,
+  ): void;
+};
+
+const Context = createContext<ContextShape | undefined>(undefined);
+
+export const ToolbarContext = ({
+  children,
+}: {
+  children: ReactNode;
+}): JSX.Element => {
+  const [toolbarState, setToolbarState] = useState(INITIAL_TOOLBAR_STATE);
+  const selectionFontSize = toolbarState.fontSize;
+
+  const updateToolbarState = useCallback(
+    <Key extends ToolbarStateKey>(key: Key, value: ToolbarStateValue<Key>) => {
+      setToolbarState((prev) => ({
+        ...prev,
+        [key]: value,
+      }));
+    },
+    [],
+  );
+
+  useEffect(() => {
+    updateToolbarState('fontSizeInputValue', selectionFontSize.slice(0, -2));
+  }, [selectionFontSize, updateToolbarState]);
+
+  const contextValue = useMemo(() => {
+    return {
+      toolbarState,
+      updateToolbarState,
+    };
+  }, [toolbarState, updateToolbarState]);
+
+  return <Context.Provider value={contextValue}>{children}</Context.Provider>;
+};
+
+export const useToolbarState = () => {
+  const context = useContext(Context);
+
+  if (context === undefined) {
+    throw new Error('useToolbarState must be used within a ToolbarProvider');
+  }
+
+  return context;
+};
diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index 40b443d0976..e5362290c69 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -751,9 +751,22 @@ i.page-break,
   min-width: 100px;
 }
 
-.dropdown .item.fontsize-item,
-.dropdown .item.fontsize-item .text {
-  min-width: unset;
+.dropdown .item.wide {
+  align-items: center;
+  width: 248px;
+}
+
+.dropdown .item.wide .icon-text-container {
+  display: flex;
+
+  .text {
+    min-width: 120px;
+  }
+}
+
+.dropdown .item .shortcut {
+  color: #939393;
+  self-align: flex-end;
 }
 
 .dropdown .item .active {
diff --git a/packages/lexical-playground/src/plugins/ShortcutsPlugin/index.tsx b/packages/lexical-playground/src/plugins/ShortcutsPlugin/index.tsx
new file mode 100644
index 00000000000..4549d8a10e8
--- /dev/null
+++ b/packages/lexical-playground/src/plugins/ShortcutsPlugin/index.tsx
@@ -0,0 +1,168 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {TOGGLE_LINK_COMMAND} from '@lexical/link';
+import {HeadingTagType} from '@lexical/rich-text';
+import {
+  COMMAND_PRIORITY_NORMAL,
+  FORMAT_ELEMENT_COMMAND,
+  FORMAT_TEXT_COMMAND,
+  INDENT_CONTENT_COMMAND,
+  KEY_MODIFIER_COMMAND,
+  LexicalEditor,
+  OUTDENT_CONTENT_COMMAND,
+} from 'lexical';
+import {Dispatch, useEffect} from 'react';
+
+import {useToolbarState} from '../../context/ToolbarContext';
+import {sanitizeUrl} from '../../utils/url';
+import {
+  clearFormatting,
+  formatBulletList,
+  formatCheckList,
+  formatCode,
+  formatHeading,
+  formatNumberedList,
+  formatParagraph,
+  formatQuote,
+  updateFontSize,
+  UpdateFontSizeType,
+} from '../ToolbarPlugin/utils';
+import {
+  isCenterAlign,
+  isClearFormatting,
+  isDecreaseFontSize,
+  isFormatBulletList,
+  isFormatCheckList,
+  isFormatCode,
+  isFormatHeading,
+  isFormatNumberedList,
+  isFormatParagraph,
+  isFormatQuote,
+  isIncreaseFontSize,
+  isIndent,
+  isInsertCodeBlock,
+  isInsertLink,
+  isJustifyAlign,
+  isLeftAlign,
+  isOutdent,
+  isRightAlign,
+  isStrikeThrough,
+  isSubscript,
+  isSuperscript,
+} from './shortcuts';
+
+export default function ShortcutsPlugin({
+  editor,
+  setIsLinkEditMode,
+}: {
+  editor: LexicalEditor;
+  setIsLinkEditMode: Dispatch<boolean>;
+}): null {
+  const {toolbarState} = useToolbarState();
+
+  useEffect(() => {
+    const keyboardShortcutsHandler = (payload: KeyboardEvent) => {
+      const event: KeyboardEvent = payload;
+
+      if (isFormatParagraph(event)) {
+        event.preventDefault();
+        formatParagraph(editor);
+      } else if (isFormatHeading(event)) {
+        event.preventDefault();
+        const {code} = event;
+        const headingSize = `h${code[code.length - 1]}` as HeadingTagType;
+        formatHeading(editor, toolbarState.blockType, headingSize);
+      } else if (isFormatBulletList(event)) {
+        event.preventDefault();
+        formatBulletList(editor, toolbarState.blockType);
+      } else if (isFormatNumberedList(event)) {
+        event.preventDefault();
+        formatNumberedList(editor, toolbarState.blockType);
+      } else if (isFormatCheckList(event)) {
+        event.preventDefault();
+        formatCheckList(editor, toolbarState.blockType);
+      } else if (isFormatCode(event)) {
+        event.preventDefault();
+        formatCode(editor, toolbarState.blockType);
+      } else if (isFormatQuote(event)) {
+        event.preventDefault();
+        formatQuote(editor, toolbarState.blockType);
+      } else if (isStrikeThrough(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
+      } else if (isIndent(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);
+      } else if (isOutdent(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
+      } else if (isCenterAlign(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
+      } else if (isLeftAlign(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
+      } else if (isRightAlign(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
+      } else if (isJustifyAlign(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
+      } else if (isSubscript(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
+      } else if (isSuperscript(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
+      } else if (isInsertCodeBlock(event)) {
+        event.preventDefault();
+        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
+      } else if (isIncreaseFontSize(event)) {
+        event.preventDefault();
+        updateFontSize(
+          editor,
+          UpdateFontSizeType.increment,
+          toolbarState.fontSizeInputValue,
+        );
+      } else if (isDecreaseFontSize(event)) {
+        event.preventDefault();
+        updateFontSize(
+          editor,
+          UpdateFontSizeType.decrement,
+          toolbarState.fontSizeInputValue,
+        );
+      } else if (isClearFormatting(event)) {
+        event.preventDefault();
+        clearFormatting(editor);
+      } else if (isInsertLink(event)) {
+        event.preventDefault();
+        const url = toolbarState.isLink ? null : sanitizeUrl('https://');
+        setIsLinkEditMode(!toolbarState.isLink);
+
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
+      }
+
+      return false;
+    };
+
+    return editor.registerCommand(
+      KEY_MODIFIER_COMMAND,
+      keyboardShortcutsHandler,
+      COMMAND_PRIORITY_NORMAL,
+    );
+  }, [
+    editor,
+    toolbarState.isLink,
+    toolbarState.blockType,
+    toolbarState.fontSizeInputValue,
+    setIsLinkEditMode,
+  ]);
+
+  return null;
+}
diff --git a/packages/lexical-playground/src/plugins/ShortcutsPlugin/shortcuts.ts b/packages/lexical-playground/src/plugins/ShortcutsPlugin/shortcuts.ts
new file mode 100644
index 00000000000..4a959f9dcac
--- /dev/null
+++ b/packages/lexical-playground/src/plugins/ShortcutsPlugin/shortcuts.ts
@@ -0,0 +1,225 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {IS_APPLE} from 'shared/environment';
+
+//disable eslint sorting rule for quick reference to shortcuts
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+export const SHORTCUTS = Object.freeze({
+  // (Ctrl|⌘) + (Alt|Option) + <key> shortcuts
+  NORMAL: IS_APPLE ? '⌘+Opt+0' : 'Ctrl+Alt+0',
+  HEADING1: IS_APPLE ? '⌘+Opt+1' : 'Ctrl+Alt+1',
+  HEADING2: IS_APPLE ? '⌘+Opt+2' : 'Ctrl+Alt+2',
+  HEADING3: IS_APPLE ? '⌘+Opt+3' : 'Ctrl+Alt+3',
+  BULLET_LIST: IS_APPLE ? '⌘+Opt+4' : 'Ctrl+Alt+4',
+  NUMBERED_LIST: IS_APPLE ? '⌘+Opt+5' : 'Ctrl+Alt+5',
+  CHECK_LIST: IS_APPLE ? '⌘+Opt+6' : 'Ctrl+Alt+6',
+  CODE_BLOCK: IS_APPLE ? '⌘+Opt+C' : 'Ctrl+Alt+C',
+  QUOTE: IS_APPLE ? '⌘+Opt+Q' : 'Ctrl+Alt+Q',
+
+  // (Ctrl|⌘) + Shift + <key> shortcuts
+  INCREASE_FONT_SIZE: IS_APPLE ? '⌘+Shift+.' : 'Ctrl+Shift+.',
+  DECREASE_FONT_SIZE: IS_APPLE ? '⌘+Shift+,' : 'Ctrl+Shift+,',
+  INSERT_CODE_BLOCK: IS_APPLE ? '⌘+Shift+C' : 'Ctrl+Shift+C',
+  STRIKETHROUGH: IS_APPLE ? '⌘+Shift+S' : 'Ctrl+Shift+S',
+  CENTER_ALIGN: IS_APPLE ? '⌘+Shift+E' : 'Ctrl+Shift+E',
+  JUSTIFY_ALIGN: IS_APPLE ? '⌘+Shift+J' : 'Ctrl+Shift+J',
+  LEFT_ALIGN: IS_APPLE ? '⌘+Shift+L' : 'Ctrl+Shift+L',
+  RIGHT_ALIGN: IS_APPLE ? '⌘+Shift+R' : 'Ctrl+Shift+R',
+
+  // (Ctrl|⌘) + <key> shortcuts
+  SUBSCRIPT: IS_APPLE ? '⌘+,' : 'Ctrl+,',
+  SUPERSCRIPT: IS_APPLE ? '⌘+.' : 'Ctrl+.',
+  INDENT: IS_APPLE ? '⌘+]' : 'Ctrl+]',
+  OUTDENT: IS_APPLE ? '⌘+[' : 'Ctrl+[',
+  CLEAR_FORMATTING: IS_APPLE ? '⌘+\\' : 'Ctrl+\\',
+  REDO: IS_APPLE ? '⌘+Shift+Z' : 'Ctrl+Y',
+  UNDO: IS_APPLE ? '⌘+Z' : 'Ctrl+Z',
+  BOLD: IS_APPLE ? '⌘+B' : 'Ctrl+B',
+  ITALIC: IS_APPLE ? '⌘+I' : 'Ctrl+I',
+  UNDERLINE: IS_APPLE ? '⌘+U' : 'Ctrl+U',
+  INSERT_LINK: IS_APPLE ? '⌘+K' : 'Ctrl+K',
+});
+
+export function controlOrMeta(metaKey: boolean, ctrlKey: boolean): boolean {
+  return IS_APPLE ? metaKey : ctrlKey;
+}
+
+export function isFormatParagraph(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+
+  return (
+    (code === 'Numpad0' || code === 'Digit0') &&
+    !shiftKey &&
+    altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isFormatHeading(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  const keyNumber = code[code.length - 1];
+
+  return (
+    ['1', '2', '3'].includes(keyNumber) &&
+    !shiftKey &&
+    altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isFormatBulletList(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    (code === 'Numpad4' || code === 'Digit4') &&
+    !shiftKey &&
+    altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isFormatNumberedList(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    (code === 'Numpad5' || code === 'Digit5') &&
+    !shiftKey &&
+    altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isFormatCheckList(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    (code === 'Numpad6' || code === 'Digit6') &&
+    !shiftKey &&
+    altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isFormatCode(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyC' && !shiftKey && altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isFormatQuote(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyQ' && !shiftKey && altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isStrikeThrough(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyS' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isIndent(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'BracketRight' &&
+    !shiftKey &&
+    !altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isOutdent(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'BracketLeft' &&
+    !shiftKey &&
+    !altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isCenterAlign(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyE' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isLeftAlign(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyL' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isRightAlign(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyR' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isJustifyAlign(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyJ' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isSubscript(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'Comma' && !shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isSuperscript(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'Period' && !shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isInsertCodeBlock(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyC' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isIncreaseFontSize(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'Period' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isDecreaseFontSize(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'Comma' && shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isClearFormatting(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'Backslash' &&
+    !shiftKey &&
+    !altKey &&
+    controlOrMeta(metaKey, ctrlKey)
+  );
+}
+
+export function isInsertLink(event: KeyboardEvent): boolean {
+  const {code, shiftKey, altKey, metaKey, ctrlKey} = event;
+  return (
+    code === 'KeyK' && !shiftKey && !altKey && controlOrMeta(metaKey, ctrlKey)
+  );
+}
diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
index 1e1f5406820..ceb0dd408bd 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/fontSize.tsx
@@ -8,13 +8,19 @@
 
 import './fontSize.css';
 
-import {$patchStyleText} from '@lexical/selection';
-import {$getSelection, LexicalEditor} from 'lexical';
+import {LexicalEditor} from 'lexical';
 import * as React from 'react';
 
-const MIN_ALLOWED_FONT_SIZE = 8;
-const MAX_ALLOWED_FONT_SIZE = 72;
-const DEFAULT_FONT_SIZE = 15;
+import {
+  MAX_ALLOWED_FONT_SIZE,
+  MIN_ALLOWED_FONT_SIZE,
+} from '../../context/ToolbarContext';
+import {SHORTCUTS} from '../ShortcutsPlugin/shortcuts';
+import {
+  updateFontSize,
+  updateFontSizeInSelection,
+  UpdateFontSizeType,
+} from './utils';
 
 export function parseAllowedFontSize(input: string): string {
   const match = input.match(/^(\d+(?:\.\d+)?)px$/);
@@ -27,12 +33,6 @@ export function parseAllowedFontSize(input: string): string {
   return '';
 }
 
-// eslint-disable-next-line no-shadow
-enum updateFontSizeType {
-  increment = 1,
-  decrement,
-}
-
 export default function FontSize({
   selectionFontSize,
   disabled,
@@ -45,105 +45,6 @@ export default function FontSize({
   const [inputValue, setInputValue] = React.useState<string>(selectionFontSize);
   const [inputChangeFlag, setInputChangeFlag] = React.useState<boolean>(false);
 
-  /**
-   * Calculates the new font size based on the update type.
-   * @param currentFontSize - The current font size
-   * @param updateType - The type of change, either increment or decrement
-   * @returns the next font size
-   */
-  const calculateNextFontSize = (
-    currentFontSize: number,
-    updateType: updateFontSizeType | null,
-  ) => {
-    if (!updateType) {
-      return currentFontSize;
-    }
-
-    let updatedFontSize: number = currentFontSize;
-    switch (updateType) {
-      case updateFontSizeType.decrement:
-        switch (true) {
-          case currentFontSize > MAX_ALLOWED_FONT_SIZE:
-            updatedFontSize = MAX_ALLOWED_FONT_SIZE;
-            break;
-          case currentFontSize >= 48:
-            updatedFontSize -= 12;
-            break;
-          case currentFontSize >= 24:
-            updatedFontSize -= 4;
-            break;
-          case currentFontSize >= 14:
-            updatedFontSize -= 2;
-            break;
-          case currentFontSize >= 9:
-            updatedFontSize -= 1;
-            break;
-          default:
-            updatedFontSize = MIN_ALLOWED_FONT_SIZE;
-            break;
-        }
-        break;
-
-      case updateFontSizeType.increment:
-        switch (true) {
-          case currentFontSize < MIN_ALLOWED_FONT_SIZE:
-            updatedFontSize = MIN_ALLOWED_FONT_SIZE;
-            break;
-          case currentFontSize < 12:
-            updatedFontSize += 1;
-            break;
-          case currentFontSize < 20:
-            updatedFontSize += 2;
-            break;
-          case currentFontSize < 36:
-            updatedFontSize += 4;
-            break;
-          case currentFontSize <= 60:
-            updatedFontSize += 12;
-            break;
-          default:
-            updatedFontSize = MAX_ALLOWED_FONT_SIZE;
-            break;
-        }
-        break;
-
-      default:
-        break;
-    }
-    return updatedFontSize;
-  };
-  /**
-   * Patches the selection with the updated font size.
-   */
-
-  const updateFontSizeInSelection = React.useCallback(
-    (newFontSize: string | null, updateType: updateFontSizeType | null) => {
-      const getNextFontSize = (prevFontSize: string | null): string => {
-        if (!prevFontSize) {
-          prevFontSize = `${DEFAULT_FONT_SIZE}px`;
-        }
-        prevFontSize = prevFontSize.slice(0, -2);
-        const nextFontSize = calculateNextFontSize(
-          Number(prevFontSize),
-          updateType,
-        );
-        return `${nextFontSize}px`;
-      };
-
-      editor.update(() => {
-        if (editor.isEditable()) {
-          const selection = $getSelection();
-          if (selection !== null) {
-            $patchStyleText(selection, {
-              'font-size': newFontSize || getNextFontSize,
-            });
-          }
-        }
-      });
-    },
-    [editor],
-  );
-
   const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
     const inputValueNumber = Number(inputValue);
 
@@ -170,18 +71,6 @@ export default function FontSize({
     }
   };
 
-  const handleButtonClick = (updateType: updateFontSizeType) => {
-    if (inputValue !== '') {
-      const nextFontSize = calculateNextFontSize(
-        Number(inputValue),
-        updateType,
-      );
-      updateFontSizeInSelection(String(nextFontSize) + 'px', null);
-    } else {
-      updateFontSizeInSelection(null, updateType);
-    }
-  };
-
   const updateFontSizeByInputValue = (inputValueNumber: number) => {
     let updatedFontSize = inputValueNumber;
     if (inputValueNumber > MAX_ALLOWED_FONT_SIZE) {
@@ -191,7 +80,7 @@ export default function FontSize({
     }
 
     setInputValue(String(updatedFontSize));
-    updateFontSizeInSelection(String(updatedFontSize) + 'px', null);
+    updateFontSizeInSelection(editor, String(updatedFontSize) + 'px', null);
     setInputChangeFlag(false);
   };
 
@@ -208,13 +97,18 @@ export default function FontSize({
           (selectionFontSize !== '' &&
             Number(inputValue) <= MIN_ALLOWED_FONT_SIZE)
         }
-        onClick={() => handleButtonClick(updateFontSizeType.decrement)}
-        className="toolbar-item font-decrement">
+        onClick={() =>
+          updateFontSize(editor, UpdateFontSizeType.decrement, inputValue)
+        }
+        className="toolbar-item font-decrement"
+        aria-label="Decrease font size"
+        title={`Decrease font size (${SHORTCUTS.DECREASE_FONT_SIZE})`}>
         <i className="format minus-icon" />
       </button>
 
       <input
         type="number"
+        title="Font size"
         value={inputValue}
         disabled={disabled}
         className="toolbar-item font-size-input"
@@ -232,8 +126,12 @@ export default function FontSize({
           (selectionFontSize !== '' &&
             Number(inputValue) >= MAX_ALLOWED_FONT_SIZE)
         }
-        onClick={() => handleButtonClick(updateFontSizeType.increment)}
-        className="toolbar-item font-increment">
+        onClick={() =>
+          updateFontSize(editor, UpdateFontSizeType.increment, inputValue)
+        }
+        className="toolbar-item font-increment"
+        aria-label="Increase font size"
+        title={`Increase font size (${SHORTCUTS.INCREASE_FONT_SIZE})`}>
         <i className="format add-icon" />
       </button>
     </>
diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx b/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
index 7ce9abbdbcc..ed5da202bca 100644
--- a/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx
@@ -7,63 +7,42 @@
  */
 
 import {
-  $createCodeNode,
   $isCodeNode,
   CODE_LANGUAGE_FRIENDLY_NAME_MAP,
   CODE_LANGUAGE_MAP,
   getLanguageFriendlyName,
 } from '@lexical/code';
 import {$isLinkNode, TOGGLE_LINK_COMMAND} from '@lexical/link';
-import {
-  $isListNode,
-  INSERT_CHECK_LIST_COMMAND,
-  INSERT_ORDERED_LIST_COMMAND,
-  INSERT_UNORDERED_LIST_COMMAND,
-  ListNode,
-} from '@lexical/list';
+import {$isListNode, ListNode} from '@lexical/list';
 import {INSERT_EMBED_COMMAND} from '@lexical/react/LexicalAutoEmbedPlugin';
-import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
-import {$isDecoratorBlockNode} from '@lexical/react/LexicalDecoratorBlockNode';
 import {INSERT_HORIZONTAL_RULE_COMMAND} from '@lexical/react/LexicalHorizontalRuleNode';
-import {
-  $createHeadingNode,
-  $createQuoteNode,
-  $isHeadingNode,
-  $isQuoteNode,
-  HeadingTagType,
-} from '@lexical/rich-text';
+import {$isHeadingNode} from '@lexical/rich-text';
 import {
   $getSelectionStyleValueForProperty,
   $isParentElementRTL,
   $patchStyleText,
-  $setBlocksType,
 } from '@lexical/selection';
 import {$isTableNode, $isTableSelection} from '@lexical/table';
 import {
   $findMatchingParent,
-  $getNearestBlockElementAncestorOrThrow,
   $getNearestNodeOfType,
   $isEditorIsNestedEditor,
   mergeRegister,
 } from '@lexical/utils';
 import {
-  $createParagraphNode,
   $getNodeByKey,
   $getRoot,
   $getSelection,
   $isElementNode,
   $isRangeSelection,
   $isRootOrShadowRoot,
-  $isTextNode,
   CAN_REDO_COMMAND,
   CAN_UNDO_COMMAND,
   COMMAND_PRIORITY_CRITICAL,
-  COMMAND_PRIORITY_NORMAL,
   ElementFormatType,
   FORMAT_ELEMENT_COMMAND,
   FORMAT_TEXT_COMMAND,
   INDENT_CONTENT_COMMAND,
-  KEY_MODIFIER_COMMAND,
   LexicalEditor,
   NodeKey,
   OUTDENT_CONTENT_COMMAND,
@@ -75,6 +54,10 @@ import {Dispatch, useCallback, useEffect, useState} from 'react';
 import * as React from 'react';
 import {IS_APPLE} from 'shared/environment';
 
+import {
+  blockTypeToBlockName,
+  useToolbarState,
+} from '../../context/ToolbarContext';
 import useModal from '../../hooks/useModal';
 import catTypingGif from '../../images/cat-typing.gif';
 import {$createStickyNode} from '../../nodes/StickyNode';
@@ -95,23 +78,19 @@ import {InsertInlineImageDialog} from '../InlineImagePlugin';
 import InsertLayoutDialog from '../LayoutPlugin/InsertLayoutDialog';
 import {INSERT_PAGE_BREAK} from '../PageBreakPlugin';
 import {InsertPollDialog} from '../PollPlugin';
+import {SHORTCUTS} from '../ShortcutsPlugin/shortcuts';
 import {InsertTableDialog} from '../TablePlugin';
 import FontSize from './fontSize';
-
-const blockTypeToBlockName = {
-  bullet: 'Bulleted List',
-  check: 'Check List',
-  code: 'Code Block',
-  h1: 'Heading 1',
-  h2: 'Heading 2',
-  h3: 'Heading 3',
-  h4: 'Heading 4',
-  h5: 'Heading 5',
-  h6: 'Heading 6',
-  number: 'Numbered List',
-  paragraph: 'Normal',
-  quote: 'Quote',
-};
+import {
+  clearFormatting,
+  formatBulletList,
+  formatCheckList,
+  formatCode,
+  formatHeading,
+  formatNumberedList,
+  formatParagraph,
+  formatQuote,
+} from './utils';
 
 const rootTypeToRootName = {
   root: 'Root',
@@ -213,79 +192,6 @@ function BlockFormatDropDown({
   editor: LexicalEditor;
   disabled?: boolean;
 }): JSX.Element {
-  const formatParagraph = () => {
-    editor.update(() => {
-      const selection = $getSelection();
-      if ($isRangeSelection(selection)) {
-        $setBlocksType(selection, () => $createParagraphNode());
-      }
-    });
-  };
-
-  const formatHeading = (headingSize: HeadingTagType) => {
-    if (blockType !== headingSize) {
-      editor.update(() => {
-        const selection = $getSelection();
-        $setBlocksType(selection, () => $createHeadingNode(headingSize));
-      });
-    }
-  };
-
-  const formatBulletList = () => {
-    if (blockType !== 'bullet') {
-      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);
-    } else {
-      formatParagraph();
-    }
-  };
-
-  const formatCheckList = () => {
-    if (blockType !== 'check') {
-      editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);
-    } else {
-      formatParagraph();
-    }
-  };
-
-  const formatNumberedList = () => {
-    if (blockType !== 'number') {
-      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);
-    } else {
-      formatParagraph();
-    }
-  };
-
-  const formatQuote = () => {
-    if (blockType !== 'quote') {
-      editor.update(() => {
-        const selection = $getSelection();
-        $setBlocksType(selection, () => $createQuoteNode());
-      });
-    }
-  };
-
-  const formatCode = () => {
-    if (blockType !== 'code') {
-      editor.update(() => {
-        let selection = $getSelection();
-
-        if (selection !== null) {
-          if (selection.isCollapsed()) {
-            $setBlocksType(selection, () => $createCodeNode());
-          } else {
-            const textContent = selection.getTextContent();
-            const codeNode = $createCodeNode();
-            selection.insertNodes([codeNode]);
-            selection = $getSelection();
-            if ($isRangeSelection(selection)) {
-              selection.insertRawText(textContent);
-            }
-          }
-        }
-      });
-    }
-  };
-
   return (
     <DropDown
       disabled={disabled}
@@ -294,58 +200,87 @@ function BlockFormatDropDown({
       buttonLabel={blockTypeToBlockName[blockType]}
       buttonAriaLabel="Formatting options for text style">
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'paragraph')}
-        onClick={formatParagraph}>
-        <i className="icon paragraph" />
-        <span className="text">Normal</span>
+        className={
+          'item wide ' + dropDownActiveClass(blockType === 'paragraph')
+        }
+        onClick={() => formatParagraph(editor)}>
+        <div className="icon-text-container">
+          <i className="icon paragraph" />
+          <span className="text">Normal</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.NORMAL}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'h1')}
-        onClick={() => formatHeading('h1')}>
-        <i className="icon h1" />
-        <span className="text">Heading 1</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'h1')}
+        onClick={() => formatHeading(editor, blockType, 'h1')}>
+        <div className="icon-text-container">
+          <i className="icon h1" />
+          <span className="text">Heading 1</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.HEADING1}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'h2')}
-        onClick={() => formatHeading('h2')}>
-        <i className="icon h2" />
-        <span className="text">Heading 2</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'h2')}
+        onClick={() => formatHeading(editor, blockType, 'h2')}>
+        <div className="icon-text-container">
+          <i className="icon h2" />
+          <span className="text">Heading 2</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.HEADING2}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'h3')}
-        onClick={() => formatHeading('h3')}>
-        <i className="icon h3" />
-        <span className="text">Heading 3</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'h3')}
+        onClick={() => formatHeading(editor, blockType, 'h3')}>
+        <div className="icon-text-container">
+          <i className="icon h3" />
+          <span className="text">Heading 3</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.HEADING3}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'bullet')}
-        onClick={formatBulletList}>
-        <i className="icon bullet-list" />
-        <span className="text">Bullet List</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'bullet')}
+        onClick={() => formatBulletList(editor, blockType)}>
+        <div className="icon-text-container">
+          <i className="icon bullet-list" />
+          <span className="text">Bullet List</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.BULLET_LIST}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'number')}
-        onClick={formatNumberedList}>
-        <i className="icon numbered-list" />
-        <span className="text">Numbered List</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'number')}
+        onClick={() => formatNumberedList(editor, blockType)}>
+        <div className="icon-text-container">
+          <i className="icon numbered-list" />
+          <span className="text">Numbered List</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.NUMBERED_LIST}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'check')}
-        onClick={formatCheckList}>
-        <i className="icon check-list" />
-        <span className="text">Check List</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'check')}
+        onClick={() => formatCheckList(editor, blockType)}>
+        <div className="icon-text-container">
+          <i className="icon check-list" />
+          <span className="text">Check List</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.CHECK_LIST}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'quote')}
-        onClick={formatQuote}>
-        <i className="icon quote" />
-        <span className="text">Quote</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'quote')}
+        onClick={() => formatQuote(editor, blockType)}>
+        <div className="icon-text-container">
+          <i className="icon quote" />
+          <span className="text">Quote</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.QUOTE}</span>
       </DropDownItem>
       <DropDownItem
-        className={'item ' + dropDownActiveClass(blockType === 'code')}
-        onClick={formatCode}>
-        <i className="icon code" />
-        <span className="text">Code Block</span>
+        className={'item wide ' + dropDownActiveClass(blockType === 'code')}
+        onClick={() => formatCode(editor, blockType)}>
+        <div className="icon-text-container">
+          <i className="icon code" />
+          <span className="text">Code Block</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.CODE_BLOCK}</span>
       </DropDownItem>
     </DropDown>
   );
@@ -436,39 +371,51 @@ function ElementFormatDropdown({
         onClick={() => {
           editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
         }}
-        className="item">
-        <i className="icon left-align" />
-        <span className="text">Left Align</span>
+        className="item wide">
+        <div className="icon-text-container">
+          <i className="icon left-align" />
+          <span className="text">Left Align</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.LEFT_ALIGN}</span>
       </DropDownItem>
       <DropDownItem
         onClick={() => {
           editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
         }}
-        className="item">
-        <i className="icon center-align" />
-        <span className="text">Center Align</span>
+        className="item wide">
+        <div className="icon-text-container">
+          <i className="icon center-align" />
+          <span className="text">Center Align</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.CENTER_ALIGN}</span>
       </DropDownItem>
       <DropDownItem
         onClick={() => {
           editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
         }}
-        className="item">
-        <i className="icon right-align" />
-        <span className="text">Right Align</span>
+        className="item wide">
+        <div className="icon-text-container">
+          <i className="icon right-align" />
+          <span className="text">Right Align</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.RIGHT_ALIGN}</span>
       </DropDownItem>
       <DropDownItem
         onClick={() => {
           editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
         }}
-        className="item">
-        <i className="icon justify-align" />
-        <span className="text">Justify Align</span>
+        className="item wide">
+        <div className="icon-text-container">
+          <i className="icon justify-align" />
+          <span className="text">Justify Align</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.JUSTIFY_ALIGN}</span>
       </DropDownItem>
       <DropDownItem
         onClick={() => {
           editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'start');
         }}
-        className="item">
+        className="item wide">
         <i
           className={`icon ${
             isRTL
@@ -482,7 +429,7 @@ function ElementFormatDropdown({
         onClick={() => {
           editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'end');
         }}
-        className="item">
+        className="item wide">
         <i
           className={`icon ${
             isRTL
@@ -497,69 +444,59 @@ function ElementFormatDropdown({
         onClick={() => {
           editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
         }}
-        className="item">
-        <i className={'icon ' + (isRTL ? 'indent' : 'outdent')} />
-        <span className="text">Outdent</span>
+        className="item wide">
+        <div className="icon-text-container">
+          <i className={'icon ' + (isRTL ? 'indent' : 'outdent')} />
+          <span className="text">Outdent</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.OUTDENT}</span>
       </DropDownItem>
       <DropDownItem
         onClick={() => {
           editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);
         }}
-        className="item">
-        <i className={'icon ' + (isRTL ? 'outdent' : 'indent')} />
-        <span className="text">Indent</span>
+        className="item wide">
+        <div className="icon-text-container">
+          <i className={'icon ' + (isRTL ? 'outdent' : 'indent')} />
+          <span className="text">Indent</span>
+        </div>
+        <span className="shortcut">{SHORTCUTS.INDENT}</span>
       </DropDownItem>
     </DropDown>
   );
 }
 
 export default function ToolbarPlugin({
+  editor,
+  activeEditor,
+  setActiveEditor,
   setIsLinkEditMode,
 }: {
+  editor: LexicalEditor;
+  activeEditor: LexicalEditor;
+  setActiveEditor: Dispatch<LexicalEditor>;
   setIsLinkEditMode: Dispatch<boolean>;
 }): JSX.Element {
-  const [editor] = useLexicalComposerContext();
-  const [activeEditor, setActiveEditor] = useState(editor);
-  const [blockType, setBlockType] =
-    useState<keyof typeof blockTypeToBlockName>('paragraph');
-  const [rootType, setRootType] =
-    useState<keyof typeof rootTypeToRootName>('root');
   const [selectedElementKey, setSelectedElementKey] = useState<NodeKey | null>(
     null,
   );
-  const [fontSize, setFontSize] = useState<string>('15px');
-  const [fontColor, setFontColor] = useState<string>('#000');
-  const [bgColor, setBgColor] = useState<string>('#fff');
-  const [fontFamily, setFontFamily] = useState<string>('Arial');
-  const [elementFormat, setElementFormat] = useState<ElementFormatType>('left');
-  const [isLink, setIsLink] = useState(false);
-  const [isBold, setIsBold] = useState(false);
-  const [isItalic, setIsItalic] = useState(false);
-  const [isUnderline, setIsUnderline] = useState(false);
-  const [isStrikethrough, setIsStrikethrough] = useState(false);
-  const [isSubscript, setIsSubscript] = useState(false);
-  const [isSuperscript, setIsSuperscript] = useState(false);
-  const [isCode, setIsCode] = useState(false);
-  const [canUndo, setCanUndo] = useState(false);
-  const [canRedo, setCanRedo] = useState(false);
   const [modal, showModal] = useModal();
-  const [isRTL, setIsRTL] = useState(false);
-  const [codeLanguage, setCodeLanguage] = useState<string>('');
   const [isEditable, setIsEditable] = useState(() => editor.isEditable());
-  const [isImageCaption, setIsImageCaption] = useState(false);
+  const {toolbarState, updateToolbarState} = useToolbarState();
 
   const $updateToolbar = useCallback(() => {
     const selection = $getSelection();
     if ($isRangeSelection(selection)) {
       if (activeEditor !== editor && $isEditorIsNestedEditor(activeEditor)) {
         const rootElement = activeEditor.getRootElement();
-        setIsImageCaption(
+        updateToolbarState(
+          'isImageCaption',
           !!rootElement?.parentElement?.classList.contains(
             'image-caption-container',
           ),
         );
       } else {
-        setIsImageCaption(false);
+        updateToolbarState('isImageCaption', false);
       }
 
       const anchorNode = selection.anchor.getNode();
@@ -578,22 +515,19 @@ export default function ToolbarPlugin({
       const elementKey = element.getKey();
       const elementDOM = activeEditor.getElementByKey(elementKey);
 
-      setIsRTL($isParentElementRTL(selection));
+      updateToolbarState('isRTL', $isParentElementRTL(selection));
 
       // Update links
       const node = getSelectedNode(selection);
       const parent = node.getParent();
-      if ($isLinkNode(parent) || $isLinkNode(node)) {
-        setIsLink(true);
-      } else {
-        setIsLink(false);
-      }
+      const isLink = $isLinkNode(parent) || $isLinkNode(node);
+      updateToolbarState('isLink', isLink);
 
       const tableNode = $findMatchingParent(node, $isTableNode);
       if ($isTableNode(tableNode)) {
-        setRootType('table');
+        updateToolbarState('rootType', 'table');
       } else {
-        setRootType('root');
+        updateToolbarState('rootType', 'root');
       }
 
       if (elementDOM !== null) {
@@ -606,18 +540,23 @@ export default function ToolbarPlugin({
           const type = parentList
             ? parentList.getListType()
             : element.getListType();
-          setBlockType(type);
+
+          updateToolbarState('blockType', type);
         } else {
           const type = $isHeadingNode(element)
             ? element.getTag()
             : element.getType();
           if (type in blockTypeToBlockName) {
-            setBlockType(type as keyof typeof blockTypeToBlockName);
+            updateToolbarState(
+              'blockType',
+              type as keyof typeof blockTypeToBlockName,
+            );
           }
           if ($isCodeNode(element)) {
             const language =
               element.getLanguage() as keyof typeof CODE_LANGUAGE_MAP;
-            setCodeLanguage(
+            updateToolbarState(
+              'codeLanguage',
               language ? CODE_LANGUAGE_MAP[language] || language : '',
             );
             return;
@@ -625,17 +564,20 @@ export default function ToolbarPlugin({
         }
       }
       // Handle buttons
-      setFontColor(
+      updateToolbarState(
+        'fontColor',
         $getSelectionStyleValueForProperty(selection, 'color', '#000'),
       );
-      setBgColor(
+      updateToolbarState(
+        'bgColor',
         $getSelectionStyleValueForProperty(
           selection,
           'background-color',
           '#fff',
         ),
       );
-      setFontFamily(
+      updateToolbarState(
+        'fontFamily',
         $getSelectionStyleValueForProperty(selection, 'font-family', 'Arial'),
       );
       let matchingParent;
@@ -648,7 +590,8 @@ export default function ToolbarPlugin({
       }
 
       // If matchingParent is a valid node, pass it's format type
-      setElementFormat(
+      updateToolbarState(
+        'elementFormat',
         $isElementNode(matchingParent)
           ? matchingParent.getFormatType()
           : $isElementNode(node)
@@ -658,19 +601,22 @@ export default function ToolbarPlugin({
     }
     if ($isRangeSelection(selection) || $isTableSelection(selection)) {
       // Update text format
-      setIsBold(selection.hasFormat('bold'));
-      setIsItalic(selection.hasFormat('italic'));
-      setIsUnderline(selection.hasFormat('underline'));
-      setIsStrikethrough(selection.hasFormat('strikethrough'));
-      setIsSubscript(selection.hasFormat('subscript'));
-      setIsSuperscript(selection.hasFormat('superscript'));
-      setIsCode(selection.hasFormat('code'));
-
-      setFontSize(
+      updateToolbarState('isBold', selection.hasFormat('bold'));
+      updateToolbarState('isItalic', selection.hasFormat('italic'));
+      updateToolbarState('isUnderline', selection.hasFormat('underline'));
+      updateToolbarState(
+        'isStrikethrough',
+        selection.hasFormat('strikethrough'),
+      );
+      updateToolbarState('isSubscript', selection.hasFormat('subscript'));
+      updateToolbarState('isSuperscript', selection.hasFormat('superscript'));
+      updateToolbarState('isCode', selection.hasFormat('code'));
+      updateToolbarState(
+        'fontSize',
         $getSelectionStyleValueForProperty(selection, 'font-size', '15px'),
       );
     }
-  }, [activeEditor, editor]);
+  }, [activeEditor, editor, updateToolbarState]);
 
   useEffect(() => {
     return editor.registerCommand(
@@ -682,7 +628,7 @@ export default function ToolbarPlugin({
       },
       COMMAND_PRIORITY_CRITICAL,
     );
-  }, [editor, $updateToolbar]);
+  }, [editor, $updateToolbar, setActiveEditor]);
 
   useEffect(() => {
     activeEditor.getEditorState().read(() => {
@@ -703,7 +649,7 @@ export default function ToolbarPlugin({
       activeEditor.registerCommand<boolean>(
         CAN_UNDO_COMMAND,
         (payload) => {
-          setCanUndo(payload);
+          updateToolbarState('canUndo', payload);
           return false;
         },
         COMMAND_PRIORITY_CRITICAL,
@@ -711,38 +657,13 @@ export default function ToolbarPlugin({
       activeEditor.registerCommand<boolean>(
         CAN_REDO_COMMAND,
         (payload) => {
-          setCanRedo(payload);
+          updateToolbarState('canRedo', payload);
           return false;
         },
         COMMAND_PRIORITY_CRITICAL,
       ),
     );
-  }, [$updateToolbar, activeEditor, editor]);
-
-  useEffect(() => {
-    return activeEditor.registerCommand(
-      KEY_MODIFIER_COMMAND,
-      (payload) => {
-        const event: KeyboardEvent = payload;
-        const {code, ctrlKey, metaKey} = event;
-
-        if (code === 'KeyK' && (ctrlKey || metaKey)) {
-          event.preventDefault();
-          let url: string | null;
-          if (!isLink) {
-            setIsLinkEditMode(true);
-            url = sanitizeUrl('https://');
-          } else {
-            setIsLinkEditMode(false);
-            url = null;
-          }
-          return activeEditor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
-        }
-        return false;
-      },
-      COMMAND_PRIORITY_NORMAL,
-    );
-  }, [activeEditor, isLink, setIsLinkEditMode]);
+  }, [$updateToolbar, activeEditor, editor, updateToolbarState]);
 
   const applyStyleText = useCallback(
     (styles: Record<string, string>, skipHistoryStack?: boolean) => {
@@ -759,62 +680,6 @@ export default function ToolbarPlugin({
     [activeEditor],
   );
 
-  const clearFormatting = useCallback(() => {
-    activeEditor.update(() => {
-      const selection = $getSelection();
-      if ($isRangeSelection(selection) || $isTableSelection(selection)) {
-        const anchor = selection.anchor;
-        const focus = selection.focus;
-        const nodes = selection.getNodes();
-        const extractedNodes = selection.extract();
-
-        if (anchor.key === focus.key && anchor.offset === focus.offset) {
-          return;
-        }
-
-        nodes.forEach((node, idx) => {
-          // We split the first and last node by the selection
-          // So that we don't format unselected text inside those nodes
-          if ($isTextNode(node)) {
-            // Use a separate variable to ensure TS does not lose the refinement
-            let textNode = node;
-            if (idx === 0 && anchor.offset !== 0) {
-              textNode = textNode.splitText(anchor.offset)[1] || textNode;
-            }
-            if (idx === nodes.length - 1) {
-              textNode = textNode.splitText(focus.offset)[0] || textNode;
-            }
-            /**
-             * If the selected text has one format applied
-             * selecting a portion of the text, could
-             * clear the format to the wrong portion of the text.
-             *
-             * The cleared text is based on the length of the selected text.
-             */
-            // We need this in case the selected text only has one format
-            const extractedTextNode = extractedNodes[0];
-            if (nodes.length === 1 && $isTextNode(extractedTextNode)) {
-              textNode = extractedTextNode;
-            }
-
-            if (textNode.__style !== '') {
-              textNode.setStyle('');
-            }
-            if (textNode.__format !== 0) {
-              textNode.setFormat(0);
-              $getNearestBlockElementAncestorOrThrow(textNode).setFormat('');
-            }
-            node = textNode;
-          } else if ($isHeadingNode(node) || $isQuoteNode(node)) {
-            node.replace($createParagraphNode(), true);
-          } else if ($isDecoratorBlockNode(node)) {
-            node.setFormat('');
-          }
-        });
-      }
-    });
-  }, [activeEditor]);
-
   const onFontColorSelect = useCallback(
     (value: string, skipHistoryStack: boolean) => {
       applyStyleText({color: value}, skipHistoryStack);
@@ -830,7 +695,7 @@ export default function ToolbarPlugin({
   );
 
   const insertLink = useCallback(() => {
-    if (!isLink) {
+    if (!toolbarState.isLink) {
       setIsLinkEditMode(true);
       activeEditor.dispatchCommand(
         TOGGLE_LINK_COMMAND,
@@ -840,7 +705,7 @@ export default function ToolbarPlugin({
       setIsLinkEditMode(false);
       activeEditor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
     }
-  }, [activeEditor, isLink, setIsLinkEditMode]);
+  }, [activeEditor, setIsLinkEditMode, toolbarState.isLink]);
 
   const onCodeLanguageSelect = useCallback(
     (value: string) => {
@@ -859,13 +724,13 @@ export default function ToolbarPlugin({
     activeEditor.dispatchCommand(INSERT_IMAGE_COMMAND, payload);
   };
 
-  const canViewerSeeInsertDropdown = !isImageCaption;
-  const canViewerSeeInsertCodeButton = !isImageCaption;
+  const canViewerSeeInsertDropdown = !toolbarState.isImageCaption;
+  const canViewerSeeInsertCodeButton = !toolbarState.isImageCaption;
 
   return (
     <div className="toolbar">
       <button
-        disabled={!canUndo || !isEditable}
+        disabled={!toolbarState.canUndo || !isEditable}
         onClick={() => {
           activeEditor.dispatchCommand(UNDO_COMMAND, undefined);
         }}
@@ -876,7 +741,7 @@ export default function ToolbarPlugin({
         <i className="format undo" />
       </button>
       <button
-        disabled={!canRedo || !isEditable}
+        disabled={!toolbarState.canRedo || !isEditable}
         onClick={() => {
           activeEditor.dispatchCommand(REDO_COMMAND, undefined);
         }}
@@ -887,28 +752,29 @@ export default function ToolbarPlugin({
         <i className="format redo" />
       </button>
       <Divider />
-      {blockType in blockTypeToBlockName && activeEditor === editor && (
-        <>
-          <BlockFormatDropDown
-            disabled={!isEditable}
-            blockType={blockType}
-            rootType={rootType}
-            editor={activeEditor}
-          />
-          <Divider />
-        </>
-      )}
-      {blockType === 'code' ? (
+      {toolbarState.blockType in blockTypeToBlockName &&
+        activeEditor === editor && (
+          <>
+            <BlockFormatDropDown
+              disabled={!isEditable}
+              blockType={toolbarState.blockType}
+              rootType={toolbarState.rootType}
+              editor={activeEditor}
+            />
+            <Divider />
+          </>
+        )}
+      {toolbarState.blockType === 'code' ? (
         <DropDown
           disabled={!isEditable}
           buttonClassName="toolbar-item code-language"
-          buttonLabel={getLanguageFriendlyName(codeLanguage)}
+          buttonLabel={getLanguageFriendlyName(toolbarState.codeLanguage)}
           buttonAriaLabel="Select language">
           {CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
             return (
               <DropDownItem
                 className={`item ${dropDownActiveClass(
-                  value === codeLanguage,
+                  value === toolbarState.codeLanguage,
                 )}`}
                 onClick={() => onCodeLanguageSelect(value)}
                 key={value}>
@@ -922,12 +788,12 @@ export default function ToolbarPlugin({
           <FontDropDown
             disabled={!isEditable}
             style={'font-family'}
-            value={fontFamily}
+            value={toolbarState.fontFamily}
             editor={activeEditor}
           />
           <Divider />
           <FontSize
-            selectionFontSize={fontSize.slice(0, -2)}
+            selectionFontSize={toolbarState.fontSize.slice(0, -2)}
             editor={activeEditor}
             disabled={!isEditable}
           />
@@ -937,12 +803,12 @@ export default function ToolbarPlugin({
             onClick={() => {
               activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
             }}
-            className={'toolbar-item spaced ' + (isBold ? 'active' : '')}
-            title={IS_APPLE ? 'Bold (⌘B)' : 'Bold (Ctrl+B)'}
+            className={
+              'toolbar-item spaced ' + (toolbarState.isBold ? 'active' : '')
+            }
+            title={`Bold (${SHORTCUTS.BOLD})`}
             type="button"
-            aria-label={`Format text as bold. Shortcut: ${
-              IS_APPLE ? '⌘B' : 'Ctrl+B'
-            }`}>
+            aria-label={`Format text as bold. Shortcut: ${SHORTCUTS.BOLD}`}>
             <i className="format bold" />
           </button>
           <button
@@ -950,12 +816,12 @@ export default function ToolbarPlugin({
             onClick={() => {
               activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
             }}
-            className={'toolbar-item spaced ' + (isItalic ? 'active' : '')}
-            title={IS_APPLE ? 'Italic (⌘I)' : 'Italic (Ctrl+I)'}
+            className={
+              'toolbar-item spaced ' + (toolbarState.isItalic ? 'active' : '')
+            }
+            title={`Italic (${SHORTCUTS.ITALIC})`}
             type="button"
-            aria-label={`Format text as italics. Shortcut: ${
-              IS_APPLE ? '⌘I' : 'Ctrl+I'
-            }`}>
+            aria-label={`Format text as italics. Shortcut: ${SHORTCUTS.ITALIC}`}>
             <i className="format italic" />
           </button>
           <button
@@ -963,12 +829,13 @@ export default function ToolbarPlugin({
             onClick={() => {
               activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
             }}
-            className={'toolbar-item spaced ' + (isUnderline ? 'active' : '')}
-            title={IS_APPLE ? 'Underline (⌘U)' : 'Underline (Ctrl+U)'}
+            className={
+              'toolbar-item spaced ' +
+              (toolbarState.isUnderline ? 'active' : '')
+            }
+            title={`Underline (${SHORTCUTS.UNDERLINE})`}
             type="button"
-            aria-label={`Format text to underlined. Shortcut: ${
-              IS_APPLE ? '⌘U' : 'Ctrl+U'
-            }`}>
+            aria-label={`Format text to underlined. Shortcut: ${SHORTCUTS.UNDERLINE}`}>
             <i className="format underline" />
           </button>
           {canViewerSeeInsertCodeButton && (
@@ -977,8 +844,10 @@ export default function ToolbarPlugin({
               onClick={() => {
                 activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
               }}
-              className={'toolbar-item spaced ' + (isCode ? 'active' : '')}
-              title="Insert code block"
+              className={
+                'toolbar-item spaced ' + (toolbarState.isCode ? 'active' : '')
+              }
+              title={`Insert code block (${SHORTCUTS.INSERT_CODE_BLOCK})`}
               type="button"
               aria-label="Insert code block">
               <i className="format code" />
@@ -987,9 +856,11 @@ export default function ToolbarPlugin({
           <button
             disabled={!isEditable}
             onClick={insertLink}
-            className={'toolbar-item spaced ' + (isLink ? 'active' : '')}
+            className={
+              'toolbar-item spaced ' + (toolbarState.isLink ? 'active' : '')
+            }
             aria-label="Insert link"
-            title="Insert link"
+            title={`Insert link (${SHORTCUTS.INSERT_LINK})`}
             type="button">
             <i className="format link" />
           </button>
@@ -998,7 +869,7 @@ export default function ToolbarPlugin({
             buttonClassName="toolbar-item color-picker"
             buttonAriaLabel="Formatting text color"
             buttonIconClassName="icon font-color"
-            color={fontColor}
+            color={toolbarState.fontColor}
             onChange={onFontColorSelect}
             title="text color"
           />
@@ -1007,7 +878,7 @@ export default function ToolbarPlugin({
             buttonClassName="toolbar-item color-picker"
             buttonAriaLabel="Formatting background color"
             buttonIconClassName="icon bg-color"
-            color={bgColor}
+            color={toolbarState.bgColor}
             onChange={onBgColorSelect}
             title="bg color"
           />
@@ -1024,21 +895,31 @@ export default function ToolbarPlugin({
                   'strikethrough',
                 );
               }}
-              className={'item ' + dropDownActiveClass(isStrikethrough)}
+              className={
+                'item wide ' + dropDownActiveClass(toolbarState.isStrikethrough)
+              }
               title="Strikethrough"
               aria-label="Format text with a strikethrough">
-              <i className="icon strikethrough" />
-              <span className="text">Strikethrough</span>
+              <div className="icon-text-container">
+                <i className="icon strikethrough" />
+                <span className="text">Strikethrough</span>
+              </div>
+              <span className="shortcut">{SHORTCUTS.STRIKETHROUGH}</span>
             </DropDownItem>
             <DropDownItem
               onClick={() => {
                 activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
               }}
-              className={'item ' + dropDownActiveClass(isSubscript)}
+              className={
+                'item wide ' + dropDownActiveClass(toolbarState.isSubscript)
+              }
               title="Subscript"
               aria-label="Format text with a subscript">
-              <i className="icon subscript" />
-              <span className="text">Subscript</span>
+              <div className="icon-text-container">
+                <i className="icon subscript" />
+                <span className="text">Subscript</span>
+              </div>
+              <span className="shortcut">{SHORTCUTS.SUBSCRIPT}</span>
             </DropDownItem>
             <DropDownItem
               onClick={() => {
@@ -1047,19 +928,27 @@ export default function ToolbarPlugin({
                   'superscript',
                 );
               }}
-              className={'item ' + dropDownActiveClass(isSuperscript)}
+              className={
+                'item wide ' + dropDownActiveClass(toolbarState.isSuperscript)
+              }
               title="Superscript"
               aria-label="Format text with a superscript">
-              <i className="icon superscript" />
-              <span className="text">Superscript</span>
+              <div className="icon-text-container">
+                <i className="icon superscript" />
+                <span className="text">Superscript</span>
+              </div>
+              <span className="shortcut">{SHORTCUTS.SUPERSCRIPT}</span>
             </DropDownItem>
             <DropDownItem
-              onClick={clearFormatting}
-              className="item"
+              onClick={() => clearFormatting(activeEditor)}
+              className="item wide"
               title="Clear text formatting"
               aria-label="Clear all text formatting">
-              <i className="icon clear" />
-              <span className="text">Clear Formatting</span>
+              <div className="icon-text-container">
+                <i className="icon clear" />
+                <span className="text">Clear Formatting</span>
+              </div>
+              <span className="shortcut">{SHORTCUTS.CLEAR_FORMATTING}</span>
             </DropDownItem>
           </DropDown>
           {canViewerSeeInsertDropdown && (
@@ -1236,9 +1125,9 @@ export default function ToolbarPlugin({
       <Divider />
       <ElementFormatDropdown
         disabled={!isEditable}
-        value={elementFormat}
+        value={toolbarState.elementFormat}
         editor={activeEditor}
-        isRTL={isRTL}
+        isRTL={toolbarState.isRTL}
       />
 
       {modal}
diff --git a/packages/lexical-playground/src/plugins/ToolbarPlugin/utils.ts b/packages/lexical-playground/src/plugins/ToolbarPlugin/utils.ts
new file mode 100644
index 00000000000..8d0ca04d5e3
--- /dev/null
+++ b/packages/lexical-playground/src/plugins/ToolbarPlugin/utils.ts
@@ -0,0 +1,292 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import {$createCodeNode} from '@lexical/code';
+import {
+  INSERT_CHECK_LIST_COMMAND,
+  INSERT_ORDERED_LIST_COMMAND,
+  INSERT_UNORDERED_LIST_COMMAND,
+} from '@lexical/list';
+import {$isDecoratorBlockNode} from '@lexical/react/LexicalDecoratorBlockNode';
+import {
+  $createHeadingNode,
+  $createQuoteNode,
+  $isHeadingNode,
+  $isQuoteNode,
+  HeadingTagType,
+} from '@lexical/rich-text';
+import {$patchStyleText, $setBlocksType} from '@lexical/selection';
+import {$isTableSelection} from '@lexical/table';
+import {$getNearestBlockElementAncestorOrThrow} from '@lexical/utils';
+import {
+  $createParagraphNode,
+  $getSelection,
+  $isRangeSelection,
+  $isTextNode,
+  LexicalEditor,
+} from 'lexical';
+
+import {
+  DEFAULT_FONT_SIZE,
+  MAX_ALLOWED_FONT_SIZE,
+  MIN_ALLOWED_FONT_SIZE,
+} from '../../context/ToolbarContext';
+
+// eslint-disable-next-line no-shadow
+export enum UpdateFontSizeType {
+  increment = 1,
+  decrement,
+}
+
+/**
+ * Calculates the new font size based on the update type.
+ * @param currentFontSize - The current font size
+ * @param updateType - The type of change, either increment or decrement
+ * @returns the next font size
+ */
+export const calculateNextFontSize = (
+  currentFontSize: number,
+  updateType: UpdateFontSizeType | null,
+) => {
+  if (!updateType) {
+    return currentFontSize;
+  }
+
+  let updatedFontSize: number = currentFontSize;
+  switch (updateType) {
+    case UpdateFontSizeType.decrement:
+      switch (true) {
+        case currentFontSize > MAX_ALLOWED_FONT_SIZE:
+          updatedFontSize = MAX_ALLOWED_FONT_SIZE;
+          break;
+        case currentFontSize >= 48:
+          updatedFontSize -= 12;
+          break;
+        case currentFontSize >= 24:
+          updatedFontSize -= 4;
+          break;
+        case currentFontSize >= 14:
+          updatedFontSize -= 2;
+          break;
+        case currentFontSize >= 9:
+          updatedFontSize -= 1;
+          break;
+        default:
+          updatedFontSize = MIN_ALLOWED_FONT_SIZE;
+          break;
+      }
+      break;
+
+    case UpdateFontSizeType.increment:
+      switch (true) {
+        case currentFontSize < MIN_ALLOWED_FONT_SIZE:
+          updatedFontSize = MIN_ALLOWED_FONT_SIZE;
+          break;
+        case currentFontSize < 12:
+          updatedFontSize += 1;
+          break;
+        case currentFontSize < 20:
+          updatedFontSize += 2;
+          break;
+        case currentFontSize < 36:
+          updatedFontSize += 4;
+          break;
+        case currentFontSize <= 60:
+          updatedFontSize += 12;
+          break;
+        default:
+          updatedFontSize = MAX_ALLOWED_FONT_SIZE;
+          break;
+      }
+      break;
+
+    default:
+      break;
+  }
+  return updatedFontSize;
+};
+
+/**
+ * Patches the selection with the updated font size.
+ */
+export const updateFontSizeInSelection = (
+  editor: LexicalEditor,
+  newFontSize: string | null,
+  updateType: UpdateFontSizeType | null,
+) => {
+  const getNextFontSize = (prevFontSize: string | null): string => {
+    if (!prevFontSize) {
+      prevFontSize = `${DEFAULT_FONT_SIZE}px`;
+    }
+    prevFontSize = prevFontSize.slice(0, -2);
+    const nextFontSize = calculateNextFontSize(
+      Number(prevFontSize),
+      updateType,
+    );
+    return `${nextFontSize}px`;
+  };
+
+  editor.update(() => {
+    if (editor.isEditable()) {
+      const selection = $getSelection();
+      if (selection !== null) {
+        $patchStyleText(selection, {
+          'font-size': newFontSize || getNextFontSize,
+        });
+      }
+    }
+  });
+};
+
+export const updateFontSize = (
+  editor: LexicalEditor,
+  updateType: UpdateFontSizeType,
+  inputValue: string,
+) => {
+  if (inputValue !== '') {
+    const nextFontSize = calculateNextFontSize(Number(inputValue), updateType);
+    updateFontSizeInSelection(editor, String(nextFontSize) + 'px', null);
+  } else {
+    updateFontSizeInSelection(editor, null, updateType);
+  }
+};
+
+export const formatParagraph = (editor: LexicalEditor) => {
+  editor.update(() => {
+    const selection = $getSelection();
+    if ($isRangeSelection(selection)) {
+      $setBlocksType(selection, () => $createParagraphNode());
+    }
+  });
+};
+
+export const formatHeading = (
+  editor: LexicalEditor,
+  blockType: string,
+  headingSize: HeadingTagType,
+) => {
+  if (blockType !== headingSize) {
+    editor.update(() => {
+      const selection = $getSelection();
+      $setBlocksType(selection, () => $createHeadingNode(headingSize));
+    });
+  }
+};
+
+export const formatBulletList = (editor: LexicalEditor, blockType: string) => {
+  if (blockType !== 'bullet') {
+    editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);
+  } else {
+    formatParagraph(editor);
+  }
+};
+
+export const formatCheckList = (editor: LexicalEditor, blockType: string) => {
+  if (blockType !== 'check') {
+    editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);
+  } else {
+    formatParagraph(editor);
+  }
+};
+
+export const formatNumberedList = (
+  editor: LexicalEditor,
+  blockType: string,
+) => {
+  if (blockType !== 'number') {
+    editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);
+  } else {
+    formatParagraph(editor);
+  }
+};
+
+export const formatQuote = (editor: LexicalEditor, blockType: string) => {
+  if (blockType !== 'quote') {
+    editor.update(() => {
+      const selection = $getSelection();
+      $setBlocksType(selection, () => $createQuoteNode());
+    });
+  }
+};
+
+export const formatCode = (editor: LexicalEditor, blockType: string) => {
+  if (blockType !== 'code') {
+    editor.update(() => {
+      let selection = $getSelection();
+
+      if (selection !== null) {
+        if (selection.isCollapsed()) {
+          $setBlocksType(selection, () => $createCodeNode());
+        } else {
+          const textContent = selection.getTextContent();
+          const codeNode = $createCodeNode();
+          selection.insertNodes([codeNode]);
+          selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            selection.insertRawText(textContent);
+          }
+        }
+      }
+    });
+  }
+};
+
+export const clearFormatting = (editor: LexicalEditor) => {
+  editor.update(() => {
+    const selection = $getSelection();
+    if ($isRangeSelection(selection) || $isTableSelection(selection)) {
+      const anchor = selection.anchor;
+      const focus = selection.focus;
+      const nodes = selection.getNodes();
+      const extractedNodes = selection.extract();
+
+      if (anchor.key === focus.key && anchor.offset === focus.offset) {
+        return;
+      }
+
+      nodes.forEach((node, idx) => {
+        // We split the first and last node by the selection
+        // So that we don't format unselected text inside those nodes
+        if ($isTextNode(node)) {
+          // Use a separate variable to ensure TS does not lose the refinement
+          let textNode = node;
+          if (idx === 0 && anchor.offset !== 0) {
+            textNode = textNode.splitText(anchor.offset)[1] || textNode;
+          }
+          if (idx === nodes.length - 1) {
+            textNode = textNode.splitText(focus.offset)[0] || textNode;
+          }
+          /**
+           * If the selected text has one format applied
+           * selecting a portion of the text, could
+           * clear the format to the wrong portion of the text.
+           *
+           * The cleared text is based on the length of the selected text.
+           */
+          // We need this in case the selected text only has one format
+          const extractedTextNode = extractedNodes[0];
+          if (nodes.length === 1 && $isTextNode(extractedTextNode)) {
+            textNode = extractedTextNode;
+          }
+
+          if (textNode.__style !== '') {
+            textNode.setStyle('');
+          }
+          if (textNode.__format !== 0) {
+            textNode.setFormat(0);
+            $getNearestBlockElementAncestorOrThrow(textNode).setFormat('');
+          }
+          node = textNode;
+        } else if ($isHeadingNode(node) || $isQuoteNode(node)) {
+          node.replace($createParagraphNode(), true);
+        } else if ($isDecoratorBlockNode(node)) {
+          node.setFormat('');
+        }
+      });
+    }
+  });
+};

From a4e70168a13271dfdaa8e2684f5fc99658f3236c Mon Sep 17 00:00:00 2001
From: Ivaylo Pavlov <ivailo90@gmail.com>
Date: Wed, 6 Nov 2024 02:01:45 +0000
Subject: [PATCH 079/133] Fix importDOM for Layout plugin (#6799)

---
 .../src/nodes/LayoutItemNode.ts                | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-playground/src/nodes/LayoutItemNode.ts b/packages/lexical-playground/src/nodes/LayoutItemNode.ts
index d579b4ad6d8..3d227976d64 100644
--- a/packages/lexical-playground/src/nodes/LayoutItemNode.ts
+++ b/packages/lexical-playground/src/nodes/LayoutItemNode.ts
@@ -8,6 +8,7 @@
 
 import type {
   DOMConversionMap,
+  DOMConversionOutput,
   EditorConfig,
   LexicalNode,
   SerializedElementNode,
@@ -18,6 +19,10 @@ import {ElementNode} from 'lexical';
 
 export type SerializedLayoutItemNode = SerializedElementNode;
 
+function $convertLayoutItemElement(): DOMConversionOutput | null {
+  return {node: $createLayoutItemNode()};
+}
+
 export class LayoutItemNode extends ElementNode {
   static getType(): string {
     return 'layout-item';
@@ -29,6 +34,7 @@ export class LayoutItemNode extends ElementNode {
 
   createDOM(config: EditorConfig): HTMLElement {
     const dom = document.createElement('div');
+    dom.setAttribute('data-lexical-layout-item', 'true');
     if (typeof config.theme.layoutItem === 'string') {
       addClassNamesToElement(dom, config.theme.layoutItem);
     }
@@ -40,7 +46,17 @@ export class LayoutItemNode extends ElementNode {
   }
 
   static importDOM(): DOMConversionMap | null {
-    return {};
+    return {
+      div: (domNode: HTMLElement) => {
+        if (!domNode.hasAttribute('data-lexical-layout-item')) {
+          return null;
+        }
+        return {
+          conversion: $convertLayoutItemElement,
+          priority: 2,
+        };
+      },
+    };
   }
 
   static importJSON(): LayoutItemNode {

From 8eae296ea39ff0dd707c901493553f1d889e9174 Mon Sep 17 00:00:00 2001
From: Rajiv Anisetti <rajiv.anisetti@gmail.com>
Date: Wed, 6 Nov 2024 18:38:32 -0500
Subject: [PATCH 080/133] Add optional selection argument to $getHtmlContent
 flow type (#6803)

---
 packages/lexical-clipboard/flow/LexicalClipboard.js.flow | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-clipboard/flow/LexicalClipboard.js.flow b/packages/lexical-clipboard/flow/LexicalClipboard.js.flow
index db534fbbe43..6ca0ee622b0 100644
--- a/packages/lexical-clipboard/flow/LexicalClipboard.js.flow
+++ b/packages/lexical-clipboard/flow/LexicalClipboard.js.flow
@@ -24,7 +24,11 @@ declare export function $insertDataTransferForRichText(
   editor: LexicalEditor,
 ): void;
 
-declare export function $getHtmlContent(editor: LexicalEditor): string | null;
+declare export function $getHtmlContent(
+  editor: LexicalEditor,
+  selection?: BaseSelection,
+): string | null;
+
 declare export function $getLexicalContent(
   editor: LexicalEditor,
 ): string | null;

From 76f8569211780ee7e913176d99d23eddd1cd3b6c Mon Sep 17 00:00:00 2001
From: Ajaezo Kingsley <54126417+Kingscliq@users.noreply.github.com>
Date: Thu, 7 Nov 2024 10:54:12 +0100
Subject: [PATCH 081/133] [lexical] Chore: Add export of DOMExportOutputMap
 from lexical (#6805)

---
 packages/lexical/src/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index 0bc18239b37..d5c94e23453 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -42,6 +42,7 @@ export type {
   DOMConversionMap,
   DOMConversionOutput,
   DOMExportOutput,
+  DOMExportOutputMap,
   LexicalNode,
   NodeKey,
   NodeMap,

From 29611d22b4bbb5cec41c625a03d2abda738d5e65 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Thu, 7 Nov 2024 15:59:38 -0800
Subject: [PATCH 082/133] v0.20.0 (#6809)

Co-authored-by: Lexical GitHub Actions Bot <>
---
 CHANGELOG.md                                  |  18 +
 examples/react-plain-text/package.json        |   6 +-
 examples/react-rich-collab/package.json       |   8 +-
 examples/react-rich/package.json              |   6 +-
 examples/react-table/package.json             |   6 +-
 examples/vanilla-js-plugin/package.json       |  12 +-
 examples/vanilla-js/package.json              |  12 +-
 package-lock.json                             | 446 +++++++++---------
 package.json                                  |   2 +-
 packages/lexical-clipboard/package.json       |  12 +-
 packages/lexical-code/package.json            |   6 +-
 packages/lexical-devtools-core/package.json   |  14 +-
 packages/lexical-devtools/package.json        |   6 +-
 packages/lexical-dragon/package.json          |   4 +-
 packages/lexical-eslint-plugin/package.json   |   2 +-
 packages/lexical-file/package.json            |   4 +-
 packages/lexical-hashtag/package.json         |   6 +-
 packages/lexical-headless/package.json        |   4 +-
 packages/lexical-history/package.json         |   6 +-
 packages/lexical-html/package.json            |   8 +-
 packages/lexical-link/package.json            |   6 +-
 packages/lexical-list/package.json            |   6 +-
 packages/lexical-mark/package.json            |   6 +-
 packages/lexical-markdown/package.json        |  16 +-
 packages/lexical-offset/package.json          |   4 +-
 packages/lexical-overflow/package.json        |   4 +-
 packages/lexical-plain-text/package.json      |  10 +-
 packages/lexical-playground/package.json      |  32 +-
 packages/lexical-react/package.json           |  40 +-
 packages/lexical-rich-text/package.json       |  10 +-
 packages/lexical-selection/package.json       |   4 +-
 packages/lexical-table/package.json           |   8 +-
 packages/lexical-text/package.json            |   4 +-
 packages/lexical-utils/package.json           |  10 +-
 packages/lexical-website/package.json         |   2 +-
 packages/lexical-yjs/package.json             |   8 +-
 packages/lexical/package.json                 |   2 +-
 packages/shared/package.json                  |   4 +-
 .../lexical-esm-astro-react/package.json      |   8 +-
 .../fixtures/lexical-esm-nextjs/package.json  |   8 +-
 .../package.json                              |  12 +-
 41 files changed, 405 insertions(+), 387 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1618f50e10d..e8614e6be2a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,21 @@
+## v0.20.0 (2024-11-07)
+
+- Add optional selection argument to getHtmlContent flow type (#6803) Rajiv Anisetti
+- Fix importDOM for Layout plugin (#6799) Ivaylo Pavlov
+- lexical-playground Feature Add more keyboard shortcuts (#6754) Bedru Umer
+- lexical-website Documentation Update Add Documentation for html Property in Lexical Editor Configuration (#6770) Ajaezo Kingsley
+- lexical-yjs Bug Fix clean up dangling text after undo in collaboration (#6670) Michael Shafer
+- Lexical-website BugFix Change button text colour to improve visibility (#6796) Fadekemi Adebayo
+- lexical-markdown Feature add ability to control finding the end of a node matched by TextMatchTransformer (#6681) Alessio Gravili
+- lexical-react Bug Fix LexicalTypeaheadMenuPlugin SSR error ReferenceError document is not defined (#6794) Bedru Umer
+- lexical-website Chore upgrade to Docusaurus v3.6 - Docusaurus Faster (#6761) Sbastien Lorber
+- Bug Fix  ContextMenu Paste option not preserving style  (#6780) C.
+- lexical-playground Fix the placement of the fontSize button in the ToolbarPlugin  and hide the vertical scroll (Bug Fix) (#6786) Oluwasanya Olaoluwa
+- #6768 fix to avoid infinite markdown shortcut matchers run (#6778) Maksim Horbachevsky
+- lexical Feature Add onUpdate function during update with onUpdate (correct baselline) (#6773) Michael Landis
+- v0.19.0 (#6774) Sherry
+- v0.19.0 Lexical GitHub Actions Bot
+
 ## v0.19.0 (2024-10-28)
 
 - lexical Add missing commands to Lexical.js.flow (#6769) Sherry
diff --git a/examples/react-plain-text/package.json b/examples/react-plain-text/package.json
index 09efd494a71..fde9b24aacf 100644
--- a/examples/react-plain-text/package.json
+++ b/examples/react-plain-text/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-plain-text-example",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/react": "0.20.0",
+    "lexical": "0.20.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-rich-collab/package.json b/examples/react-rich-collab/package.json
index a6255202a9e..da5cf1bef88 100644
--- a/examples/react-rich-collab/package.json
+++ b/examples/react-rich-collab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-collab-example",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,9 +12,9 @@
     "server:webrtc": "cross-env HOST=localhost PORT=1235 npx y-webrtc"
   },
   "dependencies": {
-    "@lexical/react": "0.19.0",
-    "@lexical/yjs": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/react": "0.20.0",
+    "@lexical/yjs": "0.20.0",
+    "lexical": "0.20.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "y-webrtc": "^10.3.0",
diff --git a/examples/react-rich/package.json b/examples/react-rich/package.json
index 994710af1a1..35918ba999d 100644
--- a/examples/react-rich/package.json
+++ b/examples/react-rich/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-example",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/react": "0.20.0",
+    "lexical": "0.20.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-table/package.json b/examples/react-table/package.json
index 9ae92f1d043..037fbd8e494 100644
--- a/examples/react-table/package.json
+++ b/examples/react-table/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-table-example",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/react": "0.20.0",
+    "lexical": "0.20.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/vanilla-js-plugin/package.json b/examples/vanilla-js-plugin/package.json
index dac39f57f09..403d0199954 100644
--- a/examples/vanilla-js-plugin/package.json
+++ b/examples/vanilla-js-plugin/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-plugin-example",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.19.0",
-    "@lexical/history": "0.19.0",
-    "@lexical/rich-text": "0.19.0",
-    "@lexical/utils": "0.19.0",
+    "@lexical/dragon": "0.20.0",
+    "@lexical/history": "0.20.0",
+    "@lexical/rich-text": "0.20.0",
+    "@lexical/utils": "0.20.0",
     "emoji-datasource-facebook": "15.1.2",
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/examples/vanilla-js/package.json b/examples/vanilla-js/package.json
index 69930c7e448..89982850634 100644
--- a/examples/vanilla-js/package.json
+++ b/examples/vanilla-js/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-example",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.19.0",
-    "@lexical/history": "0.19.0",
-    "@lexical/rich-text": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/dragon": "0.20.0",
+    "@lexical/history": "0.20.0",
+    "@lexical/rich-text": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/package-lock.json b/package-lock.json
index a296b7da9a4..b147a804740 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lexical/monorepo",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/monorepo",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "workspaces": [
         "packages/*"
@@ -38886,28 +38886,28 @@
       }
     },
     "packages/lexical": {
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT"
     },
     "packages/lexical-clipboard": {
       "name": "@lexical/clipboard",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-code": {
       "name": "@lexical/code",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0",
         "prismjs": "^1.27.0"
       },
       "devDependencies": {
@@ -38916,7 +38916,7 @@
     },
     "packages/lexical-devtools": {
       "name": "@lexical/devtools",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "hasInstallScript": true,
       "dependencies": {
         "@chakra-ui/react": "^2.8.2",
@@ -38933,12 +38933,12 @@
       "devDependencies": {
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
-        "@lexical/devtools-core": "0.19.0",
+        "@lexical/devtools-core": "0.20.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
         "@vitejs/plugin-react": "^4.2.1",
-        "lexical": "0.19.0",
+        "lexical": "0.20.0",
         "typescript": "^5.4.5",
         "vite": "^5.2.2",
         "wxt": "^0.17.0"
@@ -38946,15 +38946,15 @@
     },
     "packages/lexical-devtools-core": {
       "name": "@lexical/devtools-core",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/mark": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -38963,15 +38963,15 @@
     },
     "packages/lexical-dragon": {
       "name": "@lexical/dragon",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-eslint-plugin": {
       "name": "@lexical/eslint-plugin",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "devDependencies": {
         "@types/eslint": "^8.56.9"
@@ -38982,136 +38982,136 @@
     },
     "packages/lexical-file": {
       "name": "@lexical/file",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-hashtag": {
       "name": "@lexical/hashtag",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-headless": {
       "name": "@lexical/headless",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-history": {
       "name": "@lexical/history",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-html": {
       "name": "@lexical/html",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-link": {
       "name": "@lexical/link",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-list": {
       "name": "@lexical/list",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-mark": {
       "name": "@lexical/mark",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-markdown": {
       "name": "@lexical/markdown",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/rich-text": "0.19.0",
-        "@lexical/text": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/code": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-offset": {
       "name": "@lexical/offset",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-overflow": {
       "name": "@lexical/overflow",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-plain-text": {
       "name": "@lexical/plain-text",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-playground": {
-      "version": "0.19.0",
+      "version": "0.20.0",
       "dependencies": {
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/code": "0.19.0",
-        "@lexical/file": "0.19.0",
-        "@lexical/hashtag": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/mark": "0.19.0",
-        "@lexical/overflow": "0.19.0",
-        "@lexical/plain-text": "0.19.0",
-        "@lexical/react": "0.19.0",
-        "@lexical/rich-text": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "@lexical/utils": "0.19.0",
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/file": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/react": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
         "katex": "^0.16.10",
-        "lexical": "0.19.0",
+        "lexical": "0.20.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -39134,28 +39134,28 @@
     },
     "packages/lexical-react": {
       "name": "@lexical/react",
-      "version": "0.19.0",
-      "license": "MIT",
-      "dependencies": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/code": "0.19.0",
-        "@lexical/devtools-core": "0.19.0",
-        "@lexical/dragon": "0.19.0",
-        "@lexical/hashtag": "0.19.0",
-        "@lexical/history": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/mark": "0.19.0",
-        "@lexical/markdown": "0.19.0",
-        "@lexical/overflow": "0.19.0",
-        "@lexical/plain-text": "0.19.0",
-        "@lexical/rich-text": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "@lexical/text": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "@lexical/yjs": "0.19.0",
-        "lexical": "0.19.0",
+      "version": "0.20.0",
+      "license": "MIT",
+      "dependencies": {
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/devtools-core": "0.20.0",
+        "@lexical/dragon": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/history": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/markdown": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "@lexical/yjs": "0.20.0",
+        "lexical": "0.20.0",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -39165,55 +39165,55 @@
     },
     "packages/lexical-rich-text": {
       "name": "@lexical/rich-text",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-selection": {
       "name": "@lexical/selection",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-table": {
       "name": "@lexical/table",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-text": {
       "name": "@lexical/text",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-utils": {
       "name": "@lexical/utils",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "packages/lexical-website": {
       "name": "@lexical/website",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "dependencies": {
         "@docusaurus/core": "3.6.0",
         "@docusaurus/faster": "3.6.0",
@@ -39243,12 +39243,12 @@
     },
     "packages/lexical-yjs": {
       "name": "@lexical/yjs",
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/offset": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "lexical": "0.20.0"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -39281,10 +39281,10 @@
       }
     },
     "packages/shared": {
-      "version": "0.19.0",
+      "version": "0.20.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     }
   },
@@ -43914,19 +43914,19 @@
     "@lexical/clipboard": {
       "version": "file:packages/lexical-clipboard",
       "requires": {
-        "@lexical/html": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/code": {
       "version": "file:packages/lexical-code",
       "requires": {
-        "@lexical/utils": "0.19.0",
+        "@lexical/utils": "0.20.0",
         "@types/prismjs": "^1.26.0",
-        "lexical": "0.19.0",
+        "lexical": "0.20.0",
         "prismjs": "^1.27.0"
       }
     },
@@ -43938,7 +43938,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@lexical/devtools-core": "0.19.0",
+        "@lexical/devtools-core": "0.20.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
@@ -43947,7 +43947,7 @@
         "@webext-pegasus/store-zustand": "^0.3.0",
         "@webext-pegasus/transport": "^0.3.0",
         "framer-motion": "^11.1.5",
-        "lexical": "0.19.0",
+        "lexical": "0.20.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.5",
@@ -43959,18 +43959,18 @@
     "@lexical/devtools-core": {
       "version": "file:packages/lexical-devtools-core",
       "requires": {
-        "@lexical/html": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/mark": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/dragon": {
       "version": "file:packages/lexical-dragon",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/eslint-plugin": {
@@ -43982,152 +43982,152 @@
     "@lexical/file": {
       "version": "file:packages/lexical-file",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/hashtag": {
       "version": "file:packages/lexical-hashtag",
       "requires": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/headless": {
       "version": "file:packages/lexical-headless",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/history": {
       "version": "file:packages/lexical-history",
       "requires": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/html": {
       "version": "file:packages/lexical-html",
       "requires": {
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/link": {
       "version": "file:packages/lexical-link",
       "requires": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/list": {
       "version": "file:packages/lexical-list",
       "requires": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/mark": {
       "version": "file:packages/lexical-mark",
       "requires": {
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/markdown": {
       "version": "file:packages/lexical-markdown",
       "requires": {
-        "@lexical/code": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/rich-text": "0.19.0",
-        "@lexical/text": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/code": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/offset": {
       "version": "file:packages/lexical-offset",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/overflow": {
       "version": "file:packages/lexical-overflow",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/plain-text": {
       "version": "file:packages/lexical-plain-text",
       "requires": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/react": {
       "version": "file:packages/lexical-react",
       "requires": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/code": "0.19.0",
-        "@lexical/devtools-core": "0.19.0",
-        "@lexical/dragon": "0.19.0",
-        "@lexical/hashtag": "0.19.0",
-        "@lexical/history": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/mark": "0.19.0",
-        "@lexical/markdown": "0.19.0",
-        "@lexical/overflow": "0.19.0",
-        "@lexical/plain-text": "0.19.0",
-        "@lexical/rich-text": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "@lexical/text": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "@lexical/yjs": "0.19.0",
-        "lexical": "0.19.0",
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/devtools-core": "0.20.0",
+        "@lexical/dragon": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/history": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/markdown": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "@lexical/yjs": "0.20.0",
+        "lexical": "0.20.0",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
       "version": "file:packages/lexical-rich-text",
       "requires": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/selection": {
       "version": "file:packages/lexical-selection",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/utils": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/text": {
       "version": "file:packages/lexical-text",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/utils": {
       "version": "file:packages/lexical-utils",
       "requires": {
-        "@lexical/list": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/website": {
@@ -44160,9 +44160,9 @@
     "@lexical/yjs": {
       "version": "file:packages/lexical-yjs",
       "requires": {
-        "@lexical/offset": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "lexical": "0.19.0"
+        "@lexical/offset": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@mdx-js/mdx": {
@@ -56203,26 +56203,26 @@
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.19.0",
-        "@lexical/code": "0.19.0",
-        "@lexical/file": "0.19.0",
-        "@lexical/hashtag": "0.19.0",
-        "@lexical/link": "0.19.0",
-        "@lexical/list": "0.19.0",
-        "@lexical/mark": "0.19.0",
-        "@lexical/overflow": "0.19.0",
-        "@lexical/plain-text": "0.19.0",
-        "@lexical/react": "0.19.0",
-        "@lexical/rich-text": "0.19.0",
-        "@lexical/selection": "0.19.0",
-        "@lexical/table": "0.19.0",
-        "@lexical/utils": "0.19.0",
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/file": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/react": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^4.2.1",
         "katex": "^0.16.10",
-        "lexical": "0.19.0",
+        "lexical": "0.20.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -62509,7 +62509,7 @@
     "shared": {
       "version": "file:packages/shared",
       "requires": {
-        "lexical": "0.19.0"
+        "lexical": "0.20.0"
       }
     },
     "shebang-command": {
diff --git a/package.json b/package.json
index 8e1061ae939..ee24db444cf 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/monorepo",
   "description": "Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "license": "MIT",
   "private": true,
   "workspaces": [
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index 59da212fb4d..f515b440818 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalClipboard.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.19.0",
-    "@lexical/list": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/html": "0.20.0",
+    "@lexical/list": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index e436a96468e..7265a938997 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -8,12 +8,12 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalCode.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0",
     "prismjs": "^1.27.0"
   },
   "repository": {
diff --git a/packages/lexical-devtools-core/package.json b/packages/lexical-devtools-core/package.json
index fc8e4f3c714..9361a8c699c 100644
--- a/packages/lexical-devtools-core/package.json
+++ b/packages/lexical-devtools-core/package.json
@@ -8,16 +8,16 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalDevtoolsCore.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.19.0",
-    "@lexical/link": "0.19.0",
-    "@lexical/mark": "0.19.0",
-    "@lexical/table": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/html": "0.20.0",
+    "@lexical/link": "0.20.0",
+    "@lexical/mark": "0.20.0",
+    "@lexical/table": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "peerDependencies": {
     "react": ">=17.x",
diff --git a/packages/lexical-devtools/package.json b/packages/lexical-devtools/package.json
index 406b826393c..ed014eed61f 100644
--- a/packages/lexical-devtools/package.json
+++ b/packages/lexical-devtools/package.json
@@ -2,7 +2,7 @@
   "name": "@lexical/devtools",
   "description": "Lexical DevTools browser extension",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "scripts": {
     "dev": "wxt",
@@ -41,12 +41,12 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@lexical/devtools-core": "0.19.0",
+    "@lexical/devtools-core": "0.20.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "lexical": "0.19.0",
+    "lexical": "0.20.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.2",
     "wxt": "^0.17.0"
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index d446fa6e700..9d4c1e67857 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -9,7 +9,7 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalDragon.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-eslint-plugin/package.json b/packages/lexical-eslint-plugin/package.json
index d8311110bb0..01c8727bc8e 100644
--- a/packages/lexical-eslint-plugin/package.json
+++ b/packages/lexical-eslint-plugin/package.json
@@ -8,7 +8,7 @@
     "lexical",
     "editor"
   ],
-  "version": "0.19.0",
+  "version": "0.20.0",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index 28e08173e4a..a19c36867f7 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -10,7 +10,7 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalFile.js",
   "types": "index.d.ts",
   "repository": {
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index 2a3b0cb6d42..e591e17fac4 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -8,12 +8,12 @@
     "hashtag"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalHashtag.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index ac5bfbc81b0..100dcbbc90c 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -8,7 +8,7 @@
     "headless"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalHeadless.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index 8c5fea30560..75cfee062ab 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -8,12 +8,12 @@
     "history"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalHistory.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index b7310fcded0..77fbe5e4b88 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -8,7 +8,7 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalHtml.js",
   "types": "index.d.ts",
   "repository": {
@@ -17,9 +17,9 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/selection": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "module": "LexicalHtml.mjs",
   "sideEffects": false,
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 6bbc2f9f1d0..8c2363d556e 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -8,12 +8,12 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalLink.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index c75ffb5d8bd..b190078c9fb 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -8,12 +8,12 @@
     "list"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalList.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index 3a81b001412..51dbfa99949 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalMark.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index 796ba318519..a14fd94e555 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -8,17 +8,17 @@
     "markdown"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalMarkdown.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/code": "0.19.0",
-    "@lexical/link": "0.19.0",
-    "@lexical/list": "0.19.0",
-    "@lexical/rich-text": "0.19.0",
-    "@lexical/text": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/code": "0.20.0",
+    "@lexical/link": "0.20.0",
+    "@lexical/list": "0.20.0",
+    "@lexical/rich-text": "0.20.0",
+    "@lexical/text": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index bbfdee16989..46954e7f762 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -8,7 +8,7 @@
     "offset"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalOffset.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index 26fbd14b150..faf7c4073ae 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -8,7 +8,7 @@
     "overflow"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalOverflow.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index ecaf6a53f53..e8045945b1e 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -7,7 +7,7 @@
     "plain-text"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalPlainText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/clipboard": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index 32911a5d25d..244dbe2a692 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-playground",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,22 +12,22 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.17.0",
-    "@lexical/clipboard": "0.19.0",
-    "@lexical/code": "0.19.0",
-    "@lexical/file": "0.19.0",
-    "@lexical/hashtag": "0.19.0",
-    "@lexical/link": "0.19.0",
-    "@lexical/list": "0.19.0",
-    "@lexical/mark": "0.19.0",
-    "@lexical/overflow": "0.19.0",
-    "@lexical/plain-text": "0.19.0",
-    "@lexical/react": "0.19.0",
-    "@lexical/rich-text": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "@lexical/table": "0.19.0",
-    "@lexical/utils": "0.19.0",
+    "@lexical/clipboard": "0.20.0",
+    "@lexical/code": "0.20.0",
+    "@lexical/file": "0.20.0",
+    "@lexical/hashtag": "0.20.0",
+    "@lexical/link": "0.20.0",
+    "@lexical/list": "0.20.0",
+    "@lexical/mark": "0.20.0",
+    "@lexical/overflow": "0.20.0",
+    "@lexical/plain-text": "0.20.0",
+    "@lexical/react": "0.20.0",
+    "@lexical/rich-text": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "@lexical/table": "0.20.0",
+    "@lexical/utils": "0.20.0",
     "katex": "^0.16.10",
-    "lexical": "0.19.0",
+    "lexical": "0.20.0",
     "lodash-es": "^4.17.21",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index 24abcc61c8a..c01c40fd23d 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -8,27 +8,27 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "dependencies": {
-    "@lexical/clipboard": "0.19.0",
-    "@lexical/code": "0.19.0",
-    "@lexical/devtools-core": "0.19.0",
-    "@lexical/dragon": "0.19.0",
-    "@lexical/hashtag": "0.19.0",
-    "@lexical/history": "0.19.0",
-    "@lexical/link": "0.19.0",
-    "@lexical/list": "0.19.0",
-    "@lexical/mark": "0.19.0",
-    "@lexical/markdown": "0.19.0",
-    "@lexical/overflow": "0.19.0",
-    "@lexical/plain-text": "0.19.0",
-    "@lexical/rich-text": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "@lexical/table": "0.19.0",
-    "@lexical/text": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "@lexical/yjs": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/clipboard": "0.20.0",
+    "@lexical/code": "0.20.0",
+    "@lexical/devtools-core": "0.20.0",
+    "@lexical/dragon": "0.20.0",
+    "@lexical/hashtag": "0.20.0",
+    "@lexical/history": "0.20.0",
+    "@lexical/link": "0.20.0",
+    "@lexical/list": "0.20.0",
+    "@lexical/mark": "0.20.0",
+    "@lexical/markdown": "0.20.0",
+    "@lexical/overflow": "0.20.0",
+    "@lexical/plain-text": "0.20.0",
+    "@lexical/rich-text": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "@lexical/table": "0.20.0",
+    "@lexical/text": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "@lexical/yjs": "0.20.0",
+    "lexical": "0.20.0",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index 4745a432de2..972c69af447 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -7,7 +7,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalRichText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/clipboard": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index 08c1002dd52..88fe2149704 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -9,7 +9,7 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalSelection.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index d2164872321..8aba5552fe6 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalTable.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/clipboard": "0.19.0",
-    "@lexical/utils": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/clipboard": "0.20.0",
+    "@lexical/utils": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index 1075e5979d8..bf8042fea89 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -9,7 +9,7 @@
     "text"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalText.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   }
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index 4b10fbb739c..103f06f7ed3 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -8,14 +8,14 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalUtils.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/list": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "@lexical/table": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/list": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "@lexical/table": "0.20.0",
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index dd621c118f7..020be5e1ba7 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lexical/website",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index d281b9c9393..497b72af328 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -11,13 +11,13 @@
     "crdt"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "LexicalYjs.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/offset": "0.19.0",
-    "@lexical/selection": "0.19.0",
-    "lexical": "0.19.0"
+    "@lexical/offset": "0.20.0",
+    "@lexical/selection": "0.20.0",
+    "lexical": "0.20.0"
   },
   "peerDependencies": {
     "yjs": ">=13.5.22"
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index 35711998c37..385584c84a0 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -9,7 +9,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "main": "Lexical.js",
   "types": "index.d.ts",
   "repository": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 3f145586bf2..c59c3f6537c 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -8,9 +8,9 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "dependencies": {
-    "lexical": "0.19.0"
+    "lexical": "0.20.0"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index d8ecd2945c4..4cb6414e571 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lexical-esm-astro-react",
   "type": "module",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,12 +13,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
-    "@lexical/react": "0.19.0",
-    "@lexical/utils": "0.19.0",
+    "@lexical/react": "0.20.0",
+    "@lexical/utils": "0.20.0",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "astro": "^4.5.4",
-    "lexical": "0.19.0",
+    "lexical": "0.20.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.4.2"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
index a524ec4e1e1..f5d0384fc65 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-esm-nextjs",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,9 +9,9 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@lexical/plain-text": "0.19.0",
-    "@lexical/react": "0.19.0",
-    "lexical": "0.19.0",
+    "@lexical/plain-text": "0.20.0",
+    "@lexical/react": "0.20.0",
+    "lexical": "0.20.0",
     "next": "^14.2.1",
     "react": "^18",
     "react-dom": "^18"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
index 0a59b0510b6..df0007067f7 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-sveltekit-vanilla-js",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "private": true,
   "scripts": {
     "dev": "vite dev",
@@ -9,17 +9,17 @@
     "test": "playwright test"
   },
   "devDependencies": {
-    "@lexical/dragon": "0.19.0",
-    "@lexical/history": "0.19.0",
-    "@lexical/rich-text": "0.19.0",
-    "@lexical/utils": "0.19.0",
+    "@lexical/dragon": "0.20.0",
+    "@lexical/history": "0.20.0",
+    "@lexical/rich-text": "0.20.0",
+    "@lexical/utils": "0.20.0",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "lexical": "0.19.0",
+    "lexical": "0.20.0",
     "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.19",

From fd4aca766f74ce3a4cf95230b8a95169426c0e9d Mon Sep 17 00:00:00 2001
From: Ebad <ebads67@gmail.com>
Date: Fri, 8 Nov 2024 16:14:32 +0000
Subject: [PATCH 083/133] [lexical-mark] Bug Fix: Stop MarkNode __ids array
 deep copy in clone (#6810)

Co-authored-by: Ebad Salehi <esalehi@bloomberg.net>
---
 packages/lexical-mark/src/MarkNode.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/lexical-mark/src/MarkNode.ts b/packages/lexical-mark/src/MarkNode.ts
index 3a91f1c30e1..a19bd626fc7 100644
--- a/packages/lexical-mark/src/MarkNode.ts
+++ b/packages/lexical-mark/src/MarkNode.ts
@@ -32,14 +32,14 @@ export type SerializedMarkNode = Spread<
 /** @noInheritDoc */
 export class MarkNode extends ElementNode {
   /** @internal */
-  __ids: Array<string>;
+  __ids: readonly string[];
 
   static getType(): string {
     return 'mark';
   }
 
   static clone(node: MarkNode): MarkNode {
-    return new MarkNode(Array.from(node.__ids), node.__key);
+    return new MarkNode(node.__ids, node.__key);
   }
 
   static importDOM(): null {
@@ -57,13 +57,13 @@ export class MarkNode extends ElementNode {
   exportJSON(): SerializedMarkNode {
     return {
       ...super.exportJSON(),
-      ids: this.getIDs(),
+      ids: Array.from(this.getIDs()),
       type: 'mark',
       version: 1,
     };
   }
 
-  constructor(ids: Array<string>, key?: NodeKey) {
+  constructor(ids: readonly string[], key?: NodeKey) {
     super(key);
     this.__ids = ids || [];
   }
@@ -112,13 +112,13 @@ export class MarkNode extends ElementNode {
 
   getIDs(): Array<string> {
     const self = this.getLatest();
-    return $isMarkNode(self) ? self.__ids : [];
+    return $isMarkNode(self) ? Array.from(self.__ids) : [];
   }
 
   addID(id: string): void {
     const self = this.getWritable();
     if ($isMarkNode(self)) {
-      const ids = self.__ids;
+      const ids = Array.from(self.__ids);
       self.__ids = ids;
       for (let i = 0; i < ids.length; i++) {
         // If we already have it, don't add again
@@ -133,7 +133,7 @@ export class MarkNode extends ElementNode {
   deleteID(id: string): void {
     const self = this.getWritable();
     if ($isMarkNode(self)) {
-      const ids = self.__ids;
+      const ids = Array.from(self.__ids);
       self.__ids = ids;
       for (let i = 0; i < ids.length; i++) {
         if (id === ids[i]) {
@@ -197,7 +197,7 @@ export class MarkNode extends ElementNode {
   }
 }
 
-export function $createMarkNode(ids: Array<string>): MarkNode {
+export function $createMarkNode(ids: readonly string[]): MarkNode {
   return $applyNodeReplacement(new MarkNode(ids));
 }
 

From 2bdaed5e434cc0ab33d417a2a7f27dbba5b2611e Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 11 Nov 2024 15:03:47 +0530
Subject: [PATCH 084/133] [lexical-list] Bug Fix: Handle appending inline
 element nodes in ListNode.append (#6791)

---
 packages/lexical-list/src/LexicalListNode.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-list/src/LexicalListNode.ts b/packages/lexical-list/src/LexicalListNode.ts
index 45a87f30d2a..2af911c7a8e 100644
--- a/packages/lexical-list/src/LexicalListNode.ts
+++ b/packages/lexical-list/src/LexicalListNode.ts
@@ -200,8 +200,12 @@ export class ListNode extends ElementNode {
         if ($isListNode(currentNode)) {
           listItemNode.append(currentNode);
         } else if ($isElementNode(currentNode)) {
-          const textNode = $createTextNode(currentNode.getTextContent());
-          listItemNode.append(textNode);
+          if (currentNode.isInline()) {
+            listItemNode.append(currentNode);
+          } else {
+            const textNode = $createTextNode(currentNode.getTextContent());
+            listItemNode.append(textNode);
+          }
         } else {
           listItemNode.append(currentNode);
         }

From 23f4a7e953075320e3c2113f4feeb8b62934f208 Mon Sep 17 00:00:00 2001
From: Sevki <s@sevki.io>
Date: Mon, 11 Nov 2024 11:12:58 +0000
Subject: [PATCH 085/133] Mention nodes shouldn't be spellcheck'd :) (#6788)

Co-authored-by: Bob Ippolito <bob@redivi.com>
Co-authored-by: Sherry Wong <potatowagon@fb.com>
Co-authored-by: Sherry <potatowagon@meta.com>
---
 .../__tests__/e2e/ClearFormatting.spec.mjs    |  2 ++
 .../__tests__/e2e/Composition.spec.mjs        |  2 ++
 .../__tests__/e2e/Mentions.spec.mjs           | 33 +++++++++++++++++++
 .../379-backspace-with-mentions.spec.mjs      |  2 ++
 .../src/nodes/MentionNode.ts                  |  1 +
 5 files changed, 40 insertions(+)

diff --git a/packages/lexical-playground/__tests__/e2e/ClearFormatting.spec.mjs b/packages/lexical-playground/__tests__/e2e/ClearFormatting.spec.mjs
index 2749686abe0..c52a894569c 100644
--- a/packages/lexical-playground/__tests__/e2e/ClearFormatting.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/ClearFormatting.spec.mjs
@@ -159,6 +159,7 @@ test.describe('Clear All Formatting', () => {
           <p class="PlaygroundEditorTheme__paragraph">
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -180,6 +181,7 @@ test.describe('Clear All Formatting', () => {
             dir="ltr">
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
diff --git a/packages/lexical-playground/__tests__/e2e/Composition.spec.mjs b/packages/lexical-playground/__tests__/e2e/Composition.spec.mjs
index 5685cc2b95c..6e07eaae818 100644
--- a/packages/lexical-playground/__tests__/e2e/Composition.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Composition.spec.mjs
@@ -750,6 +750,7 @@ test.describe('Composition', () => {
             dir="ltr">
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -950,6 +951,7 @@ test.describe('Composition', () => {
             dir="ltr">
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2)"
               data-lexical-text="true">
               Luke Skywalker
diff --git a/packages/lexical-playground/__tests__/e2e/Mentions.spec.mjs b/packages/lexical-playground/__tests__/e2e/Mentions.spec.mjs
index 197f106a132..86084759c66 100644
--- a/packages/lexical-playground/__tests__/e2e/Mentions.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Mentions.spec.mjs
@@ -61,6 +61,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -137,6 +138,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -168,6 +170,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke
@@ -232,6 +235,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -264,6 +268,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Skywalker
@@ -308,6 +313,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -340,6 +346,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke
@@ -384,6 +391,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -407,6 +415,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke
@@ -486,6 +495,7 @@ test.describe('Mentions', () => {
           <span data-lexical-text="true">abc</span>
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -511,6 +521,7 @@ test.describe('Mentions', () => {
           <span data-lexical-text="true">abc</span>
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke
@@ -590,6 +601,7 @@ test.describe('Mentions', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -597,6 +609,7 @@ test.describe('Mentions', () => {
           <span data-lexical-text="true"></span>
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -604,6 +617,7 @@ test.describe('Mentions', () => {
           <span data-lexical-text="true"></span>
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -611,6 +625,7 @@ test.describe('Mentions', () => {
           <span data-lexical-text="true"></span>
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -646,6 +661,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true">Skywalker</span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -653,6 +669,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -660,6 +677,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -677,6 +695,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true">Skywalker</span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -684,6 +703,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -691,6 +711,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -714,6 +735,7 @@ test.describe('Mentions', () => {
           <p class="PlaygroundEditorTheme__paragraph">
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -721,6 +743,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -728,6 +751,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -743,6 +767,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -750,6 +775,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -757,6 +783,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -783,6 +810,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true">Skywalker</span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -790,6 +818,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -807,6 +836,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true">Skywalker</span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -814,6 +844,7 @@ test.describe('Mentions', () => {
             <span data-lexical-text="true"></span>
             <span
               class="mention"
+              spellcheck="false"
               style="background-color: rgba(24, 119, 232, 0.2);"
               data-lexical-text="true">
               Luke Skywalker
@@ -879,6 +910,7 @@ test.describe('Mentions', () => {
           dir="ltr">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -971,6 +1003,7 @@ test.describe('Mentions', () => {
           dir="ltr">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
diff --git a/packages/lexical-playground/__tests__/regression/379-backspace-with-mentions.spec.mjs b/packages/lexical-playground/__tests__/regression/379-backspace-with-mentions.spec.mjs
index 01635c43d02..51185ecc75b 100644
--- a/packages/lexical-playground/__tests__/regression/379-backspace-with-mentions.spec.mjs
+++ b/packages/lexical-playground/__tests__/regression/379-backspace-with-mentions.spec.mjs
@@ -35,6 +35,7 @@ test.describe('Regression test #379', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
@@ -57,6 +58,7 @@ test.describe('Regression test #379', () => {
         <p class="PlaygroundEditorTheme__paragraph">
           <span
             class="mention"
+            spellcheck="false"
             style="background-color: rgba(24, 119, 232, 0.2);"
             data-lexical-text="true">
             Luke Skywalker
diff --git a/packages/lexical-playground/src/nodes/MentionNode.ts b/packages/lexical-playground/src/nodes/MentionNode.ts
index 9f0d6e1423a..b6a41754025 100644
--- a/packages/lexical-playground/src/nodes/MentionNode.ts
+++ b/packages/lexical-playground/src/nodes/MentionNode.ts
@@ -80,6 +80,7 @@ export class MentionNode extends TextNode {
     const dom = super.createDOM(config);
     dom.style.cssText = mentionStyle;
     dom.className = 'mention';
+    dom.spellcheck = false;
     return dom;
   }
 

From 3acfed5e68c2db926a1d91c08ce8b5c1ff00e66a Mon Sep 17 00:00:00 2001
From: Oluwasanya Olaoluwa <vantageola4@gmail.com>
Date: Tue, 12 Nov 2024 18:33:54 +0100
Subject: [PATCH 086/133] Fix: Aria attributes for ContentEditable are ignored
 (#6814)

---
 .../LexicalContentEditableElement.test.tsx    | 228 ++++++++++++++++++
 .../shared/LexicalContentEditableElement.tsx  |   2 +-
 2 files changed, 229 insertions(+), 1 deletion(-)
 create mode 100644 packages/lexical-react/src/__tests__/unit/LexicalContentEditableElement.test.tsx

diff --git a/packages/lexical-react/src/__tests__/unit/LexicalContentEditableElement.test.tsx b/packages/lexical-react/src/__tests__/unit/LexicalContentEditableElement.test.tsx
new file mode 100644
index 00000000000..9d8bc2398d1
--- /dev/null
+++ b/packages/lexical-react/src/__tests__/unit/LexicalContentEditableElement.test.tsx
@@ -0,0 +1,228 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {createEditor, LexicalEditor} from 'lexical';
+import {createRoot, Root} from 'react-dom/client';
+import * as ReactTestUtils from 'shared/react-test-utils';
+
+import {ContentEditableElement} from '../../shared/LexicalContentEditableElement';
+
+describe('ContentEditableElement tests', () => {
+  let container: HTMLDivElement | null = null;
+  let reactRoot: Root;
+  let editor: LexicalEditor;
+
+  beforeEach(() => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+    reactRoot = createRoot(container);
+
+    editor = createEditor({
+      namespace: 'ContentEditableElement',
+      onError: (error) => {
+        throw error;
+      },
+    });
+  });
+
+  afterEach(async () => {
+    if (container) {
+      await ReactTestUtils.act(async () => {
+        reactRoot.unmount();
+      });
+      document.body.removeChild(container);
+    }
+    editor.setRootElement(null); //editor cleanup
+  });
+
+  it('renders the correct ARIA attributes when editable', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          ariaLabelledBy="test-label"
+          role="textbox"
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]')!;
+    expect(element.getAttribute('aria-labelledby')).toBe('test-label');
+    expect(element.getAttribute('contenteditable')).toBe('true');
+  });
+
+  it('renders aria-labelledby attribute correctly', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          aria-labelledby="TEST" // original  issue
+          className="ContentEditable__root"
+        />,
+      );
+    });
+
+    const element = container!.querySelector('.ContentEditable__root')!;
+    expect(element.getAttribute('aria-labelledby')).toBe('TEST');
+  });
+
+  it('renders the correct ARIA attributes for different roles', async () => {
+    const roles = ['textbox', 'combobox', 'listbox', 'spinbutton'];
+
+    for (const role of roles) {
+      await ReactTestUtils.act(async () => {
+        reactRoot.render(
+          <ContentEditableElement editor={editor} role={role} />,
+        );
+      });
+
+      const element = container!.querySelector(`[role="${role}"]`)!;
+      expect(element.getAttribute('role')).toBe(role);
+    }
+  });
+  it('renders optional ARIA attributes when provided', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          ariaDescribedBy="test-description"
+          role="textbox"
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]')!;
+    expect(element.getAttribute('aria-describedby')).toBe('test-description'); // Check aria-describedby
+  });
+
+  it('renders aria-expanded correctly for role combobox', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          role="combobox"
+          ariaExpanded={true} // Provide ariaExpanded
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="combobox"]')!;
+
+    expect(element.getAttribute('aria-expanded')).toBe('true'); // Verify that aria-expanded is correctly set.
+  });
+
+  it('renders aria-invalid and aria-required correctly', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          ariaInvalid="true" // Mark as invalid
+          ariaRequired={true} // Mark as required
+          role="textbox"
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]')!;
+    expect(element.getAttribute('aria-invalid')).toBe('true'); // Verify aria-invalid
+    expect(element.getAttribute('aria-required')).toBe('true'); // Verify aria-required
+  });
+
+  it('applies custom attributes and styles correctly', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          role="textbox"
+          data-testid="test-element"
+          style={{color: 'red', fontSize: '16px'}}
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]') as HTMLElement;
+    expect(element.getAttribute('data-testid')).toBe('test-element'); // Verify custom data attribute
+    expect(element.style.color).toBe('red'); // Verify inline styles
+    expect(element.style.fontSize).toBe('16px'); // Verify inline styles
+  });
+
+  it('renders aria-invalid and aria-required correctly when set to false', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          ariaInvalid="false" // Not invalid
+          ariaRequired={false} // Not required
+          role="textbox"
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]')!;
+    expect(element.getAttribute('aria-invalid')).toBe('false'); // Verify aria-invalid
+    expect(element.getAttribute('aria-required')).toBe('false'); // Verify aria-required
+  });
+
+  it('renders custom data attributes correctly', async () => {
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement
+          editor={editor}
+          role="textbox"
+          data-testid="test-element"
+          data-custom-attribute="custom-value"
+        />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]')!;
+    expect(element.getAttribute('data-testid')).toBe('test-element'); // Verify custom data attribute
+    expect(element.getAttribute('data-custom-attribute')).toBe('custom-value'); // Verify custom data attribute
+  });
+
+  it('registers and cleans up root element properly', async () => {
+    let rootElement: HTMLElement | null = null;
+    editor.setRootElement = jest.fn((element) => {
+      rootElement = element;
+    });
+
+    await ReactTestUtils.act(async () => {
+      reactRoot.render(
+        <ContentEditableElement editor={editor} role="textbox" />,
+      );
+    });
+
+    const element = container!.querySelector('[role="textbox"]')!;
+    expect(rootElement).toBe(element); // Verify registration.
+
+    await ReactTestUtils.act(async () => {
+      reactRoot.unmount(); // Unmount the component.
+    });
+
+    expect(rootElement).toBeNull(); // Verify cleanup.
+  });
+
+  it('renders the correct spellCheck attribute for different values', async () => {
+    const spellCheckValues = [true, false];
+
+    for (const spellCheck of spellCheckValues) {
+      await ReactTestUtils.act(async () => {
+        reactRoot.render(
+          <ContentEditableElement
+            editor={editor}
+            spellCheck={spellCheck}
+            role="textbox"
+          />,
+        );
+      });
+
+      const element = container!.querySelector('[role="textbox"]')!;
+      expect(element.getAttribute('spellcheck')).toBe(spellCheck.toString());
+    }
+  });
+});
diff --git a/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx b/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx
index 373bbceba73..64db5d1709b 100644
--- a/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx
+++ b/packages/lexical-react/src/shared/LexicalContentEditableElement.tsx
@@ -88,7 +88,6 @@ function ContentEditableElementImpl(
 
   return (
     <div
-      {...rest}
       aria-activedescendant={isEditable ? ariaActiveDescendant : undefined}
       aria-autocomplete={isEditable ? ariaAutoComplete : 'none'}
       aria-controls={isEditable ? ariaControls : undefined}
@@ -118,6 +117,7 @@ function ContentEditableElementImpl(
       spellCheck={spellCheck}
       style={style}
       tabIndex={tabIndex}
+      {...rest}
     />
   );
 }

From f198ba7c7d04ea99cb5a61dc9eae0b6857ba45bf Mon Sep 17 00:00:00 2001
From: wnhlee <2wheeh@gmail.com>
Date: Wed, 13 Nov 2024 10:55:10 +0900
Subject: [PATCH 087/133] [lexical-rich-text][lexical-plain-text] workaround
 for Korean IME issue on iOS (#6819)

Co-authored-by: kei kim <deadintegral@gmail.com>
Co-authored-by: deadintegral (kei) <jegok@naver.com>
Co-authored-by: Sherry Wong <potatowagon@fb.com>
Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 packages/lexical-plain-text/src/index.ts |  6 ++++++
 packages/lexical-rich-text/src/index.ts  | 11 ++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-plain-text/src/index.ts b/packages/lexical-plain-text/src/index.ts
index 1df4cb1c1ca..3300e8d73c3 100644
--- a/packages/lexical-plain-text/src/index.ts
+++ b/packages/lexical-plain-text/src/index.ts
@@ -274,6 +274,12 @@ export function registerPlainText(editor: LexicalEditor): () => void {
           return false;
         }
 
+        // Exception handling for iOS native behavior instead of Lexical's behavior when using Korean on iOS devices.
+        // more details - https://github.com/facebook/lexical/issues/5841
+        if (IS_IOS && navigator.language === 'ko-KR') {
+          return false;
+        }
+
         event.preventDefault();
         return editor.dispatchCommand(DELETE_CHARACTER_COMMAND, true);
       },
diff --git a/packages/lexical-rich-text/src/index.ts b/packages/lexical-rich-text/src/index.ts
index bf53a8acdd4..cec5da17fa7 100644
--- a/packages/lexical-rich-text/src/index.ts
+++ b/packages/lexical-rich-text/src/index.ts
@@ -860,7 +860,7 @@ export function registerRichText(editor: LexicalEditor): () => void {
         if (!$isRangeSelection(selection)) {
           return false;
         }
-        event.preventDefault();
+
         const {anchor} = selection;
         const anchorNode = anchor.getNode();
 
@@ -871,9 +871,18 @@ export function registerRichText(editor: LexicalEditor): () => void {
         ) {
           const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
           if (element.getIndent() > 0) {
+            event.preventDefault();
             return editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
           }
         }
+
+        // Exception handling for iOS native behavior instead of Lexical's behavior when using Korean on iOS devices.
+        // more details - https://github.com/facebook/lexical/issues/5841
+        if (IS_IOS && navigator.language === 'ko-KR') {
+          return false;
+        }
+        event.preventDefault();
+
         return editor.dispatchCommand(DELETE_CHARACTER_COMMAND, true);
       },
       COMMAND_PRIORITY_EDITOR,

From 506ef8946779083fc2e9801779b68cb92b517a19 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Tue, 12 Nov 2024 20:16:31 -0800
Subject: [PATCH 088/133] [lexical][lexical-table] Feature: Scrollable tables
 with experimental getDOMSlot API (#6759)

---
 .../__tests__/e2e/Collaboration.spec.mjs      |  32 +-
 .../html/TablesHTMLCopyAndPaste.spec.mjs      |   4 +-
 .../lexical/ContextMenuCopyAndPaste.spec.mjs  |   3 -
 .../__tests__/e2e/Indentation.spec.mjs        |   4 +-
 .../__tests__/e2e/Selection.spec.mjs          |   4 +-
 .../__tests__/e2e/Tables.spec.mjs             | 146 ++-
 .../__tests__/e2e/TextEntry.spec.mjs          |   1 -
 .../__tests__/e2e/Toolbar.spec.mjs            |   7 +-
 .../4661-insert-column-selection.spec.mjs     |   4 +-
 .../__tests__/utils/index.mjs                 |  61 +-
 packages/lexical-playground/src/Editor.tsx    |   2 +
 packages/lexical-playground/src/Settings.tsx  |  14 +-
 .../lexical-playground/src/appSettings.ts     |   1 +
 packages/lexical-playground/src/index.css     |   3 +-
 .../plugins/TableActionMenuPlugin/index.tsx   |  17 +-
 .../src/plugins/TableCellResizer/index.tsx    |   6 +-
 .../plugins/TableHoverActionsPlugin/index.tsx |  64 +-
 .../src/themes/PlaygroundEditorTheme.css      |   8 +
 .../src/themes/PlaygroundEditorTheme.ts       |   1 +
 .../lexical-react/src/LexicalTablePlugin.ts   |  93 +-
 .../lexical-table/flow/LexicalTable.js.flow   |   1 +
 .../lexical-table/src/LexicalTableNode.ts     | 114 ++-
 .../lexical-table/src/LexicalTableObserver.ts | 218 ++--
 .../src/LexicalTableSelectionHelpers.ts       | 110 +-
 .../__tests__/unit/LexicalTableNode.test.tsx  | 969 +++++++++++-------
 packages/lexical-table/src/index.ts           |   5 +-
 .../lexical-website/docs/react/plugins.md     |   2 +
 packages/lexical/flow/Lexical.js.flow         |  28 +
 packages/lexical/src/LexicalEditor.ts         |   2 +
 packages/lexical/src/LexicalMutations.ts      |  98 +-
 packages/lexical/src/LexicalNode.ts           |  19 +
 packages/lexical/src/LexicalReconciler.ts     | 207 ++--
 packages/lexical/src/LexicalSelection.ts      |  82 +-
 packages/lexical/src/LexicalUtils.ts          |  63 +-
 .../lexical/src/__tests__/utils/index.tsx     |  21 +-
 packages/lexical/src/index.ts                 |   3 +
 .../lexical/src/nodes/LexicalElementNode.ts   | 265 +++++
 .../unit/LexicalElementNode.test.tsx          |  88 ++
 38 files changed, 1922 insertions(+), 848 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs b/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs
index b47b3c04f6a..296d9ac21a0 100644
--- a/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Collaboration.spec.mjs
@@ -322,17 +322,43 @@ test.describe('Collaboration', () => {
     // Left collaborator types two pieces of text in the same paragraph, but with different styling.
     await focusEditor(page);
     await page.keyboard.type('normal');
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">normal</span>
+        </p>
+      `,
+    );
     await sleep(1050);
     await toggleBold(page);
     await page.keyboard.type('bold');
 
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">normal</span>
+          <strong
+            class="PlaygroundEditorTheme__textBold"
+            data-lexical-text="true">
+            bold
+          </strong>
+        </p>
+      `,
+    );
+    const boldSleep = sleep(1050);
+
     // Right collaborator types at the end of the paragraph.
-    await sleep(50);
     await page
       .frameLocator('iframe[name="right"]')
       .locator('[data-lexical-editor="true"]')
       .focus();
-    await page.keyboard.press('ArrowDown'); // Move caret to end of paragraph
+    await page.keyboard.press('ArrowDown', {delay: 50}); // Move caret to end of paragraph
     await page.keyboard.type('BOLD');
 
     await assertHTML(
@@ -352,7 +378,7 @@ test.describe('Collaboration', () => {
     );
 
     // Left collaborator undoes their bold text.
-    await sleep(50);
+    await boldSleep;
     await page.frameLocator('iframe[name="left"]').getByLabel('Undo').click();
 
     // The undo also removed bold the text node from YJS.
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
index 520b08552c5..8ac28284f78 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
@@ -17,7 +17,9 @@ import {
 } from '../../../utils/index.mjs';
 
 test.describe('HTML Tables CopyAndPaste', () => {
-  test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
+  test.beforeEach(({isCollab, page}) =>
+    initialize({isCollab, page, tableHorizontalScroll: false}),
+  );
 
   test('Copy + paste (Table - Google Docs)', async ({
     page,
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs
index 108cd0f0617..db9aba8103b 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/lexical/ContextMenuCopyAndPaste.spec.mjs
@@ -32,9 +32,7 @@ test.describe('ContextMenuCopyAndPaste', () => {
     await page.keyboard.type('hello');
     await click(page, '.lock');
 
-    await page.pause();
     await doubleClick(page, 'div[contenteditable="false"] span');
-    await page.pause();
     await withExclusiveClipboardAccess(async () => {
       await click(page, 'div[contenteditable="false"] span', {button: 'right'});
       await click(page, '#typeahead-menu [role="option"] :text("Copy")');
@@ -72,7 +70,6 @@ test.describe('ContextMenuCopyAndPaste', () => {
       await click(page, '.font-increment');
       await focusEditor(page);
       await page.keyboard.type('MLH Fellowship');
-      //await page.pause();
       await moveToLineEnd(page);
       await page.keyboard.press('Enter');
       await page.keyboard.type('Fall 2024');
diff --git a/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs b/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
index 3a856bd19f3..58a0b41af91 100644
--- a/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
@@ -18,7 +18,9 @@ import {
 } from '../utils/index.mjs';
 
 test.describe('Identation', () => {
-  test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
+  test.beforeEach(({isCollab, page}) =>
+    initialize({isCollab, page, tableHorizontalScroll: false}),
+  );
 
   test(`Can create content and indent and outdent it all`, async ({
     page,
diff --git a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
index 026cd94d92d..71bba6fa5da 100644
--- a/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Selection.spec.mjs
@@ -53,7 +53,9 @@ import {
 } from '../utils/index.mjs';
 
 test.describe.parallel('Selection', () => {
-  test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
+  test.beforeEach(({isCollab, page}) =>
+    initialize({isCollab, page, tableHorizontalScroll: false}),
+  );
   test('does not focus the editor on load', async ({page}) => {
     const editorHasFocus = async () =>
       await evaluate(page, () => {
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index adbfbc73be2..d9362c28aed 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -18,7 +18,7 @@ import {
   selectCharacters,
 } from '../keyboardShortcuts/index.mjs';
 import {
-  assertHTML,
+  assertHTML as rawAssertHTML,
   assertSelection,
   click,
   clickSelectors,
@@ -37,6 +37,7 @@ import {
   insertTableRowBelow,
   IS_COLLAB,
   IS_LINUX,
+  IS_TABLE_HORIZONTAL_SCROLL,
   IS_WINDOWS,
   LEGACY_EVENTS,
   mergeTableCells,
@@ -52,6 +53,7 @@ import {
   unmergeTableCell,
   waitForSelector,
   withExclusiveClipboardAccess,
+  wrapTableHtml,
 } from '../utils/index.mjs';
 
 async function fillTablePartiallyWithText(page) {
@@ -75,6 +77,28 @@ async function fillTablePartiallyWithText(page) {
   await page.keyboard.press('c');
 }
 
+async function assertHTML(
+  page,
+  expectedHtml,
+  expectedHtmlFrameRight = undefined,
+  options = undefined,
+  ...args
+) {
+  return await rawAssertHTML(
+    page,
+    IS_TABLE_HORIZONTAL_SCROLL
+      ? wrapTableHtml(expectedHtml, options)
+      : expectedHtml,
+    IS_TABLE_HORIZONTAL_SCROLL && expectedHtmlFrameRight !== undefined
+      ? wrapTableHtml(expectedHtmlFrameRight, options)
+      : expectedHtmlFrameRight,
+    options,
+    ...args,
+  );
+}
+
+const WRAPPER = IS_TABLE_HORIZONTAL_SCROLL ? [0] : [];
+
 test.describe.parallel('Tables', () => {
   test(`Can a table be inserted from the toolbar`, async ({
     page,
@@ -181,12 +205,13 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0],
       });
 
       await moveLeft(page, 1);
+
       await assertSelection(page, {
         anchorOffset: 0,
         anchorPath: [0],
@@ -196,19 +221,20 @@ test.describe.parallel('Tables', () => {
 
       await moveRight(page, 1);
       await page.keyboard.type('ab');
+
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 1, 0, 0, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 1, 0, 0, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0, 0, 0],
       });
 
       await moveRight(page, 3);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 2, 1, 0],
+        anchorPath: [1, ...WRAPPER, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 2, 1, 0],
+        focusPath: [1, ...WRAPPER, 2, 1, 0],
       });
     });
 
@@ -226,9 +252,9 @@ test.describe.parallel('Tables', () => {
       await moveRight(page, 3);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 2, 1, 0],
+        anchorPath: [1, ...WRAPPER, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 2, 1, 0],
+        focusPath: [1, ...WRAPPER, 2, 1, 0],
       });
 
       await moveRight(page, 1);
@@ -243,9 +269,9 @@ test.describe.parallel('Tables', () => {
       await page.keyboard.type('ab');
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 2, 1, 0, 0, 0],
+        anchorPath: [1, ...WRAPPER, 2, 1, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 2, 1, 0, 0, 0],
+        focusPath: [1, ...WRAPPER, 2, 1, 0, 0, 0],
       });
 
       await moveRight(page, 3);
@@ -271,17 +297,17 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 1, ...WRAPPER, 1, 0, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0],
       });
     });
 
@@ -300,17 +326,17 @@ test.describe.parallel('Tables', () => {
       await moveRight(page, 3);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 1, 2, 1, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 1, ...WRAPPER, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 1, 2, 1, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 1, ...WRAPPER, 2, 1, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 2],
+        anchorPath: [1, ...WRAPPER, 1, 0, 2],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 2],
+        focusPath: [1, ...WRAPPER, 1, 0, 2],
       });
     });
   });
@@ -345,9 +371,9 @@ test.describe.parallel('Tables', () => {
     await deleteBackward(page);
     await assertSelection(page, {
       anchorOffset: 0,
-      anchorPath: [1, 2, 1, 0],
+      anchorPath: [1, ...WRAPPER, 2, 1, 0],
       focusOffset: 0,
-      focusPath: [1, 2, 1, 0],
+      focusPath: [1, ...WRAPPER, 2, 1, 0],
     });
     await assertHTML(
       page,
@@ -381,14 +407,24 @@ test.describe.parallel('Tables', () => {
     );
 
     await moveRight(page, 1);
-    // The native window selection should be on the root, whereas
-    // the editor selection should be on the last cell of the table.
-    await assertSelection(page, {
-      anchorOffset: 2,
-      anchorPath: [],
-      focusOffset: 2,
-      focusPath: [],
-    });
+    if (WRAPPER.length === 0) {
+      // The native window selection should be on the root, whereas
+      // the editor selection should be on the last cell of the table.
+      await assertSelection(page, {
+        anchorOffset: 2,
+        anchorPath: [],
+        focusOffset: 2,
+        focusPath: [],
+      });
+    } else {
+      // The native window selection is in the wrapper after the table
+      await assertSelection(page, {
+        anchorOffset: WRAPPER[0] + 1,
+        anchorPath: [1],
+        focusOffset: WRAPPER[0] + 1,
+        focusPath: [1],
+      });
+    }
 
     await page.keyboard.press('Enter');
     await assertSelection(page, {
@@ -514,9 +550,9 @@ test.describe.parallel('Tables', () => {
     await moveLeft(page, 1);
     await assertSelection(page, {
       anchorOffset: 0,
-      anchorPath: [1, 2, 1, 0],
+      anchorPath: [1, ...WRAPPER, 2, 1, 0],
       focusOffset: 0,
-      focusPath: [1, 2, 1, 0],
+      focusPath: [1, ...WRAPPER, 2, 1, 0],
     });
   });
 
@@ -566,57 +602,57 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 1, 0],
+        anchorPath: [1, ...WRAPPER, 1, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 1, 0],
+        focusPath: [1, ...WRAPPER, 1, 1, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 2, 0, 0],
+        anchorPath: [1, ...WRAPPER, 2, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 2, 0, 0],
+        focusPath: [1, ...WRAPPER, 2, 0, 0],
       });
 
       await moveRight(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 2, 1, 0],
+        anchorPath: [1, ...WRAPPER, 2, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 2, 1, 0],
+        focusPath: [1, ...WRAPPER, 2, 1, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 2, 0, 0],
+        anchorPath: [1, ...WRAPPER, 2, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 2, 0, 0],
+        focusPath: [1, ...WRAPPER, 2, 0, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 1, 0],
+        anchorPath: [1, ...WRAPPER, 1, 1, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 1, 0],
+        focusPath: [1, ...WRAPPER, 1, 1, 0],
       });
 
       await moveLeft(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0],
       });
     });
 
@@ -633,25 +669,25 @@ test.describe.parallel('Tables', () => {
 
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0],
       });
 
       await moveDown(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 2, 0, 0],
+        anchorPath: [1, ...WRAPPER, 2, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 2, 0, 0],
+        focusPath: [1, ...WRAPPER, 2, 0, 0],
       });
 
       await moveUp(page, 1);
       await assertSelection(page, {
         anchorOffset: 0,
-        anchorPath: [1, 1, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0],
         focusOffset: 0,
-        focusPath: [1, 1, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0],
       });
     });
 
@@ -669,9 +705,9 @@ test.describe.parallel('Tables', () => {
       await page.keyboard.type('@A');
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 1, 0, 0, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 1, 0, 0, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0, 0, 0],
       });
 
       await waitForSelector(page, `#typeahead-menu ul li:first-child.selected`);
@@ -679,9 +715,9 @@ test.describe.parallel('Tables', () => {
       await moveDown(page, 1);
       await assertSelection(page, {
         anchorOffset: 2,
-        anchorPath: [1, 1, 0, 0, 0, 0],
+        anchorPath: [1, ...WRAPPER, 1, 0, 0, 0, 0],
         focusOffset: 2,
-        focusPath: [1, 1, 0, 0, 0, 0],
+        focusPath: [1, ...WRAPPER, 1, 0, 0, 0, 0],
       });
 
       await waitForSelector(
diff --git a/packages/lexical-playground/__tests__/e2e/TextEntry.spec.mjs b/packages/lexical-playground/__tests__/e2e/TextEntry.spec.mjs
index 6a88dd49de3..c2c60760526 100644
--- a/packages/lexical-playground/__tests__/e2e/TextEntry.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/TextEntry.spec.mjs
@@ -641,7 +641,6 @@ test.describe('TextEntry', () => {
           <p class="PlaygroundEditorTheme__paragraph"><br /></p>
         `,
       );
-      await page.pause();
       await assertSelection(page, {
         anchorOffset: 0,
         anchorPath: [1],
diff --git a/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs b/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs
index 12cec473d34..232dfa8dd68 100644
--- a/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Toolbar.spec.mjs
@@ -31,7 +31,12 @@ import {
 
 test.describe('Toolbar', () => {
   test.beforeEach(({isCollab, page}) =>
-    initialize({isCollab, page, showNestedEditorTreeView: false}),
+    initialize({
+      isCollab,
+      page,
+      showNestedEditorTreeView: false,
+      tableHorizontalScroll: false,
+    }),
   );
 
   test(
diff --git a/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs b/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs
index abcd0492817..d2f29d9aade 100644
--- a/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/regression/4661-insert-column-selection.spec.mjs
@@ -20,7 +20,9 @@ import {
 } from '../utils/index.mjs';
 
 test.describe('Regression test #4661', () => {
-  test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
+  test.beforeEach(({isCollab, page}) =>
+    initialize({isCollab, page, tableHorizontalScroll: false}),
+  );
   test('inserting 2 columns before inserts before selection', async ({
     page,
     isPlainText,
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index 2b461f5fb05..9f43f61e5fd 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -34,6 +34,8 @@ export const IS_COLLAB =
 const IS_RICH_TEXT = process.env.E2E_EDITOR_MODE !== 'plain-text';
 const IS_PLAIN_TEXT = process.env.E2E_EDITOR_MODE === 'plain-text';
 export const LEGACY_EVENTS = process.env.E2E_EVENTS_MODE === 'legacy-events';
+export const IS_TABLE_HORIZONTAL_SCROLL =
+  process.env.E2E_TABLE_MODE !== 'legacy';
 export const SAMPLE_IMAGE_URL =
   E2E_PORT === 3000
     ? '/src/images/yellow-flower.jpg'
@@ -52,6 +54,21 @@ function wrapAndSlowDown(method, delay) {
   };
 }
 
+export function wrapTableHtml(expected, {ignoreClasses = false} = {}) {
+  return html`
+    ${expected
+      .replace(
+        /<table/g,
+        `<div${
+          ignoreClasses
+            ? ''
+            : ' class="PlaygroundEditorTheme__tableScrollableWrapper"'
+        }><table`,
+      )
+      .replace(/<\/table>/g, '</table></div>')}
+  `;
+}
+
 export async function initialize({
   page,
   isCollab,
@@ -64,6 +81,7 @@ export async function initialize({
   tableCellMerge,
   tableCellBackgroundColor,
   shouldUseLexicalContextMenu,
+  tableHorizontalScroll,
 }) {
   // Tests with legacy events often fail to register keypress, so
   // slowing it down to reduce flakiness
@@ -76,6 +94,8 @@ export async function initialize({
   appSettings.isRichText = IS_RICH_TEXT;
   appSettings.emptyEditor = true;
   appSettings.disableBeforeInput = LEGACY_EVENTS;
+  appSettings.tableHorizontalScroll =
+    tableHorizontalScroll ?? IS_TABLE_HORIZONTAL_SCROLL;
   if (isCollab) {
     appSettings.isCollab = isCollab;
     appSettings.collabId = randomUUID();
@@ -175,6 +195,16 @@ export async function clickSelectors(page, selectors) {
     await click(page, selectors[i]);
   }
 }
+
+function removeSafariLinebreakImgHack(actualHtml) {
+  return E2E_BROWSER === 'webkit'
+    ? actualHtml.replaceAll(
+        /<img (?:[^>]+ )?data-lexical-linebreak="true"(?: [^>]+)?>/g,
+        '',
+      )
+    : actualHtml;
+}
+
 /**
  * @param {import('@playwright/test').Page | import('@playwright/test').Frame} pageOrFrame
  */
@@ -191,10 +221,12 @@ async function assertHTMLOnPageOrFrame(
     ignoreInlineStyles,
   });
   return await expect(async () => {
-    const actualHtml = await pageOrFrame
-      .locator('div[contenteditable="true"]')
-      .first()
-      .innerHTML();
+    const actualHtml = removeSafariLinebreakImgHack(
+      await pageOrFrame
+        .locator('div[contenteditable="true"]')
+        .first()
+        .innerHTML(),
+    );
     let actual = prettifyHTML(actualHtml.replace(/\n/gm, ''), {
       ignoreClasses,
       ignoreInlineStyles,
@@ -338,13 +370,30 @@ async function assertSelectionOnPageOrFrame(page, expected) {
       return path.reverse();
     };
 
+    const fixOffset = (node, offset) => {
+      // If the selection offset is at the br of a webkit img+br linebreak
+      // then move the offset to the img so the tests are consistent across
+      // browsers
+      if (node && node.nodeType === Node.ELEMENT_NODE && offset > 0) {
+        const child = node.children[offset - 1];
+        if (
+          child &&
+          child.nodeType === Node.ELEMENT_NODE &&
+          child.getAttribute('data-lexical-linebreak') === 'true'
+        ) {
+          return offset - 1;
+        }
+      }
+      return offset;
+    };
+
     const {anchorNode, anchorOffset, focusNode, focusOffset} =
       window.getSelection();
 
     return {
-      anchorOffset,
+      anchorOffset: fixOffset(anchorNode, anchorOffset),
       anchorPath: getPathFromNode(anchorNode),
-      focusOffset,
+      focusOffset: fixOffset(focusNode, focusOffset),
       focusPath: getPathFromNode(focusNode),
     };
   }, expected);
diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index 2c4f0419575..3fd409b5774 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -94,6 +94,7 @@ export default function Editor(): JSX.Element {
       shouldPreserveNewLinesInMarkdown,
       tableCellMerge,
       tableCellBackgroundColor,
+      tableHorizontalScroll,
     },
   } = useSettings();
   const isEditable = useLexicalEditable();
@@ -199,6 +200,7 @@ export default function Editor(): JSX.Element {
             <TablePlugin
               hasCellMerge={tableCellMerge}
               hasCellBackgroundColor={tableCellBackgroundColor}
+              hasHorizontalScroll={tableHorizontalScroll}
             />
             <TableCellResizer />
             <ImagesPlugin />
diff --git a/packages/lexical-playground/src/Settings.tsx b/packages/lexical-playground/src/Settings.tsx
index b015f570d9d..2a126f8d0db 100644
--- a/packages/lexical-playground/src/Settings.tsx
+++ b/packages/lexical-playground/src/Settings.tsx
@@ -28,10 +28,11 @@ export default function Settings(): JSX.Element {
       isAutocomplete,
       showTreeView,
       showNestedEditorTreeView,
-      disableBeforeInput,
+      // disableBeforeInput,
       showTableOfContents,
       shouldUseLexicalContextMenu,
       shouldPreserveNewLinesInMarkdown,
+      // tableHorizontalScroll,
     },
   } = useSettings();
   useEffect(() => {
@@ -132,14 +133,14 @@ export default function Settings(): JSX.Element {
             checked={isAutocomplete}
             text="Autocomplete"
           />
-          <Switch
+          {/* <Switch
             onClick={() => {
               setOption('disableBeforeInput', !disableBeforeInput);
               setTimeout(() => window.location.reload(), 500);
             }}
             checked={disableBeforeInput}
             text="Legacy Events"
-          />
+          /> */}
           <Switch
             onClick={() => {
               setOption('showTableOfContents', !showTableOfContents);
@@ -167,6 +168,13 @@ export default function Settings(): JSX.Element {
             checked={shouldPreserveNewLinesInMarkdown}
             text="Preserve newlines in Markdown"
           />
+          {/* <Switch
+            onClick={() => {
+              setOption('tableHorizontalScroll', !tableHorizontalScroll);
+            }}
+            checked={tableHorizontalScroll}
+            text="Tables have horizontal scroll"
+          /> */}
         </div>
       ) : null}
     </>
diff --git a/packages/lexical-playground/src/appSettings.ts b/packages/lexical-playground/src/appSettings.ts
index d698af382c2..ab489c3e668 100644
--- a/packages/lexical-playground/src/appSettings.ts
+++ b/packages/lexical-playground/src/appSettings.ts
@@ -29,6 +29,7 @@ export const DEFAULT_SETTINGS = {
   showTreeView: true,
   tableCellBackgroundColor: true,
   tableCellMerge: true,
+  tableHorizontalScroll: true,
 } as const;
 
 // These are mutated in setupEnv
diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index e5362290c69..31718a446af 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -74,17 +74,18 @@ header h1 {
 
 .editor-scroller {
   min-height: 150px;
+  max-width: 100%;
   border: 0;
   display: flex;
   position: relative;
   outline: 0;
   z-index: 0;
-  overflow: auto;
   resize: vertical;
 }
 
 .editor {
   flex: auto;
+  max-width: 100%;
   position: relative;
   resize: vertical;
   z-index: -1;
diff --git a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
index 60a09ab8a09..43f1f8aa5d2 100644
--- a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
@@ -24,8 +24,8 @@ import {
   $isTableRowNode,
   $isTableSelection,
   $unmergeCell,
+  getTableElement,
   getTableObserverFromTableElement,
-  HTMLTableElementWithWithTableSelectionState,
   TableCellHeaderStates,
   TableCellNode,
   TableRowNode,
@@ -43,6 +43,7 @@ import {
 import * as React from 'react';
 import {ReactPortal, useCallback, useEffect, useRef, useState} from 'react';
 import {createPortal} from 'react-dom';
+import invariant from 'shared/invariant';
 
 import useModal from '../../hooks/useModal';
 import ColorPicker from '../../ui/ColorPicker';
@@ -229,13 +230,15 @@ function TableActionMenu({
     editor.update(() => {
       if (tableCellNode.isAttached()) {
         const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
-        const tableElement = editor.getElementByKey(
-          tableNode.getKey(),
-        ) as HTMLTableElementWithWithTableSelectionState;
+        const tableElement = getTableElement(
+          tableNode,
+          editor.getElementByKey(tableNode.getKey()),
+        );
 
-        if (!tableElement) {
-          throw new Error('Expected to find tableElement in DOM');
-        }
+        invariant(
+          tableElement !== null,
+          'TableActionMenu: Expected to find tableElement in DOM',
+        );
 
         const tableObserver = getTableObserverFromTableElement(tableElement);
         if (tableObserver !== null) {
diff --git a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
index f0446ee6b1f..7f586262645 100644
--- a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
@@ -19,6 +19,7 @@ import {
   $isTableCellNode,
   $isTableRowNode,
   getDOMCellFromTarget,
+  getTableElement,
   TableNode,
 } from '@lexical/table';
 import {calculateZoomLevel} from '@lexical/utils';
@@ -115,7 +116,10 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
 
               const tableNode =
                 $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
-              const tableElement = editor.getElementByKey(tableNode.getKey());
+              const tableElement = getTableElement(
+                tableNode,
+                editor.getElementByKey(tableNode.getKey()),
+              );
 
               if (!tableElement) {
                 throw new Error('TableCellResizer: Table element not found.');
diff --git a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
index 44fc3368a02..92a26ff0015 100644
--- a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
@@ -9,12 +9,14 @@
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
 import {
+  $getTableAndElementByKey,
   $getTableColumnIndexFromTableCellNode,
   $getTableRowIndexFromTableCellNode,
   $insertTableColumn__EXPERIMENTAL,
   $insertTableRow__EXPERIMENTAL,
   $isTableCellNode,
   $isTableNode,
+  getTableElement,
   TableCellNode,
   TableNode,
   TableRowNode,
@@ -75,7 +77,10 @@ function TableHoverActionsContainer({
             return;
           }
 
-          tableDOMElement = editor.getElementByKey(table?.getKey());
+          tableDOMElement = getTableElement(
+            table,
+            editor.getElementByKey(table.getKey()),
+          );
 
           if (tableDOMElement) {
             const rowCount = table.getChildrenSize();
@@ -163,36 +168,37 @@ function TableHoverActionsContainer({
       editor.registerMutationListener(
         TableNode,
         (mutations) => {
-          editor.getEditorState().read(() => {
-            for (const [key, type] of mutations) {
-              const tableDOMElement = editor.getElementByKey(key);
-              switch (type) {
-                case 'created':
-                  tableSetRef.current.add(key);
-                  setShouldListenMouseMove(tableSetRef.current.size > 0);
-                  if (tableDOMElement) {
-                    tableResizeObserver.observe(tableDOMElement);
+          editor.getEditorState().read(
+            () => {
+              let resetObserver = false;
+              for (const [key, type] of mutations) {
+                switch (type) {
+                  case 'created': {
+                    tableSetRef.current.add(key);
+                    resetObserver = true;
+                    break;
+                  }
+                  case 'destroyed': {
+                    tableSetRef.current.delete(key);
+                    resetObserver = true;
+                    break;
                   }
-                  break;
-
-                case 'destroyed':
-                  tableSetRef.current.delete(key);
-                  setShouldListenMouseMove(tableSetRef.current.size > 0);
-                  // Reset resize observers
-                  tableResizeObserver.disconnect();
-                  tableSetRef.current.forEach((tableKey: NodeKey) => {
-                    const tableElement = editor.getElementByKey(tableKey);
-                    if (tableElement) {
-                      tableResizeObserver.observe(tableElement);
-                    }
-                  });
-                  break;
-
-                default:
-                  break;
+                  default:
+                    break;
+                }
               }
-            }
-          });
+              if (resetObserver) {
+                // Reset resize observers
+                tableResizeObserver.disconnect();
+                for (const tableKey of tableSetRef.current) {
+                  const {tableElement} = $getTableAndElementByKey(tableKey);
+                  tableResizeObserver.observe(tableElement);
+                }
+                setShouldListenMouseMove(tableSetRef.current.size > 0);
+              }
+            },
+            {editor},
+          );
         },
         {skipInitialization: false},
       ),
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
index 22d27e4145e..cbed93864d1 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -116,6 +116,14 @@
   text-align: right;
   min-width: 25px;
 }
+.PlaygroundEditorTheme__tableScrollableWrapper {
+  overflow-x: auto;
+  margin: 0px 25px 30px 0px;
+}
+.PlaygroundEditorTheme__tableScrollableWrapper > .PlaygroundEditorTheme__table {
+  /* Remove the table's margin and put it on the wrapper */
+  margin: 0;
+}
 .PlaygroundEditorTheme__table {
   border-collapse: collapse;
   border-spacing: 0;
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
index c29d9d1434d..e1c87638895 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
@@ -103,6 +103,7 @@ const theme: EditorThemeClasses = {
   tableCellSortedIndicator: 'PlaygroundEditorTheme__tableCellSortedIndicator',
   tableResizeRuler: 'PlaygroundEditorTheme__tableCellResizeRuler',
   tableRowStriping: 'PlaygroundEditorTheme__tableRowStriping',
+  tableScrollableWrapper: 'PlaygroundEditorTheme__tableScrollableWrapper',
   tableSelected: 'PlaygroundEditorTheme__tableSelected',
   tableSelection: 'PlaygroundEditorTheme__tableSelection',
   text: {
diff --git a/packages/lexical-react/src/LexicalTablePlugin.ts b/packages/lexical-react/src/LexicalTablePlugin.ts
index e8b512eb790..a5c43d17c65 100644
--- a/packages/lexical-react/src/LexicalTablePlugin.ts
+++ b/packages/lexical-react/src/LexicalTablePlugin.ts
@@ -20,11 +20,13 @@ import {
   $createTableCellNode,
   $createTableNodeWithDimensions,
   $getNodeTriplet,
+  $getTableAndElementByKey,
   $isTableCellNode,
-  $isTableNode,
   $isTableRowNode,
   applyTableHandlers,
+  getTableElement,
   INSERT_TABLE_COMMAND,
+  setScrollableTablesActive,
   TableCellNode,
   TableNode,
   TableRowNode,
@@ -36,24 +38,50 @@ import {
 } from '@lexical/utils';
 import {
   $createParagraphNode,
-  $getNodeByKey,
   $isTextNode,
   COMMAND_PRIORITY_EDITOR,
 } from 'lexical';
 import {useEffect} from 'react';
 import invariant from 'shared/invariant';
 
+export interface TablePluginProps {
+  /**
+   * When `false` (default `true`), merged cell support (colspan and rowspan) will be disabled and all
+   * tables will be forced into a regular grid with 1x1 table cells.
+   */
+  hasCellMerge?: boolean;
+  /**
+   * When `false` (default `true`), the background color of TableCellNode will always be removed.
+   */
+  hasCellBackgroundColor?: boolean;
+  /**
+   * When `true` (default `true`), the tab key can be used to navigate table cells.
+   */
+  hasTabHandler?: boolean;
+  /**
+   * When `true` (default `false`), tables will be wrapped in a `<div>` to enable horizontal scrolling
+   */
+  hasHorizontalScroll?: boolean;
+}
+
+/**
+ * A plugin to enable all of the features of Lexical's TableNode.
+ *
+ * @param props - See type for documentation
+ * @returns An element to render in your LexicalComposer
+ */
 export function TablePlugin({
   hasCellMerge = true,
   hasCellBackgroundColor = true,
   hasTabHandler = true,
-}: {
-  hasCellMerge?: boolean;
-  hasCellBackgroundColor?: boolean;
-  hasTabHandler?: boolean;
-}): JSX.Element | null {
+  hasHorizontalScroll = false,
+}: TablePluginProps): JSX.Element | null {
   const [editor] = useLexicalComposerContext();
 
+  useEffect(() => {
+    setScrollableTablesActive(editor, hasHorizontalScroll);
+  }, [editor, hasHorizontalScroll]);
+
   useEffect(() => {
     if (!editor.hasNodes([TableNode, TableCellNode, TableRowNode])) {
       invariant(
@@ -122,7 +150,7 @@ export function TablePlugin({
       nodeKey: NodeKey,
       dom: HTMLElement,
     ) => {
-      const tableElement = dom as HTMLTableElementWithWithTableSelectionState;
+      const tableElement = getTableElement(tableNode, dom);
       const tableSelection = applyTableHandlers(
         tableNode,
         tableElement,
@@ -135,34 +163,31 @@ export function TablePlugin({
     const unregisterMutationListener = editor.registerMutationListener(
       TableNode,
       (nodeMutations) => {
-        for (const [nodeKey, mutation] of nodeMutations) {
-          if (mutation === 'created' || mutation === 'updated') {
-            const tableSelection = tableSelections.get(nodeKey);
-            const dom = editor.getElementByKey(nodeKey);
-            if (!(tableSelection && dom === tableSelection[1])) {
-              // The update created a new DOM node, destroy the existing TableObserver
-              if (tableSelection) {
-                tableSelection[0].removeListeners();
-                tableSelections.delete(nodeKey);
-              }
-              if (dom !== null) {
-                // Create a new TableObserver
-                editor.getEditorState().read(() => {
-                  const tableNode = $getNodeByKey<TableNode>(nodeKey);
-                  if ($isTableNode(tableNode)) {
-                    initializeTableNode(tableNode, nodeKey, dom);
-                  }
-                });
+        editor.getEditorState().read(
+          () => {
+            for (const [nodeKey, mutation] of nodeMutations) {
+              const tableSelection = tableSelections.get(nodeKey);
+              if (mutation === 'created' || mutation === 'updated') {
+                const {tableNode, tableElement} =
+                  $getTableAndElementByKey(nodeKey);
+                if (tableSelection === undefined) {
+                  initializeTableNode(tableNode, nodeKey, tableElement);
+                } else if (tableElement !== tableSelection[1]) {
+                  // The update created a new DOM node, destroy the existing TableObserver
+                  tableSelection[0].removeListeners();
+                  tableSelections.delete(nodeKey);
+                  initializeTableNode(tableNode, nodeKey, tableElement);
+                }
+              } else if (mutation === 'destroyed') {
+                if (tableSelection !== undefined) {
+                  tableSelection[0].removeListeners();
+                  tableSelections.delete(nodeKey);
+                }
               }
             }
-          } else if (mutation === 'destroyed') {
-            const tableSelection = tableSelections.get(nodeKey);
-            if (tableSelection !== undefined) {
-              tableSelection[0].removeListeners();
-              tableSelections.delete(nodeKey);
-            }
-          }
-        }
+          },
+          {editor},
+        );
       },
       {skipInitialization: false},
     );
diff --git a/packages/lexical-table/flow/LexicalTable.js.flow b/packages/lexical-table/flow/LexicalTable.js.flow
index 8ec1b813b10..19014ebd897 100644
--- a/packages/lexical-table/flow/LexicalTable.js.flow
+++ b/packages/lexical-table/flow/LexicalTable.js.flow
@@ -162,6 +162,7 @@ declare export function applyTableHandlers(
   tableNode: TableNode,
   tableElement: HTMLElement,
   editor: LexicalEditor,
+  hasTabHandler: boolean,
 ): TableObserver;
 
 declare export function $getElementForTableNode(
diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index be988c5af96..838758e2e83 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -6,18 +6,6 @@
  *
  */
 
-import type {
-  DOMConversionMap,
-  DOMConversionOutput,
-  DOMExportOutput,
-  EditorConfig,
-  LexicalEditor,
-  LexicalNode,
-  NodeKey,
-  SerializedElementNode,
-  Spread,
-} from 'lexical';
-
 import {
   addClassNamesToElement,
   isHTMLElement,
@@ -25,9 +13,22 @@ import {
 } from '@lexical/utils';
 import {
   $applyNodeReplacement,
+  $getEditor,
   $getNearestNodeFromDOMNode,
+  DOMConversionMap,
+  DOMConversionOutput,
+  DOMExportOutput,
+  EditorConfig,
+  ElementDOMSlot,
   ElementNode,
+  LexicalEditor,
+  LexicalNode,
+  NodeKey,
+  SerializedElementNode,
+  setDOMUnmanaged,
+  Spread,
 } from 'lexical';
+import invariant from 'shared/invariant';
 
 import {PIXEL_VALUE_REG_EXP} from './constants';
 import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
@@ -79,6 +80,30 @@ function setRowStriping(
   }
 }
 
+const scrollableEditors = new WeakSet<LexicalEditor>();
+
+export function $isScrollableTablesActive(
+  editor: LexicalEditor = $getEditor(),
+): boolean {
+  return scrollableEditors.has(editor);
+}
+
+export function setScrollableTablesActive(
+  editor: LexicalEditor,
+  active: boolean,
+) {
+  if (active) {
+    if (__DEV__ && !editor._config.theme.tableScrollableWrapper) {
+      console.warn(
+        'TableNode: hasHorizontalScroll is active but theme.tableScrollableWrapper is not defined.',
+      );
+    }
+    scrollableEditors.add(editor);
+  } else {
+    scrollableEditors.delete(editor);
+  }
+}
+
 /** @noInheritDoc */
 export class TableNode extends ElementNode {
   /** @internal */
@@ -142,6 +167,19 @@ export class TableNode extends ElementNode {
     };
   }
 
+  getDOMSlot(element: HTMLElement): ElementDOMSlot {
+    const tableElement =
+      (element.nodeName !== 'TABLE' && element.querySelector('table')) ||
+      element;
+    invariant(
+      tableElement.nodeName === 'TABLE',
+      'TableNode.getDOMSlot: createDOM() did not return a table',
+    );
+    return super
+      .getDOMSlot(tableElement)
+      .withAfter(tableElement.querySelector('colgroup'));
+  }
+
   createDOM(config: EditorConfig, editor?: LexicalEditor): HTMLElement {
     const tableElement = document.createElement('table');
     const colGroup = document.createElement('colgroup');
@@ -152,11 +190,23 @@ export class TableNode extends ElementNode {
       this.getColumnCount(),
       this.getColWidths(),
     );
+    setDOMUnmanaged(colGroup);
 
     addClassNamesToElement(tableElement, config.theme.table);
     if (this.__rowStriping) {
       setRowStriping(tableElement, config, true);
     }
+    if ($isScrollableTablesActive(editor)) {
+      const wrapperElement = document.createElement('div');
+      const classes = config.theme.tableScrollableWrapper;
+      if (classes) {
+        addClassNamesToElement(wrapperElement, classes);
+      } else {
+        wrapperElement.style.cssText = 'overflow-x: auto;';
+      }
+      wrapperElement.appendChild(tableElement);
+      return wrapperElement;
+    }
 
     return tableElement;
   }
@@ -177,21 +227,24 @@ export class TableNode extends ElementNode {
     return {
       ...super.exportDOM(editor),
       after: (tableElement) => {
-        if (tableElement) {
-          const newElement = tableElement.cloneNode() as ParentNode;
-          const colGroup = document.createElement('colgroup');
+        if (
+          tableElement &&
+          isHTMLElement(tableElement) &&
+          tableElement.nodeName !== 'TABLE'
+        ) {
+          tableElement = tableElement.querySelector('table');
+        }
+        if (!tableElement || !isHTMLElement(tableElement)) {
+          return null;
+        }
+        // Wrap direct descendant rows in a tbody for export
+        const rows = tableElement.querySelectorAll(':scope > tr');
+        if (rows.length > 0) {
           const tBody = document.createElement('tbody');
-          if (isHTMLElement(tableElement)) {
-            const cols = tableElement.querySelectorAll('col');
-            colGroup.append(...cols);
-            const rows = tableElement.querySelectorAll('tr');
-            tBody.append(...rows);
-          }
-
-          newElement.replaceChildren(colGroup, tBody);
-
-          return newElement as HTMLElement;
+          tBody.append(...rows);
+          tableElement.append(tBody);
         }
+        return tableElement;
       },
     };
   }
@@ -344,12 +397,11 @@ export function $getElementForTableNode(
   tableNode: TableNode,
 ): TableDOMTable {
   const tableElement = editor.getElementByKey(tableNode.getKey());
-
-  if (tableElement == null) {
-    throw new Error('Table Element Not Found');
-  }
-
-  return getTable(tableElement);
+  invariant(
+    tableElement !== null,
+    '$getElementForTableNode: Table Element Not Found',
+  );
+  return getTable(tableNode, tableElement);
 }
 
 export function $convertTableElement(
diff --git a/packages/lexical-table/src/LexicalTableObserver.ts b/packages/lexical-table/src/LexicalTableObserver.ts
index 03030509a52..9d3ffbbc690 100644
--- a/packages/lexical-table/src/LexicalTableObserver.ts
+++ b/packages/lexical-table/src/LexicalTableObserver.ts
@@ -16,6 +16,7 @@ import {
   $createParagraphNode,
   $createRangeSelection,
   $createTextNode,
+  $getEditor,
   $getNearestNodeFromDOMNode,
   $getNodeByKey,
   $getRoot,
@@ -28,7 +29,7 @@ import {
 import invariant from 'shared/invariant';
 
 import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
-import {$isTableNode} from './LexicalTableNode';
+import {$isTableNode, TableNode} from './LexicalTableNode';
 import {
   $createTableSelection,
   $isTableSelection,
@@ -39,6 +40,8 @@ import {
   $updateDOMForSelection,
   getDOMSelection,
   getTable,
+  getTableElement,
+  HTMLTableElementWithWithTableSelectionState,
 } from './LexicalTableSelectionHelpers';
 
 export type TableDOMCell = {
@@ -57,6 +60,31 @@ export type TableDOMTable = {
   rows: number;
 };
 
+export function $getTableAndElementByKey(
+  tableNodeKey: NodeKey,
+  editor: LexicalEditor = $getEditor(),
+): {
+  tableNode: TableNode;
+  tableElement: HTMLTableElementWithWithTableSelectionState;
+} {
+  const tableNode = $getNodeByKey(tableNodeKey);
+  invariant(
+    $isTableNode(tableNode),
+    'TableObserver: Expected tableNodeKey %s to be a TableNode',
+    tableNodeKey,
+  );
+  const tableElement = getTableElement(
+    tableNode,
+    editor.getElementByKey(tableNodeKey),
+  );
+  invariant(
+    tableElement !== null,
+    'TableObserver: Expected to find TableElement in DOM for key %s',
+    tableNodeKey,
+  );
+  return {tableElement, tableNode};
+}
+
 export class TableObserver {
   focusX: number;
   focusY: number;
@@ -74,6 +102,7 @@ export class TableObserver {
   tableSelection: TableSelection | null;
   hasHijackedSelectionStyles: boolean;
   isSelecting: boolean;
+  shouldCheckSelection: boolean;
   abortController: AbortController;
   listenerOptions: {signal: AbortSignal};
 
@@ -97,10 +126,11 @@ export class TableObserver {
     this.anchorCell = null;
     this.focusCell = null;
     this.hasHijackedSelectionStyles = false;
-    this.trackTable();
     this.isSelecting = false;
+    this.shouldCheckSelection = false;
     this.abortController = new AbortController();
     this.listenerOptions = {signal: this.abortController.signal};
+    this.trackTable();
   }
 
   getTable(): TableDOMTable {
@@ -115,54 +145,57 @@ export class TableObserver {
     this.listenersToRemove.clear();
   }
 
+  $lookup(): {
+    tableNode: TableNode;
+    tableElement: HTMLTableElementWithWithTableSelectionState;
+  } {
+    return $getTableAndElementByKey(this.tableNodeKey, this.editor);
+  }
+
   trackTable() {
     const observer = new MutationObserver((records) => {
-      this.editor.update(() => {
-        let gridNeedsRedraw = false;
-
-        for (let i = 0; i < records.length; i++) {
-          const record = records[i];
-          const target = record.target;
-          const nodeName = target.nodeName;
-
-          if (
-            nodeName === 'TABLE' ||
-            nodeName === 'TBODY' ||
-            nodeName === 'THEAD' ||
-            nodeName === 'TR'
-          ) {
-            gridNeedsRedraw = true;
-            break;
+      this.editor.getEditorState().read(
+        () => {
+          let gridNeedsRedraw = false;
+
+          for (let i = 0; i < records.length; i++) {
+            const record = records[i];
+            const target = record.target;
+            const nodeName = target.nodeName;
+
+            if (
+              nodeName === 'TABLE' ||
+              nodeName === 'TBODY' ||
+              nodeName === 'THEAD' ||
+              nodeName === 'TR'
+            ) {
+              gridNeedsRedraw = true;
+              break;
+            }
           }
-        }
-
-        if (!gridNeedsRedraw) {
-          return;
-        }
-
-        const tableElement = this.editor.getElementByKey(this.tableNodeKey);
-
-        if (!tableElement) {
-          throw new Error('Expected to find TableElement in DOM');
-        }
-
-        this.table = getTable(tableElement);
-      });
-    });
-    this.editor.update(() => {
-      const tableElement = this.editor.getElementByKey(this.tableNodeKey);
 
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
+          if (!gridNeedsRedraw) {
+            return;
+          }
 
-      this.table = getTable(tableElement);
-      observer.observe(tableElement, {
-        attributes: true,
-        childList: true,
-        subtree: true,
-      });
+          const {tableNode, tableElement} = this.$lookup();
+          this.table = getTable(tableNode, tableElement);
+        },
+        {editor: this.editor},
+      );
     });
+    this.editor.getEditorState().read(
+      () => {
+        const {tableNode, tableElement} = this.$lookup();
+        this.table = getTable(tableNode, tableElement);
+        observer.observe(tableElement, {
+          attributes: true,
+          childList: true,
+          subtree: true,
+        });
+      },
+      {editor: this.editor},
+    );
   }
 
   clearHighlight() {
@@ -182,19 +215,8 @@ export class TableObserver {
     this.enableHighlightStyle();
 
     editor.update(() => {
-      const tableNode = $getNodeByKey(this.tableNodeKey);
-
-      if (!$isTableNode(tableNode)) {
-        throw new Error('Expected TableNode.');
-      }
-
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
-
-      const grid = getTable(tableElement);
+      const {tableNode, tableElement} = this.$lookup();
+      const grid = getTable(tableNode, tableElement);
       $updateDOMForSelection(editor, grid, null);
       $setSelection(null);
       editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
@@ -203,34 +225,34 @@ export class TableObserver {
 
   enableHighlightStyle() {
     const editor = this.editor;
-    editor.update(() => {
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
-
-      removeClassNamesFromElement(
-        tableElement,
-        editor._config.theme.tableSelection,
-      );
-      tableElement.classList.remove('disable-selection');
-      this.hasHijackedSelectionStyles = false;
-    });
+    editor.getEditorState().read(
+      () => {
+        const {tableElement} = this.$lookup();
+
+        removeClassNamesFromElement(
+          tableElement,
+          editor._config.theme.tableSelection,
+        );
+        tableElement.classList.remove('disable-selection');
+        this.hasHijackedSelectionStyles = false;
+      },
+      {editor},
+    );
   }
 
   disableHighlightStyle() {
     const editor = this.editor;
-    editor.update(() => {
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
-
-      addClassNamesToElement(tableElement, editor._config.theme.tableSelection);
-      this.hasHijackedSelectionStyles = true;
-    });
+    editor.getEditorState().read(
+      () => {
+        const {tableElement} = this.$lookup();
+        addClassNamesToElement(
+          tableElement,
+          editor._config.theme.tableSelection,
+        );
+        this.hasHijackedSelectionStyles = true;
+      },
+      {editor},
+    );
   }
 
   updateTableTableSelection(selection: TableSelection | null): void {
@@ -248,20 +270,32 @@ export class TableObserver {
     }
   }
 
+  /**
+   * @internal
+   * Firefox has a strange behavior where pressing the down arrow key from
+   * above the table will move the caret after the table and then lexical
+   * will select the last cell instead of the first.
+   * We do still want to let the browser handle caret movement but we will
+   * use this property to "tag" the update so that we can recheck the
+   * selection after the event is processed.
+   */
+  setShouldCheckSelection(): void {
+    this.shouldCheckSelection = true;
+  }
+  /**
+   * @internal
+   */
+  getAndClearShouldCheckSelection(): boolean {
+    if (this.shouldCheckSelection) {
+      this.shouldCheckSelection = false;
+      return true;
+    }
+    return false;
+  }
   setFocusCellForSelection(cell: TableDOMCell, ignoreStart = false) {
     const editor = this.editor;
     editor.update(() => {
-      const tableNode = $getNodeByKey(this.tableNodeKey);
-
-      if (!$isTableNode(tableNode)) {
-        throw new Error('Expected TableNode.');
-      }
-
-      const tableElement = editor.getElementByKey(this.tableNodeKey);
-
-      if (!tableElement) {
-        throw new Error('Expected to find TableElement in DOM');
-      }
+      const {tableNode} = this.$lookup();
 
       const cellX = cell.x;
       const cellY = cell.y;
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index f85709749b4..f629d1feb0d 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -7,7 +7,6 @@
  */
 
 import type {TableCellNode} from './LexicalTableCellNode';
-import type {TableNode} from './LexicalTableNode';
 import type {TableDOMCell, TableDOMRows} from './LexicalTableObserver';
 import type {
   TableMapType,
@@ -68,7 +67,11 @@ import {CAN_USE_DOM} from 'shared/canUseDOM';
 import invariant from 'shared/invariant';
 
 import {$isTableCellNode} from './LexicalTableCellNode';
-import {$isTableNode} from './LexicalTableNode';
+import {
+  $isScrollableTablesActive,
+  $isTableNode,
+  TableNode,
+} from './LexicalTableNode';
 import {TableDOMTable, TableObserver} from './LexicalTableObserver';
 import {$isTableRowNode} from './LexicalTableRowNode';
 import {$isTableSelection} from './LexicalTableSelection';
@@ -85,9 +88,27 @@ const isMouseDownOnEvent = (event: MouseEvent) => {
   return (event.buttons & 1) === 1;
 };
 
+export function getTableElement<T extends HTMLElement | null>(
+  tableNode: TableNode,
+  dom: T,
+): HTMLTableElementWithWithTableSelectionState | (T & null) {
+  if (!dom) {
+    return dom as T & null;
+  }
+  const element = (
+    dom.nodeName === 'TABLE' ? dom : tableNode.getDOMSlot(dom).element
+  ) as HTMLTableElementWithWithTableSelectionState;
+  invariant(
+    element.nodeName === 'TABLE',
+    'getTableElement: Expecting table in as DOM node for TableNode, not %s',
+    dom.nodeName,
+  );
+  return element;
+}
+
 export function applyTableHandlers(
   tableNode: TableNode,
-  tableElement: HTMLTableElementWithWithTableSelectionState,
+  element: HTMLElement,
   editor: LexicalEditor,
   hasTabHandler: boolean,
 ): TableObserver {
@@ -100,9 +121,10 @@ export function applyTableHandlers(
   const tableObserver = new TableObserver(editor, tableNode.getKey());
   const editorWindow = editor._window || window;
 
+  const tableElement = getTableElement(tableNode, element);
   attachTableObserverToTableElement(tableElement, tableObserver);
   tableObserver.listenersToRemove.add(() =>
-    deatatchTableObserverFromTableElement(tableElement, tableObserver),
+    detatchTableObserverFromTableElement(tableElement, tableObserver),
   );
 
   const createMouseHandlers = () => {
@@ -744,6 +766,29 @@ export function applyTableHandlers(
       () => {
         const selection = $getSelection();
         const prevSelection = $getPreviousSelection();
+        // If they pressed the down arrow with the selection outside of the
+        // table, and then the selection ends up in the table but not in the
+        // first cell, then move the selection to the first cell.
+        if (
+          tableObserver.getAndClearShouldCheckSelection() &&
+          $isRangeSelection(prevSelection) &&
+          $isRangeSelection(selection) &&
+          selection.isCollapsed()
+        ) {
+          const anchor = selection.anchor.getNode();
+          const firstRow = tableNode.getFirstChild();
+          const anchorCell = $findCellNode(anchor);
+          if (anchorCell !== null && $isTableRowNode(firstRow)) {
+            const firstCell = firstRow.getFirstChild();
+            if (
+              $isTableCellNode(firstCell) &&
+              !$findMatchingParent(anchorCell, (node) => node.is(firstCell))
+            ) {
+              firstCell.selectStart();
+              return true;
+            }
+          }
+        }
 
         if ($isRangeSelection(selection)) {
           const {anchor, focus} = selection;
@@ -944,7 +989,7 @@ export type HTMLTableElementWithWithTableSelectionState = HTMLTableElement & {
   [LEXICAL_ELEMENT_KEY]?: TableObserver | undefined;
 };
 
-export function deatatchTableObserverFromTableElement(
+export function detatchTableObserverFromTableElement(
   tableElement: HTMLTableElementWithWithTableSelectionState,
   tableObserver: TableObserver,
 ) {
@@ -1006,7 +1051,11 @@ export function doesTargetContainText(node: Node): boolean {
   return false;
 }
 
-export function getTable(tableElement: HTMLElement): TableDOMTable {
+export function getTable(
+  tableNode: TableNode,
+  dom: HTMLElement,
+): TableDOMTable {
+  const tableElement = getTableElement(tableNode, dom);
   const domRows: TableDOMRows = [];
   const grid = {
     columns: 0,
@@ -1538,6 +1587,10 @@ function $handleArrowKey(
         }
       }
     }
+    if (direction === 'down' && $isScrollableTablesActive(editor)) {
+      // Enable Firefox workaround
+      tableObserver.setShouldCheckSelection();
+    }
     return false;
   }
 
@@ -1559,11 +1612,12 @@ function $handleArrowKey(
     }
     const anchorCellTable = $findTableNode(anchorCellNode);
     if (anchorCellTable !== tableNode && anchorCellTable != null) {
-      const anchorCellTableElement = editor.getElementByKey(
-        anchorCellTable.getKey(),
+      const anchorCellTableElement = getTableElement(
+        anchorCellTable,
+        editor.getElementByKey(anchorCellTable.getKey()),
       );
       if (anchorCellTableElement != null) {
-        tableObserver.table = getTable(anchorCellTableElement);
+        tableObserver.table = getTable(anchorCellTable, anchorCellTableElement);
         return $handleArrowKey(
           editor,
           event,
@@ -1675,8 +1729,13 @@ function $handleArrowKey(
     );
 
     const [tableNodeFromSelection] = selection.getNodes();
-    const tableElement = editor.getElementByKey(
-      tableNodeFromSelection.getKey(),
+    invariant(
+      $isTableNode(tableNodeFromSelection),
+      '$handleArrowKey: TableSelection.getNodes()[0] expected to be TableNode',
+    );
+    const tableElement = getTableElement(
+      tableNodeFromSelection,
+      editor.getElementByKey(tableNodeFromSelection.getKey()),
     );
     if (
       !$isTableCellNode(anchorCellNode) ||
@@ -1688,7 +1747,7 @@ function $handleArrowKey(
     }
     tableObserver.updateTableTableSelection(selection);
 
-    const grid = getTable(tableElement);
+    const grid = getTable(tableNodeFromSelection, tableElement);
     const cordsAnchor = tableNode.getCordsFromCellNode(anchorCellNode, grid);
     const anchorCell = tableNode.getDOMCellFromCordsOrThrow(
       cordsAnchor.x,
@@ -1882,14 +1941,29 @@ function $getTableEdgeCursorPosition(
     return undefined;
   }
 
-  const tableNodeParentDOM = editor.getElementByKey(tableNodeParent.getKey());
-  if (!tableNodeParentDOM) {
-    return undefined;
-  }
-
   // TODO: Add support for nested tables
   const domSelection = window.getSelection();
-  if (!domSelection || domSelection.anchorNode !== tableNodeParentDOM) {
+  if (!domSelection) {
+    return undefined;
+  }
+  const domAnchorNode = domSelection.anchorNode;
+  const tableNodeParentDOM = editor.getElementByKey(tableNodeParent.getKey());
+  const tableElement = getTableElement(
+    tableNode,
+    editor.getElementByKey(tableNode.getKey()),
+  );
+  // We are only interested in the scenario where the
+  // native selection anchor is:
+  // - at or inside the table's parent DOM
+  // - and NOT at or inside the table DOM
+  // It may be adjacent to the table DOM (e.g. in a wrapper)
+  if (
+    !domAnchorNode ||
+    !tableNodeParentDOM ||
+    !tableElement ||
+    !tableNodeParentDOM.contains(domAnchorNode) ||
+    tableElement.contains(domAnchorNode)
+  ) {
     return undefined;
   }
 
diff --git a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
index 570ac0e9ed2..df23bdcf843 100644
--- a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
+++ b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
@@ -27,8 +27,11 @@ import {
 } from 'lexical';
 import {
   DataTransferMock,
+  expectHtmlToBeEqual,
+  html,
   initializeUnitTest,
   invariant,
+  polyfillContentEditable,
 } from 'lexical/src/__tests__/utils';
 
 import {$getElementForTableNode, TableNode} from '../../LexicalTableNode';
@@ -68,386 +71,612 @@ const editorConfig = Object.freeze({
   theme: {
     table: 'test-table-class',
     tableRowStriping: 'test-table-row-striping-class',
+    tableScrollableWrapper: 'table-scrollable-wrapper',
   },
 });
 
-describe('LexicalTableNode tests', () => {
-  initializeUnitTest(
-    (testEnv) => {
-      beforeEach(async () => {
-        const {editor} = testEnv;
-        await editor.update(() => {
-          const root = $getRoot();
-          const paragraph = $createParagraphNode();
-          root.append(paragraph);
-          paragraph.select();
-        });
-      });
-
-      test('TableNode.constructor', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const tableNode = $createTableNode();
-
-          expect(tableNode).not.toBe(null);
-        });
-
-        expect(() => $createTableNode()).toThrow();
-      });
-
-      test('TableNode.createDOM()', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const tableNode = $createTableNode();
-
-          expect(tableNode.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table}"><colgroup></colgroup></table>`,
-          );
-        });
-      });
-
-      test('Copy table from an external source', async () => {
-        const {editor} = testEnv;
-
-        const dataTransfer = new DataTransferMock();
-        dataTransfer.setData(
-          'text/html',
-          '<html><body><meta charset="utf-8"><b style="font-weight:normal;" id="docs-internal-guid-16a69100-7fff-6cb9-b829-cb1def16a58d"><div dir="ltr" style="margin-left:0pt;" align="left"><table style="border:none;border-collapse:collapse;table-layout:fixed"><colgroup><col style="width:100px"/><col style="width:200px"/></colgroup><tbody><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Hello there</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">General Kenobi!</span></p></td></tr><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Lexical is nice</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><br /></td></tr></tbody></table></div></b><!--EndFragment--></body></html>',
-        );
-        await editor.update(() => {
-          const selection = $getSelection();
-          invariant(
-            $isRangeSelection(selection),
-            'isRangeSelection(selection)',
-          );
-          $insertDataTransferForRichText(dataTransfer, selection, editor);
-        });
-        // Make sure paragraph is inserted inside empty cells
-        const emptyCell = '<td><p><br></p></td>';
-        expect(testEnv.innerHTML).toBe(
-          `<table><colgroup><col style="width: 100px;"><col style="width: 200px;"></colgroup><tr><td><p dir="ltr"><span data-lexical-text="true">Hello there</span></p></td><td><p dir="ltr"><span data-lexical-text="true">General Kenobi!</span></p></td></tr><tr><td><p dir="ltr"><span data-lexical-text="true">Lexical is nice</span></p></td>${emptyCell}</tr></table>`,
-        );
-      });
+function wrapTableHtml(expected: string): string {
+  return expected
+    .replace(/<table/g, `<div class="table-scrollable-wrapper"><table`)
+    .replace(/<\/table>/g, '</table></div>');
+}
 
-      test('Copy table from an external source like gdoc with formatting', async () => {
-        const {editor} = testEnv;
+polyfillContentEditable();
 
-        const dataTransfer = new DataTransferMock();
-        dataTransfer.setData(
-          'text/html',
-          '<google-sheets-html-origin><style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}--></style><table xmlns="http://www.w3.org/1999/xhtml" cellspacing="0" cellpadding="0" dir="ltr" border="1" style="table-layout:fixed;font-size:10pt;font-family:Arial;width:0px;border-collapse:collapse;border:none" data-sheets-root="1"><colgroup><col width="100"/><col width="189"/><col width="171"/></colgroup><tbody><tr style="height:21px;"><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;font-weight:bold;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Surface&quot;}">Surface</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;font-style:italic;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;MWP_WORK_LS_COMPOSER&quot;}">MWP_WORK_LS_COMPOSER</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;text-decoration:underline;text-align:right;" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:77349}">77349</td></tr><tr style="height:21px;"><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Lexical&quot;}">Lexical</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;text-decoration:line-through;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;XDS_RICH_TEXT_AREA&quot;}">XDS_RICH_TEXT_AREA</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;sdvd sdfvsfs&quot;}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:5,&quot;2&quot;:{&quot;5&quot;:1}}"><span style="font-size:10pt;font-family:Arial;font-style:normal;">sdvd </span><span style="font-size:10pt;font-family:Arial;font-weight:bold;font-style:normal;">sdfvsfs</span></td></tr></tbody></table>',
-        );
-        await editor.update(() => {
-          const selection = $getSelection();
-          invariant(
-            $isRangeSelection(selection),
-            'isRangeSelection(selection)',
-          );
-          $insertDataTransferForRichText(dataTransfer, selection, editor);
-        });
-        expect(testEnv.innerHTML).toBe(
-          `<table><colgroup><col><col><col></colgroup><tr style="height: 21px;"><td><p dir="ltr"><strong data-lexical-text="true">Surface</strong></p></td><td><p dir="ltr"><em data-lexical-text="true">MWP_WORK_LS_COMPOSER</em></p></td><td><p style="text-align: right;"><span data-lexical-text="true">77349</span></p></td></tr><tr style="height: 21px;"><td><p dir="ltr"><span data-lexical-text="true">Lexical</span></p></td><td><p dir="ltr"><span data-lexical-text="true">XDS_RICH_TEXT_AREA</span></p></td><td><p dir="ltr"><span data-lexical-text="true">sdvd </span><strong data-lexical-text="true">sdfvsfs</strong></p></td></tr></table>`,
+describe('LexicalTableNode tests', () => {
+  [false, true].forEach((hasHorizontalScroll) => {
+    describe(`hasHorizontalScroll={${hasHorizontalScroll}}`, () => {
+      function expectTableHtmlToBeEqual(
+        actual: string,
+        expected: string,
+      ): void {
+        return expectHtmlToBeEqual(
+          actual,
+          hasHorizontalScroll ? wrapTableHtml(expected) : expected,
         );
-      });
-
-      test('Cut table in the middle of a range selection', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const paragraph = root.getFirstChild<ParagraphNode>();
-          const beforeText = $createTextNode('text before the table');
-          const table = $createTableNodeWithDimensions(4, 4, true);
-          const afterText = $createTextNode('text after the table');
-
-          paragraph?.append(beforeText);
-          paragraph?.append(table);
-          paragraph?.append(afterText);
-        });
-        await editor.update(() => {
-          editor.focus();
-          $selectAll();
-        });
-        await editor.update(() => {
-          editor.dispatchCommand(CUT_COMMAND, {} as ClipboardEvent);
-        });
-
-        expect(testEnv.innerHTML).toBe(`<p><br></p>`);
-      });
-
-      test('Cut table as last node in range selection ', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const paragraph = root.getFirstChild<ParagraphNode>();
-          const beforeText = $createTextNode('text before the table');
-          const table = $createTableNodeWithDimensions(4, 4, true);
-
-          paragraph?.append(beforeText);
-          paragraph?.append(table);
-        });
-        await editor.update(() => {
-          editor.focus();
-          $selectAll();
-        });
-        await editor.update(() => {
-          editor.dispatchCommand(CUT_COMMAND, {} as ClipboardEvent);
-        });
-
-        expect(testEnv.innerHTML).toBe(`<p><br></p>`);
-      });
-
-      test('Cut table as first node in range selection ', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const paragraph = root.getFirstChild<ParagraphNode>();
-          const table = $createTableNodeWithDimensions(4, 4, true);
-          const afterText = $createTextNode('text after the table');
-
-          paragraph?.append(table);
-          paragraph?.append(afterText);
-        });
-        await editor.update(() => {
-          editor.focus();
-          $selectAll();
-        });
-        await editor.update(() => {
-          editor.dispatchCommand(CUT_COMMAND, {} as ClipboardEvent);
-        });
-
-        expect(testEnv.innerHTML).toBe(`<p><br></p>`);
-      });
-
-      test('Cut table is whole selection, should remove it', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = $createTableNodeWithDimensions(4, 4, true);
-          root.append(table);
-        });
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          if (table) {
-            const DOMTable = $getElementForTableNode(editor, table);
-            if (DOMTable) {
-              table
-                ?.getCellNodeFromCords(0, 0, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode('some text'));
-              const selection = $createTableSelection();
-              selection.set(
-                table.__key,
-                table?.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
-                table?.getCellNodeFromCords(3, 3, DOMTable)?.__key || '',
+      }
+      initializeUnitTest(
+        (testEnv) => {
+          beforeEach(async () => {
+            const {editor} = testEnv;
+            await editor.update(() => {
+              const root = $getRoot();
+              const paragraph = $createParagraphNode();
+              root.append(paragraph);
+              paragraph.select();
+            });
+          });
+
+          test('TableNode.constructor', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const tableNode = $createTableNode();
+
+              expect(tableNode).not.toBe(null);
+            });
+
+            expect(() => $createTableNode()).toThrow();
+          });
+
+          test('TableNode.createDOM()', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const tableNode = $createTableNode();
+
+              expectTableHtmlToBeEqual(
+                tableNode.createDOM(editorConfig).outerHTML,
+                html`
+                  <table class="${editorConfig.theme.table}">
+                    <colgroup></colgroup>
+                  </table>
+                `,
               );
-              $setSelection(selection);
-              editor.dispatchCommand(CUT_COMMAND, {
-                preventDefault: () => {},
-                stopPropagation: () => {},
-              } as ClipboardEvent);
-            }
-          }
-        });
-
-        expect(testEnv.innerHTML).toBe(`<p><br></p>`);
-      });
-
-      test('Cut subsection of table cells, should just clear contents', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = $createTableNodeWithDimensions(4, 4, true);
-          root.append(table);
-        });
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          if (table) {
-            const DOMTable = $getElementForTableNode(editor, table);
-            if (DOMTable) {
-              table
-                ?.getCellNodeFromCords(0, 0, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode('some text'));
+            });
+          });
+
+          test('Copy table from an external source', async () => {
+            const {editor} = testEnv;
+
+            const dataTransfer = new DataTransferMock();
+            dataTransfer.setData(
+              'text/html',
+              '<html><body><meta charset="utf-8"><b style="font-weight:normal;" id="docs-internal-guid-16a69100-7fff-6cb9-b829-cb1def16a58d"><div dir="ltr" style="margin-left:0pt;" align="left"><table style="border:none;border-collapse:collapse;table-layout:fixed"><colgroup><col style="width:100px"/><col style="width:200px"/></colgroup><tbody><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Hello there</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">General Kenobi!</span></p></td></tr><tr style="height:22.015pt"><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Lexical is nice</span></p></td><td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;"><br /></td></tr></tbody></table></div></b><!--EndFragment--></body></html>',
+            );
+            await editor.update(() => {
+              const selection = $getSelection();
+              invariant(
+                $isRangeSelection(selection),
+                'isRangeSelection(selection)',
+              );
+              $insertDataTransferForRichText(dataTransfer, selection, editor);
+            });
+            // Make sure paragraph is inserted inside empty cells
+            const emptyCell = '<td><p><br></p></td>';
+            expectTableHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <table class="test-table-class">
+                  <colgroup>
+                    <col style="width: 100px;" />
+                    <col style="width: 200px;" />
+                  </colgroup>
+                  <tr>
+                    <td>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Hello there</span>
+                      </p>
+                    </td>
+                    <td>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">General Kenobi!</span>
+                      </p>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Lexical is nice</span>
+                      </p>
+                    </td>
+                    ${emptyCell}
+                  </tr>
+                </table>
+              `,
+            );
+          });
+
+          test('Copy table from an external source like gdoc with formatting', async () => {
+            const {editor} = testEnv;
+
+            const dataTransfer = new DataTransferMock();
+            dataTransfer.setData(
+              'text/html',
+              '<google-sheets-html-origin><style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}--></style><table xmlns="http://www.w3.org/1999/xhtml" cellspacing="0" cellpadding="0" dir="ltr" border="1" style="table-layout:fixed;font-size:10pt;font-family:Arial;width:0px;border-collapse:collapse;border:none" data-sheets-root="1"><colgroup><col width="100"/><col width="189"/><col width="171"/></colgroup><tbody><tr style="height:21px;"><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;font-weight:bold;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Surface&quot;}">Surface</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;font-style:italic;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;MWP_WORK_LS_COMPOSER&quot;}">MWP_WORK_LS_COMPOSER</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;text-decoration:underline;text-align:right;" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:77349}">77349</td></tr><tr style="height:21px;"><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Lexical&quot;}">Lexical</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;text-decoration:line-through;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;XDS_RICH_TEXT_AREA&quot;}">XDS_RICH_TEXT_AREA</td><td style="overflow:hidden;padding:2px 3px 2px 3px;vertical-align:bottom;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;sdvd sdfvsfs&quot;}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:5,&quot;2&quot;:{&quot;5&quot;:1}}"><span style="font-size:10pt;font-family:Arial;font-style:normal;">sdvd </span><span style="font-size:10pt;font-family:Arial;font-weight:bold;font-style:normal;">sdfvsfs</span></td></tr></tbody></table>',
+            );
+            await editor.update(() => {
+              const selection = $getSelection();
+              invariant(
+                $isRangeSelection(selection),
+                'isRangeSelection(selection)',
+              );
+              $insertDataTransferForRichText(dataTransfer, selection, editor);
+            });
+            expectTableHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <table class="test-table-class">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <tr style="height: 21px;">
+                    <td>
+                      <p dir="ltr">
+                        <strong data-lexical-text="true">Surface</strong>
+                      </p>
+                    </td>
+                    <td>
+                      <p dir="ltr">
+                        <em data-lexical-text="true">MWP_WORK_LS_COMPOSER</em>
+                      </p>
+                    </td>
+                    <td>
+                      <p style="text-align: right;">
+                        <span data-lexical-text="true">77349</span>
+                      </p>
+                    </td>
+                  </tr>
+                  <tr style="height: 21px;">
+                    <td>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Lexical</span>
+                      </p>
+                    </td>
+                    <td>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">XDS_RICH_TEXT_AREA</span>
+                      </p>
+                    </td>
+                    <td>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">sdvd</span>
+                        <strong data-lexical-text="true">sdfvsfs</strong>
+                      </p>
+                    </td>
+                  </tr>
+                </table>
+              `,
+            );
+          });
+
+          test('Cut table in the middle of a range selection', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const paragraph = root.getFirstChild<ParagraphNode>();
+              const beforeText = $createTextNode('text before the table');
+              const table = $createTableNodeWithDimensions(4, 4, true);
+              const afterText = $createTextNode('text after the table');
+
+              paragraph?.append(beforeText);
+              paragraph?.append(table);
+              paragraph?.append(afterText);
+            });
+            await editor.update(() => {
+              editor.focus();
+              $selectAll();
+            });
+            await editor.update(() => {
+              editor.dispatchCommand(CUT_COMMAND, {} as ClipboardEvent);
+            });
+
+            expectHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <p><br /></p>
+              `,
+            );
+          });
+
+          test('Cut table as last node in range selection ', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const paragraph = root.getFirstChild<ParagraphNode>();
+              const beforeText = $createTextNode('text before the table');
+              const table = $createTableNodeWithDimensions(4, 4, true);
+
+              paragraph?.append(beforeText);
+              paragraph?.append(table);
+            });
+            await editor.update(() => {
+              editor.focus();
+              $selectAll();
+            });
+            await editor.update(() => {
+              editor.dispatchCommand(CUT_COMMAND, {} as ClipboardEvent);
+            });
+
+            expectHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <p><br /></p>
+              `,
+            );
+          });
+
+          test('Cut table as first node in range selection ', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const paragraph = root.getFirstChild<ParagraphNode>();
+              const table = $createTableNodeWithDimensions(4, 4, true);
+              const afterText = $createTextNode('text after the table');
+
+              paragraph?.append(table);
+              paragraph?.append(afterText);
+            });
+            await editor.update(() => {
+              editor.focus();
+              $selectAll();
+            });
+            await editor.update(() => {
+              editor.dispatchCommand(CUT_COMMAND, {} as ClipboardEvent);
+            });
+
+            expectHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <p><br /></p>
+              `,
+            );
+          });
+
+          test('Cut table is whole selection, should remove it', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = $createTableNodeWithDimensions(4, 4, true);
+              root.append(table);
+            });
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              if (table) {
+                const DOMTable = $getElementForTableNode(editor, table);
+                if (DOMTable) {
+                  table
+                    ?.getCellNodeFromCords(0, 0, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode('some text'));
+                  const selection = $createTableSelection();
+                  selection.set(
+                    table.__key,
+                    table?.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
+                    table?.getCellNodeFromCords(3, 3, DOMTable)?.__key || '',
+                  );
+                  $setSelection(selection);
+                  editor.dispatchCommand(CUT_COMMAND, {
+                    preventDefault: () => {},
+                    stopPropagation: () => {},
+                  } as ClipboardEvent);
+                }
+              }
+            });
+
+            expectHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <p><br /></p>
+              `,
+            );
+          });
+
+          test('Cut subsection of table cells, should just clear contents', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = $createTableNodeWithDimensions(4, 4, true);
+              root.append(table);
+            });
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              if (table) {
+                const DOMTable = $getElementForTableNode(editor, table);
+                if (DOMTable) {
+                  table
+                    ?.getCellNodeFromCords(0, 0, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode('some text'));
+                  const selection = $createTableSelection();
+                  selection.set(
+                    table.__key,
+                    table?.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
+                    table?.getCellNodeFromCords(2, 2, DOMTable)?.__key || '',
+                  );
+                  $setSelection(selection);
+                  editor.dispatchCommand(CUT_COMMAND, {
+                    preventDefault: () => {},
+                    stopPropagation: () => {},
+                  } as ClipboardEvent);
+                }
+              }
+            });
+
+            expectTableHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <p><br /></p>
+                <table class="test-table-class">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <tr>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                  </tr>
+                  <tr>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>
+                      <p><br /></p>
+                    </th>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                    <td>
+                      <p><br /></p>
+                    </td>
+                  </tr>
+                </table>
+              `,
+            );
+          });
+
+          test('Table plain text output validation', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = $createTableNodeWithDimensions(4, 4, true);
+              root.append(table);
+            });
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              if (table) {
+                const DOMTable = $getElementForTableNode(editor, table);
+                if (DOMTable) {
+                  table
+                    ?.getCellNodeFromCords(0, 0, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode('1'));
+                  table
+                    ?.getCellNodeFromCords(1, 0, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode(''));
+                  table
+                    ?.getCellNodeFromCords(2, 0, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode('2'));
+                  table
+                    ?.getCellNodeFromCords(0, 1, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode('3'));
+                  table
+                    ?.getCellNodeFromCords(1, 1, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode('4'));
+                  table
+                    ?.getCellNodeFromCords(2, 1, DOMTable)
+                    ?.getLastChild<ParagraphNode>()
+                    ?.append($createTextNode(''));
+                  const selection = $createTableSelection();
+                  selection.set(
+                    table.__key,
+                    table?.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
+                    table?.getCellNodeFromCords(2, 1, DOMTable)?.__key || '',
+                  );
+                  expect(selection.getTextContent()).toBe(`1\t\t2\n3\t4\t\n`);
+                }
+              }
+            });
+          });
+
+          test('Toggle row striping ON/OFF', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = $createTableNodeWithDimensions(4, 4, true);
+              root.append(table);
+            });
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              if (table) {
+                table.setRowStriping(true);
+              }
+            });
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              expectTableHtmlToBeEqual(
+                table!.createDOM(editorConfig).outerHTML,
+                html`
+                  <table
+                    class="${editorConfig.theme.table} ${editorConfig.theme
+                      .tableRowStriping}"
+                    data-lexical-row-striping="true">
+                    <colgroup>
+                      <col />
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                  </table>
+                `,
+              );
+            });
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              if (table) {
+                table.setRowStriping(false);
+              }
+            });
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              expectTableHtmlToBeEqual(
+                table!.createDOM(editorConfig).outerHTML,
+                html`
+                  <table class="${editorConfig.theme.table}">
+                    <colgroup>
+                      <col />
+                      <col />
+                      <col />
+                      <col />
+                    </colgroup>
+                  </table>
+                `,
+              );
+            });
+          });
+
+          test('Update column widths', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = $createTableNodeWithDimensions(4, 2, true);
+              root.append(table);
+            });
+
+            // Set widths
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              table!.setColWidths([50, 50]);
+            });
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              expectTableHtmlToBeEqual(
+                table!.createDOM(editorConfig).outerHTML,
+                html`
+                  <table class="${editorConfig.theme.table}">
+                    <colgroup>
+                      <col style="width: 50px;" />
+                      <col style="width: 50px;" />
+                    </colgroup>
+                  </table>
+                `,
+              );
+              const colWidths = table!.getColWidths();
+
+              // colwidths should be immutable in DEV
+              expect(() => {
+                (colWidths as number[]).push(100);
+              }).toThrow();
+              expect(table!.getColWidths()).toStrictEqual([50, 50]);
+              expect(table!.getColumnCount()).toBe(2);
+            });
+
+            // Add a column
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              const DOMTable = $getElementForTableNode(editor, table!);
               const selection = $createTableSelection();
               selection.set(
-                table.__key,
-                table?.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
-                table?.getCellNodeFromCords(2, 2, DOMTable)?.__key || '',
+                table!.__key,
+                table!.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
+                table!.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
               );
               $setSelection(selection);
-              editor.dispatchCommand(CUT_COMMAND, {
-                preventDefault: () => {},
-                stopPropagation: () => {},
-              } as ClipboardEvent);
-            }
-          }
-        });
-
-        expect(testEnv.innerHTML).toBe(
-          `<p><br></p><table><colgroup><col><col><col><col></colgroup><tr><th><p><br></p></th><th><p><br></p></th><th><p><br></p></th><th><p><br></p></th></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr><tr><th><p><br></p></th><td><p><br></p></td><td><p><br></p></td><td><p><br></p></td></tr></table>`,
-        );
-      });
-
-      test('Table plain text output validation', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = $createTableNodeWithDimensions(4, 4, true);
-          root.append(table);
-        });
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          if (table) {
-            const DOMTable = $getElementForTableNode(editor, table);
-            if (DOMTable) {
-              table
-                ?.getCellNodeFromCords(0, 0, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode('1'));
-              table
-                ?.getCellNodeFromCords(1, 0, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode(''));
-              table
-                ?.getCellNodeFromCords(2, 0, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode('2'));
-              table
-                ?.getCellNodeFromCords(0, 1, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode('3'));
-              table
-                ?.getCellNodeFromCords(1, 1, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode('4'));
-              table
-                ?.getCellNodeFromCords(2, 1, DOMTable)
-                ?.getLastChild<ParagraphNode>()
-                ?.append($createTextNode(''));
-              const selection = $createTableSelection();
-              selection.set(
-                table.__key,
-                table?.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
-                table?.getCellNodeFromCords(2, 1, DOMTable)?.__key || '',
+              $insertTableColumn__EXPERIMENTAL();
+              table!.setColWidths([50, 50, 100]);
+            });
+
+            await editor.update(() => {
+              const root = $getRoot();
+              const table = root.getLastChild<TableNode>();
+              expectTableHtmlToBeEqual(
+                table!.createDOM(editorConfig).outerHTML,
+                html`
+                  <table class="${editorConfig.theme.table}">
+                    <colgroup>
+                      <col style="width: 50px;" />
+                      <col style="width: 50px;" />
+                      <col style="width: 100px;" />
+                    </colgroup>
+                  </table>
+                `,
               );
-              expect(selection.getTextContent()).toBe(`1\t\t2\n3\t4\t\n`);
-            }
-          }
-        });
-      });
-
-      test('Toggle row striping ON/OFF', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = $createTableNodeWithDimensions(4, 4, true);
-          root.append(table);
-        });
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          if (table) {
-            table.setRowStriping(true);
-          }
-        });
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          expect(table!.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table} ${editorConfig.theme.tableRowStriping}" data-lexical-row-striping="true"><colgroup><col><col><col><col></colgroup></table>`,
-          );
-        });
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          if (table) {
-            table.setRowStriping(false);
-          }
-        });
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          expect(table!.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table}"><colgroup><col><col><col><col></colgroup></table>`,
-          );
-        });
-      });
-
-      test('Update column widths', async () => {
-        const {editor} = testEnv;
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = $createTableNodeWithDimensions(4, 2, true);
-          root.append(table);
-        });
-
-        // Set widths
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          table!.setColWidths([50, 50]);
-        });
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          expect(table!.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table}"><colgroup><col style="width: 50px;"><col style="width: 50px;"></colgroup></table>`,
-          );
-          const colWidths = table!.getColWidths();
-
-          // colwidths should be immutable in DEV
-          expect(() => {
-            (colWidths as number[]).push(100);
-          }).toThrow();
-          expect(table!.getColWidths()).toStrictEqual([50, 50]);
-          expect(table!.getColumnCount()).toBe(2);
-        });
-
-        // Add a column
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          const DOMTable = $getElementForTableNode(editor, table!);
-          const selection = $createTableSelection();
-          selection.set(
-            table!.__key,
-            table!.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
-            table!.getCellNodeFromCords(0, 0, DOMTable)?.__key || '',
-          );
-          $setSelection(selection);
-          $insertTableColumn__EXPERIMENTAL();
-          table!.setColWidths([50, 50, 100]);
-        });
-
-        await editor.update(() => {
-          const root = $getRoot();
-          const table = root.getLastChild<TableNode>();
-          expect(table!.createDOM(editorConfig).outerHTML).toBe(
-            `<table class="${editorConfig.theme.table}"><colgroup><col style="width: 50px;"><col style="width: 50px;"><col style="width: 100px;"></colgroup></table>`,
-          );
-          expect(table!.getColWidths()).toStrictEqual([50, 50, 100]);
-          expect(table!.getColumnCount()).toBe(3);
-        });
-      });
-    },
-    undefined,
-    <TablePlugin />,
-  );
+              expect(table!.getColWidths()).toStrictEqual([50, 50, 100]);
+              expect(table!.getColumnCount()).toBe(3);
+            });
+          });
+        },
+        {theme: editorConfig.theme},
+        <TablePlugin hasHorizontalScroll={hasHorizontalScroll} />,
+      );
+    });
+  });
 });
diff --git a/packages/lexical-table/src/index.ts b/packages/lexical-table/src/index.ts
index 2429eb608a9..be452681b98 100644
--- a/packages/lexical-table/src/index.ts
+++ b/packages/lexical-table/src/index.ts
@@ -22,11 +22,13 @@ export type {SerializedTableNode} from './LexicalTableNode';
 export {
   $createTableNode,
   $getElementForTableNode,
+  $isScrollableTablesActive,
   $isTableNode,
+  setScrollableTablesActive,
   TableNode,
 } from './LexicalTableNode';
 export type {TableDOMCell} from './LexicalTableObserver';
-export {TableObserver} from './LexicalTableObserver';
+export {$getTableAndElementByKey, TableObserver} from './LexicalTableObserver';
 export type {SerializedTableRowNode} from './LexicalTableRowNode';
 export {
   $createTableRowNode,
@@ -49,6 +51,7 @@ export {
   $findTableNode,
   applyTableHandlers,
   getDOMCellFromTarget,
+  getTableElement,
   getTableObserverFromTableElement,
 } from './LexicalTableSelectionHelpers';
 export {
diff --git a/packages/lexical-website/docs/react/plugins.md b/packages/lexical-website/docs/react/plugins.md
index d2dcb206afb..1e7f60c0294 100644
--- a/packages/lexical-website/docs/react/plugins.md
+++ b/packages/lexical-website/docs/react/plugins.md
@@ -109,6 +109,8 @@ React wrapper for `@lexical/list` that adds support for check lists. Note that i
 
 ### `LexicalTablePlugin`
 
+[![See API Documentation](/img/see-api-documentation.svg)](/docs/api/modules/lexical_react_LexicalTablePlugin)
+
 React wrapper for `@lexical/table` that adds support for tables
 
 ```jsx
diff --git a/packages/lexical/flow/Lexical.js.flow b/packages/lexical/flow/Lexical.js.flow
index bc32e05bff6..dccc5987079 100644
--- a/packages/lexical/flow/Lexical.js.flow
+++ b/packages/lexical/flow/Lexical.js.flow
@@ -433,6 +433,7 @@ declare export class LexicalNode {
   selectPrevious(anchorOffset?: number, focusOffset?: number): RangeSelection;
   selectNext(anchorOffset?: number, focusOffset?: number): RangeSelection;
   markDirty(): void;
+  reconcileObservedMutation(dom: HTMLElement, editor: LexicalEditor): void;
 }
 export type NodeMap = Map<NodeKey, LexicalNode>;
 
@@ -790,11 +791,38 @@ declare export class ElementNode extends LexicalNode {
     nodesToInsert: Array<LexicalNode>,
   ): this;
   exportJSON(): SerializedElementNode;
+  getDOMSlot(dom: HTMLElement): ElementDOMSlot;
 }
 declare export function $isElementNode(
   node: ?LexicalNode,
 ): node is ElementNode;
 
+/**
+ * ElementDOMSlot
+ */
+declare export class ElementDOMSlot {
+  element: HTMLElement;
+  before: Node | null;
+  after: Node | null;
+  constructor(element: HTMLElement, before?: Node | null | void, after?: Node | null | void): void;
+  withBefore(before: Node | null | void): ElementDOMSlot;
+  withAfter(after: Node | null | void): ElementDOMSlot;
+  withElement(element: HTMLElement): ElementDOMSlot;
+  insertChild(dom: Node): this;
+  removeChild(dom: Node): this;
+  replaceChild(dom: Node, prevDom: Node): this;
+  getFirstChild(): Node | null;
+  //
+  getManagedLineBreak(): HTMLElement | null;
+  removeManagedLineBreak(): void;
+  insertManagedLineBreak(webkitHack: boolean): void;
+  getFirstChildOffset(): number;
+  resolveChildIndex(element: ElementNode, elementDOM: HTMLElement, initialDOM: Node, initialOffset: number): [node: ElementNode, idx: number];
+}
+
+declare export function setDOMUnmanaged(elementDOM: HTMLElement): void;
+declare export function isDOMUnmanaged(elementDOM: HTMLElement): boolean;
+
 /**
  * LexicalDecoratorNode
  */
diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index 6016ae84956..174b18cb62c 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -144,7 +144,9 @@ export type EditorThemeClasses = {
   tableCellSortedIndicator?: EditorThemeClassName;
   tableResizeRuler?: EditorThemeClassName;
   tableRow?: EditorThemeClassName;
+  tableScrollableWrapper?: EditorThemeClassName;
   tableSelected?: EditorThemeClassName;
+  tableSelection?: EditorThemeClassName;
   text?: TextNodeThemeClasses;
   embedBlock?: {
     base?: EditorThemeClassName;
diff --git a/packages/lexical/src/LexicalMutations.ts b/packages/lexical/src/LexicalMutations.ts
index 15e4e510d39..fa58ebde193 100644
--- a/packages/lexical/src/LexicalMutations.ts
+++ b/packages/lexical/src/LexicalMutations.ts
@@ -6,8 +6,10 @@
  *
  */
 
-import type {TextNode} from '.';
+import type {LexicalNode, TextNode} from '.';
 import type {LexicalEditor} from './LexicalEditor';
+import type {EditorState} from './LexicalEditorState';
+import type {LexicalPrivateDOM} from './LexicalNode';
 import type {BaseSelection} from './LexicalSelection';
 
 import {IS_FIREFOX} from 'shared/environment';
@@ -15,7 +17,6 @@ import {IS_FIREFOX} from 'shared/environment';
 import {
   $getSelection,
   $isDecoratorNode,
-  $isElementNode,
   $isRangeSelection,
   $isTextNode,
   $setSelection,
@@ -23,12 +24,15 @@ import {
 import {DOM_TEXT_TYPE} from './LexicalConstants';
 import {updateEditor} from './LexicalUpdates';
 import {
-  $getNearestNodeFromDOMNode,
+  $getNodeByKey,
   $getNodeFromDOMNode,
   $updateTextNodeFromDOMContent,
   getDOMSelection,
+  getNodeKeyFromDOMNode,
+  getParentElement,
   getWindow,
   internalGetRoot,
+  isDOMUnmanaged,
   isFirefoxClipboardEvents,
 } from './LexicalUtils';
 // The time between a text entry event and the mutation observer firing.
@@ -53,14 +57,16 @@ function initTextEntryListener(editor: LexicalEditor): void {
 
 function isManagedLineBreak(
   dom: Node,
-  target: Node,
+  target: Node & LexicalPrivateDOM,
   editor: LexicalEditor,
 ): boolean {
+  const isBR = dom.nodeName === 'BR';
+  const lexicalLineBreak = target.__lexicalLineBreak;
   return (
-    // @ts-expect-error: internal field
-    target.__lexicalLineBreak === dom ||
-    // @ts-ignore We intentionally add this to the Node.
-    dom[`__lexicalKey_${editor._key}`] !== undefined
+    (lexicalLineBreak &&
+      (dom === lexicalLineBreak ||
+        (isBR && dom.previousSibling === lexicalLineBreak))) ||
+    (isBR && getNodeKeyFromDOMNode(dom, editor) !== undefined)
   );
 }
 
@@ -108,6 +114,30 @@ function shouldUpdateTextNodeFromMutation(
   return targetDOM.nodeType === DOM_TEXT_TYPE && targetNode.isAttached();
 }
 
+function $getNearestManagedNodePairFromDOMNode(
+  startingDOM: Node,
+  editor: LexicalEditor,
+  editorState: EditorState,
+  rootElement: HTMLElement | null,
+): [HTMLElement, LexicalNode] | undefined {
+  for (
+    let dom: Node | null = startingDOM;
+    dom && !isDOMUnmanaged(dom);
+    dom = getParentElement(dom)
+  ) {
+    const key = getNodeKeyFromDOMNode(dom, editor);
+    if (key !== undefined) {
+      const node = $getNodeByKey(key, editorState);
+      if (node) {
+        // All decorator nodes are unmanaged
+        return $isDecoratorNode(node) ? undefined : [dom as HTMLElement, node];
+      }
+    } else if (dom === rootElement) {
+      return [rootElement, internalGetRoot(editorState)];
+    }
+  }
+}
+
 export function $flushMutations(
   editor: LexicalEditor,
   mutations: Array<MutationRecord>,
@@ -120,7 +150,7 @@ export function $flushMutations(
   try {
     updateEditor(editor, () => {
       const selection = $getSelection() || getLastSelection(editor);
-      const badDOMTargets = new Map();
+      const badDOMTargets = new Map<HTMLElement, LexicalNode>();
       const rootElement = editor.getRootElement();
       // We use the current editor state, as that reflects what is
       // actually "on screen".
@@ -133,17 +163,16 @@ export function $flushMutations(
         const mutation = mutations[i];
         const type = mutation.type;
         const targetDOM = mutation.target;
-        let targetNode = $getNearestNodeFromDOMNode(
+        const pair = $getNearestManagedNodePairFromDOMNode(
           targetDOM,
+          editor,
           currentEditorState,
+          rootElement,
         );
-
-        if (
-          (targetNode === null && targetDOM !== rootElement) ||
-          $isDecoratorNode(targetNode)
-        ) {
+        if (!pair) {
           continue;
         }
+        const [nodeDOM, targetNode] = pair;
 
         if (type === 'characterData') {
           // Text mutations are deferred and passed to mutation listeners to be
@@ -176,8 +205,7 @@ export function $flushMutations(
               parentDOM != null &&
               addedDOM !== blockCursorElement &&
               node === null &&
-              (addedDOM.nodeName !== 'BR' ||
-                !isManagedLineBreak(addedDOM, parentDOM, editor))
+              !isManagedLineBreak(addedDOM, parentDOM, editor)
             ) {
               if (IS_FIREFOX) {
                 const possibleText =
@@ -202,8 +230,7 @@ export function $flushMutations(
               const removedDOM = removedDOMs[s];
 
               if (
-                (removedDOM.nodeName === 'BR' &&
-                  isManagedLineBreak(removedDOM, targetDOM, editor)) ||
+                isManagedLineBreak(removedDOM, targetDOM, editor) ||
                 blockCursorElement === removedDOM
               ) {
                 targetDOM.appendChild(removedDOM);
@@ -212,11 +239,7 @@ export function $flushMutations(
             }
 
             if (removedDOMsLength !== unremovedBRs) {
-              if (targetDOM === rootElement) {
-                targetNode = internalGetRoot(currentEditorState);
-              }
-
-              badDOMTargets.set(targetDOM, targetNode);
+              badDOMTargets.set(nodeDOM, targetNode);
             }
           }
         }
@@ -227,31 +250,8 @@ export function $flushMutations(
       // is Lexical's "current" editor state. This is basically like
       // an internal revert on the DOM.
       if (badDOMTargets.size > 0) {
-        for (const [targetDOM, targetNode] of badDOMTargets) {
-          if ($isElementNode(targetNode)) {
-            const childKeys = targetNode.getChildrenKeys();
-            let currentDOM = targetDOM.firstChild;
-
-            for (let s = 0; s < childKeys.length; s++) {
-              const key = childKeys[s];
-              const correctDOM = editor.getElementByKey(key);
-
-              if (correctDOM === null) {
-                continue;
-              }
-
-              if (currentDOM == null) {
-                targetDOM.appendChild(correctDOM);
-                currentDOM = correctDOM;
-              } else if (currentDOM !== correctDOM) {
-                targetDOM.replaceChild(correctDOM, currentDOM);
-              }
-
-              currentDOM = currentDOM.nextSibling;
-            }
-          } else if ($isTextNode(targetNode)) {
-            targetNode.markDirty();
-          }
+        for (const [nodeDOM, targetNode] of badDOMTargets) {
+          targetNode.reconcileObservedMutation(nodeDOM, editor);
         }
       }
 
diff --git a/packages/lexical/src/LexicalNode.ts b/packages/lexical/src/LexicalNode.ts
index 564989cdc2e..0aa1d1ca487 100644
--- a/packages/lexical/src/LexicalNode.ts
+++ b/packages/lexical/src/LexicalNode.ts
@@ -56,6 +56,15 @@ export type SerializedLexicalNode = {
   version: number;
 };
 
+/** @internal */
+export interface LexicalPrivateDOM {
+  __lexicalTextContent?: string | undefined | null;
+  __lexicalLineBreak?: HTMLBRElement | HTMLImageElement | undefined | null;
+  __lexicalDirTextContent?: string | undefined | null;
+  __lexicalDir?: 'ltr' | 'rtl' | null | undefined;
+  __lexicalUnmanaged?: boolean | undefined;
+}
+
 export function $removeNode(
   nodeToRemove: LexicalNode,
   restoreSelection: boolean,
@@ -1160,6 +1169,16 @@ export class LexicalNode {
   markDirty(): void {
     this.getWritable();
   }
+
+  /**
+   * @internal
+   *
+   * When the reconciler detects that a node was mutated, this method
+   * may be called to restore the node to a known good state.
+   */
+  reconcileObservedMutation(dom: HTMLElement, editor: LexicalEditor): void {
+    this.markDirty();
+  }
 }
 
 function errorOnTypeKlassMismatch(
diff --git a/packages/lexical/src/LexicalReconciler.ts b/packages/lexical/src/LexicalReconciler.ts
index 0ad9cf2c911..6fa946f61d6 100644
--- a/packages/lexical/src/LexicalReconciler.ts
+++ b/packages/lexical/src/LexicalReconciler.ts
@@ -13,8 +13,8 @@ import type {
   MutationListeners,
   RegisteredNodes,
 } from './LexicalEditor';
-import type {NodeKey, NodeMap} from './LexicalNode';
-import type {ElementNode} from './nodes/LexicalElementNode';
+import type {LexicalPrivateDOM, NodeKey, NodeMap} from './LexicalNode';
+import type {ElementDOMSlot, ElementNode} from './nodes/LexicalElementNode';
 
 import invariant from 'shared/invariant';
 import normalizeClassNames from 'shared/normalizeClassNames';
@@ -44,6 +44,7 @@ import {
   getElementByKeyOrThrow,
   getTextDirection,
   setMutatedNode,
+  setNodeKeyOnDOMNode,
 } from './LexicalUtils';
 
 type IntentionallyMarkedAsDirtyElement = boolean;
@@ -165,11 +166,7 @@ function setElementFormat(dom: HTMLElement, format: number): void {
   }
 }
 
-function $createNode(
-  key: NodeKey,
-  parentDOM: null | HTMLElement,
-  insertDOM: null | Node,
-): HTMLElement {
+function $createNode(key: NodeKey, slot: ElementDOMSlot | null): HTMLElement {
   const node = activeNextNodeMap.get(key);
 
   if (node === undefined) {
@@ -231,19 +228,8 @@ function $createNode(
     editorTextContent += text;
   }
 
-  if (parentDOM !== null) {
-    if (insertDOM != null) {
-      parentDOM.insertBefore(dom, insertDOM);
-    } else {
-      // @ts-expect-error: internal field
-      const possibleLineBreak = parentDOM.__lexicalLineBreak;
-
-      if (possibleLineBreak != null) {
-        parentDOM.insertBefore(dom, possibleLineBreak);
-      } else {
-        parentDOM.appendChild(dom);
-      }
-    }
+  if (slot !== null) {
+    slot.insertChild(dom);
   }
 
   if (__DEV__) {
@@ -269,25 +255,24 @@ function $createChildrenWithDirection(
 ): void {
   const previousSubTreeDirectionedTextContent = subTreeDirectionedTextContent;
   subTreeDirectionedTextContent = '';
-  $createChildren(children, element, 0, endIndex, dom, null);
+  $createChildren(children, element, 0, endIndex, element.getDOMSlot(dom));
   reconcileBlockDirection(element, dom);
   subTreeDirectionedTextContent = previousSubTreeDirectionedTextContent;
 }
 
 function $createChildren(
   children: Array<NodeKey>,
-  element: ElementNode,
+  element: ElementNode & LexicalPrivateDOM,
   _startIndex: number,
   endIndex: number,
-  dom: null | HTMLElement,
-  insertDOM: null | HTMLElement,
+  slot: ElementDOMSlot,
 ): void {
   const previousSubTreeTextContent = subTreeTextContent;
   subTreeTextContent = '';
   let startIndex = _startIndex;
 
   for (; startIndex <= endIndex; ++startIndex) {
-    $createNode(children[startIndex], dom, insertDOM);
+    $createNode(children[startIndex], slot);
     const node = activeNextNodeMap.get(children[startIndex]);
     if (node !== null && $isTextNode(node)) {
       if (subTreeTextFormat === null) {
@@ -301,67 +286,49 @@ function $createChildren(
   if ($textContentRequiresDoubleLinebreakAtEnd(element)) {
     subTreeTextContent += DOUBLE_LINE_BREAK;
   }
-  // @ts-expect-error: internal field
+  const dom: HTMLElement & LexicalPrivateDOM = slot.element;
   dom.__lexicalTextContent = subTreeTextContent;
   subTreeTextContent = previousSubTreeTextContent + subTreeTextContent;
 }
 
+type LastChildState = 'line-break' | 'decorator' | 'empty';
 function isLastChildLineBreakOrDecorator(
-  childKey: NodeKey,
+  element: null | ElementNode,
   nodeMap: NodeMap,
-): boolean {
-  const node = nodeMap.get(childKey);
-  return $isLineBreakNode(node) || ($isDecoratorNode(node) && node.isInline());
+): null | LastChildState {
+  if (element) {
+    const lastKey = element.__last;
+    if (lastKey) {
+      const node = nodeMap.get(lastKey);
+      if (node) {
+        return $isLineBreakNode(node)
+          ? 'line-break'
+          : $isDecoratorNode(node) && node.isInline()
+          ? 'decorator'
+          : null;
+      }
+    }
+    return 'empty';
+  }
+  return null;
 }
 
 // If we end an element with a LineBreakNode, then we need to add an additional <br>
 function reconcileElementTerminatingLineBreak(
   prevElement: null | ElementNode,
   nextElement: ElementNode,
-  dom: HTMLElement,
+  dom: HTMLElement & LexicalPrivateDOM,
 ): void {
-  const prevLineBreak =
-    prevElement !== null &&
-    (prevElement.__size === 0 ||
-      isLastChildLineBreakOrDecorator(
-        prevElement.__last as NodeKey,
-        activePrevNodeMap,
-      ));
-  const nextLineBreak =
-    nextElement.__size === 0 ||
-    isLastChildLineBreakOrDecorator(
-      nextElement.__last as NodeKey,
-      activeNextNodeMap,
-    );
-
-  if (prevLineBreak) {
-    if (!nextLineBreak) {
-      // @ts-expect-error: internal field
-      const element = dom.__lexicalLineBreak;
-
-      if (element != null) {
-        try {
-          dom.removeChild(element);
-        } catch (error) {
-          if (typeof error === 'object' && error != null) {
-            const msg = `${error.toString()} Parent: ${dom.tagName}, child: ${
-              element.tagName
-            }.`;
-            throw new Error(msg);
-          } else {
-            throw error;
-          }
-        }
-      }
-
-      // @ts-expect-error: internal field
-      dom.__lexicalLineBreak = null;
-    }
-  } else if (nextLineBreak) {
-    const element = document.createElement('br');
-    // @ts-expect-error: internal field
-    dom.__lexicalLineBreak = element;
-    dom.appendChild(element);
+  const prevLineBreak = isLastChildLineBreakOrDecorator(
+    prevElement,
+    activePrevNodeMap,
+  );
+  const nextLineBreak = isLastChildLineBreakOrDecorator(
+    nextElement,
+    activeNextNodeMap,
+  );
+  if (prevLineBreak !== nextLineBreak) {
+    nextElement.getDOMSlot(dom).setManagedLineBreak(nextLineBreak);
   }
 }
 
@@ -388,12 +355,13 @@ function reconcileParagraphStyle(element: ElementNode): void {
   }
 }
 
-function reconcileBlockDirection(element: ElementNode, dom: HTMLElement): void {
+function reconcileBlockDirection(
+  element: ElementNode,
+  dom: HTMLElement & LexicalPrivateDOM,
+): void {
   const previousSubTreeDirectionTextContent: string =
-    // @ts-expect-error: internal field
-    dom.__lexicalDirTextContent;
-  // @ts-expect-error: internal field
-  const previousDirection: string = dom.__lexicalDir;
+    dom.__lexicalDirTextContent || '';
+  const previousDirection: string = dom.__lexicalDir || '';
 
   if (
     previousSubTreeDirectionTextContent !== subTreeDirectionedTextContent ||
@@ -454,9 +422,7 @@ function reconcileBlockDirection(element: ElementNode, dom: HTMLElement): void {
     }
 
     activeTextDirection = direction;
-    // @ts-expect-error: internal field
     dom.__lexicalDirTextContent = subTreeDirectionedTextContent;
-    // @ts-expect-error: internal field
     dom.__lexicalDir = direction;
   }
 }
@@ -470,7 +436,7 @@ function $reconcileChildrenWithDirection(
   subTreeDirectionedTextContent = '';
   subTreeTextFormat = null;
   subTreeTextStyle = '';
-  $reconcileChildren(prevElement, nextElement, dom);
+  $reconcileChildren(prevElement, nextElement, nextElement.getDOMSlot(dom));
   reconcileBlockDirection(nextElement, dom);
   reconcileParagraphFormat(nextElement);
   reconcileParagraphStyle(nextElement);
@@ -497,21 +463,22 @@ function createChildrenArray(
 function $reconcileChildren(
   prevElement: ElementNode,
   nextElement: ElementNode,
-  dom: HTMLElement,
+  slot: ElementDOMSlot,
 ): void {
   const previousSubTreeTextContent = subTreeTextContent;
   const prevChildrenSize = prevElement.__size;
   const nextChildrenSize = nextElement.__size;
   subTreeTextContent = '';
+  const dom: HTMLElement & LexicalPrivateDOM = slot.element;
 
   if (prevChildrenSize === 1 && nextChildrenSize === 1) {
-    const prevFirstChildKey = prevElement.__first as NodeKey;
-    const nextFrstChildKey = nextElement.__first as NodeKey;
-    if (prevFirstChildKey === nextFrstChildKey) {
+    const prevFirstChildKey: NodeKey = prevElement.__first!;
+    const nextFirstChildKey: NodeKey = nextElement.__first!;
+    if (prevFirstChildKey === nextFirstChildKey) {
       $reconcileNode(prevFirstChildKey, dom);
     } else {
       const lastDOM = getPrevElementByKeyOrThrow(prevFirstChildKey);
-      const replacementDOM = $createNode(nextFrstChildKey, null, null);
+      const replacementDOM = $createNode(nextFirstChildKey, null);
       try {
         dom.replaceChild(replacementDOM, lastDOM);
       } catch (error) {
@@ -520,7 +487,7 @@ function $reconcileChildren(
             dom.tagName
           }, new child: {tag: ${
             replacementDOM.tagName
-          } key: ${nextFrstChildKey}}, old child: {tag: ${
+          } key: ${nextFirstChildKey}}, old child: {tag: ${
             lastDOM.tagName
           }, key: ${prevFirstChildKey}}.`;
           throw new Error(msg);
@@ -530,7 +497,7 @@ function $reconcileChildren(
       }
       destroyNode(prevFirstChildKey, null);
     }
-    const nextChildNode = activeNextNodeMap.get(nextFrstChildKey);
+    const nextChildNode = activeNextNodeMap.get(nextFirstChildKey);
     if ($isTextNode(nextChildNode)) {
       if (subTreeTextFormat === null) {
         subTreeTextFormat = nextChildNode.getFormat();
@@ -542,6 +509,14 @@ function $reconcileChildren(
   } else {
     const prevChildren = createChildrenArray(prevElement, activePrevNodeMap);
     const nextChildren = createChildrenArray(nextElement, activeNextNodeMap);
+    invariant(
+      prevChildren.length === prevChildrenSize,
+      '$reconcileChildren: prevChildren.length !== prevChildrenSize',
+    );
+    invariant(
+      nextChildren.length === nextChildrenSize,
+      '$reconcileChildren: nextChildren.length !== nextChildrenSize',
+    );
 
     if (prevChildrenSize === 0) {
       if (nextChildrenSize !== 0) {
@@ -550,15 +525,16 @@ function $reconcileChildren(
           nextElement,
           0,
           nextChildrenSize - 1,
-          dom,
-          null,
+          slot,
         );
       }
     } else if (nextChildrenSize === 0) {
       if (prevChildrenSize !== 0) {
-        // @ts-expect-error: internal field
-        const lexicalLineBreak = dom.__lexicalLineBreak;
-        const canUseFastPath = lexicalLineBreak == null;
+        const canUseFastPath =
+          slot.after == null &&
+          slot.before == null &&
+          (slot.element as HTMLElement & LexicalPrivateDOM)
+            .__lexicalLineBreak == null;
         destroyChildren(
           prevChildren,
           0,
@@ -578,7 +554,7 @@ function $reconcileChildren(
         nextChildren,
         prevChildrenSize,
         nextChildrenSize,
-        dom,
+        slot,
       );
     }
   }
@@ -587,7 +563,6 @@ function $reconcileChildren(
     subTreeTextContent += DOUBLE_LINE_BREAK;
   }
 
-  // @ts-expect-error: internal field
   dom.__lexicalTextContent = subTreeTextContent;
   subTreeTextContent = previousSubTreeTextContent + subTreeTextContent;
 }
@@ -610,14 +585,16 @@ function $reconcileNode(
     treatAllNodesAsDirty ||
     activeDirtyLeaves.has(key) ||
     activeDirtyElements.has(key);
-  const dom = getElementByKeyOrThrow(activeEditor, key);
+  const dom: HTMLElement & LexicalPrivateDOM = getElementByKeyOrThrow(
+    activeEditor,
+    key,
+  );
 
   // If the node key points to the same instance in both states
   // and isn't dirty, we just update the text content cache
   // and return the existing DOM Node.
   if (prevNode === nextNode && !isDirty) {
     if ($isElementNode(prevNode)) {
-      // @ts-expect-error: internal field
       const previousSubTreeTextContent = dom.__lexicalTextContent;
 
       if (previousSubTreeTextContent !== undefined) {
@@ -625,7 +602,6 @@ function $reconcileNode(
         editorTextContent += previousSubTreeTextContent;
       }
 
-      // @ts-expect-error: internal field
       const previousSubTreeDirectionTextContent = dom.__lexicalDirTextContent;
 
       if (previousSubTreeDirectionTextContent !== undefined) {
@@ -658,7 +634,7 @@ function $reconcileNode(
 
   // Update node. If it returns true, we need to unmount and re-create the node
   if (nextNode.updateDOM(prevNode, dom, activeEditorConfig)) {
-    const replacementDOM = $createNode(key, null, null);
+    const replacementDOM = $createNode(key, null);
 
     if (parentDOM === null) {
       invariant(false, 'reconcileNode: parentDOM is null');
@@ -745,10 +721,6 @@ function reconcileDecorator(key: NodeKey, decorator: unknown): void {
   pendingDecorators[key] = decorator;
 }
 
-function getFirstChild(element: HTMLElement): Node | null {
-  return element.firstChild;
-}
-
 function getNextSibling(element: HTMLElement): Node | null {
   let nextSibling = element.nextSibling;
   if (
@@ -766,13 +738,13 @@ function $reconcileNodeChildren(
   nextChildren: Array<NodeKey>,
   prevChildrenLength: number,
   nextChildrenLength: number,
-  dom: HTMLElement,
+  slot: ElementDOMSlot,
 ): void {
   const prevEndIndex = prevChildrenLength - 1;
   const nextEndIndex = nextChildrenLength - 1;
   let prevChildrenSet: Set<NodeKey> | undefined;
   let nextChildrenSet: Set<NodeKey> | undefined;
-  let siblingDOM: null | Node = getFirstChild(dom);
+  let siblingDOM: null | Node = slot.getFirstChild();
   let prevIndex = 0;
   let nextIndex = 0;
 
@@ -781,7 +753,7 @@ function $reconcileNodeChildren(
     const nextKey = nextChildren[nextIndex];
 
     if (prevKey === nextKey) {
-      siblingDOM = getNextSibling($reconcileNode(nextKey, dom));
+      siblingDOM = getNextSibling($reconcileNode(nextKey, slot.element));
       prevIndex++;
       nextIndex++;
     } else {
@@ -799,26 +771,21 @@ function $reconcileNodeChildren(
       if (!nextHasPrevKey) {
         // Remove prev
         siblingDOM = getNextSibling(getPrevElementByKeyOrThrow(prevKey));
-        destroyNode(prevKey, dom);
+        destroyNode(prevKey, slot.element);
         prevIndex++;
       } else if (!prevHasNextKey) {
         // Create next
-        $createNode(nextKey, dom, siblingDOM);
+        $createNode(nextKey, slot.withBefore(siblingDOM));
         nextIndex++;
       } else {
         // Move next
         const childDOM = getElementByKeyOrThrow(activeEditor, nextKey);
 
         if (childDOM === siblingDOM) {
-          siblingDOM = getNextSibling($reconcileNode(nextKey, dom));
+          siblingDOM = getNextSibling($reconcileNode(nextKey, slot.element));
         } else {
-          if (siblingDOM != null) {
-            dom.insertBefore(childDOM, siblingDOM);
-          } else {
-            dom.appendChild(childDOM);
-          }
-
-          $reconcileNode(nextKey, dom);
+          slot.withBefore(siblingDOM).insertChild(childDOM);
+          $reconcileNode(nextKey, slot.element);
         }
 
         prevIndex++;
@@ -851,11 +818,10 @@ function $reconcileNodeChildren(
       nextElement,
       nextIndex,
       nextEndIndex,
-      dom,
-      insertDOM,
+      slot.withBefore(insertDOM),
     );
   } else if (removeOldChildren && !appendNewChildren) {
-    destroyChildren(prevChildren, prevIndex, prevEndIndex, dom);
+    destroyChildren(prevChildren, prevIndex, prevEndIndex, slot.element);
   }
 }
 
@@ -923,8 +889,7 @@ export function storeDOMWithKey(
   editor: LexicalEditor,
 ): void {
   const keyToDOMMap = editor._keyToDOMMap;
-  // @ts-ignore We intentionally add this to the Node.
-  dom['__lexicalKey_' + editor._key] = key;
+  setNodeKeyOnDOMNode(dom, editor, key);
   keyToDOMMap.set(key, dom);
 }
 
diff --git a/packages/lexical/src/LexicalSelection.ts b/packages/lexical/src/LexicalSelection.ts
index 3af4b30d0db..fb7a62dbea0 100644
--- a/packages/lexical/src/LexicalSelection.ts
+++ b/packages/lexical/src/LexicalSelection.ts
@@ -2109,10 +2109,29 @@ function $internalResolveSelectionPoint(
         return null;
       }
       if ($isElementNode(resolvedElement)) {
-        resolvedOffset = Math.min(
-          resolvedElement.getChildrenSize(),
-          resolvedOffset,
+        const elementDOM = editor.getElementByKey(resolvedElement.getKey());
+        invariant(
+          elementDOM !== null,
+          '$internalResolveSelectionPoint: node in DOM but not keyToDOMMap',
         );
+        const slot = resolvedElement.getDOMSlot(elementDOM);
+        [resolvedElement, resolvedOffset] = slot.resolveChildIndex(
+          resolvedElement,
+          elementDOM,
+          dom,
+          offset,
+        );
+        // This is just a typescript workaround, it is true but lost due to mutability
+        invariant(
+          $isElementNode(resolvedElement),
+          '$internalResolveSelectionPoint: resolvedElement is not an ElementNode',
+        );
+        if (
+          moveSelectionToEnd &&
+          resolvedOffset >= resolvedElement.getChildrenSize()
+        ) {
+          resolvedOffset = Math.max(0, resolvedElement.getChildrenSize() - 1);
+        }
         let child = resolvedElement.getChildAtIndex(resolvedOffset);
         if (
           $isElementNode(child) &&
@@ -2140,7 +2159,11 @@ function $internalResolveSelectionPoint(
           moveSelectionToEnd &&
           !hasBlockCursor
         ) {
-          resolvedOffset++;
+          invariant($isElementNode(resolvedElement), 'invariant');
+          resolvedOffset = Math.min(
+            resolvedElement.getChildrenSize(),
+            resolvedOffset + 1,
+          );
         }
       } else {
         const index = resolvedElement.getIndexWithinParent();
@@ -2297,6 +2320,9 @@ function $internalResolveSelectionPoints(
   if (resolvedAnchorPoint === null) {
     return null;
   }
+  if (__DEV__) {
+    $validatePoint(editor, 'anchor', resolvedAnchorPoint);
+  }
   const resolvedFocusPoint = $internalResolveSelectionPoint(
     focusDOM,
     focusOffset,
@@ -2306,6 +2332,9 @@ function $internalResolveSelectionPoints(
   if (resolvedFocusPoint === null) {
     return null;
   }
+  if (__DEV__) {
+    $validatePoint(editor, 'focus', resolvedAnchorPoint);
+  }
   if (
     resolvedAnchorPoint.type === 'element' &&
     resolvedFocusPoint.type === 'element'
@@ -2475,6 +2504,51 @@ export function $internalCreateRangeSelection(
   );
 }
 
+function $validatePoint(
+  editor: LexicalEditor,
+  name: 'anchor' | 'focus',
+  point: PointType,
+): void {
+  const node = $getNodeByKey(point.key);
+  invariant(
+    node !== undefined,
+    '$validatePoint: %s key %s not found in current editorState',
+    name,
+    point.key,
+  );
+  if (point.type === 'text') {
+    invariant(
+      $isTextNode(node),
+      '$validatePoint: %s key %s is not a TextNode',
+      name,
+      point.key,
+    );
+    const size = node.getTextContentSize();
+    invariant(
+      point.offset <= size,
+      '$validatePoint: %s point.offset > node.getTextContentSize() (%s > %s)',
+      name,
+      String(point.offset),
+      String(size),
+    );
+  } else {
+    invariant(
+      $isElementNode(node),
+      '$validatePoint: %s key %s is not an ElementNode',
+      name,
+      point.key,
+    );
+    const size = node.getChildrenSize();
+    invariant(
+      point.offset <= size,
+      '$validatePoint: %s point.offset > node.getChildrenSize() (%s > %s)',
+      name,
+      String(point.offset),
+      String(size),
+    );
+  }
+}
+
 export function $getSelection(): null | BaseSelection {
   const editorState = getActiveEditorState();
   return editorState._selection;
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index b1a409a9f36..a4a3af63118 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -20,7 +20,12 @@ import type {
   Spread,
 } from './LexicalEditor';
 import type {EditorState} from './LexicalEditorState';
-import type {LexicalNode, NodeKey, NodeMap} from './LexicalNode';
+import type {
+  LexicalNode,
+  LexicalPrivateDOM,
+  NodeKey,
+  NodeMap,
+} from './LexicalNode';
 import type {
   BaseSelection,
   PointType,
@@ -441,14 +446,30 @@ export function $getNodeFromDOMNode(
   editorState?: EditorState,
 ): LexicalNode | null {
   const editor = getActiveEditor();
-  // @ts-ignore We intentionally add this to the Node.
-  const key = dom[`__lexicalKey_${editor._key}`];
+  const key = getNodeKeyFromDOMNode(dom, editor);
   if (key !== undefined) {
     return $getNodeByKey(key, editorState);
   }
   return null;
 }
 
+export function setNodeKeyOnDOMNode(
+  dom: Node,
+  editor: LexicalEditor,
+  key: NodeKey,
+) {
+  const prop = `__lexicalKey_${editor._key}`;
+  (dom as Node & Record<typeof prop, NodeKey | undefined>)[prop] = key;
+}
+
+export function getNodeKeyFromDOMNode(
+  dom: Node,
+  editor: LexicalEditor,
+): NodeKey | undefined {
+  const prop = `__lexicalKey_${editor._key}`;
+  return (dom as Node & Record<typeof prop, NodeKey | undefined>)[prop];
+}
+
 export function $getNearestNodeFromDOMNode(
   startingDOM: Node,
   editorState?: EditorState,
@@ -537,7 +558,7 @@ export function $flushMutations(): void {
 
 export function $getNodeFromDOM(dom: Node): null | LexicalNode {
   const editor = getActiveEditor();
-  const nodeKey = getNodeKeyFromDOM(dom, editor);
+  const nodeKey = getNodeKeyFromDOMTree(dom, editor);
   if (nodeKey === null) {
     const rootElement = editor.getRootElement();
     if (dom === rootElement) {
@@ -555,15 +576,14 @@ export function getTextNodeOffset(
   return moveSelectionToEnd ? node.getTextContentSize() : 0;
 }
 
-function getNodeKeyFromDOM(
+function getNodeKeyFromDOMTree(
   // Note that node here refers to a DOM Node, not an Lexical Node
   dom: Node,
   editor: LexicalEditor,
 ): NodeKey | null {
   let node: Node | null = dom;
   while (node != null) {
-    // @ts-ignore We intentionally add this to the Node.
-    const key: NodeKey = node[`__lexicalKey_${editor._key}`];
+    const key = getNodeKeyFromDOMNode(node, editor);
     if (key !== undefined) {
       return key;
     }
@@ -1562,13 +1582,11 @@ export function updateDOMBlockCursorElement(
       }
     } else {
       const child = elementNode.getChildAtIndex(offset);
-      if (needsBlockCursor(child)) {
-        const sibling = (child as LexicalNode).getPreviousSibling();
+      if (child !== null && needsBlockCursor(child)) {
+        const sibling = child.getPreviousSibling();
         if (sibling === null || needsBlockCursor(sibling)) {
           isBlockCursor = true;
-          insertBeforeElement = editor.getElementByKey(
-            (child as LexicalNode).__key,
-          );
+          insertBeforeElement = editor.getElementByKey(child.__key);
         }
       }
     }
@@ -1842,3 +1860,24 @@ export function setNodeIndentFromDOM(
   const indent = indentSize / 40;
   elementNode.setIndent(indent);
 }
+
+/**
+ * @internal
+ *
+ * Mark this node as unmanaged by lexical's mutation observer like
+ * decorator nodes
+ */
+export function setDOMUnmanaged(elementDom: HTMLElement): void {
+  const el: HTMLElement & LexicalPrivateDOM = elementDom;
+  el.__lexicalUnmanaged = true;
+}
+
+/**
+ * @internal
+ *
+ * True if this DOM node was marked with {@link setDOMUnmanaged}
+ */
+export function isDOMUnmanaged(elementDom: Node): boolean {
+  const el: Node & LexicalPrivateDOM = elementDom;
+  return el.__lexicalUnmanaged === true;
+}
diff --git a/packages/lexical/src/__tests__/utils/index.tsx b/packages/lexical/src/__tests__/utils/index.tsx
index 5292fdd5a5f..dff3b2adaee 100644
--- a/packages/lexical/src/__tests__/utils/index.tsx
+++ b/packages/lexical/src/__tests__/utils/index.tsx
@@ -796,8 +796,25 @@ export function html(
   return output;
 }
 
-export function expectHtmlToBeEqual(expected: string, actual: string): void {
-  expect(prettifyHtml(expected)).toBe(prettifyHtml(actual));
+export function polyfillContentEditable() {
+  const div = document.createElement('div');
+  div.contentEditable = 'true';
+  if (/contenteditable/.test(div.outerHTML)) {
+    return;
+  }
+  Object.defineProperty(HTMLElement.prototype, 'contentEditable', {
+    get() {
+      return this.getAttribute('contenteditable');
+    },
+
+    set(value) {
+      this.setAttribute('contenteditable', value);
+    },
+  });
+}
+
+export function expectHtmlToBeEqual(actual: string, expected: string): void {
+  expect(prettifyHtml(actual)).toBe(prettifyHtml(expected));
 }
 
 export function prettifyHtml(s: string): string {
diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index d5c94e23453..2898a73a9b7 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -58,6 +58,7 @@ export type {
   TextPointType as TextPoint,
 } from './LexicalSelection';
 export type {
+  ElementDOMSlot,
   ElementFormatType,
   SerializedElementNode,
 } from './nodes/LexicalElementNode';
@@ -182,6 +183,7 @@ export {
   getNearestEditorFromDOMNode,
   isBlockDomNode,
   isDocumentFragment,
+  isDOMUnmanaged,
   isHTMLAnchorElement,
   isHTMLElement,
   isInlineDomNode,
@@ -189,6 +191,7 @@ export {
   isSelectionCapturedInDecoratorInput,
   isSelectionWithinEditor,
   resetRandomKey,
+  setDOMUnmanaged,
   setNodeIndentFromDOM,
 } from './LexicalUtils';
 export {ArtificialNode__DO_NOT_USE} from './nodes/ArtificialNode';
diff --git a/packages/lexical/src/nodes/LexicalElementNode.ts b/packages/lexical/src/nodes/LexicalElementNode.ts
index 65bc77aec5a..285a546545a 100644
--- a/packages/lexical/src/nodes/LexicalElementNode.ts
+++ b/packages/lexical/src/nodes/LexicalElementNode.ts
@@ -8,6 +8,7 @@
 
 import type {
   DOMExportOutput,
+  LexicalPrivateDOM,
   NodeKey,
   SerializedLexicalNode,
 } from '../LexicalNode';
@@ -18,6 +19,7 @@ import type {
 } from '../LexicalSelection';
 import type {KlassConstructor, LexicalEditor, Spread} from 'lexical';
 
+import {IS_IOS, IS_SAFARI} from 'shared/environment';
 import invariant from 'shared/invariant';
 
 import {$isTextNode, TextNode} from '../index';
@@ -68,6 +70,225 @@ export interface ElementNode {
   getTopLevelElementOrThrow(): ElementNode;
 }
 
+/**
+ * A utility class for managing the DOM children of an ElementNode
+ */
+export class ElementDOMSlot {
+  element: HTMLElement;
+  before: Node | null;
+  after: Node | null;
+  constructor(
+    /** The element returned by createDOM */
+    element: HTMLElement,
+    /** All managed children will be inserted before this node, if defined */
+    before?: Node | undefined | null,
+    /** All managed children will be inserted after this node, if defined */
+    after?: Node | undefined | null,
+  ) {
+    this.element = element;
+    this.before = before || null;
+    this.after = after || null;
+  }
+  /**
+   * Return a new ElementDOMSlot where all managed children will be inserted before this node
+   */
+  withBefore(before: Node | undefined | null): ElementDOMSlot {
+    return new ElementDOMSlot(this.element, before, this.after);
+  }
+  /**
+   * Return a new ElementDOMSlot where all managed children will be inserted after this node
+   */
+  withAfter(after: Node | undefined | null): ElementDOMSlot {
+    return new ElementDOMSlot(this.element, this.before, after);
+  }
+  /**
+   * Return a new ElementDOMSlot with an updated root element
+   */
+  withElement(element: HTMLElement): ElementDOMSlot {
+    return new ElementDOMSlot(element, this.before, this.after);
+  }
+  /**
+   * Insert the given child before this.before and any reconciler managed line break node,
+   * or append it if this.before is not defined
+   */
+  insertChild(dom: Node): this {
+    const before = this.before || this.getManagedLineBreak();
+    invariant(
+      before === null || before.parentElement === this.element,
+      'ElementDOMSlot.insertChild: before is not in element',
+    );
+    this.element.insertBefore(dom, before);
+    return this;
+  }
+  /**
+   * Remove the managed child from this container, will throw if it was not already there
+   */
+  removeChild(dom: Node): this {
+    invariant(
+      dom.parentElement === this.element,
+      'ElementDOMSlot.removeChild: dom is not in element',
+    );
+    this.element.removeChild(dom);
+    return this;
+  }
+  /**
+   * Replace managed child prevDom with dom. Will throw if prevDom is not a child
+   *
+   * @param dom The new node to replace prevDom
+   * @param prevDom the node that will be replaced
+   */
+  replaceChild(dom: Node, prevDom: Node): this {
+    invariant(
+      prevDom.parentElement === this.element,
+      'ElementDOMSlot.replaceChild: prevDom is not in element',
+    );
+    this.element.replaceChild(dom, prevDom);
+    return this;
+  }
+  /**
+   * Returns the first managed child of this node,
+   * which will either be this.after.nextSibling or this.element.firstChild,
+   * and will never be this.before if it is defined.
+   */
+  getFirstChild(): ChildNode | null {
+    const firstChild = this.after
+      ? this.after.nextSibling
+      : this.element.firstChild;
+    return firstChild === this.before ||
+      firstChild === this.getManagedLineBreak()
+      ? null
+      : firstChild;
+  }
+  /**
+   * @internal
+   */
+  getManagedLineBreak(): Exclude<
+    LexicalPrivateDOM['__lexicalLineBreak'],
+    undefined
+  > {
+    const element: HTMLElement & LexicalPrivateDOM = this.element;
+    return element.__lexicalLineBreak || null;
+  }
+  /** @internal */
+  setManagedLineBreak(
+    lineBreakType: null | 'empty' | 'line-break' | 'decorator',
+  ): void {
+    if (lineBreakType === null) {
+      this.removeManagedLineBreak();
+    } else {
+      const webkitHack = lineBreakType === 'decorator' && (IS_IOS || IS_SAFARI);
+      this.insertManagedLineBreak(webkitHack);
+    }
+  }
+
+  /** @internal */
+  removeManagedLineBreak(): void {
+    const br = this.getManagedLineBreak();
+    if (br) {
+      const element: HTMLElement & LexicalPrivateDOM = this.element;
+      const sibling = br.nodeName === 'IMG' ? br.nextSibling : null;
+      if (sibling) {
+        element.removeChild(sibling);
+      }
+      element.removeChild(br);
+      element.__lexicalLineBreak = undefined;
+    }
+  }
+  /** @internal */
+  insertManagedLineBreak(webkitHack: boolean): void {
+    const prevBreak = this.getManagedLineBreak();
+    if (prevBreak) {
+      if (webkitHack === (prevBreak.nodeName === 'IMG')) {
+        return;
+      }
+      this.removeManagedLineBreak();
+    }
+    const element: HTMLElement & LexicalPrivateDOM = this.element;
+    const before = this.before;
+    const br = document.createElement('br');
+    element.insertBefore(br, before);
+    if (webkitHack) {
+      const img = document.createElement('img');
+      img.setAttribute('data-lexical-linebreak', 'true');
+      img.style.cssText =
+        'display: inline !important; border: 0px !important; margin: 0px !important;';
+      img.alt = '';
+      element.insertBefore(img, br);
+      element.__lexicalLineBreak = img;
+    } else {
+      element.__lexicalLineBreak = br;
+    }
+  }
+
+  /**
+   * @internal
+   *
+   * Returns the offset of the first child
+   */
+  getFirstChildOffset(): number {
+    let i = 0;
+    for (let node = this.after; node !== null; node = node.previousSibling) {
+      i++;
+    }
+    return i;
+  }
+
+  /**
+   * @internal
+   */
+  resolveChildIndex(
+    element: ElementNode,
+    elementDOM: HTMLElement,
+    initialDOM: Node,
+    initialOffset: number,
+  ): [node: ElementNode, idx: number] {
+    if (initialDOM === this.element) {
+      const firstChildOffset = this.getFirstChildOffset();
+      return [
+        element,
+        Math.min(
+          firstChildOffset + element.getChildrenSize(),
+          Math.max(firstChildOffset, initialOffset),
+        ),
+      ];
+    }
+    // The resolved offset must be before or after the children
+    const initialPath = indexPath(elementDOM, initialDOM);
+    initialPath.push(initialOffset);
+    const elementPath = indexPath(elementDOM, this.element);
+    let offset = element.getIndexWithinParent();
+    for (let i = 0; i < elementPath.length; i++) {
+      const target = initialPath[i];
+      const source = elementPath[i];
+      if (target === undefined || target < source) {
+        break;
+      } else if (target > source) {
+        offset += 1;
+        break;
+      }
+    }
+    return [element.getParentOrThrow(), offset];
+  }
+}
+
+function indexPath(root: HTMLElement, child: Node): number[] {
+  const path: number[] = [];
+  let node: Node | null = child;
+  for (; node !== root && node !== null; node = child.parentNode) {
+    let i = 0;
+    for (
+      let sibling = node.previousSibling;
+      sibling !== null;
+      sibling = node.previousSibling
+    ) {
+      i++;
+    }
+    path.push(i);
+  }
+  invariant(node === root, 'indexPath: root is not a parent of child');
+  return path.reverse();
+}
+
 /** @noInheritDoc */
 // eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
 export class ElementNode extends LexicalNode {
@@ -406,6 +627,13 @@ export class ElementNode extends LexicalNode {
     const nodesToInsertLength = nodesToInsert.length;
     const oldSize = this.getChildrenSize();
     const writableSelf = this.getWritable();
+    invariant(
+      start + deleteCount <= oldSize,
+      'ElementNode.splice: start + deleteCount > oldSize (%s + %s > %s)',
+      String(start),
+      String(deleteCount),
+      String(oldSize),
+    );
     const writableSelfKey = writableSelf.__key;
     const nodesToInsertKeys = [];
     const nodesToRemoveKeys = [];
@@ -528,6 +756,17 @@ export class ElementNode extends LexicalNode {
 
     return writableSelf;
   }
+  /**
+   * @internal
+   *
+   * An experimental API that an ElementNode can override to control where its
+   * children are inserted into the DOM, this is useful to add a wrapping node
+   * or accessory nodes before or after the children. The root of the node returned
+   * by createDOM must still be exactly one HTMLElement.
+   */
+  getDOMSlot(element: HTMLElement): ElementDOMSlot {
+    return new ElementDOMSlot(element);
+  }
   exportDOM(editor: LexicalEditor): DOMExportOutput {
     const {element} = super.exportDOM(editor);
     if (element && isHTMLElement(element)) {
@@ -633,6 +872,32 @@ export class ElementNode extends LexicalNode {
   canMergeWhenEmpty(): boolean {
     return false;
   }
+
+  /** @internal */
+  reconcileObservedMutation(dom: HTMLElement, editor: LexicalEditor): void {
+    const slot = this.getDOMSlot(dom);
+    let currentDOM = slot.getFirstChild();
+    for (
+      let currentNode = this.getFirstChild();
+      currentNode;
+      currentNode = currentNode.getNextSibling()
+    ) {
+      const correctDOM = editor.getElementByKey(currentNode.getKey());
+
+      if (correctDOM === null) {
+        continue;
+      }
+
+      if (currentDOM == null) {
+        slot.insertChild(correctDOM);
+        currentDOM = correctDOM;
+      } else if (currentDOM !== correctDOM) {
+        slot.replaceChild(correctDOM, currentDOM);
+      }
+
+      currentDOM = currentDOM.nextSibling;
+    }
+  }
 }
 
 export function $isElementNode(
diff --git a/packages/lexical/src/nodes/__tests__/unit/LexicalElementNode.test.tsx b/packages/lexical/src/nodes/__tests__/unit/LexicalElementNode.test.tsx
index 21e9ed3c899..6736ce72edc 100644
--- a/packages/lexical/src/nodes/__tests__/unit/LexicalElementNode.test.tsx
+++ b/packages/lexical/src/nodes/__tests__/unit/LexicalElementNode.test.tsx
@@ -7,10 +7,13 @@
  */
 
 import {
+  $applyNodeReplacement,
   $createTextNode,
   $getRoot,
   $getSelection,
   $isRangeSelection,
+  createEditor,
+  ElementDOMSlot,
   ElementNode,
   LexicalEditor,
   LexicalNode,
@@ -25,6 +28,7 @@ import {
   $createTestElementNode,
   createTestEditor,
 } from '../../../__tests__/utils';
+import {SerializedElementNode} from '../../LexicalElementNode';
 
 describe('LexicalElementNode tests', () => {
   let container: HTMLElement;
@@ -633,3 +637,87 @@ describe('LexicalElementNode tests', () => {
     });
   });
 });
+
+describe('getDOMSlot tests', () => {
+  let container: HTMLElement;
+  let editor: LexicalEditor;
+
+  beforeEach(async () => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+    editor = createEditor({
+      nodes: [WrapperElementNode],
+      onError: (error) => {
+        throw error;
+      },
+    });
+    editor.setRootElement(container);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+    // @ts-ignore
+    container = null;
+  });
+
+  class WrapperElementNode extends ElementNode {
+    static getType() {
+      return 'wrapper';
+    }
+    static clone(node: WrapperElementNode): WrapperElementNode {
+      return new WrapperElementNode(node.__key);
+    }
+    createDOM() {
+      const el = document.createElement('main');
+      el.appendChild(document.createElement('section'));
+      return el;
+    }
+    updateDOM() {
+      return false;
+    }
+    getDOMSlot(dom: HTMLElement): ElementDOMSlot {
+      return super.getDOMSlot(dom).withElement(dom.querySelector('section')!);
+    }
+    exportJSON(): SerializedElementNode {
+      throw new Error('Not implemented');
+    }
+    static importJSON(): WrapperElementNode {
+      throw new Error('Not implemented');
+    }
+  }
+  function $createWrapperElementNode(): WrapperElementNode {
+    return $applyNodeReplacement(new WrapperElementNode());
+  }
+
+  test('can create wrapper', () => {
+    let wrapper: WrapperElementNode;
+    editor.update(
+      () => {
+        wrapper = $createWrapperElementNode().append(
+          $createTextNode('test text').setMode('token'),
+        );
+        $getRoot().clear().append(wrapper);
+      },
+      {discrete: true},
+    );
+    expect(container.innerHTML).toBe(
+      `<main dir="ltr"><section><span data-lexical-text="true">test text</span></section></main>`,
+    );
+    editor.update(
+      () => {
+        wrapper.append($createTextNode('more text').setMode('token'));
+      },
+      {discrete: true},
+    );
+    expect(container.innerHTML).toBe(
+      `<main dir="ltr"><section><span data-lexical-text="true">test text</span><span data-lexical-text="true">more text</span></section></main>`,
+    );
+    editor.update(
+      () => {
+        wrapper.clear();
+      },
+      {discrete: true},
+    );
+    expect(container.innerHTML).toBe(`<main><section><br></section></main>`);
+  });
+});

From c14d676cce17410acece23b2ebae70c45ee0babb Mon Sep 17 00:00:00 2001
From: Ajaezo Kingsley <54126417+Kingscliq@users.noreply.github.com>
Date: Wed, 13 Nov 2024 19:47:25 +0100
Subject: [PATCH 089/133] [lexical-examples] Chore: Add DOMExportOutputMap type
 to the exportMap (#6827)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 examples/react-rich/package-lock.json | 628 ++++++++++++++------------
 examples/react-rich/src/App.tsx       |   3 +-
 2 files changed, 331 insertions(+), 300 deletions(-)

diff --git a/examples/react-rich/package-lock.json b/examples/react-rich/package-lock.json
index 34c37ffb987..8033fbb43e2 100644
--- a/examples/react-rich/package-lock.json
+++ b/examples/react-rich/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@lexical/react-rich-example",
-  "version": "0.15.0",
+  "version": "0.20.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/react-rich-example",
-      "version": "0.15.0",
+      "version": "0.20.0",
       "dependencies": {
-        "@lexical/react": "0.15.0",
-        "lexical": "0.15.0",
+        "@lexical/react": "0.20.0",
+        "lexical": "0.20.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
       },
@@ -789,38 +789,41 @@
       }
     },
     "node_modules/@lexical/clipboard": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.15.0.tgz",
-      "integrity": "sha512-binCltK7KiURQJFogvueYfmDNEKynN/lmZrCLFp2xBjEIajqw4WtOVLJZ33engdqNlvj0JqrxrWxbKG+yvUwrg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.20.0.tgz",
+      "integrity": "sha512-oHmb9kSVHjeFCd2q8VrEXW22doUHMJ6cGXqo7Ican7Ljl4/9OgRWr+cq55yntoSaJfCrRYkTiZCLDejF2ciSiA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.15.0",
-        "@lexical/list": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/code": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.15.0.tgz",
-      "integrity": "sha512-n185gjinGhz/M4BW1ayNPYAEgwW4T/NEFl2Wey/O+07W3zvh9k9ai7RjWd0c8Qzqc4DLlqvibvWPebWObQHA4w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.20.0.tgz",
+      "integrity": "sha512-zFsVGuzIn4CQxEnlW4AG/Hq6cyATVZ4fZTxozE/f5oK4vDPvnY/goRxrzSuAMX73A/HRX3kTEzMDcm4taRM3Mg==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0",
         "prismjs": "^1.27.0"
       }
     },
     "node_modules/@lexical/devtools-core": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.15.0.tgz",
-      "integrity": "sha512-kK/IVEiQyqs2DsY4QRYFaFiKQMpaAukAl8PXmNeGTZ7cfFVsP29E4n0/pjY+oxmiRvxbO1s2i14q58nfuhj4VQ==",
-      "dependencies": {
-        "@lexical/html": "0.15.0",
-        "@lexical/link": "0.15.0",
-        "@lexical/mark": "0.15.0",
-        "@lexical/table": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.20.0.tgz",
+      "integrity": "sha512-/CnL+Dfpzw4koy2BTdUICkvrCkMIYG8Y73KB/S1Bt5UzJpD+PV300puWJ0NvUvAj24H78r73jxvK2QUG67Tdaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lexical/html": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -828,133 +831,145 @@
       }
     },
     "node_modules/@lexical/dragon": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.15.0.tgz",
-      "integrity": "sha512-hg2rGmxVJF7wmN6psuKw3EyhcNF7DtOYwUCBpjFZVshzAjsNEBfEnqhiMkSVSlN4+WOfM7LS+B88PTKPcnFGbQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.20.0.tgz",
+      "integrity": "sha512-3DAHF8mSKiPZtXCqu2P8ynSwS3fGXzg4G/V0lXNjBxhmozjzUzWZRWIWtmTlWdEu9GXsoyeM3agcaxyDPJJwkA==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/hashtag": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.15.0.tgz",
-      "integrity": "sha512-EP6KKvS6BY/8Vh1MLQYeOcYaxnvrLsUkvXXr+Fg8N477Us54Ju69pPO563mbWt7/bpnL9Sh0fbk82JtxqPWpSg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.20.0.tgz",
+      "integrity": "sha512-ldOP/d9tA6V9qvLyr3mRYkcYY5ySOHJ2BFOW/jZPxQcj6lWafS8Lk7XdMUpHHDjRpY2Hizsi5MHJkIqFglYXbw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/history": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.15.0.tgz",
-      "integrity": "sha512-r+pzR2k/51AL6l8UfXeVe/GWPIeWY1kEOuKx9nsYB9tmAkTF66tTFz33DJIMWBVtAHWN7Dcdv0/yy6q8R6CAUQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.20.0.tgz",
+      "integrity": "sha512-dXtIS31BU6RmLX2KwLAi1EgGl+USeyi+rshh19azACXHPFqONZgPd2t21LOLSFn7C1/W+cSp/kqVDlQVbZUZRA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/html": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.15.0.tgz",
-      "integrity": "sha512-x/sfGvibwo8b5Vso4ppqNyS/fVve6Rn+TmvP/0eWOaa0I3aOQ57ulfcK6p/GTe+ZaEi8vW64oZPdi8XDgwSRaA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.20.0.tgz",
+      "integrity": "sha512-ob7QHkEv+mhaZjlurDj90UmEyN9G4rzBPR5QV42PLnu1qMSviMEdI5V3a5/A5aFf/FDDQ+0GAgWBFnA/MEDczQ==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/link": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.15.0.tgz",
-      "integrity": "sha512-KBV/zWk5FxqZGNcq3IKGBDCcS4t0uteU1osAIG+pefo4waTkOOgibxxEJDop2QR5wtjkYva3Qp0D8ZyJDMMMlw==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.20.0.tgz",
+      "integrity": "sha512-zicDcfgRZPRFZ8WOZv5er0Aqkde+i7QoFVkLQD4dNLLORjoMSJOISJH6VEdjBl3k7QJTxbfrt+xT5d/ZsAN5GA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/list": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.15.0.tgz",
-      "integrity": "sha512-JuF4k7uo4rZFOSZGrmkxo1+sUrwTKNBhhJAiCgtM+6TO90jppxzCFNKur81yPzF1+g4GWLC9gbjzKb52QPb6cQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.20.0.tgz",
+      "integrity": "sha512-ufSse8ui3ooUe0HA/yF/9STrG8wYhIDLMRhELOw80GFCkPJaxs6yRvjfmJooH5IC88rpUJ5XXFFiZKfGxEZLEw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/mark": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.15.0.tgz",
-      "integrity": "sha512-cdePA98sOJRc4/HHqcOcPBFq4UDwzaFJOK1N1E6XUGcXH1GU8zHtV1ElTgmbsGkyjBRwhR+OqKm9eso1PBOUkg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.20.0.tgz",
+      "integrity": "sha512-1P2izmkgZ4VDp+49rWO1KfWivL5aA30y5kkYbFZ/CS05fgbO7ogMjLSajpz+RN/zzW79v3q4YfikrMgaD23InA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/markdown": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.15.0.tgz",
-      "integrity": "sha512-wu1EP758l452BovDa7i9ZAeWuFj+YY0bc2mNc08nfZ9GqdGMej1JIguY4CwIROCYVizprL9Ocn0avH1uv9b8fA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.20.0.tgz",
+      "integrity": "sha512-ZoGsECejp9z6MEvc8l81b1h1aWbB3sTq6xOFeUTbDL5vKpA67z5CmQQLi0uZWrygrbO9dSE3Q/JGcodUrczxbw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.15.0",
-        "@lexical/link": "0.15.0",
-        "@lexical/list": "0.15.0",
-        "@lexical/rich-text": "0.15.0",
-        "@lexical/text": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/code": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/offset": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.15.0.tgz",
-      "integrity": "sha512-VO1f3m8+RRdRjuXMtCBhi1COVKRC2LhP8AFYxnFlvbV+Waz9R5xB9pqFFUe4RtyqyTLmOUj6+LtsUFhq+23voQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.20.0.tgz",
+      "integrity": "sha512-VMhxsxxDGnpVw0jgC8UlDf0Q2RHIHbS49uZgs3l9nP+O+G8s3b76Ta4Tb+iJOK2FY6874/TcQMbSuXGhfpQk8A==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/overflow": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.15.0.tgz",
-      "integrity": "sha512-9qKVCvh9Oka+bzR3th+UWdTEeMZXYy1ZxWbjSxefRMgQxzCvqSuVioK/065gPbvGga9EfvgLLLBDXZm8ISbJQA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.20.0.tgz",
+      "integrity": "sha512-z4lElzLm1FVifc7bzBZN4VNKeTuwygpyHQvCJVWXzF2Kbvex43PEYMi8u4A83idVqbmzbyBLASwUJS0voLoPLw==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/plain-text": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.15.0.tgz",
-      "integrity": "sha512-yeK466mXb4xaCCJouGzEHQs59fScHxF8Asq0azNyJmkhQWYrU7WdckHf2xj8ItZFFPyj7lvwKRDYnoy4HQD7Mg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.20.0.tgz",
+      "integrity": "sha512-LvoC+9mm2Im1iO8GgtgaqSfW0T3mIE5GQl1xGxbVNdANmtHmBgRAJn2KfQm1XHZP6zydLRMhZkzC+jfInh2yfQ==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/react": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.15.0.tgz",
-      "integrity": "sha512-TWDp/F9cKwjGreLzIdHKlPUeTn275rR6j1VXrBffNwC5ovxWcKLVRg502eY5xvRQH3lkKQpFgIFbJW4KTvhFsQ==",
-      "dependencies": {
-        "@lexical/clipboard": "0.15.0",
-        "@lexical/code": "0.15.0",
-        "@lexical/devtools-core": "0.15.0",
-        "@lexical/dragon": "0.15.0",
-        "@lexical/hashtag": "0.15.0",
-        "@lexical/history": "0.15.0",
-        "@lexical/link": "0.15.0",
-        "@lexical/list": "0.15.0",
-        "@lexical/mark": "0.15.0",
-        "@lexical/markdown": "0.15.0",
-        "@lexical/overflow": "0.15.0",
-        "@lexical/plain-text": "0.15.0",
-        "@lexical/rich-text": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/table": "0.15.0",
-        "@lexical/text": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "@lexical/yjs": "0.15.0",
-        "lexical": "0.15.0",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.20.0.tgz",
+      "integrity": "sha512-5QbN5AFtZ9efXxU/M01ADhUZgthR0e8WKi5K/w5EPpWtYFDPQnUte3rKUjYJ7uwG1iwcvaCpuMbxJjHQ+i6pDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/devtools-core": "0.20.0",
+        "@lexical/dragon": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/history": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/markdown": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "@lexical/yjs": "0.20.0",
+        "lexical": "0.20.0",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -963,59 +978,67 @@
       }
     },
     "node_modules/@lexical/rich-text": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.15.0.tgz",
-      "integrity": "sha512-76tXh/eeEOHl91HpFEXCc/tUiLrsa9RcSyvCzRZahk5zqYvQPXma/AUfRzuSMf2kLwDEoauKAVqNFQcbPhqwpQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.20.0.tgz",
+      "integrity": "sha512-BR1pACdMA+Ymef0f5EN1y+9yP8w7S+9MgmBP1yjr3w4KdqRnfSaGWyxwcHU8eA+zu16QfivpB6501VJ90YeuXw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/selection": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.15.0.tgz",
-      "integrity": "sha512-S+AQC6eJiQYSa5zOPuecN85prCT0Bcb8miOdJaE17Zh+vgdUH5gk9I0tEBeG5T7tkSpq6lFiEqs2FZSfaHflbQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.20.0.tgz",
+      "integrity": "sha512-YnkH5UCMNN/em95or/6uwAV31vcENh1Roj+JOg5KD+gJuA7VGdDCy0vZl/o0+1badXozeZ2VRxXNC6JSK7T4+A==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/table": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.15.0.tgz",
-      "integrity": "sha512-3IRBg8IoIHetqKozRQbJQ2aPyG0ziXZ+lc8TOIAGs6METW/wxntaV+rTNrODanKAgvk2iJTIyfFkYjsqS9+VFg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.20.0.tgz",
+      "integrity": "sha512-qHuK2rvQUoQDx62YpvJE3Ev4yK9kjRFo79IDBapxrhoXg/wCGQOjMBzVD3G5PWkhyl/GDnww80GwYjLloQLQzg==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/text": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.15.0.tgz",
-      "integrity": "sha512-WsAkAt9T1RH1iDrVuWeoRUeMCOAWar5oSFtnQ4m9vhT/zuf5b8efK87GiqCH00ZAn4DGzOuAfyXlMFqBVCQdkQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.20.0.tgz",
+      "integrity": "sha512-Fu64i5CIlEOlgucSdp9XFqB2XqoRsw4at76n93+6RF4+LgGDnu4nLXQVCVxNmLcGyh2WgczuTpnk5P2mHNAIUA==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/utils": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.15.0.tgz",
-      "integrity": "sha512-/6954LDmTcVFgexhy5WOZDa4TxNQOEZNrf8z7TRAFiAQkihcME/GRoq1en5cbXoVNF8jv5AvNyyc7x0MByRJ6A==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.20.0.tgz",
+      "integrity": "sha512-sXIa2nowrNxY8VcjjuxZbJ/HovIql8bmInNaxBR03JAYfqMiL5I5/dYgjOQJV49NJnuR1uTY2GwVxVTXCTFUCw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/table": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/yjs": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.15.0.tgz",
-      "integrity": "sha512-Rf4AIu620Cq90li6GU58gkzlGRdntHP4ZeZrbJ3ToW7vEEnkW6Wl9/HhO647GG4OL5w46M0iWvx1b1b8xjYT1w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.20.0.tgz",
+      "integrity": "sha512-TiHNhu2VkhXN69V+fXVS3xjOQ6aLnheQUGwOAhuFkDPL3VLCb0yl2Mgydpayn+3Grwii4ZBHcF7oCC84GiU5bw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/offset": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "lexical": "0.20.0"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -1556,6 +1579,7 @@
       "version": "0.2.5",
       "resolved": "https://registry.npmjs.org/isomorphic.js/-/isomorphic.js-0.2.5.tgz",
       "integrity": "sha512-PIeMbHqMt4DnUP3MA/Flc0HElYjMXArsw1qwJZcm9sqR8mq3l8NYizFMty0pWwE/tzIGH3EKK5+jes5mAr85yw==",
+      "license": "MIT",
       "peer": true,
       "funding": {
         "type": "GitHub Sponsors ❤",
@@ -1592,14 +1616,16 @@
       }
     },
     "node_modules/lexical": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.15.0.tgz",
-      "integrity": "sha512-/7HrPAmtgsc1F+qpv5bFwoQZ6CbH/w3mPPL2AW5P75/QYrqKz4bhvJrc2jozIX0GxtuT/YUYT7w+1sZMtUWbOg=="
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.20.0.tgz",
+      "integrity": "sha512-lJEHLFACXqRf3u/VlIOu9T7MJ51O4la92uOBwiS9Sx+juDK3Nrru5Vgl1aUirV1qK8XEM3h6Org2HcrsrzZ3ZA==",
+      "license": "MIT"
     },
     "node_modules/lib0": {
-      "version": "0.2.94",
-      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.94.tgz",
-      "integrity": "sha512-hZ3p54jL4Wpu7IOg26uC7dnEWiMyNlUrb9KoG7+xYs45WkQwpVvKFndVq2+pqLYKe1u8Fp3+zAfZHVvTK34PvQ==",
+      "version": "0.2.98",
+      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.98.tgz",
+      "integrity": "sha512-XteTiNO0qEXqqweWx+b21p/fBnNHUA1NwAtJNJek1oPrewEZs2uiT4gWivHKr9GqCjDPAhchz0UQO8NwU3bBNA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "isomorphic.js": "^0.2.4"
@@ -1705,6 +1731,7 @@
       "version": "1.29.0",
       "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
       "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1948,12 +1975,13 @@
       "dev": true
     },
     "node_modules/yjs": {
-      "version": "13.6.15",
-      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.15.tgz",
-      "integrity": "sha512-moFv4uNYhp8BFxIk3AkpoAnnjts7gwdpiG8RtyFiKbMtxKCS0zVZ5wPaaGpwC3V2N/K8TK8MwtSI3+WO9CHWjQ==",
+      "version": "13.6.20",
+      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.20.tgz",
+      "integrity": "sha512-Z2YZI+SYqK7XdWlloI3lhMiKnCdFCVC4PchpdO+mCYwtiTwncjUbnRK9R1JmkNfdmHyDXuWN3ibJAt0wsqTbLQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "lib0": "^0.2.86"
+        "lib0": "^0.2.98"
       },
       "engines": {
         "node": ">=16.0.0",
@@ -2424,225 +2452,227 @@
       }
     },
     "@lexical/clipboard": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.15.0.tgz",
-      "integrity": "sha512-binCltK7KiURQJFogvueYfmDNEKynN/lmZrCLFp2xBjEIajqw4WtOVLJZ33engdqNlvj0JqrxrWxbKG+yvUwrg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.20.0.tgz",
+      "integrity": "sha512-oHmb9kSVHjeFCd2q8VrEXW22doUHMJ6cGXqo7Ican7Ljl4/9OgRWr+cq55yntoSaJfCrRYkTiZCLDejF2ciSiA==",
       "requires": {
-        "@lexical/html": "0.15.0",
-        "@lexical/list": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/code": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.15.0.tgz",
-      "integrity": "sha512-n185gjinGhz/M4BW1ayNPYAEgwW4T/NEFl2Wey/O+07W3zvh9k9ai7RjWd0c8Qzqc4DLlqvibvWPebWObQHA4w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.20.0.tgz",
+      "integrity": "sha512-zFsVGuzIn4CQxEnlW4AG/Hq6cyATVZ4fZTxozE/f5oK4vDPvnY/goRxrzSuAMX73A/HRX3kTEzMDcm4taRM3Mg==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0",
         "prismjs": "^1.27.0"
       }
     },
     "@lexical/devtools-core": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.15.0.tgz",
-      "integrity": "sha512-kK/IVEiQyqs2DsY4QRYFaFiKQMpaAukAl8PXmNeGTZ7cfFVsP29E4n0/pjY+oxmiRvxbO1s2i14q58nfuhj4VQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.20.0.tgz",
+      "integrity": "sha512-/CnL+Dfpzw4koy2BTdUICkvrCkMIYG8Y73KB/S1Bt5UzJpD+PV300puWJ0NvUvAj24H78r73jxvK2QUG67Tdaw==",
       "requires": {
-        "@lexical/html": "0.15.0",
-        "@lexical/link": "0.15.0",
-        "@lexical/mark": "0.15.0",
-        "@lexical/table": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/html": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/dragon": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.15.0.tgz",
-      "integrity": "sha512-hg2rGmxVJF7wmN6psuKw3EyhcNF7DtOYwUCBpjFZVshzAjsNEBfEnqhiMkSVSlN4+WOfM7LS+B88PTKPcnFGbQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.20.0.tgz",
+      "integrity": "sha512-3DAHF8mSKiPZtXCqu2P8ynSwS3fGXzg4G/V0lXNjBxhmozjzUzWZRWIWtmTlWdEu9GXsoyeM3agcaxyDPJJwkA==",
       "requires": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/hashtag": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.15.0.tgz",
-      "integrity": "sha512-EP6KKvS6BY/8Vh1MLQYeOcYaxnvrLsUkvXXr+Fg8N477Us54Ju69pPO563mbWt7/bpnL9Sh0fbk82JtxqPWpSg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.20.0.tgz",
+      "integrity": "sha512-ldOP/d9tA6V9qvLyr3mRYkcYY5ySOHJ2BFOW/jZPxQcj6lWafS8Lk7XdMUpHHDjRpY2Hizsi5MHJkIqFglYXbw==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/history": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.15.0.tgz",
-      "integrity": "sha512-r+pzR2k/51AL6l8UfXeVe/GWPIeWY1kEOuKx9nsYB9tmAkTF66tTFz33DJIMWBVtAHWN7Dcdv0/yy6q8R6CAUQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.20.0.tgz",
+      "integrity": "sha512-dXtIS31BU6RmLX2KwLAi1EgGl+USeyi+rshh19azACXHPFqONZgPd2t21LOLSFn7C1/W+cSp/kqVDlQVbZUZRA==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/html": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.15.0.tgz",
-      "integrity": "sha512-x/sfGvibwo8b5Vso4ppqNyS/fVve6Rn+TmvP/0eWOaa0I3aOQ57ulfcK6p/GTe+ZaEi8vW64oZPdi8XDgwSRaA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.20.0.tgz",
+      "integrity": "sha512-ob7QHkEv+mhaZjlurDj90UmEyN9G4rzBPR5QV42PLnu1qMSviMEdI5V3a5/A5aFf/FDDQ+0GAgWBFnA/MEDczQ==",
       "requires": {
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/link": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.15.0.tgz",
-      "integrity": "sha512-KBV/zWk5FxqZGNcq3IKGBDCcS4t0uteU1osAIG+pefo4waTkOOgibxxEJDop2QR5wtjkYva3Qp0D8ZyJDMMMlw==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.20.0.tgz",
+      "integrity": "sha512-zicDcfgRZPRFZ8WOZv5er0Aqkde+i7QoFVkLQD4dNLLORjoMSJOISJH6VEdjBl3k7QJTxbfrt+xT5d/ZsAN5GA==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/list": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.15.0.tgz",
-      "integrity": "sha512-JuF4k7uo4rZFOSZGrmkxo1+sUrwTKNBhhJAiCgtM+6TO90jppxzCFNKur81yPzF1+g4GWLC9gbjzKb52QPb6cQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.20.0.tgz",
+      "integrity": "sha512-ufSse8ui3ooUe0HA/yF/9STrG8wYhIDLMRhELOw80GFCkPJaxs6yRvjfmJooH5IC88rpUJ5XXFFiZKfGxEZLEw==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/mark": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.15.0.tgz",
-      "integrity": "sha512-cdePA98sOJRc4/HHqcOcPBFq4UDwzaFJOK1N1E6XUGcXH1GU8zHtV1ElTgmbsGkyjBRwhR+OqKm9eso1PBOUkg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.20.0.tgz",
+      "integrity": "sha512-1P2izmkgZ4VDp+49rWO1KfWivL5aA30y5kkYbFZ/CS05fgbO7ogMjLSajpz+RN/zzW79v3q4YfikrMgaD23InA==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/markdown": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.15.0.tgz",
-      "integrity": "sha512-wu1EP758l452BovDa7i9ZAeWuFj+YY0bc2mNc08nfZ9GqdGMej1JIguY4CwIROCYVizprL9Ocn0avH1uv9b8fA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.20.0.tgz",
+      "integrity": "sha512-ZoGsECejp9z6MEvc8l81b1h1aWbB3sTq6xOFeUTbDL5vKpA67z5CmQQLi0uZWrygrbO9dSE3Q/JGcodUrczxbw==",
       "requires": {
-        "@lexical/code": "0.15.0",
-        "@lexical/link": "0.15.0",
-        "@lexical/list": "0.15.0",
-        "@lexical/rich-text": "0.15.0",
-        "@lexical/text": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/code": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/offset": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.15.0.tgz",
-      "integrity": "sha512-VO1f3m8+RRdRjuXMtCBhi1COVKRC2LhP8AFYxnFlvbV+Waz9R5xB9pqFFUe4RtyqyTLmOUj6+LtsUFhq+23voQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.20.0.tgz",
+      "integrity": "sha512-VMhxsxxDGnpVw0jgC8UlDf0Q2RHIHbS49uZgs3l9nP+O+G8s3b76Ta4Tb+iJOK2FY6874/TcQMbSuXGhfpQk8A==",
       "requires": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/overflow": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.15.0.tgz",
-      "integrity": "sha512-9qKVCvh9Oka+bzR3th+UWdTEeMZXYy1ZxWbjSxefRMgQxzCvqSuVioK/065gPbvGga9EfvgLLLBDXZm8ISbJQA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.20.0.tgz",
+      "integrity": "sha512-z4lElzLm1FVifc7bzBZN4VNKeTuwygpyHQvCJVWXzF2Kbvex43PEYMi8u4A83idVqbmzbyBLASwUJS0voLoPLw==",
       "requires": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/plain-text": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.15.0.tgz",
-      "integrity": "sha512-yeK466mXb4xaCCJouGzEHQs59fScHxF8Asq0azNyJmkhQWYrU7WdckHf2xj8ItZFFPyj7lvwKRDYnoy4HQD7Mg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.20.0.tgz",
+      "integrity": "sha512-LvoC+9mm2Im1iO8GgtgaqSfW0T3mIE5GQl1xGxbVNdANmtHmBgRAJn2KfQm1XHZP6zydLRMhZkzC+jfInh2yfQ==",
       "requires": {
-        "@lexical/clipboard": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/react": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.15.0.tgz",
-      "integrity": "sha512-TWDp/F9cKwjGreLzIdHKlPUeTn275rR6j1VXrBffNwC5ovxWcKLVRg502eY5xvRQH3lkKQpFgIFbJW4KTvhFsQ==",
-      "requires": {
-        "@lexical/clipboard": "0.15.0",
-        "@lexical/code": "0.15.0",
-        "@lexical/devtools-core": "0.15.0",
-        "@lexical/dragon": "0.15.0",
-        "@lexical/hashtag": "0.15.0",
-        "@lexical/history": "0.15.0",
-        "@lexical/link": "0.15.0",
-        "@lexical/list": "0.15.0",
-        "@lexical/mark": "0.15.0",
-        "@lexical/markdown": "0.15.0",
-        "@lexical/overflow": "0.15.0",
-        "@lexical/plain-text": "0.15.0",
-        "@lexical/rich-text": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/table": "0.15.0",
-        "@lexical/text": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "@lexical/yjs": "0.15.0",
-        "lexical": "0.15.0",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.20.0.tgz",
+      "integrity": "sha512-5QbN5AFtZ9efXxU/M01ADhUZgthR0e8WKi5K/w5EPpWtYFDPQnUte3rKUjYJ7uwG1iwcvaCpuMbxJjHQ+i6pDQ==",
+      "requires": {
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/devtools-core": "0.20.0",
+        "@lexical/dragon": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/history": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/markdown": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "@lexical/yjs": "0.20.0",
+        "lexical": "0.20.0",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.15.0.tgz",
-      "integrity": "sha512-76tXh/eeEOHl91HpFEXCc/tUiLrsa9RcSyvCzRZahk5zqYvQPXma/AUfRzuSMf2kLwDEoauKAVqNFQcbPhqwpQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.20.0.tgz",
+      "integrity": "sha512-BR1pACdMA+Ymef0f5EN1y+9yP8w7S+9MgmBP1yjr3w4KdqRnfSaGWyxwcHU8eA+zu16QfivpB6501VJ90YeuXw==",
       "requires": {
-        "@lexical/clipboard": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/selection": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.15.0.tgz",
-      "integrity": "sha512-S+AQC6eJiQYSa5zOPuecN85prCT0Bcb8miOdJaE17Zh+vgdUH5gk9I0tEBeG5T7tkSpq6lFiEqs2FZSfaHflbQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.20.0.tgz",
+      "integrity": "sha512-YnkH5UCMNN/em95or/6uwAV31vcENh1Roj+JOg5KD+gJuA7VGdDCy0vZl/o0+1badXozeZ2VRxXNC6JSK7T4+A==",
       "requires": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/table": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.15.0.tgz",
-      "integrity": "sha512-3IRBg8IoIHetqKozRQbJQ2aPyG0ziXZ+lc8TOIAGs6METW/wxntaV+rTNrODanKAgvk2iJTIyfFkYjsqS9+VFg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.20.0.tgz",
+      "integrity": "sha512-qHuK2rvQUoQDx62YpvJE3Ev4yK9kjRFo79IDBapxrhoXg/wCGQOjMBzVD3G5PWkhyl/GDnww80GwYjLloQLQzg==",
       "requires": {
-        "@lexical/utils": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/text": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.15.0.tgz",
-      "integrity": "sha512-WsAkAt9T1RH1iDrVuWeoRUeMCOAWar5oSFtnQ4m9vhT/zuf5b8efK87GiqCH00ZAn4DGzOuAfyXlMFqBVCQdkQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.20.0.tgz",
+      "integrity": "sha512-Fu64i5CIlEOlgucSdp9XFqB2XqoRsw4at76n93+6RF4+LgGDnu4nLXQVCVxNmLcGyh2WgczuTpnk5P2mHNAIUA==",
       "requires": {
-        "lexical": "0.15.0"
+        "lexical": "0.20.0"
       }
     },
     "@lexical/utils": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.15.0.tgz",
-      "integrity": "sha512-/6954LDmTcVFgexhy5WOZDa4TxNQOEZNrf8z7TRAFiAQkihcME/GRoq1en5cbXoVNF8jv5AvNyyc7x0MByRJ6A==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.20.0.tgz",
+      "integrity": "sha512-sXIa2nowrNxY8VcjjuxZbJ/HovIql8bmInNaxBR03JAYfqMiL5I5/dYgjOQJV49NJnuR1uTY2GwVxVTXCTFUCw==",
       "requires": {
-        "@lexical/list": "0.15.0",
-        "@lexical/selection": "0.15.0",
-        "@lexical/table": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@lexical/yjs": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.15.0.tgz",
-      "integrity": "sha512-Rf4AIu620Cq90li6GU58gkzlGRdntHP4ZeZrbJ3ToW7vEEnkW6Wl9/HhO647GG4OL5w46M0iWvx1b1b8xjYT1w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.20.0.tgz",
+      "integrity": "sha512-TiHNhu2VkhXN69V+fXVS3xjOQ6aLnheQUGwOAhuFkDPL3VLCb0yl2Mgydpayn+3Grwii4ZBHcF7oCC84GiU5bw==",
       "requires": {
-        "@lexical/offset": "0.15.0",
-        "lexical": "0.15.0"
+        "@lexical/offset": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "@rollup/rollup-android-arm-eabi": {
@@ -3021,14 +3051,14 @@
       "dev": true
     },
     "lexical": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.15.0.tgz",
-      "integrity": "sha512-/7HrPAmtgsc1F+qpv5bFwoQZ6CbH/w3mPPL2AW5P75/QYrqKz4bhvJrc2jozIX0GxtuT/YUYT7w+1sZMtUWbOg=="
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.20.0.tgz",
+      "integrity": "sha512-lJEHLFACXqRf3u/VlIOu9T7MJ51O4la92uOBwiS9Sx+juDK3Nrru5Vgl1aUirV1qK8XEM3h6Org2HcrsrzZ3ZA=="
     },
     "lib0": {
-      "version": "0.2.94",
-      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.94.tgz",
-      "integrity": "sha512-hZ3p54jL4Wpu7IOg26uC7dnEWiMyNlUrb9KoG7+xYs45WkQwpVvKFndVq2+pqLYKe1u8Fp3+zAfZHVvTK34PvQ==",
+      "version": "0.2.98",
+      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.98.tgz",
+      "integrity": "sha512-XteTiNO0qEXqqweWx+b21p/fBnNHUA1NwAtJNJek1oPrewEZs2uiT4gWivHKr9GqCjDPAhchz0UQO8NwU3bBNA==",
       "peer": true,
       "requires": {
         "isomorphic.js": "^0.2.4"
@@ -3223,12 +3253,12 @@
       "dev": true
     },
     "yjs": {
-      "version": "13.6.15",
-      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.15.tgz",
-      "integrity": "sha512-moFv4uNYhp8BFxIk3AkpoAnnjts7gwdpiG8RtyFiKbMtxKCS0zVZ5wPaaGpwC3V2N/K8TK8MwtSI3+WO9CHWjQ==",
+      "version": "13.6.20",
+      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.20.tgz",
+      "integrity": "sha512-Z2YZI+SYqK7XdWlloI3lhMiKnCdFCVC4PchpdO+mCYwtiTwncjUbnRK9R1JmkNfdmHyDXuWN3ibJAt0wsqTbLQ==",
       "peer": true,
       "requires": {
-        "lib0": "^0.2.86"
+        "lib0": "^0.2.98"
       }
     }
   }
diff --git a/examples/react-rich/src/App.tsx b/examples/react-rich/src/App.tsx
index 206d5624c19..8c16e827171 100644
--- a/examples/react-rich/src/App.tsx
+++ b/examples/react-rich/src/App.tsx
@@ -16,6 +16,7 @@ import {
   $isTextNode,
   DOMConversionMap,
   DOMExportOutput,
+  DOMExportOutputMap,
   Klass,
   LexicalEditor,
   LexicalNode,
@@ -53,7 +54,7 @@ const removeStylesExportDOM = (
   return output;
 };
 
-const exportMap = new Map<
+const exportMap: DOMExportOutputMap = new Map<
   Klass<LexicalNode>,
   (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput
 >([

From 79a2e1542bbb3592feb31434e34182f621bfb98e Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Thu, 14 Nov 2024 15:21:29 +0000
Subject: [PATCH 090/133] Link flow types (#6833)

---
 packages/lexical-link/flow/LexicalLink.js.flow | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-link/flow/LexicalLink.js.flow b/packages/lexical-link/flow/LexicalLink.js.flow
index 6c9a441f7ad..cab496485ac 100644
--- a/packages/lexical-link/flow/LexicalLink.js.flow
+++ b/packages/lexical-link/flow/LexicalLink.js.flow
@@ -13,13 +13,22 @@ import type {
   NodeKey,
   RangeSelection,
   LexicalCommand,
+  SerializedElementNode,
 } from 'lexical';
 import {addClassNamesToElement} from '@lexical/utils';
 import {$isElementNode, ElementNode} from 'lexical';
-export type LinkAttributes = {
+export type LinkAttributes = $ReadOnly<{
   rel?: null | string,
   target?: null | string,
   title?: null | string,
+}>;
+export type SerializedLinkNode = {
+  ...SerializedElementNode,
+  rel?: null | string,
+  target?: null | string,
+  title?: null | string,
+  url: string,
+  ...
 };
 declare export class LinkNode extends ElementNode {
   __url: string;
@@ -36,6 +45,7 @@ declare export class LinkNode extends ElementNode {
     config: EditorConfig,
   ): boolean;
   static importDOM(): DOMConversionMap | null;
+  exportJSON(): SerializedLinkNode;
   getURL(): string;
   setURL(url: string): void;
   getTarget(): null | string;
@@ -60,6 +70,11 @@ declare export function $createLinkNode(
 declare export function $isLinkNode(
   node: ?LexicalNode,
 ): node is LinkNode;
+export type SerializedAutoLinkNode = {
+  ...SerializedLinkNode,
+  isUnlinked: boolean,
+  ...
+};
 declare export class AutoLinkNode extends LinkNode {
   static getType(): string;
   // $FlowFixMe clone method inheritance

From 14a4154389f1b27075a440b1a578d5ceedef0293 Mon Sep 17 00:00:00 2001
From: Maksim Horbachevsky <fantactuka@gmail.com>
Date: Thu, 14 Nov 2024 16:11:19 -0500
Subject: [PATCH 091/133] Prevent initial value fn to be called on rerender
 (#6835)

---
 packages/lexical-react/src/useLexicalSubscription.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-react/src/useLexicalSubscription.tsx b/packages/lexical-react/src/useLexicalSubscription.tsx
index c8230c40033..9cd3eda81f4 100644
--- a/packages/lexical-react/src/useLexicalSubscription.tsx
+++ b/packages/lexical-react/src/useLexicalSubscription.tsx
@@ -29,8 +29,10 @@ export function useLexicalSubscription<T>(
     () => subscription(editor),
     [editor, subscription],
   );
-  const valueRef = useRef<T>(initializedSubscription.initialValueFn());
-  const [value, setValue] = useState<T>(valueRef.current);
+  const [value, setValue] = useState<T>(() =>
+    initializedSubscription.initialValueFn(),
+  );
+  const valueRef = useRef<T>(value);
   useLayoutEffect(() => {
     const {initialValueFn, subscribe} = initializedSubscription;
     const currentValue = initialValueFn();

From 12fe9aa15c7b0dc76eb6af8b3018ef32c8867fd4 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Fri, 15 Nov 2024 09:58:13 -0800
Subject: [PATCH 092/133] [lexical-table] Bug Fix: Fix down arrow key handling
 in TableObserver (#6839)

---
 .../lexical-table/src/LexicalTableSelectionHelpers.ts     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index f629d1feb0d..740af8e121f 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -782,8 +782,14 @@ export function applyTableHandlers(
             const firstCell = firstRow.getFirstChild();
             if (
               $isTableCellNode(firstCell) &&
-              !$findMatchingParent(anchorCell, (node) => node.is(firstCell))
+              tableNode.is(
+                $findMatchingParent(
+                  anchorCell,
+                  (node) => node.is(tableNode) || node.is(firstCell),
+                ),
+              )
             ) {
+              // The selection moved to the table, but not in the first cell
               firstCell.selectStart();
               return true;
             }

From e2396e441e48d87c8114dd8a41ae89892a79108d Mon Sep 17 00:00:00 2001
From: Oluwasanya Olaoluwa <vantageola4@gmail.com>
Date: Fri, 15 Nov 2024 20:18:02 +0100
Subject: [PATCH 093/133] [lexical-link] Test:  Removing link from
 node(children) (#6817)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 .../__tests__/unit/LexicalLinkNode.test.ts    | 68 +++++++++++++++++++
 .../lexical/src/__tests__/utils/index.tsx     |  2 +
 2 files changed, 70 insertions(+)

diff --git a/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts b/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts
index 3ad6cbad8b8..94582207ffc 100644
--- a/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts
+++ b/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts
@@ -13,7 +13,10 @@ import {
   LinkNode,
   SerializedLinkNode,
 } from '@lexical/link';
+import {$createMarkNode, $isMarkNode} from '@lexical/mark';
 import {
+  $createParagraphNode,
+  $createTextNode,
   $getRoot,
   $selectAll,
   ParagraphNode,
@@ -409,5 +412,70 @@ describe('LexicalLinkNode tests', () => {
       const link = paragraph.children[0] as SerializedLinkNode;
       expect(link.title).toBe('Lexical Website');
     });
+
+    test('$toggleLink correctly removes link when textnode has children(like marknode)', async () => {
+      const {editor} = testEnv;
+      await editor.update(() => {
+        const paragraph = $createParagraphNode();
+        const precedingText = $createTextNode('some '); // space after
+        const textNode = $createTextNode('text');
+
+        paragraph.append(precedingText, textNode);
+
+        const linkNode = $createLinkNode('https://example.com/foo', {
+          rel: 'noreferrer',
+        });
+        textNode.insertAfter(linkNode);
+        linkNode.append(textNode);
+
+        const markNode = $createMarkNode(['knetk']);
+        textNode.insertBefore(markNode);
+        markNode.append(textNode);
+        $getRoot().append(paragraph);
+      });
+
+      editor.read(() => {
+        const paragraph = $getRoot().getFirstChild() as ParagraphNode;
+        const [textNode, linkNode] = paragraph.getChildren();
+
+        // Check first text node
+        expect(textNode.getTextContent()).toBe('some ');
+
+        // Check link node and its nested structure
+        if ($isLinkNode(linkNode)) {
+          expect(linkNode.getURL()).toBe('https://example.com/foo');
+          expect(linkNode.getRel()).toBe('noreferrer');
+
+          // Check mark node nested inside link
+          const markNode = linkNode.getFirstChild();
+          if ($isMarkNode(markNode)) {
+            expect(markNode.getType()).toBe('mark');
+            expect(markNode.getIDs()).toEqual(['knetk']);
+            expect(markNode.getTextContent()).toBe('text');
+          }
+        }
+      });
+
+      await editor.update(() => {
+        $selectAll();
+        $toggleLink(null);
+      });
+
+      // Verify structure after link removal
+      editor.read(() => {
+        const paragraph = $getRoot().getFirstChild() as ParagraphNode;
+        const [textNode, markNode] = paragraph.getChildren();
+
+        // Check text node remains unchanged
+        expect(textNode.getTextContent()).toBe('some ');
+
+        // Check mark node is preserved and moved up to paragraph level
+        if ($isMarkNode(markNode)) {
+          expect(markNode.getType()).toBe('mark');
+          expect(markNode.getIDs()).toEqual(['knetk']);
+          expect(markNode.getTextContent()).toBe('text');
+        }
+      });
+    });
   });
 });
diff --git a/packages/lexical/src/__tests__/utils/index.tsx b/packages/lexical/src/__tests__/utils/index.tsx
index dff3b2adaee..4bb096f874d 100644
--- a/packages/lexical/src/__tests__/utils/index.tsx
+++ b/packages/lexical/src/__tests__/utils/index.tsx
@@ -11,6 +11,7 @@ import {HashtagNode} from '@lexical/hashtag';
 import {createHeadlessEditor} from '@lexical/headless';
 import {AutoLinkNode, LinkNode} from '@lexical/link';
 import {ListItemNode, ListNode} from '@lexical/list';
+import {MarkNode} from '@lexical/mark';
 import {OverflowNode} from '@lexical/overflow';
 import {
   InitialConfigType,
@@ -486,6 +487,7 @@ const DEFAULT_NODES: NonNullable<InitialConfigType['nodes']> = [
   TestInlineElementNode,
   TestShadowRootNode,
   TestTextNode,
+  MarkNode,
 ];
 
 export function TestComposer({

From ab758a701e4f74cebfa1ebc71aa34061d8052083 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9E=84=EB=8F=99=ED=98=84=28Ivan=29?=
 <79711744+ivaaaaann@users.noreply.github.com>
Date: Mon, 18 Nov 2024 12:43:22 +0900
Subject: [PATCH 094/133] [lexical-react] Fix(lexical-react): ContentEditable
 props type rename (#6837)

---
 .../lexical-react/src/LexicalContentEditable.tsx    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-react/src/LexicalContentEditable.tsx b/packages/lexical-react/src/LexicalContentEditable.tsx
index 657ba4fed3a..0463ffb4a7a 100644
--- a/packages/lexical-react/src/LexicalContentEditable.tsx
+++ b/packages/lexical-react/src/LexicalContentEditable.tsx
@@ -15,7 +15,7 @@ import {forwardRef, Ref, useLayoutEffect, useState} from 'react';
 import {ContentEditableElement} from './shared/LexicalContentEditableElement';
 import {useCanShowPlaceholder} from './shared/useCanShowPlaceholder';
 
-export type Props = Omit<ElementProps, 'editor'> &
+export type ContentEditableProps = Omit<ElementProps, 'editor'> &
   (
     | {
         'aria-placeholder'?: void;
@@ -29,10 +29,19 @@ export type Props = Omit<ElementProps, 'editor'> &
       }
   );
 
+/**
+ * @deprecated This type has been renamed to `ContentEditableProps` to provide a clearer and more descriptive name.
+ * For backward compatibility, this type is still exported as `Props`, but it is recommended to migrate to using `ContentEditableProps` instead.
+ *
+ * @note This alias is maintained for compatibility purposes but may be removed in future versions.
+ * Please update your codebase to use `ContentEditableProps` to ensure long-term maintainability.
+ */
+export type Props = ContentEditableProps;
+
 export const ContentEditable = forwardRef(ContentEditableImpl);
 
 function ContentEditableImpl(
-  props: Props,
+  props: ContentEditableProps,
   ref: Ref<HTMLDivElement>,
 ): JSX.Element {
   const {placeholder, ...rest} = props;

From 29928b03057123e1dee2a8d2fbc2977bbd24c3f6 Mon Sep 17 00:00:00 2001
From: Hadi Hamid <113849746+hadiham@users.noreply.github.com>
Date: Mon, 18 Nov 2024 01:24:32 -0500
Subject: [PATCH 095/133] [lexical-utils] Bug Fix: Add missing Flow type
 declarations (#6841)

---
 .../lexical-utils/flow/LexicalUtils.js.flow   | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/packages/lexical-utils/flow/LexicalUtils.js.flow b/packages/lexical-utils/flow/LexicalUtils.js.flow
index 5bdb9c29815..3f73f5a1db9 100644
--- a/packages/lexical-utils/flow/LexicalUtils.js.flow
+++ b/packages/lexical-utils/flow/LexicalUtils.js.flow
@@ -48,6 +48,9 @@ declare export function $getNextSiblingOrParentSibling(
   node: LexicalNode,
 ): null | [LexicalNode, number];
 declare export function $getDepth(node: LexicalNode): number;
+declare export function $getNextRightPreorderNode(
+  startingNode: LexicalNode,
+): LexicalNode | null;
 declare export function $getNearestNodeOfType<T: LexicalNode>(
   node: LexicalNode,
   klass: Class<T>,
@@ -90,7 +93,23 @@ declare export function $wrapNodeInElement(
   createElementNode: () => ElementNode,
 ): ElementNode;
 
+declare export function objectKlassEquals<T>(
+  object: mixed,
+  objectClass: Class<T>,
+): boolean;
+
+declare export function $filter<T>(
+  nodes: Array<LexicalNode>,
+  filterFn: (node: LexicalNode) => null | T,
+): Array<T>;
+
+declare export function $insertFirst(parent: ElementNode, node: LexicalNode): void;
+
 declare export function $splitNode(
   node: ElementNode,
   offset: number,
 ): [ElementNode | null, ElementNode];
+
+declare export function calculateZoomLevel(element: Element | null): number;
+
+declare export function $isEditorIsNestedEditor(editor: LexicalEditor): boolean;

From 80b0b8987238e17ac1f906640f8d6cacc795bf58 Mon Sep 17 00:00:00 2001
From: Syed Umar Anis <umaranis@users.noreply.github.com>
Date: Wed, 20 Nov 2024 11:19:32 +1100
Subject: [PATCH 096/133] Table Action Menu - fix UI issue with Merge Cells
 item (#6830)

---
 .../src/plugins/TableActionMenuPlugin/index.tsx               | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
index 43f1f8aa5d2..2a3fc2bdff1 100644
--- a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
@@ -472,7 +472,7 @@ function TableActionMenu({
           className="item"
           onClick={() => mergeTableCellsAtSelection()}
           data-test-id="table-merge-cells">
-          Merge cells
+          <span className="text">Merge cells</span>
         </button>
       );
     } else if (canUnmergeCell) {
@@ -482,7 +482,7 @@ function TableActionMenu({
           className="item"
           onClick={() => unmergeTableCellsAtSelection()}
           data-test-id="table-unmerge-cells">
-          Unmerge cells
+          <span className="text">Unmerge cells</span>
         </button>
       );
     }

From ff626bc56ca7d62d64349ffb8fd403ee7ecc68f7 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Wed, 20 Nov 2024 15:54:52 +0800
Subject: [PATCH 097/133] [*] Chore: npm upgrade cross-spawn (#6848)

---
 package-lock.json | 104 +++++++++++++++++++++++++---------------------
 1 file changed, 56 insertions(+), 48 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b147a804740..25e868bc531 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13159,10 +13159,11 @@
       }
     },
     "node_modules/cross-env/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -14257,10 +14258,11 @@
       }
     },
     "node_modules/default-browser/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -17657,10 +17659,11 @@
       "dev": true
     },
     "node_modules/eslint/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -18157,9 +18160,10 @@
       }
     },
     "node_modules/execa/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -18874,10 +18878,11 @@
       }
     },
     "node_modules/foreground-child/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -28570,10 +28575,11 @@
       }
     },
     "node_modules/npm-run-all/node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "nice-try": "^1.0.4",
         "path-key": "^2.0.1",
@@ -28716,10 +28722,11 @@
       }
     },
     "node_modules/nypm/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -31655,9 +31662,10 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
     "node_modules/react-dev-utils/node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -48500,9 +48508,9 @@
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "dev": true,
           "requires": {
             "path-key": "^3.1.0",
@@ -49223,9 +49231,9 @@
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "dev": true,
           "requires": {
             "path-key": "^3.1.0",
@@ -51248,9 +51256,9 @@
           "dev": true
         },
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "dev": true,
           "requires": {
             "path-key": "^3.1.0",
@@ -51895,9 +51903,9 @@
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "requires": {
             "path-key": "^3.1.0",
             "shebang-command": "^2.0.0",
@@ -52412,9 +52420,9 @@
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "dev": true,
           "requires": {
             "path-key": "^3.1.0",
@@ -58850,9 +58858,9 @@
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "6.0.5",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "version": "6.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+          "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
           "dev": true,
           "requires": {
             "nice-try": "^1.0.4",
@@ -58953,9 +58961,9 @@
       },
       "dependencies": {
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "dev": true,
           "requires": {
             "path-key": "^3.1.0",
@@ -60905,9 +60913,9 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+          "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
           "requires": {
             "path-key": "^3.1.0",
             "shebang-command": "^2.0.0",

From 93b756ba302c6552fe8d71b77a8062a68e2c95de Mon Sep 17 00:00:00 2001
From: Fadekemi Adebayo <82163647+Shopiley@users.noreply.github.com>
Date: Wed, 20 Nov 2024 16:45:18 +0100
Subject: [PATCH 098/133] [lexical-link] Test: Appending inline element nodes
 to ListNode  (#6826)

---
 .../__tests__/unit/LexicalListNode.test.ts    | 42 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-list/src/__tests__/unit/LexicalListNode.test.ts b/packages/lexical-list/src/__tests__/unit/LexicalListNode.test.ts
index 6abcbbd4cb7..18c7010d56b 100644
--- a/packages/lexical-list/src/__tests__/unit/LexicalListNode.test.ts
+++ b/packages/lexical-list/src/__tests__/unit/LexicalListNode.test.ts
@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import {ParagraphNode, TextNode} from 'lexical';
+import {$createLinkNode, $isLinkNode, LinkNode} from '@lexical/link';
+import {$getRoot, ParagraphNode, TextNode} from 'lexical';
 import {initializeUnitTest} from 'lexical/src/__tests__/utils';
 
 import {
@@ -260,6 +261,45 @@ describe('LexicalListNode tests', () => {
       });
     });
 
+    test('ListNode.append() should wrap an InlineNode in a ListItemNode without converting it to TextNode', async () => {
+      const {editor} = testEnv;
+
+      await editor.update(() => {
+        const listNode = $createListNode('bullet', 1);
+        const linkNode = $createLinkNode('https://lexical.dev/');
+
+        listNode.append(linkNode);
+
+        const root = $getRoot();
+        root.append(listNode);
+      });
+
+      editor.read(() => {
+        const root = $getRoot();
+
+        const listNode = root.getFirstChild();
+        expect(listNode).not.toBeNull();
+        expect($isListNode(listNode)).toBe(true);
+
+        if ($isListNode(listNode)) {
+          const firstChild = listNode.getFirstChild();
+          expect($isListItemNode(firstChild)).toBe(true);
+
+          if ($isListItemNode(firstChild)) {
+            const wrappedNode = firstChild?.getFirstChild();
+            expect(wrappedNode).not.toBeNull();
+            expect($isLinkNode(wrappedNode)).toBe(true);
+
+            expect((wrappedNode as LinkNode).getURL()).toBe(
+              'https://lexical.dev/',
+            );
+          } else {
+            expect($isListItemNode(firstChild)).toBe(true);
+          }
+        }
+      });
+    });
+
     test('$createListNode()', async () => {
       const {editor} = testEnv;
 

From b73bfc3c161a67caf168d29dc7a0ff67391bd629 Mon Sep 17 00:00:00 2001
From: Dani Lauzurica <37160556+dani-lp@users.noreply.github.com>
Date: Thu, 21 Nov 2024 02:00:47 +0100
Subject: [PATCH 099/133] [Lexical] Bug Fix: backspace bug when deleting nodes
 with `canInsertTextAfter` set to false (#6268)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 packages/lexical/src/LexicalEvents.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/lexical/src/LexicalEvents.ts b/packages/lexical/src/LexicalEvents.ts
index 4a177d19498..b6c46fbdeeb 100644
--- a/packages/lexical/src/LexicalEvents.ts
+++ b/packages/lexical/src/LexicalEvents.ts
@@ -591,14 +591,20 @@ function onBeforeInput(event: InputEvent, editor: LexicalEditor): void {
           // Chromium Android at the moment seems to ignore the preventDefault
           // on 'deleteContentBackward' and still deletes the content. Which leads
           // to multiple deletions. So we let the browser handle the deletion in this case.
-          const selectedNodeText = selection.anchor.getNode().getTextContent();
+          const selectedNode = selection.anchor.getNode();
+          const selectedNodeText = selectedNode.getTextContent();
+          // When the target node has `canInsertTextAfter` set to false, the first deletion
+          // doesn't have an effect, so we need to handle it with Lexical.
+          const selectedNodeCanInsertTextAfter =
+            selectedNode.canInsertTextAfter();
           const hasSelectedAllTextInNode =
             selection.anchor.offset === 0 &&
             selection.focus.offset === selectedNodeText.length;
           const shouldLetBrowserHandleDelete =
             IS_ANDROID_CHROME &&
             isSelectionAnchorSameAsFocus &&
-            !hasSelectedAllTextInNode;
+            !hasSelectedAllTextInNode &&
+            selectedNodeCanInsertTextAfter;
           if (!shouldLetBrowserHandleDelete) {
             dispatchCommand(editor, DELETE_CHARACTER_COMMAND, true);
           }

From d12586c68b653efd02c732af8141c87f000e644e Mon Sep 17 00:00:00 2001
From: Sachin Mahato <93040506+Sachin-Mahato@users.noreply.github.com>
Date: Fri, 22 Nov 2024 11:26:28 +0530
Subject: [PATCH 100/133] Feature: Deprecate $nodesOfType function (#6855)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 packages/lexical/src/LexicalUtils.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index a4a3af63118..dc3baa6fd4f 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1148,7 +1148,9 @@ export function setMutatedNode(
     mutatedNodesByType.set(nodeKey, isMove ? 'updated' : mutation);
   }
 }
-
+/**
+ * @deprecated Use {@link LexicalEditor.registerMutationListener} with `skipInitialization: false` instead.
+ */
 export function $nodesOfType<T extends LexicalNode>(klass: Klass<T>): Array<T> {
   const klassType = klass.getType();
   const editorState = getActiveEditorState();

From fe4f5b8cb408476f39d6689ae8886be1d1322df1 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Fri, 22 Nov 2024 16:36:48 +0800
Subject: [PATCH 101/133] [__tests__] npm upgrade cross-spawn (#6856)

---
 .../lexical-esm-astro-react/package-lock.json | 368 ++++++++++--------
 1 file changed, 207 insertions(+), 161 deletions(-)

diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json
index 26ccfd3cdc4..6432ca3af37 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package-lock.json
@@ -1,21 +1,21 @@
 {
   "name": "lexical-esm-astro-react",
-  "version": "0.17.1",
+  "version": "0.20.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lexical-esm-astro-react",
-      "version": "0.17.1",
+      "version": "0.20.0",
       "dependencies": {
         "@astrojs/check": "^0.9.3",
         "@astrojs/react": "^3.1.0",
-        "@lexical/react": "0.17.1",
-        "@lexical/utils": "0.17.1",
+        "@lexical/react": "0.20.0",
+        "@lexical/utils": "0.20.0",
         "@types/react": "^18.2.66",
         "@types/react-dom": "^18.2.22",
         "astro": "^4.5.4",
-        "lexical": "0.17.1",
+        "lexical": "0.20.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.2"
@@ -993,38 +993,41 @@
       }
     },
     "node_modules/@lexical/clipboard": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.17.1.tgz",
-      "integrity": "sha512-OVqnEfWX8XN5xxuMPo6BfgGKHREbz++D5V5ISOiml0Z8fV/TQkdgwqbBJcUdJHGRHWSUwdK7CWGs/VALvVvZyw==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/clipboard/-/clipboard-0.20.0.tgz",
+      "integrity": "sha512-oHmb9kSVHjeFCd2q8VrEXW22doUHMJ6cGXqo7Ican7Ljl4/9OgRWr+cq55yntoSaJfCrRYkTiZCLDejF2ciSiA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/html": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/code": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.17.1.tgz",
-      "integrity": "sha512-ZspfTm6g6dN3nAb4G5bPp3SqxzdkB/bjGfa0uRKMU6/eBKtrMUgZsGxt0a8JRZ1eq2TZrQhx+l1ceRoLXii/bQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/code/-/code-0.20.0.tgz",
+      "integrity": "sha512-zFsVGuzIn4CQxEnlW4AG/Hq6cyATVZ4fZTxozE/f5oK4vDPvnY/goRxrzSuAMX73A/HRX3kTEzMDcm4taRM3Mg==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0",
         "prismjs": "^1.27.0"
       }
     },
     "node_modules/@lexical/devtools-core": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.17.1.tgz",
-      "integrity": "sha512-SzL1EX9Rt5GptIo87t6nDxAc9TtYtl6DyAPNz/sCltspdd69KQgs23sTRa26/tkNFCS1jziRN7vpN3mlnmm5wA==",
-      "dependencies": {
-        "@lexical/html": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/devtools-core/-/devtools-core-0.20.0.tgz",
+      "integrity": "sha512-/CnL+Dfpzw4koy2BTdUICkvrCkMIYG8Y73KB/S1Bt5UzJpD+PV300puWJ0NvUvAj24H78r73jxvK2QUG67Tdaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lexical/html": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -1032,133 +1035,145 @@
       }
     },
     "node_modules/@lexical/dragon": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.17.1.tgz",
-      "integrity": "sha512-lhBRKP7RlhiVCLtF0qiNqmMhEO6cQB43sMe7d4bvuY1G2++oKY/XAJPg6QJZdXRrCGRQ6vZ26QRNhRPmCxL5Ng==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/dragon/-/dragon-0.20.0.tgz",
+      "integrity": "sha512-3DAHF8mSKiPZtXCqu2P8ynSwS3fGXzg4G/V0lXNjBxhmozjzUzWZRWIWtmTlWdEu9GXsoyeM3agcaxyDPJJwkA==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/hashtag": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.17.1.tgz",
-      "integrity": "sha512-XtP0BI8vEewAe7tzq9MC49UPUvuChuNJI/jqFp+ezZlt/RUq0BClQCOPuSlrTJhluvE2rWnUnOnVMk8ILRvggQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/hashtag/-/hashtag-0.20.0.tgz",
+      "integrity": "sha512-ldOP/d9tA6V9qvLyr3mRYkcYY5ySOHJ2BFOW/jZPxQcj6lWafS8Lk7XdMUpHHDjRpY2Hizsi5MHJkIqFglYXbw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/history": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.17.1.tgz",
-      "integrity": "sha512-OU/ohajz4FXchUhghsWC7xeBPypFe50FCm5OePwo767G7P233IztgRKIng2pTT4zhCPW7S6Mfl53JoFHKehpWA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/history/-/history-0.20.0.tgz",
+      "integrity": "sha512-dXtIS31BU6RmLX2KwLAi1EgGl+USeyi+rshh19azACXHPFqONZgPd2t21LOLSFn7C1/W+cSp/kqVDlQVbZUZRA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/html": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.17.1.tgz",
-      "integrity": "sha512-yGG+K2DXl7Wn2DpNuZ0Y3uCHJgfHkJN3/MmnFb4jLnH1FoJJiuy7WJb/BRRh9H+6xBJ9v70iv+kttDJ0u1xp5w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/html/-/html-0.20.0.tgz",
+      "integrity": "sha512-ob7QHkEv+mhaZjlurDj90UmEyN9G4rzBPR5QV42PLnu1qMSviMEdI5V3a5/A5aFf/FDDQ+0GAgWBFnA/MEDczQ==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/link": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.17.1.tgz",
-      "integrity": "sha512-qFJEKBesZAtR8kfJfIVXRFXVw6dwcpmGCW7duJbtBRjdLjralOxrlVKyFhW9PEXGhi4Mdq2Ux16YnnDncpORdQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/link/-/link-0.20.0.tgz",
+      "integrity": "sha512-zicDcfgRZPRFZ8WOZv5er0Aqkde+i7QoFVkLQD4dNLLORjoMSJOISJH6VEdjBl3k7QJTxbfrt+xT5d/ZsAN5GA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/list": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.17.1.tgz",
-      "integrity": "sha512-k9ZnmQuBvW+xVUtWJZwoGtiVG2cy+hxzkLGU4jTq1sqxRIoSeGcjvhFAK8JSEj4i21SgkB1FmkWXoYK5kbwtRA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/list/-/list-0.20.0.tgz",
+      "integrity": "sha512-ufSse8ui3ooUe0HA/yF/9STrG8wYhIDLMRhELOw80GFCkPJaxs6yRvjfmJooH5IC88rpUJ5XXFFiZKfGxEZLEw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/mark": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.17.1.tgz",
-      "integrity": "sha512-V82SSRjvygmV+ZMwVpy5gwgr2ZDrJpl3TvEDO+G5I4SDSjbgvua8hO4dKryqiDVlooxQq9dsou0GrZ9Qtm6rYg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/mark/-/mark-0.20.0.tgz",
+      "integrity": "sha512-1P2izmkgZ4VDp+49rWO1KfWivL5aA30y5kkYbFZ/CS05fgbO7ogMjLSajpz+RN/zzW79v3q4YfikrMgaD23InA==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/markdown": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.17.1.tgz",
-      "integrity": "sha512-uexR9snyT54jfQTrbr/GZAtzX+8Oyykr4p1HS0vCVL1KU5MDuP2PoyFfOv3rcfB2TASc+aYiINhU2gSXzwCHNg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/markdown/-/markdown-0.20.0.tgz",
+      "integrity": "sha512-ZoGsECejp9z6MEvc8l81b1h1aWbB3sTq6xOFeUTbDL5vKpA67z5CmQQLi0uZWrygrbO9dSE3Q/JGcodUrczxbw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/text": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/code": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/offset": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.17.1.tgz",
-      "integrity": "sha512-fX0ZSIFWwUKAjxf6l21vyXFozJGExKWyWxA+EMuOloNAGotHnAInxep0Mt8t/xcvHs7luuyQUxEPw7YrTJP7aw==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/offset/-/offset-0.20.0.tgz",
+      "integrity": "sha512-VMhxsxxDGnpVw0jgC8UlDf0Q2RHIHbS49uZgs3l9nP+O+G8s3b76Ta4Tb+iJOK2FY6874/TcQMbSuXGhfpQk8A==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/overflow": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.17.1.tgz",
-      "integrity": "sha512-oElVDq486R3rO2+Zz0EllXJGpW3tN0tfcH+joZ5h36+URKuNeKddqkJuDRvgSLOr9l8Jhtv3+/YKduPJVKMz6w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/overflow/-/overflow-0.20.0.tgz",
+      "integrity": "sha512-z4lElzLm1FVifc7bzBZN4VNKeTuwygpyHQvCJVWXzF2Kbvex43PEYMi8u4A83idVqbmzbyBLASwUJS0voLoPLw==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/plain-text": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.17.1.tgz",
-      "integrity": "sha512-CSvi4j1a4ame0OAvOKUCCmn2XrNsWcST4lExGTa9Ei/VIh8IZ+a97h4Uby8T3lqOp10x+oiizYWzY30pb9QaBg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/plain-text/-/plain-text-0.20.0.tgz",
+      "integrity": "sha512-LvoC+9mm2Im1iO8GgtgaqSfW0T3mIE5GQl1xGxbVNdANmtHmBgRAJn2KfQm1XHZP6zydLRMhZkzC+jfInh2yfQ==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/react": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.17.1.tgz",
-      "integrity": "sha512-DI4k25tO0E1WyozrjaLgKMOmLjOB7+39MT4eZN9brPlU7g+w0wzdGbTZUPgPmFGIKPK+MSLybCwAJCK97j8HzQ==",
-      "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/code": "0.17.1",
-        "@lexical/devtools-core": "0.17.1",
-        "@lexical/dragon": "0.17.1",
-        "@lexical/hashtag": "0.17.1",
-        "@lexical/history": "0.17.1",
-        "@lexical/link": "0.17.1",
-        "@lexical/list": "0.17.1",
-        "@lexical/mark": "0.17.1",
-        "@lexical/markdown": "0.17.1",
-        "@lexical/overflow": "0.17.1",
-        "@lexical/plain-text": "0.17.1",
-        "@lexical/rich-text": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "@lexical/text": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "@lexical/yjs": "0.17.1",
-        "lexical": "0.17.1",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/react/-/react-0.20.0.tgz",
+      "integrity": "sha512-5QbN5AFtZ9efXxU/M01ADhUZgthR0e8WKi5K/w5EPpWtYFDPQnUte3rKUjYJ7uwG1iwcvaCpuMbxJjHQ+i6pDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/code": "0.20.0",
+        "@lexical/devtools-core": "0.20.0",
+        "@lexical/dragon": "0.20.0",
+        "@lexical/hashtag": "0.20.0",
+        "@lexical/history": "0.20.0",
+        "@lexical/link": "0.20.0",
+        "@lexical/list": "0.20.0",
+        "@lexical/mark": "0.20.0",
+        "@lexical/markdown": "0.20.0",
+        "@lexical/overflow": "0.20.0",
+        "@lexical/plain-text": "0.20.0",
+        "@lexical/rich-text": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "@lexical/text": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "@lexical/yjs": "0.20.0",
+        "lexical": "0.20.0",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -1167,59 +1182,67 @@
       }
     },
     "node_modules/@lexical/rich-text": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.17.1.tgz",
-      "integrity": "sha512-T3kvj4P1OpedX9jvxN3WN8NP1Khol6mCW2ScFIRNRz2dsXgyN00thH1Q1J/uyu7aKyGS7rzcY0rb1Pz1qFufqQ==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/rich-text/-/rich-text-0.20.0.tgz",
+      "integrity": "sha512-BR1pACdMA+Ymef0f5EN1y+9yP8w7S+9MgmBP1yjr3w4KdqRnfSaGWyxwcHU8eA+zu16QfivpB6501VJ90YeuXw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/selection": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.17.1.tgz",
-      "integrity": "sha512-qBKVn+lMV2YIoyRELNr1/QssXx/4c0id9NCB/BOuYlG8du5IjviVJquEF56NEv2t0GedDv4BpUwkhXT2QbNAxA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/selection/-/selection-0.20.0.tgz",
+      "integrity": "sha512-YnkH5UCMNN/em95or/6uwAV31vcENh1Roj+JOg5KD+gJuA7VGdDCy0vZl/o0+1badXozeZ2VRxXNC6JSK7T4+A==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/table": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.17.1.tgz",
-      "integrity": "sha512-2fUYPmxhyuMQX3MRvSsNaxbgvwGNJpHaKx1Ldc+PT2MvDZ6ALZkfsxbi0do54Q3i7dOon8/avRp4TuVaCnqvoA==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/table/-/table-0.20.0.tgz",
+      "integrity": "sha512-qHuK2rvQUoQDx62YpvJE3Ev4yK9kjRFo79IDBapxrhoXg/wCGQOjMBzVD3G5PWkhyl/GDnww80GwYjLloQLQzg==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/clipboard": "0.20.0",
+        "@lexical/utils": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/text": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.17.1.tgz",
-      "integrity": "sha512-zD2pAGXaMfPpT8PeNrx3+n0+jGnQORHyn0NEBO+hnyacKfUq5z5sI6Gebsq5NwH789bRadmJM5LvX5w8fsuv6w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/text/-/text-0.20.0.tgz",
+      "integrity": "sha512-Fu64i5CIlEOlgucSdp9XFqB2XqoRsw4at76n93+6RF4+LgGDnu4nLXQVCVxNmLcGyh2WgczuTpnk5P2mHNAIUA==",
+      "license": "MIT",
       "dependencies": {
-        "lexical": "0.17.1"
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/utils": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.17.1.tgz",
-      "integrity": "sha512-jCQER5EsvhLNxKH3qgcpdWj/necUb82Xjp8qWQ3c0tyL07hIRm2tDRA/s9mQmvcP855HEZSmGVmR5SKtkcEAVg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/utils/-/utils-0.20.0.tgz",
+      "integrity": "sha512-sXIa2nowrNxY8VcjjuxZbJ/HovIql8bmInNaxBR03JAYfqMiL5I5/dYgjOQJV49NJnuR1uTY2GwVxVTXCTFUCw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.17.1",
-        "@lexical/selection": "0.17.1",
-        "@lexical/table": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/list": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "@lexical/table": "0.20.0",
+        "lexical": "0.20.0"
       }
     },
     "node_modules/@lexical/yjs": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.17.1.tgz",
-      "integrity": "sha512-9mn5PDtaH5uLMH6hQ59EAx5FkRzmJJFcVs3E6zSIbtgkG3UASR3CFEfgsLKTjl/GC5NnTGuMck+jXaupDVBhOg==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@lexical/yjs/-/yjs-0.20.0.tgz",
+      "integrity": "sha512-TiHNhu2VkhXN69V+fXVS3xjOQ6aLnheQUGwOAhuFkDPL3VLCb0yl2Mgydpayn+3Grwii4ZBHcF7oCC84GiU5bw==",
+      "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.17.1",
-        "lexical": "0.17.1"
+        "@lexical/offset": "0.20.0",
+        "@lexical/selection": "0.20.0",
+        "lexical": "0.20.0"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -2476,9 +2499,10 @@
       }
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -3456,6 +3480,7 @@
       "version": "0.2.5",
       "resolved": "https://registry.npmjs.org/isomorphic.js/-/isomorphic.js-0.2.5.tgz",
       "integrity": "sha512-PIeMbHqMt4DnUP3MA/Flc0HElYjMXArsw1qwJZcm9sqR8mq3l8NYizFMty0pWwE/tzIGH3EKK5+jes5mAr85yw==",
+      "license": "MIT",
       "peer": true,
       "funding": {
         "type": "GitHub Sponsors ❤",
@@ -3527,14 +3552,16 @@
       }
     },
     "node_modules/lexical": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.17.1.tgz",
-      "integrity": "sha512-72/MhR7jqmyqD10bmJw8gztlCm4KDDT+TPtU4elqXrEvHoO5XENi34YAEUD9gIkPfqSwyLa9mwAX1nKzIr5xEA=="
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/lexical/-/lexical-0.20.0.tgz",
+      "integrity": "sha512-lJEHLFACXqRf3u/VlIOu9T7MJ51O4la92uOBwiS9Sx+juDK3Nrru5Vgl1aUirV1qK8XEM3h6Org2HcrsrzZ3ZA==",
+      "license": "MIT"
     },
     "node_modules/lib0": {
-      "version": "0.2.97",
-      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.97.tgz",
-      "integrity": "sha512-Q4d1ekgvufi9FiHkkL46AhecfNjznSL9MRNoJRQ76gBHS9OqU2ArfQK0FvBpuxgWeJeNI0LVgAYMIpsGeX4gYg==",
+      "version": "0.2.98",
+      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.98.tgz",
+      "integrity": "sha512-XteTiNO0qEXqqweWx+b21p/fBnNHUA1NwAtJNJek1oPrewEZs2uiT4gWivHKr9GqCjDPAhchz0UQO8NwU3bBNA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "isomorphic.js": "^0.2.4"
@@ -5129,15 +5156,17 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.8.7",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
-      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "license": "MIT",
       "optional": true,
+      "peer": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=14"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
@@ -7516,6 +7545,22 @@
         "prettier": "2.8.7"
       }
     },
+    "node_modules/yaml-language-server/node_modules/prettier": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/yaml-language-server/node_modules/request-light": {
       "version": "0.5.8",
       "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.5.8.tgz",
@@ -7625,12 +7670,13 @@
       }
     },
     "node_modules/yjs": {
-      "version": "13.6.19",
-      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.19.tgz",
-      "integrity": "sha512-GNKw4mEUn5yWU2QPHRx8jppxmCm9KzbBhB4qJLUJFiiYD0g/tDVgXQ7aPkyh01YO28kbs2J/BEbWBagjuWyejw==",
+      "version": "13.6.20",
+      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.20.tgz",
+      "integrity": "sha512-Z2YZI+SYqK7XdWlloI3lhMiKnCdFCVC4PchpdO+mCYwtiTwncjUbnRK9R1JmkNfdmHyDXuWN3ibJAt0wsqTbLQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "lib0": "^0.2.86"
+        "lib0": "^0.2.98"
       },
       "engines": {
         "node": ">=16.0.0",

From d9014f328a92a3486fef2b345555c9772f1ec53c Mon Sep 17 00:00:00 2001
From: Fadekemi Adebayo <82163647+Shopiley@users.noreply.github.com>
Date: Sat, 23 Nov 2024 19:04:53 +0100
Subject: [PATCH 102/133] [Lexical] Chore: Update default skipInitialization to
 false for registerMutationListener (#6857)

---
 packages/lexical-website/docs/concepts/listeners.md | 2 +-
 packages/lexical/src/LexicalEditor.ts               | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/lexical-website/docs/concepts/listeners.md b/packages/lexical-website/docs/concepts/listeners.md
index 834db37c0bf..ef95f1c6d0b 100644
--- a/packages/lexical-website/docs/concepts/listeners.md
+++ b/packages/lexical-website/docs/concepts/listeners.md
@@ -84,7 +84,7 @@ handle external UI state and UI features relating to specific types of node.
 If any existing nodes are in the DOM, and skipInitialization is not true, the listener
 will be called immediately with an updateTag of 'registerMutationListener' where all
 nodes have the 'created' NodeMutation. This can be controlled with the skipInitialization option
-(default is currently true for backwards compatibility in 0.17.x but will change to false in 0.18.0).
+(whose default was previously true for backwards compatibility with &lt;=0.16.1 but has been changed to false as of 0.21.0).
 
 ```js
 const removeMutationListener = editor.registerMutationListener(
diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index 174b18cb62c..9223e571544 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -216,13 +216,13 @@ export interface MutationListenerOptions {
   /**
    * Skip the initial call of the listener with pre-existing DOM nodes.
    *
-   * The default is currently true for backwards compatibility with <= 0.16.1
-   * but this default is expected to change to false in 0.17.0.
+   * The default was previously true for backwards compatibility with <= 0.16.1
+   * but this default has been changed to false as of 0.21.0.
    */
   skipInitialization?: boolean;
 }
 
-const DEFAULT_SKIP_INITIALIZATION = true;
+const DEFAULT_SKIP_INITIALIZATION = false;
 
 export type UpdateListener = (arg0: {
   dirtyElements: Map<NodeKey, IntentionallyMarkedAsDirtyElement>;
@@ -844,7 +844,7 @@ export class LexicalEditor {
    * If any existing nodes are in the DOM, and skipInitialization is not true, the listener
    * will be called immediately with an updateTag of 'registerMutationListener' where all
    * nodes have the 'created' NodeMutation. This can be controlled with the skipInitialization option
-   * (default is currently true for backwards compatibility in 0.16.x but will change to false in 0.17.0).
+   * (whose default was previously true for backwards compatibility with &lt;=0.16.1 but has been changed to false as of 0.21.0).
    *
    * @param klass - The class of the node that you want to listen to mutations on.
    * @param listener - The logic you want to run when the node is mutated.

From fcb76667080c49d67148f480d549ed7dbf647e4e Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Sun, 24 Nov 2024 10:58:06 -0800
Subject: [PATCH 103/133] [lexical-table] Bug Fix: Resolve table selection
 issue when the mouse crosses over a portal (#6834)

---
 package-lock.json                             |  61 +-
 packages/lexical-clipboard/src/clipboard.ts   |   5 +-
 .../__tests__/e2e/Tables.spec.mjs             |   5 -
 .../4697-repeated-table-selection.spec.mjs    |   2 +
 .../__tests__/utils/index.mjs                 |  56 +-
 packages/lexical-playground/package.json      |   3 +-
 packages/lexical-playground/src/index.css     |  13 +-
 .../src/plugins/CommentPlugin/index.tsx       |   3 +-
 .../FloatingLinkEditorPlugin/index.tsx        |   3 +-
 .../FloatingTextFormatToolbarPlugin/index.tsx |   5 +-
 .../src/plugins/ImagesPlugin/index.tsx        |   5 +-
 .../src/plugins/InlineImagePlugin/index.tsx   |   5 +-
 .../plugins/TableActionMenuPlugin/index.tsx   | 154 ++--
 .../src/plugins/TestRecorderPlugin/index.tsx  |  13 +-
 packages/lexical-playground/src/setupEnv.ts   |   4 +
 packages/lexical-playground/vite.config.ts    |   2 +
 .../lexical-playground/vite.prod.config.ts    |   2 +
 .../viteCopyExcalidrawAssets.ts               |  56 ++
 .../src/LexicalTypeaheadMenuPlugin.tsx        |   3 +-
 .../lexical-table/flow/LexicalTable.js.flow   |  10 +-
 .../lexical-table/src/LexicalTableObserver.ts | 362 +++++-----
 .../src/LexicalTableSelection.ts              | 306 ++++----
 .../src/LexicalTableSelectionHelpers.ts       | 668 ++++++++++++------
 .../lexical-table/src/LexicalTableUtils.ts    | 126 +++-
 packages/lexical/src/LexicalEvents.ts         |   6 +-
 packages/lexical/src/LexicalUtils.ts          |   7 +
 packages/lexical/src/index.ts                 |   1 +
 packages/shared/viteModuleResolution.ts       |   3 +-
 28 files changed, 1252 insertions(+), 637 deletions(-)
 create mode 100644 packages/lexical-playground/viteCopyExcalidrawAssets.ts

diff --git a/package-lock.json b/package-lock.json
index 25e868bc531..99142fd872d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36908,6 +36908,38 @@
         "vite": "^2"
       }
     },
+    "node_modules/vite-plugin-static-copy": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-static-copy/-/vite-plugin-static-copy-2.1.0.tgz",
+      "integrity": "sha512-n8lEOIVM00Y/zronm0RG8RdPyFd0SAAFR0sii3NWmgG3PSCyYMsvUNRQTlb3onp1XeMrKIDwCrPGxthKvqX9OQ==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^3.5.3",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^11.1.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/vite-plugin-static-copy/node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
     "node_modules/vite/node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -39137,7 +39169,8 @@
         "@vitejs/plugin-react": "^4.2.1",
         "rollup-plugin-copy": "^3.5.0",
         "vite": "^5.2.11",
-        "vite-plugin-replace": "^0.1.1"
+        "vite-plugin-replace": "^0.1.1",
+        "vite-plugin-static-copy": "^2.1.0"
       }
     },
     "packages/lexical-react": {
@@ -56239,6 +56272,7 @@
         "rollup-plugin-copy": "^3.5.0",
         "vite": "^5.2.11",
         "vite-plugin-replace": "^0.1.1",
+        "vite-plugin-static-copy": "^2.1.0",
         "y-websocket": "^1.5.4",
         "yjs": ">=13.5.42"
       }
@@ -64710,6 +64744,31 @@
       "integrity": "sha512-v+okl3JNt2pf1jDYijw+WPVt6h9FWa/atTi+qnSFBqmKThLTDhlesx0r3bh+oFPmxRJmis5tNx9HtN6lGFoqWg==",
       "dev": true
     },
+    "vite-plugin-static-copy": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-static-copy/-/vite-plugin-static-copy-2.1.0.tgz",
+      "integrity": "sha512-n8lEOIVM00Y/zronm0RG8RdPyFd0SAAFR0sii3NWmgG3PSCyYMsvUNRQTlb3onp1XeMrKIDwCrPGxthKvqX9OQ==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^3.5.3",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^11.1.0",
+        "picocolors": "^1.0.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "11.2.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+          "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        }
+      }
+    },
     "vlq": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz",
diff --git a/packages/lexical-clipboard/src/clipboard.ts b/packages/lexical-clipboard/src/clipboard.ts
index 3de6860e998..9f9155be596 100644
--- a/packages/lexical-clipboard/src/clipboard.ts
+++ b/packages/lexical-clipboard/src/clipboard.ts
@@ -22,6 +22,7 @@ import {
   BaseSelection,
   COMMAND_PRIORITY_CRITICAL,
   COPY_COMMAND,
+  getDOMSelection,
   isSelectionWithinEditor,
   LexicalEditor,
   LexicalNode,
@@ -29,12 +30,8 @@ import {
   SerializedElementNode,
   SerializedTextNode,
 } from 'lexical';
-import {CAN_USE_DOM} from 'shared/canUseDOM';
 import invariant from 'shared/invariant';
 
-const getDOMSelection = (targetWindow: Window | null): Selection | null =>
-  CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
-
 export interface LexicalClipboardData {
   'text/html'?: string | undefined;
   'application/x-lexical-editor'?: string | undefined;
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index d9362c28aed..689897d45be 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -2274,7 +2274,6 @@ test.describe.parallel('Tables', () => {
         <p class="PlaygroundEditorTheme__paragraph"><br /></p>
       `,
     );
-
     await unmergeTableCell(page);
     await assertHTML(
       page,
@@ -3447,8 +3446,6 @@ test.describe.parallel('Tables', () => {
    </div>`,
     });
 
-    await page.pause();
-
     await assertHTML(
       page,
       html`
@@ -3537,8 +3534,6 @@ test.describe.parallel('Tables', () => {
      </div>`,
     });
 
-    await page.pause();
-
     await assertHTML(
       page,
       html`
diff --git a/packages/lexical-playground/__tests__/regression/4697-repeated-table-selection.spec.mjs b/packages/lexical-playground/__tests__/regression/4697-repeated-table-selection.spec.mjs
index 9711bab390b..00c34ff7c27 100644
--- a/packages/lexical-playground/__tests__/regression/4697-repeated-table-selection.spec.mjs
+++ b/packages/lexical-playground/__tests__/regression/4697-repeated-table-selection.spec.mjs
@@ -38,6 +38,7 @@ test.describe('Regression test #4697', () => {
         false,
         false,
       );
+      await page.pause();
 
       await selectCellsFromTableCords(
         page,
@@ -46,6 +47,7 @@ test.describe('Regression test #4697', () => {
         false,
         false,
       );
+      await page.pause();
 
       await assertTableSelectionCoordinates(page, {
         anchor: {x: 2, y: 1},
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index 9f43f61e5fd..b8b79e9e76c 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -396,7 +396,7 @@ async function assertSelectionOnPageOrFrame(page, expected) {
       focusOffset: fixOffset(focusNode, focusOffset),
       focusPath: getPathFromNode(focusNode),
     };
-  }, expected);
+  });
   expect(selection.anchorPath).toEqual(expected.anchorPath);
   expect(selection.focusPath).toEqual(expected.focusPath);
   if (Array.isArray(expected.anchorOffset)) {
@@ -738,9 +738,6 @@ export async function dragMouse(
     fromX += fromBoundingBox.width;
     fromY += fromBoundingBox.height;
   }
-  await page.mouse.move(fromX, fromY);
-  await page.mouse.down();
-
   let toX = toBoundingBox.x;
   let toY = toBoundingBox.y;
   if (positionEnd === 'middle') {
@@ -751,13 +748,9 @@ export async function dragMouse(
     toY += toBoundingBox.height;
   }
 
-  if (slow) {
-    //simulate more than 1 mouse move event to replicate human slow dragging
-    await page.mouse.move((fromX + toX) / 2, (fromY + toY) / 2);
-  }
-
-  await page.mouse.move(toX, toY);
-
+  await page.mouse.move(fromX, fromY);
+  await page.mouse.down();
+  await page.mouse.move(toX, toY, slow ? 10 : 1);
   if (mouseUp) {
     await page.mouse.up();
   }
@@ -907,72 +900,75 @@ export async function selectCellsFromTableCords(
     }:nth-child(${secondCords.x + 1})`,
   );
 
-  // Focus on inside the iFrame or the boundingBox() below returns null.
   await firstRowFirstColumnCell.click();
+  await page.keyboard.down('Shift');
+  await secondRowSecondCell.click();
+  await page.keyboard.up('Shift');
 
-  await dragMouse(
+  // const firstBox = await firstRowFirstColumnCell.boundingBox();
+  // const secondBox = await secondRowSecondCell.boundingBox();
+  // await dragMouse(page, firstBox, secondBox, 'middle', 'middle', true, true);
+}
+
+export async function clickTableCellActiveButton(page) {
+  await click(
     page,
-    await firstRowFirstColumnCell.boundingBox(),
-    await secondRowSecondCell.boundingBox(),
-    'middle',
-    'middle',
-    true,
-    true,
+    '.table-cell-action-button-container--active > .table-cell-action-button',
   );
 }
 
 export async function insertTableRowAbove(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-insert-row-above"]');
 }
 
 export async function insertTableRowBelow(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-insert-row-below"]');
 }
 
 export async function insertTableColumnBefore(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-insert-column-before"]');
 }
 
 export async function insertTableColumnAfter(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-insert-column-after"]');
 }
 
 export async function mergeTableCells(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-merge-cells"]');
 }
 
 export async function unmergeTableCell(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-unmerge-cells"]');
 }
 
 export async function toggleColumnHeader(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-column-header"]');
 }
 
 export async function deleteTableRows(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-delete-rows"]');
 }
 
 export async function deleteTableColumns(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-delete-columns"]');
 }
 
 export async function deleteTable(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-delete"]');
 }
 
 export async function setBackgroundColor(page) {
-  await click(page, '.table-cell-action-button-container');
+  await clickTableCellActiveButton(page);
   await click(page, '.item[data-test-id="table-background-color"]');
 }
 
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index 244dbe2a692..7c298206228 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -45,7 +45,8 @@
     "@vitejs/plugin-react": "^4.2.1",
     "rollup-plugin-copy": "^3.5.0",
     "vite": "^5.2.11",
-    "vite-plugin-replace": "^0.1.1"
+    "vite-plugin-replace": "^0.1.1",
+    "vite-plugin-static-copy": "^2.1.0"
   },
   "sideEffects": false
 }
diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index 31718a446af..87aeb604a82 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -1307,14 +1307,23 @@ i.page-break,
   left: 0;
   will-change: transform;
 }
+.table-cell-action-button-container.table-cell-action-button-container--active {
+  pointer-events: auto;
+  opacity: 1;
+}
+.table-cell-action-button-container.table-cell-action-button-container--inactive {
+  pointer-events: none;
+  opacity: 0;
+}
 
 .table-cell-action-button {
-  background-color: none;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 0;
-  position: relative;
+  position: absolute;
+  top: 10px;
+  right: 10px;
   border-radius: 15px;
   color: #222;
   display: inline-block;
diff --git a/packages/lexical-playground/src/plugins/CommentPlugin/index.tsx b/packages/lexical-playground/src/plugins/CommentPlugin/index.tsx
index 67aa66662c5..2367d0a165e 100644
--- a/packages/lexical-playground/src/plugins/CommentPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/CommentPlugin/index.tsx
@@ -47,6 +47,7 @@ import {
   CLEAR_EDITOR_COMMAND,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
+  getDOMSelection,
   KEY_ESCAPE_COMMAND,
 } from 'lexical';
 import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
@@ -923,7 +924,7 @@ export default function CommentPlugin({
       editor.registerCommand(
         INSERT_INLINE_COMMAND,
         () => {
-          const domSelection = window.getSelection();
+          const domSelection = getDOMSelection(editor._window);
           if (domSelection !== null) {
             domSelection.removeAllRanges();
           }
diff --git a/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx b/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx
index 4dd0cb2fce7..d3a3fef97ed 100644
--- a/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx
@@ -24,6 +24,7 @@ import {
   COMMAND_PRIORITY_CRITICAL,
   COMMAND_PRIORITY_HIGH,
   COMMAND_PRIORITY_LOW,
+  getDOMSelection,
   KEY_ESCAPE_COMMAND,
   LexicalEditor,
   SELECTION_CHANGE_COMMAND,
@@ -77,7 +78,7 @@ function FloatingLinkEditor({
       }
     }
     const editorElem = editorRef.current;
-    const nativeSelection = window.getSelection();
+    const nativeSelection = getDOMSelection(editor._window);
     const activeElement = document.activeElement;
 
     if (editorElem === null) {
diff --git a/packages/lexical-playground/src/plugins/FloatingTextFormatToolbarPlugin/index.tsx b/packages/lexical-playground/src/plugins/FloatingTextFormatToolbarPlugin/index.tsx
index 8c9795b09ef..2404f88dca9 100644
--- a/packages/lexical-playground/src/plugins/FloatingTextFormatToolbarPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/FloatingTextFormatToolbarPlugin/index.tsx
@@ -19,6 +19,7 @@ import {
   $isTextNode,
   COMMAND_PRIORITY_LOW,
   FORMAT_TEXT_COMMAND,
+  getDOMSelection,
   LexicalEditor,
   SELECTION_CHANGE_COMMAND,
 } from 'lexical';
@@ -113,7 +114,7 @@ function TextFormatFloatingToolbar({
     const selection = $getSelection();
 
     const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
-    const nativeSelection = window.getSelection();
+    const nativeSelection = getDOMSelection(editor._window);
 
     if (popupCharStylesEditorElem === null) {
       return;
@@ -293,7 +294,7 @@ function useFloatingTextFormatToolbar(
         return;
       }
       const selection = $getSelection();
-      const nativeSelection = window.getSelection();
+      const nativeSelection = getDOMSelection(editor._window);
       const rootElement = editor.getRootElement();
 
       if (
diff --git a/packages/lexical-playground/src/plugins/ImagesPlugin/index.tsx b/packages/lexical-playground/src/plugins/ImagesPlugin/index.tsx
index cceabbc52e9..b2c2120220e 100644
--- a/packages/lexical-playground/src/plugins/ImagesPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/ImagesPlugin/index.tsx
@@ -22,12 +22,12 @@ import {
   DRAGOVER_COMMAND,
   DRAGSTART_COMMAND,
   DROP_COMMAND,
+  getDOMSelection,
   LexicalCommand,
   LexicalEditor,
 } from 'lexical';
 import {useEffect, useRef, useState} from 'react';
 import * as React from 'react';
-import {CAN_USE_DOM} from 'shared/canUseDOM';
 
 import landscapeImage from '../../images/landscape.jpg';
 import yellowFlowerImage from '../../images/yellow-flower.jpg';
@@ -44,9 +44,6 @@ import TextInput from '../../ui/TextInput';
 
 export type InsertImagePayload = Readonly<ImagePayload>;
 
-const getDOMSelection = (targetWindow: Window | null): Selection | null =>
-  CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
-
 export const INSERT_IMAGE_COMMAND: LexicalCommand<InsertImagePayload> =
   createCommand('INSERT_IMAGE_COMMAND');
 
diff --git a/packages/lexical-playground/src/plugins/InlineImagePlugin/index.tsx b/packages/lexical-playground/src/plugins/InlineImagePlugin/index.tsx
index c09c7987aa8..98cea7f6888 100644
--- a/packages/lexical-playground/src/plugins/InlineImagePlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/InlineImagePlugin/index.tsx
@@ -26,12 +26,12 @@ import {
   DRAGOVER_COMMAND,
   DRAGSTART_COMMAND,
   DROP_COMMAND,
+  getDOMSelection,
   LexicalCommand,
   LexicalEditor,
 } from 'lexical';
 import * as React from 'react';
 import {useEffect, useRef, useState} from 'react';
-import {CAN_USE_DOM} from 'shared/canUseDOM';
 
 import {
   $createInlineImageNode,
@@ -47,9 +47,6 @@ import TextInput from '../../ui/TextInput';
 
 export type InsertInlineImagePayload = Readonly<InlineImagePayload>;
 
-const getDOMSelection = (targetWindow: Window | null): Selection | null =>
-  CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
-
 export const INSERT_INLINE_IMAGE_COMMAND: LexicalCommand<InlineImagePayload> =
   createCommand('INSERT_INLINE_IMAGE_COMMAND');
 
diff --git a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
index 2a3fc2bdff1..2e17272cbf7 100644
--- a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
@@ -28,9 +28,11 @@ import {
   getTableObserverFromTableElement,
   TableCellHeaderStates,
   TableCellNode,
+  TableObserver,
   TableRowNode,
   TableSelection,
 } from '@lexical/table';
+import {mergeRegister} from '@lexical/utils';
 import {
   $createParagraphNode,
   $getRoot,
@@ -39,6 +41,9 @@ import {
   $isParagraphNode,
   $isRangeSelection,
   $isTextNode,
+  COMMAND_PRIORITY_CRITICAL,
+  getDOMSelection,
+  SELECTION_CHANGE_COMMAND,
 } from 'lexical';
 import * as React from 'react';
 import {ReactPortal, useCallback, useEffect, useRef, useState} from 'react';
@@ -242,7 +247,7 @@ function TableActionMenu({
 
         const tableObserver = getTableObserverFromTableElement(tableElement);
         if (tableObserver !== null) {
-          tableObserver.clearHighlight();
+          tableObserver.$clearHighlight();
         }
 
         tableNode.markDirty();
@@ -630,8 +635,8 @@ function TableCellActionMenuContainer({
 }): JSX.Element {
   const [editor] = useLexicalComposerContext();
 
-  const menuButtonRef = useRef(null);
-  const menuRootRef = useRef(null);
+  const menuButtonRef = useRef<HTMLDivElement | null>(null);
+  const menuRootRef = useRef<HTMLButtonElement | null>(null);
   const [isMenuOpen, setIsMenuOpen] = useState(false);
 
   const [tableCellNode, setTableMenuCellNode] = useState<TableCellNode | null>(
@@ -643,15 +648,23 @@ function TableCellActionMenuContainer({
   const $moveMenu = useCallback(() => {
     const menu = menuButtonRef.current;
     const selection = $getSelection();
-    const nativeSelection = window.getSelection();
+    const nativeSelection = getDOMSelection(editor._window);
     const activeElement = document.activeElement;
+    function disable() {
+      if (menu) {
+        menu.classList.remove('table-cell-action-button-container--active');
+        menu.classList.add('table-cell-action-button-container--inactive');
+      }
+      setTableMenuCellNode(null);
+    }
 
     if (selection == null || menu == null) {
-      setTableMenuCellNode(null);
-      return;
+      return disable();
     }
 
     const rootElement = editor.getRootElement();
+    let tableObserver: TableObserver | null = null;
+    let tableCellParentNodeDOM: HTMLElement | null = null;
 
     if (
       $isRangeSelection(selection) &&
@@ -664,56 +677,111 @@ function TableCellActionMenuContainer({
       );
 
       if (tableCellNodeFromSelection == null) {
-        setTableMenuCellNode(null);
-        return;
+        return disable();
       }
 
-      const tableCellParentNodeDOM = editor.getElementByKey(
+      tableCellParentNodeDOM = editor.getElementByKey(
         tableCellNodeFromSelection.getKey(),
       );
 
-      if (tableCellParentNodeDOM == null) {
-        setTableMenuCellNode(null);
-        return;
+      if (
+        tableCellParentNodeDOM == null ||
+        !tableCellNodeFromSelection.isAttached()
+      ) {
+        return disable();
       }
 
+      const tableNode = $getTableNodeFromLexicalNodeOrThrow(
+        tableCellNodeFromSelection,
+      );
+      const tableElement = getTableElement(
+        tableNode,
+        editor.getElementByKey(tableNode.getKey()),
+      );
+
+      invariant(
+        tableElement !== null,
+        'TableActionMenu: Expected to find tableElement in DOM',
+      );
+
+      tableObserver = getTableObserverFromTableElement(tableElement);
       setTableMenuCellNode(tableCellNodeFromSelection);
+    } else if ($isTableSelection(selection)) {
+      const anchorNode = $getTableCellNodeFromLexicalNode(
+        selection.anchor.getNode(),
+      );
+      invariant(
+        $isTableCellNode(anchorNode),
+        'TableSelection anchorNode must be a TableCellNode',
+      );
+      const tableNode = $getTableNodeFromLexicalNodeOrThrow(anchorNode);
+      const tableElement = getTableElement(
+        tableNode,
+        editor.getElementByKey(tableNode.getKey()),
+      );
+      invariant(
+        tableElement !== null,
+        'TableActionMenu: Expected to find tableElement in DOM',
+      );
+      tableObserver = getTableObserverFromTableElement(tableElement);
+      tableCellParentNodeDOM = editor.getElementByKey(anchorNode.getKey());
     } else if (!activeElement) {
-      setTableMenuCellNode(null);
+      return disable();
     }
-  }, [editor]);
-
-  useEffect(() => {
-    return editor.registerUpdateListener(() => {
-      editor.getEditorState().read(() => {
-        $moveMenu();
-      });
-    });
-  });
+    if (tableObserver === null || tableCellParentNodeDOM === null) {
+      return disable();
+    }
+    const enabled = !tableObserver || !tableObserver.isSelecting;
+    menu.classList.toggle(
+      'table-cell-action-button-container--active',
+      enabled,
+    );
+    menu.classList.toggle(
+      'table-cell-action-button-container--inactive',
+      !enabled,
+    );
+    if (enabled) {
+      const tableCellRect = tableCellParentNodeDOM.getBoundingClientRect();
+      const anchorRect = anchorElem.getBoundingClientRect();
+      const top = tableCellRect.top - anchorRect.top;
+      const left = tableCellRect.right - anchorRect.left;
+      menu.style.transform = `translate(${left}px, ${top}px)`;
+    }
+  }, [editor, anchorElem]);
 
   useEffect(() => {
-    const menuButtonDOM = menuButtonRef.current as HTMLButtonElement | null;
-
-    if (menuButtonDOM != null && tableCellNode != null) {
-      const tableCellNodeDOM = editor.getElementByKey(tableCellNode.getKey());
-
-      if (tableCellNodeDOM != null) {
-        const tableCellRect = tableCellNodeDOM.getBoundingClientRect();
-        const menuRect = menuButtonDOM.getBoundingClientRect();
-        const anchorRect = anchorElem.getBoundingClientRect();
-
-        const top = tableCellRect.top - anchorRect.top + 4;
-        const left =
-          tableCellRect.right - menuRect.width - 10 - anchorRect.left;
-
-        menuButtonDOM.style.opacity = '1';
-        menuButtonDOM.style.transform = `translate(${left}px, ${top}px)`;
-      } else {
-        menuButtonDOM.style.opacity = '0';
-        menuButtonDOM.style.transform = 'translate(-10000px, -10000px)';
+    // We call the $moveMenu callback every time the selection changes,
+    // once up front, and once after each mouseUp
+    let timeoutId: ReturnType<typeof setTimeout> | undefined = undefined;
+    const callback = () => {
+      timeoutId = undefined;
+      editor.getEditorState().read($moveMenu);
+    };
+    const delayedCallback = () => {
+      if (timeoutId === undefined) {
+        timeoutId = setTimeout(callback, 0);
       }
-    }
-  }, [menuButtonRef, tableCellNode, editor, anchorElem]);
+      return false;
+    };
+    return mergeRegister(
+      editor.registerUpdateListener(delayedCallback),
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND,
+        delayedCallback,
+        COMMAND_PRIORITY_CRITICAL,
+      ),
+      editor.registerRootListener((rootElement, prevRootElement) => {
+        if (prevRootElement) {
+          prevRootElement.removeEventListener('mouseup', delayedCallback);
+        }
+        if (rootElement) {
+          rootElement.addEventListener('mouseup', delayedCallback);
+          delayedCallback();
+        }
+      }),
+      () => clearTimeout(timeoutId),
+    );
+  });
 
   const prevTableCellDOM = useRef(tableCellNode);
 
diff --git a/packages/lexical-playground/src/plugins/TestRecorderPlugin/index.tsx b/packages/lexical-playground/src/plugins/TestRecorderPlugin/index.tsx
index 838568397f3..c97b3de3248 100644
--- a/packages/lexical-playground/src/plugins/TestRecorderPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TestRecorderPlugin/index.tsx
@@ -9,7 +9,12 @@
 import type {BaseSelection, LexicalEditor} from 'lexical';
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
-import {$createParagraphNode, $createTextNode, $getRoot} from 'lexical';
+import {
+  $createParagraphNode,
+  $createTextNode,
+  $getRoot,
+  getDOMSelection,
+} from 'lexical';
 import * as React from 'react';
 import {useCallback, useEffect, useRef, useState} from 'react';
 import {IS_APPLE} from 'shared/environment';
@@ -167,7 +172,7 @@ function useTestRecorder(
 
   const generateTestContent = useCallback(() => {
     const rootElement = editor.getRootElement();
-    const browserSelection = window.getSelection();
+    const browserSelection = getDOMSelection(editor._window);
 
     if (
       rootElement == null ||
@@ -322,7 +327,7 @@ ${steps.map(formatStep).join(`\n`)}
             dirtyElements.size === 0 &&
             !skipNextSelectionChange
           ) {
-            const browserSelection = window.getSelection();
+            const browserSelection = getDOMSelection(editor._window);
             if (
               browserSelection &&
               (browserSelection.anchorNode == null ||
@@ -379,7 +384,7 @@ ${steps.map(formatStep).join(`\n`)}
     if (!isRecording) {
       return;
     }
-    const browserSelection = window.getSelection();
+    const browserSelection = getDOMSelection(getCurrentEditor()._window);
     if (
       browserSelection === null ||
       browserSelection.anchorNode == null ||
diff --git a/packages/lexical-playground/src/setupEnv.ts b/packages/lexical-playground/src/setupEnv.ts
index 076cd430a9c..abf4b21ded3 100644
--- a/packages/lexical-playground/src/setupEnv.ts
+++ b/packages/lexical-playground/src/setupEnv.ts
@@ -30,5 +30,9 @@ export default (() => {
     // @ts-expect-error
     delete window.InputEvent.prototype.getTargetRanges;
   }
+
+  // @ts-ignore
+  window.EXCALIDRAW_ASSET_PATH = process.env.EXCALIDRAW_ASSET_PATH;
+
   return INITIAL_SETTINGS;
 })();
diff --git a/packages/lexical-playground/vite.config.ts b/packages/lexical-playground/vite.config.ts
index 12490da5cf2..82018c7c74b 100644
--- a/packages/lexical-playground/vite.config.ts
+++ b/packages/lexical-playground/vite.config.ts
@@ -15,6 +15,7 @@ import {replaceCodePlugin} from 'vite-plugin-replace';
 
 import moduleResolution from '../shared/viteModuleResolution';
 import viteCopyEsm from './viteCopyEsm';
+import viteCopyExcalidrawAssets from './viteCopyExcalidrawAssets';
 
 const require = createRequire(import.meta.url);
 
@@ -76,6 +77,7 @@ export default defineConfig(({command}) => {
         presets: [['@babel/preset-react', {runtime: 'automatic'}]],
       }),
       react(),
+      ...viteCopyExcalidrawAssets(),
       viteCopyEsm(),
       commonjs({
         // This is required for React 19 (at least 19.0.0-beta-26f2496093-20240514)
diff --git a/packages/lexical-playground/vite.prod.config.ts b/packages/lexical-playground/vite.prod.config.ts
index 97fc5a760cd..59c8f368f05 100644
--- a/packages/lexical-playground/vite.prod.config.ts
+++ b/packages/lexical-playground/vite.prod.config.ts
@@ -14,6 +14,7 @@ import {replaceCodePlugin} from 'vite-plugin-replace';
 
 import moduleResolution from '../shared/viteModuleResolution';
 import viteCopyEsm from './viteCopyEsm';
+import viteCopyExcalidrawAssets from './viteCopyExcalidrawAssets';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -69,6 +70,7 @@ export default defineConfig({
       presets: [['@babel/preset-react', {runtime: 'automatic'}]],
     }),
     react(),
+    ...viteCopyExcalidrawAssets(),
     viteCopyEsm(),
     commonjs({
       // This is required for React 19 (at least 19.0.0-beta-26f2496093-20240514)
diff --git a/packages/lexical-playground/viteCopyExcalidrawAssets.ts b/packages/lexical-playground/viteCopyExcalidrawAssets.ts
new file mode 100644
index 00000000000..3e19da05892
--- /dev/null
+++ b/packages/lexical-playground/viteCopyExcalidrawAssets.ts
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type {Plugin} from 'vite';
+
+import {createRequire} from 'node:module';
+import * as path from 'node:path';
+import {normalizePath} from 'vite';
+import {Target, viteStaticCopy} from 'vite-plugin-static-copy';
+
+const require = createRequire(import.meta.url);
+
+export default function viteCopyExcalidrawAssets(): Plugin[] {
+  const targets: Target[] = [
+    'excalidraw-assets',
+    'excalidraw-assets-dev',
+  ].flatMap((assetDir) => {
+    const srcDir = path.join(
+      require.resolve('@excalidraw/excalidraw'),
+      '..',
+      'dist',
+      assetDir,
+    );
+    return [
+      {
+        dest: `${assetDir}/`,
+        src: [path.join(srcDir, '*.js'), path.join(srcDir, '*.woff2')].map(
+          normalizePath,
+        ),
+      },
+      {
+        dest: `${assetDir}/locales/`,
+        src: [path.join(srcDir, 'locales', '*.js')].map(normalizePath),
+      },
+    ];
+  });
+  return [
+    {
+      config() {
+        return {
+          define: {
+            'process.env.EXCALIDRAW_ASSET_PATH': JSON.stringify('/'),
+          },
+        };
+      },
+      name: 'viteCopyExcalidrawAssets',
+    },
+    ...viteStaticCopy({
+      targets,
+    }),
+  ];
+}
diff --git a/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx b/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx
index c8958d7aa51..da497dc9aad 100644
--- a/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx
+++ b/packages/lexical-react/src/LexicalTypeaheadMenuPlugin.tsx
@@ -21,6 +21,7 @@ import {
   COMMAND_PRIORITY_LOW,
   CommandListenerPriority,
   createCommand,
+  getDOMSelection,
   LexicalCommand,
   LexicalEditor,
   RangeSelection,
@@ -53,7 +54,7 @@ function tryToPositionRange(
   range: Range,
   editorWindow: Window,
 ): boolean {
-  const domSelection = editorWindow.getSelection();
+  const domSelection = getDOMSelection(editorWindow);
   if (domSelection === null || !domSelection.isCollapsed) {
     return false;
   }
diff --git a/packages/lexical-table/flow/LexicalTable.js.flow b/packages/lexical-table/flow/LexicalTable.js.flow
index 19014ebd897..2674a125f50 100644
--- a/packages/lexical-table/flow/LexicalTable.js.flow
+++ b/packages/lexical-table/flow/LexicalTable.js.flow
@@ -286,11 +286,11 @@ declare export class TableObserver {
   getTable(): TableDOMTable;
   removeListeners(): void;
   trackTable(): void;
-  clearHighlight(): void;
-  setFocusCellForSelection(cell: TableDOMCell): void;
-  setAnchorCellForSelection(cell: TableDOMCell): void;
-  formatCells(type: TextFormatType): void;
-  clearText(): void;
+  $clearHighlight(): void;
+  $setFocusCellForSelection(cell: TableDOMCell, ignoreStart?: boolean): void;
+  $setAnchorCellForSelection(cell: TableDOMCell): void;
+  $formatCells(type: TextFormatType): void;
+  $clearText(): void;
 }
 
 /**
diff --git a/packages/lexical-table/src/LexicalTableObserver.ts b/packages/lexical-table/src/LexicalTableObserver.ts
index 9d3ffbbc690..0d148257121 100644
--- a/packages/lexical-table/src/LexicalTableObserver.ts
+++ b/packages/lexical-table/src/LexicalTableObserver.ts
@@ -24,6 +24,7 @@ import {
   $isElementNode,
   $isParagraphNode,
   $setSelection,
+  getDOMSelection,
   SELECTION_CHANGE_COMMAND,
 } from 'lexical';
 import invariant from 'shared/invariant';
@@ -32,13 +33,13 @@ import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
 import {$isTableNode, TableNode} from './LexicalTableNode';
 import {
   $createTableSelection,
+  $createTableSelectionFrom,
   $isTableSelection,
   type TableSelection,
 } from './LexicalTableSelection';
 import {
   $findTableNode,
   $updateDOMForSelection,
-  getDOMSelection,
   getTable,
   getTableElement,
   HTMLTableElementWithWithTableSelectionState,
@@ -105,6 +106,7 @@ export class TableObserver {
   shouldCheckSelection: boolean;
   abortController: AbortController;
   listenerOptions: {signal: AbortSignal};
+  nextFocus: {focusCell: TableDOMCell; override: boolean} | null;
 
   constructor(editor: LexicalEditor, tableNodeKey: string) {
     this.isHighlightingCells = false;
@@ -130,6 +132,7 @@ export class TableObserver {
     this.shouldCheckSelection = false;
     this.abortController = new AbortController();
     this.listenerOptions = {signal: this.abortController.signal};
+    this.nextFocus = null;
     this.trackTable();
   }
 
@@ -198,7 +201,7 @@ export class TableObserver {
     );
   }
 
-  clearHighlight() {
+  $clearHighlight(): void {
     const editor = this.editor;
     this.isHighlightingCells = false;
     this.anchorX = -1;
@@ -212,61 +215,54 @@ export class TableObserver {
     this.focusCell = null;
     this.hasHijackedSelectionStyles = false;
 
-    this.enableHighlightStyle();
+    this.$enableHighlightStyle();
 
-    editor.update(() => {
-      const {tableNode, tableElement} = this.$lookup();
-      const grid = getTable(tableNode, tableElement);
-      $updateDOMForSelection(editor, grid, null);
+    const {tableNode, tableElement} = this.$lookup();
+    const grid = getTable(tableNode, tableElement);
+    $updateDOMForSelection(editor, grid, null);
+    if ($getSelection() !== null) {
       $setSelection(null);
       editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
-    });
+    }
   }
 
-  enableHighlightStyle() {
+  $enableHighlightStyle() {
     const editor = this.editor;
-    editor.getEditorState().read(
-      () => {
-        const {tableElement} = this.$lookup();
+    const {tableElement} = this.$lookup();
 
-        removeClassNamesFromElement(
-          tableElement,
-          editor._config.theme.tableSelection,
-        );
-        tableElement.classList.remove('disable-selection');
-        this.hasHijackedSelectionStyles = false;
-      },
-      {editor},
+    removeClassNamesFromElement(
+      tableElement,
+      editor._config.theme.tableSelection,
     );
+    tableElement.classList.remove('disable-selection');
+    this.hasHijackedSelectionStyles = false;
   }
 
-  disableHighlightStyle() {
-    const editor = this.editor;
-    editor.getEditorState().read(
-      () => {
-        const {tableElement} = this.$lookup();
-        addClassNamesToElement(
-          tableElement,
-          editor._config.theme.tableSelection,
-        );
-        this.hasHijackedSelectionStyles = true;
-      },
-      {editor},
+  $disableHighlightStyle() {
+    const {tableElement} = this.$lookup();
+    addClassNamesToElement(
+      tableElement,
+      this.editor._config.theme.tableSelection,
     );
+    this.hasHijackedSelectionStyles = true;
   }
 
-  updateTableTableSelection(selection: TableSelection | null): void {
-    if (selection !== null && selection.tableKey === this.tableNodeKey) {
+  $updateTableTableSelection(selection: TableSelection | null): void {
+    if (selection !== null) {
+      invariant(
+        selection.tableKey === this.tableNodeKey,
+        "TableObserver.$updateTableTableSelection: selection.tableKey !== this.tableNodeKey ('%s' !== '%s')",
+        selection.tableKey,
+        this.tableNodeKey,
+      );
       const editor = this.editor;
       this.tableSelection = selection;
       this.isHighlightingCells = true;
-      this.disableHighlightStyle();
+      this.$disableHighlightStyle();
+      this.updateDOMSelection();
       $updateDOMForSelection(editor, this.table, this.tableSelection);
-    } else if (selection == null) {
-      this.clearHighlight();
     } else {
-      this.tableNodeKey = selection.tableKey;
-      this.updateTableTableSelection(selection);
+      this.$clearHighlight();
     }
   }
 
@@ -292,168 +288,208 @@ export class TableObserver {
     }
     return false;
   }
-  setFocusCellForSelection(cell: TableDOMCell, ignoreStart = false) {
-    const editor = this.editor;
-    editor.update(() => {
-      const {tableNode} = this.$lookup();
-
-      const cellX = cell.x;
-      const cellY = cell.y;
-      this.focusCell = cell;
-
-      if (this.anchorCell !== null) {
-        const domSelection = getDOMSelection(editor._window);
-        // Collapse the selection
-        if (domSelection) {
-          domSelection.setBaseAndExtent(
-            this.anchorCell.elem,
-            0,
-            this.focusCell.elem,
-            0,
-          );
-        }
-      }
 
-      if (
-        !this.isHighlightingCells &&
-        (this.anchorX !== cellX || this.anchorY !== cellY || ignoreStart)
-      ) {
-        this.isHighlightingCells = true;
-        this.disableHighlightStyle();
-      } else if (cellX === this.focusX && cellY === this.focusY) {
-        return;
+  /**
+   * @internal
+   * When handling mousemove events we track what the focus cell should be, but
+   * the DOM selection may end up somewhere else entirely. We don't have an elegant
+   * way to handle this after the DOM selection has been resolved in a
+   * SELECTION_CHANGE_COMMAND callback.
+   */
+  setNextFocus(
+    nextFocus: null | {focusCell: TableDOMCell; override: boolean},
+  ): void {
+    this.nextFocus = nextFocus;
+  }
+
+  /** @internal */
+  getAndClearNextFocus(): {
+    focusCell: TableDOMCell;
+    override: boolean;
+  } | null {
+    const {nextFocus} = this;
+    if (nextFocus !== null) {
+      this.nextFocus = null;
+    }
+    return nextFocus;
+  }
+
+  /** @internal */
+  updateDOMSelection() {
+    if (this.anchorCell !== null && this.focusCell !== null) {
+      const domSelection = getDOMSelection(this.editor._window);
+      // We are not using a native selection for tables, and if we
+      // set one then the reconciler will undo it.
+      // TODO - it would make sense to have one so that native
+      //        copy/paste worked. Right now we have to emulate with
+      //        keyboard events but it won't fire if trigged from the menu
+      if (domSelection && domSelection.rangeCount > 0) {
+        domSelection.removeAllRanges();
       }
+    }
+  }
+
+  $setFocusCellForSelection(cell: TableDOMCell, ignoreStart = false): boolean {
+    const editor = this.editor;
+    const {tableNode} = this.$lookup();
 
-      this.focusX = cellX;
-      this.focusY = cellY;
+    const cellX = cell.x;
+    const cellY = cell.y;
+    this.focusCell = cell;
 
-      if (this.isHighlightingCells) {
-        const focusTableCellNode = $getNearestNodeFromDOMNode(cell.elem);
+    if (
+      !this.isHighlightingCells &&
+      (this.anchorX !== cellX || this.anchorY !== cellY || ignoreStart)
+    ) {
+      this.isHighlightingCells = true;
+      this.$disableHighlightStyle();
+    } else if (cellX === this.focusX && cellY === this.focusY) {
+      return false;
+    }
 
-        if (
-          this.tableSelection != null &&
-          this.anchorCellNodeKey != null &&
-          $isTableCellNode(focusTableCellNode) &&
-          tableNode.is($findTableNode(focusTableCellNode))
-        ) {
-          const focusNodeKey = focusTableCellNode.getKey();
+    this.focusX = cellX;
+    this.focusY = cellY;
 
-          this.tableSelection =
-            this.tableSelection.clone() || $createTableSelection();
+    if (this.isHighlightingCells) {
+      const focusTableCellNode = $getNearestNodeFromDOMNode(cell.elem);
 
-          this.focusCellNodeKey = focusNodeKey;
-          this.tableSelection.set(
-            this.tableNodeKey,
-            this.anchorCellNodeKey,
-            this.focusCellNodeKey,
-          );
+      if (
+        this.tableSelection != null &&
+        this.anchorCellNodeKey != null &&
+        $isTableCellNode(focusTableCellNode) &&
+        tableNode.is($findTableNode(focusTableCellNode))
+      ) {
+        this.focusCellNodeKey = focusTableCellNode.getKey();
+        this.tableSelection = $createTableSelectionFrom(
+          tableNode,
+          this.$getAnchorTableCellOrThrow(),
+          focusTableCellNode,
+        );
 
-          $setSelection(this.tableSelection);
+        $setSelection(this.tableSelection);
 
-          editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
+        editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
 
-          $updateDOMForSelection(editor, this.table, this.tableSelection);
-        }
+        $updateDOMForSelection(editor, this.table, this.tableSelection);
+        return true;
       }
-    });
+    }
+    return false;
   }
 
-  setAnchorCellForSelection(cell: TableDOMCell) {
+  $getAnchorTableCell(): TableCellNode | null {
+    return this.anchorCellNodeKey
+      ? $getNodeByKey(this.anchorCellNodeKey)
+      : null;
+  }
+  $getAnchorTableCellOrThrow(): TableCellNode {
+    const anchorTableCell = this.$getAnchorTableCell();
+    invariant(
+      anchorTableCell !== null,
+      'TableObserver anchorTableCell is null',
+    );
+    return anchorTableCell;
+  }
+
+  $getFocusTableCell(): TableCellNode | null {
+    return this.focusCellNodeKey ? $getNodeByKey(this.focusCellNodeKey) : null;
+  }
+
+  $getFocusTableCellOrThrow(): TableCellNode {
+    const focusTableCell = this.$getFocusTableCell();
+    invariant(focusTableCell !== null, 'TableObserver focusTableCell is null');
+    return focusTableCell;
+  }
+
+  $setAnchorCellForSelection(cell: TableDOMCell) {
     this.isHighlightingCells = false;
     this.anchorCell = cell;
     this.anchorX = cell.x;
     this.anchorY = cell.y;
 
-    this.editor.update(() => {
-      const anchorTableCellNode = $getNearestNodeFromDOMNode(cell.elem);
+    const anchorTableCellNode = $getNearestNodeFromDOMNode(cell.elem);
 
-      if ($isTableCellNode(anchorTableCellNode)) {
-        const anchorNodeKey = anchorTableCellNode.getKey();
-        this.tableSelection =
-          this.tableSelection != null
-            ? this.tableSelection.clone()
-            : $createTableSelection();
-        this.anchorCellNodeKey = anchorNodeKey;
-      }
-    });
+    if ($isTableCellNode(anchorTableCellNode)) {
+      const anchorNodeKey = anchorTableCellNode.getKey();
+      this.tableSelection =
+        this.tableSelection != null
+          ? this.tableSelection.clone()
+          : $createTableSelection();
+      this.anchorCellNodeKey = anchorNodeKey;
+    }
   }
 
-  formatCells(type: TextFormatType) {
-    this.editor.update(() => {
-      const selection = $getSelection();
+  $formatCells(type: TextFormatType) {
+    const selection = $getSelection();
 
-      if (!$isTableSelection(selection)) {
-        invariant(false, 'Expected grid selection');
-      }
+    invariant($isTableSelection(selection), 'Expected Table selection');
 
-      const formatSelection = $createRangeSelection();
+    const formatSelection = $createRangeSelection();
 
-      const anchor = formatSelection.anchor;
-      const focus = formatSelection.focus;
+    const anchor = formatSelection.anchor;
+    const focus = formatSelection.focus;
 
-      const cellNodes = selection.getNodes().filter($isTableCellNode);
-      const paragraph = cellNodes[0].getFirstChild();
-      const alignFormatWith = $isParagraphNode(paragraph)
-        ? paragraph.getFormatFlags(type, null)
-        : null;
+    const cellNodes = selection.getNodes().filter($isTableCellNode);
+    invariant(cellNodes.length > 0, 'No table cells present');
+    const paragraph = cellNodes[0].getFirstChild();
+    const alignFormatWith = $isParagraphNode(paragraph)
+      ? paragraph.getFormatFlags(type, null)
+      : null;
 
-      cellNodes.forEach((cellNode: TableCellNode) => {
-        anchor.set(cellNode.getKey(), 0, 'element');
-        focus.set(cellNode.getKey(), cellNode.getChildrenSize(), 'element');
-        formatSelection.formatText(type, alignFormatWith);
-      });
+    cellNodes.forEach((cellNode: TableCellNode) => {
+      anchor.set(cellNode.getKey(), 0, 'element');
+      focus.set(cellNode.getKey(), cellNode.getChildrenSize(), 'element');
+      formatSelection.formatText(type, alignFormatWith);
+    });
 
-      $setSelection(selection);
+    $setSelection(selection);
 
-      this.editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
-    });
+    this.editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
   }
 
-  clearText() {
-    const editor = this.editor;
-    editor.update(() => {
-      const tableNode = $getNodeByKey(this.tableNodeKey);
+  $clearText() {
+    const {editor} = this;
+    const tableNode = $getNodeByKey(this.tableNodeKey);
 
-      if (!$isTableNode(tableNode)) {
-        throw new Error('Expected TableNode.');
-      }
+    if (!$isTableNode(tableNode)) {
+      throw new Error('Expected TableNode.');
+    }
 
-      const selection = $getSelection();
+    const selection = $getSelection();
 
-      if (!$isTableSelection(selection)) {
-        invariant(false, 'Expected grid selection');
-      }
+    if (!$isTableSelection(selection)) {
+      invariant(false, 'Expected grid selection');
+    }
 
-      const selectedNodes = selection.getNodes().filter($isTableCellNode);
+    const selectedNodes = selection.getNodes().filter($isTableCellNode);
 
-      if (selectedNodes.length === this.table.columns * this.table.rows) {
-        tableNode.selectPrevious();
-        // Delete entire table
-        tableNode.remove();
-        const rootNode = $getRoot();
-        rootNode.selectStart();
-        return;
-      }
+    if (selectedNodes.length === this.table.columns * this.table.rows) {
+      tableNode.selectPrevious();
+      // Delete entire table
+      tableNode.remove();
+      const rootNode = $getRoot();
+      rootNode.selectStart();
+      return;
+    }
 
-      selectedNodes.forEach((cellNode) => {
-        if ($isElementNode(cellNode)) {
-          const paragraphNode = $createParagraphNode();
-          const textNode = $createTextNode();
-          paragraphNode.append(textNode);
-          cellNode.append(paragraphNode);
-          cellNode.getChildren().forEach((child) => {
-            if (child !== paragraphNode) {
-              child.remove();
-            }
-          });
-        }
-      });
+    selectedNodes.forEach((cellNode) => {
+      if ($isElementNode(cellNode)) {
+        const paragraphNode = $createParagraphNode();
+        const textNode = $createTextNode();
+        paragraphNode.append(textNode);
+        cellNode.append(paragraphNode);
+        cellNode.getChildren().forEach((child) => {
+          if (child !== paragraphNode) {
+            child.remove();
+          }
+        });
+      }
+    });
 
-      $updateDOMForSelection(editor, this.table, null);
+    $updateDOMForSelection(editor, this.table, null);
 
-      $setSelection(null);
+    $setSelection(null);
 
-      editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
-    });
+    editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
   }
 }
diff --git a/packages/lexical-table/src/LexicalTableSelection.ts b/packages/lexical-table/src/LexicalTableSelection.ts
index 03c8543cb73..185d95100f3 100644
--- a/packages/lexical-table/src/LexicalTableSelection.ts
+++ b/packages/lexical-table/src/LexicalTableSelection.ts
@@ -9,24 +9,31 @@
 import {$findMatchingParent} from '@lexical/utils';
 import {
   $createPoint,
-  $getNodeByKey,
+  $getSelection,
   $isElementNode,
   $isParagraphNode,
   $normalizeSelection__EXPERIMENTAL,
   BaseSelection,
+  ElementNode,
   isCurrentlyReadOnlyMode,
   LexicalNode,
   NodeKey,
   PointType,
   TEXT_TYPE_TO_FORMAT,
   TextFormatType,
+  TextNode,
 } from 'lexical';
 import invariant from 'shared/invariant';
 
 import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
-import {$isTableNode} from './LexicalTableNode';
-import {$isTableRowNode} from './LexicalTableRowNode';
-import {$computeTableMap, $getTableCellNodeRect} from './LexicalTableUtils';
+import {$isTableNode, TableNode} from './LexicalTableNode';
+import {$isTableRowNode, TableRowNode} from './LexicalTableRowNode';
+import {$findTableNode} from './LexicalTableSelectionHelpers';
+import {
+  $computeTableCellRectBoundary,
+  $computeTableMap,
+  $getTableCellNodeRect,
+} from './LexicalTableUtils';
 
 export type TableSelectionShape = {
   fromX: number;
@@ -42,6 +49,62 @@ export type TableMapValueType = {
 };
 export type TableMapType = Array<Array<TableMapValueType>>;
 
+function $getCellNodes(tableSelection: TableSelection): {
+  anchorCell: TableCellNode;
+  anchorNode: TextNode | ElementNode;
+  anchorRow: TableRowNode;
+  anchorTable: TableNode;
+  focusCell: TableCellNode;
+  focusNode: TextNode | ElementNode;
+  focusRow: TableRowNode;
+  focusTable: TableNode;
+} {
+  const [
+    [anchorNode, anchorCell, anchorRow, anchorTable],
+    [focusNode, focusCell, focusRow, focusTable],
+  ] = (['anchor', 'focus'] as const).map(
+    (k): [ElementNode | TextNode, TableCellNode, TableRowNode, TableNode] => {
+      const node = tableSelection[k].getNode();
+      const cellNode = $findMatchingParent(node, $isTableCellNode);
+      invariant(
+        $isTableCellNode(cellNode),
+        'Expected TableSelection %s to be (or a child of) TableCellNode, got key %s of type %s',
+        k,
+        node.getKey(),
+        node.getType(),
+      );
+      const rowNode = cellNode.getParent();
+      invariant(
+        $isTableRowNode(rowNode),
+        'Expected TableSelection %s cell parent to be a TableRowNode',
+        k,
+      );
+      const tableNode = rowNode.getParent();
+      invariant(
+        $isTableNode(tableNode),
+        'Expected TableSelection %s row parent to be a TableNode',
+        k,
+      );
+      return [node, cellNode, rowNode, tableNode];
+    },
+  );
+  // TODO: nested tables may violate this
+  invariant(
+    anchorTable.is(focusTable),
+    'Expected TableSelection anchor and focus to be in the same table',
+  );
+  return {
+    anchorCell,
+    anchorNode,
+    anchorRow,
+    anchorTable,
+    focusCell,
+    focusNode,
+    focusRow,
+    focusTable,
+  };
+}
+
 export class TableSelection implements BaseSelection {
   tableKey: NodeKey;
   anchor: PointType;
@@ -63,6 +126,23 @@ export class TableSelection implements BaseSelection {
     return [this.anchor, this.focus];
   }
 
+  /**
+   * {@link $createTableSelection} unfortunately makes it very easy to create
+   * nonsense selections, so we have a method to see if the selection probably
+   * makes sense.
+   *
+   * @returns true if the TableSelection is (probably) valid
+   */
+  isValid(): boolean {
+    return (
+      this.tableKey !== 'root' &&
+      this.anchor.key !== 'root' &&
+      this.anchor.type === 'element' &&
+      this.focus.key !== 'root' &&
+      this.focus.type === 'element'
+    );
+  }
+
   /**
    * Returns whether the Selection is "backwards", meaning the focus
    * logically precedes the anchor in the EditorState.
@@ -81,10 +161,8 @@ export class TableSelection implements BaseSelection {
   }
 
   is(selection: null | BaseSelection): boolean {
-    if (!$isTableSelection(selection)) {
-      return false;
-    }
     return (
+      $isTableSelection(selection) &&
       this.tableKey === selection.tableKey &&
       this.anchor.is(selection.anchor) &&
       this.focus.is(selection.focus)
@@ -92,7 +170,12 @@ export class TableSelection implements BaseSelection {
   }
 
   set(tableKey: NodeKey, anchorCellKey: NodeKey, focusCellKey: NodeKey): void {
-    this.dirty = true;
+    // note: closure compiler's acorn does not support ||=
+    this.dirty =
+      this.dirty ||
+      tableKey !== this.tableKey ||
+      anchorCellKey !== this.anchor.key ||
+      focusCellKey !== this.focus.key;
     this.tableKey = tableKey;
     this.anchor.key = anchorCellKey;
     this.focus.key = focusCellKey;
@@ -100,7 +183,11 @@ export class TableSelection implements BaseSelection {
   }
 
   clone(): TableSelection {
-    return new TableSelection(this.tableKey, this.anchor, this.focus);
+    return new TableSelection(
+      this.tableKey,
+      $createPoint(this.anchor.key, this.anchor.offset, this.anchor.type),
+      $createPoint(this.focus.key, this.focus.offset, this.focus.type),
+    );
   }
 
   isCollapsed(): boolean {
@@ -155,23 +242,13 @@ export class TableSelection implements BaseSelection {
 
   // TODO Deprecate this method. It's confusing when used with colspan|rowspan
   getShape(): TableSelectionShape {
-    const anchorCellNode = $getNodeByKey(this.anchor.key);
-    invariant(
-      $isTableCellNode(anchorCellNode),
-      'Expected TableSelection anchor to be (or a child of) TableCellNode',
-    );
-    const anchorCellNodeRect = $getTableCellNodeRect(anchorCellNode);
+    const {anchorCell, focusCell} = $getCellNodes(this);
+    const anchorCellNodeRect = $getTableCellNodeRect(anchorCell);
     invariant(
       anchorCellNodeRect !== null,
       'getCellRect: expected to find AnchorNode',
     );
-
-    const focusCellNode = $getNodeByKey(this.focus.key);
-    invariant(
-      $isTableCellNode(focusCellNode),
-      'Expected TableSelection focus to be (or a child of) TableCellNode',
-    );
-    const focusCellNodeRect = $getTableCellNodeRect(focusCellNode);
+    const focusCellNodeRect = $getTableCellNodeRect(focusCell);
     invariant(
       focusCellNodeRect !== null,
       'getCellRect: expected to find focusCellNode',
@@ -204,34 +281,15 @@ export class TableSelection implements BaseSelection {
   }
 
   getNodes(): Array<LexicalNode> {
+    if (!this.isValid()) {
+      return [];
+    }
     const cachedNodes = this._cachedNodes;
     if (cachedNodes !== null) {
       return cachedNodes;
     }
 
-    const anchorNode = this.anchor.getNode();
-    const focusNode = this.focus.getNode();
-    const anchorCell = $findMatchingParent(anchorNode, $isTableCellNode);
-    // todo replace with triplet
-    const focusCell = $findMatchingParent(focusNode, $isTableCellNode);
-    invariant(
-      $isTableCellNode(anchorCell),
-      'Expected TableSelection anchor to be (or a child of) TableCellNode',
-    );
-    invariant(
-      $isTableCellNode(focusCell),
-      'Expected TableSelection focus to be (or a child of) TableCellNode',
-    );
-    const anchorRow = anchorCell.getParent();
-    invariant(
-      $isTableRowNode(anchorRow),
-      'Expected anchorCell to have a parent TableRowNode',
-    );
-    const tableNode = anchorRow.getParent();
-    invariant(
-      $isTableNode(tableNode),
-      'Expected tableNode to have a parent TableNode',
-    );
+    const {anchorTable: tableNode, anchorCell, focusCell} = $getCellNodes(this);
 
     const focusCellGrid = focusCell.getParents()[1];
     if (focusCellGrid !== tableNode) {
@@ -261,82 +319,15 @@ export class TableSelection implements BaseSelection {
       anchorCell,
       focusCell,
     );
-
-    let minColumn = Math.min(cellAMap.startColumn, cellBMap.startColumn);
-    let minRow = Math.min(cellAMap.startRow, cellBMap.startRow);
-    let maxColumn = Math.max(
-      cellAMap.startColumn + cellAMap.cell.__colSpan - 1,
-      cellBMap.startColumn + cellBMap.cell.__colSpan - 1,
-    );
-    let maxRow = Math.max(
-      cellAMap.startRow + cellAMap.cell.__rowSpan - 1,
-      cellBMap.startRow + cellBMap.cell.__rowSpan - 1,
-    );
-    let exploredMinColumn = minColumn;
-    let exploredMinRow = minRow;
-    let exploredMaxColumn = minColumn;
-    let exploredMaxRow = minRow;
-    function expandBoundary(mapValue: TableMapValueType): void {
-      const {
-        cell,
-        startColumn: cellStartColumn,
-        startRow: cellStartRow,
-      } = mapValue;
-      minColumn = Math.min(minColumn, cellStartColumn);
-      minRow = Math.min(minRow, cellStartRow);
-      maxColumn = Math.max(maxColumn, cellStartColumn + cell.__colSpan - 1);
-      maxRow = Math.max(maxRow, cellStartRow + cell.__rowSpan - 1);
-    }
-    while (
-      minColumn < exploredMinColumn ||
-      minRow < exploredMinRow ||
-      maxColumn > exploredMaxColumn ||
-      maxRow > exploredMaxRow
-    ) {
-      if (minColumn < exploredMinColumn) {
-        // Expand on the left
-        const rowDiff = exploredMaxRow - exploredMinRow;
-        const previousColumn = exploredMinColumn - 1;
-        for (let i = 0; i <= rowDiff; i++) {
-          expandBoundary(map[exploredMinRow + i][previousColumn]);
-        }
-        exploredMinColumn = previousColumn;
-      }
-      if (minRow < exploredMinRow) {
-        // Expand on top
-        const columnDiff = exploredMaxColumn - exploredMinColumn;
-        const previousRow = exploredMinRow - 1;
-        for (let i = 0; i <= columnDiff; i++) {
-          expandBoundary(map[previousRow][exploredMinColumn + i]);
-        }
-        exploredMinRow = previousRow;
-      }
-      if (maxColumn > exploredMaxColumn) {
-        // Expand on the right
-        const rowDiff = exploredMaxRow - exploredMinRow;
-        const nextColumn = exploredMaxColumn + 1;
-        for (let i = 0; i <= rowDiff; i++) {
-          expandBoundary(map[exploredMinRow + i][nextColumn]);
-        }
-        exploredMaxColumn = nextColumn;
-      }
-      if (maxRow > exploredMaxRow) {
-        // Expand on the bottom
-        const columnDiff = exploredMaxColumn - exploredMinColumn;
-        const nextRow = exploredMaxRow + 1;
-        for (let i = 0; i <= columnDiff; i++) {
-          expandBoundary(map[nextRow][exploredMinColumn + i]);
-        }
-        exploredMaxRow = nextRow;
-      }
-    }
+    const {minColumn, maxColumn, minRow, maxRow} =
+      $computeTableCellRectBoundary(map, cellAMap, cellBMap);
 
     // We use a Map here because merged cells in the grid would otherwise
     // show up multiple times in the nodes array
     const nodeMap: Map<NodeKey, LexicalNode> = new Map([
       [tableNode.getKey(), tableNode],
     ]);
-    let lastRow = null;
+    let lastRow: null | TableRowNode = null;
     for (let i = minRow; i <= maxRow; i++) {
       for (let j = minColumn; j <= maxColumn; j++) {
         const {cell} = map[i][j];
@@ -347,12 +338,13 @@ export class TableSelection implements BaseSelection {
         );
         if (currentRow !== lastRow) {
           nodeMap.set(currentRow.getKey(), currentRow);
+          lastRow = currentRow;
         }
-        nodeMap.set(cell.getKey(), cell);
-        for (const child of $getChildrenRecursively(cell)) {
-          nodeMap.set(child.getKey(), child);
+        if (!nodeMap.has(cell.getKey())) {
+          $visitRecursively(cell, (childNode) => {
+            nodeMap.set(childNode.getKey(), childNode);
+          });
         }
-        lastRow = currentRow;
       }
     }
     const nodes = Array.from(nodeMap.values());
@@ -381,26 +373,76 @@ export function $isTableSelection(x: unknown): x is TableSelection {
 }
 
 export function $createTableSelection(): TableSelection {
+  // TODO this is a suboptimal design, it doesn't make sense to have
+  // a table selection that isn't associated with a table. This
+  // constructor should have required argumnets and in __DEV__ we
+  // should check that they point to a table and are element points to
+  // cell nodes of that table.
   const anchor = $createPoint('root', 0, 'element');
   const focus = $createPoint('root', 0, 'element');
   return new TableSelection('root', anchor, focus);
 }
 
-export function $getChildrenRecursively(node: LexicalNode): Array<LexicalNode> {
-  const nodes = [];
-  const stack = [node];
-  while (stack.length > 0) {
-    const currentNode = stack.pop();
+export function $createTableSelectionFrom(
+  tableNode: TableNode,
+  anchorCell: TableCellNode,
+  focusCell: TableCellNode,
+): TableSelection {
+  const tableNodeKey = tableNode.getKey();
+  const anchorCellKey = anchorCell.getKey();
+  const focusCellKey = focusCell.getKey();
+  if (__DEV__) {
     invariant(
-      currentNode !== undefined,
-      "Stack.length > 0; can't be undefined",
+      tableNode.isAttached(),
+      '$createTableSelectionFrom: tableNode %s is not attached',
+      tableNodeKey,
     );
-    if ($isElementNode(currentNode)) {
-      stack.unshift(...currentNode.getChildren());
-    }
-    if (currentNode !== node) {
-      nodes.push(currentNode);
+    invariant(
+      tableNode.is($findTableNode(anchorCell)),
+      '$createTableSelectionFrom: anchorCell %s is not in table %s',
+      anchorCellKey,
+      tableNodeKey,
+    );
+    invariant(
+      tableNode.is($findTableNode(focusCell)),
+      '$createTableSelectionFrom: focusCell %s is not in table %s',
+      focusCellKey,
+      tableNodeKey,
+    );
+    // TODO: Check for rectangular grid
+  }
+  const prevSelection = $getSelection();
+  const nextSelection = $isTableSelection(prevSelection)
+    ? prevSelection.clone()
+    : $createTableSelection();
+  nextSelection.set(
+    tableNode.getKey(),
+    anchorCell.getKey(),
+    focusCell.getKey(),
+  );
+  return nextSelection;
+}
+
+/**
+ * Depth first visitor
+ * @param node The starting node
+ * @param $visit The function to call for each node. If the function returns false, then children of this node will not be explored
+ */
+export function $visitRecursively(
+  node: LexicalNode,
+  $visit: (childNode: LexicalNode) => boolean | undefined | void,
+): void {
+  const stack = [[node]];
+  for (
+    let currentArray = stack.at(-1);
+    currentArray !== undefined && stack.length > 0;
+    currentArray = stack.at(-1)
+  ) {
+    const currentNode = currentArray.pop();
+    if (currentNode === undefined) {
+      stack.pop();
+    } else if ($visit(currentNode) !== false && $isElementNode(currentNode)) {
+      stack.push(currentNode.getChildren());
     }
   }
-  return nodes;
 }
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index 740af8e121f..2a1e4945037 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -51,6 +51,7 @@ import {
   FOCUS_COMMAND,
   FORMAT_ELEMENT_COMMAND,
   FORMAT_TEXT_COMMAND,
+  getDOMSelection,
   INSERT_PARAGRAPH_COMMAND,
   KEY_ARROW_DOWN_COMMAND,
   KEY_ARROW_LEFT_COMMAND,
@@ -63,7 +64,7 @@ import {
   SELECTION_CHANGE_COMMAND,
   SELECTION_INSERT_CLIPBOARD_NODES_COMMAND,
 } from 'lexical';
-import {CAN_USE_DOM} from 'shared/canUseDOM';
+import {IS_FIREFOX} from 'shared/environment';
 import invariant from 'shared/invariant';
 
 import {$isTableCellNode} from './LexicalTableCellNode';
@@ -75,15 +76,16 @@ import {
 import {TableDOMTable, TableObserver} from './LexicalTableObserver';
 import {$isTableRowNode} from './LexicalTableRowNode';
 import {$isTableSelection} from './LexicalTableSelection';
-import {$computeTableMap, $getNodeTriplet} from './LexicalTableUtils';
+import {
+  $computeTableCellRectBoundary,
+  $computeTableCellRectSpans,
+  $computeTableMap,
+  $getNodeTriplet,
+  TableCellRectBoundary,
+} from './LexicalTableUtils';
 
 const LEXICAL_ELEMENT_KEY = '__lexicalTableSelection';
 
-export const getDOMSelection = (
-  targetWindow: Window | null,
-): Selection | null =>
-  CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
-
 const isMouseDownOnEvent = (event: MouseEvent) => {
   return (event.buttons & 1) === 1;
 };
@@ -106,6 +108,44 @@ export function getTableElement<T extends HTMLElement | null>(
   return element;
 }
 
+export function getEditorWindow(editor: LexicalEditor): Window | null {
+  return editor._window;
+}
+
+export function $findParentTableCellNodeInTable(
+  tableNode: LexicalNode,
+  node: LexicalNode | null,
+): TableCellNode | null {
+  for (
+    let currentNode = node, lastTableCellNode: TableCellNode | null = null;
+    currentNode !== null;
+    currentNode = currentNode.getParent()
+  ) {
+    if (tableNode.is(currentNode)) {
+      return lastTableCellNode;
+    } else if ($isTableCellNode(currentNode)) {
+      lastTableCellNode = currentNode;
+    }
+  }
+  return null;
+}
+
+const ARROW_KEY_COMMANDS_WITH_DIRECTION = [
+  [KEY_ARROW_DOWN_COMMAND, 'down'],
+  [KEY_ARROW_UP_COMMAND, 'up'],
+  [KEY_ARROW_LEFT_COMMAND, 'backward'],
+  [KEY_ARROW_RIGHT_COMMAND, 'forward'],
+] as const;
+const DELETE_TEXT_COMMANDS = [
+  DELETE_WORD_COMMAND,
+  DELETE_LINE_COMMAND,
+  DELETE_CHARACTER_COMMAND,
+] as const;
+const DELETE_KEY_COMMANDS = [
+  KEY_BACKSPACE_COMMAND,
+  KEY_DELETE_COMMAND,
+] as const;
+
 export function applyTableHandlers(
   tableNode: TableNode,
   element: HTMLElement,
@@ -113,13 +153,13 @@ export function applyTableHandlers(
   hasTabHandler: boolean,
 ): TableObserver {
   const rootElement = editor.getRootElement();
-
-  if (rootElement === null) {
-    throw new Error('No root element.');
-  }
+  const editorWindow = getEditorWindow(editor);
+  invariant(
+    rootElement !== null && editorWindow !== null,
+    'applyTableHandlers: editor has no root element set',
+  );
 
   const tableObserver = new TableObserver(editor, tableNode.getKey());
-  const editorWindow = editor._window || window;
 
   const tableElement = getTableElement(tableNode, element);
   attachTableObserverToTableElement(tableElement, tableObserver);
@@ -128,6 +168,9 @@ export function applyTableHandlers(
   );
 
   const createMouseHandlers = () => {
+    if (tableObserver.isSelecting) {
+      return;
+    }
     const onMouseUp = () => {
       tableObserver.isSelecting = false;
       editorWindow.removeEventListener('mouseup', onMouseUp);
@@ -135,57 +178,104 @@ export function applyTableHandlers(
     };
 
     const onMouseMove = (moveEvent: MouseEvent) => {
-      // delaying mousemove handler to allow selectionchange handler from LexicalEvents.ts to be executed first
-      setTimeout(() => {
-        if (!isMouseDownOnEvent(moveEvent) && tableObserver.isSelecting) {
-          tableObserver.isSelecting = false;
-          editorWindow.removeEventListener('mouseup', onMouseUp);
-          editorWindow.removeEventListener('mousemove', onMouseMove);
-          return;
-        }
-        const focusCell = getDOMCellFromTarget(moveEvent.target as Node);
-        if (
-          focusCell !== null &&
-          (tableObserver.anchorX !== focusCell.x ||
-            tableObserver.anchorY !== focusCell.y)
-        ) {
-          moveEvent.preventDefault();
-          tableObserver.setFocusCellForSelection(focusCell);
+      if (!isMouseDownOnEvent(moveEvent) && tableObserver.isSelecting) {
+        tableObserver.isSelecting = false;
+        editorWindow.removeEventListener('mouseup', onMouseUp);
+        editorWindow.removeEventListener('mousemove', onMouseMove);
+        return;
+      }
+      const override = !tableElement.contains(moveEvent.target as Node);
+      let focusCell: null | TableDOMCell = null;
+      if (!override) {
+        focusCell = getDOMCellFromTarget(moveEvent.target as Node);
+      } else {
+        for (const el of document.elementsFromPoint(
+          moveEvent.clientX,
+          moveEvent.clientY,
+        )) {
+          focusCell = tableElement.contains(el)
+            ? getDOMCellFromTarget(el)
+            : null;
+          if (focusCell) {
+            break;
+          }
         }
-      }, 0);
+      }
+      if (
+        focusCell &&
+        (tableObserver.focusCell === null ||
+          focusCell.elem !== tableObserver.focusCell.elem)
+      ) {
+        tableObserver.setNextFocus({focusCell, override});
+        editor.dispatchCommand(SELECTION_CHANGE_COMMAND, undefined);
+      }
     };
-    return {onMouseMove, onMouseUp};
+    tableObserver.isSelecting = true;
+    editorWindow.addEventListener(
+      'mouseup',
+      onMouseUp,
+      tableObserver.listenerOptions,
+    );
+    editorWindow.addEventListener(
+      'mousemove',
+      onMouseMove,
+      tableObserver.listenerOptions,
+    );
   };
 
   const onMouseDown = (event: MouseEvent) => {
-    setTimeout(() => {
-      if (event.button !== 0) {
-        return;
-      }
+    if (event.button !== 0) {
+      return;
+    }
 
-      if (!editorWindow) {
-        return;
-      }
+    if (!editorWindow) {
+      return;
+    }
 
-      const anchorCell = getDOMCellFromTarget(event.target as Node);
-      if (anchorCell !== null) {
-        stopEvent(event);
-        tableObserver.setAnchorCellForSelection(anchorCell);
-      }
+    const targetCell = getDOMCellFromTarget(event.target as Node);
+    if (targetCell !== null) {
+      editor.update(() => {
+        const prevSelection = $getPreviousSelection();
+        // We can't trust Firefox to do the right thing with the selection and
+        // we don't have a proper state machine to do this "correctly" but
+        // if we go ahead and make the table selection now it will work
+        if (
+          IS_FIREFOX &&
+          event.shiftKey &&
+          $isSelectionInTable(prevSelection, tableNode) &&
+          ($isRangeSelection(prevSelection) || $isTableSelection(prevSelection))
+        ) {
+          const prevAnchorNode = prevSelection.anchor.getNode();
+          const prevAnchorCell = $findParentTableCellNodeInTable(
+            tableNode,
+            prevSelection.anchor.getNode(),
+          );
+          if (prevAnchorCell) {
+            tableObserver.$setAnchorCellForSelection(
+              $getObserverCellFromCellNodeOrThrow(
+                tableObserver,
+                prevAnchorCell,
+              ),
+            );
+            tableObserver.$setFocusCellForSelection(targetCell);
+            stopEvent(event);
+          } else {
+            const newSelection = tableNode.isBefore(prevAnchorNode)
+              ? tableNode.selectStart()
+              : tableNode.selectEnd();
+            newSelection.anchor.set(
+              prevSelection.anchor.key,
+              prevSelection.anchor.offset,
+              prevSelection.anchor.type,
+            );
+          }
+        } else {
+          tableObserver.$setAnchorCellForSelection(targetCell);
+        }
+      });
+    }
 
-      const {onMouseUp, onMouseMove} = createMouseHandlers();
-      tableObserver.isSelecting = true;
-      editorWindow.addEventListener(
-        'mouseup',
-        onMouseUp,
-        tableObserver.listenerOptions,
-      );
-      editorWindow.addEventListener(
-        'mousemove',
-        onMouseMove,
-        tableObserver.listenerOptions,
-      );
-    }, 0);
+    createMouseHandlers();
   };
   tableElement.addEventListener(
     'mousedown',
@@ -207,7 +297,7 @@ export function applyTableHandlers(
         selection.tableKey === tableObserver.tableNodeKey &&
         rootElement.contains(target)
       ) {
-        tableObserver.clearHighlight();
+        tableObserver.$clearHighlight();
       }
     });
   };
@@ -218,40 +308,16 @@ export function applyTableHandlers(
     tableObserver.listenerOptions,
   );
 
-  tableObserver.listenersToRemove.add(
-    editor.registerCommand<KeyboardEvent>(
-      KEY_ARROW_DOWN_COMMAND,
-      (event) =>
-        $handleArrowKey(editor, event, 'down', tableNode, tableObserver),
-      COMMAND_PRIORITY_HIGH,
-    ),
-  );
-
-  tableObserver.listenersToRemove.add(
-    editor.registerCommand<KeyboardEvent>(
-      KEY_ARROW_UP_COMMAND,
-      (event) => $handleArrowKey(editor, event, 'up', tableNode, tableObserver),
-      COMMAND_PRIORITY_HIGH,
-    ),
-  );
-
-  tableObserver.listenersToRemove.add(
-    editor.registerCommand<KeyboardEvent>(
-      KEY_ARROW_LEFT_COMMAND,
-      (event) =>
-        $handleArrowKey(editor, event, 'backward', tableNode, tableObserver),
-      COMMAND_PRIORITY_HIGH,
-    ),
-  );
-
-  tableObserver.listenersToRemove.add(
-    editor.registerCommand<KeyboardEvent>(
-      KEY_ARROW_RIGHT_COMMAND,
-      (event) =>
-        $handleArrowKey(editor, event, 'forward', tableNode, tableObserver),
-      COMMAND_PRIORITY_HIGH,
-    ),
-  );
+  for (const [command, direction] of ARROW_KEY_COMMANDS_WITH_DIRECTION) {
+    tableObserver.listenersToRemove.add(
+      editor.registerCommand<KeyboardEvent>(
+        command,
+        (event) =>
+          $handleArrowKey(editor, event, direction, tableNode, tableObserver),
+        COMMAND_PRIORITY_HIGH,
+      ),
+    );
+  }
 
   tableObserver.listenersToRemove.add(
     editor.registerCommand<KeyboardEvent>(
@@ -259,11 +325,11 @@ export function applyTableHandlers(
       (event) => {
         const selection = $getSelection();
         if ($isTableSelection(selection)) {
-          const focusCellNode = $findMatchingParent(
+          const focusCellNode = $findParentTableCellNodeInTable(
+            tableNode,
             selection.focus.getNode(),
-            $isTableCellNode,
           );
-          if ($isTableCellNode(focusCellNode)) {
+          if (focusCellNode !== null) {
             stopEvent(event);
             focusCellNode.selectEnd();
             return true;
@@ -284,13 +350,13 @@ export function applyTableHandlers(
     }
 
     if ($isTableSelection(selection)) {
-      tableObserver.clearText();
+      tableObserver.$clearText();
 
       return true;
     } else if ($isRangeSelection(selection)) {
-      const tableCellNode = $findMatchingParent(
+      const tableCellNode = $findParentTableCellNodeInTable(
+        tableNode,
         selection.anchor.getNode(),
-        (n) => $isTableCellNode(n),
       );
 
       if (!$isTableCellNode(tableCellNode)) {
@@ -307,7 +373,7 @@ export function applyTableHandlers(
         (isFocusInside && !isAnchorInside);
 
       if (selectionContainsPartialTable) {
-        tableObserver.clearText();
+        tableObserver.$clearText();
         return true;
       }
 
@@ -342,17 +408,15 @@ export function applyTableHandlers(
     return false;
   };
 
-  [DELETE_WORD_COMMAND, DELETE_LINE_COMMAND, DELETE_CHARACTER_COMMAND].forEach(
-    (command) => {
-      tableObserver.listenersToRemove.add(
-        editor.registerCommand(
-          command,
-          deleteTextHandler(command),
-          COMMAND_PRIORITY_CRITICAL,
-        ),
-      );
-    },
-  );
+  for (const command of DELETE_TEXT_COMMANDS) {
+    tableObserver.listenersToRemove.add(
+      editor.registerCommand(
+        command,
+        deleteTextHandler(command),
+        COMMAND_PRIORITY_CRITICAL,
+      ),
+    );
+  }
 
   const $deleteCellHandler = (
     event: KeyboardEvent | ClipboardEvent | null,
@@ -390,7 +454,7 @@ export function applyTableHandlers(
         event.preventDefault();
         event.stopPropagation();
       }
-      tableObserver.clearText();
+      tableObserver.$clearText();
 
       return true;
     }
@@ -398,21 +462,15 @@ export function applyTableHandlers(
     return false;
   };
 
-  tableObserver.listenersToRemove.add(
-    editor.registerCommand<KeyboardEvent>(
-      KEY_BACKSPACE_COMMAND,
-      $deleteCellHandler,
-      COMMAND_PRIORITY_CRITICAL,
-    ),
-  );
-
-  tableObserver.listenersToRemove.add(
-    editor.registerCommand<KeyboardEvent>(
-      KEY_DELETE_COMMAND,
-      $deleteCellHandler,
-      COMMAND_PRIORITY_CRITICAL,
-    ),
-  );
+  for (const command of DELETE_KEY_COMMANDS) {
+    tableObserver.listenersToRemove.add(
+      editor.registerCommand<KeyboardEvent>(
+        command,
+        $deleteCellHandler,
+        COMMAND_PRIORITY_CRITICAL,
+      ),
+    );
+  }
 
   tableObserver.listenersToRemove.add(
     editor.registerCommand<KeyboardEvent | ClipboardEvent | null>(
@@ -456,7 +514,7 @@ export function applyTableHandlers(
         }
 
         if ($isTableSelection(selection)) {
-          tableObserver.formatCells(payload);
+          tableObserver.$formatCells(payload);
 
           return true;
         } else if ($isRangeSelection(selection)) {
@@ -499,19 +557,27 @@ export function applyTableHandlers(
           anchorNode,
           focusNode,
         );
-        const maxRow = Math.max(anchorCell.startRow, focusCell.startRow);
+        const maxRow = Math.max(
+          anchorCell.startRow + anchorCell.cell.__rowSpan - 1,
+          focusCell.startRow + focusCell.cell.__rowSpan - 1,
+        );
         const maxColumn = Math.max(
-          anchorCell.startColumn,
-          focusCell.startColumn,
+          anchorCell.startColumn + anchorCell.cell.__colSpan - 1,
+          focusCell.startColumn + focusCell.cell.__colSpan - 1,
         );
         const minRow = Math.min(anchorCell.startRow, focusCell.startRow);
         const minColumn = Math.min(
           anchorCell.startColumn,
           focusCell.startColumn,
         );
+        const visited = new Set<TableCellNode>();
         for (let i = minRow; i <= maxRow; i++) {
           for (let j = minColumn; j <= maxColumn; j++) {
             const cell = tableMap[i][j].cell;
+            if (visited.has(cell)) {
+              continue;
+            }
+            visited.add(cell);
             cell.setFormat(formatType);
 
             const cellChildren = cell.getChildren();
@@ -540,7 +606,7 @@ export function applyTableHandlers(
         }
 
         if ($isTableSelection(selection)) {
-          tableObserver.clearHighlight();
+          tableObserver.$clearHighlight();
 
           return false;
         } else if ($isRangeSelection(selection)) {
@@ -625,20 +691,6 @@ export function applyTableHandlers(
     ),
   );
 
-  function getObserverCellFromCellNode(
-    tableCellNode: TableCellNode,
-  ): TableDOMCell {
-    const currentCords = tableNode.getCordsFromCellNode(
-      tableCellNode,
-      tableObserver.table,
-    );
-    return tableNode.getDOMCellFromCordsOrThrow(
-      currentCords.x,
-      currentCords.y,
-      tableObserver.table,
-    );
-  }
-
   tableObserver.listenersToRemove.add(
     editor.registerCommand(
       SELECTION_INSERT_CLIPBOARD_NODES_COMMAND,
@@ -766,11 +818,39 @@ export function applyTableHandlers(
       () => {
         const selection = $getSelection();
         const prevSelection = $getPreviousSelection();
+        const nextFocus = tableObserver.getAndClearNextFocus();
+        if (nextFocus !== null) {
+          const {focusCell} = nextFocus;
+          if (
+            $isTableSelection(selection) &&
+            selection.tableKey === tableObserver.tableNodeKey
+          ) {
+            if (
+              focusCell.x === tableObserver.focusX &&
+              focusCell.y === tableObserver.focusY
+            ) {
+              // The selection is already the correct table selection
+              return false;
+            } else {
+              tableObserver.$setFocusCellForSelection(focusCell);
+              return true;
+            }
+          } else if (
+            focusCell !== tableObserver.anchorCell &&
+            $isSelectionInTable(selection, tableNode)
+          ) {
+            // The selection has crossed cells
+            tableObserver.$setFocusCellForSelection(focusCell);
+            return true;
+          }
+        }
+        const shouldCheckSelection =
+          tableObserver.getAndClearShouldCheckSelection();
         // If they pressed the down arrow with the selection outside of the
         // table, and then the selection ends up in the table but not in the
         // first cell, then move the selection to the first cell.
         if (
-          tableObserver.getAndClearShouldCheckSelection() &&
+          shouldCheckSelection &&
           $isRangeSelection(prevSelection) &&
           $isRangeSelection(selection) &&
           selection.isCollapsed()
@@ -810,11 +890,11 @@ export function applyTableHandlers(
           const isFocusInside = !!(
             focusCellNode && tableNode.is($findTableNode(focusCellNode))
           );
-          const isPartialyWithinTable = isAnchorInside !== isFocusInside;
+          const isPartiallyWithinTable = isAnchorInside !== isFocusInside;
           const isWithinTable = isAnchorInside && isFocusInside;
           const isBackward = selection.isBackward();
 
-          if (isPartialyWithinTable) {
+          if (isPartiallyWithinTable) {
             const newSelection = selection.clone();
             if (isFocusInside) {
               const [tableMap] = $computeTableMap(
@@ -855,23 +935,21 @@ export function applyTableHandlers(
             $addHighlightStyleToTable(editor, tableObserver);
           } else if (isWithinTable) {
             // Handle case when selection spans across multiple cells but still
-            // has range selection, then we convert it into grid selection
+            // has range selection, then we convert it into table selection
             if (!anchorCellNode.is(focusCellNode)) {
-              tableObserver.setAnchorCellForSelection(
-                getObserverCellFromCellNode(anchorCellNode),
+              tableObserver.$setAnchorCellForSelection(
+                $getObserverCellFromCellNodeOrThrow(
+                  tableObserver,
+                  anchorCellNode,
+                ),
               );
-              tableObserver.setFocusCellForSelection(
-                getObserverCellFromCellNode(focusCellNode),
+              tableObserver.$setFocusCellForSelection(
+                $getObserverCellFromCellNodeOrThrow(
+                  tableObserver,
+                  focusCellNode,
+                ),
                 true,
               );
-              if (!tableObserver.isSelecting) {
-                setTimeout(() => {
-                  const {onMouseUp, onMouseMove} = createMouseHandlers();
-                  tableObserver.isSelecting = true;
-                  editorWindow.addEventListener('mouseup', onMouseUp);
-                  editorWindow.addEventListener('mousemove', onMouseMove);
-                }, 0);
-              }
             }
           }
         } else if (
@@ -881,7 +959,7 @@ export function applyTableHandlers(
           selection.tableKey === tableNode.getKey()
         ) {
           // if selection goes outside of the table we need to change it to Range selection
-          const domSelection = getDOMSelection(editor._window);
+          const domSelection = getDOMSelection(editorWindow);
           if (
             domSelection &&
             domSelection.anchorNode &&
@@ -932,13 +1010,13 @@ export function applyTableHandlers(
             $isTableSelection(selection) &&
             selection.tableKey === tableObserver.tableNodeKey
           ) {
-            tableObserver.updateTableTableSelection(selection);
+            tableObserver.$updateTableTableSelection(selection);
           } else if (
             !$isTableSelection(selection) &&
             $isTableSelection(prevSelection) &&
             prevSelection.tableKey === tableObserver.tableNodeKey
           ) {
-            tableObserver.updateTableTableSelection(null);
+            tableObserver.$updateTableTableSelection(null);
           }
           return false;
         }
@@ -1195,7 +1273,7 @@ export function $addHighlightStyleToTable(
   editor: LexicalEditor,
   tableSelection: TableObserver,
 ) {
-  tableSelection.disableHighlightStyle();
+  tableSelection.$disableHighlightStyle();
   $forEachTableCell(tableSelection.table, (cell) => {
     cell.highlighted = true;
     $addHighlightToDOM(editor, cell);
@@ -1206,7 +1284,7 @@ export function $removeHighlightStyleToTable(
   editor: LexicalEditor,
   tableObserver: TableObserver,
 ) {
-  tableObserver.enableHighlightStyle();
+  tableObserver.$enableHighlightStyle();
   $forEachTableCell(tableObserver.table, (cell) => {
     const elem = cell.elem;
     cell.highlighted = false;
@@ -1288,53 +1366,170 @@ const selectTableNodeInDirection = (
   }
 };
 
-const adjustFocusNodeInDirection = (
-  tableObserver: TableObserver,
-  tableNode: TableNode,
-  x: number,
-  y: number,
-  direction: Direction,
-): boolean => {
-  const isForward = direction === 'forward';
+type Corner = ['minColumn' | 'maxColumn', 'minRow' | 'maxRow'];
+function getCorner(
+  rect: TableCellRectBoundary,
+  cellValue: TableMapValueType,
+): Corner | null {
+  let colName: 'minColumn' | 'maxColumn';
+  let rowName: 'minRow' | 'maxRow';
+  if (cellValue.startColumn === rect.minColumn) {
+    colName = 'minColumn';
+  } else if (
+    cellValue.startColumn + cellValue.cell.__colSpan - 1 ===
+    rect.maxColumn
+  ) {
+    colName = 'maxColumn';
+  } else {
+    return null;
+  }
+  if (cellValue.startRow === rect.minRow) {
+    rowName = 'minRow';
+  } else if (
+    cellValue.startRow + cellValue.cell.__rowSpan - 1 ===
+    rect.maxRow
+  ) {
+    rowName = 'maxRow';
+  } else {
+    return null;
+  }
+  return [colName, rowName];
+}
 
-  switch (direction) {
-    case 'backward':
-    case 'forward':
-      if (x !== (isForward ? tableObserver.table.columns - 1 : 0)) {
-        tableObserver.setFocusCellForSelection(
-          tableNode.getDOMCellFromCordsOrThrow(
-            x + (isForward ? 1 : -1),
-            y,
-            tableObserver.table,
-          ),
-        );
-      }
+function getCornerOrThrow(
+  rect: TableCellRectBoundary,
+  cellValue: TableMapValueType,
+): Corner {
+  const corner = getCorner(rect, cellValue);
+  invariant(
+    corner !== null,
+    'getCornerOrThrow: cell %s is not at a corner of rect',
+    cellValue.cell.getKey(),
+  );
+  return corner;
+}
 
-      return true;
-    case 'up':
-      if (y !== 0) {
-        tableObserver.setFocusCellForSelection(
-          tableNode.getDOMCellFromCordsOrThrow(x, y - 1, tableObserver.table),
-        );
+function oppositeCorner([colName, rowName]: Corner): Corner {
+  return [
+    colName === 'minColumn' ? 'maxColumn' : 'minColumn',
+    rowName === 'minRow' ? 'maxRow' : 'minRow',
+  ];
+}
 
-        return true;
-      } else {
-        return false;
-      }
-    case 'down':
-      if (y !== tableObserver.table.rows - 1) {
-        tableObserver.setFocusCellForSelection(
-          tableNode.getDOMCellFromCordsOrThrow(x, y + 1, tableObserver.table),
-        );
+function cellAtCornerOrThrow(
+  tableMap: TableMapType,
+  rect: TableCellRectBoundary,
+  [colName, rowName]: Corner,
+): TableMapValueType {
+  const rowNum = rect[rowName];
+  const rowMap = tableMap[rowNum];
+  invariant(
+    rowMap !== undefined,
+    'cellAtCornerOrThrow: %s = %s missing in tableMap',
+    rowName,
+    String(rowNum),
+  );
+  const colNum = rect[colName];
+  const cell = rowMap[colNum];
+  invariant(
+    cell !== undefined,
+    'cellAtCornerOrThrow: %s = %s missing in tableMap',
+    colName,
+    String(colNum),
+  );
+  return cell;
+}
 
-        return true;
-      } else {
-        return false;
-      }
-    default:
-      return false;
+function $extractRectCorners(
+  tableMap: TableMapType,
+  anchorCellValue: TableMapValueType,
+  newFocusCellValue: TableMapValueType,
+) {
+  // We are sure that the focus now either contracts or expands the rect
+  // but both the anchor and focus might be moved to ensure a rectangle
+  // given a potentially ragged merge shape
+  const rect = $computeTableCellRectBoundary(
+    tableMap,
+    anchorCellValue,
+    newFocusCellValue,
+  );
+  const anchorCorner = getCorner(rect, anchorCellValue);
+  if (anchorCorner) {
+    return [
+      cellAtCornerOrThrow(tableMap, rect, anchorCorner),
+      cellAtCornerOrThrow(tableMap, rect, oppositeCorner(anchorCorner)),
+    ];
   }
-};
+  const newFocusCorner = getCorner(rect, newFocusCellValue);
+  if (newFocusCorner) {
+    return [
+      cellAtCornerOrThrow(tableMap, rect, oppositeCorner(newFocusCorner)),
+      cellAtCornerOrThrow(tableMap, rect, newFocusCorner),
+    ];
+  }
+  // TODO this doesn't have to be arbitrary, use the closest corner instead
+  const newAnchorCorner: Corner = ['minColumn', 'minRow'];
+  return [
+    cellAtCornerOrThrow(tableMap, rect, newAnchorCorner),
+    cellAtCornerOrThrow(tableMap, rect, oppositeCorner(newAnchorCorner)),
+  ];
+}
+
+function $adjustFocusInDirection(
+  tableObserver: TableObserver,
+  tableMap: TableMapType,
+  anchorCellValue: TableMapValueType,
+  focusCellValue: TableMapValueType,
+  direction: Direction,
+): boolean {
+  const rect = $computeTableCellRectBoundary(
+    tableMap,
+    anchorCellValue,
+    focusCellValue,
+  );
+  const spans = $computeTableCellRectSpans(tableMap, rect);
+  const {topSpan, leftSpan, bottomSpan, rightSpan} = spans;
+  const anchorCorner = getCornerOrThrow(rect, anchorCellValue);
+  const [focusColumn, focusRow] = oppositeCorner(anchorCorner);
+  let fCol = rect[focusColumn];
+  let fRow = rect[focusRow];
+  if (direction === 'forward') {
+    fCol += focusColumn === 'maxColumn' ? 1 : leftSpan;
+  } else if (direction === 'backward') {
+    fCol -= focusColumn === 'minColumn' ? 1 : rightSpan;
+  } else if (direction === 'down') {
+    fRow += focusRow === 'maxRow' ? 1 : topSpan;
+  } else if (direction === 'up') {
+    fRow -= focusRow === 'minRow' ? 1 : bottomSpan;
+  }
+  const targetRowMap = tableMap[fRow];
+  if (targetRowMap === undefined) {
+    return false;
+  }
+  const newFocusCellValue = targetRowMap[fCol];
+  if (newFocusCellValue === undefined) {
+    return false;
+  }
+  // We can be certain that anchorCellValue and newFocusCellValue are
+  // contained within the desired selection, but we are not certain if
+  // they need to be expanded or not to maintain a rectangular shape
+  const [finalAnchorCell, finalFocusCell] = $extractRectCorners(
+    tableMap,
+    anchorCellValue,
+    newFocusCellValue,
+  );
+  const anchorDOM = $getObserverCellFromCellNodeOrThrow(
+    tableObserver,
+    finalAnchorCell.cell,
+  )!;
+  const focusDOM = $getObserverCellFromCellNodeOrThrow(
+    tableObserver,
+    finalFocusCell.cell,
+  );
+  tableObserver.$setAnchorCellForSelection(anchorDOM);
+  tableObserver.$setFocusCellForSelection(focusDOM, true);
+  return true;
+}
 
 function $isSelectionInTable(
   selection: null | BaseSelection,
@@ -1545,8 +1740,8 @@ function $handleArrowKey(
                 lastCellCoords.y,
                 tableObserver.table,
               );
-              tableObserver.setAnchorCellForSelection(firstCellDOM);
-              tableObserver.setFocusCellForSelection(lastCellDOM, true);
+              tableObserver.$setAnchorCellForSelection(firstCellDOM);
+              tableObserver.$setFocusCellForSelection(lastCellDOM, true);
               return true;
             }
           }
@@ -1650,7 +1845,13 @@ function $handleArrowKey(
       if (
         isExitingTableAnchor(anchorType, anchorOffset, anchorNode, direction)
       ) {
-        return $handleTableExit(event, anchorNode, tableNode, direction);
+        return $handleTableExit(
+          event,
+          anchorNode,
+          anchorCellNode,
+          tableNode,
+          direction,
+        );
       }
 
       return false;
@@ -1666,7 +1867,7 @@ function $handleArrowKey(
     if (anchor.type === 'element') {
       edgeSelectionRect = anchorDOM.getBoundingClientRect();
     } else {
-      const domSelection = window.getSelection();
+      const domSelection = getDOMSelection(getEditorWindow(editor));
       if (domSelection === null || domSelection.rangeCount === 0) {
         return false;
       }
@@ -1709,8 +1910,8 @@ function $handleArrowKey(
           cords.y,
           tableObserver.table,
         );
-        tableObserver.setAnchorCellForSelection(cell);
-        tableObserver.setFocusCellForSelection(cell, true);
+        tableObserver.$setAnchorCellForSelection(cell);
+        tableObserver.$setFocusCellForSelection(cell, true);
       } else {
         return selectTableNodeInDirection(
           tableObserver,
@@ -1751,7 +1952,7 @@ function $handleArrowKey(
     ) {
       return false;
     }
-    tableObserver.updateTableTableSelection(selection);
+    tableObserver.$updateTableTableSelection(selection);
 
     const grid = getTable(tableNodeFromSelection, tableElement);
     const cordsAnchor = tableNode.getCordsFromCellNode(anchorCellNode, grid);
@@ -1760,17 +1961,21 @@ function $handleArrowKey(
       cordsAnchor.y,
       grid,
     );
-    tableObserver.setAnchorCellForSelection(anchorCell);
+    tableObserver.$setAnchorCellForSelection(anchorCell);
 
     stopEvent(event);
 
     if (event.shiftKey) {
-      const cords = tableNode.getCordsFromCellNode(focusCellNode, grid);
-      return adjustFocusNodeInDirection(
+      const [tableMap, anchorValue, focusValue] = $computeTableMap(
+        tableNode,
+        anchorCellNode,
+        focusCellNode,
+      );
+      return $adjustFocusInDirection(
         tableObserver,
-        tableNodeFromSelection,
-        cords.x,
-        cords.y,
+        tableMap,
+        anchorValue,
+        focusValue,
         direction,
       );
     } else {
@@ -1856,13 +2061,10 @@ function $isExitingTableTextAnchor(
 function $handleTableExit(
   event: KeyboardEvent,
   anchorNode: LexicalNode,
+  anchorCellNode: TableCellNode,
   tableNode: TableNode,
   direction: 'backward' | 'forward',
-) {
-  const anchorCellNode = $findMatchingParent(anchorNode, $isTableCellNode);
-  if (!$isTableCellNode(anchorCellNode)) {
-    return false;
-  }
+): boolean {
   const [tableMap, cellValue] = $computeTableMap(
     tableNode,
     anchorCellNode,
@@ -1948,7 +2150,7 @@ function $getTableEdgeCursorPosition(
   }
 
   // TODO: Add support for nested tables
-  const domSelection = window.getSelection();
+  const domSelection = getDOMSelection(getEditorWindow(editor));
   if (!domSelection) {
     return undefined;
   }
@@ -2009,3 +2211,19 @@ function $getTableEdgeCursorPosition(
     return undefined;
   }
 }
+
+export function $getObserverCellFromCellNodeOrThrow(
+  tableObserver: TableObserver,
+  tableCellNode: TableCellNode,
+): TableDOMCell {
+  const {tableNode} = tableObserver.$lookup();
+  const currentCords = tableNode.getCordsFromCellNode(
+    tableCellNode,
+    tableObserver.table,
+  );
+  return tableNode.getDOMCellFromCordsOrThrow(
+    currentCords.x,
+    currentCords.y,
+    tableObserver.table,
+  );
+}
diff --git a/packages/lexical-table/src/LexicalTableUtils.ts b/packages/lexical-table/src/LexicalTableUtils.ts
index c2cce0126a1..e1c0c0884cd 100644
--- a/packages/lexical-table/src/LexicalTableUtils.ts
+++ b/packages/lexical-table/src/LexicalTableUtils.ts
@@ -788,12 +788,12 @@ export function $unmergeCell(): void {
 }
 
 export function $computeTableMap(
-  grid: TableNode,
+  tableNode: TableNode,
   cellA: TableCellNode,
   cellB: TableCellNode,
 ): [TableMapType, TableMapValueType, TableMapValueType] {
   const [tableMap, cellAValue, cellBValue] = $computeTableMapSkipCellCheck(
-    grid,
+    tableNode,
     cellA,
     cellB,
   );
@@ -803,10 +803,14 @@ export function $computeTableMap(
 }
 
 export function $computeTableMapSkipCellCheck(
-  grid: TableNode,
+  tableNode: TableNode,
   cellA: null | TableCellNode,
   cellB: null | TableCellNode,
-): [TableMapType, TableMapValueType | null, TableMapValueType | null] {
+): [
+  tableMap: TableMapType,
+  cellAValue: TableMapValueType | null,
+  cellBValue: TableMapValueType | null,
+] {
   const tableMap: TableMapType = [];
   let cellAValue: null | TableMapValueType = null;
   let cellBValue: null | TableMapValueType = null;
@@ -817,7 +821,7 @@ export function $computeTableMapSkipCellCheck(
     }
     return row;
   }
-  const gridChildren = grid.getChildren();
+  const gridChildren = tableNode.getChildren();
   for (let rowIdx = 0; rowIdx < gridChildren.length; rowIdx++) {
     const row = gridChildren[rowIdx];
     invariant(
@@ -905,6 +909,118 @@ export function $getNodeTriplet(
   return [cell, row, grid];
 }
 
+export interface TableCellRectBoundary {
+  minColumn: number;
+  minRow: number;
+  maxColumn: number;
+  maxRow: number;
+}
+
+export interface TableCellRectSpans {
+  topSpan: number;
+  leftSpan: number;
+  rightSpan: number;
+  bottomSpan: number;
+}
+
+export function $computeTableCellRectSpans(
+  map: TableMapType,
+  boundary: TableCellRectBoundary,
+): TableCellRectSpans {
+  const {minColumn, maxColumn, minRow, maxRow} = boundary;
+  let topSpan = 1;
+  let leftSpan = 1;
+  let rightSpan = 1;
+  let bottomSpan = 1;
+  const topRow = map[minRow];
+  const bottomRow = map[maxRow];
+  for (let col = minColumn; col <= maxColumn; col++) {
+    topSpan = Math.max(topSpan, topRow[col].cell.__rowSpan);
+    bottomSpan = Math.max(bottomSpan, bottomRow[col].cell.__rowSpan);
+  }
+  for (let row = minRow; row <= maxRow; row++) {
+    leftSpan = Math.max(leftSpan, map[row][minColumn].cell.__colSpan);
+    rightSpan = Math.max(rightSpan, map[row][maxColumn].cell.__colSpan);
+  }
+  return {bottomSpan, leftSpan, rightSpan, topSpan};
+}
+
+export function $computeTableCellRectBoundary(
+  map: TableMapType,
+  cellAMap: TableMapValueType,
+  cellBMap: TableMapValueType,
+): TableCellRectBoundary {
+  let minColumn = Math.min(cellAMap.startColumn, cellBMap.startColumn);
+  let minRow = Math.min(cellAMap.startRow, cellBMap.startRow);
+  let maxColumn = Math.max(
+    cellAMap.startColumn + cellAMap.cell.__colSpan - 1,
+    cellBMap.startColumn + cellBMap.cell.__colSpan - 1,
+  );
+  let maxRow = Math.max(
+    cellAMap.startRow + cellAMap.cell.__rowSpan - 1,
+    cellBMap.startRow + cellBMap.cell.__rowSpan - 1,
+  );
+  let exploredMinColumn = minColumn;
+  let exploredMinRow = minRow;
+  let exploredMaxColumn = minColumn;
+  let exploredMaxRow = minRow;
+  function expandBoundary(mapValue: TableMapValueType): void {
+    const {
+      cell,
+      startColumn: cellStartColumn,
+      startRow: cellStartRow,
+    } = mapValue;
+    minColumn = Math.min(minColumn, cellStartColumn);
+    minRow = Math.min(minRow, cellStartRow);
+    maxColumn = Math.max(maxColumn, cellStartColumn + cell.__colSpan - 1);
+    maxRow = Math.max(maxRow, cellStartRow + cell.__rowSpan - 1);
+  }
+  while (
+    minColumn < exploredMinColumn ||
+    minRow < exploredMinRow ||
+    maxColumn > exploredMaxColumn ||
+    maxRow > exploredMaxRow
+  ) {
+    if (minColumn < exploredMinColumn) {
+      // Expand on the left
+      const rowDiff = exploredMaxRow - exploredMinRow;
+      const previousColumn = exploredMinColumn - 1;
+      for (let i = 0; i <= rowDiff; i++) {
+        expandBoundary(map[exploredMinRow + i][previousColumn]);
+      }
+      exploredMinColumn = previousColumn;
+    }
+    if (minRow < exploredMinRow) {
+      // Expand on top
+      const columnDiff = exploredMaxColumn - exploredMinColumn;
+      const previousRow = exploredMinRow - 1;
+      for (let i = 0; i <= columnDiff; i++) {
+        expandBoundary(map[previousRow][exploredMinColumn + i]);
+      }
+      exploredMinRow = previousRow;
+    }
+    if (maxColumn > exploredMaxColumn) {
+      // Expand on the right
+      const rowDiff = exploredMaxRow - exploredMinRow;
+      const nextColumn = exploredMaxColumn + 1;
+      for (let i = 0; i <= rowDiff; i++) {
+        expandBoundary(map[exploredMinRow + i][nextColumn]);
+      }
+      exploredMaxColumn = nextColumn;
+    }
+    if (maxRow > exploredMaxRow) {
+      // Expand on the bottom
+      const columnDiff = exploredMaxColumn - exploredMinColumn;
+      const nextRow = exploredMaxRow + 1;
+      for (let i = 0; i <= columnDiff; i++) {
+        expandBoundary(map[nextRow][exploredMinColumn + i]);
+      }
+      exploredMaxRow = nextRow;
+    }
+  }
+  return {maxColumn, maxRow, minColumn, minRow};
+}
+
 export function $getTableCellNodeRect(tableCellNode: TableCellNode): {
   rowIndex: number;
   columnIndex: number;
diff --git a/packages/lexical/src/LexicalEvents.ts b/packages/lexical/src/LexicalEvents.ts
index b6c46fbdeeb..663fbb236a4 100644
--- a/packages/lexical/src/LexicalEvents.ts
+++ b/packages/lexical/src/LexicalEvents.ts
@@ -26,7 +26,6 @@ import {
   $getRoot,
   $getSelection,
   $isElementNode,
-  $isNodeSelection,
   $isRangeSelection,
   $isRootNode,
   $isTextNode,
@@ -437,7 +436,7 @@ function onClick(event: PointerEvent, editor: LexicalEditor): void {
           domSelection.removeAllRanges();
           selection.dirty = true;
         } else if (event.detail === 3 && !selection.isCollapsed()) {
-          // Tripple click causing selection to overflow into the nearest element. In that
+          // Triple click causing selection to overflow into the nearest element. In that
           // case visually it looks like a single element content is selected, focus node
           // is actually at the beginning of the next element (if present) and any manipulations
           // with selection (formatting) are affecting second element as well
@@ -1089,7 +1088,8 @@ function onKeyDown(event: KeyboardEvent, editor: LexicalEditor): void {
     dispatchCommand(editor, REDO_COMMAND, undefined);
   } else {
     const prevSelection = editor._editorState._selection;
-    if ($isNodeSelection(prevSelection)) {
+    if (prevSelection !== null && !$isRangeSelection(prevSelection)) {
+      // Only RangeSelection can use the native cut/copy/select all
       if (isCopy(key, shiftKey, metaKey, ctrlKey)) {
         event.preventDefault();
         dispatchCommand(editor, COPY_COMMAND, event);
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index dc3baa6fd4f..28b4f57e943 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1615,6 +1615,13 @@ export function updateDOMBlockCursorElement(
   }
 }
 
+/**
+ * Returns the selection for the given window, or the global window if null.
+ * Will return null if {@link CAN_USE_DOM} is false.
+ *
+ * @param targetWindow The window to get the selection from
+ * @returns a Selection or null
+ */
 export function getDOMSelection(targetWindow: null | Window): null | Selection {
   return !CAN_USE_DOM ? null : (targetWindow || window).getSelection();
 }
diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index 2898a73a9b7..5f1eae58210 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -179,6 +179,7 @@ export {
   $setCompositionKey,
   $setSelection,
   $splitNode,
+  getDOMSelection,
   getEditorPropertyFromDOMNode,
   getNearestEditorFromDOMNode,
   isBlockDomNode,
diff --git a/packages/shared/viteModuleResolution.ts b/packages/shared/viteModuleResolution.ts
index 572e1e52dfd..1764b008640 100644
--- a/packages/shared/viteModuleResolution.ts
+++ b/packages/shared/viteModuleResolution.ts
@@ -11,6 +11,7 @@ import type {
   NpmModuleExportEntry,
   PackageMetadata,
 } from '../../scripts/shared/PackageMetadata';
+import type {Alias} from 'vite';
 
 import * as fs from 'node:fs';
 import {createRequire} from 'node:module';
@@ -81,7 +82,7 @@ const distModuleResolution = (environment: 'development' | 'production') => {
 
 export default function moduleResolution(
   environment: 'source' | 'development' | 'production',
-) {
+): Alias[] {
   return environment === 'source'
     ? sourceModuleResolution()
     : distModuleResolution(environment);

From 89af9942b8f80f0c1df35392ab7768b50b9173ba Mon Sep 17 00:00:00 2001
From: Hamza <40746210+hamza221@users.noreply.github.com>
Date: Mon, 25 Nov 2024 09:07:31 +0800
Subject: [PATCH 104/133] [lexical-table] Bug Fix: get table-cell background
 selection color from a class (#6658)

Signed-off-by: hamza221 <hamzamahjoubi221@gmail.com>
Signed-off-by: Hamza Mahjoubi <hamzamahjoubi221@gmail.com>
Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 examples/react-table/src/ExampleTheme.ts      |  4 -
 examples/react-table/src/styles.css           | 33 +++----
 .../html/TablesHTMLCopyAndPaste.spec.mjs      | 48 ++++------
 .../__tests__/e2e/Indentation.spec.mjs        | 15 ++--
 .../__tests__/e2e/Tables.spec.mjs             | 88 +++++++------------
 .../src/themes/PlaygroundEditorTheme.css      | 33 +++----
 .../src/themes/PlaygroundEditorTheme.ts       |  4 -
 .../lexical-table/src/LexicalTableCellNode.ts | 38 ++++----
 .../src/LexicalTableSelectionHelpers.ts       | 28 +++---
 packages/lexical/src/LexicalEditor.ts         |  4 -
 10 files changed, 100 insertions(+), 195 deletions(-)

diff --git a/examples/react-table/src/ExampleTheme.ts b/examples/react-table/src/ExampleTheme.ts
index ca6919c8757..3033445c2df 100644
--- a/examples/react-table/src/ExampleTheme.ts
+++ b/examples/react-table/src/ExampleTheme.ts
@@ -34,13 +34,9 @@ export default {
   tableCellActionButton: 'ExampleEditorTheme__tableCellActionButton',
   tableCellActionButtonContainer:
     'ExampleEditorTheme__tableCellActionButtonContainer',
-  tableCellEditing: 'ExampleEditorTheme__tableCellEditing',
   tableCellHeader: 'ExampleEditorTheme__tableCellHeader',
-  tableCellPrimarySelected: 'ExampleEditorTheme__tableCellPrimarySelected',
   tableCellResizer: 'ExampleEditorTheme__tableCellResizer',
   tableCellSelected: 'ExampleEditorTheme__tableCellSelected',
-  tableCellSortedIndicator: 'ExampleEditorTheme__tableCellSortedIndicator',
-  tableResizeRuler: 'ExampleEditorTheme__tableCellResizeRuler',
   tableSelected: 'ExampleEditorTheme__tableSelected',
   tableSelection: 'ExampleEditorTheme__tableSelection',
   text: {
diff --git a/examples/react-table/src/styles.css b/examples/react-table/src/styles.css
index c6832a104f4..ceade988694 100644
--- a/examples/react-table/src/styles.css
+++ b/examples/react-table/src/styles.css
@@ -474,16 +474,6 @@ i.justify-align {
   position: relative;
   outline: none;
 }
-.ExampleEditorTheme__tableCellSortedIndicator {
-  display: block;
-  opacity: 0.5;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 4px;
-  background-color: #999;
-}
 .ExampleEditorTheme__tableCellResizer {
   position: absolute;
   right: -4px;
@@ -498,21 +488,18 @@ i.justify-align {
   text-align: start;
 }
 .ExampleEditorTheme__tableCellSelected {
-  background-color: #c9dbf0;
+  caret-color: transparent;
 }
-.ExampleEditorTheme__tableCellPrimarySelected {
-  border: 2px solid rgb(60, 132, 244);
-  display: block;
-  height: calc(100% - 2px);
+.ExampleEditorTheme__tableCellSelected::after {
   position: absolute;
-  width: calc(100% - 2px);
-  left: -1px;
-  top: -1px;
-  z-index: 2;
-}
-.ExampleEditorTheme__tableCellEditing {
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  border-radius: 3px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: rgb(172, 206, 247);
+  opacity: 0.6;
+  content: '';
+  pointer-events: none;
 }
 .ExampleEditorTheme__tableAddColumns {
   position: absolute;
diff --git a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
index 8ac28284f78..a2c9e0bf610 100644
--- a/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/CopyAndPaste/html/TablesHTMLCopyAndPaste.spec.mjs
@@ -302,8 +302,7 @@ test.describe('HTML Tables CopyAndPaste', () => {
           </colgroup>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
                 dir="ltr">
@@ -311,8 +310,7 @@ test.describe('HTML Tables CopyAndPaste', () => {
               </p>
             </th>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
                 dir="ltr">
@@ -320,20 +318,17 @@ test.describe('HTML Tables CopyAndPaste', () => {
               </p>
             </th>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
           </tr>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
                 dir="ltr">
@@ -341,8 +336,7 @@ test.describe('HTML Tables CopyAndPaste', () => {
               </p>
             </th>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
                 dir="ltr"
@@ -351,57 +345,47 @@ test.describe('HTML Tables CopyAndPaste', () => {
               </p>
             </td>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
           </tr>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
           </tr>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </th>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
             <td
-              class="PlaygroundEditorTheme__tableCell"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
               <p class="PlaygroundEditorTheme__paragraph"><br /></p>
             </td>
           </tr>
diff --git a/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs b/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
index 58a0b41af91..aee91bc356b 100644
--- a/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Indentation.spec.mjs
@@ -113,8 +113,7 @@ test.describe('Identation', () => {
           </colgroup>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
                 dir="ltr">
@@ -198,8 +197,7 @@ test.describe('Identation', () => {
           </colgroup>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr PlaygroundEditorTheme__indent"
                 dir="ltr"
@@ -294,8 +292,7 @@ test.describe('Identation', () => {
           </colgroup>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr PlaygroundEditorTheme__indent"
                 dir="ltr"
@@ -384,8 +381,7 @@ test.describe('Identation', () => {
           </colgroup>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr PlaygroundEditorTheme__indent"
                 dir="ltr"
@@ -464,8 +460,7 @@ test.describe('Identation', () => {
           </colgroup>
           <tr>
             <th
-              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
                 dir="ltr"
diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 689897d45be..d85bb4c4ccd 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -759,12 +759,10 @@ test.describe.parallel('Tables', () => {
               <col style="width: 92px" />
             </colgroup>
             <tr>
-              <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <th class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><span data-lexical-text="true">a</span></p>
               </th>
-              <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <th class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><span data-lexical-text="true">bb</span></p>
               </th>
               <th>
@@ -772,12 +770,10 @@ test.describe.parallel('Tables', () => {
               </th>
             </tr>
             <tr>
-              <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <th class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><span data-lexical-text="true">d</span></p>
               </th>
-              <td
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <td class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><span data-lexical-text="true">e</span></p>
               </td>
               <td>
@@ -873,12 +869,10 @@ test.describe.parallel('Tables', () => {
             <col style="width: 92px" />
           </colgroup>
           <tr>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p dir="ltr"><span data-lexical-text="true">a</span></p>
             </th>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p dir="ltr"><span data-lexical-text="true">bb</span></p>
             </th>
             <th>
@@ -886,12 +880,10 @@ test.describe.parallel('Tables', () => {
             </th>
           </tr>
           <tr>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p dir="ltr"><span data-lexical-text="true">d</span></p>
             </th>
-            <td
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <td class="PlaygroundEditorTheme__tableCellSelected">
               <p dir="ltr"><span data-lexical-text="true">e</span></p>
             </td>
             <td>
@@ -997,12 +989,10 @@ test.describe.parallel('Tables', () => {
               <col style="width: 92px" />
             </colgroup>
             <tr>
-              <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <th class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><strong data-lexical-text="true">a</strong></p>
               </th>
-              <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <th class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><strong data-lexical-text="true">bb</strong></p>
               </th>
               <th>
@@ -1010,12 +1000,10 @@ test.describe.parallel('Tables', () => {
               </th>
             </tr>
             <tr>
-              <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <th class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><strong data-lexical-text="true">d</strong></p>
               </th>
-              <td
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+              <td class="PlaygroundEditorTheme__tableCellSelected">
                 <p dir="ltr"><strong data-lexical-text="true">e</strong></p>
               </td>
               <td>
@@ -1448,12 +1436,10 @@ test.describe.parallel('Tables', () => {
             <col style="width: 92px" />
           </colgroup>
           <tr>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </th>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </th>
           </tr>
@@ -1508,30 +1494,24 @@ test.describe.parallel('Tables', () => {
             <col style="width: 92px" />
           </colgroup>
           <tr>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </th>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </th>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </th>
           </tr>
           <tr>
-            <th
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <th class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </th>
-            <td
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <td class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </td>
-            <td
-              style="background-color: rgb(172, 206, 247); caret-color: transparent">
+            <td class="PlaygroundEditorTheme__tableCellSelected">
               <p><br /></p>
             </td>
           </tr>
@@ -2608,27 +2588,23 @@ test.describe.parallel('Tables', () => {
             </colgroup>
             <tr>
               <th
-                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-                rowspan="2"
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected"
+                rowspan="2">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </th>
               <th
-                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
-                colspan="2"
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader PlaygroundEditorTheme__tableCellSelected"
+                colspan="2">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </th>
             </tr>
             <tr>
               <td
-                class="PlaygroundEditorTheme__tableCell"
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </td>
               <td
-                class="PlaygroundEditorTheme__tableCell"
-                style="background-color: rgb(172, 206, 247); caret-color: transparent">
+                class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellSelected">
                 <p class="PlaygroundEditorTheme__paragraph"><br /></p>
               </td>
             </tr>
@@ -3690,13 +3666,15 @@ test.describe.parallel('Tables', () => {
             </colgroup>
             <tr>
               <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent; text-align: center">
+                class="PlaygroundEditorTheme__tableCellSelected"
+                style="text-align: center">
                 <p dir="ltr" style="text-align: center">
                   <span data-lexical-text="true">a</span>
                 </p>
               </th>
               <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent; text-align: center">
+                class="PlaygroundEditorTheme__tableCellSelected"
+                style="text-align: center">
                 <p dir="ltr" style="text-align: center">
                   <span data-lexical-text="true">bb</span>
                 </p>
@@ -3707,13 +3685,15 @@ test.describe.parallel('Tables', () => {
             </tr>
             <tr>
               <th
-                style="background-color: rgb(172, 206, 247); caret-color: transparent; text-align: center">
+                class="PlaygroundEditorTheme__tableCellSelected"
+                style="text-align: center">
                 <p dir="ltr" style="text-align: center">
                   <span data-lexical-text="true">d</span>
                 </p>
               </th>
               <td
-                style="background-color: rgb(172, 206, 247); caret-color: transparent; text-align: center">
+                class="PlaygroundEditorTheme__tableCellSelected"
+                style="text-align: center">
                 <p dir="ltr" style="text-align: center">
                   <span data-lexical-text="true">e</span>
                 </p>
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
index cbed93864d1..657814a0041 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -151,16 +151,6 @@
   position: relative;
   outline: none;
 }
-.PlaygroundEditorTheme__tableCellSortedIndicator {
-  display: block;
-  opacity: 0.5;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 4px;
-  background-color: #999;
-}
 .PlaygroundEditorTheme__tableCellResizer {
   position: absolute;
   right: -4px;
@@ -175,21 +165,18 @@
   text-align: start;
 }
 .PlaygroundEditorTheme__tableCellSelected {
-  background-color: #c9dbf0;
+  caret-color: transparent;
 }
-.PlaygroundEditorTheme__tableCellPrimarySelected {
-  border: 2px solid rgb(60, 132, 244);
-  display: block;
-  height: calc(100% - 2px);
+.PlaygroundEditorTheme__tableCellSelected::after {
   position: absolute;
-  width: calc(100% - 2px);
-  left: -1px;
-  top: -1px;
-  z-index: 2;
-}
-.PlaygroundEditorTheme__tableCellEditing {
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  border-radius: 3px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: rgb(172, 206, 247);
+  opacity: 0.6;
+  content: '';
+  pointer-events: none;
 }
 .PlaygroundEditorTheme__tableAddColumns {
   position: absolute;
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
index e1c87638895..882bb879898 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
@@ -95,13 +95,9 @@ const theme: EditorThemeClasses = {
   tableCellActionButton: 'PlaygroundEditorTheme__tableCellActionButton',
   tableCellActionButtonContainer:
     'PlaygroundEditorTheme__tableCellActionButtonContainer',
-  tableCellEditing: 'PlaygroundEditorTheme__tableCellEditing',
   tableCellHeader: 'PlaygroundEditorTheme__tableCellHeader',
-  tableCellPrimarySelected: 'PlaygroundEditorTheme__tableCellPrimarySelected',
   tableCellResizer: 'PlaygroundEditorTheme__tableCellResizer',
   tableCellSelected: 'PlaygroundEditorTheme__tableCellSelected',
-  tableCellSortedIndicator: 'PlaygroundEditorTheme__tableCellSortedIndicator',
-  tableResizeRuler: 'PlaygroundEditorTheme__tableCellResizeRuler',
   tableRowStriping: 'PlaygroundEditorTheme__tableRowStriping',
   tableScrollableWrapper: 'PlaygroundEditorTheme__tableScrollableWrapper',
   tableSelected: 'PlaygroundEditorTheme__tableSelected',
diff --git a/packages/lexical-table/src/LexicalTableCellNode.ts b/packages/lexical-table/src/LexicalTableCellNode.ts
index 525a8bce82c..c43e7fe1c9e 100644
--- a/packages/lexical-table/src/LexicalTableCellNode.ts
+++ b/packages/lexical-table/src/LexicalTableCellNode.ts
@@ -122,10 +122,8 @@ export class TableCellNode extends ElementNode {
     this.__backgroundColor = null;
   }
 
-  createDOM(config: EditorConfig): HTMLElement {
-    const element = document.createElement(
-      this.getTag(),
-    ) as HTMLTableCellElement;
+  createDOM(config: EditorConfig): HTMLTableCellElement {
+    const element = document.createElement(this.getTag());
 
     if (this.__width) {
       element.style.width = `${this.__width}px`;
@@ -150,33 +148,27 @@ export class TableCellNode extends ElementNode {
   }
 
   exportDOM(editor: LexicalEditor): DOMExportOutput {
-    const {element} = super.exportDOM(editor);
+    const output = super.exportDOM(editor);
 
-    if (element) {
-      const element_ = element as HTMLTableCellElement;
-      element_.style.border = '1px solid black';
+    if (output.element) {
+      const element = output.element as HTMLTableCellElement;
+      element.style.border = '1px solid black';
       if (this.__colSpan > 1) {
-        element_.colSpan = this.__colSpan;
+        element.colSpan = this.__colSpan;
       }
       if (this.__rowSpan > 1) {
-        element_.rowSpan = this.__rowSpan;
+        element.rowSpan = this.__rowSpan;
       }
-      element_.style.width = `${this.getWidth() || COLUMN_WIDTH}px`;
+      element.style.width = `${this.getWidth() || COLUMN_WIDTH}px`;
 
-      element_.style.verticalAlign = 'top';
-      element_.style.textAlign = 'start';
-
-      const backgroundColor = this.getBackgroundColor();
-      if (backgroundColor !== null) {
-        element_.style.backgroundColor = backgroundColor;
-      } else if (this.hasHeader()) {
-        element_.style.backgroundColor = '#f2f3f5';
+      element.style.verticalAlign = 'top';
+      element.style.textAlign = 'start';
+      if (this.__backgroundColor === null && this.hasHeader()) {
+        element.style.backgroundColor = '#f2f3f5';
       }
     }
 
-    return {
-      element,
-    };
+    return output;
   }
 
   exportJSON(): SerializedTableCellNode {
@@ -211,7 +203,7 @@ export class TableCellNode extends ElementNode {
     return self;
   }
 
-  getTag(): string {
+  getTag(): 'th' | 'td' {
     return this.hasHeader() ? 'th' : 'td';
   }
 
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index 2a1e4945037..4bb6d3944c6 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -27,7 +27,12 @@ import {
   $getClipboardDataFromSelection,
   copyToClipboard,
 } from '@lexical/clipboard';
-import {$findMatchingParent, objectKlassEquals} from '@lexical/utils';
+import {
+  $findMatchingParent,
+  addClassNamesToElement,
+  objectKlassEquals,
+  removeClassNamesFromElement,
+} from '@lexical/utils';
 import {
   $createParagraphNode,
   $createRangeSelectionFromDom,
@@ -1553,24 +1558,15 @@ function selectTableCellNode(tableCell: TableCellNode, fromStart: boolean) {
   }
 }
 
-const BROWSER_BLUE_RGB = '172,206,247';
 function $addHighlightToDOM(editor: LexicalEditor, cell: TableDOMCell): void {
   const element = cell.elem;
+  const editorThemeClasses = editor._config.theme;
   const node = $getNearestNodeFromDOMNode(element);
   invariant(
     $isTableCellNode(node),
     'Expected to find LexicalNode from Table Cell DOMNode',
   );
-  const backgroundColor = node.getBackgroundColor();
-  if (backgroundColor === null) {
-    element.style.setProperty('background-color', `rgb(${BROWSER_BLUE_RGB})`);
-  } else {
-    element.style.setProperty(
-      'background-image',
-      `linear-gradient(to right, rgba(${BROWSER_BLUE_RGB},0.85), rgba(${BROWSER_BLUE_RGB},0.85))`,
-    );
-  }
-  element.style.setProperty('caret-color', 'transparent');
+  addClassNamesToElement(element, editorThemeClasses.tableCellSelected);
 }
 
 function $removeHighlightFromDOM(
@@ -1583,12 +1579,8 @@ function $removeHighlightFromDOM(
     $isTableCellNode(node),
     'Expected to find LexicalNode from Table Cell DOMNode',
   );
-  const backgroundColor = node.getBackgroundColor();
-  if (backgroundColor === null) {
-    element.style.removeProperty('background-color');
-  }
-  element.style.removeProperty('background-image');
-  element.style.removeProperty('caret-color');
+  const editorThemeClasses = editor._config.theme;
+  removeClassNamesFromElement(element, editorThemeClasses.tableCellSelected);
 }
 
 export function $findCellNode(node: LexicalNode): null | TableCellNode {
diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index 9223e571544..60722c6f32b 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -135,14 +135,10 @@ export type EditorThemeClasses = {
   tableAddRows?: EditorThemeClassName;
   tableCellActionButton?: EditorThemeClassName;
   tableCellActionButtonContainer?: EditorThemeClassName;
-  tableCellPrimarySelected?: EditorThemeClassName;
   tableCellSelected?: EditorThemeClassName;
   tableCell?: EditorThemeClassName;
-  tableCellEditing?: EditorThemeClassName;
   tableCellHeader?: EditorThemeClassName;
   tableCellResizer?: EditorThemeClassName;
-  tableCellSortedIndicator?: EditorThemeClassName;
-  tableResizeRuler?: EditorThemeClassName;
   tableRow?: EditorThemeClassName;
   tableScrollableWrapper?: EditorThemeClassName;
   tableSelected?: EditorThemeClassName;

From 149949f8511bf9afac765c357bddf27239b10905 Mon Sep 17 00:00:00 2001
From: Simon <bauchet.simon@gmail.com>
Date: Mon, 25 Nov 2024 16:34:11 +0100
Subject: [PATCH 105/133] [lexical-selection] Bug Fix: Wrong selection type in
 $setBlocksType (#6867)

---
 packages/lexical-selection/flow/LexicalSelection.js.flow | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/lexical-selection/flow/LexicalSelection.js.flow b/packages/lexical-selection/flow/LexicalSelection.js.flow
index d1d68d66376..bc70e777b53 100644
--- a/packages/lexical-selection/flow/LexicalSelection.js.flow
+++ b/packages/lexical-selection/flow/LexicalSelection.js.flow
@@ -51,7 +51,7 @@ declare export function $wrapNodes(
   wrappingElement?: ElementNode,
 ): void;
 declare export function $setBlocksType(
-  selection: RangeSelection,
+  selection: BaseSelection | null,
   createElement: () => ElementNode,
 ): void;
 declare export function $isAtNodeEnd(point: Point): boolean;

From 00a8d8701606ab1057bfe8118aceadb20180eaa2 Mon Sep 17 00:00:00 2001
From: "C." <106287207+citruscai@users.noreply.github.com>
Date: Mon, 25 Nov 2024 23:03:17 -0600
Subject: [PATCH 106/133] Add Documentation for  RootNode's semantic and use
 case (#6869)

---
 packages/lexical-website/docs/concepts/nodes.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/lexical-website/docs/concepts/nodes.md b/packages/lexical-website/docs/concepts/nodes.md
index aedb7bb43cb..baa60eb92c5 100644
--- a/packages/lexical-website/docs/concepts/nodes.md
+++ b/packages/lexical-website/docs/concepts/nodes.md
@@ -25,6 +25,23 @@ There is only ever a single `RootNode` in an `EditorState` and it is always at t
 
 - To get the text content of the entire editor, you should use `rootNode.getTextContent()`.
 - To avoid selection issues, Lexical forbids insertion of text nodes directly into a `RootNode`.
+#### Semantics and Use Cases
+
+The `RootNode` has specific characteristics and restrictions to maintain editor integrity:
+
+1. **Non-extensibility**  
+   The `RootNode` cannot be subclassed or replaced with a custom implementation. It is designed as a fixed part of the editor architecture.
+
+2. **Exclusion from Mutation Listeners**  
+   The `RootNode` does not participate in mutation listeners. Instead, use a root-level or update listener to observe changes at the document level.
+
+3. **Compatibility with Node Transforms**  
+   While the `RootNode` is not "part of the document" in the traditional sense, it can still appear to be in some cases, such as during serialization or when applying node transforms.
+
+4. **Document-Level Metadata**  
+   If you are attempting to use the `RootNode` for document-level metadata (e.g., undo/redo support), consider alternative designs. Currently, Lexical does not provide direct facilities for this use case, but solutions like creating a shadow root under the `RootNode` might work.
+
+By design, the `RootNode` serves as a container for the editor's content rather than an active part of the document's logical structure. This approach simplifies operations like serialization and keeps the focus on content nodes.
 
 ### [`LineBreakNode`](https://github.com/facebook/lexical/blob/main/packages/lexical/src/nodes/LexicalLineBreakNode.ts)
 

From 3c78cbb9f08a1ba5a262e4bf1e328050db2787cb Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Tue, 26 Nov 2024 07:46:31 -0800
Subject: [PATCH 107/133] [lexical-utils] Bug Fix: Add feature detection to
 calculateZoomLevel (#6864)

Co-authored-by: Sherry <potatowagon@meta.com>
---
 packages/lexical-utils/src/index.ts | 33 +++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 7 deletions(-)

diff --git a/packages/lexical-utils/src/index.ts b/packages/lexical-utils/src/index.ts
index f9dad4ea5fc..68bafe208d8 100644
--- a/packages/lexical-utils/src/index.ts
+++ b/packages/lexical-utils/src/index.ts
@@ -647,19 +647,38 @@ export function $insertFirst(parent: ElementNode, node: LexicalNode): void {
   }
 }
 
+let NEEDS_MANUAL_ZOOM = IS_FIREFOX || !CAN_USE_DOM ? false : undefined;
+function needsManualZoom(): boolean {
+  if (NEEDS_MANUAL_ZOOM === undefined) {
+    // If the browser implements standardized CSS zoom, then the client rect
+    // will be wider after zoom is applied
+    // https://chromestatus.com/feature/5198254868529152
+    // https://github.com/facebook/lexical/issues/6863
+    const div = document.createElement('div');
+    div.style.cssText =
+      'position: absolute; opacity: 0; width: 100px; left: -1000px;';
+    document.body.appendChild(div);
+    const noZoom = div.getBoundingClientRect();
+    div.style.setProperty('zoom', '2');
+    NEEDS_MANUAL_ZOOM = div.getBoundingClientRect().width === noZoom.width;
+    document.body.removeChild(div);
+  }
+  return NEEDS_MANUAL_ZOOM;
+}
+
 /**
  * Calculates the zoom level of an element as a result of using
- * css zoom property.
+ * css zoom property. For browsers that implement standardized CSS
+ * zoom (Firefox, Chrome >= 128), this will always return 1.
  * @param element
  */
 export function calculateZoomLevel(element: Element | null): number {
-  if (IS_FIREFOX) {
-    return 1;
-  }
   let zoom = 1;
-  while (element) {
-    zoom *= Number(window.getComputedStyle(element).getPropertyValue('zoom'));
-    element = element.parentElement;
+  if (needsManualZoom()) {
+    while (element) {
+      zoom *= Number(window.getComputedStyle(element).getPropertyValue('zoom'));
+      element = element.parentElement;
+    }
   }
   return zoom;
 }

From ff10b1d820097cdc248eefe531c627323c41f8db Mon Sep 17 00:00:00 2001
From: Bedru Umer <63902795+bedre7@users.noreply.github.com>
Date: Tue, 26 Nov 2024 18:48:17 +0300
Subject: [PATCH 108/133] [lexical-playground] Bug Fix: autocomplete format
 before and after insertion (#6845)

---
 .../__tests__/e2e/Autocomplete.spec.mjs       | 112 ++++++++++++++++--
 packages/lexical-playground/src/App.tsx       |  33 +++---
 .../src/context/SharedAutocompleteContext.tsx |  71 -----------
 .../src/nodes/AutocompleteNode.tsx            |  72 +++++------
 .../src/plugins/AutocompletePlugin/index.tsx  |  43 +++++--
 5 files changed, 180 insertions(+), 151 deletions(-)
 delete mode 100644 packages/lexical-playground/src/context/SharedAutocompleteContext.tsx

diff --git a/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs b/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs
index 1f1cf21bcae..39d3ef16e50 100644
--- a/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs
@@ -6,6 +6,14 @@
  *
  */
 
+import {
+  decreaseFontSize,
+  increaseFontSize,
+  toggleBold,
+  toggleItalic,
+  toggleStrikethrough,
+  toggleUnderline,
+} from '../keyboardShortcuts/index.mjs';
 import {
   assertHTML,
   focusEditor,
@@ -30,14 +38,12 @@ test.describe('Autocomplete', () => {
           class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
           dir="ltr">
           <span data-lexical-text="true">Sort by alpha</span>
-          <span contenteditable="false" data-lexical-decorator="true">
-            <span
-              class="PlaygroundEditorTheme__autocomplete"
-              spellcheck="false">
-              betical (TAB)
-            </span>
+          <span
+            class="PlaygroundEditorTheme__autocomplete"
+            style="font-size: 15px"
+            data-lexical-text="true">
+            betical (TAB)
           </span>
-          <br />
         </p>
       `,
       html`
@@ -45,8 +51,7 @@ test.describe('Autocomplete', () => {
           class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
           dir="ltr">
           <span data-lexical-text="true">Sort by alpha</span>
-          <span contenteditable="false" data-lexical-decorator="true"></span>
-          <br />
+          <span data-lexical-text="true"></span>
         </p>
       `,
     );
@@ -58,7 +63,94 @@ test.describe('Autocomplete', () => {
         <p
           class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
           dir="ltr">
-          <span data-lexical-text="true">Sort by alphabetical order:</span>
+          <span data-lexical-text="true">Sort by alpha</span>
+          <span style="font-size: 15px" data-lexical-text="true">
+            betical order:
+          </span>
+        </p>
+      `,
+    );
+  });
+
+  test('Can autocomplete in the same format as the original text', async ({
+    page,
+    isPlainText,
+  }) => {
+    test.skip(isPlainText);
+    await focusEditor(page);
+    await toggleBold(page);
+    await toggleItalic(page);
+    await toggleUnderline(page);
+    await toggleStrikethrough(page);
+    await increaseFontSize(page);
+
+    await page.keyboard.type('Test');
+    await sleep(500);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__autocomplete"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            imonials (TAB)
+          </strong>
+        </p>
+      `,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <span data-lexical-text="true"></span>
+        </p>
+      `,
+    );
+
+    await page.keyboard.press('Tab');
+
+    await toggleBold(page);
+    await toggleItalic(page);
+    await toggleUnderline(page);
+    await toggleStrikethrough(page);
+    await decreaseFontSize(page);
+
+    await page.keyboard.type(' 2024');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            imonials
+          </strong>
+          <span style="font-size: 15px;" data-lexical-text="true">2024</span>
         </p>
       `,
     );
diff --git a/packages/lexical-playground/src/App.tsx b/packages/lexical-playground/src/App.tsx
index 6f20d8c3841..aa4852cf87e 100644
--- a/packages/lexical-playground/src/App.tsx
+++ b/packages/lexical-playground/src/App.tsx
@@ -22,7 +22,6 @@ import {
 import {isDevPlayground} from './appSettings';
 import {FlashMessageContext} from './context/FlashMessageContext';
 import {SettingsContext, useSettings} from './context/SettingsContext';
-import {SharedAutocompleteContext} from './context/SharedAutocompleteContext';
 import {SharedHistoryContext} from './context/SharedHistoryContext';
 import {ToolbarContext} from './context/ToolbarContext';
 import Editor from './Editor';
@@ -211,24 +210,22 @@ function App(): JSX.Element {
     <LexicalComposer initialConfig={initialConfig}>
       <SharedHistoryContext>
         <TableContext>
-          <SharedAutocompleteContext>
-            <ToolbarContext>
-              <header>
-                <a href="https://lexical.dev" target="_blank" rel="noreferrer">
-                  <img src={logo} alt="Lexical Logo" />
-                </a>
-              </header>
-              <div className="editor-shell">
-                <Editor />
-              </div>
-              <Settings />
-              {isDevPlayground ? <DocsPlugin /> : null}
-              {isDevPlayground ? <PasteLogPlugin /> : null}
-              {isDevPlayground ? <TestRecorderPlugin /> : null}
+          <ToolbarContext>
+            <header>
+              <a href="https://lexical.dev" target="_blank" rel="noreferrer">
+                <img src={logo} alt="Lexical Logo" />
+              </a>
+            </header>
+            <div className="editor-shell">
+              <Editor />
+            </div>
+            <Settings />
+            {isDevPlayground ? <DocsPlugin /> : null}
+            {isDevPlayground ? <PasteLogPlugin /> : null}
+            {isDevPlayground ? <TestRecorderPlugin /> : null}
 
-              {measureTypingPerf ? <TypingPerfPlugin /> : null}
-            </ToolbarContext>
-          </SharedAutocompleteContext>
+            {measureTypingPerf ? <TypingPerfPlugin /> : null}
+          </ToolbarContext>
         </TableContext>
       </SharedHistoryContext>
     </LexicalComposer>
diff --git a/packages/lexical-playground/src/context/SharedAutocompleteContext.tsx b/packages/lexical-playground/src/context/SharedAutocompleteContext.tsx
deleted file mode 100644
index 4f282709eea..00000000000
--- a/packages/lexical-playground/src/context/SharedAutocompleteContext.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import * as React from 'react';
-import {
-  createContext,
-  ReactNode,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-
-type Suggestion = null | string;
-type CallbackFn = (newSuggestion: Suggestion) => void;
-type SubscribeFn = (callbackFn: CallbackFn) => () => void;
-type PublishFn = (newSuggestion: Suggestion) => void;
-type ContextShape = [SubscribeFn, PublishFn];
-type HookShape = [suggestion: Suggestion, setSuggestion: PublishFn];
-
-const Context: React.Context<ContextShape> = createContext([
-  (_cb) => () => {
-    return;
-  },
-  (_newSuggestion: Suggestion) => {
-    return;
-  },
-]);
-
-export const SharedAutocompleteContext = ({
-  children,
-}: {
-  children: ReactNode;
-}): JSX.Element => {
-  const context: ContextShape = useMemo(() => {
-    let suggestion: Suggestion | null = null;
-    const listeners: Set<CallbackFn> = new Set();
-    return [
-      (cb: (newSuggestion: Suggestion) => void) => {
-        cb(suggestion);
-        listeners.add(cb);
-        return () => {
-          listeners.delete(cb);
-        };
-      },
-      (newSuggestion: Suggestion) => {
-        suggestion = newSuggestion;
-        for (const listener of listeners) {
-          listener(newSuggestion);
-        }
-      },
-    ];
-  }, []);
-  return <Context.Provider value={context}>{children}</Context.Provider>;
-};
-
-export const useSharedAutocompleteContext = (): HookShape => {
-  const [subscribe, publish]: ContextShape = useContext(Context);
-  const [suggestion, setSuggestion] = useState<Suggestion>(null);
-  useEffect(() => {
-    return subscribe((newSuggestion: Suggestion) => {
-      setSuggestion(newSuggestion);
-    });
-  }, [subscribe]);
-  return [suggestion, publish];
-};
diff --git a/packages/lexical-playground/src/nodes/AutocompleteNode.tsx b/packages/lexical-playground/src/nodes/AutocompleteNode.tsx
index f3eb6bd715a..220add6396c 100644
--- a/packages/lexical-playground/src/nodes/AutocompleteNode.tsx
+++ b/packages/lexical-playground/src/nodes/AutocompleteNode.tsx
@@ -7,36 +7,26 @@
  */
 
 import type {
+  DOMExportOutput,
   EditorConfig,
-  EditorThemeClassName,
   LexicalEditor,
   NodeKey,
-  SerializedLexicalNode,
+  SerializedTextNode,
   Spread,
 } from 'lexical';
 
-import {DecoratorNode} from 'lexical';
-import * as React from 'react';
+import {TextNode} from 'lexical';
 
-import {useSharedAutocompleteContext} from '../context/SharedAutocompleteContext';
 import {uuid as UUID} from '../plugins/AutocompletePlugin';
 
-declare global {
-  interface Navigator {
-    userAgentData?: {
-      mobile: boolean;
-    };
-  }
-}
-
 export type SerializedAutocompleteNode = Spread<
   {
     uuid: string;
   },
-  SerializedLexicalNode
+  SerializedTextNode
 >;
 
-export class AutocompleteNode extends DecoratorNode<JSX.Element | null> {
+export class AutocompleteNode extends TextNode {
   /**
    * A unique uuid is generated for each session and assigned to the instance.
    * This helps to:
@@ -48,7 +38,7 @@ export class AutocompleteNode extends DecoratorNode<JSX.Element | null> {
   __uuid: string;
 
   static clone(node: AutocompleteNode): AutocompleteNode {
-    return new AutocompleteNode(node.__uuid, node.__key);
+    return new AutocompleteNode(node.__text, node.__uuid, node.__key);
   }
 
   static getType(): 'autocomplete' {
@@ -58,7 +48,14 @@ export class AutocompleteNode extends DecoratorNode<JSX.Element | null> {
   static importJSON(
     serializedNode: SerializedAutocompleteNode,
   ): AutocompleteNode {
-    const node = $createAutocompleteNode(serializedNode.uuid);
+    const node = $createAutocompleteNode(
+      serializedNode.text,
+      serializedNode.uuid,
+    );
+    node.setFormat(serializedNode.format);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    node.setStyle(serializedNode.style);
     return node;
   }
 
@@ -71,8 +68,8 @@ export class AutocompleteNode extends DecoratorNode<JSX.Element | null> {
     };
   }
 
-  constructor(uuid: string, key?: NodeKey) {
-    super(key);
+  constructor(text: string, uuid: string, key?: NodeKey) {
+    super(text, key);
     this.__uuid = uuid;
   }
 
@@ -84,36 +81,23 @@ export class AutocompleteNode extends DecoratorNode<JSX.Element | null> {
     return false;
   }
 
-  createDOM(config: EditorConfig): HTMLElement {
-    return document.createElement('span');
+  exportDOM(_: LexicalEditor): DOMExportOutput {
+    return {element: null};
   }
 
-  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element | null {
+  createDOM(config: EditorConfig): HTMLElement {
     if (this.__uuid !== UUID) {
-      return null;
+      return document.createElement('span');
     }
-    return <AutocompleteComponent className={config.theme.autocomplete} />;
+    const dom = super.createDOM(config);
+    dom.classList.add(config.theme.autocomplete);
+    return dom;
   }
 }
 
-export function $createAutocompleteNode(uuid: string): AutocompleteNode {
-  return new AutocompleteNode(uuid);
-}
-
-function AutocompleteComponent({
-  className,
-}: {
-  className: EditorThemeClassName;
-}): JSX.Element {
-  const [suggestion] = useSharedAutocompleteContext();
-  const userAgentData = window.navigator.userAgentData;
-  const isMobile =
-    userAgentData !== undefined
-      ? userAgentData.mobile
-      : window.innerWidth <= 800 && window.innerHeight <= 600;
-  return (
-    <span className={className} spellCheck="false">
-      {suggestion} {isMobile ? '(SWIPE \u2B95)' : '(TAB)'}
-    </span>
-  );
+export function $createAutocompleteNode(
+  text: string,
+  uuid: string,
+): AutocompleteNode {
+  return new AutocompleteNode(text, uuid);
 }
diff --git a/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx b/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx
index 7e32e1f4fb1..fa7d5fe5690 100644
--- a/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx
@@ -6,7 +6,7 @@
  *
  */
 
-import type {BaseSelection, NodeKey} from 'lexical';
+import type {BaseSelection, NodeKey, TextNode} from 'lexical';
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {$isAtNodeEnd} from '@lexical/selection';
@@ -24,13 +24,21 @@ import {
 } from 'lexical';
 import {useCallback, useEffect} from 'react';
 
-import {useSharedAutocompleteContext} from '../../context/SharedAutocompleteContext';
+import {useToolbarState} from '../../context/ToolbarContext';
 import {
   $createAutocompleteNode,
   AutocompleteNode,
 } from '../../nodes/AutocompleteNode';
 import {addSwipeRightListener} from '../../utils/swipe';
 
+declare global {
+  interface Navigator {
+    userAgentData?: {
+      mobile: boolean;
+    };
+  }
+}
+
 type SearchPromise = {
   dismiss: () => void;
   promise: Promise<null | string>;
@@ -76,16 +84,27 @@ function useQuery(): (searchText: string) => SearchPromise {
   }, []);
 }
 
+function formatSuggestionText(suggestion: string): string {
+  const userAgentData = window.navigator.userAgentData;
+  const isMobile =
+    userAgentData !== undefined
+      ? userAgentData.mobile
+      : window.innerWidth <= 800 && window.innerHeight <= 600;
+
+  return `${suggestion} ${isMobile ? '(SWIPE \u2B95)' : '(TAB)'}`;
+}
+
 export default function AutocompletePlugin(): JSX.Element | null {
   const [editor] = useLexicalComposerContext();
-  const [, setSuggestion] = useSharedAutocompleteContext();
   const query = useQuery();
+  const {toolbarState} = useToolbarState();
 
   useEffect(() => {
     let autocompleteNodeKey: null | NodeKey = null;
     let lastMatch: null | string = null;
     let lastSuggestion: null | string = null;
     let searchPromise: null | SearchPromise = null;
+    let prevNodeFormat: number = 0;
     function $clearSuggestion() {
       const autocompleteNode =
         autocompleteNodeKey !== null
@@ -101,7 +120,7 @@ export default function AutocompletePlugin(): JSX.Element | null {
       }
       lastMatch = null;
       lastSuggestion = null;
-      setSuggestion(null);
+      prevNodeFormat = 0;
     }
     function updateAsyncSuggestion(
       refSearchPromise: SearchPromise,
@@ -124,12 +143,18 @@ export default function AutocompletePlugin(): JSX.Element | null {
             return;
           }
           const selectionCopy = selection.clone();
-          const node = $createAutocompleteNode(uuid);
+          const prevNode = selection.getNodes()[0] as TextNode;
+          prevNodeFormat = prevNode.getFormat();
+          const node = $createAutocompleteNode(
+            formatSuggestionText(newSuggestion),
+            uuid,
+          )
+            .setFormat(prevNodeFormat)
+            .setStyle(`font-size: ${toolbarState.fontSize}`);
           autocompleteNodeKey = node.getKey();
           selection.insertNodes([node]);
           $setSelection(selectionCopy);
           lastSuggestion = newSuggestion;
-          setSuggestion(newSuggestion);
         },
         {tag: 'history-merge'},
       );
@@ -175,7 +200,9 @@ export default function AutocompletePlugin(): JSX.Element | null {
       if (autocompleteNode === null) {
         return false;
       }
-      const textNode = $createTextNode(lastSuggestion);
+      const textNode = $createTextNode(lastSuggestion)
+        .setFormat(prevNodeFormat)
+        .setStyle(`font-size: ${toolbarState.fontSize}`);
       autocompleteNode.replace(textNode);
       textNode.selectNext();
       $clearSuggestion();
@@ -224,7 +251,7 @@ export default function AutocompletePlugin(): JSX.Element | null {
         : []),
       unmountSuggestion,
     );
-  }, [editor, query, setSuggestion]);
+  }, [editor, query, toolbarState.fontSize]);
 
   return null;
 }

From ec66f75762a5e6932fece5ba41ec6102a3e9daf3 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Tue, 26 Nov 2024 11:47:06 -0800
Subject: [PATCH 109/133] [lexical-playground] Bug Fix: Preserve the selection
 using the link editor from a table (#6865)

---
 .../FloatingLinkEditorPlugin/index.tsx        | 32 ++++++---
 .../src/plugins/TableCellResizer/index.tsx    | 57 ++++++++--------
 .../plugins/TableHoverActionsPlugin/index.tsx | 66 ++++++++++---------
 3 files changed, 85 insertions(+), 70 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx b/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx
index d3a3fef97ed..39c9cb2d695 100644
--- a/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/FloatingLinkEditorPlugin/index.tsx
@@ -37,6 +37,12 @@ import {getSelectedNode} from '../../utils/getSelectedNode';
 import {setFloatingElemPositionForLinkEditor} from '../../utils/setFloatingElemPositionForLinkEditor';
 import {sanitizeUrl} from '../../utils/url';
 
+function preventDefault(
+  event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>,
+): void {
+  event.preventDefault();
+}
+
 function FloatingLinkEditor({
   editor,
   isLink,
@@ -183,19 +189,26 @@ function FloatingLinkEditor({
     event: React.KeyboardEvent<HTMLInputElement>,
   ) => {
     if (event.key === 'Enter') {
-      event.preventDefault();
-      handleLinkSubmission();
+      handleLinkSubmission(event);
     } else if (event.key === 'Escape') {
       event.preventDefault();
       setIsLinkEditMode(false);
     }
   };
 
-  const handleLinkSubmission = () => {
+  const handleLinkSubmission = (
+    event:
+      | React.KeyboardEvent<HTMLInputElement>
+      | React.MouseEvent<HTMLElement>,
+  ) => {
+    event.preventDefault();
     if (lastSelection !== null) {
       if (linkUrl !== '') {
-        editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(editedLinkUrl));
         editor.update(() => {
+          editor.dispatchCommand(
+            TOGGLE_LINK_COMMAND,
+            sanitizeUrl(editedLinkUrl),
+          );
           const selection = $getSelection();
           if ($isRangeSelection(selection)) {
             const parent = getSelectedNode(selection).getParent();
@@ -235,7 +248,7 @@ function FloatingLinkEditor({
               className="link-cancel"
               role="button"
               tabIndex={0}
-              onMouseDown={(event) => event.preventDefault()}
+              onMouseDown={preventDefault}
               onClick={() => {
                 setIsLinkEditMode(false);
               }}
@@ -245,7 +258,7 @@ function FloatingLinkEditor({
               className="link-confirm"
               role="button"
               tabIndex={0}
-              onMouseDown={(event) => event.preventDefault()}
+              onMouseDown={preventDefault}
               onClick={handleLinkSubmission}
             />
           </div>
@@ -262,8 +275,9 @@ function FloatingLinkEditor({
             className="link-edit"
             role="button"
             tabIndex={0}
-            onMouseDown={(event) => event.preventDefault()}
-            onClick={() => {
+            onMouseDown={preventDefault}
+            onClick={(event) => {
+              event.preventDefault();
               setEditedLinkUrl(linkUrl);
               setIsLinkEditMode(true);
             }}
@@ -272,7 +286,7 @@ function FloatingLinkEditor({
             className="link-trash"
             role="button"
             tabIndex={0}
-            onMouseDown={(event) => event.preventDefault()}
+            onMouseDown={preventDefault}
             onClick={() => {
               editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
             }}
diff --git a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
index 7f586262645..23f8d1935ab 100644
--- a/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableCellResizer/index.tsx
@@ -88,27 +88,27 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
 
   useEffect(() => {
     const onMouseMove = (event: MouseEvent) => {
-      setTimeout(() => {
-        const target = event.target;
-
-        if (draggingDirection) {
-          updateMouseCurrentPos({
-            x: event.clientX,
-            y: event.clientY,
-          });
-          return;
-        }
-        updateIsMouseDown(isMouseDownOnEvent(event));
-        if (resizerRef.current && resizerRef.current.contains(target as Node)) {
-          return;
-        }
+      const target = event.target;
 
-        if (targetRef.current !== target) {
-          targetRef.current = target as HTMLElement;
-          const cell = getDOMCellFromTarget(target as HTMLElement);
+      if (draggingDirection) {
+        updateMouseCurrentPos({
+          x: event.clientX,
+          y: event.clientY,
+        });
+        return;
+      }
+      updateIsMouseDown(isMouseDownOnEvent(event));
+      if (resizerRef.current && resizerRef.current.contains(target as Node)) {
+        return;
+      }
 
-          if (cell && activeCell !== cell) {
-            editor.update(() => {
+      if (targetRef.current !== target) {
+        targetRef.current = target as HTMLElement;
+        const cell = getDOMCellFromTarget(target as HTMLElement);
+
+        if (cell && activeCell !== cell) {
+          editor.getEditorState().read(
+            () => {
               const tableCellNode = $getNearestNodeFromDOMNode(cell.elem);
               if (!tableCellNode) {
                 throw new Error('TableCellResizer: Table cell node not found.');
@@ -128,24 +128,21 @@ function TableCellResizer({editor}: {editor: LexicalEditor}): JSX.Element {
               targetRef.current = target as HTMLElement;
               tableRectRef.current = tableElement.getBoundingClientRect();
               updateActiveCell(cell);
-            });
-          } else if (cell == null) {
-            resetState();
-          }
+            },
+            {editor},
+          );
+        } else if (cell == null) {
+          resetState();
         }
-      }, 0);
+      }
     };
 
     const onMouseDown = (event: MouseEvent) => {
-      setTimeout(() => {
-        updateIsMouseDown(true);
-      }, 0);
+      updateIsMouseDown(true);
     };
 
     const onMouseUp = (event: MouseEvent) => {
-      setTimeout(() => {
-        updateIsMouseDown(false);
-      }, 0);
+      updateIsMouseDown(false);
     };
 
     const removeRootListener = editor.registerRootListener(
diff --git a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
index 92a26ff0015..2116d21179a 100644
--- a/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/TableHoverActionsPlugin/index.tsx
@@ -66,40 +66,44 @@ function TableHoverActionsContainer({
       let hoveredColumnNode: TableCellNode | null = null;
       let tableDOMElement: HTMLElement | null = null;
 
-      editor.update(() => {
-        const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode);
-
-        if ($isTableCellNode(maybeTableCell)) {
-          const table = $findMatchingParent(maybeTableCell, (node) =>
-            $isTableNode(node),
-          );
-          if (!$isTableNode(table)) {
-            return;
-          }
-
-          tableDOMElement = getTableElement(
-            table,
-            editor.getElementByKey(table.getKey()),
-          );
-
-          if (tableDOMElement) {
-            const rowCount = table.getChildrenSize();
-            const colCount = (
-              (table as TableNode).getChildAtIndex(0) as TableRowNode
-            )?.getChildrenSize();
-
-            const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell);
-            const colIndex =
-              $getTableColumnIndexFromTableCellNode(maybeTableCell);
+      editor.getEditorState().read(
+        () => {
+          const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode);
+
+          if ($isTableCellNode(maybeTableCell)) {
+            const table = $findMatchingParent(maybeTableCell, (node) =>
+              $isTableNode(node),
+            );
+            if (!$isTableNode(table)) {
+              return;
+            }
 
-            if (rowIndex === rowCount - 1) {
-              hoveredRowNode = maybeTableCell;
-            } else if (colIndex === colCount - 1) {
-              hoveredColumnNode = maybeTableCell;
+            tableDOMElement = getTableElement(
+              table,
+              editor.getElementByKey(table.getKey()),
+            );
+
+            if (tableDOMElement) {
+              const rowCount = table.getChildrenSize();
+              const colCount = (
+                (table as TableNode).getChildAtIndex(0) as TableRowNode
+              )?.getChildrenSize();
+
+              const rowIndex =
+                $getTableRowIndexFromTableCellNode(maybeTableCell);
+              const colIndex =
+                $getTableColumnIndexFromTableCellNode(maybeTableCell);
+
+              if (rowIndex === rowCount - 1) {
+                hoveredRowNode = maybeTableCell;
+              } else if (colIndex === colCount - 1) {
+                hoveredColumnNode = maybeTableCell;
+              }
             }
           }
-        }
-      });
+        },
+        {editor},
+      );
 
       if (tableDOMElement) {
         const {

From 876eba373eb7188b243800fc3955cf002c563035 Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Wed, 27 Nov 2024 17:43:37 +0000
Subject: [PATCH 110/133] Allow passing params to run-all (#6874)

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ee24db444cf..6042bfc3f0e 100644
--- a/package.json
+++ b/package.json
@@ -58,8 +58,8 @@
     "test-e2e-collab-ci-webkit": "npm run prepare-ci && cross-env E2E_PORT=4000 concurrently -k -s \"first\" \"npm run collab\" -P \"npm run test-e2e-collab-webkit -- {@}\"",
     "test-e2e-prod-ci-chromium": "npm run prepare-ci-prod && cross-env E2E_PORT=4000 npm run test-e2e-prod-chromium",
     "test-e2e-collab-prod-ci-chromium": " npm run prepare-ci-prod && cross-env E2E_PORT=4000 concurrently -k -s \"first\" \"npm run collab\" -P \"npm run test-e2e-collab-prod-chromium -- {@}\"",
-    "debug-run-all": "npm-run-all debug-test-e2e-*",
-    "run-all": "npm-run-all test-e2e-*",
+    "debug-run-all": "npm-run-all 'debug-test-e2e-* -- {1}' --",
+    "run-all": "npm-run-all 'test-e2e-* -- {1}' --",
     "debug-test-e2e": "cross-env playwright test --debug",
     "debug-test-e2e-chromium": "cross-env E2E_BROWSER=chromium playwright test --debug --project=\"chromium\"",
     "debug-test-e2e-prod-chromium": "cross-env E2E_BROWSER=chromium E2E_PORT=4173 playwright test --debug --project=\"chromium\"",

From 8cbc5d4f64f13d7f52f3e472a5fd6f2885a9bc97 Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Wed, 27 Nov 2024 19:12:28 +0000
Subject: [PATCH 111/133] Add SelectionAlwaysOnDisplay plugin (#6872)

---
 .flowconfig                                   |  1 +
 packages/lexical-devtools/tsconfig.json       |  3 +
 .../e2e/SelectionAlwaysOnDisplay.spec.mjs     | 62 +++++++++++++++++++
 .../__tests__/utils/index.mjs                 |  3 +
 packages/lexical-playground/src/Editor.tsx    |  4 +-
 packages/lexical-playground/src/Settings.tsx  |  8 +++
 .../lexical-playground/src/appSettings.ts     |  1 +
 .../LexicalSelectionAlwaysOnDisplay.js.flow   | 13 ++++
 packages/lexical-react/package.json           | 30 +++++++++
 .../src/LexicalSelectionAlwaysOnDisplay.tsx   | 20 ++++++
 .../src/LexicalTabIndentationPlugin.tsx       |  2 +-
 .../lexical-utils/flow/LexicalUtils.js.flow   | 12 ++++
 ...icalUtilsInsertNodeToNearestRoot.test.tsx} |  0
 packages/lexical-utils/src/index.ts           |  1 +
 .../src/selectionAlwaysOnDisplay.ts           | 48 ++++++++++++++
 .../lexical-website/docs/react/plugins.md     |  9 +++
 tsconfig.build.json                           |  3 +
 tsconfig.json                                 |  3 +
 18 files changed, 221 insertions(+), 2 deletions(-)
 create mode 100644 packages/lexical-playground/__tests__/e2e/SelectionAlwaysOnDisplay.spec.mjs
 create mode 100644 packages/lexical-react/flow/LexicalSelectionAlwaysOnDisplay.js.flow
 create mode 100644 packages/lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx
 rename packages/lexical-utils/src/__tests__/unit/{LexlcaiUtilsInsertNodeToNearestRoot.test.tsx => LexicalUtilsInsertNodeToNearestRoot.test.tsx} (100%)
 create mode 100644 packages/lexical-utils/src/selectionAlwaysOnDisplay.ts

diff --git a/.flowconfig b/.flowconfig
index 04806f560c0..4cc10dfc735 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -69,6 +69,7 @@ module.name_mapper='^@lexical/react/LexicalNodeMenuPlugin$' -> '<PROJECT_ROOT>/p
 module.name_mapper='^@lexical/react/LexicalOnChangePlugin$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalOnChangePlugin.js.flow'
 module.name_mapper='^@lexical/react/LexicalPlainTextPlugin$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalPlainTextPlugin.js.flow'
 module.name_mapper='^@lexical/react/LexicalRichTextPlugin$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalRichTextPlugin.js.flow'
+module.name_mapper='^@lexical/react/LexicalSelectionAlwaysOnDisplay$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalSelectionAlwaysOnDisplay.js.flow'
 module.name_mapper='^@lexical/react/LexicalTabIndentationPlugin$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalTabIndentationPlugin.js.flow'
 module.name_mapper='^@lexical/react/LexicalTableOfContents$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalTableOfContents.js.flow'
 module.name_mapper='^@lexical/react/LexicalTableOfContentsPlugin$' -> '<PROJECT_ROOT>/packages/lexical-react/flow/LexicalTableOfContentsPlugin.js.flow'
diff --git a/packages/lexical-devtools/tsconfig.json b/packages/lexical-devtools/tsconfig.json
index 74c92e8040d..6cc06c3ec2c 100644
--- a/packages/lexical-devtools/tsconfig.json
+++ b/packages/lexical-devtools/tsconfig.json
@@ -120,6 +120,9 @@
       "@lexical/react/LexicalRichTextPlugin": [
         "../lexical-react/src/LexicalRichTextPlugin.tsx"
       ],
+      "@lexical/react/LexicalSelectionAlwaysOnDisplay": [
+        "../lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx"
+      ],
       "@lexical/react/LexicalTabIndentationPlugin": [
         "../lexical-react/src/LexicalTabIndentationPlugin.tsx"
       ],
diff --git a/packages/lexical-playground/__tests__/e2e/SelectionAlwaysOnDisplay.spec.mjs b/packages/lexical-playground/__tests__/e2e/SelectionAlwaysOnDisplay.spec.mjs
new file mode 100644
index 00000000000..638af3e619e
--- /dev/null
+++ b/packages/lexical-playground/__tests__/e2e/SelectionAlwaysOnDisplay.spec.mjs
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {selectAll} from '../keyboardShortcuts/index.mjs';
+import {
+  evaluate,
+  expect,
+  focusEditor,
+  initialize,
+  locate,
+  test,
+} from '../utils/index.mjs';
+
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+test.describe('SelectionAlwaysOnDisplay', () => {
+  test.beforeEach(({isCollab, page}) =>
+    initialize({isCollab, page, selectionAlwaysOnDisplay: true}),
+  );
+  test(`retain selection works`, async ({page, isPlainText, browserName}) => {
+    test.skip(isPlainText); // Fixed in #6873
+    await focusEditor(page);
+    await page.keyboard.type('Lexical');
+    await selectAll(page);
+    await locate(page, 'body').click();
+    const {distance, widthDifference, heightDifference} = await evaluate(
+      page,
+      () => {
+        function compareNodeAlignment(node1, node2, tolerance = 0) {
+          const rect1 = node1.getBoundingClientRect();
+          const rect2 = node2.getBoundingClientRect();
+          const distance_ = Math.sqrt(
+            Math.pow(rect1.left - rect2.left, 2) +
+              Math.pow(rect1.top - rect2.top, 2),
+          );
+          const widthDifference_ = Math.abs(rect1.width - rect2.width);
+          const heightDifference_ = Math.abs(rect1.height - rect2.height);
+          return {
+            distance: distance_,
+            widthDifference: widthDifference_,
+            heightDifference: heightDifference_,
+          };
+        }
+        const editorSpan = document.querySelector(
+          '[contenteditable="true"] span',
+        );
+        const fakeSelection = document.querySelector(
+          '[style*="background: highlight"]',
+        );
+        return compareNodeAlignment(editorSpan, fakeSelection, 5);
+      },
+    );
+    await expect(distance).toBeLessThanOrEqual(5);
+    await expect(widthDifference).toBeLessThanOrEqual(5);
+    await expect(heightDifference).toBeLessThanOrEqual(5);
+  });
+});
+/* eslint-enable sort-keys-fix/sort-keys-fix */
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index b8b79e9e76c..6dbd0686ae5 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -82,6 +82,7 @@ export async function initialize({
   tableCellBackgroundColor,
   shouldUseLexicalContextMenu,
   tableHorizontalScroll,
+  selectionAlwaysOnDisplay,
 }) {
   // Tests with legacy events often fail to register keypress, so
   // slowing it down to reduce flakiness
@@ -115,6 +116,7 @@ export async function initialize({
     appSettings.tableCellBackgroundColor = tableCellBackgroundColor;
   }
   appSettings.shouldUseLexicalContextMenu = !!shouldUseLexicalContextMenu;
+  appSettings.selectionAlwaysOnDisplay = !!selectionAlwaysOnDisplay;
 
   const urlParams = appSettingsToURLParams(appSettings);
   const url = `http://localhost:${E2E_PORT}/${
@@ -171,6 +173,7 @@ export const test = base.extend({
   isPlainText: IS_PLAIN_TEXT,
   isRichText: IS_RICH_TEXT,
   legacyEvents: LEGACY_EVENTS,
+  selectionAlwaysOnDisplay: false,
   shouldUseLexicalContextMenu: false,
 });
 
diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index 3fd409b5774..fb0055c51bd 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -20,6 +20,7 @@ import {HorizontalRulePlugin} from '@lexical/react/LexicalHorizontalRulePlugin';
 import {ListPlugin} from '@lexical/react/LexicalListPlugin';
 import {PlainTextPlugin} from '@lexical/react/LexicalPlainTextPlugin';
 import {RichTextPlugin} from '@lexical/react/LexicalRichTextPlugin';
+import {SelectionAlwaysOnDisplay} from '@lexical/react/LexicalSelectionAlwaysOnDisplay';
 import {TabIndentationPlugin} from '@lexical/react/LexicalTabIndentationPlugin';
 import {TablePlugin} from '@lexical/react/LexicalTablePlugin';
 import {useLexicalEditable} from '@lexical/react/useLexicalEditable';
@@ -95,6 +96,7 @@ export default function Editor(): JSX.Element {
       tableCellMerge,
       tableCellBackgroundColor,
       tableHorizontalScroll,
+      selectionAlwaysOnDisplay,
     },
   } = useSettings();
   const isEditable = useLexicalEditable();
@@ -157,11 +159,11 @@ export default function Editor(): JSX.Element {
         {isMaxLength && <MaxLengthPlugin maxLength={30} />}
         <DragDropPaste />
         <AutoFocusPlugin />
+        {selectionAlwaysOnDisplay && <SelectionAlwaysOnDisplay />}
         <ClearEditorPlugin />
         <ComponentPickerPlugin />
         <EmojiPickerPlugin />
         <AutoEmbedPlugin />
-
         <MentionsPlugin />
         <EmojisPlugin />
         <HashtagPlugin />
diff --git a/packages/lexical-playground/src/Settings.tsx b/packages/lexical-playground/src/Settings.tsx
index 2a126f8d0db..4c10f1df767 100644
--- a/packages/lexical-playground/src/Settings.tsx
+++ b/packages/lexical-playground/src/Settings.tsx
@@ -33,6 +33,7 @@ export default function Settings(): JSX.Element {
       shouldUseLexicalContextMenu,
       shouldPreserveNewLinesInMarkdown,
       // tableHorizontalScroll,
+      selectionAlwaysOnDisplay,
     },
   } = useSettings();
   useEffect(() => {
@@ -175,6 +176,13 @@ export default function Settings(): JSX.Element {
             checked={tableHorizontalScroll}
             text="Tables have horizontal scroll"
           /> */}
+          <Switch
+            onClick={() => {
+              setOption('selectionAlwaysOnDisplay', !selectionAlwaysOnDisplay);
+            }}
+            checked={selectionAlwaysOnDisplay}
+            text="Retain selection"
+          />
         </div>
       ) : null}
     </>
diff --git a/packages/lexical-playground/src/appSettings.ts b/packages/lexical-playground/src/appSettings.ts
index ab489c3e668..068b1ce1a31 100644
--- a/packages/lexical-playground/src/appSettings.ts
+++ b/packages/lexical-playground/src/appSettings.ts
@@ -22,6 +22,7 @@ export const DEFAULT_SETTINGS = {
   isMaxLength: false,
   isRichText: true,
   measureTypingPerf: false,
+  selectionAlwaysOnDisplay: false,
   shouldPreserveNewLinesInMarkdown: false,
   shouldUseLexicalContextMenu: false,
   showNestedEditorTreeView: false,
diff --git a/packages/lexical-react/flow/LexicalSelectionAlwaysOnDisplay.js.flow b/packages/lexical-react/flow/LexicalSelectionAlwaysOnDisplay.js.flow
new file mode 100644
index 00000000000..b096fb0aa60
--- /dev/null
+++ b/packages/lexical-react/flow/LexicalSelectionAlwaysOnDisplay.js.flow
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+/**
+ * LexicalSelectionAlwaysOnDisplay
+ */
+declare export function SelectionAlwaysOnDisplay(): null;
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index c01c40fd23d..cc6d6eefeeb 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -971,6 +971,36 @@
         "default": "./LexicalRichTextPlugin.js"
       }
     },
+    "./LexicalSelectionAlwaysOnDisplay": {
+      "import": {
+        "types": "./LexicalSelectionAlwaysOnDisplay.d.ts",
+        "development": "./LexicalSelectionAlwaysOnDisplay.dev.mjs",
+        "production": "./LexicalSelectionAlwaysOnDisplay.prod.mjs",
+        "node": "./LexicalSelectionAlwaysOnDisplay.node.mjs",
+        "default": "./LexicalSelectionAlwaysOnDisplay.mjs"
+      },
+      "require": {
+        "types": "./LexicalSelectionAlwaysOnDisplay.d.ts",
+        "development": "./LexicalSelectionAlwaysOnDisplay.dev.js",
+        "production": "./LexicalSelectionAlwaysOnDisplay.prod.js",
+        "default": "./LexicalSelectionAlwaysOnDisplay.js"
+      }
+    },
+    "./LexicalSelectionAlwaysOnDisplay.js": {
+      "import": {
+        "types": "./LexicalSelectionAlwaysOnDisplay.d.ts",
+        "development": "./LexicalSelectionAlwaysOnDisplay.dev.mjs",
+        "production": "./LexicalSelectionAlwaysOnDisplay.prod.mjs",
+        "node": "./LexicalSelectionAlwaysOnDisplay.node.mjs",
+        "default": "./LexicalSelectionAlwaysOnDisplay.mjs"
+      },
+      "require": {
+        "types": "./LexicalSelectionAlwaysOnDisplay.d.ts",
+        "development": "./LexicalSelectionAlwaysOnDisplay.dev.js",
+        "production": "./LexicalSelectionAlwaysOnDisplay.prod.js",
+        "default": "./LexicalSelectionAlwaysOnDisplay.js"
+      }
+    },
     "./LexicalTabIndentationPlugin": {
       "import": {
         "types": "./LexicalTabIndentationPlugin.d.ts",
diff --git a/packages/lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx b/packages/lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx
new file mode 100644
index 00000000000..69a24adbc58
--- /dev/null
+++ b/packages/lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {selectionAlwaysOnDisplay} from '@lexical/utils';
+import {useEffect} from 'react';
+
+export function SelectionAlwaysOnDisplay(): null {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return selectionAlwaysOnDisplay(editor);
+  }, [editor]);
+
+  return null;
+}
diff --git a/packages/lexical-react/src/LexicalTabIndentationPlugin.tsx b/packages/lexical-react/src/LexicalTabIndentationPlugin.tsx
index 7767526244a..db8c0e8a6e2 100644
--- a/packages/lexical-react/src/LexicalTabIndentationPlugin.tsx
+++ b/packages/lexical-react/src/LexicalTabIndentationPlugin.tsx
@@ -87,7 +87,7 @@ export function TabIndentationPlugin(): null {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
     return registerTabIndentation(editor);
-  });
+  }, [editor]);
 
   return null;
 }
diff --git a/packages/lexical-utils/flow/LexicalUtils.js.flow b/packages/lexical-utils/flow/LexicalUtils.js.flow
index 3f73f5a1db9..11524eee950 100644
--- a/packages/lexical-utils/flow/LexicalUtils.js.flow
+++ b/packages/lexical-utils/flow/LexicalUtils.js.flow
@@ -65,6 +65,18 @@ declare export function $findMatchingParent(
 ): LexicalNode | null;
 type Func = () => void;
 declare export function mergeRegister(...func: Array<Func>): () => void;
+declare export function markSelection(
+  editor: LexicalEditor,
+  onReposition?: (node: Array<HTMLElement>) => void,
+): () => void;
+declare export function positionNodeOnRange(
+  editor: LexicalEditor,
+  range: Range,
+  onReposition: (node: Array<HTMLElement>) => void,
+): () => void;
+declare export function selectionAlwaysOnDisplay(
+  editor: LexicalEditor,
+): () => void;
 declare export function $getNearestBlockElementAncestorOrThrow(
   startNode: LexicalNode,
 ): ElementNode;
diff --git a/packages/lexical-utils/src/__tests__/unit/LexlcaiUtilsInsertNodeToNearestRoot.test.tsx b/packages/lexical-utils/src/__tests__/unit/LexicalUtilsInsertNodeToNearestRoot.test.tsx
similarity index 100%
rename from packages/lexical-utils/src/__tests__/unit/LexlcaiUtilsInsertNodeToNearestRoot.test.tsx
rename to packages/lexical-utils/src/__tests__/unit/LexicalUtilsInsertNodeToNearestRoot.test.tsx
diff --git a/packages/lexical-utils/src/index.ts b/packages/lexical-utils/src/index.ts
index 68bafe208d8..8994e3dad65 100644
--- a/packages/lexical-utils/src/index.ts
+++ b/packages/lexical-utils/src/index.ts
@@ -44,6 +44,7 @@ import normalizeClassNames from 'shared/normalizeClassNames';
 export {default as markSelection} from './markSelection';
 export {default as mergeRegister} from './mergeRegister';
 export {default as positionNodeOnRange} from './positionNodeOnRange';
+export {default as selectionAlwaysOnDisplay} from './selectionAlwaysOnDisplay';
 export {
   $splitNode,
   isBlockDomNode,
diff --git a/packages/lexical-utils/src/selectionAlwaysOnDisplay.ts b/packages/lexical-utils/src/selectionAlwaysOnDisplay.ts
new file mode 100644
index 00000000000..0677e590512
--- /dev/null
+++ b/packages/lexical-utils/src/selectionAlwaysOnDisplay.ts
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {LexicalEditor} from 'lexical';
+
+import markSelection from './markSelection';
+
+export default function selectionAlwaysOnDisplay(
+  editor: LexicalEditor,
+): () => void {
+  let removeSelectionMark: (() => void) | null = null;
+
+  const onSelectionChange = () => {
+    const domSelection = getSelection();
+    const domAnchorNode = domSelection && domSelection.anchorNode;
+    const editorRootElement = editor.getRootElement();
+
+    const isSelectionInsideEditor =
+      domAnchorNode !== null &&
+      editorRootElement !== null &&
+      editorRootElement.contains(domAnchorNode);
+
+    if (isSelectionInsideEditor) {
+      if (removeSelectionMark !== null) {
+        removeSelectionMark();
+        removeSelectionMark = null;
+      }
+    } else {
+      if (removeSelectionMark === null) {
+        removeSelectionMark = markSelection(editor);
+      }
+    }
+  };
+
+  document.addEventListener('selectionchange', onSelectionChange);
+
+  return () => {
+    if (removeSelectionMark !== null) {
+      removeSelectionMark();
+    }
+    document.removeEventListener('selectionchange', onSelectionChange);
+  };
+}
diff --git a/packages/lexical-website/docs/react/plugins.md b/packages/lexical-website/docs/react/plugins.md
index 1e7f60c0294..c40f8c22251 100644
--- a/packages/lexical-website/docs/react/plugins.md
+++ b/packages/lexical-website/docs/react/plugins.md
@@ -193,7 +193,16 @@ In order to use `TableOfContentsPlugin`, you need to pass a callback function in
 
 Allows you to get a ref to the underlying editor instance outside of LexicalComposer, which is convenient when you want to interact with the editor
 from a separate part of your application.
+
 ```jsx
   const editorRef = useRef(null);
   <EditorRefPlugin editorRef={editorRef} />
 ```
+
+### `LexicalSelectionAlwaysOnDisplay`
+
+By default, browser text selection becomes invisible when clicking away from the editor. This plugin ensures the selection remains visible.
+
+```jsx
+  <SelectionAlwaysOnDisplay />
+```
\ No newline at end of file
diff --git a/tsconfig.build.json b/tsconfig.build.json
index 227dca5252a..e214cd1023c 100644
--- a/tsconfig.build.json
+++ b/tsconfig.build.json
@@ -121,6 +121,9 @@
       "@lexical/react/LexicalRichTextPlugin": [
         "./packages/lexical-react/src/LexicalRichTextPlugin.tsx"
       ],
+      "@lexical/react/LexicalSelectionAlwaysOnDisplay": [
+        "./packages/lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx"
+      ],
       "@lexical/react/LexicalTabIndentationPlugin": [
         "./packages/lexical-react/src/LexicalTabIndentationPlugin.tsx"
       ],
diff --git a/tsconfig.json b/tsconfig.json
index 50f67a71a8c..cb2feb1477f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -129,6 +129,9 @@
       "@lexical/react/LexicalRichTextPlugin": [
         "./packages/lexical-react/src/LexicalRichTextPlugin.tsx"
       ],
+      "@lexical/react/LexicalSelectionAlwaysOnDisplay": [
+        "./packages/lexical-react/src/LexicalSelectionAlwaysOnDisplay.tsx"
+      ],
       "@lexical/react/LexicalTabIndentationPlugin": [
         "./packages/lexical-react/src/LexicalTabIndentationPlugin.tsx"
       ],

From 9f6fef15f85e93949d905e3bd7341b2f68028682 Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Wed, 27 Nov 2024 19:12:59 +0000
Subject: [PATCH 112/133] positionNodeOnRange fixes (#6873)

---
 packages/lexical-utils/src/markSelection.ts   | 84 +++++++++----------
 .../lexical-utils/src/positionNodeOnRange.ts  | 34 ++++++--
 packages/lexical/src/LexicalUtils.ts          |  4 +-
 packages/lexical/src/index.ts                 |  2 +
 4 files changed, 68 insertions(+), 56 deletions(-)

diff --git a/packages/lexical-utils/src/markSelection.ts b/packages/lexical-utils/src/markSelection.ts
index 9ad57a2da7c..382b57b4bb7 100644
--- a/packages/lexical-utils/src/markSelection.ts
+++ b/packages/lexical-utils/src/markSelection.ts
@@ -9,17 +9,26 @@
 import {
   $getSelection,
   $isRangeSelection,
+  $isTextNode,
   type EditorState,
   ElementNode,
+  getDOMTextNode,
   type LexicalEditor,
   TextNode,
 } from 'lexical';
-import invariant from 'shared/invariant';
 
 import mergeRegister from './mergeRegister';
 import positionNodeOnRange from './positionNodeOnRange';
 import px from './px';
 
+/**
+ * Place one or multiple newly created Nodes at the current selection. Multiple
+ * nodes will only be created when the selection spans multiple lines (aka
+ * client rects).
+ *
+ * This function can come useful when you want to show the selection but the
+ * editor has been focused away.
+ */
 export default function markSelection(
   editor: LexicalEditor,
   onReposition?: (node: Array<HTMLElement>) => void,
@@ -57,7 +66,7 @@ export default function markSelection(
         currentAnchorOffset !== previousAnchorOffset ||
         currentAnchorNodeKey !== previousAnchorNode.getKey() ||
         (currentAnchorNode !== previousAnchorNode &&
-          (!(previousAnchorNode instanceof TextNode) ||
+          (!$isTextNode(previousAnchorNode) ||
             currentAnchorNode.updateDOM(
               previousAnchorNode,
               currentAnchorNodeDOM,
@@ -69,7 +78,7 @@ export default function markSelection(
         currentFocusOffset !== previousFocusOffset ||
         currentFocusNodeKey !== previousFocusNode.getKey() ||
         (currentFocusNode !== previousFocusNode &&
-          (!(previousFocusNode instanceof TextNode) ||
+          (!$isTextNode(previousFocusNode) ||
             currentFocusNode.updateDOM(
               previousFocusNode,
               currentFocusNodeDOM,
@@ -82,13 +91,7 @@ export default function markSelection(
         const focusHTMLElement = editor.getElementByKey(
           focus.getNode().getKey(),
         );
-        // TODO handle selection beyond the common TextNode
-        if (
-          anchorHTMLElement !== null &&
-          focusHTMLElement !== null &&
-          anchorHTMLElement.tagName === 'SPAN' &&
-          focusHTMLElement.tagName === 'SPAN'
-        ) {
+        if (anchorHTMLElement !== null && focusHTMLElement !== null) {
           const range = document.createRange();
           let firstHTMLElement;
           let firstOffset;
@@ -105,48 +108,39 @@ export default function markSelection(
             lastHTMLElement = focusHTMLElement;
             lastOffset = focus.offset;
           }
-          const firstTextNode = firstHTMLElement.firstChild;
-          invariant(
-            firstTextNode !== null,
-            'Expected text node to be first child of span',
+          const firstHTMLElementTextChild = getDOMTextNode(firstHTMLElement);
+          const lastHTMLElementtextChild = getDOMTextNode(lastHTMLElement);
+          range.setStart(
+            firstHTMLElementTextChild || firstHTMLElement,
+            firstOffset,
           );
-          const lastTextNode = lastHTMLElement.firstChild;
-          invariant(
-            lastTextNode !== null,
-            'Expected text node to be first child of span',
-          );
-          range.setStart(firstTextNode, firstOffset);
-          range.setEnd(lastTextNode, lastOffset);
+          range.setEnd(lastHTMLElementtextChild || lastHTMLElement, lastOffset);
           removeRangeListener();
           removeRangeListener = positionNodeOnRange(
             editor,
             range,
             (domNodes) => {
-              for (const domNode of domNodes) {
-                const domNodeStyle = domNode.style;
-                if (domNodeStyle.background !== 'Highlight') {
-                  domNodeStyle.background = 'Highlight';
-                }
-                if (domNodeStyle.color !== 'HighlightText') {
-                  domNodeStyle.color = 'HighlightText';
-                }
-                if (domNodeStyle.zIndex !== '-1') {
-                  domNodeStyle.zIndex = '-1';
-                }
-                if (domNodeStyle.pointerEvents !== 'none') {
-                  domNodeStyle.pointerEvents = 'none';
-                }
-                if (domNodeStyle.marginTop !== px(-1.5)) {
-                  domNodeStyle.marginTop = px(-1.5);
-                }
-                if (domNodeStyle.paddingTop !== px(4)) {
-                  domNodeStyle.paddingTop = px(4);
-                }
-                if (domNodeStyle.paddingBottom !== px(0)) {
-                  domNodeStyle.paddingBottom = px(0);
+              if (onReposition === undefined) {
+                for (const domNode of domNodes) {
+                  const domNodeStyle = domNode.style;
+
+                  if (domNodeStyle.background !== 'Highlight') {
+                    domNodeStyle.background = 'Highlight';
+                  }
+                  if (domNodeStyle.color !== 'HighlightText') {
+                    domNodeStyle.color = 'HighlightText';
+                  }
+                  if (domNodeStyle.marginTop !== px(-1.5)) {
+                    domNodeStyle.marginTop = px(-1.5);
+                  }
+                  if (domNodeStyle.paddingTop !== px(4)) {
+                    domNodeStyle.paddingTop = px(4);
+                  }
+                  if (domNodeStyle.paddingBottom !== px(0)) {
+                    domNodeStyle.paddingBottom = px(0);
+                  }
                 }
-              }
-              if (onReposition !== undefined) {
+              } else {
                 onReposition(domNodes);
               }
             },
diff --git a/packages/lexical-utils/src/positionNodeOnRange.ts b/packages/lexical-utils/src/positionNodeOnRange.ts
index d371bac2d79..2ae7df5e35e 100644
--- a/packages/lexical-utils/src/positionNodeOnRange.ts
+++ b/packages/lexical-utils/src/positionNodeOnRange.ts
@@ -6,9 +6,8 @@
  *
  */
 
-import type {LexicalEditor} from 'lexical';
-
 import {createRectsFromDOMRange} from '@lexical/selection';
+import {isHTMLElement, type LexicalEditor} from 'lexical';
 import invariant from 'shared/invariant';
 
 import px from './px';
@@ -20,7 +19,23 @@ const mutationObserverConfig = {
   subtree: true,
 };
 
-export default function positionNodeOnRange(
+function prependDOMNode(parent: HTMLElement, node: HTMLElement) {
+  parent.insertBefore(node, parent.firstChild);
+}
+
+/**
+ * Place one or multiple newly created Nodes at the passed Range's position.
+ * Multiple nodes will only be created when the Range spans multiple lines (aka
+ * client rects).
+ *
+ * This function can come particularly useful to highlight particular parts of
+ * the text without interfering with the EditorState, that will often replicate
+ * the state across collab and clipboard.
+ *
+ * This function accounts for DOM updates which can modify the passed Range.
+ * Hence, the function return to remove the listener.
+ */
+export default function mlcPositionNodeOnRange(
   editor: LexicalEditor,
   range: Range,
   onReposition: (node: Array<HTMLElement>) => void,
@@ -30,15 +45,16 @@ export default function positionNodeOnRange(
   let observer: null | MutationObserver = null;
   let lastNodes: Array<HTMLElement> = [];
   const wrapperNode = document.createElement('div');
+  wrapperNode.style.position = 'relative';
 
   function position(): void {
     invariant(rootDOMNode !== null, 'Unexpected null rootDOMNode');
     invariant(parentDOMNode !== null, 'Unexpected null parentDOMNode');
-    const {left: rootLeft, top: rootTop} = rootDOMNode.getBoundingClientRect();
-    const parentDOMNode_ = parentDOMNode;
+    const {left: parentLeft, top: parentTop} =
+      parentDOMNode.getBoundingClientRect();
     const rects = createRectsFromDOMRange(editor, range);
     if (!wrapperNode.isConnected) {
-      parentDOMNode_.append(wrapperNode);
+      prependDOMNode(parentDOMNode, wrapperNode);
     }
     let hasRepositioned = false;
     for (let i = 0; i < rects.length; i++) {
@@ -51,12 +67,12 @@ export default function positionNodeOnRange(
         rectNodeStyle.position = 'absolute';
         hasRepositioned = true;
       }
-      const left = px(rect.left - rootLeft);
+      const left = px(rect.left - parentLeft);
       if (rectNodeStyle.left !== left) {
         rectNodeStyle.left = left;
         hasRepositioned = true;
       }
-      const top = px(rect.top - rootTop);
+      const top = px(rect.top - parentTop);
       if (rectNodeStyle.top !== top) {
         rectNode.style.top = top;
         hasRepositioned = true;
@@ -105,7 +121,7 @@ export default function positionNodeOnRange(
       return stop();
     }
     const currentParentDOMNode = currentRootDOMNode.parentElement;
-    if (!(currentParentDOMNode instanceof HTMLElement)) {
+    if (currentParentDOMNode === null || !isHTMLElement(currentParentDOMNode)) {
       return stop();
     }
     stop();
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index 28b4f57e943..f4cc88ac86a 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -194,14 +194,14 @@ export function $isTokenOrSegmented(node: TextNode): boolean {
   return node.isToken() || node.isSegmented();
 }
 
-function isDOMNodeLexicalTextNode(node: Node): node is Text {
+export function isDOMTextNode(node: Node): node is Text {
   return node.nodeType === DOM_TEXT_TYPE;
 }
 
 export function getDOMTextNode(element: Node | null): Text | null {
   let node = element;
   while (node != null) {
-    if (isDOMNodeLexicalTextNode(node)) {
+    if (isDOMTextNode(node)) {
       return node;
     }
     node = node.firstChild;
diff --git a/packages/lexical/src/index.ts b/packages/lexical/src/index.ts
index 5f1eae58210..562c7c4e387 100644
--- a/packages/lexical/src/index.ts
+++ b/packages/lexical/src/index.ts
@@ -180,10 +180,12 @@ export {
   $setSelection,
   $splitNode,
   getDOMSelection,
+  getDOMTextNode,
   getEditorPropertyFromDOMNode,
   getNearestEditorFromDOMNode,
   isBlockDomNode,
   isDocumentFragment,
+  isDOMTextNode,
   isDOMUnmanaged,
   isHTMLAnchorElement,
   isHTMLElement,

From a016d11010bad0989273cc3c6efd92d09357ac96 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Wed, 27 Nov 2024 11:37:44 -0800
Subject: [PATCH 113/133] [lexical-table] Bug Fix: Fix left arrow key handling
 for table selection (#6875)

---
 .../6870-table-left-arrow-selection.spec.mjs  | 109 ++++++++++++++++++
 .../src/LexicalTableSelectionHelpers.ts       |  52 ++++++---
 2 files changed, 145 insertions(+), 16 deletions(-)
 create mode 100644 packages/lexical-playground/__tests__/regression/6870-table-left-arrow-selection.spec.mjs

diff --git a/packages/lexical-playground/__tests__/regression/6870-table-left-arrow-selection.spec.mjs b/packages/lexical-playground/__tests__/regression/6870-table-left-arrow-selection.spec.mjs
new file mode 100644
index 00000000000..b5e081668be
--- /dev/null
+++ b/packages/lexical-playground/__tests__/regression/6870-table-left-arrow-selection.spec.mjs
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {moveToEditorEnd} from '../keyboardShortcuts/index.mjs';
+import {
+  assertSelection,
+  focusEditor,
+  initialize,
+  insertSampleImage,
+  insertTable,
+  IS_TABLE_HORIZONTAL_SCROLL,
+  test,
+} from '../utils/index.mjs';
+
+const WRAPPER = IS_TABLE_HORIZONTAL_SCROLL ? [0] : [];
+
+test.describe('Regression test #6870', () => {
+  test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
+  test('left arrow moves selection around decorators near tables', async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    test.skip(isCollab);
+    test.skip(isPlainText);
+
+    await focusEditor(page);
+
+    await insertTable(page, 2, 1);
+    await moveToEditorEnd(page);
+    await insertSampleImage(page);
+
+    await assertSelection(page, {
+      anchorOffset: 1,
+      anchorPath: [2],
+      focusOffset: 1,
+      focusPath: [2],
+    });
+
+    // First ArrowLeft moves inside the image
+    await page.keyboard.press('ArrowLeft');
+    await page.keyboard.press('ArrowLeft');
+
+    await assertSelection(page, {
+      anchorOffset: 0,
+      anchorPath: [2],
+      focusOffset: 0,
+      focusPath: [2],
+    });
+
+    await page.keyboard.press('ArrowLeft');
+
+    // Moves into the last cell of the table
+    await assertSelection(page, {
+      anchorOffset: 0,
+      anchorPath: [1, ...WRAPPER, 2, 0, 0],
+      focusOffset: 0,
+      focusPath: [1, ...WRAPPER, 2, 0, 0],
+    });
+  });
+  test('left arrow expands selection around decorators near tables', async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    test.skip(isCollab);
+    test.skip(isPlainText);
+
+    await focusEditor(page);
+
+    await insertTable(page, 2, 1);
+    await moveToEditorEnd(page);
+    await insertSampleImage(page);
+
+    await assertSelection(page, {
+      anchorOffset: 1,
+      anchorPath: [2],
+      focusOffset: 1,
+      focusPath: [2],
+    });
+
+    await page.keyboard.down('Shift');
+    // Only one press is needed here, it won't move into the node
+    await page.keyboard.press('ArrowLeft');
+
+    await assertSelection(page, {
+      anchorOffset: 1,
+      anchorPath: [2],
+      focusOffset: 0,
+      focusPath: [2],
+    });
+
+    await page.keyboard.press('ArrowLeft');
+    await page.keyboard.up('Shift');
+
+    // Include the whole table
+    await assertSelection(page, {
+      anchorOffset: 1,
+      anchorPath: [2],
+      focusOffset: 1,
+      focusPath: [],
+    });
+  });
+});
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index 4bb6d3944c6..08c6f1f4fd4 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -16,6 +16,7 @@ import type {
 import type {
   BaseSelection,
   ElementFormatType,
+  ElementNode,
   LexicalCommand,
   LexicalEditor,
   LexicalNode,
@@ -1593,6 +1594,27 @@ export function $findTableNode(node: LexicalNode): null | TableNode {
   return $isTableNode(tableNode) ? tableNode : null;
 }
 
+function $getBlockParentIfFirstNode(node: LexicalNode): ElementNode | null {
+  for (
+    let prevNode = node, currentNode: LexicalNode | null = node;
+    currentNode !== null;
+    prevNode = currentNode, currentNode = currentNode.getParent()
+  ) {
+    if ($isElementNode(currentNode)) {
+      if (
+        currentNode !== prevNode &&
+        currentNode.getFirstChild() !== prevNode
+      ) {
+        // Not the first child or the initial node
+        return null;
+      } else if (!currentNode.isInline()) {
+        return currentNode;
+      }
+    }
+  }
+  return null;
+}
+
 function $handleArrowKey(
   editor: LexicalEditor,
   event: KeyboardEvent,
@@ -1611,32 +1633,30 @@ function $handleArrowKey(
 
   if (!$isSelectionInTable(selection, tableNode)) {
     if ($isRangeSelection(selection)) {
-      if (selection.isCollapsed() && direction === 'backward') {
-        const anchorType = selection.anchor.type;
-        const anchorOffset = selection.anchor.offset;
-        if (
-          anchorType !== 'element' &&
-          !(anchorType === 'text' && anchorOffset === 0)
-        ) {
-          return false;
-        }
-        const anchorNode = selection.anchor.getNode();
-        if (!anchorNode) {
+      if (direction === 'backward') {
+        if (selection.focus.offset > 0) {
           return false;
         }
-        const parentNode = $findMatchingParent(
-          anchorNode,
-          (n) => $isElementNode(n) && !n.isInline(),
+        const parentNode = $getBlockParentIfFirstNode(
+          selection.focus.getNode(),
         );
         if (!parentNode) {
           return false;
         }
         const siblingNode = parentNode.getPreviousSibling();
-        if (!siblingNode || !$isTableNode(siblingNode)) {
+        if (!$isTableNode(siblingNode)) {
           return false;
         }
         stopEvent(event);
-        siblingNode.selectEnd();
+        if (event.shiftKey) {
+          selection.focus.set(
+            siblingNode.getParentOrThrow().getKey(),
+            siblingNode.getIndexWithinParent(),
+            'element',
+          );
+        } else {
+          siblingNode.selectEnd();
+        }
         return true;
       } else if (
         event.shiftKey &&

From 805215b71ceccdf3d370c1a8180d1ea1dc23db6f Mon Sep 17 00:00:00 2001
From: Oluwasanya Olaoluwa <vantageola4@gmail.com>
Date: Thu, 28 Nov 2024 08:15:24 +0100
Subject: [PATCH 114/133] [lexical-playground] Fix: Hidden comment button on
 narrow screens or vertical monitors (#6871)

---
 .../lexical-playground/src/plugins/CommentPlugin/index.css    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/CommentPlugin/index.css b/packages/lexical-playground/src/plugins/CommentPlugin/index.css
index 7f7a035fcc7..b0cc7257f03 100644
--- a/packages/lexical-playground/src/plugins/CommentPlugin/index.css
+++ b/packages/lexical-playground/src/plugins/CommentPlugin/index.css
@@ -43,7 +43,7 @@ i.add-comment {
   background-image: url(../../images/icons/chat-left-text.svg);
 }
 
-@media (max-width: 1024px) {
+@media (max-width: 600px) {
   .CommentPlugin_AddCommentBox {
     display: none;
   }
@@ -164,7 +164,7 @@ i.comments {
   transition: opacity 0.2s linear;
 }
 
-@media (max-width: 1024px) {
+@media (max-width: 600px) {
   .CommentPlugin_ShowCommentsButton {
     display: none;
   }

From 0d1bb6670f71a70b2ad18243fee7ff4a0309a20f Mon Sep 17 00:00:00 2001
From: "C." <106287207+citruscai@users.noreply.github.com>
Date: Thu, 28 Nov 2024 01:43:16 -0600
Subject: [PATCH 115/133] [lexical-playground] Feature: Highlight special
 strings with format (#6860)

---
 .../__tests__/e2e/SpecialTexts.spec.mjs       | 96 ++++++++++++++++++
 .../__tests__/utils/index.mjs                 |  6 ++
 packages/lexical-playground/src/Editor.tsx    |  3 +
 packages/lexical-playground/src/Settings.tsx  | 12 +++
 .../lexical-playground/src/appSettings.ts     |  1 +
 .../src/nodes/PlaygroundNodes.ts              |  2 +
 .../src/nodes/SpecialTextNode.tsx             | 97 +++++++++++++++++++
 .../src/plugins/SpecialTextPlugin/index.ts    | 72 ++++++++++++++
 .../src/themes/PlaygroundEditorTheme.css      |  5 +
 .../src/themes/PlaygroundEditorTheme.ts       |  1 +
 packages/lexical/src/LexicalEditor.ts         |  1 +
 11 files changed, 296 insertions(+)
 create mode 100644 packages/lexical-playground/__tests__/e2e/SpecialTexts.spec.mjs
 create mode 100644 packages/lexical-playground/src/nodes/SpecialTextNode.tsx
 create mode 100644 packages/lexical-playground/src/plugins/SpecialTextPlugin/index.ts

diff --git a/packages/lexical-playground/__tests__/e2e/SpecialTexts.spec.mjs b/packages/lexical-playground/__tests__/e2e/SpecialTexts.spec.mjs
new file mode 100644
index 00000000000..82304e24dac
--- /dev/null
+++ b/packages/lexical-playground/__tests__/e2e/SpecialTexts.spec.mjs
@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {
+  assertHTML,
+  focusEditor,
+  html,
+  initialize,
+  test,
+  waitForSelector,
+} from '../utils/index.mjs';
+
+test.describe('Special Text', () => {
+  test.use({shouldAllowHighlightingWithBrackets: true});
+  test.beforeEach(({isCollab, page, shouldAllowHighlightingWithBrackets}) =>
+    initialize({
+      isCollab,
+      page,
+      shouldAllowHighlightingWithBrackets,
+    }),
+  );
+  test('should handle a single special text', async ({page, isCollab}) => {
+    await focusEditor(page);
+    await page.keyboard.type('[MLH Fellowship]');
+    await waitForSelector(page, '.PlaygroundEditorTheme__specialText');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span
+            class="PlaygroundEditorTheme__specialText"
+            data-lexical-text="true">
+            MLH Fellowship
+          </span>
+        </p>
+      `,
+    );
+  });
+  test('should handle multiple special texts', async ({page, isCollab}) => {
+    await focusEditor(page);
+    await page.keyboard.type('[MLH Fellowship] [MLH Fellowship]');
+    await waitForSelector(page, '.PlaygroundEditorTheme__specialText');
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span
+            class="PlaygroundEditorTheme__specialText"
+            data-lexical-text="true">
+            MLH Fellowship
+          </span>
+          <span data-lexical-text="true"></span>
+          <span
+            class="PlaygroundEditorTheme__specialText"
+            data-lexical-text="true">
+            MLH Fellowship
+          </span>
+        </p>
+      `,
+    );
+  });
+
+  test('should not work when the option to use brackets for highlighting is disabled', async ({
+    page,
+    isCollab,
+    shouldAllowHighlightingWithBrackets,
+  }) => {
+    await initialize({
+      isCollab,
+      page,
+      shouldAllowHighlightingWithBrackets: false,
+    });
+    await focusEditor(page);
+    await page.keyboard.type('[MLH Fellowship]');
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">[MLH Fellowship]</span>
+        </p>
+      `,
+    );
+  });
+});
diff --git a/packages/lexical-playground/__tests__/utils/index.mjs b/packages/lexical-playground/__tests__/utils/index.mjs
index 6dbd0686ae5..ed81a581866 100644
--- a/packages/lexical-playground/__tests__/utils/index.mjs
+++ b/packages/lexical-playground/__tests__/utils/index.mjs
@@ -82,6 +82,7 @@ export async function initialize({
   tableCellBackgroundColor,
   shouldUseLexicalContextMenu,
   tableHorizontalScroll,
+  shouldAllowHighlightingWithBrackets,
   selectionAlwaysOnDisplay,
 }) {
   // Tests with legacy events often fail to register keypress, so
@@ -116,6 +117,10 @@ export async function initialize({
     appSettings.tableCellBackgroundColor = tableCellBackgroundColor;
   }
   appSettings.shouldUseLexicalContextMenu = !!shouldUseLexicalContextMenu;
+
+  appSettings.shouldAllowHighlightingWithBrackets =
+    !!shouldAllowHighlightingWithBrackets;
+
   appSettings.selectionAlwaysOnDisplay = !!selectionAlwaysOnDisplay;
 
   const urlParams = appSettingsToURLParams(appSettings);
@@ -174,6 +179,7 @@ export const test = base.extend({
   isRichText: IS_RICH_TEXT,
   legacyEvents: LEGACY_EVENTS,
   selectionAlwaysOnDisplay: false,
+  shouldAllowHighlightingWithBrackets: false,
   shouldUseLexicalContextMenu: false,
 });
 
diff --git a/packages/lexical-playground/src/Editor.tsx b/packages/lexical-playground/src/Editor.tsx
index fb0055c51bd..1b752ced18c 100644
--- a/packages/lexical-playground/src/Editor.tsx
+++ b/packages/lexical-playground/src/Editor.tsx
@@ -62,6 +62,7 @@ import MentionsPlugin from './plugins/MentionsPlugin';
 import PageBreakPlugin from './plugins/PageBreakPlugin';
 import PollPlugin from './plugins/PollPlugin';
 import ShortcutsPlugin from './plugins/ShortcutsPlugin';
+import SpecialTextPlugin from './plugins/SpecialTextPlugin';
 import SpeechToTextPlugin from './plugins/SpeechToTextPlugin';
 import TabFocusPlugin from './plugins/TabFocusPlugin';
 import TableCellActionMenuPlugin from './plugins/TableActionMenuPlugin';
@@ -96,6 +97,7 @@ export default function Editor(): JSX.Element {
       tableCellMerge,
       tableCellBackgroundColor,
       tableHorizontalScroll,
+      shouldAllowHighlightingWithBrackets,
       selectionAlwaysOnDisplay,
     },
   } = useSettings();
@@ -260,6 +262,7 @@ export default function Editor(): JSX.Element {
         {isAutocomplete && <AutocompletePlugin />}
         <div>{showTableOfContents && <TableOfContentsPlugin />}</div>
         {shouldUseLexicalContextMenu && <ContextMenuPlugin />}
+        {shouldAllowHighlightingWithBrackets && <SpecialTextPlugin />}
         <ActionsPlugin
           isRichText={isRichText}
           shouldPreserveNewLinesInMarkdown={shouldPreserveNewLinesInMarkdown}
diff --git a/packages/lexical-playground/src/Settings.tsx b/packages/lexical-playground/src/Settings.tsx
index 4c10f1df767..cc787b5ba56 100644
--- a/packages/lexical-playground/src/Settings.tsx
+++ b/packages/lexical-playground/src/Settings.tsx
@@ -32,6 +32,7 @@ export default function Settings(): JSX.Element {
       showTableOfContents,
       shouldUseLexicalContextMenu,
       shouldPreserveNewLinesInMarkdown,
+      shouldAllowHighlightingWithBrackets,
       // tableHorizontalScroll,
       selectionAlwaysOnDisplay,
     },
@@ -176,6 +177,17 @@ export default function Settings(): JSX.Element {
             checked={tableHorizontalScroll}
             text="Tables have horizontal scroll"
           /> */}
+          <Switch
+            onClick={() => {
+              setOption(
+                'shouldAllowHighlightingWithBrackets',
+                !shouldAllowHighlightingWithBrackets,
+              );
+            }}
+            checked={shouldAllowHighlightingWithBrackets}
+            text="Use Brackets for Highlighting"
+          />
+
           <Switch
             onClick={() => {
               setOption('selectionAlwaysOnDisplay', !selectionAlwaysOnDisplay);
diff --git a/packages/lexical-playground/src/appSettings.ts b/packages/lexical-playground/src/appSettings.ts
index 068b1ce1a31..f0763e80e31 100644
--- a/packages/lexical-playground/src/appSettings.ts
+++ b/packages/lexical-playground/src/appSettings.ts
@@ -23,6 +23,7 @@ export const DEFAULT_SETTINGS = {
   isRichText: true,
   measureTypingPerf: false,
   selectionAlwaysOnDisplay: false,
+  shouldAllowHighlightingWithBrackets: false,
   shouldPreserveNewLinesInMarkdown: false,
   shouldUseLexicalContextMenu: false,
   showNestedEditorTreeView: false,
diff --git a/packages/lexical-playground/src/nodes/PlaygroundNodes.ts b/packages/lexical-playground/src/nodes/PlaygroundNodes.ts
index e44931905ba..1048fb82ce2 100644
--- a/packages/lexical-playground/src/nodes/PlaygroundNodes.ts
+++ b/packages/lexical-playground/src/nodes/PlaygroundNodes.ts
@@ -34,6 +34,7 @@ import {LayoutItemNode} from './LayoutItemNode';
 import {MentionNode} from './MentionNode';
 import {PageBreakNode} from './PageBreakNode';
 import {PollNode} from './PollNode';
+import {SpecialTextNode} from './SpecialTextNode';
 import {StickyNode} from './StickyNode';
 import {TweetNode} from './TweetNode';
 import {YouTubeNode} from './YouTubeNode';
@@ -73,6 +74,7 @@ const PlaygroundNodes: Array<Klass<LexicalNode>> = [
   PageBreakNode,
   LayoutContainerNode,
   LayoutItemNode,
+  SpecialTextNode,
 ];
 
 export default PlaygroundNodes;
diff --git a/packages/lexical-playground/src/nodes/SpecialTextNode.tsx b/packages/lexical-playground/src/nodes/SpecialTextNode.tsx
new file mode 100644
index 00000000000..474241d15d4
--- /dev/null
+++ b/packages/lexical-playground/src/nodes/SpecialTextNode.tsx
@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import type {
+  EditorConfig,
+  LexicalNode,
+  NodeKey,
+  SerializedTextNode,
+} from 'lexical';
+
+import {addClassNamesToElement} from '@lexical/utils';
+import {$applyNodeReplacement, TextNode} from 'lexical';
+
+/** @noInheritDoc */
+export class SpecialTextNode extends TextNode {
+  static getType(): string {
+    return 'specialText';
+  }
+
+  static clone(node: SpecialTextNode): SpecialTextNode {
+    return new SpecialTextNode(node.__text, node.__key);
+  }
+
+  constructor(text: string, key?: NodeKey) {
+    super(text, key);
+  }
+
+  createDOM(config: EditorConfig): HTMLElement {
+    const dom = document.createElement('span');
+    addClassNamesToElement(dom, config.theme.specialText);
+    dom.textContent = this.getTextContent();
+    return dom;
+  }
+
+  updateDOM(
+    prevNode: TextNode,
+    dom: HTMLElement,
+    config: EditorConfig,
+  ): boolean {
+    if (prevNode.__text.startsWith('[') && prevNode.__text.endsWith(']')) {
+      const strippedText = this.__text.substring(1, this.__text.length - 1); // Strip brackets again
+      dom.textContent = strippedText; // Update the text content
+    }
+
+    addClassNamesToElement(dom, config.theme.specialText);
+
+    return false;
+  }
+
+  static importJSON(serializedNode: SerializedTextNode): SpecialTextNode {
+    const node = $createSpecialTextNode(serializedNode.text);
+    node.setFormat(serializedNode.format);
+    node.setStyle(serializedNode.style);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    return node;
+  }
+
+  exportJSON(): SerializedTextNode {
+    return {
+      ...super.exportJSON(),
+      type: 'specialText',
+    };
+  }
+
+  isTextEntity(): true {
+    return true;
+  }
+  canInsertTextAfter(): boolean {
+    return false; // Prevents appending text to this node
+  }
+}
+
+/**
+ * Creates a SpecialTextNode with the given text.
+ * @param text - Text content for the SpecialTextNode.
+ * @returns A new SpecialTextNode instance.
+ */
+export function $createSpecialTextNode(text = ''): SpecialTextNode {
+  return $applyNodeReplacement(new SpecialTextNode(text));
+}
+
+/**
+ * Checks if a node is a SpecialTextNode.
+ * @param node - Node to check.
+ * @returns True if the node is a SpecialTextNode.
+ */
+export function $isSpecialTextNode(
+  node: LexicalNode | null | undefined,
+): node is SpecialTextNode {
+  return node instanceof SpecialTextNode;
+}
diff --git a/packages/lexical-playground/src/plugins/SpecialTextPlugin/index.ts b/packages/lexical-playground/src/plugins/SpecialTextPlugin/index.ts
new file mode 100644
index 00000000000..ecbec844b66
--- /dev/null
+++ b/packages/lexical-playground/src/plugins/SpecialTextPlugin/index.ts
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type {LexicalEditor} from 'lexical';
+
+import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {TextNode} from 'lexical';
+import {useEffect} from 'react';
+
+import {
+  $createSpecialTextNode,
+  SpecialTextNode,
+} from '../../nodes/SpecialTextNode';
+
+const BRACKETED_TEXT_REGEX = /\[([^\[\]]+)\]/; // eslint-disable-line
+
+function $findAndTransformText(node: TextNode): null | TextNode {
+  const text = node.getTextContent();
+
+  const match = BRACKETED_TEXT_REGEX.exec(text);
+  if (match) {
+    const matchedText = match[1];
+    const startIndex = match.index;
+
+    let targetNode;
+    if (startIndex === 0) {
+      [targetNode] = node.splitText(startIndex + match[0].length);
+    } else {
+      [, targetNode] = node.splitText(startIndex, startIndex + match[0].length);
+    }
+
+    const specialTextNode = $createSpecialTextNode(matchedText);
+    targetNode.replace(specialTextNode);
+    return specialTextNode;
+  }
+
+  return null;
+}
+
+function $textNodeTransform(node: TextNode): void {
+  let targetNode: TextNode | null = node;
+
+  while (targetNode !== null) {
+    if (!targetNode.isSimpleText()) {
+      return;
+    }
+
+    targetNode = $findAndTransformText(targetNode);
+  }
+}
+
+function useTextTransformation(editor: LexicalEditor): void {
+  useEffect(() => {
+    if (!editor.hasNodes([SpecialTextNode])) {
+      throw new Error(
+        'SpecialTextPlugin: SpecialTextNode not registered on editor',
+      );
+    }
+
+    return editor.registerNodeTransform(TextNode, $textNodeTransform);
+  }, [editor]);
+}
+
+export default function SpecialTextPlugin(): JSX.Element | null {
+  const [editor] = useLexicalComposerContext();
+  useTextTransformation(editor);
+  return null;
+}
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
index 657814a0041..931beb900cb 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -448,3 +448,8 @@
   outline: 2px solid rgb(60, 132, 244);
   user-select: none;
 }
+
+.PlaygroundEditorTheme__specialText {
+  background-color: yellow;
+  font-weight: bold;
+}
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
index 882bb879898..0b45916782b 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.ts
@@ -90,6 +90,7 @@ const theme: EditorThemeClasses = {
   paragraph: 'PlaygroundEditorTheme__paragraph',
   quote: 'PlaygroundEditorTheme__quote',
   rtl: 'PlaygroundEditorTheme__rtl',
+  specialText: 'PlaygroundEditorTheme__specialText',
   table: 'PlaygroundEditorTheme__table',
   tableCell: 'PlaygroundEditorTheme__tableCell',
   tableCellActionButton: 'PlaygroundEditorTheme__tableCellActionButton',
diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index 60722c6f32b..157d8d04f95 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -98,6 +98,7 @@ export type EditorThemeClasses = {
   code?: EditorThemeClassName;
   codeHighlight?: Record<string, EditorThemeClassName>;
   hashtag?: EditorThemeClassName;
+  specialText?: EditorThemeClassName;
   heading?: {
     h1?: EditorThemeClassName;
     h2?: EditorThemeClassName;

From 16e49878af5525e2a32b0d39aec5838e04636944 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Thu, 28 Nov 2024 14:39:51 -0800
Subject: [PATCH 116/133] [lexical-table] Bug Fix: Fix table tab navigation
 (#6880)

---
 .../__tests__/e2e/Tables.spec.mjs             | 298 ++++++++++++++++++
 .../lexical-table/src/LexicalTableNode.ts     |  22 +-
 .../lexical-table/src/LexicalTableObserver.ts |  19 +-
 .../src/LexicalTableSelectionHelpers.ts       |  70 +++-
 4 files changed, 375 insertions(+), 34 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index d85bb4c4ccd..4fd7ca25b30 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -2437,6 +2437,304 @@ test.describe.parallel('Tables', () => {
     );
   });
 
+  test('Merged cell tab navigation forward', async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    await initialize({isCollab, page});
+    test.skip(isPlainText);
+    test.skip(isCollab);
+
+    await focusEditor(page);
+
+    await insertTable(page, 3, 3);
+
+    await click(page, '.PlaygroundEditorTheme__tableCell');
+    await selectCellsFromTableCords(
+      page,
+      {x: 0, y: 0},
+      {x: 0, y: 1},
+      true,
+      true,
+    );
+    await mergeTableCells(page);
+    await selectCellsFromTableCords(
+      page,
+      {x: 1, y: 0},
+      {x: 2, y: 0},
+      true,
+      true,
+    );
+    await mergeTableCells(page);
+    await assertHTML(
+      page,
+      html`
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              rowspan="2">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              colspan="2">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+          </tr>
+          <tr>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+          </tr>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+          </tr>
+        </table>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+    await click(page, '.PlaygroundEditorTheme__tableCell');
+    for (const i of Array.from({length: 9 - 2}, (_v, idx) => idx)) {
+      await page.keyboard.type(String(i));
+      await page.keyboard.press('Tab');
+    }
+    await page.keyboard.type('Done!');
+    await assertHTML(
+      page,
+      html`
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              rowspan="2">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">0</span>
+              </p>
+            </th>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              colspan="2">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">1</span>
+              </p>
+            </th>
+          </tr>
+          <tr>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">2</span>
+              </p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">3</span>
+              </p>
+            </td>
+          </tr>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">4</span>
+              </p>
+            </th>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">5</span>
+              </p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">6</span>
+              </p>
+            </td>
+          </tr>
+        </table>
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">Done!</span>
+        </p>
+      `,
+    );
+  });
+
+  test('Merged cell tab navigation reverse', async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    await initialize({isCollab, page});
+    test.skip(isPlainText);
+    test.skip(isCollab);
+
+    await focusEditor(page);
+
+    await insertTable(page, 3, 3);
+
+    await click(page, '.PlaygroundEditorTheme__tableCell');
+    await selectCellsFromTableCords(
+      page,
+      {x: 0, y: 0},
+      {x: 0, y: 1},
+      true,
+      true,
+    );
+    await mergeTableCells(page);
+    await selectCellsFromTableCords(
+      page,
+      {x: 1, y: 0},
+      {x: 2, y: 0},
+      true,
+      true,
+    );
+    await mergeTableCells(page);
+    await assertHTML(
+      page,
+      html`
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+        <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              rowspan="2">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              colspan="2">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+          </tr>
+          <tr>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+          </tr>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </th>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+          </tr>
+        </table>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+    await click(page, ':nth-match(.PlaygroundEditorTheme__tableCell, 7)');
+    for (const i of Array.from({length: 9 - 2}, (_v, idx) => idx)) {
+      await page.keyboard.type(String(i));
+      await page.keyboard.down('Shift');
+      await page.keyboard.press('Tab');
+      await page.keyboard.up('Shift');
+    }
+    await page.keyboard.type('Done!');
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <span data-lexical-text="true">Done!</span>
+        </p>
+        <table class="PlaygroundEditorTheme__table">
+          <colgroup>
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+            <col style="width: 92px" />
+          </colgroup>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              rowspan="2">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">6</span>
+              </p>
+            </th>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader"
+              colspan="2">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">5</span>
+              </p>
+            </th>
+          </tr>
+          <tr>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">4</span>
+              </p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">3</span>
+              </p>
+            </td>
+          </tr>
+          <tr>
+            <th
+              class="PlaygroundEditorTheme__tableCell PlaygroundEditorTheme__tableCellHeader">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">2</span>
+              </p>
+            </th>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">1</span>
+              </p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph">
+                <span data-lexical-text="true">0</span>
+              </p>
+            </td>
+          </tr>
+        </table>
+        <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+      `,
+    );
+  });
+
   test('Merge with content', async ({page, isPlainText, isCollab}) => {
     await initialize({isCollab, page});
     test.skip(isPlainText);
diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index 838758e2e83..1de74231576 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -34,7 +34,10 @@ import {PIXEL_VALUE_REG_EXP} from './constants';
 import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
 import {TableDOMCell, TableDOMTable} from './LexicalTableObserver';
 import {TableRowNode} from './LexicalTableRowNode';
-import {getTable} from './LexicalTableSelectionHelpers';
+import {
+  $getNearestTableCellInTableFromDOMNode,
+  getTable,
+} from './LexicalTableSelectionHelpers';
 
 export type SerializedTableNode = Spread<
   {
@@ -270,17 +273,16 @@ export class TableNode extends ElementNode {
         continue;
       }
 
-      const x = row.findIndex((cell) => {
-        if (!cell) {
-          return;
+      for (let x = 0; x < row.length; x++) {
+        const cell = row[x];
+        if (cell == null) {
+          continue;
         }
         const {elem} = cell;
-        const cellNode = $getNearestNodeFromDOMNode(elem);
-        return cellNode === tableCellNode;
-      });
-
-      if (x !== -1) {
-        return {x, y};
+        const cellNode = $getNearestTableCellInTableFromDOMNode(this, elem);
+        if (cellNode !== null && tableCellNode.is(cellNode)) {
+          return {x, y};
+        }
       }
     }
 
diff --git a/packages/lexical-table/src/LexicalTableObserver.ts b/packages/lexical-table/src/LexicalTableObserver.ts
index 0d148257121..059c471b96d 100644
--- a/packages/lexical-table/src/LexicalTableObserver.ts
+++ b/packages/lexical-table/src/LexicalTableObserver.ts
@@ -17,7 +17,6 @@ import {
   $createRangeSelection,
   $createTextNode,
   $getEditor,
-  $getNearestNodeFromDOMNode,
   $getNodeByKey,
   $getRoot,
   $getSelection,
@@ -38,7 +37,7 @@ import {
   type TableSelection,
 } from './LexicalTableSelection';
 import {
-  $findTableNode,
+  $getNearestTableCellInTableFromDOMNode,
   $updateDOMForSelection,
   getTable,
   getTableElement,
@@ -351,13 +350,15 @@ export class TableObserver {
     this.focusY = cellY;
 
     if (this.isHighlightingCells) {
-      const focusTableCellNode = $getNearestNodeFromDOMNode(cell.elem);
+      const focusTableCellNode = $getNearestTableCellInTableFromDOMNode(
+        tableNode,
+        cell.elem,
+      );
 
       if (
         this.tableSelection != null &&
         this.anchorCellNodeKey != null &&
-        $isTableCellNode(focusTableCellNode) &&
-        tableNode.is($findTableNode(focusTableCellNode))
+        focusTableCellNode !== null
       ) {
         this.focusCellNodeKey = focusTableCellNode.getKey();
         this.tableSelection = $createTableSelectionFrom(
@@ -407,9 +408,13 @@ export class TableObserver {
     this.anchorX = cell.x;
     this.anchorY = cell.y;
 
-    const anchorTableCellNode = $getNearestNodeFromDOMNode(cell.elem);
+    const {tableNode} = this.$lookup();
+    const anchorTableCellNode = $getNearestTableCellInTableFromDOMNode(
+      tableNode,
+      cell.elem,
+    );
 
-    if ($isTableCellNode(anchorTableCellNode)) {
+    if (anchorTableCellNode !== null) {
       const anchorNodeKey = anchorTableCellNode.getKey();
       this.tableSelection =
         this.tableSelection != null
diff --git a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
index 08c6f1f4fd4..7959f1cfd75 100644
--- a/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
+++ b/packages/lexical-table/src/LexicalTableSelectionHelpers.ts
@@ -15,6 +15,7 @@ import type {
 } from './LexicalTableSelection';
 import type {
   BaseSelection,
+  EditorState,
   ElementFormatType,
   ElementNode,
   LexicalCommand,
@@ -661,23 +662,17 @@ export function applyTableHandlers(
           }
 
           const tableCellNode = $findCellNode(selection.anchor.getNode());
-          if (tableCellNode === null) {
+          if (
+            tableCellNode === null ||
+            !tableNode.is($findTableNode(tableCellNode))
+          ) {
             return false;
           }
 
           stopEvent(event);
-
-          const currentCords = tableNode.getCordsFromCellNode(
+          $selectAdjacentCell(
             tableCellNode,
-            tableObserver.table,
-          );
-
-          selectTableNodeInDirection(
-            tableObserver,
-            tableNode,
-            currentCords.x,
-            currentCords.y,
-            !event.shiftKey ? 'forward' : 'backward',
+            event.shiftKey ? 'previous' : 'next',
           );
 
           return true;
@@ -975,13 +970,13 @@ export function applyTableHandlers(
               domSelection.focusNode,
             );
             const isFocusOutside =
-              focusNode && !tableNode.is($findTableNode(focusNode));
+              focusNode && !tableNode.isParentOf(focusNode);
 
             const anchorNode = $getNearestNodeFromDOMNode(
               domSelection.anchorNode,
             );
             const isAnchorInside =
-              anchorNode && tableNode.is($findTableNode(anchorNode));
+              anchorNode && tableNode.isParentOf(anchorNode);
 
             if (
               isFocusOutside &&
@@ -1302,6 +1297,36 @@ export function $removeHighlightStyleToTable(
   });
 }
 
+function $selectAdjacentCell(
+  tableCellNode: TableCellNode,
+  direction: 'next' | 'previous',
+) {
+  const siblingMethod =
+    direction === 'next' ? 'getNextSibling' : 'getPreviousSibling';
+  const childMethod = direction === 'next' ? 'getFirstChild' : 'getLastChild';
+  const sibling = tableCellNode[siblingMethod]();
+  if ($isElementNode(sibling)) {
+    return sibling.selectEnd();
+  }
+  const parentRow = $findMatchingParent(tableCellNode, $isTableRowNode);
+  invariant(parentRow !== null, 'selectAdjacentCell: Cell not in table row');
+  for (
+    let nextRow = parentRow[siblingMethod]();
+    $isTableRowNode(nextRow);
+    nextRow = nextRow[siblingMethod]()
+  ) {
+    const child = nextRow[childMethod]();
+    if ($isElementNode(child)) {
+      return child.selectEnd();
+    }
+  }
+  const parentTable = $findMatchingParent(parentRow, $isTableNode);
+  invariant(parentTable !== null, 'selectAdjacentCell: Row not in table');
+  return direction === 'next'
+    ? parentTable.selectNext()
+    : parentTable.selectPrevious();
+}
+
 type Direction = 'backward' | 'forward' | 'up' | 'down';
 
 const selectTableNodeInDirection = (
@@ -1722,11 +1747,11 @@ function $handleArrowKey(
               ? selection.getNodes()[selection.getNodes().length - 1]
               : selection.getNodes()[0];
           if (selectedNode) {
-            const tableCellNode = $findMatchingParent(
+            const tableCellNode = $findParentTableCellNodeInTable(
+              tableNode,
               selectedNode,
-              $isTableCellNode,
             );
-            if (tableCellNode && tableNode.isParentOf(tableCellNode)) {
+            if (tableCellNode !== null) {
               const firstDescendant = tableNode.getFirstDescendant();
               const lastDescendant = tableNode.getLastDescendant();
               if (!firstDescendant || !lastDescendant) {
@@ -2239,3 +2264,14 @@ export function $getObserverCellFromCellNodeOrThrow(
     tableObserver.table,
   );
 }
+
+export function $getNearestTableCellInTableFromDOMNode(
+  tableNode: TableNode,
+  startingDOM: Node,
+  editorState?: EditorState,
+) {
+  return $findParentTableCellNodeInTable(
+    tableNode,
+    $getNearestNodeFromDOMNode(startingDOM, editorState),
+  );
+}

From 9a51939f4d0f4a856161b7ffe3e125b07f9f5fba Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Fri, 29 Nov 2024 05:35:53 -0800
Subject: [PATCH 117/133] [lexical-table] Bug Fix: Fix scrollable table
 exportDOM (#6884)

---
 packages/lexical-table/src/LexicalTableNode.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index 1de74231576..ea14f9e5a9b 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -227,9 +227,12 @@ export class TableNode extends ElementNode {
   }
 
   exportDOM(editor: LexicalEditor): DOMExportOutput {
+    const {element, after} = super.exportDOM(editor);
     return {
-      ...super.exportDOM(editor),
       after: (tableElement) => {
+        if (after) {
+          tableElement = after(tableElement);
+        }
         if (
           tableElement &&
           isHTMLElement(tableElement) &&
@@ -249,6 +252,10 @@ export class TableNode extends ElementNode {
         }
         return tableElement;
       },
+      element:
+        element && isHTMLElement(element) && element.nodeName !== 'TABLE'
+          ? element.querySelector('table')
+          : element,
     };
   }
 

From 67d0ec56aab99c56c00f8d4276a00815c4cefe57 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Fri, 29 Nov 2024 22:49:08 +0800
Subject: [PATCH 118/133] v0.20.1 (#6887)

Co-authored-by: Lexical GitHub Actions Bot <>
---
 CHANGELOG.md                                  |  39 ++
 examples/react-plain-text/package.json        |   6 +-
 examples/react-rich-collab/package.json       |   8 +-
 examples/react-rich/package.json              |   6 +-
 examples/react-table/package.json             |   6 +-
 examples/vanilla-js-plugin/package.json       |  12 +-
 examples/vanilla-js/package.json              |  12 +-
 package-lock.json                             | 446 +++++++++---------
 package.json                                  |   2 +-
 packages/lexical-clipboard/package.json       |  12 +-
 packages/lexical-code/package.json            |   6 +-
 packages/lexical-devtools-core/package.json   |  14 +-
 packages/lexical-devtools/package.json        |   6 +-
 packages/lexical-dragon/package.json          |   4 +-
 packages/lexical-eslint-plugin/package.json   |   2 +-
 packages/lexical-file/package.json            |   4 +-
 packages/lexical-hashtag/package.json         |   6 +-
 packages/lexical-headless/package.json        |   4 +-
 packages/lexical-history/package.json         |   6 +-
 packages/lexical-html/package.json            |   8 +-
 packages/lexical-link/package.json            |   6 +-
 packages/lexical-list/package.json            |   6 +-
 packages/lexical-mark/package.json            |   6 +-
 packages/lexical-markdown/package.json        |  16 +-
 packages/lexical-offset/package.json          |   4 +-
 packages/lexical-overflow/package.json        |   4 +-
 packages/lexical-plain-text/package.json      |  10 +-
 packages/lexical-playground/package.json      |  32 +-
 packages/lexical-react/package.json           |  40 +-
 packages/lexical-rich-text/package.json       |  10 +-
 packages/lexical-selection/package.json       |   4 +-
 packages/lexical-table/package.json           |   8 +-
 packages/lexical-text/package.json            |   4 +-
 packages/lexical-utils/package.json           |  10 +-
 packages/lexical-website/package.json         |   2 +-
 packages/lexical-yjs/package.json             |   8 +-
 packages/lexical/package.json                 |   2 +-
 packages/shared/package.json                  |   4 +-
 .../lexical-esm-astro-react/package.json      |   8 +-
 .../fixtures/lexical-esm-nextjs/package.json  |   8 +-
 .../package.json                              |  12 +-
 scripts/error-codes/codes.json                |  40 +-
 42 files changed, 465 insertions(+), 388 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e8614e6be2a..8e9603aece7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,42 @@
+## v0.20.1 (2024-11-29)
+
+- lexical-table Bug Fix Fix table tab navigation (#6880) Bob Ippolito
+- lexical-playground Feature Highlight special strings with format (#6860) C.
+- lexical-playground Fix Hidden comment button on narrow screens or vertical monitors (#6871) Oluwasanya Olaoluwa
+- lexical-table Bug Fix Fix left arrow key handling for table selection (#6875) Bob Ippolito
+- positionNodeOnRange fixes (#6873) Gerard Rovira
+- Add SelectionAlwaysOnDisplay plugin (#6872) Gerard Rovira
+- Allow passing params to run-all (#6874) Gerard Rovira
+- lexical-playground Bug Fix Preserve the selection using the link editor from a table (#6865) Bob Ippolito
+- lexical-playground Bug Fix autocomplete format before and after insertion (#6845) Bedru Umer
+- lexical-utils Bug Fix Add feature detection to calculateZoomLevel (#6864) Bob Ippolito
+- Add Documentation for  RootNodes semantic and use case (#6869) C.
+- lexical-selection Bug Fix Wrong selection type in setBlocksType (#6867) Simon
+- lexical-table Bug Fix get table-cell background selection color from a class (#6658) Hamza
+- lexical-table Bug Fix Resolve table selection issue when the mouse crosses over a portal (#6834) Bob Ippolito
+- Lexical Chore Update default skipInitialization to false for registerMutationListener (#6857) Fadekemi Adebayo
+- tests npm upgrade cross-spawn (#6856) Sherry
+- Feature Deprecate nodesOfType function (#6855) Sachin Mahato
+- Lexical Bug Fix backspace bug when deleting nodes with canInsertTextAfter set to false (#6268) Dani Lauzurica
+- lexical-link Test Appending inline element nodes to ListNode  (#6826) Fadekemi Adebayo
+-  Chore npm upgrade cross-spawn (#6848) Sherry
+- Table Action Menu - fix UI issue with Merge Cells item (#6830) Syed Umar Anis
+- lexical-utils Bug Fix Add missing Flow type declarations (#6841) Hadi Hamid
+- lexical-react Fix(lexical-react) ContentEditable props type rename (#6837) (Ivan)
+- lexical-link Test  Removing link from node(children) (#6817) Oluwasanya Olaoluwa
+- lexical-table Bug Fix Fix down arrow key handling in TableObserver (#6839) Bob Ippolito
+- Prevent initial value fn to be called on rerender (#6835) Maksim Horbachevsky
+- Link flow types (#6833) Gerard Rovira
+- lexical-examples Chore Add DOMExportOutputMap type to the exportMap (#6827) Ajaezo Kingsley
+- lexicallexical-table Feature Scrollable tables with experimental getDOMSlot API (#6759) Bob Ippolito
+- lexical-rich-textlexical-plain-text workaround for Korean IME issue on iOS (#6819) wnhlee
+- Fix Aria attributes for ContentEditable are ignored (#6814) Oluwasanya Olaoluwa
+- Mention nodes shouldnt be spellcheckd ) (#6788) Sevki
+- lexical-list Bug Fix Handle appending inline element nodes in ListNode.append (#6791) Aman Harwara
+- lexical-mark Bug Fix Stop MarkNode ids array deep copy in clone (#6810) Ebad
+- v0.20.0 (#6809) Bob Ippolito
+- v0.20.0 Lexical GitHub Actions Bot
+
 ## v0.20.0 (2024-11-07)
 
 - Add optional selection argument to getHtmlContent flow type (#6803) Rajiv Anisetti
diff --git a/examples/react-plain-text/package.json b/examples/react-plain-text/package.json
index fde9b24aacf..0b72b918372 100644
--- a/examples/react-plain-text/package.json
+++ b/examples/react-plain-text/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-plain-text-example",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/react": "0.20.1",
+    "lexical": "0.20.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-rich-collab/package.json b/examples/react-rich-collab/package.json
index da5cf1bef88..d6c35f512ca 100644
--- a/examples/react-rich-collab/package.json
+++ b/examples/react-rich-collab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-collab-example",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,9 +12,9 @@
     "server:webrtc": "cross-env HOST=localhost PORT=1235 npx y-webrtc"
   },
   "dependencies": {
-    "@lexical/react": "0.20.0",
-    "@lexical/yjs": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/react": "0.20.1",
+    "@lexical/yjs": "0.20.1",
+    "lexical": "0.20.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "y-webrtc": "^10.3.0",
diff --git a/examples/react-rich/package.json b/examples/react-rich/package.json
index 35918ba999d..11a6deefa16 100644
--- a/examples/react-rich/package.json
+++ b/examples/react-rich/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-example",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/react": "0.20.1",
+    "lexical": "0.20.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-table/package.json b/examples/react-table/package.json
index 037fbd8e494..023bdc63022 100644
--- a/examples/react-table/package.json
+++ b/examples/react-table/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-table-example",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/react": "0.20.1",
+    "lexical": "0.20.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/vanilla-js-plugin/package.json b/examples/vanilla-js-plugin/package.json
index 403d0199954..522f062453c 100644
--- a/examples/vanilla-js-plugin/package.json
+++ b/examples/vanilla-js-plugin/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-plugin-example",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.20.0",
-    "@lexical/history": "0.20.0",
-    "@lexical/rich-text": "0.20.0",
-    "@lexical/utils": "0.20.0",
+    "@lexical/dragon": "0.20.1",
+    "@lexical/history": "0.20.1",
+    "@lexical/rich-text": "0.20.1",
+    "@lexical/utils": "0.20.1",
     "emoji-datasource-facebook": "15.1.2",
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/examples/vanilla-js/package.json b/examples/vanilla-js/package.json
index 89982850634..4dbfc4ef427 100644
--- a/examples/vanilla-js/package.json
+++ b/examples/vanilla-js/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-example",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.20.0",
-    "@lexical/history": "0.20.0",
-    "@lexical/rich-text": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/dragon": "0.20.1",
+    "@lexical/history": "0.20.1",
+    "@lexical/rich-text": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/package-lock.json b/package-lock.json
index 99142fd872d..4f34e28d3b0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lexical/monorepo",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/monorepo",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "workspaces": [
         "packages/*"
@@ -38926,28 +38926,28 @@
       }
     },
     "packages/lexical": {
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT"
     },
     "packages/lexical-clipboard": {
       "name": "@lexical/clipboard",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/html": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-code": {
       "name": "@lexical/code",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1",
         "prismjs": "^1.27.0"
       },
       "devDependencies": {
@@ -38956,7 +38956,7 @@
     },
     "packages/lexical-devtools": {
       "name": "@lexical/devtools",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "hasInstallScript": true,
       "dependencies": {
         "@chakra-ui/react": "^2.8.2",
@@ -38973,12 +38973,12 @@
       "devDependencies": {
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
-        "@lexical/devtools-core": "0.20.0",
+        "@lexical/devtools-core": "0.20.1",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
         "@vitejs/plugin-react": "^4.2.1",
-        "lexical": "0.20.0",
+        "lexical": "0.20.1",
         "typescript": "^5.4.5",
         "vite": "^5.2.2",
         "wxt": "^0.17.0"
@@ -38986,15 +38986,15 @@
     },
     "packages/lexical-devtools-core": {
       "name": "@lexical/devtools-core",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/mark": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/html": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/mark": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -39003,15 +39003,15 @@
     },
     "packages/lexical-dragon": {
       "name": "@lexical/dragon",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-eslint-plugin": {
       "name": "@lexical/eslint-plugin",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "devDependencies": {
         "@types/eslint": "^8.56.9"
@@ -39022,136 +39022,136 @@
     },
     "packages/lexical-file": {
       "name": "@lexical/file",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-hashtag": {
       "name": "@lexical/hashtag",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-headless": {
       "name": "@lexical/headless",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-history": {
       "name": "@lexical/history",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-html": {
       "name": "@lexical/html",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-link": {
       "name": "@lexical/link",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-list": {
       "name": "@lexical/list",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-mark": {
       "name": "@lexical/mark",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-markdown": {
       "name": "@lexical/markdown",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/rich-text": "0.20.0",
-        "@lexical/text": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/code": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/rich-text": "0.20.1",
+        "@lexical/text": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-offset": {
       "name": "@lexical/offset",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-overflow": {
       "name": "@lexical/overflow",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-plain-text": {
       "name": "@lexical/plain-text",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-playground": {
-      "version": "0.20.0",
+      "version": "0.20.1",
       "dependencies": {
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/code": "0.20.0",
-        "@lexical/file": "0.20.0",
-        "@lexical/hashtag": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/mark": "0.20.0",
-        "@lexical/overflow": "0.20.0",
-        "@lexical/plain-text": "0.20.0",
-        "@lexical/react": "0.20.0",
-        "@lexical/rich-text": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "@lexical/utils": "0.20.0",
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/code": "0.20.1",
+        "@lexical/file": "0.20.1",
+        "@lexical/hashtag": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/mark": "0.20.1",
+        "@lexical/overflow": "0.20.1",
+        "@lexical/plain-text": "0.20.1",
+        "@lexical/react": "0.20.1",
+        "@lexical/rich-text": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "@lexical/utils": "0.20.1",
         "katex": "^0.16.10",
-        "lexical": "0.20.0",
+        "lexical": "0.20.1",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -39175,28 +39175,28 @@
     },
     "packages/lexical-react": {
       "name": "@lexical/react",
-      "version": "0.20.0",
-      "license": "MIT",
-      "dependencies": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/code": "0.20.0",
-        "@lexical/devtools-core": "0.20.0",
-        "@lexical/dragon": "0.20.0",
-        "@lexical/hashtag": "0.20.0",
-        "@lexical/history": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/mark": "0.20.0",
-        "@lexical/markdown": "0.20.0",
-        "@lexical/overflow": "0.20.0",
-        "@lexical/plain-text": "0.20.0",
-        "@lexical/rich-text": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "@lexical/text": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "@lexical/yjs": "0.20.0",
-        "lexical": "0.20.0",
+      "version": "0.20.1",
+      "license": "MIT",
+      "dependencies": {
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/code": "0.20.1",
+        "@lexical/devtools-core": "0.20.1",
+        "@lexical/dragon": "0.20.1",
+        "@lexical/hashtag": "0.20.1",
+        "@lexical/history": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/mark": "0.20.1",
+        "@lexical/markdown": "0.20.1",
+        "@lexical/overflow": "0.20.1",
+        "@lexical/plain-text": "0.20.1",
+        "@lexical/rich-text": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "@lexical/text": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "@lexical/yjs": "0.20.1",
+        "lexical": "0.20.1",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -39206,55 +39206,55 @@
     },
     "packages/lexical-rich-text": {
       "name": "@lexical/rich-text",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-selection": {
       "name": "@lexical/selection",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-table": {
       "name": "@lexical/table",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-text": {
       "name": "@lexical/text",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-utils": {
       "name": "@lexical/utils",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/list": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "packages/lexical-website": {
       "name": "@lexical/website",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "dependencies": {
         "@docusaurus/core": "3.6.0",
         "@docusaurus/faster": "3.6.0",
@@ -39284,12 +39284,12 @@
     },
     "packages/lexical-yjs": {
       "name": "@lexical/yjs",
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/offset": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "lexical": "0.20.1"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -39322,10 +39322,10 @@
       }
     },
     "packages/shared": {
-      "version": "0.20.0",
+      "version": "0.20.1",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     }
   },
@@ -43955,19 +43955,19 @@
     "@lexical/clipboard": {
       "version": "file:packages/lexical-clipboard",
       "requires": {
-        "@lexical/html": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/html": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/code": {
       "version": "file:packages/lexical-code",
       "requires": {
-        "@lexical/utils": "0.20.0",
+        "@lexical/utils": "0.20.1",
         "@types/prismjs": "^1.26.0",
-        "lexical": "0.20.0",
+        "lexical": "0.20.1",
         "prismjs": "^1.27.0"
       }
     },
@@ -43979,7 +43979,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@lexical/devtools-core": "0.20.0",
+        "@lexical/devtools-core": "0.20.1",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
@@ -43988,7 +43988,7 @@
         "@webext-pegasus/store-zustand": "^0.3.0",
         "@webext-pegasus/transport": "^0.3.0",
         "framer-motion": "^11.1.5",
-        "lexical": "0.20.0",
+        "lexical": "0.20.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.5",
@@ -44000,18 +44000,18 @@
     "@lexical/devtools-core": {
       "version": "file:packages/lexical-devtools-core",
       "requires": {
-        "@lexical/html": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/mark": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/html": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/mark": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/dragon": {
       "version": "file:packages/lexical-dragon",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/eslint-plugin": {
@@ -44023,152 +44023,152 @@
     "@lexical/file": {
       "version": "file:packages/lexical-file",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/hashtag": {
       "version": "file:packages/lexical-hashtag",
       "requires": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/headless": {
       "version": "file:packages/lexical-headless",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/history": {
       "version": "file:packages/lexical-history",
       "requires": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/html": {
       "version": "file:packages/lexical-html",
       "requires": {
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/link": {
       "version": "file:packages/lexical-link",
       "requires": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/list": {
       "version": "file:packages/lexical-list",
       "requires": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/mark": {
       "version": "file:packages/lexical-mark",
       "requires": {
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/markdown": {
       "version": "file:packages/lexical-markdown",
       "requires": {
-        "@lexical/code": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/rich-text": "0.20.0",
-        "@lexical/text": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/code": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/rich-text": "0.20.1",
+        "@lexical/text": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/offset": {
       "version": "file:packages/lexical-offset",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/overflow": {
       "version": "file:packages/lexical-overflow",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/plain-text": {
       "version": "file:packages/lexical-plain-text",
       "requires": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/react": {
       "version": "file:packages/lexical-react",
       "requires": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/code": "0.20.0",
-        "@lexical/devtools-core": "0.20.0",
-        "@lexical/dragon": "0.20.0",
-        "@lexical/hashtag": "0.20.0",
-        "@lexical/history": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/mark": "0.20.0",
-        "@lexical/markdown": "0.20.0",
-        "@lexical/overflow": "0.20.0",
-        "@lexical/plain-text": "0.20.0",
-        "@lexical/rich-text": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "@lexical/text": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "@lexical/yjs": "0.20.0",
-        "lexical": "0.20.0",
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/code": "0.20.1",
+        "@lexical/devtools-core": "0.20.1",
+        "@lexical/dragon": "0.20.1",
+        "@lexical/hashtag": "0.20.1",
+        "@lexical/history": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/mark": "0.20.1",
+        "@lexical/markdown": "0.20.1",
+        "@lexical/overflow": "0.20.1",
+        "@lexical/plain-text": "0.20.1",
+        "@lexical/rich-text": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "@lexical/text": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "@lexical/yjs": "0.20.1",
+        "lexical": "0.20.1",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
       "version": "file:packages/lexical-rich-text",
       "requires": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/selection": {
       "version": "file:packages/lexical-selection",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/utils": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/utils": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/text": {
       "version": "file:packages/lexical-text",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "@lexical/utils": {
       "version": "file:packages/lexical-utils",
       "requires": {
-        "@lexical/list": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/list": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@lexical/website": {
@@ -44201,9 +44201,9 @@
     "@lexical/yjs": {
       "version": "file:packages/lexical-yjs",
       "requires": {
-        "@lexical/offset": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "lexical": "0.20.0"
+        "@lexical/offset": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "lexical": "0.20.1"
       }
     },
     "@mdx-js/mdx": {
@@ -56244,26 +56244,26 @@
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.20.0",
-        "@lexical/code": "0.20.0",
-        "@lexical/file": "0.20.0",
-        "@lexical/hashtag": "0.20.0",
-        "@lexical/link": "0.20.0",
-        "@lexical/list": "0.20.0",
-        "@lexical/mark": "0.20.0",
-        "@lexical/overflow": "0.20.0",
-        "@lexical/plain-text": "0.20.0",
-        "@lexical/react": "0.20.0",
-        "@lexical/rich-text": "0.20.0",
-        "@lexical/selection": "0.20.0",
-        "@lexical/table": "0.20.0",
-        "@lexical/utils": "0.20.0",
+        "@lexical/clipboard": "0.20.1",
+        "@lexical/code": "0.20.1",
+        "@lexical/file": "0.20.1",
+        "@lexical/hashtag": "0.20.1",
+        "@lexical/link": "0.20.1",
+        "@lexical/list": "0.20.1",
+        "@lexical/mark": "0.20.1",
+        "@lexical/overflow": "0.20.1",
+        "@lexical/plain-text": "0.20.1",
+        "@lexical/react": "0.20.1",
+        "@lexical/rich-text": "0.20.1",
+        "@lexical/selection": "0.20.1",
+        "@lexical/table": "0.20.1",
+        "@lexical/utils": "0.20.1",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^4.2.1",
         "katex": "^0.16.10",
-        "lexical": "0.20.0",
+        "lexical": "0.20.1",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -62551,7 +62551,7 @@
     "shared": {
       "version": "file:packages/shared",
       "requires": {
-        "lexical": "0.20.0"
+        "lexical": "0.20.1"
       }
     },
     "shebang-command": {
diff --git a/package.json b/package.json
index 6042bfc3f0e..bb783c7aba0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/monorepo",
   "description": "Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "license": "MIT",
   "private": true,
   "workspaces": [
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index f515b440818..52809c12883 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalClipboard.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.20.0",
-    "@lexical/list": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/html": "0.20.1",
+    "@lexical/list": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index 7265a938997..8eced7c0c3c 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -8,12 +8,12 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalCode.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1",
     "prismjs": "^1.27.0"
   },
   "repository": {
diff --git a/packages/lexical-devtools-core/package.json b/packages/lexical-devtools-core/package.json
index 9361a8c699c..898e727567d 100644
--- a/packages/lexical-devtools-core/package.json
+++ b/packages/lexical-devtools-core/package.json
@@ -8,16 +8,16 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalDevtoolsCore.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.20.0",
-    "@lexical/link": "0.20.0",
-    "@lexical/mark": "0.20.0",
-    "@lexical/table": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/html": "0.20.1",
+    "@lexical/link": "0.20.1",
+    "@lexical/mark": "0.20.1",
+    "@lexical/table": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "peerDependencies": {
     "react": ">=17.x",
diff --git a/packages/lexical-devtools/package.json b/packages/lexical-devtools/package.json
index ed014eed61f..e37b259d426 100644
--- a/packages/lexical-devtools/package.json
+++ b/packages/lexical-devtools/package.json
@@ -2,7 +2,7 @@
   "name": "@lexical/devtools",
   "description": "Lexical DevTools browser extension",
   "private": true,
-  "version": "0.20.0",
+  "version": "0.20.1",
   "type": "module",
   "scripts": {
     "dev": "wxt",
@@ -41,12 +41,12 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@lexical/devtools-core": "0.20.0",
+    "@lexical/devtools-core": "0.20.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "lexical": "0.20.0",
+    "lexical": "0.20.1",
     "typescript": "^5.4.5",
     "vite": "^5.2.2",
     "wxt": "^0.17.0"
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index 9d4c1e67857..f43dbad2050 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -9,7 +9,7 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalDragon.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-eslint-plugin/package.json b/packages/lexical-eslint-plugin/package.json
index 01c8727bc8e..dce543388d4 100644
--- a/packages/lexical-eslint-plugin/package.json
+++ b/packages/lexical-eslint-plugin/package.json
@@ -8,7 +8,7 @@
     "lexical",
     "editor"
   ],
-  "version": "0.20.0",
+  "version": "0.20.1",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index a19c36867f7..0c16305ecb1 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -10,7 +10,7 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalFile.js",
   "types": "index.d.ts",
   "repository": {
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index e591e17fac4..760d08ca9ef 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -8,12 +8,12 @@
     "hashtag"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalHashtag.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index 100dcbbc90c..a360a7a43aa 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -8,7 +8,7 @@
     "headless"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalHeadless.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index 75cfee062ab..98754d358d9 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -8,12 +8,12 @@
     "history"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalHistory.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index 77fbe5e4b88..20a7e55148b 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -8,7 +8,7 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalHtml.js",
   "types": "index.d.ts",
   "repository": {
@@ -17,9 +17,9 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/selection": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "module": "LexicalHtml.mjs",
   "sideEffects": false,
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 8c2363d556e..442bd99359e 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -8,12 +8,12 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalLink.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index b190078c9fb..112a4658532 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -8,12 +8,12 @@
     "list"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalList.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index 51dbfa99949..d332743a4d7 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalMark.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index a14fd94e555..640afed4c3c 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -8,17 +8,17 @@
     "markdown"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalMarkdown.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/code": "0.20.0",
-    "@lexical/link": "0.20.0",
-    "@lexical/list": "0.20.0",
-    "@lexical/rich-text": "0.20.0",
-    "@lexical/text": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/code": "0.20.1",
+    "@lexical/link": "0.20.1",
+    "@lexical/list": "0.20.1",
+    "@lexical/rich-text": "0.20.1",
+    "@lexical/text": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index 46954e7f762..8d45def7d85 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -8,7 +8,7 @@
     "offset"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalOffset.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index faf7c4073ae..6b18fe80f57 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -8,7 +8,7 @@
     "overflow"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalOverflow.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index e8045945b1e..1e40220afd6 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -7,7 +7,7 @@
     "plain-text"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalPlainText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/clipboard": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index 7c298206228..59913f8092c 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-playground",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,22 +12,22 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.17.0",
-    "@lexical/clipboard": "0.20.0",
-    "@lexical/code": "0.20.0",
-    "@lexical/file": "0.20.0",
-    "@lexical/hashtag": "0.20.0",
-    "@lexical/link": "0.20.0",
-    "@lexical/list": "0.20.0",
-    "@lexical/mark": "0.20.0",
-    "@lexical/overflow": "0.20.0",
-    "@lexical/plain-text": "0.20.0",
-    "@lexical/react": "0.20.0",
-    "@lexical/rich-text": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "@lexical/table": "0.20.0",
-    "@lexical/utils": "0.20.0",
+    "@lexical/clipboard": "0.20.1",
+    "@lexical/code": "0.20.1",
+    "@lexical/file": "0.20.1",
+    "@lexical/hashtag": "0.20.1",
+    "@lexical/link": "0.20.1",
+    "@lexical/list": "0.20.1",
+    "@lexical/mark": "0.20.1",
+    "@lexical/overflow": "0.20.1",
+    "@lexical/plain-text": "0.20.1",
+    "@lexical/react": "0.20.1",
+    "@lexical/rich-text": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "@lexical/table": "0.20.1",
+    "@lexical/utils": "0.20.1",
     "katex": "^0.16.10",
-    "lexical": "0.20.0",
+    "lexical": "0.20.1",
     "lodash-es": "^4.17.21",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index cc6d6eefeeb..a9c10c823e6 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -8,27 +8,27 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "dependencies": {
-    "@lexical/clipboard": "0.20.0",
-    "@lexical/code": "0.20.0",
-    "@lexical/devtools-core": "0.20.0",
-    "@lexical/dragon": "0.20.0",
-    "@lexical/hashtag": "0.20.0",
-    "@lexical/history": "0.20.0",
-    "@lexical/link": "0.20.0",
-    "@lexical/list": "0.20.0",
-    "@lexical/mark": "0.20.0",
-    "@lexical/markdown": "0.20.0",
-    "@lexical/overflow": "0.20.0",
-    "@lexical/plain-text": "0.20.0",
-    "@lexical/rich-text": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "@lexical/table": "0.20.0",
-    "@lexical/text": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "@lexical/yjs": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/clipboard": "0.20.1",
+    "@lexical/code": "0.20.1",
+    "@lexical/devtools-core": "0.20.1",
+    "@lexical/dragon": "0.20.1",
+    "@lexical/hashtag": "0.20.1",
+    "@lexical/history": "0.20.1",
+    "@lexical/link": "0.20.1",
+    "@lexical/list": "0.20.1",
+    "@lexical/mark": "0.20.1",
+    "@lexical/markdown": "0.20.1",
+    "@lexical/overflow": "0.20.1",
+    "@lexical/plain-text": "0.20.1",
+    "@lexical/rich-text": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "@lexical/table": "0.20.1",
+    "@lexical/text": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "@lexical/yjs": "0.20.1",
+    "lexical": "0.20.1",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index 972c69af447..bfd957ef118 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -7,7 +7,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalRichText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/clipboard": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index 88fe2149704..20a2fa3b9ed 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -9,7 +9,7 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalSelection.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index 8aba5552fe6..6d55ddca96e 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalTable.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/clipboard": "0.20.0",
-    "@lexical/utils": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/clipboard": "0.20.1",
+    "@lexical/utils": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index bf8042fea89..381274b1d73 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -9,7 +9,7 @@
     "text"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalText.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   }
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index 103f06f7ed3..353b1ef70ea 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -8,14 +8,14 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalUtils.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/list": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "@lexical/table": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/list": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "@lexical/table": "0.20.1",
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index 020be5e1ba7..73f06c57e9a 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lexical/website",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index 497b72af328..ccb16e52dfc 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -11,13 +11,13 @@
     "crdt"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "LexicalYjs.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/offset": "0.20.0",
-    "@lexical/selection": "0.20.0",
-    "lexical": "0.20.0"
+    "@lexical/offset": "0.20.1",
+    "@lexical/selection": "0.20.1",
+    "lexical": "0.20.1"
   },
   "peerDependencies": {
     "yjs": ">=13.5.22"
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index 385584c84a0..bb878028f68 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -9,7 +9,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "main": "Lexical.js",
   "types": "index.d.ts",
   "repository": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index c59c3f6537c..af4e8c17553 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -8,9 +8,9 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "dependencies": {
-    "lexical": "0.20.0"
+    "lexical": "0.20.1"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index 4cb6414e571..85b7e84d0bd 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lexical-esm-astro-react",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,12 +13,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
-    "@lexical/react": "0.20.0",
-    "@lexical/utils": "0.20.0",
+    "@lexical/react": "0.20.1",
+    "@lexical/utils": "0.20.1",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "astro": "^4.5.4",
-    "lexical": "0.20.0",
+    "lexical": "0.20.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.4.2"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
index f5d0384fc65..09554ca218f 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-esm-nextjs",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,9 +9,9 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@lexical/plain-text": "0.20.0",
-    "@lexical/react": "0.20.0",
-    "lexical": "0.20.0",
+    "@lexical/plain-text": "0.20.1",
+    "@lexical/react": "0.20.1",
+    "lexical": "0.20.1",
     "next": "^14.2.1",
     "react": "^18",
     "react-dom": "^18"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
index df0007067f7..2127aff3e12 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-sveltekit-vanilla-js",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "private": true,
   "scripts": {
     "dev": "vite dev",
@@ -9,17 +9,17 @@
     "test": "playwright test"
   },
   "devDependencies": {
-    "@lexical/dragon": "0.20.0",
-    "@lexical/history": "0.20.0",
-    "@lexical/rich-text": "0.20.0",
-    "@lexical/utils": "0.20.0",
+    "@lexical/dragon": "0.20.1",
+    "@lexical/history": "0.20.1",
+    "@lexical/rich-text": "0.20.1",
+    "@lexical/utils": "0.20.1",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "lexical": "0.20.0",
+    "lexical": "0.20.1",
     "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.19",
diff --git a/scripts/error-codes/codes.json b/scripts/error-codes/codes.json
index fe602bf04fc..384e63523bd 100644
--- a/scripts/error-codes/codes.json
+++ b/scripts/error-codes/codes.json
@@ -212,5 +212,43 @@
   "210": "Expected TableRowNode to have a parent TableNode",
   "211": "Expected node %s of type %s to have a block ElementNode ancestor",
   "212": "Expected node %s of type %s to have a block ancestor",
-  "213": "Expected ancestor to be a block ElementNode"
+  "213": "Expected ancestor to be a block ElementNode",
+  "214": "$internalResolveSelectionPoint: node in DOM but not keyToDOMMap",
+  "215": "$internalResolveSelectionPoint: resolvedElement is not an ElementNode",
+  "216": "invariant",
+  "217": "$validatePoint: %s key %s not found in current editorState",
+  "218": "$validatePoint: %s key %s is not a TextNode",
+  "219": "$validatePoint: %s point.offset > node.getTextContentSize() (%s > %s)",
+  "220": "$validatePoint: %s key %s is not an ElementNode",
+  "221": "$validatePoint: %s point.offset > node.getChildrenSize() (%s > %s)",
+  "222": "ElementDOMSlot.insertChild: before is not in element",
+  "223": "ElementDOMSlot.removeChild: dom is not in element",
+  "224": "ElementDOMSlot.replaceChild: prevDom is not in element",
+  "225": "indexPath: root is not a parent of child",
+  "226": "ElementNode.splice: start + deleteCount > oldSize (%s + %s > %s)",
+  "227": "$reconcileChildren: prevChildren.length !== prevChildrenSize",
+  "228": "$reconcileChildren: nextChildren.length !== nextChildrenSize",
+  "229": "TableNode.getDOMSlot: createDOM() did not return a table",
+  "230": "$getElementForTableNode: Table Element Not Found",
+  "231": "TableObserver: Expected tableNodeKey %s to be a TableNode",
+  "232": "TableObserver: Expected to find TableElement in DOM for key %s",
+  "233": "TableObserver.$updateTableTableSelection: selection.tableKey !== this.tableNodeKey ('%s' !== '%s')",
+  "234": "TableObserver anchorTableCell is null",
+  "235": "TableObserver focusTableCell is null",
+  "236": "Expected Table selection",
+  "237": "No table cells present",
+  "238": "Expected TableSelection %s to be (or a child of) TableCellNode, got key %s of type %s",
+  "239": "Expected TableSelection %s cell parent to be a TableRowNode",
+  "240": "Expected TableSelection %s row parent to be a TableNode",
+  "241": "Expected TableSelection anchor and focus to be in the same table",
+  "242": "$createTableSelectionFrom: tableNode %s is not attached",
+  "243": "$createTableSelectionFrom: anchorCell %s is not in table %s",
+  "244": "$createTableSelectionFrom: focusCell %s is not in table %s",
+  "245": "getTableElement: Expecting table in as DOM node for TableNode, not %s",
+  "246": "applyTableHandlers: editor has no root element set",
+  "247": "selectAdjacentCell: Cell not in table row",
+  "248": "selectAdjacentCell: Row not in table",
+  "249": "getCornerOrThrow: cell %s is not at a corner of rect",
+  "250": "cellAtCornerOrThrow: %s = %s missing in tableMap",
+  "251": "$handleArrowKey: TableSelection.getNodes()[0] expected to be TableNode"
 }

From 6cbfc0157c39b5936b8cef82c44a2e5688c3653f Mon Sep 17 00:00:00 2001
From: Ivaylo Pavlov <ivailo90@gmail.com>
Date: Fri, 29 Nov 2024 15:53:43 +0000
Subject: [PATCH 119/133] [lexical-playground] Fix CSS property (#6886)

---
 packages/lexical-playground/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index 87aeb604a82..87fb8fdbbff 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -767,7 +767,7 @@ i.page-break,
 
 .dropdown .item .shortcut {
   color: #939393;
-  self-align: flex-end;
+  align-self: flex-end;
 }
 
 .dropdown .item .active {

From 8e0e3007e99e89cc3977996bc5613b6196148526 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Fri, 29 Nov 2024 17:37:25 -0800
Subject: [PATCH 120/133] [lexical][lexical-playground] Bug Fix: Allow
 setEditorState to work correctly inside of an update (#6876)

---
 .../__tests__/e2e/Autocomplete.spec.mjs       | 128 ++++++++++++++++++
 .../src/plugins/AutocompletePlugin/index.tsx  |  62 ++++-----
 packages/lexical/src/LexicalEditor.ts         |  22 ++-
 .../src/__tests__/unit/LexicalEditor.test.tsx |   3 +-
 4 files changed, 179 insertions(+), 36 deletions(-)

diff --git a/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs b/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs
index 39d3ef16e50..2a7c3156111 100644
--- a/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Autocomplete.spec.mjs
@@ -13,6 +13,7 @@ import {
   toggleItalic,
   toggleStrikethrough,
   toggleUnderline,
+  undo,
 } from '../keyboardShortcuts/index.mjs';
 import {
   assertHTML,
@@ -155,4 +156,131 @@ test.describe('Autocomplete', () => {
       `,
     );
   });
+  test('Undo does not cause an exception', async ({
+    page,
+    isPlainText,
+    isCollab,
+  }) => {
+    test.skip(isPlainText);
+    // Autocomplete has known issues in collab https://github.com/facebook/lexical/issues/6844
+    test.skip(isCollab);
+    await focusEditor(page);
+    await toggleBold(page);
+    await toggleItalic(page);
+    await toggleUnderline(page);
+    await toggleStrikethrough(page);
+    await increaseFontSize(page);
+
+    await page.keyboard.type('Test');
+    await sleep(500);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__autocomplete"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            imonials (TAB)
+          </strong>
+        </p>
+      `,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <span data-lexical-text="true"></span>
+        </p>
+      `,
+    );
+
+    await page.keyboard.press('Tab');
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            imonials
+          </strong>
+        </p>
+      `,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <span data-lexical-text="true"></span>
+        </p>
+      `,
+    );
+
+    await undo(page);
+
+    await assertHTML(
+      page,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__autocomplete"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            imonials (TAB)
+          </strong>
+        </p>
+      `,
+      html`
+        <p
+          class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
+          dir="ltr">
+          <strong
+            class="PlaygroundEditorTheme__textUnderlineStrikethrough PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic"
+            style="font-size: 17px;"
+            data-lexical-text="true">
+            Test
+          </strong>
+          <span data-lexical-text="true"></span>
+        </p>
+      `,
+    );
+  });
 });
diff --git a/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx b/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx
index fa7d5fe5690..6f427cdfe7d 100644
--- a/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx
+++ b/packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx
@@ -12,6 +12,7 @@ import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {$isAtNodeEnd} from '@lexical/selection';
 import {mergeRegister} from '@lexical/utils';
 import {
+  $addUpdateTag,
   $createTextNode,
   $getNodeByKey,
   $getSelection,
@@ -31,6 +32,8 @@ import {
 } from '../../nodes/AutocompleteNode';
 import {addSwipeRightListener} from '../../utils/swipe';
 
+const HISTORY_MERGE = {tag: 'history-merge'};
+
 declare global {
   interface Navigator {
     userAgentData?: {
@@ -130,34 +133,27 @@ export default function AutocompletePlugin(): JSX.Element | null {
         // Outdated or no suggestion
         return;
       }
-      editor.update(
-        () => {
-          const selection = $getSelection();
-          const [hasMatch, match] = $search(selection);
-          if (
-            !hasMatch ||
-            match !== lastMatch ||
-            !$isRangeSelection(selection)
-          ) {
-            // Outdated
-            return;
-          }
-          const selectionCopy = selection.clone();
-          const prevNode = selection.getNodes()[0] as TextNode;
-          prevNodeFormat = prevNode.getFormat();
-          const node = $createAutocompleteNode(
-            formatSuggestionText(newSuggestion),
-            uuid,
-          )
-            .setFormat(prevNodeFormat)
-            .setStyle(`font-size: ${toolbarState.fontSize}`);
-          autocompleteNodeKey = node.getKey();
-          selection.insertNodes([node]);
-          $setSelection(selectionCopy);
-          lastSuggestion = newSuggestion;
-        },
-        {tag: 'history-merge'},
-      );
+      editor.update(() => {
+        const selection = $getSelection();
+        const [hasMatch, match] = $search(selection);
+        if (!hasMatch || match !== lastMatch || !$isRangeSelection(selection)) {
+          // Outdated
+          return;
+        }
+        const selectionCopy = selection.clone();
+        const prevNode = selection.getNodes()[0] as TextNode;
+        prevNodeFormat = prevNode.getFormat();
+        const node = $createAutocompleteNode(
+          formatSuggestionText(newSuggestion),
+          uuid,
+        )
+          .setFormat(prevNodeFormat)
+          .setStyle(`font-size: ${toolbarState.fontSize}`);
+        autocompleteNodeKey = node.getKey();
+        selection.insertNodes([node]);
+        $setSelection(selectionCopy);
+        lastSuggestion = newSuggestion;
+      }, HISTORY_MERGE);
     }
 
     function $handleAutocompleteNodeTransform(node: AutocompleteNode) {
@@ -187,10 +183,12 @@ export default function AutocompletePlugin(): JSX.Element | null {
             }
           })
           .catch((e) => {
-            console.error(e);
+            if (e !== 'Dismissed') {
+              console.error(e);
+            }
           });
         lastMatch = match;
-      });
+      }, HISTORY_MERGE);
     }
     function $handleAutocompleteIntent(): boolean {
       if (lastSuggestion === null || autocompleteNodeKey === null) {
@@ -219,13 +217,15 @@ export default function AutocompletePlugin(): JSX.Element | null {
       editor.update(() => {
         if ($handleAutocompleteIntent()) {
           e.preventDefault();
+        } else {
+          $addUpdateTag(HISTORY_MERGE.tag);
         }
       });
     }
     function unmountSuggestion() {
       editor.update(() => {
         $clearSuggestion();
-      });
+      }, HISTORY_MERGE);
     }
 
     const rootElem = editor.getRootElement();
diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index 157d8d04f95..02be308ba84 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -19,7 +19,7 @@ import invariant from 'shared/invariant';
 
 import {$getRoot, $getSelection, TextNode} from '.';
 import {FULL_RECONCILE, NO_DIRTY_NODES} from './LexicalConstants';
-import {createEmptyEditorState} from './LexicalEditorState';
+import {cloneEditorState, createEmptyEditorState} from './LexicalEditorState';
 import {addRootElementEvents, removeRootElementEvents} from './LexicalEvents';
 import {$flushRootMutations, initMutationObserver} from './LexicalMutations';
 import {LexicalNode} from './LexicalNode';
@@ -1112,6 +1112,16 @@ export class LexicalEditor {
       );
     }
 
+    // Ensure that we have a writable EditorState so that transforms can run
+    // during a historic operation
+    let writableEditorState = editorState;
+    if (writableEditorState._readOnly) {
+      writableEditorState = cloneEditorState(editorState);
+      writableEditorState._selection = editorState._selection
+        ? editorState._selection.clone()
+        : null;
+    }
+
     $flushRootMutations(this);
     const pendingEditorState = this._pendingEditorState;
     const tags = this._updateTags;
@@ -1121,11 +1131,10 @@ export class LexicalEditor {
       if (tag != null) {
         tags.add(tag);
       }
-
       $commitPendingUpdates(this);
     }
 
-    this._pendingEditorState = editorState;
+    this._pendingEditorState = writableEditorState;
     this._dirtyType = FULL_RECONCILE;
     this._dirtyElements.set('root', false);
     this._compositionKey = null;
@@ -1134,7 +1143,12 @@ export class LexicalEditor {
       tags.add(tag);
     }
 
-    $commitPendingUpdates(this);
+    // Only commit pending updates if not already in an editor.update
+    // (e.g. dispatchCommand) otherwise this will cause a second commit
+    // with an already read-only state and selection
+    if (!this._updating) {
+      $commitPendingUpdates(this);
+    }
   }
 
   /**
diff --git a/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx b/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
index 4b89e56c232..cf33a568d3f 100644
--- a/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
+++ b/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
@@ -2549,7 +2549,8 @@ describe('LexicalEditor tests', () => {
       `{"root":{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Hello world","type":"text","version":1}],"direction":"ltr","format":"","indent":0,"type":"paragraph","version":1}],"direction":"ltr","format":"","indent":0,"type":"root","version":1}}`,
     );
     editor.setEditorState(state);
-    expect(editor._editorState).toBe(state);
+    // A writable version of the EditorState may have been created, we settle for equal serializations
+    expect(editor._editorState.toJSON()).toEqual(state.toJSON());
     expect(editor._pendingEditorState).toBe(null);
   });
 

From b4260a666b70e504e44c7ab100c5f2390f992942 Mon Sep 17 00:00:00 2001
From: Fadekemi Adebayo <82163647+Shopiley@users.noreply.github.com>
Date: Sat, 30 Nov 2024 19:22:15 +0100
Subject: [PATCH 121/133] [lexical-website] Feature: Document the withKlass
 option for node replacement (#6890)

Co-authored-by: Bob Ippolito <bob@redivi.com>
---
 packages/lexical-website/docs/concepts/node-replacement.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/lexical-website/docs/concepts/node-replacement.md b/packages/lexical-website/docs/concepts/node-replacement.md
index 8090b41ac05..1aafbc50595 100644
--- a/packages/lexical-website/docs/concepts/node-replacement.md
+++ b/packages/lexical-website/docs/concepts/node-replacement.md
@@ -1,6 +1,6 @@
 
 
-# Node Overrides
+# Node Overrides / Node Replacements
 
 Some of the most commonly used Lexical Nodes are owned and maintained by the core library. For example, ParagraphNode, HeadingNode, QuoteNode, List(Item)Node etc - these are all provided by Lexical packages, which provides an easier out-of-the-box experience for some editor features, but makes it difficult to override their behavior. For instance, if you wanted to change the behavior of ListNode, you would typically extend the class and override the methods. However, how would you tell Lexical to use *your* ListNode subclass in the ListPlugin instead of using the core ListNode? That's where Node Overrides can help.
 
@@ -22,6 +22,10 @@ const editorConfig = {
     ]
 }
 ```
+In the snippet above,
+- `replace`: Specifies the core node type to be replaced. 
+- `with`: Defines a transformation function to replace instances of the original node to the custom node.  
+- `withKlass`: This option ensures that behaviors associated with the original node type work seamlessly with the replacement. For instance, node transforms or mutation listeners targeting ParagraphNode will also apply to CustomParagraphNode when withKlass is specified. Without this option, the custom node might not fully integrate with the editor's built-in features, leading to unexpected behavior.
 
 Once this is done, Lexical will replace all ParagraphNode instances with CustomParagraphNode instances. One important use case for this feature is overriding the serialization behavior of core nodes. Check out the full example below.
 

From ca24a88694f61c98966678cf0a4879f4b9ac1371 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Sun, 1 Dec 2024 11:47:25 +0800
Subject: [PATCH 122/133] v0.20.2 (#6891)

Co-authored-by: Lexical GitHub Actions Bot <>
---
 CHANGELOG.md                                  |  43 ++
 examples/react-plain-text/package.json        |   6 +-
 examples/react-rich-collab/package.json       |   8 +-
 examples/react-rich/package.json              |   6 +-
 examples/react-table/package.json             |   6 +-
 examples/vanilla-js-plugin/package.json       |  12 +-
 examples/vanilla-js/package.json              |  12 +-
 package-lock.json                             | 442 +++++++++---------
 package.json                                  |   2 +-
 packages/lexical-clipboard/package.json       |  12 +-
 packages/lexical-code/package.json            |   6 +-
 packages/lexical-devtools-core/package.json   |  14 +-
 packages/lexical-devtools/package.json        |   6 +-
 packages/lexical-dragon/package.json          |   4 +-
 packages/lexical-eslint-plugin/package.json   |   2 +-
 packages/lexical-file/package.json            |   4 +-
 packages/lexical-hashtag/package.json         |   6 +-
 packages/lexical-headless/package.json        |   4 +-
 packages/lexical-history/package.json         |   6 +-
 packages/lexical-html/package.json            |   8 +-
 packages/lexical-link/package.json            |   6 +-
 packages/lexical-list/package.json            |   6 +-
 packages/lexical-mark/package.json            |   6 +-
 packages/lexical-markdown/package.json        |  16 +-
 packages/lexical-offset/package.json          |   4 +-
 packages/lexical-overflow/package.json        |   4 +-
 packages/lexical-plain-text/package.json      |  10 +-
 packages/lexical-playground/package.json      |  32 +-
 packages/lexical-react/package.json           |  40 +-
 packages/lexical-rich-text/package.json       |  10 +-
 packages/lexical-selection/package.json       |   4 +-
 packages/lexical-table/package.json           |   8 +-
 packages/lexical-text/package.json            |   4 +-
 packages/lexical-utils/package.json           |  10 +-
 packages/lexical-website/package.json         |   2 +-
 packages/lexical-yjs/package.json             |   8 +-
 packages/lexical/package.json                 |   2 +-
 packages/shared/package.json                  |   4 +-
 .../lexical-esm-astro-react/package.json      |   8 +-
 .../fixtures/lexical-esm-nextjs/package.json  |   8 +-
 .../package.json                              |  12 +-
 41 files changed, 428 insertions(+), 385 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8e9603aece7..15a945980bb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,46 @@
+## v0.20.2 (2024-11-30)
+
+- lexicallexical-playground Bug Fix Allow setEditorState to work correctly inside of an update (#6876) Bob Ippolito
+- lexical-playground Fix CSS property (#6886) Ivaylo Pavlov
+- v0.20.1 (#6887) Sherry
+- lexical-table Bug Fix Fix scrollable table exportDOM (#6884) Bob Ippolito
+- lexical-table Bug Fix Fix table tab navigation (#6880) Bob Ippolito
+- lexical-playground Feature Highlight special strings with format (#6860) C.
+- lexical-playground Fix Hidden comment button on narrow screens or vertical monitors (#6871) Oluwasanya Olaoluwa
+- lexical-table Bug Fix Fix left arrow key handling for table selection (#6875) Bob Ippolito
+- positionNodeOnRange fixes (#6873) Gerard Rovira
+- Add SelectionAlwaysOnDisplay plugin (#6872) Gerard Rovira
+- Allow passing params to run-all (#6874) Gerard Rovira
+- lexical-playground Bug Fix Preserve the selection using the link editor from a table (#6865) Bob Ippolito
+- lexical-playground Bug Fix autocomplete format before and after insertion (#6845) Bedru Umer
+- lexical-utils Bug Fix Add feature detection to calculateZoomLevel (#6864) Bob Ippolito
+- Add Documentation for  RootNodes semantic and use case (#6869) C.
+- lexical-selection Bug Fix Wrong selection type in setBlocksType (#6867) Simon
+- lexical-table Bug Fix get table-cell background selection color from a class (#6658) Hamza
+- lexical-table Bug Fix Resolve table selection issue when the mouse crosses over a portal (#6834) Bob Ippolito
+- Lexical Chore Update default skipInitialization to false for registerMutationListener (#6857) Fadekemi Adebayo
+- tests npm upgrade cross-spawn (#6856) Sherry
+- Feature Deprecate nodesOfType function (#6855) Sachin Mahato
+- Lexical Bug Fix backspace bug when deleting nodes with canInsertTextAfter set to false (#6268) Dani Lauzurica
+- lexical-link Test Appending inline element nodes to ListNode  (#6826) Fadekemi Adebayo
+-  Chore npm upgrade cross-spawn (#6848) Sherry
+- Table Action Menu - fix UI issue with Merge Cells item (#6830) Syed Umar Anis
+- lexical-utils Bug Fix Add missing Flow type declarations (#6841) Hadi Hamid
+- lexical-react Fix(lexical-react) ContentEditable props type rename (#6837) (Ivan)
+- lexical-link Test  Removing link from node(children) (#6817) Oluwasanya Olaoluwa
+- lexical-table Bug Fix Fix down arrow key handling in TableObserver (#6839) Bob Ippolito
+- Prevent initial value fn to be called on rerender (#6835) Maksim Horbachevsky
+- Link flow types (#6833) Gerard Rovira
+- lexical-examples Chore Add DOMExportOutputMap type to the exportMap (#6827) Ajaezo Kingsley
+- lexicallexical-table Feature Scrollable tables with experimental getDOMSlot API (#6759) Bob Ippolito
+- lexical-rich-textlexical-plain-text workaround for Korean IME issue on iOS (#6819) wnhlee
+- Fix Aria attributes for ContentEditable are ignored (#6814) Oluwasanya Olaoluwa
+- Mention nodes shouldnt be spellcheckd ) (#6788) Sevki
+- lexical-list Bug Fix Handle appending inline element nodes in ListNode.append (#6791) Aman Harwara
+- lexical-mark Bug Fix Stop MarkNode ids array deep copy in clone (#6810) Ebad
+- v0.20.0 (#6809) Bob Ippolito
+- v0.20.0 Lexical GitHub Actions Bot
+
 ## v0.20.1 (2024-11-29)
 
 - lexical-table Bug Fix Fix table tab navigation (#6880) Bob Ippolito
diff --git a/examples/react-plain-text/package.json b/examples/react-plain-text/package.json
index 0b72b918372..26355282515 100644
--- a/examples/react-plain-text/package.json
+++ b/examples/react-plain-text/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-plain-text-example",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/react": "0.20.2",
+    "lexical": "0.20.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-rich-collab/package.json b/examples/react-rich-collab/package.json
index d6c35f512ca..c6b9d221594 100644
--- a/examples/react-rich-collab/package.json
+++ b/examples/react-rich-collab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-collab-example",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,9 +12,9 @@
     "server:webrtc": "cross-env HOST=localhost PORT=1235 npx y-webrtc"
   },
   "dependencies": {
-    "@lexical/react": "0.20.1",
-    "@lexical/yjs": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/react": "0.20.2",
+    "@lexical/yjs": "0.20.2",
+    "lexical": "0.20.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "y-webrtc": "^10.3.0",
diff --git a/examples/react-rich/package.json b/examples/react-rich/package.json
index 11a6deefa16..6986a9cb25f 100644
--- a/examples/react-rich/package.json
+++ b/examples/react-rich/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-example",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/react": "0.20.2",
+    "lexical": "0.20.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-table/package.json b/examples/react-table/package.json
index 023bdc63022..3de430adb67 100644
--- a/examples/react-table/package.json
+++ b/examples/react-table/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-table-example",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/react": "0.20.2",
+    "lexical": "0.20.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/vanilla-js-plugin/package.json b/examples/vanilla-js-plugin/package.json
index 522f062453c..7e5651a5b96 100644
--- a/examples/vanilla-js-plugin/package.json
+++ b/examples/vanilla-js-plugin/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-plugin-example",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.20.1",
-    "@lexical/history": "0.20.1",
-    "@lexical/rich-text": "0.20.1",
-    "@lexical/utils": "0.20.1",
+    "@lexical/dragon": "0.20.2",
+    "@lexical/history": "0.20.2",
+    "@lexical/rich-text": "0.20.2",
+    "@lexical/utils": "0.20.2",
     "emoji-datasource-facebook": "15.1.2",
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/examples/vanilla-js/package.json b/examples/vanilla-js/package.json
index 4dbfc4ef427..a9b693efb47 100644
--- a/examples/vanilla-js/package.json
+++ b/examples/vanilla-js/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-example",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.20.1",
-    "@lexical/history": "0.20.1",
-    "@lexical/rich-text": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/dragon": "0.20.2",
+    "@lexical/history": "0.20.2",
+    "@lexical/rich-text": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/package-lock.json b/package-lock.json
index 4f34e28d3b0..2bba3934e6e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lexical/monorepo",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/monorepo",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "workspaces": [
         "packages/*"
@@ -38926,28 +38926,28 @@
       }
     },
     "packages/lexical": {
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT"
     },
     "packages/lexical-clipboard": {
       "name": "@lexical/clipboard",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/html": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-code": {
       "name": "@lexical/code",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2",
         "prismjs": "^1.27.0"
       },
       "devDependencies": {
@@ -38956,7 +38956,7 @@
     },
     "packages/lexical-devtools": {
       "name": "@lexical/devtools",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "hasInstallScript": true,
       "dependencies": {
         "@chakra-ui/react": "^2.8.2",
@@ -38973,12 +38973,12 @@
       "devDependencies": {
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
-        "@lexical/devtools-core": "0.20.1",
+        "@lexical/devtools-core": "0.20.2",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
         "@vitejs/plugin-react": "^4.2.1",
-        "lexical": "0.20.1",
+        "lexical": "0.20.2",
         "typescript": "^5.4.5",
         "vite": "^5.2.2",
         "wxt": "^0.17.0"
@@ -38986,15 +38986,15 @@
     },
     "packages/lexical-devtools-core": {
       "name": "@lexical/devtools-core",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/mark": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/html": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/mark": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -39003,15 +39003,15 @@
     },
     "packages/lexical-dragon": {
       "name": "@lexical/dragon",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-eslint-plugin": {
       "name": "@lexical/eslint-plugin",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "devDependencies": {
         "@types/eslint": "^8.56.9"
@@ -39022,136 +39022,136 @@
     },
     "packages/lexical-file": {
       "name": "@lexical/file",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-hashtag": {
       "name": "@lexical/hashtag",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-headless": {
       "name": "@lexical/headless",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-history": {
       "name": "@lexical/history",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-html": {
       "name": "@lexical/html",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-link": {
       "name": "@lexical/link",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-list": {
       "name": "@lexical/list",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-mark": {
       "name": "@lexical/mark",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-markdown": {
       "name": "@lexical/markdown",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/rich-text": "0.20.1",
-        "@lexical/text": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/code": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/rich-text": "0.20.2",
+        "@lexical/text": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-offset": {
       "name": "@lexical/offset",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-overflow": {
       "name": "@lexical/overflow",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-plain-text": {
       "name": "@lexical/plain-text",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-playground": {
-      "version": "0.20.1",
+      "version": "0.20.2",
       "dependencies": {
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/code": "0.20.1",
-        "@lexical/file": "0.20.1",
-        "@lexical/hashtag": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/mark": "0.20.1",
-        "@lexical/overflow": "0.20.1",
-        "@lexical/plain-text": "0.20.1",
-        "@lexical/react": "0.20.1",
-        "@lexical/rich-text": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "@lexical/utils": "0.20.1",
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/code": "0.20.2",
+        "@lexical/file": "0.20.2",
+        "@lexical/hashtag": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/mark": "0.20.2",
+        "@lexical/overflow": "0.20.2",
+        "@lexical/plain-text": "0.20.2",
+        "@lexical/react": "0.20.2",
+        "@lexical/rich-text": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "@lexical/utils": "0.20.2",
         "katex": "^0.16.10",
-        "lexical": "0.20.1",
+        "lexical": "0.20.2",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -39175,28 +39175,28 @@
     },
     "packages/lexical-react": {
       "name": "@lexical/react",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/code": "0.20.1",
-        "@lexical/devtools-core": "0.20.1",
-        "@lexical/dragon": "0.20.1",
-        "@lexical/hashtag": "0.20.1",
-        "@lexical/history": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/mark": "0.20.1",
-        "@lexical/markdown": "0.20.1",
-        "@lexical/overflow": "0.20.1",
-        "@lexical/plain-text": "0.20.1",
-        "@lexical/rich-text": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "@lexical/text": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "@lexical/yjs": "0.20.1",
-        "lexical": "0.20.1",
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/code": "0.20.2",
+        "@lexical/devtools-core": "0.20.2",
+        "@lexical/dragon": "0.20.2",
+        "@lexical/hashtag": "0.20.2",
+        "@lexical/history": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/mark": "0.20.2",
+        "@lexical/markdown": "0.20.2",
+        "@lexical/overflow": "0.20.2",
+        "@lexical/plain-text": "0.20.2",
+        "@lexical/rich-text": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "@lexical/text": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "@lexical/yjs": "0.20.2",
+        "lexical": "0.20.2",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -39206,55 +39206,55 @@
     },
     "packages/lexical-rich-text": {
       "name": "@lexical/rich-text",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-selection": {
       "name": "@lexical/selection",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-table": {
       "name": "@lexical/table",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-text": {
       "name": "@lexical/text",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-utils": {
       "name": "@lexical/utils",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/list": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "packages/lexical-website": {
       "name": "@lexical/website",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "dependencies": {
         "@docusaurus/core": "3.6.0",
         "@docusaurus/faster": "3.6.0",
@@ -39284,12 +39284,12 @@
     },
     "packages/lexical-yjs": {
       "name": "@lexical/yjs",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/offset": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "lexical": "0.20.2"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -39322,10 +39322,10 @@
       }
     },
     "packages/shared": {
-      "version": "0.20.1",
+      "version": "0.20.2",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     }
   },
@@ -43955,19 +43955,19 @@
     "@lexical/clipboard": {
       "version": "file:packages/lexical-clipboard",
       "requires": {
-        "@lexical/html": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/html": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/code": {
       "version": "file:packages/lexical-code",
       "requires": {
-        "@lexical/utils": "0.20.1",
+        "@lexical/utils": "0.20.2",
         "@types/prismjs": "^1.26.0",
-        "lexical": "0.20.1",
+        "lexical": "0.20.2",
         "prismjs": "^1.27.0"
       }
     },
@@ -43979,7 +43979,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@lexical/devtools-core": "0.20.1",
+        "@lexical/devtools-core": "0.20.2",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
@@ -43988,7 +43988,7 @@
         "@webext-pegasus/store-zustand": "^0.3.0",
         "@webext-pegasus/transport": "^0.3.0",
         "framer-motion": "^11.1.5",
-        "lexical": "0.20.1",
+        "lexical": "0.20.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.5",
@@ -44000,18 +44000,18 @@
     "@lexical/devtools-core": {
       "version": "file:packages/lexical-devtools-core",
       "requires": {
-        "@lexical/html": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/mark": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/html": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/mark": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/dragon": {
       "version": "file:packages/lexical-dragon",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/eslint-plugin": {
@@ -44023,152 +44023,152 @@
     "@lexical/file": {
       "version": "file:packages/lexical-file",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/hashtag": {
       "version": "file:packages/lexical-hashtag",
       "requires": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/headless": {
       "version": "file:packages/lexical-headless",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/history": {
       "version": "file:packages/lexical-history",
       "requires": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/html": {
       "version": "file:packages/lexical-html",
       "requires": {
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/link": {
       "version": "file:packages/lexical-link",
       "requires": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/list": {
       "version": "file:packages/lexical-list",
       "requires": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/mark": {
       "version": "file:packages/lexical-mark",
       "requires": {
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/markdown": {
       "version": "file:packages/lexical-markdown",
       "requires": {
-        "@lexical/code": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/rich-text": "0.20.1",
-        "@lexical/text": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/code": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/rich-text": "0.20.2",
+        "@lexical/text": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/offset": {
       "version": "file:packages/lexical-offset",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/overflow": {
       "version": "file:packages/lexical-overflow",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/plain-text": {
       "version": "file:packages/lexical-plain-text",
       "requires": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/react": {
       "version": "file:packages/lexical-react",
       "requires": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/code": "0.20.1",
-        "@lexical/devtools-core": "0.20.1",
-        "@lexical/dragon": "0.20.1",
-        "@lexical/hashtag": "0.20.1",
-        "@lexical/history": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/mark": "0.20.1",
-        "@lexical/markdown": "0.20.1",
-        "@lexical/overflow": "0.20.1",
-        "@lexical/plain-text": "0.20.1",
-        "@lexical/rich-text": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "@lexical/text": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "@lexical/yjs": "0.20.1",
-        "lexical": "0.20.1",
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/code": "0.20.2",
+        "@lexical/devtools-core": "0.20.2",
+        "@lexical/dragon": "0.20.2",
+        "@lexical/hashtag": "0.20.2",
+        "@lexical/history": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/mark": "0.20.2",
+        "@lexical/markdown": "0.20.2",
+        "@lexical/overflow": "0.20.2",
+        "@lexical/plain-text": "0.20.2",
+        "@lexical/rich-text": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "@lexical/text": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "@lexical/yjs": "0.20.2",
+        "lexical": "0.20.2",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
       "version": "file:packages/lexical-rich-text",
       "requires": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/selection": {
       "version": "file:packages/lexical-selection",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/utils": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/utils": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/text": {
       "version": "file:packages/lexical-text",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "@lexical/utils": {
       "version": "file:packages/lexical-utils",
       "requires": {
-        "@lexical/list": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/list": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@lexical/website": {
@@ -44201,9 +44201,9 @@
     "@lexical/yjs": {
       "version": "file:packages/lexical-yjs",
       "requires": {
-        "@lexical/offset": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "lexical": "0.20.1"
+        "@lexical/offset": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "lexical": "0.20.2"
       }
     },
     "@mdx-js/mdx": {
@@ -56244,26 +56244,26 @@
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.20.1",
-        "@lexical/code": "0.20.1",
-        "@lexical/file": "0.20.1",
-        "@lexical/hashtag": "0.20.1",
-        "@lexical/link": "0.20.1",
-        "@lexical/list": "0.20.1",
-        "@lexical/mark": "0.20.1",
-        "@lexical/overflow": "0.20.1",
-        "@lexical/plain-text": "0.20.1",
-        "@lexical/react": "0.20.1",
-        "@lexical/rich-text": "0.20.1",
-        "@lexical/selection": "0.20.1",
-        "@lexical/table": "0.20.1",
-        "@lexical/utils": "0.20.1",
+        "@lexical/clipboard": "0.20.2",
+        "@lexical/code": "0.20.2",
+        "@lexical/file": "0.20.2",
+        "@lexical/hashtag": "0.20.2",
+        "@lexical/link": "0.20.2",
+        "@lexical/list": "0.20.2",
+        "@lexical/mark": "0.20.2",
+        "@lexical/overflow": "0.20.2",
+        "@lexical/plain-text": "0.20.2",
+        "@lexical/react": "0.20.2",
+        "@lexical/rich-text": "0.20.2",
+        "@lexical/selection": "0.20.2",
+        "@lexical/table": "0.20.2",
+        "@lexical/utils": "0.20.2",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^4.2.1",
         "katex": "^0.16.10",
-        "lexical": "0.20.1",
+        "lexical": "0.20.2",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -62551,7 +62551,7 @@
     "shared": {
       "version": "file:packages/shared",
       "requires": {
-        "lexical": "0.20.1"
+        "lexical": "0.20.2"
       }
     },
     "shebang-command": {
diff --git a/package.json b/package.json
index bb783c7aba0..c7405f91d61 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/monorepo",
   "description": "Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "license": "MIT",
   "private": true,
   "workspaces": [
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index 52809c12883..a48073ab1cd 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalClipboard.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.20.1",
-    "@lexical/list": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/html": "0.20.2",
+    "@lexical/list": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index 8eced7c0c3c..a34c9c4b2a4 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -8,12 +8,12 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalCode.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2",
     "prismjs": "^1.27.0"
   },
   "repository": {
diff --git a/packages/lexical-devtools-core/package.json b/packages/lexical-devtools-core/package.json
index 898e727567d..96399206cb0 100644
--- a/packages/lexical-devtools-core/package.json
+++ b/packages/lexical-devtools-core/package.json
@@ -8,16 +8,16 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalDevtoolsCore.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.20.1",
-    "@lexical/link": "0.20.1",
-    "@lexical/mark": "0.20.1",
-    "@lexical/table": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/html": "0.20.2",
+    "@lexical/link": "0.20.2",
+    "@lexical/mark": "0.20.2",
+    "@lexical/table": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "peerDependencies": {
     "react": ">=17.x",
diff --git a/packages/lexical-devtools/package.json b/packages/lexical-devtools/package.json
index e37b259d426..ca173691239 100644
--- a/packages/lexical-devtools/package.json
+++ b/packages/lexical-devtools/package.json
@@ -2,7 +2,7 @@
   "name": "@lexical/devtools",
   "description": "Lexical DevTools browser extension",
   "private": true,
-  "version": "0.20.1",
+  "version": "0.20.2",
   "type": "module",
   "scripts": {
     "dev": "wxt",
@@ -41,12 +41,12 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@lexical/devtools-core": "0.20.1",
+    "@lexical/devtools-core": "0.20.2",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "lexical": "0.20.1",
+    "lexical": "0.20.2",
     "typescript": "^5.4.5",
     "vite": "^5.2.2",
     "wxt": "^0.17.0"
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index f43dbad2050..4ef705819d3 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -9,7 +9,7 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalDragon.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-eslint-plugin/package.json b/packages/lexical-eslint-plugin/package.json
index dce543388d4..0358c0a7456 100644
--- a/packages/lexical-eslint-plugin/package.json
+++ b/packages/lexical-eslint-plugin/package.json
@@ -8,7 +8,7 @@
     "lexical",
     "editor"
   ],
-  "version": "0.20.1",
+  "version": "0.20.2",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index 0c16305ecb1..ed299c5722c 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -10,7 +10,7 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalFile.js",
   "types": "index.d.ts",
   "repository": {
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index 760d08ca9ef..a2ce262bf58 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -8,12 +8,12 @@
     "hashtag"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalHashtag.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index a360a7a43aa..6a2b08f43f3 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -8,7 +8,7 @@
     "headless"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalHeadless.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index 98754d358d9..308bd7b957e 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -8,12 +8,12 @@
     "history"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalHistory.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index 20a7e55148b..67d18e3c3d0 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -8,7 +8,7 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalHtml.js",
   "types": "index.d.ts",
   "repository": {
@@ -17,9 +17,9 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/selection": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "module": "LexicalHtml.mjs",
   "sideEffects": false,
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 442bd99359e..0734cc586b7 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -8,12 +8,12 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalLink.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index 112a4658532..82ed0595e08 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -8,12 +8,12 @@
     "list"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalList.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index d332743a4d7..7baa740f9d7 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalMark.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index 640afed4c3c..d377f60cbea 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -8,17 +8,17 @@
     "markdown"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalMarkdown.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/code": "0.20.1",
-    "@lexical/link": "0.20.1",
-    "@lexical/list": "0.20.1",
-    "@lexical/rich-text": "0.20.1",
-    "@lexical/text": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/code": "0.20.2",
+    "@lexical/link": "0.20.2",
+    "@lexical/list": "0.20.2",
+    "@lexical/rich-text": "0.20.2",
+    "@lexical/text": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index 8d45def7d85..ed9e7391244 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -8,7 +8,7 @@
     "offset"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalOffset.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index 6b18fe80f57..5b00f98fd05 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -8,7 +8,7 @@
     "overflow"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalOverflow.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index 1e40220afd6..14e3877491e 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -7,7 +7,7 @@
     "plain-text"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalPlainText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/clipboard": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index 59913f8092c..ff91e2629fb 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-playground",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,22 +12,22 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.17.0",
-    "@lexical/clipboard": "0.20.1",
-    "@lexical/code": "0.20.1",
-    "@lexical/file": "0.20.1",
-    "@lexical/hashtag": "0.20.1",
-    "@lexical/link": "0.20.1",
-    "@lexical/list": "0.20.1",
-    "@lexical/mark": "0.20.1",
-    "@lexical/overflow": "0.20.1",
-    "@lexical/plain-text": "0.20.1",
-    "@lexical/react": "0.20.1",
-    "@lexical/rich-text": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "@lexical/table": "0.20.1",
-    "@lexical/utils": "0.20.1",
+    "@lexical/clipboard": "0.20.2",
+    "@lexical/code": "0.20.2",
+    "@lexical/file": "0.20.2",
+    "@lexical/hashtag": "0.20.2",
+    "@lexical/link": "0.20.2",
+    "@lexical/list": "0.20.2",
+    "@lexical/mark": "0.20.2",
+    "@lexical/overflow": "0.20.2",
+    "@lexical/plain-text": "0.20.2",
+    "@lexical/react": "0.20.2",
+    "@lexical/rich-text": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "@lexical/table": "0.20.2",
+    "@lexical/utils": "0.20.2",
     "katex": "^0.16.10",
-    "lexical": "0.20.1",
+    "lexical": "0.20.2",
     "lodash-es": "^4.17.21",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index a9c10c823e6..5ab8da645a7 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -8,27 +8,27 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "dependencies": {
-    "@lexical/clipboard": "0.20.1",
-    "@lexical/code": "0.20.1",
-    "@lexical/devtools-core": "0.20.1",
-    "@lexical/dragon": "0.20.1",
-    "@lexical/hashtag": "0.20.1",
-    "@lexical/history": "0.20.1",
-    "@lexical/link": "0.20.1",
-    "@lexical/list": "0.20.1",
-    "@lexical/mark": "0.20.1",
-    "@lexical/markdown": "0.20.1",
-    "@lexical/overflow": "0.20.1",
-    "@lexical/plain-text": "0.20.1",
-    "@lexical/rich-text": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "@lexical/table": "0.20.1",
-    "@lexical/text": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "@lexical/yjs": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/clipboard": "0.20.2",
+    "@lexical/code": "0.20.2",
+    "@lexical/devtools-core": "0.20.2",
+    "@lexical/dragon": "0.20.2",
+    "@lexical/hashtag": "0.20.2",
+    "@lexical/history": "0.20.2",
+    "@lexical/link": "0.20.2",
+    "@lexical/list": "0.20.2",
+    "@lexical/mark": "0.20.2",
+    "@lexical/markdown": "0.20.2",
+    "@lexical/overflow": "0.20.2",
+    "@lexical/plain-text": "0.20.2",
+    "@lexical/rich-text": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "@lexical/table": "0.20.2",
+    "@lexical/text": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "@lexical/yjs": "0.20.2",
+    "lexical": "0.20.2",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index bfd957ef118..50da7d934d5 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -7,7 +7,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalRichText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/clipboard": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index 20a2fa3b9ed..ef2f7e0cd85 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -9,7 +9,7 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalSelection.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index 6d55ddca96e..537ca81e74b 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalTable.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/clipboard": "0.20.1",
-    "@lexical/utils": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/clipboard": "0.20.2",
+    "@lexical/utils": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index 381274b1d73..2d1b2a00aa6 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -9,7 +9,7 @@
     "text"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalText.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   }
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index 353b1ef70ea..4180a845c97 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -8,14 +8,14 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalUtils.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/list": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "@lexical/table": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/list": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "@lexical/table": "0.20.2",
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index 73f06c57e9a..0009252a3ae 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lexical/website",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index ccb16e52dfc..709f9205686 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -11,13 +11,13 @@
     "crdt"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "LexicalYjs.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/offset": "0.20.1",
-    "@lexical/selection": "0.20.1",
-    "lexical": "0.20.1"
+    "@lexical/offset": "0.20.2",
+    "@lexical/selection": "0.20.2",
+    "lexical": "0.20.2"
   },
   "peerDependencies": {
     "yjs": ">=13.5.22"
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index bb878028f68..8dfa8f054c8 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -9,7 +9,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "main": "Lexical.js",
   "types": "index.d.ts",
   "repository": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index af4e8c17553..db57f14b276 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -8,9 +8,9 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "dependencies": {
-    "lexical": "0.20.1"
+    "lexical": "0.20.2"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index 85b7e84d0bd..d8c77bb8ae1 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lexical-esm-astro-react",
   "type": "module",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,12 +13,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
-    "@lexical/react": "0.20.1",
-    "@lexical/utils": "0.20.1",
+    "@lexical/react": "0.20.2",
+    "@lexical/utils": "0.20.2",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "astro": "^4.5.4",
-    "lexical": "0.20.1",
+    "lexical": "0.20.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.4.2"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
index 09554ca218f..9fc71139745 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-esm-nextjs",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,9 +9,9 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@lexical/plain-text": "0.20.1",
-    "@lexical/react": "0.20.1",
-    "lexical": "0.20.1",
+    "@lexical/plain-text": "0.20.2",
+    "@lexical/react": "0.20.2",
+    "lexical": "0.20.2",
     "next": "^14.2.1",
     "react": "^18",
     "react-dom": "^18"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
index 2127aff3e12..3a5e771437b 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-sveltekit-vanilla-js",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "private": true,
   "scripts": {
     "dev": "vite dev",
@@ -9,17 +9,17 @@
     "test": "playwright test"
   },
   "devDependencies": {
-    "@lexical/dragon": "0.20.1",
-    "@lexical/history": "0.20.1",
-    "@lexical/rich-text": "0.20.1",
-    "@lexical/utils": "0.20.1",
+    "@lexical/dragon": "0.20.2",
+    "@lexical/history": "0.20.2",
+    "@lexical/rich-text": "0.20.2",
+    "@lexical/utils": "0.20.2",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "lexical": "0.20.1",
+    "lexical": "0.20.2",
     "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.19",

From 230dcf251aa9b06d23de4cb2ba0873ef30228655 Mon Sep 17 00:00:00 2001
From: Gerard Rovira <zurfyx@users.noreply.github.com>
Date: Sun, 1 Dec 2024 16:46:08 +0000
Subject: [PATCH 123/133] Fix selected table colors (#6892)

---
 examples/react-table/src/styles.css                           | 4 ++--
 .../lexical-playground/src/themes/PlaygroundEditorTheme.css   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/react-table/src/styles.css b/examples/react-table/src/styles.css
index ceade988694..32b80315539 100644
--- a/examples/react-table/src/styles.css
+++ b/examples/react-table/src/styles.css
@@ -496,8 +496,8 @@ i.justify-align {
   right: 0;
   bottom: 0;
   top: 0;
-  background-color: rgb(172, 206, 247);
-  opacity: 0.6;
+  background-color: highlight;
+  mix-blend-mode: multiply;
   content: '';
   pointer-events: none;
 }
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
index 931beb900cb..527085b7539 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -173,8 +173,8 @@
   right: 0;
   bottom: 0;
   top: 0;
-  background-color: rgb(172, 206, 247);
-  opacity: 0.6;
+  background-color: highlight;
+  mix-blend-mode: multiply;
   content: '';
   pointer-events: none;
 }

From 6a1cf185e3e9e17cc767fe3d28b14b705a196a92 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Sun, 1 Dec 2024 09:01:55 -0800
Subject: [PATCH 124/133] [lexical-table] Bug Fix: TableNode exportDOM fixes
 for partial table selection (#6889)

---
 .../lexical-table/src/LexicalTableCellNode.ts |   7 +-
 .../lexical-table/src/LexicalTableNode.ts     |  75 +++++++++-
 .../lexical-table/src/LexicalTableRowNode.ts  |  10 +-
 .../__tests__/unit/LexicalTableNode.test.tsx  | 130 ++++++++++++++++++
 4 files changed, 214 insertions(+), 8 deletions(-)

diff --git a/packages/lexical-table/src/LexicalTableCellNode.ts b/packages/lexical-table/src/LexicalTableCellNode.ts
index c43e7fe1c9e..2b00b8dfb6e 100644
--- a/packages/lexical-table/src/LexicalTableCellNode.ts
+++ b/packages/lexical-table/src/LexicalTableCellNode.ts
@@ -26,6 +26,7 @@ import {
   $isLineBreakNode,
   $isTextNode,
   ElementNode,
+  isHTMLElement,
 } from 'lexical';
 
 import {COLUMN_WIDTH, PIXEL_VALUE_REG_EXP} from './constants';
@@ -150,8 +151,12 @@ export class TableCellNode extends ElementNode {
   exportDOM(editor: LexicalEditor): DOMExportOutput {
     const output = super.exportDOM(editor);
 
-    if (output.element) {
+    if (output.element && isHTMLElement(output.element)) {
       const element = output.element as HTMLTableCellElement;
+      element.setAttribute(
+        'data-temporary-table-cell-lexical-key',
+        this.getKey(),
+      );
       element.style.border = '1px solid black';
       if (this.__colSpan > 1) {
         element.colSpan = this.__colSpan;
diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index ea14f9e5a9b..4a4a2c970fa 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -6,6 +6,8 @@
  *
  */
 
+import type {TableRowNode} from './LexicalTableRowNode';
+
 import {
   addClassNamesToElement,
   isHTMLElement,
@@ -15,6 +17,7 @@ import {
   $applyNodeReplacement,
   $getEditor,
   $getNearestNodeFromDOMNode,
+  BaseSelection,
   DOMConversionMap,
   DOMConversionOutput,
   DOMExportOutput,
@@ -31,13 +34,13 @@ import {
 import invariant from 'shared/invariant';
 
 import {PIXEL_VALUE_REG_EXP} from './constants';
-import {$isTableCellNode, TableCellNode} from './LexicalTableCellNode';
+import {$isTableCellNode, type TableCellNode} from './LexicalTableCellNode';
 import {TableDOMCell, TableDOMTable} from './LexicalTableObserver';
-import {TableRowNode} from './LexicalTableRowNode';
 import {
   $getNearestTableCellInTableFromDOMNode,
   getTable,
 } from './LexicalTableSelectionHelpers';
+import {$computeTableMapSkipCellCheck} from './LexicalTableUtils';
 
 export type SerializedTableNode = Spread<
   {
@@ -170,6 +173,14 @@ export class TableNode extends ElementNode {
     };
   }
 
+  extractWithChild(
+    child: LexicalNode,
+    selection: BaseSelection | null,
+    destination: 'clone' | 'html',
+  ): boolean {
+    return destination === 'html';
+  }
+
   getDOMSlot(element: HTMLElement): ElementDOMSlot {
     const tableElement =
       (element.nodeName !== 'TABLE' && element.querySelector('table')) ||
@@ -227,11 +238,12 @@ export class TableNode extends ElementNode {
   }
 
   exportDOM(editor: LexicalEditor): DOMExportOutput {
-    const {element, after} = super.exportDOM(editor);
+    const superExport = super.exportDOM(editor);
+    const {element} = superExport;
     return {
       after: (tableElement) => {
-        if (after) {
-          tableElement = after(tableElement);
+        if (superExport.after) {
+          tableElement = superExport.after(tableElement);
         }
         if (
           tableElement &&
@@ -243,11 +255,62 @@ export class TableNode extends ElementNode {
         if (!tableElement || !isHTMLElement(tableElement)) {
           return null;
         }
+
+        // Scan the table map to build a map of table cell key to the columns it needs
+        const [tableMap] = $computeTableMapSkipCellCheck(this, null, null);
+        const cellValues = new Map<
+          NodeKey,
+          {startColumn: number; colSpan: number}
+        >();
+        for (const mapRow of tableMap) {
+          for (const mapValue of mapRow) {
+            const key = mapValue.cell.getKey();
+            if (!cellValues.has(key)) {
+              cellValues.set(key, {
+                colSpan: mapValue.cell.getColSpan(),
+                startColumn: mapValue.startColumn,
+              });
+            }
+          }
+        }
+
+        // scan the DOM to find the table cell keys that were used and mark those columns
+        const knownColumns = new Set<number>();
+        for (const cellDOM of tableElement.querySelectorAll(
+          ':scope > tr > [data-temporary-table-cell-lexical-key]',
+        )) {
+          const key = cellDOM.getAttribute(
+            'data-temporary-table-cell-lexical-key',
+          );
+          if (key) {
+            const cellSpan = cellValues.get(key);
+            cellDOM.removeAttribute('data-temporary-table-cell-lexical-key');
+            if (cellSpan) {
+              cellValues.delete(key);
+              for (let i = 0; i < cellSpan.colSpan; i++) {
+                knownColumns.add(i + cellSpan.startColumn);
+              }
+            }
+          }
+        }
+
+        // Compute the colgroup and columns in the export
+        const colGroup = tableElement.querySelector(':scope > colgroup');
+        if (colGroup) {
+          // Only include the <col /> for rows that are in the output
+          const cols = Array.from(
+            tableElement.querySelectorAll(':scope > colgroup > col'),
+          ).filter((dom, i) => knownColumns.has(i));
+          colGroup.replaceChildren(...cols);
+        }
+
         // Wrap direct descendant rows in a tbody for export
         const rows = tableElement.querySelectorAll(':scope > tr');
         if (rows.length > 0) {
           const tBody = document.createElement('tbody');
-          tBody.append(...rows);
+          for (const row of rows) {
+            tBody.appendChild(row);
+          }
           tableElement.append(tBody);
         }
         return tableElement;
diff --git a/packages/lexical-table/src/LexicalTableRowNode.ts b/packages/lexical-table/src/LexicalTableRowNode.ts
index eddea69a27e..fd8bcb8fa0a 100644
--- a/packages/lexical-table/src/LexicalTableRowNode.ts
+++ b/packages/lexical-table/src/LexicalTableRowNode.ts
@@ -6,7 +6,7 @@
  *
  */
 
-import type {Spread} from 'lexical';
+import type {BaseSelection, Spread} from 'lexical';
 
 import {addClassNamesToElement} from '@lexical/utils';
 import {
@@ -81,6 +81,14 @@ export class TableRowNode extends ElementNode {
     return element;
   }
 
+  extractWithChild(
+    child: LexicalNode,
+    selection: BaseSelection | null,
+    destination: 'clone' | 'html',
+  ): boolean {
+    return destination === 'html';
+  }
+
   isShadowRoot(): boolean {
     return true;
   }
diff --git a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
index df23bdcf843..96ca3c7e426 100644
--- a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
+++ b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
@@ -7,13 +7,16 @@
  */
 
 import {$insertDataTransferForRichText} from '@lexical/clipboard';
+import {$generateHtmlFromNodes} from '@lexical/html';
 import {TablePlugin} from '@lexical/react/LexicalTablePlugin';
 import {
   $createTableNode,
   $createTableNodeWithDimensions,
   $createTableSelection,
   $insertTableColumn__EXPERIMENTAL,
+  $isTableCellNode,
 } from '@lexical/table';
+import {$dfs} from '@lexical/utils';
 import {
   $createParagraphNode,
   $createTextNode,
@@ -136,6 +139,133 @@ describe('LexicalTableNode tests', () => {
             });
           });
 
+          test('TableNode.exportDOM() with range selection', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const tableNode = $createTableNodeWithDimensions(
+                2,
+                2,
+              ).setColWidths([100, 200]);
+              tableNode
+                .getAllTextNodes()
+                .forEach((node, i) => node.setTextContent(String(i)));
+              $getRoot().clear().append(tableNode);
+              expectHtmlToBeEqual(
+                $generateHtmlFromNodes(editor, $getRoot().select(0)),
+                html`
+                  <table class="${editorConfig.theme.table}">
+                    <colgroup>
+                      <col style="width: 100px" />
+                      <col style="width: 200px" />
+                    </colgroup>
+                    <tbody>
+                      <tr>
+                        <th
+                          style="
+                            border: 1px solid black;
+                            width: 75px;
+                            vertical-align: top;
+                            text-align: start;
+                            background-color: rgb(242, 243, 245);
+                          ">
+                          <p><span style="white-space: pre-wrap">0</span></p>
+                        </th>
+                        <th
+                          style="
+                            border: 1px solid black;
+                            width: 75px;
+                            vertical-align: top;
+                            text-align: start;
+                            background-color: rgb(242, 243, 245);
+                          ">
+                          <p><span style="white-space: pre-wrap">1</span></p>
+                        </th>
+                      </tr>
+                      <tr>
+                        <th
+                          style="
+                            border: 1px solid black;
+                            width: 75px;
+                            vertical-align: top;
+                            text-align: start;
+                            background-color: rgb(242, 243, 245);
+                          ">
+                          <p><span style="white-space: pre-wrap">2</span></p>
+                        </th>
+                        <td
+                          style="
+                            border: 1px solid black;
+                            width: 75px;
+                            vertical-align: top;
+                            text-align: start;
+                          ">
+                          <p><span style="white-space: pre-wrap">3</span></p>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                `,
+              );
+            });
+          });
+
+          test('TableNode.exportDOM() with partial table selection', async () => {
+            const {editor} = testEnv;
+
+            await editor.update(() => {
+              const tableNode = $createTableNodeWithDimensions(
+                2,
+                2,
+              ).setColWidths([100, 200]);
+              tableNode
+                .getAllTextNodes()
+                .forEach((node, i) => node.setTextContent(String(i)));
+              $getRoot().append(tableNode);
+              const tableSelection = $createTableSelection();
+              tableSelection.tableKey = tableNode.getKey();
+              const cells = $dfs(tableNode).flatMap(({node}) =>
+                $isTableCellNode(node) ? [node] : [],
+              );
+              // second column
+              tableSelection.anchor.set(cells[1].getKey(), 0, 'element');
+              tableSelection.focus.set(cells[3].getKey(), 0, 'element');
+              expectHtmlToBeEqual(
+                $generateHtmlFromNodes(editor, tableSelection),
+                html`
+                  <table class="${editorConfig.theme.table}">
+                    <colgroup><col style="width: 200px" /></colgroup>
+                    <tbody>
+                      <tr>
+                        <th
+                          style="
+                            border: 1px solid black;
+                            width: 75px;
+                            vertical-align: top;
+                            text-align: start;
+                            background-color: rgb(242, 243, 245);
+                          ">
+                          <p><span style="white-space: pre-wrap">1</span></p>
+                        </th>
+                      </tr>
+                      <tr>
+                        <td
+                          style="
+                            border: 1px solid black;
+                            width: 75px;
+                            vertical-align: top;
+                            text-align: start;
+                          ">
+                          <p><span style="white-space: pre-wrap">3</span></p>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                `,
+              );
+            });
+          });
+
           test('Copy table from an external source', async () => {
             const {editor} = testEnv;
 

From b9261c506af84c52e600c0f2cb0aa3a842b0f8a5 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Mon, 2 Dec 2024 17:56:40 +0800
Subject: [PATCH 125/133] [Documentation Update] Add release protocol to
 maintainers-guide.md (#6895)

---
 packages/lexical-website/docs/maintainers-guide.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/lexical-website/docs/maintainers-guide.md b/packages/lexical-website/docs/maintainers-guide.md
index 4313e7f1cc7..a7aacf1cd63 100644
--- a/packages/lexical-website/docs/maintainers-guide.md
+++ b/packages/lexical-website/docs/maintainers-guide.md
@@ -287,3 +287,9 @@ from main in step 4).
 4. After PR is merged to main, publish to NPM with the Github Actions "Publish to NPM" workflow (`pre-release.yml`)
 5. Create a GitHub release from the tag created in step 1, manually editing the release notes
 6. Announce the release in #announcements on Discord
+
+## Release Protocol
+
+1. All PRs with breaking changes must have `[Breaking Change]` in the PR's title with documentation of what followup actions consumers of the lexical library need to be aware of.
+2. Monthly releases happen on the last week of the month, with a minor increment (eg. v0.20+1.0).
+3. Anything in between will be a patch increment (eg. 0.20.0+1), unless there is a breaking change. 

From c1d8a36c839e9fc6af8c0c399b23b713c641c667 Mon Sep 17 00:00:00 2001
From: Sherry <potatowagon@meta.com>
Date: Mon, 2 Dec 2024 23:08:00 +0800
Subject: [PATCH 126/133] v0.21.0 (#6896)

Co-authored-by: Lexical GitHub Actions Bot <>
---
 CHANGELOG.md                                  |   6 +
 examples/react-plain-text/package.json        |   6 +-
 examples/react-rich-collab/package.json       |   8 +-
 examples/react-rich/package.json              |   6 +-
 examples/react-table/package.json             |   6 +-
 examples/vanilla-js-plugin/package.json       |  12 +-
 examples/vanilla-js/package.json              |  12 +-
 package-lock.json                             | 442 +++++++++---------
 package.json                                  |   2 +-
 packages/lexical-clipboard/package.json       |  12 +-
 packages/lexical-code/package.json            |   6 +-
 packages/lexical-devtools-core/package.json   |  14 +-
 packages/lexical-devtools/package.json        |   6 +-
 packages/lexical-dragon/package.json          |   4 +-
 packages/lexical-eslint-plugin/package.json   |   2 +-
 packages/lexical-file/package.json            |   4 +-
 packages/lexical-hashtag/package.json         |   6 +-
 packages/lexical-headless/package.json        |   4 +-
 packages/lexical-history/package.json         |   6 +-
 packages/lexical-html/package.json            |   8 +-
 packages/lexical-link/package.json            |   6 +-
 packages/lexical-list/package.json            |   6 +-
 packages/lexical-mark/package.json            |   6 +-
 packages/lexical-markdown/package.json        |  16 +-
 packages/lexical-offset/package.json          |   4 +-
 packages/lexical-overflow/package.json        |   4 +-
 packages/lexical-plain-text/package.json      |  10 +-
 packages/lexical-playground/package.json      |  32 +-
 packages/lexical-react/package.json           |  40 +-
 packages/lexical-rich-text/package.json       |  10 +-
 packages/lexical-selection/package.json       |   4 +-
 packages/lexical-table/package.json           |   8 +-
 packages/lexical-text/package.json            |   4 +-
 packages/lexical-utils/package.json           |  10 +-
 packages/lexical-website/package.json         |   2 +-
 packages/lexical-yjs/package.json             |   8 +-
 packages/lexical/package.json                 |   2 +-
 packages/shared/package.json                  |   4 +-
 .../lexical-esm-astro-react/package.json      |   8 +-
 .../fixtures/lexical-esm-nextjs/package.json  |   8 +-
 .../package.json                              |  12 +-
 41 files changed, 391 insertions(+), 385 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 15a945980bb..3eee8677fe9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## v0.21.0 (2024-12-01)
+
+- Fix selected table colors (#6892) Gerard Rovira
+- v0.20.2 (#6891) Sherry
+- v0.20.2 Lexical GitHub Actions Bot
+
 ## v0.20.2 (2024-11-30)
 
 - lexicallexical-playground Bug Fix Allow setEditorState to work correctly inside of an update (#6876) Bob Ippolito
diff --git a/examples/react-plain-text/package.json b/examples/react-plain-text/package.json
index 26355282515..a1c8041a371 100644
--- a/examples/react-plain-text/package.json
+++ b/examples/react-plain-text/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-plain-text-example",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/react": "0.21.0",
+    "lexical": "0.21.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-rich-collab/package.json b/examples/react-rich-collab/package.json
index c6b9d221594..d8726826edf 100644
--- a/examples/react-rich-collab/package.json
+++ b/examples/react-rich-collab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-collab-example",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,9 +12,9 @@
     "server:webrtc": "cross-env HOST=localhost PORT=1235 npx y-webrtc"
   },
   "dependencies": {
-    "@lexical/react": "0.20.2",
-    "@lexical/yjs": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/react": "0.21.0",
+    "@lexical/yjs": "0.21.0",
+    "lexical": "0.21.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "y-webrtc": "^10.3.0",
diff --git a/examples/react-rich/package.json b/examples/react-rich/package.json
index 6986a9cb25f..0529b88d472 100644
--- a/examples/react-rich/package.json
+++ b/examples/react-rich/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-rich-example",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/react": "0.21.0",
+    "lexical": "0.21.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/react-table/package.json b/examples/react-table/package.json
index 3de430adb67..94aa0b6a434 100644
--- a/examples/react-table/package.json
+++ b/examples/react-table/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/react-table-example",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/react": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/react": "0.21.0",
+    "lexical": "0.21.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/examples/vanilla-js-plugin/package.json b/examples/vanilla-js-plugin/package.json
index 7e5651a5b96..0cd7c243361 100644
--- a/examples/vanilla-js-plugin/package.json
+++ b/examples/vanilla-js-plugin/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-plugin-example",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.20.2",
-    "@lexical/history": "0.20.2",
-    "@lexical/rich-text": "0.20.2",
-    "@lexical/utils": "0.20.2",
+    "@lexical/dragon": "0.21.0",
+    "@lexical/history": "0.21.0",
+    "@lexical/rich-text": "0.21.0",
+    "@lexical/utils": "0.21.0",
     "emoji-datasource-facebook": "15.1.2",
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/examples/vanilla-js/package.json b/examples/vanilla-js/package.json
index a9b693efb47..37bc8356971 100644
--- a/examples/vanilla-js/package.json
+++ b/examples/vanilla-js/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/vanilla-js-example",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,11 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lexical/dragon": "0.20.2",
-    "@lexical/history": "0.20.2",
-    "@lexical/rich-text": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/dragon": "0.21.0",
+    "@lexical/history": "0.21.0",
+    "@lexical/rich-text": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
diff --git a/package-lock.json b/package-lock.json
index 2bba3934e6e..e5387c0ffdc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lexical/monorepo",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lexical/monorepo",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "workspaces": [
         "packages/*"
@@ -38926,28 +38926,28 @@
       }
     },
     "packages/lexical": {
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT"
     },
     "packages/lexical-clipboard": {
       "name": "@lexical/clipboard",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/html": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-code": {
       "name": "@lexical/code",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0",
         "prismjs": "^1.27.0"
       },
       "devDependencies": {
@@ -38956,7 +38956,7 @@
     },
     "packages/lexical-devtools": {
       "name": "@lexical/devtools",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "hasInstallScript": true,
       "dependencies": {
         "@chakra-ui/react": "^2.8.2",
@@ -38973,12 +38973,12 @@
       "devDependencies": {
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
-        "@lexical/devtools-core": "0.20.2",
+        "@lexical/devtools-core": "0.21.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
         "@vitejs/plugin-react": "^4.2.1",
-        "lexical": "0.20.2",
+        "lexical": "0.21.0",
         "typescript": "^5.4.5",
         "vite": "^5.2.2",
         "wxt": "^0.17.0"
@@ -38986,15 +38986,15 @@
     },
     "packages/lexical-devtools-core": {
       "name": "@lexical/devtools-core",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/html": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/mark": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/html": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/mark": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       },
       "peerDependencies": {
         "react": ">=17.x",
@@ -39003,15 +39003,15 @@
     },
     "packages/lexical-dragon": {
       "name": "@lexical/dragon",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-eslint-plugin": {
       "name": "@lexical/eslint-plugin",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "devDependencies": {
         "@types/eslint": "^8.56.9"
@@ -39022,136 +39022,136 @@
     },
     "packages/lexical-file": {
       "name": "@lexical/file",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-hashtag": {
       "name": "@lexical/hashtag",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-headless": {
       "name": "@lexical/headless",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-history": {
       "name": "@lexical/history",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-html": {
       "name": "@lexical/html",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-link": {
       "name": "@lexical/link",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-list": {
       "name": "@lexical/list",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-mark": {
       "name": "@lexical/mark",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-markdown": {
       "name": "@lexical/markdown",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/code": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/rich-text": "0.20.2",
-        "@lexical/text": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/code": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/rich-text": "0.21.0",
+        "@lexical/text": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-offset": {
       "name": "@lexical/offset",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-overflow": {
       "name": "@lexical/overflow",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-plain-text": {
       "name": "@lexical/plain-text",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-playground": {
-      "version": "0.20.2",
+      "version": "0.21.0",
       "dependencies": {
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/code": "0.20.2",
-        "@lexical/file": "0.20.2",
-        "@lexical/hashtag": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/mark": "0.20.2",
-        "@lexical/overflow": "0.20.2",
-        "@lexical/plain-text": "0.20.2",
-        "@lexical/react": "0.20.2",
-        "@lexical/rich-text": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "@lexical/utils": "0.20.2",
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/code": "0.21.0",
+        "@lexical/file": "0.21.0",
+        "@lexical/hashtag": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/mark": "0.21.0",
+        "@lexical/overflow": "0.21.0",
+        "@lexical/plain-text": "0.21.0",
+        "@lexical/react": "0.21.0",
+        "@lexical/rich-text": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "@lexical/utils": "0.21.0",
         "katex": "^0.16.10",
-        "lexical": "0.20.2",
+        "lexical": "0.21.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -39175,28 +39175,28 @@
     },
     "packages/lexical-react": {
       "name": "@lexical/react",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/code": "0.20.2",
-        "@lexical/devtools-core": "0.20.2",
-        "@lexical/dragon": "0.20.2",
-        "@lexical/hashtag": "0.20.2",
-        "@lexical/history": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/mark": "0.20.2",
-        "@lexical/markdown": "0.20.2",
-        "@lexical/overflow": "0.20.2",
-        "@lexical/plain-text": "0.20.2",
-        "@lexical/rich-text": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "@lexical/text": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "@lexical/yjs": "0.20.2",
-        "lexical": "0.20.2",
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/code": "0.21.0",
+        "@lexical/devtools-core": "0.21.0",
+        "@lexical/dragon": "0.21.0",
+        "@lexical/hashtag": "0.21.0",
+        "@lexical/history": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/mark": "0.21.0",
+        "@lexical/markdown": "0.21.0",
+        "@lexical/overflow": "0.21.0",
+        "@lexical/plain-text": "0.21.0",
+        "@lexical/rich-text": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "@lexical/text": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "@lexical/yjs": "0.21.0",
+        "lexical": "0.21.0",
         "react-error-boundary": "^3.1.4"
       },
       "peerDependencies": {
@@ -39206,55 +39206,55 @@
     },
     "packages/lexical-rich-text": {
       "name": "@lexical/rich-text",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-selection": {
       "name": "@lexical/selection",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-table": {
       "name": "@lexical/table",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-text": {
       "name": "@lexical/text",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-utils": {
       "name": "@lexical/utils",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/list": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/list": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "packages/lexical-website": {
       "name": "@lexical/website",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "dependencies": {
         "@docusaurus/core": "3.6.0",
         "@docusaurus/faster": "3.6.0",
@@ -39284,12 +39284,12 @@
     },
     "packages/lexical-yjs": {
       "name": "@lexical/yjs",
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "@lexical/offset": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/offset": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "lexical": "0.21.0"
       },
       "peerDependencies": {
         "yjs": ">=13.5.22"
@@ -39322,10 +39322,10 @@
       }
     },
     "packages/shared": {
-      "version": "0.20.2",
+      "version": "0.21.0",
       "license": "MIT",
       "dependencies": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     }
   },
@@ -43955,19 +43955,19 @@
     "@lexical/clipboard": {
       "version": "file:packages/lexical-clipboard",
       "requires": {
-        "@lexical/html": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/html": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/code": {
       "version": "file:packages/lexical-code",
       "requires": {
-        "@lexical/utils": "0.20.2",
+        "@lexical/utils": "0.21.0",
         "@types/prismjs": "^1.26.0",
-        "lexical": "0.20.2",
+        "lexical": "0.21.0",
         "prismjs": "^1.27.0"
       }
     },
@@ -43979,7 +43979,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@lexical/devtools-core": "0.20.2",
+        "@lexical/devtools-core": "0.21.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@types/react": "^18.2.46",
         "@types/react-dom": "^18.2.18",
@@ -43988,7 +43988,7 @@
         "@webext-pegasus/store-zustand": "^0.3.0",
         "@webext-pegasus/transport": "^0.3.0",
         "framer-motion": "^11.1.5",
-        "lexical": "0.20.2",
+        "lexical": "0.21.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "typescript": "^5.4.5",
@@ -44000,18 +44000,18 @@
     "@lexical/devtools-core": {
       "version": "file:packages/lexical-devtools-core",
       "requires": {
-        "@lexical/html": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/mark": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/html": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/mark": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/dragon": {
       "version": "file:packages/lexical-dragon",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/eslint-plugin": {
@@ -44023,152 +44023,152 @@
     "@lexical/file": {
       "version": "file:packages/lexical-file",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/hashtag": {
       "version": "file:packages/lexical-hashtag",
       "requires": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/headless": {
       "version": "file:packages/lexical-headless",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/history": {
       "version": "file:packages/lexical-history",
       "requires": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/html": {
       "version": "file:packages/lexical-html",
       "requires": {
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/link": {
       "version": "file:packages/lexical-link",
       "requires": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/list": {
       "version": "file:packages/lexical-list",
       "requires": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/mark": {
       "version": "file:packages/lexical-mark",
       "requires": {
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/markdown": {
       "version": "file:packages/lexical-markdown",
       "requires": {
-        "@lexical/code": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/rich-text": "0.20.2",
-        "@lexical/text": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/code": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/rich-text": "0.21.0",
+        "@lexical/text": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/offset": {
       "version": "file:packages/lexical-offset",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/overflow": {
       "version": "file:packages/lexical-overflow",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/plain-text": {
       "version": "file:packages/lexical-plain-text",
       "requires": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/react": {
       "version": "file:packages/lexical-react",
       "requires": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/code": "0.20.2",
-        "@lexical/devtools-core": "0.20.2",
-        "@lexical/dragon": "0.20.2",
-        "@lexical/hashtag": "0.20.2",
-        "@lexical/history": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/mark": "0.20.2",
-        "@lexical/markdown": "0.20.2",
-        "@lexical/overflow": "0.20.2",
-        "@lexical/plain-text": "0.20.2",
-        "@lexical/rich-text": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "@lexical/text": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "@lexical/yjs": "0.20.2",
-        "lexical": "0.20.2",
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/code": "0.21.0",
+        "@lexical/devtools-core": "0.21.0",
+        "@lexical/dragon": "0.21.0",
+        "@lexical/hashtag": "0.21.0",
+        "@lexical/history": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/mark": "0.21.0",
+        "@lexical/markdown": "0.21.0",
+        "@lexical/overflow": "0.21.0",
+        "@lexical/plain-text": "0.21.0",
+        "@lexical/rich-text": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "@lexical/text": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "@lexical/yjs": "0.21.0",
+        "lexical": "0.21.0",
         "react-error-boundary": "^3.1.4"
       }
     },
     "@lexical/rich-text": {
       "version": "file:packages/lexical-rich-text",
       "requires": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/selection": {
       "version": "file:packages/lexical-selection",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/table": {
       "version": "file:packages/lexical-table",
       "requires": {
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/utils": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/utils": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/text": {
       "version": "file:packages/lexical-text",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "@lexical/utils": {
       "version": "file:packages/lexical-utils",
       "requires": {
-        "@lexical/list": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/list": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@lexical/website": {
@@ -44201,9 +44201,9 @@
     "@lexical/yjs": {
       "version": "file:packages/lexical-yjs",
       "requires": {
-        "@lexical/offset": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "lexical": "0.20.2"
+        "@lexical/offset": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "lexical": "0.21.0"
       }
     },
     "@mdx-js/mdx": {
@@ -56244,26 +56244,26 @@
         "@babel/plugin-transform-flow-strip-types": "^7.24.7",
         "@babel/preset-react": "^7.24.7",
         "@excalidraw/excalidraw": "^0.17.0",
-        "@lexical/clipboard": "0.20.2",
-        "@lexical/code": "0.20.2",
-        "@lexical/file": "0.20.2",
-        "@lexical/hashtag": "0.20.2",
-        "@lexical/link": "0.20.2",
-        "@lexical/list": "0.20.2",
-        "@lexical/mark": "0.20.2",
-        "@lexical/overflow": "0.20.2",
-        "@lexical/plain-text": "0.20.2",
-        "@lexical/react": "0.20.2",
-        "@lexical/rich-text": "0.20.2",
-        "@lexical/selection": "0.20.2",
-        "@lexical/table": "0.20.2",
-        "@lexical/utils": "0.20.2",
+        "@lexical/clipboard": "0.21.0",
+        "@lexical/code": "0.21.0",
+        "@lexical/file": "0.21.0",
+        "@lexical/hashtag": "0.21.0",
+        "@lexical/link": "0.21.0",
+        "@lexical/list": "0.21.0",
+        "@lexical/mark": "0.21.0",
+        "@lexical/overflow": "0.21.0",
+        "@lexical/plain-text": "0.21.0",
+        "@lexical/react": "0.21.0",
+        "@lexical/rich-text": "0.21.0",
+        "@lexical/selection": "0.21.0",
+        "@lexical/table": "0.21.0",
+        "@lexical/utils": "0.21.0",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^4.2.1",
         "katex": "^0.16.10",
-        "lexical": "0.20.2",
+        "lexical": "0.21.0",
         "lodash-es": "^4.17.21",
         "prettier": "^2.3.2",
         "react": "^18.2.0",
@@ -62551,7 +62551,7 @@
     "shared": {
       "version": "file:packages/shared",
       "requires": {
-        "lexical": "0.20.2"
+        "lexical": "0.21.0"
       }
     },
     "shebang-command": {
diff --git a/package.json b/package.json
index c7405f91d61..ba3ea744db2 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@lexical/monorepo",
   "description": "Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "license": "MIT",
   "private": true,
   "workspaces": [
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index a48073ab1cd..e6346978107 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -9,15 +9,15 @@
     "paste"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalClipboard.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.20.2",
-    "@lexical/list": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/html": "0.21.0",
+    "@lexical/list": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index a34c9c4b2a4..c6d27e70d3c 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -8,12 +8,12 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalCode.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0",
     "prismjs": "^1.27.0"
   },
   "repository": {
diff --git a/packages/lexical-devtools-core/package.json b/packages/lexical-devtools-core/package.json
index 96399206cb0..a195002ad88 100644
--- a/packages/lexical-devtools-core/package.json
+++ b/packages/lexical-devtools-core/package.json
@@ -8,16 +8,16 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalDevtoolsCore.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/html": "0.20.2",
-    "@lexical/link": "0.20.2",
-    "@lexical/mark": "0.20.2",
-    "@lexical/table": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/html": "0.21.0",
+    "@lexical/link": "0.21.0",
+    "@lexical/mark": "0.21.0",
+    "@lexical/table": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "peerDependencies": {
     "react": ">=17.x",
diff --git a/packages/lexical-devtools/package.json b/packages/lexical-devtools/package.json
index ca173691239..61eb55296d6 100644
--- a/packages/lexical-devtools/package.json
+++ b/packages/lexical-devtools/package.json
@@ -2,7 +2,7 @@
   "name": "@lexical/devtools",
   "description": "Lexical DevTools browser extension",
   "private": true,
-  "version": "0.20.2",
+  "version": "0.21.0",
   "type": "module",
   "scripts": {
     "dev": "wxt",
@@ -41,12 +41,12 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@lexical/devtools-core": "0.20.2",
+    "@lexical/devtools-core": "0.21.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
-    "lexical": "0.20.2",
+    "lexical": "0.21.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.2",
     "wxt": "^0.17.0"
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index 4ef705819d3..439d3678b97 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -9,7 +9,7 @@
     "accessibility"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalDragon.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-eslint-plugin/package.json b/packages/lexical-eslint-plugin/package.json
index 0358c0a7456..d3191b8a9c1 100644
--- a/packages/lexical-eslint-plugin/package.json
+++ b/packages/lexical-eslint-plugin/package.json
@@ -8,7 +8,7 @@
     "lexical",
     "editor"
   ],
-  "version": "0.20.2",
+  "version": "0.21.0",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index ed299c5722c..614ee42ed8f 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -10,7 +10,7 @@
     "export"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalFile.js",
   "types": "index.d.ts",
   "repository": {
@@ -38,6 +38,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index a2ce262bf58..4b7fbbf523b 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -8,12 +8,12 @@
     "hashtag"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalHashtag.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index 6a2b08f43f3..e50aac70eff 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -8,7 +8,7 @@
     "headless"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalHeadless.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index 308bd7b957e..644a935da80 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -8,12 +8,12 @@
     "history"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalHistory.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index 67d18e3c3d0..8f02327cbda 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -8,7 +8,7 @@
     "html"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalHtml.js",
   "types": "index.d.ts",
   "repository": {
@@ -17,9 +17,9 @@
     "directory": "packages/lexical-html"
   },
   "dependencies": {
-    "@lexical/selection": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/selection": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "module": "LexicalHtml.mjs",
   "sideEffects": false,
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 0734cc586b7..95b1797099a 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -8,12 +8,12 @@
     "link"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalLink.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index 82ed0595e08..0d179c2e933 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -8,12 +8,12 @@
     "list"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalList.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index 7baa740f9d7..25c4a02d3d7 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -8,12 +8,12 @@
     "mark"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalMark.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index d377f60cbea..3876ae9137d 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -8,17 +8,17 @@
     "markdown"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalMarkdown.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/code": "0.20.2",
-    "@lexical/link": "0.20.2",
-    "@lexical/list": "0.20.2",
-    "@lexical/rich-text": "0.20.2",
-    "@lexical/text": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/code": "0.21.0",
+    "@lexical/link": "0.21.0",
+    "@lexical/list": "0.21.0",
+    "@lexical/rich-text": "0.21.0",
+    "@lexical/text": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index ed9e7391244..9bdee1780be 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -8,7 +8,7 @@
     "offset"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalOffset.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index 5b00f98fd05..e61f16ccb92 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -8,7 +8,7 @@
     "overflow"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalOverflow.js",
   "types": "index.d.ts",
   "repository": {
@@ -36,6 +36,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index 14e3877491e..4d63568b927 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -7,7 +7,7 @@
     "plain-text"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalPlainText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/clipboard": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index ff91e2629fb..cd7ced6303f 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-playground",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -12,22 +12,22 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.17.0",
-    "@lexical/clipboard": "0.20.2",
-    "@lexical/code": "0.20.2",
-    "@lexical/file": "0.20.2",
-    "@lexical/hashtag": "0.20.2",
-    "@lexical/link": "0.20.2",
-    "@lexical/list": "0.20.2",
-    "@lexical/mark": "0.20.2",
-    "@lexical/overflow": "0.20.2",
-    "@lexical/plain-text": "0.20.2",
-    "@lexical/react": "0.20.2",
-    "@lexical/rich-text": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "@lexical/table": "0.20.2",
-    "@lexical/utils": "0.20.2",
+    "@lexical/clipboard": "0.21.0",
+    "@lexical/code": "0.21.0",
+    "@lexical/file": "0.21.0",
+    "@lexical/hashtag": "0.21.0",
+    "@lexical/link": "0.21.0",
+    "@lexical/list": "0.21.0",
+    "@lexical/mark": "0.21.0",
+    "@lexical/overflow": "0.21.0",
+    "@lexical/plain-text": "0.21.0",
+    "@lexical/react": "0.21.0",
+    "@lexical/rich-text": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "@lexical/table": "0.21.0",
+    "@lexical/utils": "0.21.0",
     "katex": "^0.16.10",
-    "lexical": "0.20.2",
+    "lexical": "0.21.0",
     "lodash-es": "^4.17.21",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index 5ab8da645a7..79482eb0db9 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -8,27 +8,27 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "dependencies": {
-    "@lexical/clipboard": "0.20.2",
-    "@lexical/code": "0.20.2",
-    "@lexical/devtools-core": "0.20.2",
-    "@lexical/dragon": "0.20.2",
-    "@lexical/hashtag": "0.20.2",
-    "@lexical/history": "0.20.2",
-    "@lexical/link": "0.20.2",
-    "@lexical/list": "0.20.2",
-    "@lexical/mark": "0.20.2",
-    "@lexical/markdown": "0.20.2",
-    "@lexical/overflow": "0.20.2",
-    "@lexical/plain-text": "0.20.2",
-    "@lexical/rich-text": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "@lexical/table": "0.20.2",
-    "@lexical/text": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "@lexical/yjs": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/clipboard": "0.21.0",
+    "@lexical/code": "0.21.0",
+    "@lexical/devtools-core": "0.21.0",
+    "@lexical/dragon": "0.21.0",
+    "@lexical/hashtag": "0.21.0",
+    "@lexical/history": "0.21.0",
+    "@lexical/link": "0.21.0",
+    "@lexical/list": "0.21.0",
+    "@lexical/mark": "0.21.0",
+    "@lexical/markdown": "0.21.0",
+    "@lexical/overflow": "0.21.0",
+    "@lexical/plain-text": "0.21.0",
+    "@lexical/rich-text": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "@lexical/table": "0.21.0",
+    "@lexical/text": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "@lexical/yjs": "0.21.0",
+    "lexical": "0.21.0",
     "react-error-boundary": "^3.1.4"
   },
   "peerDependencies": {
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index 50da7d934d5..aead90d4159 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -7,7 +7,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalRichText.js",
   "types": "index.d.ts",
   "repository": {
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@lexical/clipboard": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/clipboard": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index ef2f7e0cd85..368cce030b4 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -9,7 +9,7 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalSelection.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index 537ca81e74b..c112513f792 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -8,13 +8,13 @@
     "table"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalTable.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/clipboard": "0.20.2",
-    "@lexical/utils": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/clipboard": "0.21.0",
+    "@lexical/utils": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index 2d1b2a00aa6..28f28996d11 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -9,7 +9,7 @@
     "text"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalText.js",
   "types": "index.d.ts",
   "repository": {
@@ -37,6 +37,6 @@
     }
   },
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   }
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index 4180a845c97..1119cc3c614 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -8,14 +8,14 @@
     "utils"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalUtils.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/list": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "@lexical/table": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/list": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "@lexical/table": "0.21.0",
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/lexical-website/package.json b/packages/lexical-website/package.json
index 0009252a3ae..72a81071855 100644
--- a/packages/lexical-website/package.json
+++ b/packages/lexical-website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lexical/website",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index 709f9205686..c0e59c45cbc 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -11,13 +11,13 @@
     "crdt"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "LexicalYjs.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@lexical/offset": "0.20.2",
-    "@lexical/selection": "0.20.2",
-    "lexical": "0.20.2"
+    "@lexical/offset": "0.21.0",
+    "@lexical/selection": "0.21.0",
+    "lexical": "0.21.0"
   },
   "peerDependencies": {
     "yjs": ">=13.5.22"
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index 8dfa8f054c8..4d1dfb2f096 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -9,7 +9,7 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "main": "Lexical.js",
   "types": "index.d.ts",
   "repository": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index db57f14b276..573101e318f 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -8,9 +8,9 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "dependencies": {
-    "lexical": "0.20.2"
+    "lexical": "0.21.0"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
index d8c77bb8ae1..6f2e97d445a 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-astro-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lexical-esm-astro-react",
   "type": "module",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,12 +13,12 @@
   "dependencies": {
     "@astrojs/check": "^0.9.3",
     "@astrojs/react": "^3.1.0",
-    "@lexical/react": "0.20.2",
-    "@lexical/utils": "0.20.2",
+    "@lexical/react": "0.21.0",
+    "@lexical/utils": "0.21.0",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "astro": "^4.5.4",
-    "lexical": "0.20.2",
+    "lexical": "0.21.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.4.2"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
index 9fc71139745..2a7b23e34da 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-esm-nextjs",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,9 +9,9 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@lexical/plain-text": "0.20.2",
-    "@lexical/react": "0.20.2",
-    "lexical": "0.20.2",
+    "@lexical/plain-text": "0.21.0",
+    "@lexical/react": "0.21.0",
+    "lexical": "0.21.0",
     "next": "^14.2.1",
     "react": "^18",
     "react-dom": "^18"
diff --git a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
index 3a5e771437b..79ae305e4b2 100644
--- a/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
+++ b/scripts/__tests__/integration/fixtures/lexical-esm-sveltekit-vanilla-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lexical-sveltekit-vanilla-js",
-  "version": "0.20.2",
+  "version": "0.21.0",
   "private": true,
   "scripts": {
     "dev": "vite dev",
@@ -9,17 +9,17 @@
     "test": "playwright test"
   },
   "devDependencies": {
-    "@lexical/dragon": "0.20.2",
-    "@lexical/history": "0.20.2",
-    "@lexical/rich-text": "0.20.2",
-    "@lexical/utils": "0.20.2",
+    "@lexical/dragon": "0.21.0",
+    "@lexical/history": "0.21.0",
+    "@lexical/rich-text": "0.21.0",
+    "@lexical/utils": "0.21.0",
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "lexical": "0.20.2",
+    "lexical": "0.21.0",
     "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.19",

From 71454c3aaab32c21aed71d57b529bb2c94341ea8 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Mon, 2 Dec 2024 14:46:11 -0800
Subject: [PATCH 127/133] [lexical-link] Bug Fix: Preserve the start/end of the
 selection for non-text points when creating a LinkNode (#6883)

---
 .../__tests__/unit/LexicalLinkNode.test.ts    | 143 +++++++++---
 packages/lexical-link/src/index.ts            | 207 +++++++++++-------
 2 files changed, 241 insertions(+), 109 deletions(-)

diff --git a/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts b/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts
index 94582207ffc..a4c49cb6dfd 100644
--- a/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts
+++ b/packages/lexical-link/src/__tests__/unit/LexicalLinkNode.test.ts
@@ -15,14 +15,19 @@ import {
 } from '@lexical/link';
 import {$createMarkNode, $isMarkNode} from '@lexical/mark';
 import {
+  $createLineBreakNode,
   $createParagraphNode,
   $createTextNode,
   $getRoot,
+  $getSelection,
+  $isLineBreakNode,
+  $isRangeSelection,
+  $isTextNode,
   $selectAll,
   ParagraphNode,
+  RangeSelection,
   SerializedParagraphNode,
-  TextNode,
-} from 'lexical/src';
+} from 'lexical';
 import {initializeUnitTest} from 'lexical/src/__tests__/utils';
 
 const editorConfig = Object.freeze({
@@ -47,20 +52,20 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('/');
+        const linkNode = $createLinkNode('/');
 
         expect(linkNode.__type).toBe('link');
         expect(linkNode.__url).toBe('/');
       });
 
-      expect(() => new LinkNode('')).toThrow();
+      expect(() => $createLinkNode('')).toThrow();
     });
 
     test('LineBreakNode.clone()', async () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('/');
+        const linkNode = $createLinkNode('/');
 
         const linkNodeClone = LinkNode.clone(linkNode);
 
@@ -73,7 +78,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         expect(linkNode.getURL()).toBe('https://example.com/foo');
       });
@@ -83,7 +88,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         expect(linkNode.getURL()).toBe('https://example.com/foo');
 
@@ -97,7 +102,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           target: '_blank',
         });
 
@@ -109,7 +114,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           target: '_blank',
         });
 
@@ -125,7 +130,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           rel: 'noopener noreferrer',
           target: '_blank',
         });
@@ -138,7 +143,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           rel: 'noopener',
           target: '_blank',
         });
@@ -155,7 +160,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           title: 'Hello world',
         });
 
@@ -167,7 +172,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           title: 'Hello world',
         });
 
@@ -183,7 +188,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         expect(linkNode.createDOM(editorConfig).outerHTML).toBe(
           '<a href="https://example.com/foo" class="my-link-class"></a>',
@@ -201,7 +206,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           rel: 'noopener noreferrer',
           target: '_blank',
           title: 'Hello world',
@@ -226,7 +231,7 @@ describe('LexicalLinkNode tests', () => {
 
       await editor.update(() => {
         // eslint-disable-next-line no-script-url
-        const linkNode = new LinkNode('javascript:alert(0)');
+        const linkNode = $createLinkNode('javascript:alert(0)');
         expect(linkNode.createDOM(editorConfig).outerHTML).toBe(
           '<a href="about:blank" class="my-link-class"></a>',
         );
@@ -237,7 +242,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         const domElement = linkNode.createDOM(editorConfig);
 
@@ -245,7 +250,7 @@ describe('LexicalLinkNode tests', () => {
           '<a href="https://example.com/foo" class="my-link-class"></a>',
         );
 
-        const newLinkNode = new LinkNode('https://example.com/bar');
+        const newLinkNode = $createLinkNode('https://example.com/bar');
         const result = newLinkNode.updateDOM(
           linkNode,
           domElement,
@@ -263,7 +268,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           rel: 'noopener noreferrer',
           target: '_blank',
           title: 'Hello world',
@@ -275,7 +280,7 @@ describe('LexicalLinkNode tests', () => {
           '<a href="https://example.com/foo" target="_blank" rel="noopener noreferrer" title="Hello world" class="my-link-class"></a>',
         );
 
-        const newLinkNode = new LinkNode('https://example.com/bar', {
+        const newLinkNode = $createLinkNode('https://example.com/bar', {
           rel: 'noopener',
           target: '_self',
           title: 'World hello',
@@ -297,7 +302,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           rel: 'noopener noreferrer',
           target: '_blank',
           title: 'Hello world',
@@ -309,7 +314,7 @@ describe('LexicalLinkNode tests', () => {
           '<a href="https://example.com/foo" target="_blank" rel="noopener noreferrer" title="Hello world" class="my-link-class"></a>',
         );
 
-        const newLinkNode = new LinkNode('https://example.com/bar');
+        const newLinkNode = $createLinkNode('https://example.com/bar');
         const result = newLinkNode.updateDOM(
           linkNode,
           domElement,
@@ -327,7 +332,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         expect(linkNode.canInsertTextBefore()).toBe(false);
       });
@@ -337,7 +342,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         expect(linkNode.canInsertTextAfter()).toBe(false);
       });
@@ -347,7 +352,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo');
+        const linkNode = $createLinkNode('https://example.com/foo');
 
         const createdLinkNode = $createLinkNode('https://example.com/foo');
 
@@ -362,7 +367,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('https://example.com/foo', {
+        const linkNode = $createLinkNode('https://example.com/foo', {
           rel: 'noopener noreferrer',
           target: '_blank',
           title: 'Hello world',
@@ -388,7 +393,7 @@ describe('LexicalLinkNode tests', () => {
       const {editor} = testEnv;
 
       await editor.update(() => {
-        const linkNode = new LinkNode('');
+        const linkNode = $createLinkNode('');
 
         expect($isLinkNode(linkNode)).toBe(true);
       });
@@ -397,14 +402,27 @@ describe('LexicalLinkNode tests', () => {
     test('$toggleLink applies the title attribute when creating', async () => {
       const {editor} = testEnv;
       await editor.update(() => {
-        const p = new ParagraphNode();
-        p.append(new TextNode('Some text'));
+        const p = $createParagraphNode();
+        const textNode = $createTextNode('Some text');
+        p.append(textNode);
         $getRoot().append(p);
-      });
-
-      await editor.update(() => {
         $selectAll();
         $toggleLink('https://lexical.dev/', {title: 'Lexical Website'});
+        const linkNode = p.getFirstChild() as LinkNode;
+        expect($isLinkNode(linkNode)).toBe(true);
+        expect(linkNode.getTitle()).toBe('Lexical Website');
+        const selection = $getSelection() as RangeSelection;
+        expect($isRangeSelection(selection)).toBe(true);
+        expect(selection.anchor).toMatchObject({
+          key: textNode.getKey(),
+          offset: 0,
+          type: 'text',
+        });
+        expect(selection.focus).toMatchObject({
+          key: textNode.getKey(),
+          offset: textNode.getTextContentSize(),
+          type: 'text',
+        });
       });
 
       const paragraph = editor!.getEditorState().toJSON().root
@@ -442,6 +460,7 @@ describe('LexicalLinkNode tests', () => {
         expect(textNode.getTextContent()).toBe('some ');
 
         // Check link node and its nested structure
+        expect($isLinkNode(linkNode)).toBe(true);
         if ($isLinkNode(linkNode)) {
           expect(linkNode.getURL()).toBe('https://example.com/foo');
           expect(linkNode.getRel()).toBe('noreferrer');
@@ -470,6 +489,7 @@ describe('LexicalLinkNode tests', () => {
         expect(textNode.getTextContent()).toBe('some ');
 
         // Check mark node is preserved and moved up to paragraph level
+        expect($isMarkNode(markNode)).toBe(true);
         if ($isMarkNode(markNode)) {
           expect(markNode.getType()).toBe('mark');
           expect(markNode.getIDs()).toEqual(['knetk']);
@@ -477,5 +497,64 @@ describe('LexicalLinkNode tests', () => {
         }
       });
     });
+
+    test('$toggleLink adds link with embedded LineBreakNode', async () => {
+      const {editor} = testEnv;
+      await editor.update(() => {
+        const paragraph = $createParagraphNode();
+        const precedingText = $createTextNode('some '); // space after
+        const textNode = $createTextNode('text');
+        paragraph.append(precedingText, textNode, $createLineBreakNode());
+        $getRoot().clear().append(paragraph);
+        paragraph.select(1);
+        $toggleLink('https://example.com/foo', {
+          rel: 'noreferrer',
+        });
+      });
+
+      editor.read(() => {
+        const paragraph = $getRoot().getFirstChild() as ParagraphNode;
+        const [precedingText, linkNode] = paragraph.getChildren();
+
+        // Check first text node
+        expect(precedingText.getTextContent()).toBe('some ');
+
+        // Check link node and its nested structure
+        expect($isLinkNode(linkNode)).toBe(true);
+        if ($isLinkNode(linkNode)) {
+          expect(linkNode.getURL()).toBe('https://example.com/foo');
+          expect(linkNode.getRel()).toBe('noreferrer');
+          expect(
+            linkNode.getChildren().map((node) => node.getTextContent()),
+          ).toEqual(['text', '\n']);
+          expect($getSelection()).toMatchObject({
+            anchor: {
+              key: linkNode.getFirstChildOrThrow().getKey(),
+              offset: 0,
+              type: 'text',
+            },
+            focus: {key: linkNode.getKey(), offset: 2, type: 'element'},
+          });
+        }
+      });
+
+      await editor.update(() => {
+        $selectAll();
+        $toggleLink(null);
+      });
+
+      // Verify structure after link removal
+      editor.read(() => {
+        const paragraph = $getRoot().getFirstChild() as ParagraphNode;
+        const children = paragraph.getChildren();
+        expect(children.map((node) => node.getTextContent())).toEqual([
+          'some text',
+          '\n',
+        ]);
+        const [textNode, lineBreakNode] = children;
+        expect($isTextNode(textNode)).toBe(true);
+        expect($isLineBreakNode(lineBreakNode)).toBe(true);
+      });
+    });
   });
 });
diff --git a/packages/lexical-link/src/index.ts b/packages/lexical-link/src/index.ts
index 1ddb4dcec47..b2cdaefc89c 100644
--- a/packages/lexical-link/src/index.ts
+++ b/packages/lexical-link/src/index.ts
@@ -14,6 +14,7 @@ import type {
   LexicalCommand,
   LexicalNode,
   NodeKey,
+  Point,
   RangeSelection,
   SerializedElementNode,
 } from 'lexical';
@@ -28,10 +29,13 @@ import {
   $getSelection,
   $isElementNode,
   $isRangeSelection,
+  $normalizeSelection__EXPERIMENTAL,
+  $setSelection,
   createCommand,
   ElementNode,
   Spread,
 } from 'lexical';
+import invariant from 'shared/invariant';
 
 export type LinkAttributes = {
   rel?: null | string;
@@ -477,6 +481,66 @@ export const TOGGLE_LINK_COMMAND: LexicalCommand<
   string | ({url: string} & LinkAttributes) | null
 > = createCommand('TOGGLE_LINK_COMMAND');
 
+function $getPointNode(point: Point, offset: number): LexicalNode | null {
+  if (point.type === 'element') {
+    const node = point.getNode();
+    invariant(
+      $isElementNode(node),
+      '$getPointNode: element point is not an ElementNode',
+    );
+    const childNode = node.getChildren()[point.offset + offset];
+    return childNode || null;
+  }
+  return null;
+}
+
+/**
+ * Preserve the logical start/end of a RangeSelection in situations where
+ * the point is an element that may be reparented in the callback.
+ *
+ * @param $fn The function to run
+ * @returns The result of the callback
+ */
+function $withSelectedNodes<T>($fn: () => T): T {
+  const initialSelection = $getSelection();
+  if (!$isRangeSelection(initialSelection)) {
+    return $fn();
+  }
+  const normalized = $normalizeSelection__EXPERIMENTAL(initialSelection);
+  const isBackwards = normalized.isBackward();
+  const anchorNode = $getPointNode(normalized.anchor, isBackwards ? -1 : 0);
+  const focusNode = $getPointNode(normalized.focus, isBackwards ? 0 : -1);
+  const rval = $fn();
+  if (anchorNode || focusNode) {
+    const updatedSelection = $getSelection();
+    if ($isRangeSelection(updatedSelection)) {
+      const finalSelection = updatedSelection.clone();
+      if (anchorNode) {
+        const anchorParent = anchorNode.getParent();
+        if (anchorParent) {
+          finalSelection.anchor.set(
+            anchorParent.getKey(),
+            anchorNode.getIndexWithinParent() + (isBackwards ? 1 : 0),
+            'element',
+          );
+        }
+      }
+      if (focusNode) {
+        const focusParent = focusNode.getParent();
+        if (focusParent) {
+          finalSelection.focus.set(
+            focusParent.getKey(),
+            focusNode.getIndexWithinParent() + (isBackwards ? 0 : 1),
+            'element',
+          );
+        }
+      }
+      $setSelection($normalizeSelection__EXPERIMENTAL(finalSelection));
+    }
+  }
+  return rval;
+}
+
 /**
  * Generates or updates a LinkNode. It can also delete a LinkNode if the URL is null,
  * but saves any children and brings them up to the parent node.
@@ -515,93 +579,82 @@ export function $toggleLink(
         parentLink.remove();
       }
     });
-  } else {
-    // Add or merge LinkNodes
-    if (nodes.length === 1) {
-      const firstNode = nodes[0];
-      // if the first node is a LinkNode or if its
-      // parent is a LinkNode, we update the URL, target and rel.
-      const linkNode = $getAncestor(firstNode, $isLinkNode);
-      if (linkNode !== null) {
-        linkNode.setURL(url);
-        if (target !== undefined) {
-          linkNode.setTarget(target);
-        }
-        if (rel !== null) {
-          linkNode.setRel(rel);
-        }
-        if (title !== undefined) {
-          linkNode.setTitle(title);
-        }
-        return;
-      }
+    return;
+  }
+  const updatedNodes = new Set<NodeKey>();
+  const updateLinkNode = (linkNode: LinkNode) => {
+    if (updatedNodes.has(linkNode.getKey())) {
+      return;
+    }
+    updatedNodes.add(linkNode.getKey());
+    linkNode.setURL(url);
+    if (target !== undefined) {
+      linkNode.setTarget(target);
+    }
+    if (rel !== undefined) {
+      linkNode.setRel(rel);
     }
+    if (title !== undefined) {
+      linkNode.setTitle(title);
+    }
+  };
+  // Add or merge LinkNodes
+  if (nodes.length === 1) {
+    const firstNode = nodes[0];
+    // if the first node is a LinkNode or if its
+    // parent is a LinkNode, we update the URL, target and rel.
+    const linkNode = $getAncestor(firstNode, $isLinkNode);
+    if (linkNode !== null) {
+      return updateLinkNode(linkNode);
+    }
+  }
 
-    let prevParent: ElementNode | LinkNode | null = null;
+  $withSelectedNodes(() => {
     let linkNode: LinkNode | null = null;
-
-    nodes.forEach((node) => {
-      const parent = node.getParent();
-
-      if (
-        parent === linkNode ||
-        parent === null ||
-        ($isElementNode(node) && !node.isInline())
-      ) {
-        return;
+    for (const node of nodes) {
+      if (!node.isAttached()) {
+        continue;
       }
-
-      if ($isLinkNode(parent)) {
-        linkNode = parent;
-        parent.setURL(url);
-        if (target !== undefined) {
-          parent.setTarget(target);
-        }
-        if (rel !== null) {
-          linkNode.setRel(rel);
-        }
-        if (title !== undefined) {
-          linkNode.setTitle(title);
-        }
-        return;
+      const parentLinkNode = $getAncestor(node, $isLinkNode);
+      if (parentLinkNode) {
+        updateLinkNode(parentLinkNode);
+        continue;
       }
-
-      if (!parent.is(prevParent)) {
-        prevParent = parent;
-        linkNode = $createLinkNode(url, {rel, target, title});
-
-        if ($isLinkNode(parent)) {
-          if (node.getPreviousSibling() === null) {
-            parent.insertBefore(linkNode);
-          } else {
-            parent.insertAfter(linkNode);
-          }
-        } else {
-          node.insertBefore(linkNode);
-        }
-      }
-
-      if ($isLinkNode(node)) {
-        if (node.is(linkNode)) {
-          return;
+      if ($isElementNode(node)) {
+        if (!node.isInline()) {
+          // Ignore block nodes, if there are any children we will see them
+          // later and wrap in a new LinkNode
+          continue;
         }
-        if (linkNode !== null) {
-          const children = node.getChildren();
-
-          for (let i = 0; i < children.length; i++) {
-            linkNode.append(children[i]);
+        if ($isLinkNode(node)) {
+          // If it's not an autolink node and we don't already have a LinkNode
+          // in this block then we can update it and re-use it
+          if (
+            !$isAutoLinkNode(node) &&
+            (linkNode === null || !linkNode.getParentOrThrow().isParentOf(node))
+          ) {
+            updateLinkNode(node);
+            linkNode = node;
+            continue;
+          }
+          // Unwrap LinkNode, we already have one or it's an AutoLinkNode
+          for (const child of node.getChildren()) {
+            node.insertBefore(child);
           }
+          node.remove();
+          continue;
         }
-
-        node.remove();
-        return;
       }
-
-      if (linkNode !== null) {
-        linkNode.append(node);
+      const prevLinkNode = node.getPreviousSibling();
+      if ($isLinkNode(prevLinkNode) && prevLinkNode.is(linkNode)) {
+        prevLinkNode.append(node);
+        continue;
       }
-    });
-  }
+      linkNode = $createLinkNode(url, {rel, target, title});
+      node.insertAfter(linkNode);
+      linkNode.append(node);
+    }
+  });
 }
 /** @deprecated renamed to {@link $toggleLink} by @lexical/eslint-plugin rules-of-lexical */
 export const toggleLink = $toggleLink;

From a9dfc9359c82a4105dd30c24adbb885e6b97ae25 Mon Sep 17 00:00:00 2001
From: Ajaezo Kingsley <54126417+Kingscliq@users.noreply.github.com>
Date: Tue, 3 Dec 2024 05:30:36 +0100
Subject: [PATCH 128/133] [lexical-website][lexical-react] Documentation
 Update: documentation for LexicalTreeView plugin (#6898)

---
 .../lexical-react/src/LexicalTreeView.tsx     | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/packages/lexical-react/src/LexicalTreeView.tsx b/packages/lexical-react/src/LexicalTreeView.tsx
index db536de589b..1b7057b27ef 100644
--- a/packages/lexical-react/src/LexicalTreeView.tsx
+++ b/packages/lexical-react/src/LexicalTreeView.tsx
@@ -18,13 +18,31 @@ import {mergeRegister} from '@lexical/utils';
 import * as React from 'react';
 import {useEffect, useState} from 'react';
 
+/**
+ * TreeView is a React component that provides a visual representation of
+ * the Lexical editor's state and enables debugging features like time travel
+ * and custom tree node rendering.
+ *
+ * @param {Object} props - The properties passed to the TreeView component.
+ * @param {LexicalEditor} props.editor - The Lexical editor instance to be visualized and debugged.
+ * @param {string} [props.treeTypeButtonClassName] - Custom class name for the tree type toggle button.
+ * @param {string} [props.timeTravelButtonClassName] - Custom class name for the time travel toggle button.
+ * @param {string} [props.timeTravelPanelButtonClassName] - Custom class name for buttons inside the time travel panel.
+ * @param {string} [props.timeTravelPanelClassName] - Custom class name for the overall time travel panel container.
+ * @param {string} [props.timeTravelPanelSliderClassName] - Custom class name for the time travel slider in the panel.
+ * @param {string} [props.viewClassName] - Custom class name for the tree view container.
+ * @param {CustomPrintNodeFn} [props.customPrintNode] - A function for customizing the display of nodes in the tree.
+ *
+ * @returns {JSX.Element} - A React element that visualizes the editor's state and supports debugging interactions.
+ */
+
 export function TreeView({
   treeTypeButtonClassName,
   timeTravelButtonClassName,
   timeTravelPanelSliderClassName,
   timeTravelPanelButtonClassName,
-  viewClassName,
   timeTravelPanelClassName,
+  viewClassName,
   editor,
   customPrintNode,
 }: {
@@ -38,6 +56,7 @@ export function TreeView({
   customPrintNode?: CustomPrintNodeFn;
 }): JSX.Element {
   const treeElementRef = React.createRef<HTMLPreElement>();
+
   const [editorCurrentState, setEditorCurrentState] = useState<EditorState>(
     editor.getEditorState(),
   );
@@ -45,6 +64,7 @@ export function TreeView({
   const commandsLog = useLexicalCommandsLog(editor);
 
   useEffect(() => {
+    // Registers listeners to update the tree view when the editor state changes
     return mergeRegister(
       editor.registerUpdateListener(({editorState}) => {
         setEditorCurrentState(editorState);
@@ -59,16 +79,23 @@ export function TreeView({
     const element = treeElementRef.current;
 
     if (element !== null) {
-      // @ts-ignore Internal field
+      // Assigns the editor instance to the tree view DOM element for internal tracking
+      // @ts-ignore Internal field used by Lexical
       element.__lexicalEditor = editor;
 
       return () => {
-        // @ts-ignore Internal field
+        // Cleans up the reference when the component is unmounted
+        // @ts-ignore Internal field used by Lexical
         element.__lexicalEditor = null;
       };
     }
   }, [editor, treeElementRef]);
 
+  /**
+   * Handles toggling the readonly state of the editor.
+   *
+   * @param {boolean} isReadonly - Whether the editor should be set to readonly.
+   */
   const handleEditorReadOnly = (isReadonly: boolean) => {
     const rootElement = editor.getRootElement();
     if (rootElement == null) {
@@ -90,6 +117,7 @@ export function TreeView({
       editorState={editorCurrentState}
       setEditorState={(state) => editor.setEditorState(state)}
       generateContent={async function (exportDOM) {
+        // Generates the content for the tree view, allowing customization with exportDOM and customPrintNode
         return generateContent(editor, commandsLog, exportDOM, customPrintNode);
       }}
       ref={treeElementRef}

From b7fa4cf673869dac0c2e0c1fe667e71e72ff6adb Mon Sep 17 00:00:00 2001
From: Maksim Horbachevsky <fantactuka@gmail.com>
Date: Tue, 3 Dec 2024 11:57:49 -0500
Subject: [PATCH 129/133] Warn about "display: flex" container for the editor
 (#6901)

---
 packages/lexical/src/LexicalEditor.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/lexical/src/LexicalEditor.ts b/packages/lexical/src/LexicalEditor.ts
index 02be308ba84..1a67571c1a0 100644
--- a/packages/lexical/src/LexicalEditor.ts
+++ b/packages/lexical/src/LexicalEditor.ts
@@ -1070,6 +1070,19 @@ export class LexicalEditor {
         if (classNames != null) {
           nextRootElement.classList.add(...classNames);
         }
+        if (__DEV__) {
+          const nextRootElementParent = nextRootElement.parentElement;
+          if (
+            nextRootElementParent != null &&
+            ['flex', 'inline-flex'].includes(
+              getComputedStyle(nextRootElementParent).display,
+            )
+          ) {
+            console.warn(
+              `When using "display: flex" or "display: inline-flex" on an element containing content editable, Chrome may have unwanted focusing behavior when clicking outside of it. Consider wrapping the content editable within a non-flex element.`,
+            );
+          }
+        }
       } else {
         // If content editable is unmounted we'll reset editor state back to original
         // (or pending) editor state since there will be no reconciliation

From bccfeeece345a7bc00ac14ca2670cab3eb887f32 Mon Sep 17 00:00:00 2001
From: Oluwasanya Olaoluwa <vantageola4@gmail.com>
Date: Thu, 5 Dec 2024 08:22:47 +1100
Subject: [PATCH 130/133] [lexical-website] Fix: /docs/react/ "next" button
 links to itself (#6911)

---
 .../docs/react/create_plugin.md                |  6 +-----
 packages/lexical-website/docs/react/faq.md     | 15 ++++++---------
 packages/lexical-website/docs/react/index.md   |  8 ++------
 packages/lexical-website/docs/react/plugins.md | 18 ++++++++----------
 packages/lexical-website/sidebars.js           | 11 ++++++-----
 5 files changed, 23 insertions(+), 35 deletions(-)

diff --git a/packages/lexical-website/docs/react/create_plugin.md b/packages/lexical-website/docs/react/create_plugin.md
index 310d964672c..6ebf19263fe 100644
--- a/packages/lexical-website/docs/react/create_plugin.md
+++ b/packages/lexical-website/docs/react/create_plugin.md
@@ -1,7 +1,3 @@
----
-sidebar_position: 2
----
-
 # Creating a React Plugin
 
 In addition to using the Lexical React plugins offered by the core library, you can make your own plugins to extend or alter Lexical's functionality to suit your own use cases.
@@ -18,7 +14,7 @@ If the Plugin introduces new nodes, they have to be registered in `initialConfig
 
 ```js
 const initialConfig = {
-  namespace: "MyEditor",
+  namespace: 'MyEditor',
   nodes: [MyLexicalNode],
 };
 ```
diff --git a/packages/lexical-website/docs/react/faq.md b/packages/lexical-website/docs/react/faq.md
index c98dce9be91..b63a2295e5a 100644
--- a/packages/lexical-website/docs/react/faq.md
+++ b/packages/lexical-website/docs/react/faq.md
@@ -1,6 +1,3 @@
----
----
-
 # React FAQ
 
 ## My app does not work in dev when using StrictMode, help!?
@@ -14,18 +11,18 @@ conventions and guidelines. This is a great place to start:
 Some Lexical-specific concerns (which are consequences of React's
 concurrent and StrictMode semantics, not due to anything unusual in Lexical):
 
-* In React 19, `useMemo` calls are cached across StrictMode re-renders, so
+- In React 19, `useMemo` calls are cached across StrictMode re-renders, so
   only one editor will be used for both renders. If you have a `useEffect`
   call with side-effects (such as updating the document when a plug-in
   initializes), then you should first check to make sure that this effect
   has not already occurred (e.g. by checking the state of the document or
   undoing the change as a cleanup function returned by the effect)
-* `LexicalComposer`'s initialConfig prop is only considered once during
+- `LexicalComposer`'s initialConfig prop is only considered once during
   the first render (`useMemo` is used to create the `LexicalComposerContext`
   which includes the editor and theme)
-* If you are using an `editorState` argument in the config when creating the
+- If you are using an `editorState` argument in the config when creating the
   editor, it will only be called once when the editor is created.
-* You should generally prefer to use hooks that return state such as
+- You should generally prefer to use hooks that return state such as
   `useLexicalEditable` (`useLexicalSubscription` is a generalization of this
   style) rather than manually registering the listeners and expecting a
   particular sequence of triggers to be called, especially
@@ -45,10 +42,10 @@ build of Lexical that the hook was imported from.
 
 The most common root causes of this issue are:
 
-* You are trying to use `useLexicalComposerContext()` in a component that is
+- You are trying to use `useLexicalComposerContext()` in a component that is
   not a child of the `LexicalComposer`. If you need to do that, you need to
   pass the context or editor up the tree with something like `EditorRefPlugin`.
-* You have multiple builds of Lexical in your project. This could be because
+- You have multiple builds of Lexical in your project. This could be because
   you have a dependency that has a direct dependency on some other version
   of Lexical (these packages should have Lexical as `peerDependencies`, but
   not all do), or because your project mixes import and require statements
diff --git a/packages/lexical-website/docs/react/index.md b/packages/lexical-website/docs/react/index.md
index b0150b10116..1b811e5b517 100644
--- a/packages/lexical-website/docs/react/index.md
+++ b/packages/lexical-website/docs/react/index.md
@@ -1,9 +1,5 @@
 ---
-id: "index"
-title: "Lexical API"
-sidebar_label: "Introduction"
-sidebar_position: 0
-custom_edit_url: null
+sidebar_label: 'Introduction'
 ---
 
 # Lexical + React
@@ -13,7 +9,7 @@ To make it easier for React users to implement rich-text editors, Lexical expose
 <a
     class="whitespace-nowrap rounded-md bg-blue-500 px-6 py-2 text-sm font-bold text-white transition-opacity hover:text-white hover:no-underline hover:opacity-90"
     href="/docs/getting-started/react">
-    {`Getting Started Guide`}
+{`Getting Started Guide`}
 </a>
 
 ## Supported Versions
diff --git a/packages/lexical-website/docs/react/plugins.md b/packages/lexical-website/docs/react/plugins.md
index c40f8c22251..3f6d24cc9d5 100644
--- a/packages/lexical-website/docs/react/plugins.md
+++ b/packages/lexical-website/docs/react/plugins.md
@@ -1,7 +1,3 @@
----
-sidebar_position: 1
----
-
 # Lexical Plugins
 
 React-based plugins are using Lexical editor instance from `<LexicalComposer>` context:
@@ -29,7 +25,7 @@ const initialConfig = {
   <HistoryPlugin />
   <OnChangePlugin onChange={onChange} />
   ...
-</LexicalComposer>
+</LexicalComposer>;
 ```
 
 > Note: Many plugins might require you to register the one or many Lexical nodes in order for the plugin to work. You can do this by passing a reference to the node to the `nodes` array in your initial editor configuration.
@@ -184,7 +180,9 @@ In order to use `TableOfContentsPlugin`, you need to pass a callback function in
 ```jsx
 <TableOfContentsPlugin>
   {(tableOfContentsArray) => {
-    return <MyCustomTableOfContentsPlugin tableOfContents={tableOfContentsArray} />;
+    return (
+      <MyCustomTableOfContentsPlugin tableOfContents={tableOfContentsArray} />
+    );
   }}
 </TableOfContentsPlugin>
 ```
@@ -195,8 +193,8 @@ Allows you to get a ref to the underlying editor instance outside of LexicalComp
 from a separate part of your application.
 
 ```jsx
-  const editorRef = useRef(null);
-  <EditorRefPlugin editorRef={editorRef} />
+const editorRef = useRef(null);
+<EditorRefPlugin editorRef={editorRef} />;
 ```
 
 ### `LexicalSelectionAlwaysOnDisplay`
@@ -204,5 +202,5 @@ from a separate part of your application.
 By default, browser text selection becomes invisible when clicking away from the editor. This plugin ensures the selection remains visible.
 
 ```jsx
-  <SelectionAlwaysOnDisplay />
-```
\ No newline at end of file
+<SelectionAlwaysOnDisplay />
+```
diff --git a/packages/lexical-website/sidebars.js b/packages/lexical-website/sidebars.js
index d1f61b1374a..523933de4c2 100644
--- a/packages/lexical-website/sidebars.js
+++ b/packages/lexical-website/sidebars.js
@@ -71,12 +71,13 @@ const sidebars = {
           type: 'category',
         },
     {
-      items: [{dirName: 'react', type: 'autogenerated'}],
+      items: [
+        'react/index',
+        'react/plugins',
+        'react/create_plugin',
+        'react/faq',
+      ],
       label: 'React',
-      link: {
-        id: 'react/index',
-        type: 'doc',
-      },
       type: 'category',
     },
     {

From 97481c9d1035c8759f2b94897847e7d0e2b0c12a Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Fri, 6 Dec 2024 06:56:51 -0800
Subject: [PATCH 131/133] [lexical-table][lexical-utils][lexical-react]: Bug
 Fix: Enforce table integrity with transforms and move non-React plugin code
 to @lexical/table (#6914)

---
 .../__tests__/e2e/Tables.spec.mjs             |  12 +-
 .../src/plugins/TablePlugin.tsx               |  46 +--
 .../lexical-react/src/LexicalTablePlugin.ts   | 211 +-----------
 .../src/shared/useCharacterLimit.ts           |  14 +-
 .../lexical-table/flow/LexicalTable.js.flow   |  14 +-
 .../lexical-table/src/LexicalTableCellNode.ts |   2 +-
 .../lexical-table/src/LexicalTableNode.ts     |   9 +-
 .../src/LexicalTablePluginHelpers.ts          | 275 +++++++++++++++
 .../lexical-table/src/LexicalTableRowNode.ts  |   8 +-
 .../__tests__/unit/LexicalTableNode.test.tsx  | 312 ++++++++++++++++++
 packages/lexical-table/src/index.ts           |   5 +
 .../lexical-utils/flow/LexicalUtils.js.flow   |  11 +
 .../unit/descendantsMatching.test.tsx         |  84 +++++
 .../src/__tests__/unit/iterators.test.tsx     | 216 ++++++++++++
 .../unit/unwrapAndFilterDescendants.test.tsx  | 101 ++++++
 packages/lexical-utils/src/index.ts           | 155 +++++++++
 .../src/__tests__/unit/LexicalEditor.test.tsx |   4 +-
 17 files changed, 1217 insertions(+), 262 deletions(-)
 create mode 100644 packages/lexical-table/src/LexicalTablePluginHelpers.ts
 create mode 100644 packages/lexical-utils/src/__tests__/unit/descendantsMatching.test.tsx
 create mode 100644 packages/lexical-utils/src/__tests__/unit/iterators.test.tsx
 create mode 100644 packages/lexical-utils/src/__tests__/unit/unwrapAndFilterDescendants.test.tsx

diff --git a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
index 4fd7ca25b30..1cf4e25a7b1 100644
--- a/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
+++ b/packages/lexical-playground/__tests__/e2e/Tables.spec.mjs
@@ -3737,7 +3737,9 @@ test.describe.parallel('Tables', () => {
                 <span data-lexical-text="true">Hello world</span>
               </p>
             </td>
-            <td class="PlaygroundEditorTheme__tableCell"><br /></td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
             <td class="PlaygroundEditorTheme__tableCell">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
@@ -3747,8 +3749,12 @@ test.describe.parallel('Tables', () => {
             </td>
           </tr>
           <tr>
-            <td class="PlaygroundEditorTheme__tableCell"><br /></td>
-            <td class="PlaygroundEditorTheme__tableCell"><br /></td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
+            <td class="PlaygroundEditorTheme__tableCell">
+              <p class="PlaygroundEditorTheme__paragraph"><br /></p>
+            </td>
             <td class="PlaygroundEditorTheme__tableCell">
               <p
                 class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
diff --git a/packages/lexical-playground/src/plugins/TablePlugin.tsx b/packages/lexical-playground/src/plugins/TablePlugin.tsx
index e53ef957546..795c784335e 100644
--- a/packages/lexical-playground/src/plugins/TablePlugin.tsx
+++ b/packages/lexical-playground/src/plugins/TablePlugin.tsx
@@ -8,22 +8,13 @@
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {
-  $createTableNodeWithDimensions,
   INSERT_TABLE_COMMAND,
+  TableCellNode,
   TableNode,
+  TableRowNode,
 } from '@lexical/table';
-import {
-  $insertNodes,
-  COMMAND_PRIORITY_EDITOR,
-  createCommand,
-  EditorThemeClasses,
-  Klass,
-  LexicalCommand,
-  LexicalEditor,
-  LexicalNode,
-} from 'lexical';
+import {EditorThemeClasses, Klass, LexicalEditor, LexicalNode} from 'lexical';
 import {createContext, useContext, useEffect, useMemo, useState} from 'react';
-import * as React from 'react';
 import invariant from 'shared/invariant';
 
 import Button from '../ui/Button';
@@ -53,9 +44,6 @@ export type CellEditorConfig = Readonly<{
   theme?: EditorThemeClasses;
 }>;
 
-export const INSERT_NEW_TABLE_COMMAND: LexicalCommand<InsertTableCommandPayload> =
-  createCommand('INSERT_NEW_TABLE_COMMAND');
-
 export const CellContext = createContext<CellContextShape>({
   cellEditorConfig: null,
   cellEditorPlugins: null,
@@ -155,28 +143,16 @@ export function TablePlugin({
 }): JSX.Element | null {
   const [editor] = useLexicalComposerContext();
   const cellContext = useContext(CellContext);
-
   useEffect(() => {
-    if (!editor.hasNodes([TableNode])) {
-      invariant(false, 'TablePlugin: TableNode is not registered on editor');
+    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {
+      invariant(
+        false,
+        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',
+      );
     }
-
+  }, [editor]);
+  useEffect(() => {
     cellContext.set(cellEditorConfig, children);
-
-    return editor.registerCommand<InsertTableCommandPayload>(
-      INSERT_NEW_TABLE_COMMAND,
-      ({columns, rows, includeHeaders}) => {
-        const tableNode = $createTableNodeWithDimensions(
-          Number(rows),
-          Number(columns),
-          includeHeaders,
-        );
-        $insertNodes([tableNode]);
-        return true;
-      },
-      COMMAND_PRIORITY_EDITOR,
-    );
-  }, [cellContext, cellEditorConfig, children, editor]);
-
+  }, [cellContext, cellEditorConfig, children]);
   return null;
 }
diff --git a/packages/lexical-react/src/LexicalTablePlugin.ts b/packages/lexical-react/src/LexicalTablePlugin.ts
index a5c43d17c65..7d91b0b576c 100644
--- a/packages/lexical-react/src/LexicalTablePlugin.ts
+++ b/packages/lexical-react/src/LexicalTablePlugin.ts
@@ -6,43 +6,15 @@
  *
  */
 
-import type {
-  HTMLTableElementWithWithTableSelectionState,
-  InsertTableCommandPayload,
-  TableObserver,
-} from '@lexical/table';
-import type {NodeKey} from 'lexical';
-
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {
-  $computeTableMap,
-  $computeTableMapSkipCellCheck,
-  $createTableCellNode,
-  $createTableNodeWithDimensions,
-  $getNodeTriplet,
-  $getTableAndElementByKey,
-  $isTableCellNode,
-  $isTableRowNode,
-  applyTableHandlers,
-  getTableElement,
-  INSERT_TABLE_COMMAND,
+  registerTableCellUnmergeTransform,
+  registerTablePlugin,
+  registerTableSelectionObserver,
   setScrollableTablesActive,
   TableCellNode,
-  TableNode,
-  TableRowNode,
 } from '@lexical/table';
-import {
-  $insertFirst,
-  $insertNodeToNearestRoot,
-  mergeRegister,
-} from '@lexical/utils';
-import {
-  $createParagraphNode,
-  $isTextNode,
-  COMMAND_PRIORITY_EDITOR,
-} from 'lexical';
 import {useEffect} from 'react';
-import invariant from 'shared/invariant';
 
 export interface TablePluginProps {
   /**
@@ -82,181 +54,18 @@ export function TablePlugin({
     setScrollableTablesActive(editor, hasHorizontalScroll);
   }, [editor, hasHorizontalScroll]);
 
-  useEffect(() => {
-    if (!editor.hasNodes([TableNode, TableCellNode, TableRowNode])) {
-      invariant(
-        false,
-        'TablePlugin: TableNode, TableCellNode or TableRowNode not registered on editor',
-      );
-    }
-
-    return mergeRegister(
-      editor.registerCommand<InsertTableCommandPayload>(
-        INSERT_TABLE_COMMAND,
-        ({columns, rows, includeHeaders}) => {
-          const tableNode = $createTableNodeWithDimensions(
-            Number(rows),
-            Number(columns),
-            includeHeaders,
-          );
-          $insertNodeToNearestRoot(tableNode);
-
-          const firstDescendant = tableNode.getFirstDescendant();
-          if ($isTextNode(firstDescendant)) {
-            firstDescendant.select();
-          }
-
-          return true;
-        },
-        COMMAND_PRIORITY_EDITOR,
-      ),
-      editor.registerNodeTransform(TableNode, (node) => {
-        const [gridMap] = $computeTableMapSkipCellCheck(node, null, null);
-        const maxRowLength = gridMap.reduce((curLength, row) => {
-          return Math.max(curLength, row.length);
-        }, 0);
-        const rowNodes = node.getChildren();
-        for (let i = 0; i < gridMap.length; ++i) {
-          const rowNode = rowNodes[i];
-          if (!rowNode) {
-            continue;
-          }
-          const rowLength = gridMap[i].reduce(
-            (acc, cell) => (cell ? 1 + acc : acc),
-            0,
-          );
-          if (rowLength === maxRowLength) {
-            continue;
-          }
-          for (let j = rowLength; j < maxRowLength; ++j) {
-            // TODO: inherit header state from another header or body
-            const newCell = $createTableCellNode(0);
-            newCell.append($createParagraphNode());
-            (rowNode as TableRowNode).append(newCell);
-          }
-        }
-      }),
-    );
-  }, [editor]);
+  useEffect(() => registerTablePlugin(editor), [editor]);
 
-  useEffect(() => {
-    const tableSelections = new Map<
-      NodeKey,
-      [TableObserver, HTMLTableElementWithWithTableSelectionState]
-    >();
-
-    const initializeTableNode = (
-      tableNode: TableNode,
-      nodeKey: NodeKey,
-      dom: HTMLElement,
-    ) => {
-      const tableElement = getTableElement(tableNode, dom);
-      const tableSelection = applyTableHandlers(
-        tableNode,
-        tableElement,
-        editor,
-        hasTabHandler,
-      );
-      tableSelections.set(nodeKey, [tableSelection, tableElement]);
-    };
-
-    const unregisterMutationListener = editor.registerMutationListener(
-      TableNode,
-      (nodeMutations) => {
-        editor.getEditorState().read(
-          () => {
-            for (const [nodeKey, mutation] of nodeMutations) {
-              const tableSelection = tableSelections.get(nodeKey);
-              if (mutation === 'created' || mutation === 'updated') {
-                const {tableNode, tableElement} =
-                  $getTableAndElementByKey(nodeKey);
-                if (tableSelection === undefined) {
-                  initializeTableNode(tableNode, nodeKey, tableElement);
-                } else if (tableElement !== tableSelection[1]) {
-                  // The update created a new DOM node, destroy the existing TableObserver
-                  tableSelection[0].removeListeners();
-                  tableSelections.delete(nodeKey);
-                  initializeTableNode(tableNode, nodeKey, tableElement);
-                }
-              } else if (mutation === 'destroyed') {
-                if (tableSelection !== undefined) {
-                  tableSelection[0].removeListeners();
-                  tableSelections.delete(nodeKey);
-                }
-              }
-            }
-          },
-          {editor},
-        );
-      },
-      {skipInitialization: false},
-    );
-
-    return () => {
-      unregisterMutationListener();
-      // Hook might be called multiple times so cleaning up tables listeners as well,
-      // as it'll be reinitialized during recurring call
-      for (const [, [tableSelection]] of tableSelections) {
-        tableSelection.removeListeners();
-      }
-    };
-  }, [editor, hasTabHandler]);
+  useEffect(
+    () => registerTableSelectionObserver(editor, hasTabHandler),
+    [editor, hasTabHandler],
+  );
 
   // Unmerge cells when the feature isn't enabled
   useEffect(() => {
-    if (hasCellMerge) {
-      return;
+    if (!hasCellMerge) {
+      return registerTableCellUnmergeTransform(editor);
     }
-    return editor.registerNodeTransform(TableCellNode, (node) => {
-      if (node.getColSpan() > 1 || node.getRowSpan() > 1) {
-        // When we have rowSpan we have to map the entire Table to understand where the new Cells
-        // fit best; let's analyze all Cells at once to save us from further transform iterations
-        const [, , gridNode] = $getNodeTriplet(node);
-        const [gridMap] = $computeTableMap(gridNode, node, node);
-        // TODO this function expects Tables to be normalized. Look into this once it exists
-        const rowsCount = gridMap.length;
-        const columnsCount = gridMap[0].length;
-        let row = gridNode.getFirstChild();
-        invariant(
-          $isTableRowNode(row),
-          'Expected TableNode first child to be a RowNode',
-        );
-        const unmerged = [];
-        for (let i = 0; i < rowsCount; i++) {
-          if (i !== 0) {
-            row = row.getNextSibling();
-            invariant(
-              $isTableRowNode(row),
-              'Expected TableNode first child to be a RowNode',
-            );
-          }
-          let lastRowCell: null | TableCellNode = null;
-          for (let j = 0; j < columnsCount; j++) {
-            const cellMap = gridMap[i][j];
-            const cell = cellMap.cell;
-            if (cellMap.startRow === i && cellMap.startColumn === j) {
-              lastRowCell = cell;
-              unmerged.push(cell);
-            } else if (cell.getColSpan() > 1 || cell.getRowSpan() > 1) {
-              invariant(
-                $isTableCellNode(cell),
-                'Expected TableNode cell to be a TableCellNode',
-              );
-              const newCell = $createTableCellNode(cell.__headerState);
-              if (lastRowCell !== null) {
-                lastRowCell.insertAfter(newCell);
-              } else {
-                $insertFirst(row, newCell);
-              }
-            }
-          }
-        }
-        for (const cell of unmerged) {
-          cell.setColSpan(1);
-          cell.setRowSpan(1);
-        }
-      }
-    });
   }, [editor, hasCellMerge]);
 
   // Remove cell background color when feature is disabled
diff --git a/packages/lexical-react/src/shared/useCharacterLimit.ts b/packages/lexical-react/src/shared/useCharacterLimit.ts
index 8e1e4f813c0..75d8e58040b 100644
--- a/packages/lexical-react/src/shared/useCharacterLimit.ts
+++ b/packages/lexical-react/src/shared/useCharacterLimit.ts
@@ -14,7 +14,7 @@ import {
   OverflowNode,
 } from '@lexical/overflow';
 import {$rootTextContent} from '@lexical/text';
-import {$dfs, mergeRegister} from '@lexical/utils';
+import {$dfs, $unwrapNode, mergeRegister} from '@lexical/utils';
 import {
   $getSelection,
   $isElementNode,
@@ -254,18 +254,6 @@ function $wrapNode(node: LexicalNode): OverflowNode {
   return overflowNode;
 }
 
-function $unwrapNode(node: OverflowNode): LexicalNode | null {
-  const children = node.getChildren();
-  const childrenLength = children.length;
-
-  for (let i = 0; i < childrenLength; i++) {
-    node.insertBefore(children[i]);
-  }
-
-  node.remove();
-  return childrenLength > 0 ? children[childrenLength - 1] : null;
-}
-
 export function $mergePrevious(overflowNode: OverflowNode): void {
   const previousNode = overflowNode.getPreviousSibling();
 
diff --git a/packages/lexical-table/flow/LexicalTable.js.flow b/packages/lexical-table/flow/LexicalTable.js.flow
index 2674a125f50..0d3af559ed3 100644
--- a/packages/lexical-table/flow/LexicalTable.js.flow
+++ b/packages/lexical-table/flow/LexicalTable.js.flow
@@ -75,7 +75,7 @@ declare export class TableCellNode extends ElementNode {
   canBeEmpty(): false;
 }
 declare export function $createTableCellNode(
-  headerState: TableCellHeaderState,
+  headerState?: TableCellHeaderState,
   colSpan?: number,
   width?: ?number,
 ): TableCellNode;
@@ -350,4 +350,14 @@ export type InsertTableCommandPayload = $ReadOnly<{
   includeHeaders?: InsertTableCommandPayloadHeaders;
 }>;
 
-declare export var INSERT_TABLE_COMMAND: LexicalCommand<InsertTableCommandPayload>;
\ No newline at end of file
+declare export var INSERT_TABLE_COMMAND: LexicalCommand<InsertTableCommandPayload>;
+
+/**
+ * LexicalTablePluginHelpers
+ */
+
+declare export function registerTableCellUnmergeTransform(editor: LexicalEditor): () => void;
+
+declare export function registerTablePlugin(editor: LexicalEditor): () => void;
+
+declare export function registerTableSelectionObserver(editor: LexicalEditor, hasTabHandler?: boolean): () => void;
diff --git a/packages/lexical-table/src/LexicalTableCellNode.ts b/packages/lexical-table/src/LexicalTableCellNode.ts
index 2b00b8dfb6e..795779c4990 100644
--- a/packages/lexical-table/src/LexicalTableCellNode.ts
+++ b/packages/lexical-table/src/LexicalTableCellNode.ts
@@ -366,7 +366,7 @@ export function $convertTableCellNodeElement(
 }
 
 export function $createTableCellNode(
-  headerState: TableCellHeaderState,
+  headerState: TableCellHeaderState = TableCellHeaderStates.NO_STATUS,
   colSpan = 1,
   width?: number,
 ): TableCellNode {
diff --git a/packages/lexical-table/src/LexicalTableNode.ts b/packages/lexical-table/src/LexicalTableNode.ts
index 4a4a2c970fa..636613346b3 100644
--- a/packages/lexical-table/src/LexicalTableNode.ts
+++ b/packages/lexical-table/src/LexicalTableNode.ts
@@ -6,9 +6,8 @@
  *
  */
 
-import type {TableRowNode} from './LexicalTableRowNode';
-
 import {
+  $descendantsMatching,
   addClassNamesToElement,
   isHTMLElement,
   removeClassNamesFromElement,
@@ -36,6 +35,7 @@ import invariant from 'shared/invariant';
 import {PIXEL_VALUE_REG_EXP} from './constants';
 import {$isTableCellNode, type TableCellNode} from './LexicalTableCellNode';
 import {TableDOMCell, TableDOMTable} from './LexicalTableObserver';
+import {$isTableRowNode, type TableRowNode} from './LexicalTableRowNode';
 import {
   $getNearestTableCellInTableFromDOMNode,
   getTable,
@@ -498,7 +498,10 @@ export function $convertTableElement(
       tableNode.setColWidths(columns);
     }
   }
-  return {node: tableNode};
+  return {
+    after: (children) => $descendantsMatching(children, $isTableRowNode),
+    node: tableNode,
+  };
 }
 
 export function $createTableNode(): TableNode {
diff --git a/packages/lexical-table/src/LexicalTablePluginHelpers.ts b/packages/lexical-table/src/LexicalTablePluginHelpers.ts
new file mode 100644
index 00000000000..ae7ee4547e2
--- /dev/null
+++ b/packages/lexical-table/src/LexicalTablePluginHelpers.ts
@@ -0,0 +1,275 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {
+  $insertFirst,
+  $insertNodeToNearestRoot,
+  $unwrapAndFilterDescendants,
+  mergeRegister,
+} from '@lexical/utils';
+import {
+  $createParagraphNode,
+  $isTextNode,
+  COMMAND_PRIORITY_EDITOR,
+  LexicalEditor,
+  NodeKey,
+} from 'lexical';
+import invariant from 'shared/invariant';
+
+import {
+  $createTableCellNode,
+  $isTableCellNode,
+  TableCellNode,
+} from './LexicalTableCellNode';
+import {
+  INSERT_TABLE_COMMAND,
+  InsertTableCommandPayload,
+} from './LexicalTableCommands';
+import {$isTableNode, TableNode} from './LexicalTableNode';
+import {$getTableAndElementByKey, TableObserver} from './LexicalTableObserver';
+import {$isTableRowNode, TableRowNode} from './LexicalTableRowNode';
+import {
+  applyTableHandlers,
+  getTableElement,
+  HTMLTableElementWithWithTableSelectionState,
+} from './LexicalTableSelectionHelpers';
+import {
+  $computeTableMap,
+  $computeTableMapSkipCellCheck,
+  $createTableNodeWithDimensions,
+  $getNodeTriplet,
+} from './LexicalTableUtils';
+
+function $insertTableCommandListener({
+  rows,
+  columns,
+  includeHeaders,
+}: InsertTableCommandPayload): boolean {
+  const tableNode = $createTableNodeWithDimensions(
+    Number(rows),
+    Number(columns),
+    includeHeaders,
+  );
+  $insertNodeToNearestRoot(tableNode);
+
+  const firstDescendant = tableNode.getFirstDescendant();
+  if ($isTextNode(firstDescendant)) {
+    firstDescendant.select();
+  }
+
+  return true;
+}
+
+function $tableCellTransform(node: TableCellNode) {
+  if (!$isTableRowNode(node.getParent())) {
+    // TableCellNode must be a child of TableRowNode.
+    node.remove();
+  } else if (node.isEmpty()) {
+    // TableCellNode should never be empty
+    node.append($createParagraphNode());
+  }
+}
+
+function $tableRowTransform(node: TableRowNode) {
+  if (!$isTableNode(node.getParent())) {
+    // TableRowNode must be a child of TableNode.
+    // TODO: Future support of tbody/thead/tfoot may change this
+    node.remove();
+  } else {
+    $unwrapAndFilterDescendants(node, $isTableCellNode);
+  }
+}
+
+function $tableTransform(node: TableNode) {
+  // TableRowNode is the only valid child for TableNode
+  // TODO: Future support of tbody/thead/tfoot/caption may change this
+  $unwrapAndFilterDescendants(node, $isTableRowNode);
+
+  const [gridMap] = $computeTableMapSkipCellCheck(node, null, null);
+  const maxRowLength = gridMap.reduce((curLength, row) => {
+    return Math.max(curLength, row.length);
+  }, 0);
+  const rowNodes = node.getChildren();
+  for (let i = 0; i < gridMap.length; ++i) {
+    const rowNode = rowNodes[i];
+    if (!rowNode) {
+      continue;
+    }
+    invariant(
+      $isTableRowNode(rowNode),
+      'TablePlugin: Expecting all children of TableNode to be TableRowNode, found %s (type %s)',
+      rowNode.constructor.name,
+      rowNode.getType(),
+    );
+    const rowLength = gridMap[i].reduce(
+      (acc, cell) => (cell ? 1 + acc : acc),
+      0,
+    );
+    if (rowLength === maxRowLength) {
+      continue;
+    }
+    for (let j = rowLength; j < maxRowLength; ++j) {
+      // TODO: inherit header state from another header or body
+      const newCell = $createTableCellNode();
+      newCell.append($createParagraphNode());
+      rowNode.append(newCell);
+    }
+  }
+}
+
+/**
+ * Register a transform to ensure that all TableCellNode have a colSpan and rowSpan of 1.
+ * This should only be registered when you do not want to support merged cells.
+ *
+ * @param editor The editor
+ * @returns An unregister callback
+ */
+export function registerTableCellUnmergeTransform(
+  editor: LexicalEditor,
+): () => void {
+  return editor.registerNodeTransform(TableCellNode, (node) => {
+    if (node.getColSpan() > 1 || node.getRowSpan() > 1) {
+      // When we have rowSpan we have to map the entire Table to understand where the new Cells
+      // fit best; let's analyze all Cells at once to save us from further transform iterations
+      const [, , gridNode] = $getNodeTriplet(node);
+      const [gridMap] = $computeTableMap(gridNode, node, node);
+      // TODO this function expects Tables to be normalized. Look into this once it exists
+      const rowsCount = gridMap.length;
+      const columnsCount = gridMap[0].length;
+      let row = gridNode.getFirstChild();
+      invariant(
+        $isTableRowNode(row),
+        'Expected TableNode first child to be a RowNode',
+      );
+      const unmerged = [];
+      for (let i = 0; i < rowsCount; i++) {
+        if (i !== 0) {
+          row = row.getNextSibling();
+          invariant(
+            $isTableRowNode(row),
+            'Expected TableNode first child to be a RowNode',
+          );
+        }
+        let lastRowCell: null | TableCellNode = null;
+        for (let j = 0; j < columnsCount; j++) {
+          const cellMap = gridMap[i][j];
+          const cell = cellMap.cell;
+          if (cellMap.startRow === i && cellMap.startColumn === j) {
+            lastRowCell = cell;
+            unmerged.push(cell);
+          } else if (cell.getColSpan() > 1 || cell.getRowSpan() > 1) {
+            invariant(
+              $isTableCellNode(cell),
+              'Expected TableNode cell to be a TableCellNode',
+            );
+            const newCell = $createTableCellNode(cell.__headerState);
+            if (lastRowCell !== null) {
+              lastRowCell.insertAfter(newCell);
+            } else {
+              $insertFirst(row, newCell);
+            }
+          }
+        }
+      }
+      for (const cell of unmerged) {
+        cell.setColSpan(1);
+        cell.setRowSpan(1);
+      }
+    }
+  });
+}
+
+export function registerTableSelectionObserver(
+  editor: LexicalEditor,
+  hasTabHandler: boolean = true,
+): () => void {
+  const tableSelections = new Map<
+    NodeKey,
+    [TableObserver, HTMLTableElementWithWithTableSelectionState]
+  >();
+
+  const initializeTableNode = (
+    tableNode: TableNode,
+    nodeKey: NodeKey,
+    dom: HTMLElement,
+  ) => {
+    const tableElement = getTableElement(tableNode, dom);
+    const tableSelection = applyTableHandlers(
+      tableNode,
+      tableElement,
+      editor,
+      hasTabHandler,
+    );
+    tableSelections.set(nodeKey, [tableSelection, tableElement]);
+  };
+
+  const unregisterMutationListener = editor.registerMutationListener(
+    TableNode,
+    (nodeMutations) => {
+      editor.getEditorState().read(
+        () => {
+          for (const [nodeKey, mutation] of nodeMutations) {
+            const tableSelection = tableSelections.get(nodeKey);
+            if (mutation === 'created' || mutation === 'updated') {
+              const {tableNode, tableElement} =
+                $getTableAndElementByKey(nodeKey);
+              if (tableSelection === undefined) {
+                initializeTableNode(tableNode, nodeKey, tableElement);
+              } else if (tableElement !== tableSelection[1]) {
+                // The update created a new DOM node, destroy the existing TableObserver
+                tableSelection[0].removeListeners();
+                tableSelections.delete(nodeKey);
+                initializeTableNode(tableNode, nodeKey, tableElement);
+              }
+            } else if (mutation === 'destroyed') {
+              if (tableSelection !== undefined) {
+                tableSelection[0].removeListeners();
+                tableSelections.delete(nodeKey);
+              }
+            }
+          }
+        },
+        {editor},
+      );
+    },
+    {skipInitialization: false},
+  );
+
+  return () => {
+    unregisterMutationListener();
+    // Hook might be called multiple times so cleaning up tables listeners as well,
+    // as it'll be reinitialized during recurring call
+    for (const [, [tableSelection]] of tableSelections) {
+      tableSelection.removeListeners();
+    }
+  };
+}
+
+/**
+ * Register the INSERT_TABLE_COMMAND listener and the table integrity transforms. The
+ * table selection observer should be registered separately after this with
+ * {@link registerTableSelectionObserver}.
+ *
+ * @param editor The editor
+ * @returns An unregister callback
+ */
+export function registerTablePlugin(editor: LexicalEditor): () => void {
+  if (!editor.hasNodes([TableNode])) {
+    invariant(false, 'TablePlugin: TableNode is not registered on editor');
+  }
+  return mergeRegister(
+    editor.registerCommand(
+      INSERT_TABLE_COMMAND,
+      $insertTableCommandListener,
+      COMMAND_PRIORITY_EDITOR,
+    ),
+    editor.registerNodeTransform(TableNode, $tableTransform),
+    editor.registerNodeTransform(TableRowNode, $tableRowTransform),
+    editor.registerNodeTransform(TableCellNode, $tableCellTransform),
+  );
+}
diff --git a/packages/lexical-table/src/LexicalTableRowNode.ts b/packages/lexical-table/src/LexicalTableRowNode.ts
index fd8bcb8fa0a..9a7d5c99c88 100644
--- a/packages/lexical-table/src/LexicalTableRowNode.ts
+++ b/packages/lexical-table/src/LexicalTableRowNode.ts
@@ -8,7 +8,7 @@
 
 import type {BaseSelection, Spread} from 'lexical';
 
-import {addClassNamesToElement} from '@lexical/utils';
+import {$descendantsMatching, addClassNamesToElement} from '@lexical/utils';
 import {
   $applyNodeReplacement,
   DOMConversionMap,
@@ -21,6 +21,7 @@ import {
 } from 'lexical';
 
 import {PIXEL_VALUE_REG_EXP} from './constants';
+import {$isTableCellNode} from './LexicalTableCellNode';
 
 export type SerializedTableRowNode = Spread<
   {
@@ -124,7 +125,10 @@ export function $convertTableRowElement(domNode: Node): DOMConversionOutput {
     height = parseFloat(domNode_.style.height);
   }
 
-  return {node: $createTableRowNode(height)};
+  return {
+    after: (children) => $descendantsMatching(children, $isTableCellNode),
+    node: $createTableRowNode(height),
+  };
 }
 
 export function $createTableRowNode(height?: number): TableRowNode {
diff --git a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
index 96ca3c7e426..38755a841e2 100644
--- a/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
+++ b/packages/lexical-table/src/__tests__/unit/LexicalTableNode.test.tsx
@@ -317,6 +317,318 @@ describe('LexicalTableNode tests', () => {
             );
           });
 
+          test('Copy table with caption/tbody/thead/tfoot from an external source', async () => {
+            const {editor} = testEnv;
+
+            const dataTransfer = new DataTransferMock();
+            dataTransfer.setData(
+              'text/html',
+              // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead
+              html`
+                <meta charset="utf-8" />
+                <table
+                  style="box-sizing: border-box; border-collapse: collapse; border: 2px solid rgb(140, 140, 140); font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1px; color: rgb(21, 20, 26); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-align: start; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
+                  <caption
+                    style="box-sizing: border-box; caption-side: bottom; padding: 10px;">
+                    Council budget (in £) 2018
+                  </caption>
+                  <thead
+                    style="box-sizing: border-box; background-color: rgb(44, 94, 119); color: rgb(255, 255, 255);">
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="col"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px;">
+                        Items
+                      </th>
+                      <th
+                        scope="col"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px;">
+                        Expenditure
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    style="box-sizing: border-box; background-color: rgb(228, 240, 245);">
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="row"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px;">
+                        Donuts
+                      </th>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center;">
+                        3,000
+                      </td>
+                    </tr>
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="row"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px;">
+                        Stationery
+                      </th>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center;">
+                        18,000
+                      </td>
+                    </tr>
+                  </tbody>
+                  <tfoot
+                    style="box-sizing: border-box; background-color: rgb(44, 94, 119); color: rgb(255, 255, 255);">
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="row"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px;">
+                        Totals
+                      </th>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center;">
+                        21,000
+                      </td>
+                    </tr>
+                  </tfoot>
+                </table>
+              `,
+            );
+            await editor.update(() => {
+              const selection = $getSelection();
+              invariant(
+                $isRangeSelection(selection),
+                'isRangeSelection(selection)',
+              );
+              $insertDataTransferForRichText(dataTransfer, selection, editor);
+            });
+            // Here we are testing the createDOM, not the exportDOM, so the tbody is not there
+            expectTableHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <table class="test-table-class">
+                  <colgroup>
+                    <col />
+                    <col />
+                  </colgroup>
+                  <tr style="text-align: start">
+                    <th>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Items</span>
+                      </p>
+                    </th>
+                    <th>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Expenditure</span>
+                      </p>
+                    </th>
+                  </tr>
+                  <tr style="text-align: start">
+                    <th>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Donuts</span>
+                      </p>
+                    </th>
+                    <td>
+                      <p style="text-align: center;">
+                        <span data-lexical-text="true">3,000</span>
+                      </p>
+                    </td>
+                  </tr>
+                  <tr style="text-align: start">
+                    <th>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Stationery</span>
+                      </p>
+                    </th>
+                    <td>
+                      <p style="text-align: center;">
+                        <span data-lexical-text="true">18,000</span>
+                      </p>
+                    </td>
+                  </tr>
+                  <tr style="text-align: start">
+                    <th>
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Totals</span>
+                      </p>
+                    </th>
+                    <td>
+                      <p style="text-align: center;">
+                        <span data-lexical-text="true">21,000</span>
+                      </p>
+                    </td>
+                  </tr>
+                </table>
+              `,
+            );
+          });
+
+          test('Copy table with caption from an external source', async () => {
+            const {editor} = testEnv;
+
+            const dataTransfer = new DataTransferMock();
+            dataTransfer.setData(
+              'text/html',
+              // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption
+              html`
+                <meta charset="utf-8" />
+                <table
+                  style="box-sizing: border-box; border-collapse: collapse; border: 2px solid rgb(140, 140, 140); font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1px; color: rgb(21, 20, 26); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-align: start; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
+                  <caption
+                    style="box-sizing: border-box; caption-side: bottom; padding: 10px; font-weight: bold;">
+                    He-Man and Skeletor facts
+                  </caption>
+                  <tbody style="box-sizing: border-box;">
+                    <tr style="box-sizing: border-box;">
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(240, 240, 240);"></td>
+                      <th
+                        class="heman"
+                        scope="col"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; background-color: rgb(230, 230, 230); font: 1.4rem molot; text-shadow: rgb(255, 255, 255) 1px 1px 1px, rgb(0, 0, 0) 2px 2px 1px;">
+                        He-Man
+                      </th>
+                      <th
+                        class="skeletor"
+                        scope="col"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; background-color: rgb(230, 230, 230); font: 1.7rem rapscallion; letter-spacing: 3px; text-shadow: rgb(255, 255, 255) 1px 1px 0px, rgb(0, 0, 0) 0px 0px 9px;">
+                        Skeletor
+                      </th>
+                    </tr>
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="row"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; background-color: rgb(230, 230, 230);">
+                        Role
+                      </th>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(250, 250, 250);">
+                        Hero
+                      </td>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(250, 250, 250);">
+                        Villain
+                      </td>
+                    </tr>
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="row"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; background-color: rgb(230, 230, 230);">
+                        Weapon
+                      </th>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(240, 240, 240);">
+                        Power Sword
+                      </td>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(240, 240, 240);">
+                        Havoc Staff
+                      </td>
+                    </tr>
+                    <tr style="box-sizing: border-box;">
+                      <th
+                        scope="row"
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; background-color: rgb(230, 230, 230);">
+                        Dark secret
+                      </th>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(250, 250, 250);">
+                        Expert florist
+                      </td>
+                      <td
+                        style="box-sizing: border-box; border: 1px solid rgb(160, 160, 160); padding: 8px 10px; text-align: center; background-color: rgb(250, 250, 250);">
+                        Cries at romcoms
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              `,
+            );
+            await editor.update(() => {
+              const selection = $getSelection();
+              invariant(
+                $isRangeSelection(selection),
+                'isRangeSelection(selection)',
+              );
+              $insertDataTransferForRichText(dataTransfer, selection, editor);
+            });
+            // Here we are testing the createDOM, not the exportDOM, so the tbody is not there
+            expectTableHtmlToBeEqual(
+              testEnv.innerHTML,
+              html`
+                <table class="test-table-class">
+                  <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                  </colgroup>
+                  <tr style="text-align: start">
+                    <td style="background-color: rgb(240, 240, 240)">
+                      <p style="text-align: center"><br /></p>
+                    </td>
+                    <th style="background-color: rgb(230, 230, 230)">
+                      <p dir="ltr">
+                        <span data-lexical-text="true">He-Man</span>
+                      </p>
+                    </th>
+                    <th style="background-color: rgb(230, 230, 230)">
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Skeletor</span>
+                      </p>
+                    </th>
+                  </tr>
+                  <tr style="text-align: start">
+                    <th style="background-color: rgb(230, 230, 230)">
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Role</span>
+                      </p>
+                    </th>
+                    <td style="background-color: rgb(250, 250, 250)">
+                      <p dir="ltr" style="text-align: center">
+                        <span data-lexical-text="true">Hero</span>
+                      </p>
+                    </td>
+                    <td style="background-color: rgb(250, 250, 250)">
+                      <p dir="ltr" style="text-align: center">
+                        <span data-lexical-text="true">Villain</span>
+                      </p>
+                    </td>
+                  </tr>
+                  <tr style="text-align: start">
+                    <th style="background-color: rgb(230, 230, 230)">
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Weapon</span>
+                      </p>
+                    </th>
+                    <td style="background-color: rgb(240, 240, 240)">
+                      <p dir="ltr" style="text-align: center">
+                        <span data-lexical-text="true">Power Sword</span>
+                      </p>
+                    </td>
+                    <td style="background-color: rgb(240, 240, 240)">
+                      <p dir="ltr" style="text-align: center">
+                        <span data-lexical-text="true">Havoc Staff</span>
+                      </p>
+                    </td>
+                  </tr>
+                  <tr style="text-align: start">
+                    <th style="background-color: rgb(230, 230, 230)">
+                      <p dir="ltr">
+                        <span data-lexical-text="true">Dark secret</span>
+                      </p>
+                    </th>
+                    <td style="background-color: rgb(250, 250, 250)">
+                      <p dir="ltr" style="text-align: center">
+                        <span data-lexical-text="true">Expert florist</span>
+                      </p>
+                    </td>
+                    <td style="background-color: rgb(250, 250, 250)">
+                      <p dir="ltr" style="text-align: center">
+                        <span data-lexical-text="true">Cries at romcoms</span>
+                      </p>
+                    </td>
+                  </tr>
+                </table>
+              `,
+            );
+          });
+
           test('Copy table from an external source like gdoc with formatting', async () => {
             const {editor} = testEnv;
 
diff --git a/packages/lexical-table/src/index.ts b/packages/lexical-table/src/index.ts
index be452681b98..c4fe6ace096 100644
--- a/packages/lexical-table/src/index.ts
+++ b/packages/lexical-table/src/index.ts
@@ -29,6 +29,11 @@ export {
 } from './LexicalTableNode';
 export type {TableDOMCell} from './LexicalTableObserver';
 export {$getTableAndElementByKey, TableObserver} from './LexicalTableObserver';
+export {
+  registerTableCellUnmergeTransform,
+  registerTablePlugin,
+  registerTableSelectionObserver,
+} from './LexicalTablePluginHelpers';
 export type {SerializedTableRowNode} from './LexicalTableRowNode';
 export {
   $createTableRowNode,
diff --git a/packages/lexical-utils/flow/LexicalUtils.js.flow b/packages/lexical-utils/flow/LexicalUtils.js.flow
index 11524eee950..958dd8acfa7 100644
--- a/packages/lexical-utils/flow/LexicalUtils.js.flow
+++ b/packages/lexical-utils/flow/LexicalUtils.js.flow
@@ -125,3 +125,14 @@ declare export function $splitNode(
 declare export function calculateZoomLevel(element: Element | null): number;
 
 declare export function $isEditorIsNestedEditor(editor: LexicalEditor): boolean;
+
+declare export function $unwrapAndFilterDescendants(
+  root: ElementNode,
+  $predicate: (node: LexicalNode) => boolean,
+): boolean;
+
+declare export function $firstToLastIterator(node: ElementNode): Iterable<LexicalNode>;
+
+declare export function $lastToFirstIterator(node: ElementNode): Iterable<LexicalNode>;
+
+declare export function $unwrapNode(node: ElementNode): void;
diff --git a/packages/lexical-utils/src/__tests__/unit/descendantsMatching.test.tsx b/packages/lexical-utils/src/__tests__/unit/descendantsMatching.test.tsx
new file mode 100644
index 00000000000..3a4e596626f
--- /dev/null
+++ b/packages/lexical-utils/src/__tests__/unit/descendantsMatching.test.tsx
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type {Klass, LexicalEditor, LexicalNode} from 'lexical';
+
+import {$descendantsMatching} from '@lexical/utils';
+import {
+  $createParagraphNode,
+  $createTextNode,
+  $getRoot,
+  $isTextNode,
+  ParagraphNode,
+} from 'lexical';
+import {createTestEditor} from 'lexical/src/__tests__/utils';
+
+function assertClass<T extends LexicalNode>(v: unknown, klass: Klass<T>): T {
+  if (v instanceof klass) {
+    return v as T;
+  }
+  throw new Error(`Value does not extend ${klass.name}`);
+}
+
+function $createTextAndParagraphWithDepth(depth: number): LexicalNode[] {
+  if (depth <= 0) {
+    return [$createTextNode(`<${depth} />`)];
+  }
+  return [
+    $createTextNode(`<${depth}>`),
+    $createParagraphNode().append(
+      ...$createTextAndParagraphWithDepth(depth - 1),
+    ),
+    $createTextNode(`</${depth}>`),
+  ];
+}
+
+function textContentForDepth(i: number): string {
+  return i > 0 ? `<${i}>${textContentForDepth(i - 1)}</${i}>` : `<${i} />`;
+}
+
+describe('$descendantsMatching', () => {
+  let editor: LexicalEditor;
+
+  beforeEach(async () => {
+    editor = createTestEditor();
+    editor._headless = true;
+  });
+
+  [0, 1, 2].forEach((depth) =>
+    it(`Can un-nest children at depth ${depth}`, () => {
+      editor.update(
+        () => {
+          const firstNode = $createParagraphNode();
+          $getRoot()
+            .clear()
+            .append(
+              firstNode.append(...$createTextAndParagraphWithDepth(depth)),
+            );
+        },
+        {discrete: true},
+      );
+      editor.update(
+        () => {
+          const firstNode = assertClass(
+            $getRoot().getFirstChildOrThrow(),
+            ParagraphNode,
+          );
+          expect(firstNode.getChildren().every($isTextNode)).toBe(depth === 0);
+          firstNode.splice(
+            0,
+            firstNode.getChildrenSize(),
+            $descendantsMatching(firstNode.getChildren(), $isTextNode),
+          );
+          expect(firstNode.getChildren().every($isTextNode)).toBe(true);
+          expect(firstNode.getTextContent()).toBe(textContentForDepth(depth));
+        },
+        {discrete: true},
+      );
+    }),
+  );
+});
diff --git a/packages/lexical-utils/src/__tests__/unit/iterators.test.tsx b/packages/lexical-utils/src/__tests__/unit/iterators.test.tsx
new file mode 100644
index 00000000000..f7042e14e0e
--- /dev/null
+++ b/packages/lexical-utils/src/__tests__/unit/iterators.test.tsx
@@ -0,0 +1,216 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type {Klass, LexicalEditor, LexicalNode} from 'lexical';
+
+import {$firstToLastIterator, $lastToFirstIterator} from '@lexical/utils';
+import {$createParagraphNode, $createTextNode, TextNode} from 'lexical';
+import {createTestEditor} from 'lexical/src/__tests__/utils';
+
+function assertClass<T extends LexicalNode>(v: unknown, klass: Klass<T>): T {
+  if (v instanceof klass) {
+    return v as T;
+  }
+  throw new Error(`Value does not extend ${klass.name}`);
+}
+
+describe('$firstToLastIterator', () => {
+  let editor: LexicalEditor;
+
+  beforeEach(async () => {
+    editor = createTestEditor();
+    editor._headless = true;
+  });
+
+  it(`Iterates from first to last`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(
+          Array.from($firstToLastIterator(parent), (node) => {
+            return assertClass(node, TextNode).getTextContent();
+          }),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        // Parent was not affected
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+      },
+      {discrete: true},
+    );
+  });
+  it(`Can handle node removal`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(
+          Array.from($firstToLastIterator(parent), (node) => {
+            const rval = assertClass(node, TextNode).getTextContent();
+            node.remove();
+            return rval;
+          }),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(parent.getChildren()).toEqual([]);
+      },
+      {discrete: true},
+    );
+  });
+  it(`Detects cycles when nodes move incorrectly`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(() =>
+          Array.from($firstToLastIterator(parent), (node) => {
+            const rval = assertClass(node, TextNode).getTextContent();
+            parent.append(node);
+            return rval;
+          }),
+        ).toThrow(/\$childIterator: Cycle detected/);
+      },
+      {discrete: true},
+    );
+  });
+  it(`Can handle nodes moving in the other direction`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(
+          Array.from($firstToLastIterator(parent), (node) => {
+            const rval = assertClass(node, TextNode).getTextContent();
+            if (node.getPreviousSibling() !== null) {
+              parent.splice(0, 0, [node]);
+            }
+            return rval;
+          }),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        // This mutation reversed the nodes while traversing
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['4', '3', '2', '1', '0']);
+      },
+      {discrete: true},
+    );
+  });
+});
+
+describe('$lastToFirstIterator', () => {
+  let editor: LexicalEditor;
+
+  beforeEach(async () => {
+    editor = createTestEditor();
+    editor._headless = true;
+  });
+
+  it(`Iterates from last to first`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(
+          Array.from($lastToFirstIterator(parent), (node) => {
+            return assertClass(node, TextNode).getTextContent();
+          }),
+        ).toEqual(['4', '3', '2', '1', '0']);
+        // Parent was not affected
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+      },
+      {discrete: true},
+    );
+  });
+  it(`Can handle node removal`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(
+          Array.from($lastToFirstIterator(parent), (node) => {
+            const rval = assertClass(node, TextNode).getTextContent();
+            node.remove();
+            return rval;
+          }),
+        ).toEqual(['4', '3', '2', '1', '0']);
+        expect(parent.getChildren()).toEqual([]);
+      },
+      {discrete: true},
+    );
+  });
+  it(`Can handle nodes moving in the other direction`, () => {
+    editor.update(
+      () => {
+        const parent = $createParagraphNode().splice(
+          0,
+          0,
+          Array.from({length: 5}, (_v, i) => $createTextNode(`${i}`)),
+        );
+        // Check initial state
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['0', '1', '2', '3', '4']);
+        expect(
+          Array.from($lastToFirstIterator(parent), (node) => {
+            const rval = assertClass(node, TextNode).getTextContent();
+            parent.append(node);
+            return rval;
+          }),
+        ).toEqual(['4', '3', '2', '1', '0']);
+        // This mutation reversed the nodes while traversing
+        expect(
+          parent.getAllTextNodes().map((node) => node.getTextContent()),
+        ).toEqual(['4', '3', '2', '1', '0']);
+      },
+      {discrete: true},
+    );
+  });
+});
diff --git a/packages/lexical-utils/src/__tests__/unit/unwrapAndFilterDescendants.test.tsx b/packages/lexical-utils/src/__tests__/unit/unwrapAndFilterDescendants.test.tsx
new file mode 100644
index 00000000000..cb42d0fe643
--- /dev/null
+++ b/packages/lexical-utils/src/__tests__/unit/unwrapAndFilterDescendants.test.tsx
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type {Klass, LexicalEditor, LexicalNode} from 'lexical';
+
+import {$unwrapAndFilterDescendants} from '@lexical/utils';
+import {
+  $createParagraphNode,
+  $createTextNode,
+  $getRoot,
+  $isParagraphNode,
+  $isTextNode,
+  ParagraphNode,
+} from 'lexical';
+import {createTestEditor} from 'lexical/src/__tests__/utils';
+
+function assertClass<T extends LexicalNode>(v: unknown, klass: Klass<T>): T {
+  if (v instanceof klass) {
+    return v as T;
+  }
+  throw new Error(`Value does not extend ${klass.name}`);
+}
+
+function $createTextAndParagraphWithDepth(depth: number): LexicalNode[] {
+  if (depth <= 0) {
+    return [$createTextNode(`<${depth} />`)];
+  }
+  return [
+    $createTextNode(`<${depth}>`),
+    $createParagraphNode().append(
+      ...$createTextAndParagraphWithDepth(depth - 1),
+    ),
+    $createTextNode(`</${depth}>`),
+  ];
+}
+
+function textContentForDepth(i: number): string {
+  return i > 0 ? `<${i}>${textContentForDepth(i - 1)}</${i}>` : `<${i} />`;
+}
+
+describe('$unwrapAndFilterDescendants', () => {
+  let editor: LexicalEditor;
+
+  beforeEach(async () => {
+    editor = createTestEditor();
+    editor._headless = true;
+  });
+
+  it('Is a no-op with valid children', () => {
+    editor.update(
+      () => {
+        $getRoot().clear().append($createParagraphNode());
+      },
+      {discrete: true},
+    );
+    editor.update(
+      () => {
+        expect($unwrapAndFilterDescendants($getRoot(), $isParagraphNode)).toBe(
+          false,
+        );
+        expect($getRoot().getChildrenSize()).toBe(1);
+        expect($isParagraphNode($getRoot().getFirstChild())).toBe(true);
+      },
+      {discrete: true},
+    );
+  });
+  [0, 1, 2].forEach((depth) =>
+    it(`Can un-nest children at depth ${depth}`, () => {
+      editor.update(
+        () => {
+          const firstNode = $createParagraphNode();
+          $getRoot()
+            .clear()
+            .append(
+              firstNode.append(...$createTextAndParagraphWithDepth(depth)),
+            );
+        },
+        {discrete: true},
+      );
+      editor.update(
+        () => {
+          const firstNode = assertClass(
+            $getRoot().getFirstChildOrThrow(),
+            ParagraphNode,
+          );
+          expect(firstNode.getChildren().every($isTextNode)).toBe(depth === 0);
+          expect($unwrapAndFilterDescendants(firstNode, $isTextNode)).toBe(
+            depth > 0,
+          );
+          expect(firstNode.getChildren().every($isTextNode)).toBe(true);
+          expect(firstNode.getTextContent()).toBe(textContentForDepth(depth));
+        },
+        {discrete: true},
+      );
+    }),
+  );
+});
diff --git a/packages/lexical-utils/src/index.ts b/packages/lexical-utils/src/index.ts
index 8994e3dad65..0a758f40f2f 100644
--- a/packages/lexical-utils/src/index.ts
+++ b/packages/lexical-utils/src/index.ts
@@ -23,6 +23,7 @@ import {
   Klass,
   LexicalEditor,
   LexicalNode,
+  NodeKey,
 } from 'lexical';
 // This underscore postfixing is used as a hotfix so we do not
 // export shared types from this module #5918
@@ -690,3 +691,157 @@ export function calculateZoomLevel(element: Element | null): number {
 export function $isEditorIsNestedEditor(editor: LexicalEditor): boolean {
   return editor._parentEditor !== null;
 }
+
+/**
+ * A depth first last-to-first traversal of root that stops at each node that matches
+ * $predicate and ensures that its parent is root. This is typically used to discard
+ * invalid or unsupported wrapping nodes. For example, a TableNode must only have
+ * TableRowNode as children, but an importer might add invalid nodes based on
+ * caption, tbody, thead, etc. and this will unwrap and discard those.
+ *
+ * @param root The root to start the traversal
+ * @param $predicate Should return true for nodes that are permitted to be children of root
+ * @returns true if this unwrapped or removed any nodes
+ */
+export function $unwrapAndFilterDescendants(
+  root: ElementNode,
+  $predicate: (node: LexicalNode) => boolean,
+): boolean {
+  return $unwrapAndFilterDescendantsImpl(root, $predicate, null);
+}
+
+function $unwrapAndFilterDescendantsImpl(
+  root: ElementNode,
+  $predicate: (node: LexicalNode) => boolean,
+  $onSuccess: null | ((node: LexicalNode) => void),
+): boolean {
+  let didMutate = false;
+  for (const node of $lastToFirstIterator(root)) {
+    if ($predicate(node)) {
+      if ($onSuccess !== null) {
+        $onSuccess(node);
+      }
+      continue;
+    }
+    didMutate = true;
+    if ($isElementNode(node)) {
+      $unwrapAndFilterDescendantsImpl(
+        node,
+        $predicate,
+        $onSuccess ? $onSuccess : (child) => node.insertAfter(child),
+      );
+    }
+    node.remove();
+  }
+  return didMutate;
+}
+
+/**
+ * A depth first traversal of the children array that stops at and collects
+ * each node that `$predicate` matches. This is typically used to discard
+ * invalid or unsupported wrapping nodes on a children array in the `after`
+ * of an {@link lexical!DOMConversionOutput}. For example, a TableNode must only have
+ * TableRowNode as children, but an importer might add invalid nodes based on
+ * caption, tbody, thead, etc. and this will unwrap and discard those.
+ *
+ * This function is read-only and performs no mutation operations, which makes
+ * it suitable for import and export purposes but likely not for any in-place
+ * mutation. You should use {@link $unwrapAndFilterDescendants} for in-place
+ * mutations such as node transforms.
+ *
+ * @param children The children to traverse
+ * @param $predicate Should return true for nodes that are permitted to be children of root
+ * @returns The children or their descendants that match $predicate
+ */
+export function $descendantsMatching<T extends LexicalNode>(
+  children: LexicalNode[],
+  $predicate: (node: LexicalNode) => node is T,
+): T[];
+export function $descendantsMatching(
+  children: LexicalNode[],
+  $predicate: (node: LexicalNode) => boolean,
+): LexicalNode[] {
+  const result: LexicalNode[] = [];
+  const stack = [...children].reverse();
+  for (let child = stack.pop(); child !== undefined; child = stack.pop()) {
+    if ($predicate(child)) {
+      result.push(child);
+    } else if ($isElementNode(child)) {
+      for (const grandchild of $lastToFirstIterator(child)) {
+        stack.push(grandchild);
+      }
+    }
+  }
+  return result;
+}
+
+/**
+ * Return an iterator that yields each child of node from first to last, taking
+ * care to preserve the next sibling before yielding the value in case the caller
+ * removes the yielded node.
+ *
+ * @param node The node whose children to iterate
+ * @returns An iterator of the node's children
+ */
+export function $firstToLastIterator(node: ElementNode): Iterable<LexicalNode> {
+  return {
+    [Symbol.iterator]: () =>
+      $childIterator(node.getFirstChild(), (child) => child.getNextSibling()),
+  };
+}
+
+/**
+ * Return an iterator that yields each child of node from last to first, taking
+ * care to preserve the previous sibling before yielding the value in case the caller
+ * removes the yielded node.
+ *
+ * @param node The node whose children to iterate
+ * @returns An iterator of the node's children
+ */
+export function $lastToFirstIterator(node: ElementNode): Iterable<LexicalNode> {
+  return {
+    [Symbol.iterator]: () =>
+      $childIterator(node.getLastChild(), (child) =>
+        child.getPreviousSibling(),
+      ),
+  };
+}
+
+function $childIterator(
+  initialNode: LexicalNode | null,
+  nextNode: (node: LexicalNode) => LexicalNode | null,
+): Iterator<LexicalNode> {
+  let state = initialNode;
+  const seen = __DEV__ ? new Set<NodeKey>() : null;
+  return {
+    next() {
+      if (state === null) {
+        return iteratorDone;
+      }
+      const rval = iteratorNotDone(state);
+      if (__DEV__ && seen !== null) {
+        const key = state.getKey();
+        invariant(
+          !seen.has(key),
+          '$childIterator: Cycle detected, node with key %s has already been traversed',
+          String(key),
+        );
+        seen.add(key);
+      }
+      state = nextNode(state);
+      return rval;
+    },
+  };
+}
+
+/**
+ * Insert all children before this node, and then remove it.
+ *
+ * @param node The ElementNode to unwrap and remove
+ */
+export function $unwrapNode(node: ElementNode): void {
+  for (const child of $firstToLastIterator(node)) {
+    node.insertBefore(child);
+  }
+  node.remove();
+}
diff --git a/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx b/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
index cf33a568d3f..3986f27806f 100644
--- a/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
+++ b/packages/lexical/src/__tests__/unit/LexicalEditor.test.tsx
@@ -2210,7 +2210,7 @@ describe('LexicalEditor tests', () => {
 
     await editor.update(() => {
       const root = $getRoot();
-      const tableCell = $createTableCellNode(0);
+      const tableCell = $createTableCellNode();
       const tableRow = $createTableRowNode();
       const table = $createTableNode();
 
@@ -2225,7 +2225,7 @@ describe('LexicalEditor tests', () => {
 
     await editor.update(() => {
       const tableRow = $getNodeByKey(tableRowKey) as TableRowNode;
-      const tableCell = $createTableCellNode(0);
+      const tableCell = $createTableCellNode();
       tableRow.append(tableCell);
     });
 

From 55ef7cad49c303a343575745d311fb1a3d05c15b Mon Sep 17 00:00:00 2001
From: Hadi Elghoul <113323394+elgh0ul@users.noreply.github.com>
Date: Fri, 6 Dec 2024 14:25:05 -0500
Subject: [PATCH 132/133] [lexical][@lexical/selection] Feature: Unify
 $selectAll Implementations (#6902)

Co-authored-by: Hadi Elghoul <hadielghoul@Hadis-MacBook-Pro.local>
---
 packages/lexical-selection/src/index.ts       |  4 +--
 .../lexical-selection/src/range-selection.ts  | 35 -------------------
 packages/lexical/src/LexicalUtils.ts          | 21 +++++++++--
 3 files changed, 20 insertions(+), 40 deletions(-)

diff --git a/packages/lexical-selection/src/index.ts b/packages/lexical-selection/src/index.ts
index d901ab4d4d9..8d9d47ce635 100644
--- a/packages/lexical-selection/src/index.ts
+++ b/packages/lexical-selection/src/index.ts
@@ -18,7 +18,6 @@ import {
   $isParentElementRTL,
   $moveCaretSelection,
   $moveCharacter,
-  $selectAll,
   $setBlocksType,
   $shouldOverrideDefaultCharacterSelection,
   $wrapNodes,
@@ -32,7 +31,9 @@ import {
 
 export {
   /** @deprecated moved to the lexical package */ $cloneWithProperties,
+  /** @deprecated moved to the lexical package */ $selectAll,
 } from 'lexical';
+
 export {
   $addNodeStyle,
   $isAtNodeEnd,
@@ -48,7 +49,6 @@ export {
   $isParentElementRTL,
   $moveCaretSelection,
   $moveCharacter,
-  $selectAll,
   $setBlocksType,
   $shouldOverrideDefaultCharacterSelection,
   $wrapNodes,
diff --git a/packages/lexical-selection/src/range-selection.ts b/packages/lexical-selection/src/range-selection.ts
index e92a81b6188..15b4e66c5c7 100644
--- a/packages/lexical-selection/src/range-selection.ts
+++ b/packages/lexical-selection/src/range-selection.ts
@@ -452,41 +452,6 @@ export function $moveCharacter(
   );
 }
 
-/**
- * Expands the current Selection to cover all of the content in the editor.
- * @param selection - The current selection.
- */
-export function $selectAll(selection: RangeSelection): void {
-  const anchor = selection.anchor;
-  const focus = selection.focus;
-  const anchorNode = anchor.getNode();
-  const topParent = anchorNode.getTopLevelElementOrThrow();
-  const root = topParent.getParentOrThrow();
-  let firstNode = root.getFirstDescendant();
-  let lastNode = root.getLastDescendant();
-  let firstType: 'element' | 'text' = 'element';
-  let lastType: 'element' | 'text' = 'element';
-  let lastOffset = 0;
-
-  if ($isTextNode(firstNode)) {
-    firstType = 'text';
-  } else if (!$isElementNode(firstNode) && firstNode !== null) {
-    firstNode = firstNode.getParentOrThrow();
-  }
-
-  if ($isTextNode(lastNode)) {
-    lastType = 'text';
-    lastOffset = lastNode.getTextContentSize();
-  } else if (!$isElementNode(lastNode) && lastNode !== null) {
-    lastNode = lastNode.getParentOrThrow();
-  }
-
-  if (firstNode && lastNode) {
-    anchor.set(firstNode.getKey(), 0, firstType);
-    focus.set(lastNode.getKey(), lastOffset, lastType);
-  }
-}
-
 /**
  * Returns the current value of a CSS property for Nodes, if set. If not set, it returns the defaultValue.
  * @param node - The node whose style value to get.
diff --git a/packages/lexical/src/LexicalUtils.ts b/packages/lexical/src/LexicalUtils.ts
index f4cc88ac86a..d4bc2d1ea46 100644
--- a/packages/lexical/src/LexicalUtils.ts
+++ b/packages/lexical/src/LexicalUtils.ts
@@ -1084,10 +1084,25 @@ export function isSelectAll(
   return key.toLowerCase() === 'a' && controlOrMeta(metaKey, ctrlKey);
 }
 
-export function $selectAll(): void {
+export function $selectAll(selection?: RangeSelection | null): RangeSelection {
   const root = $getRoot();
-  const selection = root.select(0, root.getChildrenSize());
-  $setSelection($normalizeSelection(selection));
+
+  if ($isRangeSelection(selection)) {
+    const anchor = selection.anchor;
+    const focus = selection.focus;
+    const anchorNode = anchor.getNode();
+    const topParent = anchorNode.getTopLevelElementOrThrow();
+    const rootNode = topParent.getParentOrThrow();
+    anchor.set(rootNode.getKey(), 0, 'element');
+    focus.set(rootNode.getKey(), rootNode.getChildrenSize(), 'element');
+    $normalizeSelection(selection);
+    return selection;
+  } else {
+    // Create a new RangeSelection
+    const newSelection = root.select(0, root.getChildrenSize());
+    $setSelection($normalizeSelection(newSelection));
+    return newSelection;
+  }
 }
 
 export function getCachedClassNameArray(

From 7776cea0f1862cb57b3c2d2118da629e098b784c Mon Sep 17 00:00:00 2001
From: Basile Savouret <47100280+basile-savouret@users.noreply.github.com>
Date: Fri, 6 Dec 2024 20:26:53 +0100
Subject: [PATCH 133/133] [lexical-playground]: Fix empty layout item causes
 100% CPU usage (#6906)

Co-authored-by: Ivaylo Pavlov <ivailo90@gmail.com>
---
 .../src/plugins/LayoutPlugin/LayoutPlugin.tsx | 39 ++++++++++++++-----
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/packages/lexical-playground/src/plugins/LayoutPlugin/LayoutPlugin.tsx b/packages/lexical-playground/src/plugins/LayoutPlugin/LayoutPlugin.tsx
index cbdeee1fe23..dd226849e62 100644
--- a/packages/lexical-playground/src/plugins/LayoutPlugin/LayoutPlugin.tsx
+++ b/packages/lexical-playground/src/plugins/LayoutPlugin/LayoutPlugin.tsx
@@ -97,6 +97,25 @@ export function LayoutPlugin(): null {
       return false;
     };
 
+    const $fillLayoutItemIfEmpty = (node: LayoutItemNode) => {
+      if (node.isEmpty()) {
+        node.append($createParagraphNode());
+      }
+    };
+
+    const $removeIsolatedLayoutItem = (node: LayoutItemNode): boolean => {
+      const parent = node.getParent<ElementNode>();
+      if (!$isLayoutContainerNode(parent)) {
+        const children = node.getChildren<LexicalNode>();
+        for (const child of children) {
+          node.insertBefore(child);
+        }
+        node.remove();
+        return true;
+      }
+      return false;
+    };
+
     return mergeRegister(
       // When layout is the last child pressing down/right arrow will insert paragraph
       // below it to allow adding more content. It's similar what $insertBlockNode
@@ -186,17 +205,17 @@ export function LayoutPlugin(): null {
         },
         COMMAND_PRIORITY_EDITOR,
       ),
-      // Structure enforcing transformers for each node type. In case nesting structure is not
-      // "Container > Item" it'll unwrap nodes and convert it back
-      // to regular content.
+
       editor.registerNodeTransform(LayoutItemNode, (node) => {
-        const parent = node.getParent<ElementNode>();
-        if (!$isLayoutContainerNode(parent)) {
-          const children = node.getChildren<LexicalNode>();
-          for (const child of children) {
-            node.insertBefore(child);
-          }
-          node.remove();
+        // Structure enforcing transformers for each node type. In case nesting structure is not
+        // "Container > Item" it'll unwrap nodes and convert it back
+        // to regular content.
+        const isRemoved = $removeIsolatedLayoutItem(node);
+
+        if (!isRemoved) {
+          // Layout item should always have a child. this function will listen
+          // for any empty layout item and fill it with a paragraph node
+          $fillLayoutItemIfEmpty(node);
         }
       }),
       editor.registerNodeTransform(LayoutContainerNode, (node) => {