From 11ac939bc3d86fefafcc940da98df0e402455672 Mon Sep 17 00:00:00 2001
From: Titus Wormer <tituswormer@gmail.com>
Date: Thu, 4 Jul 2024 17:22:57 +0200
Subject: [PATCH] Add `rehype-twoslash`

* check most examples with typescript
* add special twoslash directives to code blocks so that twoslash
  understand partial examples
* add dependencies for these examples, so typescript can check them
* remove theme-ui docs here, their site has info, link to it
---
 docs/_asset/index.css                |   86 +-
 docs/_asset/index.js                 |   62 +-
 docs/blog/index.mdx                  |    4 +-
 docs/blog/v3.mdx                     |    4 +-
 docs/community/index.mdx             |    4 +-
 docs/docs/extending-mdx.mdx          |    4 +-
 docs/docs/getting-started.mdx        |  271 ++--
 docs/docs/index.mdx                  |    4 +-
 docs/docs/troubleshooting-mdx.mdx    |   44 +-
 docs/docs/using-mdx.mdx              |  206 ++-
 docs/docs/what-is-mdx.mdx            |    4 +-
 docs/guides/embed.mdx                |   22 +-
 docs/guides/frontmatter.mdx          |   22 +-
 docs/guides/gfm.mdx                  |    9 +-
 docs/guides/index.mdx                |    4 +-
 docs/guides/injecting-components.mdx |   43 +-
 docs/guides/math.mdx                 |    9 +-
 docs/guides/mdx-on-demand.mdx        |   35 +-
 docs/guides/syntax-highlighting.mdx  |   55 +-
 docs/migrating/v2.mdx                |    2 +-
 docs/packages/index.mdx              |    4 +-
 package-lock.json                    | 2100 +++++++++++++++++++++-----
 package.json                         |   11 +
 packages/loader/readme.md            |   18 +-
 packages/preact/readme.md            |    6 +-
 packages/react/readme.md             |    6 +-
 packages/rollup/readme.md            |   12 +-
 tsconfig.json                        |    1 +
 website/mdx-config.js                |   54 +-
 29 files changed, 2424 insertions(+), 682 deletions(-)

diff --git a/docs/_asset/index.css b/docs/_asset/index.css
index 7a3d35912..f84762d9a 100644
--- a/docs/_asset/index.css
+++ b/docs/_asset/index.css
@@ -297,7 +297,6 @@ pre code {
 }
 
 pre code,
-.hljs,
 .frame-body,
 .frame-tab-item-selected {
   background-color: #fafafa !important; /* Color from one-light */
@@ -583,7 +582,6 @@ button.success {
 
 .navigation .icon {
   display: block;
-  vertical-align: middle;
   width: auto;
   height: calc(1em + 1ex);
 }
@@ -660,9 +658,6 @@ button.success {
   padding-inline-start: calc(0.5 * (1em + 1ex));
 }
 
-.nav-description {
-}
-
 .skip-to-navigation {
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -837,11 +832,13 @@ button.success {
   overflow-y: auto;
 }
 
-.frame-tab-bar + pre {
+.frame-tab-bar + pre,
+.frame-tab-bar + .highlight > pre {
   margin-block-start: 0;
 }
 
-.frame-tab-bar + pre code {
+.frame-tab-bar + pre code,
+.frame-tab-bar + .highlight > pre code {
   --squircle-radius: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -946,6 +943,55 @@ details[open] {
   padding: calc(1em + 1ex);
 }
 
+.rehype-twoslash-completion-deprecated {
+  opacity: 0.5;
+}
+
+.rehype-twoslash-popover-target {
+  cursor: default;
+}
+
+.highlight:is(:hover, :focus-within) .rehype-twoslash-popover-target {
+  background-color: var(--gray-2);
+}
+
+/* Wavy underline for errors. */
+.rehype-twoslash-error-target {
+  background-repeat: repeat-x;
+  background-position: bottom left;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 3" enable-background="new 0 0 6 3" height="3" width="6"><g fill="%23c94824"><polygon points="5.5,0 2.5,3 1.1,3 4.1,0"/><polygon points="4,0 6,2 6,0.6 5.4,0"/><polygon points="0,2 1,3 2.4,3 0,0.6"/></g></svg>');
+}
+
+/* The content that will be shown in the tooltip. */
+.rehype-twoslash-popover {
+  position: absolute;
+  max-width: calc(45 * (1em + 1ex));
+  padding: calc(0.5 * (1em + 1ex));
+  margin: 0;
+  background-color: var(--bg);
+  border: 1px solid var(--gray-2);
+  border-radius: 3px;
+}
+
+/* No padding if we have a padded code block (and perhaps more blocks) */
+.rehype-twoslash-popover:has(.rehype-twoslash-popover-code) {
+  padding: 0;
+}
+
+.rehype-twoslash-popover-code {
+  margin: 0;
+}
+
+.rehype-twoslash-popover-code > code {
+  mask-image: none;
+  border-radius: 0;
+}
+
+.rehype-twoslash-popover-description {
+  background-color: var(--bg);
+  padding: 0 1em;
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --white: #f0f6fc;
@@ -1038,6 +1084,14 @@ details[open] {
     background-color: var(--gray-8);
   }
 
+  .highlight:is(:hover, :focus-within) .rehype-twoslash-popover-target {
+    background-color: var(--gray-5);
+  }
+
+  .rehype-twoslash-popover {
+    border-color: var(--gray-6);
+  }
+
   h6 {
     color: var(--gray-3);
   }
@@ -1062,7 +1116,6 @@ details[open] {
   }
 
   pre code,
-  .hljs,
   .frame-body,
   .frame-tab-item-selected,
   .frame-tab-item-dark.frame-tab-item-selected {
@@ -1231,23 +1284,6 @@ details[open] {
   }
 }
 
-/* Fix a11y. */
-.hljs-built_in,
-.hljs-symbol {
-  color: hsl(24deg 92% 40%) !important;
-}
-
-@media (prefers-color-scheme: dark) {
-  .hljs-section {
-    color: #488bef !important;
-  }
-
-  .hljs-built_in,
-  .hljs-symbol {
-    color: #ffa657 !important;
-  }
-}
-
 .playground {
   min-height: 40rem;
   gap: calc(1em + 1ex);
diff --git a/docs/_asset/index.js b/docs/_asset/index.js
index 2b4f9e2a1..d271c1118 100644
--- a/docs/_asset/index.js
+++ b/docs/_asset/index.js
@@ -1,5 +1,7 @@
+/* eslint-disable unicorn/prefer-query-selector */
 /// <reference lib="dom" />
 
+import {computePosition, shift} from '@floating-ui/dom'
 import copyToClipboard from 'copy-to-clipboard'
 import {ok as assert} from 'devlop'
 
@@ -57,7 +59,35 @@ for (const copy of copies) {
   assert(copy instanceof HTMLButtonElement)
   copy.type = 'button'
   copy.replaceChildren(copyIcon.cloneNode(true))
-  copy.addEventListener('click', onclick)
+  copy.addEventListener('click', oncopyonclick)
+}
+
+const popoverTargets = /** @type {Array<HTMLElement>} */ (
+  Array.from(document.querySelectorAll('.rehype-twoslash-popover-target'))
+)
+
+for (const popoverTarget of popoverTargets) {
+  /** @type {NodeJS.Timeout | number} */
+  let timeout = 0
+
+  popoverTarget.addEventListener('click', function () {
+    popoverShow(popoverTarget)
+  })
+
+  popoverTarget.addEventListener('mouseenter', function () {
+    clearTimeout(timeout)
+    timeout = setTimeout(function () {
+      popoverShow(popoverTarget)
+    }, 300)
+  })
+
+  popoverTarget.addEventListener('mouseleave', function () {
+    clearTimeout(timeout)
+  })
+
+  if (popoverTarget.classList.contains('rehype-twoslash-autoshow')) {
+    popoverShow(popoverTarget)
+  }
 }
 
 /**
@@ -66,7 +96,7 @@ for (const copy of copies) {
  * @returns {undefined}
  *   Nothing.
  */
-function onclick() {
+function oncopyonclick() {
   assert(copyIcon)
   assert(copiedIcon)
   assert(this instanceof HTMLButtonElement)
@@ -84,3 +114,31 @@ function onclick() {
     this.replaceChildren(copyIcon.cloneNode(true))
   }, 2000)
 }
+
+/**
+ * @param {HTMLElement} popoverTarget
+ *   Popover target.
+ * @returns {undefined}
+ *   Nothing.
+ */
+function popoverShow(popoverTarget) {
+  const id = popoverTarget.dataset.popoverTarget
+  if (!id) return
+  const popover = document.getElementById(id)
+  if (!popover) return
+
+  popover.showPopover()
+
+  computePosition(popoverTarget, popover, {
+    placement: 'bottom',
+    middleware: [shift({padding: 5})]
+  }).then(
+    /**
+     * @param {{x: number, y: number}} value
+     */
+    function (value) {
+      popover.style.left = value.x + 'px'
+      popover.style.top = value.y + 'px'
+    }
+  )
+}
diff --git a/docs/blog/index.mdx b/docs/blog/index.mdx
index 3b4ea79a3..e3053ac0e 100644
--- a/docs/blog/index.mdx
+++ b/docs/blog/index.mdx
@@ -1,6 +1,6 @@
 {
   /**
-   * @import {Item} from '../_component/sort.js
+   * @import {Item} from '../_component/sort.js'
    */
 
   /**
@@ -14,7 +14,7 @@ import {BlogGroup} from '../_component/blog.jsx'
 
 export const info = {
   author: [{name: 'MDX Contributors'}],
-  modified: new Date('2021-11-01'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-11-01')
 }
 export const navExcludeGroup = true
diff --git a/docs/blog/v3.mdx b/docs/blog/v3.mdx
index 2a50c1845..89279eef8 100644
--- a/docs/blog/v3.mdx
+++ b/docs/blog/v3.mdx
@@ -58,9 +58,7 @@ technically breaking.
 
 We now accept block expressions right next to block JSX tags:
 
-{/* Note: `language` because our theme doesn’t support it yet. */}
-
-```jsx chrome=no language="mdx"
+```mdx chrome=no
 <style>{`
 
   h1 {
diff --git a/docs/community/index.mdx b/docs/community/index.mdx
index 3c1f344f7..39742acb9 100644
--- a/docs/community/index.mdx
+++ b/docs/community/index.mdx
@@ -1,6 +1,6 @@
 {
   /**
-   * @import {Item} from '../_component/sort.js
+   * @import {Item} from '../_component/sort.js'
    */
 
   /**
@@ -14,7 +14,7 @@ import {NavigationGroup} from '../_component/nav.jsx'
 
 export const info = {
   author: [{name: 'MDX Contributors'}],
-  modified: new Date('2021-11-01'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-11-01')
 }
 export const navSortSelf = 6
diff --git a/docs/docs/extending-mdx.mdx b/docs/docs/extending-mdx.mdx
index 3ceae4984..0c44e9841 100644
--- a/docs/docs/extending-mdx.mdx
+++ b/docs/docs/extending-mdx.mdx
@@ -4,7 +4,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-01-19'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-06')
 }
 export const navSortSelf = 4
@@ -117,7 +117,7 @@ Where to pass plugins is encoded in their name: remark plugins go in
 [`ProcessorOptions`][processor-options].
 Those fields expect lists of plugins and/or of `[plugin, options]`:
 
-```tsx
+```tsx twoslash
 import {compile} from '@mdx-js/mdx'
 import rehypeKatex from 'rehype-katex' // Render math with KaTeX.
 import remarkFrontmatter from 'remark-frontmatter' // YAML and such.
diff --git a/docs/docs/getting-started.mdx b/docs/docs/getting-started.mdx
index 56790685f..39f36b379 100644
--- a/docs/docs/getting-started.mdx
+++ b/docs/docs/getting-started.mdx
@@ -4,7 +4,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-24'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-05')
 }
 export const navSortSelf = 2
@@ -160,7 +160,11 @@ to highlight code blocks on GitHub is maintained at
 
   …TypeScript should automatically pick it up:
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
+  // @filename: types.d.ts
+  import type {} from 'mdx'
+  // @filename: example.js
+  // ---cut---
   import Post from './post.mdx' // `Post` is now typed.
   ```
 </details>
@@ -177,7 +181,7 @@ This package also exports several useful types,
 such as `MDXComponents` which represents the `components` prop.
 You can import them like so:
 
-```tsx path="example.ts"
+```ts twoslash path="example.ts"
 import type {MDXComponents} from 'mdx/types.js'
 ```
 
@@ -209,7 +213,7 @@ and make sure processes can be killed when taking too long.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
   import mdx from '@mdx-js/esbuild'
   import esbuild from 'esbuild'
 
@@ -235,16 +239,20 @@ To use more modern JavaScript features than what your users support,
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="rollup.config.js"
+  ```js twoslash path="rollup.config.js"
+  /**
+   * @import {RollupOptions} from 'rollup'
+   */
+
   import mdx from '@mdx-js/rollup'
   import {babel} from '@rollup/plugin-babel'
 
-  /** @type {import('rollup').RollupOptions} */
+  /** @type {RollupOptions} */
   const config = {
     // …
     plugins: [
       // …
-      mdx({/* jsxImportSource: …, otherOptions… */})
+      mdx({/* jsxImportSource: …, otherOptions… */}),
       // Babel is optional:
       babel({
         // Also run on what used to be `.mdx` (but is now JS):
@@ -275,8 +283,13 @@ for more info.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="webpack.config.js"
-  /** @type {import('webpack').Configuration} */
+  ```js twoslash path="webpack.config.js"
+  /**
+   * @import {Options} from '@mdx-js/loader'
+   * @import {Configuration} from 'webpack'
+   */
+
+  /** @type {Configuration} */
   const webpackConfig = {
     module: {
       // …
@@ -289,7 +302,7 @@ for more info.
             {loader: 'babel-loader', options: {}},
             {
               loader: '@mdx-js/loader',
-              /** @type {import('@mdx-js/loader').Options} */
+              /** @type {Options} */
               options: {/* jsxImportSource: …, otherOptions… */}
             }
           ]
@@ -321,7 +334,7 @@ for more info.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="vite.config.js"
+  ```js twoslash path="vite.config.js"
   import mdx from '@mdx-js/rollup'
   import {defineConfig} from 'vite'
 
@@ -344,14 +357,18 @@ To use more modern JavaScript features than what your users support,
 [configure Vite’s `build.target`][vite-build-target].
 
 <Note type="info">
-  **Note**: If you also use `vitejs/vite-plugin-react`,
+  **Note**: If you also use `@vitejs/plugin-react`,
   you must force `@mdx-js/rollup` to run in the `pre` phase before it:
 
-  ```tsx path="vite.config.js"
+  ```js twoslash path="vite.config.js"
+  import mdx from '@mdx-js/rollup'
+  import react from '@vitejs/plugin-react'
+  import {defineConfig} from 'vite'
+  // ---cut---
   // …
   const viteConfig = defineConfig({
     plugins: [
-      {enforce: 'pre', ...mdx(/* jsxImportSource: …, otherOptions… */)},
+      {enforce: 'pre', ...mdx({/* jsxImportSource: …, otherOptions… */})},
       react({include: /\.(jsx|js|mdx|md|tsx|ts)$/})
     ]
   })
@@ -372,49 +389,157 @@ for more info.
 
   This plugin:
 
-  ```tsx path="plugin.js"
-  import path from 'node:path'
+  ```js twoslash path="plugin.js"
+  /**
+   * @import {ParseResult, ParserOptions} from '@babel/parser'
+   * @import {File} from '@babel/types'
+   * @import {Program} from 'estree'
+   * @import {Plugin} from 'unified'
+   */
+
   import parser from '@babel/parser'
   import {compileSync} from '@mdx-js/mdx'
   import estreeToBabel from 'estree-to-babel'
 
+  /**
+   * Plugin that tells Babel to use a different parser.
+   */
   export function babelPluginSyntaxMdx() {
-    // Tell Babel to use a different parser.
     return {parserOverride: babelParserWithMdx}
   }
 
-  // A Babel parser that parses MDX files with `@mdx-js/mdx` and passes any
-  // other things through to the normal Babel parser.
+  /**
+   * Parser that handles MDX with `@mdx-js/mdx` and passes other things through
+   * to the normal Babel parser.
+   *
+   * @param {string} value
+   * @param {ParserOptions} options
+   * @returns {ParseResult<File>}
+   */
   function babelParserWithMdx(value, options) {
-    if (options.sourceFileName && /\.mdx?$/.test(options.sourceFileName)) {
+    /** @type {string | undefined} */
+    // @ts-expect-error: babel changed the casing at some point and the types are out of date.
+    const filename = options.sourceFilename || options.sourceFileName
+
+    if (filename && /\.mdx?$/.test(filename)) {
       // Babel does not support async parsers, unfortunately.
-      return compileSync(
-        {value, path: options.sourceFileName},
-        // Tell `@mdx-js/mdx` to return a Babel tree instead of serialized JS.
-        {recmaPlugins: [recmaBabel], /* jsxImportSource: …, otherOptions… */}
-      ).result
+      const file = compileSync(
+        {value, path: options.sourceFilename},
+        {recmaPlugins: [recmaBabel] /* jsxImportSource: …, otherOptions… */}
+      )
+      return /** @type {ParseResult<File>} */ (file.result)
     }
 
     return parser.parse(value, options)
   }
 
-  // A “recma” plugin is a unified plugin that runs on the estree (used by
-  // `@mdx-js/mdx` and much of the JS ecosystem but not Babel).
-  // This plugin defines `'estree-to-babel'` as the compiler,
-  // which means that the resulting Babel tree is given back by `compileSync`.
+  /**
+   * A “recma” plugin is a unified plugin that runs on the estree (used by
+   * `@mdx-js/mdx` and much of the JS ecosystem but not Babel).
+   * This plugin defines `'estree-to-babel'` as the compiler,
+   * which means that the resulting Babel tree is given back by `compileSync`.
+   *
+   * @type {Plugin<[], Program, unknown>}
+   */
   function recmaBabel() {
-    this.compiler = estreeToBabel
+    // @ts-expect-error: `Program` is similar enough to a unist node.
+    this.compiler = compiler
+
+    /**
+     * @param {Program} tree
+     * @returns {unknown}
+     */
+    function compiler(tree) {
+      // @ts-expect-error TS2349: This expression *is* callable, `estreeToBabel` types are wrong.
+      return estreeToBabel(tree)
+    }
   }
   ```
 
   …can be used like so with the Babel API:
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
+  /// <reference types="node" />
+  // ---cut---
+  // @filename: plugin.js
+  /**
+   * @import {ParseResult, ParserOptions} from '@babel/parser'
+   * @import {File} from '@babel/types'
+   * @import {Program} from 'estree'
+   * @import {Plugin} from 'unified'
+   */
+
+  import parser from '@babel/parser'
+  import {compileSync} from '@mdx-js/mdx'
+  import estreeToBabel from 'estree-to-babel'
+
+  /**
+   * Plugin that tells Babel to use a different parser.
+   */
+  export function babelPluginSyntaxMdx() {
+    return {parserOverride: babelParserWithMdx}
+  }
+
+  /**
+   * Parser that handles MDX with `@mdx-js/mdx` and passes other things through
+   * to the normal Babel parser.
+   *
+   * @param {string} value
+   * @param {ParserOptions} options
+   * @returns {ParseResult<File>}
+   */
+  function babelParserWithMdx(value, options) {
+    /** @type {string | undefined} */
+    // @ts-expect-error: babel types are wrong.
+    const filename = options.sourceFilename || options.sourceFileName
+
+    if (filename && /\.mdx?$/.test(filename)) {
+      // Babel does not support async parsers, unfortunately.
+      const file = compileSync(
+        {value, path: options.sourceFilename},
+        {recmaPlugins: [recmaBabel] /* jsxImportSource: …, otherOptions… */}
+      )
+      return /** @type {ParseResult<File>} */ (file.result)
+    }
+
+    return parser.parse(value, options)
+  }
+
+  /**
+   * A “recma” plugin is a unified plugin that runs on the estree (used by
+   * `@mdx-js/mdx` and much of the JS ecosystem but not Babel).
+   * This plugin defines `'estree-to-babel'` as the compiler,
+   * which means that the resulting Babel tree is given back by `compileSync`.
+   *
+   * @type {Plugin<[], Program, unknown>}
+   */
+  function recmaBabel() {
+    // @ts-expect-error: `Program` is similar enough to a unist node.
+    this.compiler = compiler
+
+    /**
+     * @param {Program} tree
+     * @returns {unknown}
+     */
+    function compiler(tree) {
+      // @ts-expect-error TS2349: This expression *is* callable, `estreeToBabel` types are wrong.
+      return estreeToBabel(tree)
+    }
+  }
+  // @filename: example.js
+  // ---cut---
   import babel from '@babel/core'
   import {babelPluginSyntaxMdx} from './plugin.js'
 
+  const document = '# Hello, world!'
+
   // Note that a filename must be set for our plugin to know it’s MDX instead of JS.
-  await babel.transformAsync(file, {filename: 'example.mdx', plugins: [babelPluginSyntaxMdx]})
+  const result = await babel.transformAsync(document, {
+    filename: 'example.mdx',
+    plugins: [babelPluginSyntaxMdx]
+  })
+
+  console.log(result)
   ```
 </details>
 
@@ -460,7 +585,7 @@ See [`gatsby-plugin-mdx`][gatsby-plugin-mdx] on how to use MDX with Gatsby.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="next.config.js"
+  ```js twoslash path="next.config.js"
   import nextMdx from '@next/mdx'
 
   const withMdx = nextMdx({
@@ -499,7 +624,7 @@ on how to use MDX with Parcel.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
   import {compile} from '@mdx-js/mdx'
 
   const js = String(await compile('# hi', {jsxImportSource: '@emotion/react', /* otherOptions… */}))
@@ -527,19 +652,27 @@ for more info.
   # Hi!
   ```
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
+  // @filename: types.d.ts
+  import type {} from 'mdx'
+  // @filename: example.js
+  // @errors: 2769 -- something with Ink/twoslash/react getting different versions of React?
+  // ---cut---
   import React from 'react'
   import {Text, render} from 'ink'
   import Content from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-  const components = {
-    h1(properties) {
-      return React.createElement(Text, {bold: true, ...properties})
-    },
-    p: Text
-  }
-
-  render(React.createElement(Content, {components}))
+  render(
+    React.createElement(Content, {
+      components: {
+        h1(properties) {
+          // @ts-expect-error: `Ink` types don’t match w/ `exactOptionalPropertyTypes: true`
+          return React.createElement(Text, {bold: true, ...properties})
+        },
+        p: Text
+      }
+    })
+  )
   ```
 
   Can be used with:
@@ -563,7 +696,7 @@ info.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
   import {compile} from '@mdx-js/mdx'
 
   const js = String(await compile('# hi', {jsxImportSource: 'preact', /* otherOptions… */}))
@@ -593,53 +726,15 @@ for more info.
 
 #### Theme UI
 
-<details>
-  <summary>Expand example</summary>
-
-  Example w/o `@mdx-js/react`
-
-  ```tsx path="example.js"
-  import {base} from '@theme-ui/preset-base'
-  import {ThemeProvider, components} from 'theme-ui'
-  import Post from './post.mdx' // Assumes an integration is used to compile MDX -> JS.
-
-  <ThemeProvider theme={base}>
-    <Post components={components} />
-  </ThemeProvider>
-  ```
-
-  Example w/ `@mdx-js/react`
-
-  ```tsx path="example.js"
-  import {base} from '@theme-ui/preset-base'
-  import {ThemeProvider} from 'theme-ui'
-  import Post from './post.mdx' // Assumes an integration is used to compile MDX -> JS.
-
-  <ThemeProvider theme={base}>
-    <Post />
-  </ThemeProvider>
-  ```
-</details>
-
-[Theme UI][theme-ui] is a React-specific library that depends on context to
-access its effective components.
-You can install and configure [`@mdx-js/react`][mdx-react] to support context
-based component passing.
-
-See also [¶ Emotion][jsx-runtime-emotion],
-[¶ React][jsx-runtime-react],
-[¶ Rollup][bundler-rollup], and
-[¶ esbuild][bundler-esbuild],
-[¶ webpack][bundler-webpack],
-which you might be using,
-for more info.
+[Theme UI][theme-ui] has its own plugin to support MDX.
+See [`@theme-ui/mdx`][theme-ui-mdx] on how to use MDX with Theme UI.
 
 #### Svelte
 
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
   import {compile} from '@mdx-js/mdx'
 
   const js = String(await compile('# hi', {jsxImportSource: 'svelte-jsx', /* otherOptions… */}))
@@ -660,7 +755,7 @@ for more info.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
   import {compile} from '@mdx-js/mdx'
 
   const js = String(await compile('# hi', {jsxImportSource: 'vue', /* otherOptions… */}))
@@ -681,7 +776,7 @@ for more info.
 <details>
   <summary>Expand example</summary>
 
-  ```tsx path="example.js"
+  ```js twoslash path="example.js"
   import {compile} from '@mdx-js/mdx'
 
   const js = String(await compile('# hi', {jsxImportSource: 'solid-js/h', /* otherOptions… */}))
@@ -764,6 +859,8 @@ See its readme on how to configure it.
 
 [theme-ui]: https://theme-ui.com
 
+[theme-ui-mdx]: https://theme-ui.com/mdx
+
 [typescript]: https://www.typescriptlang.org
 
 [vim-mdx-js]: https://github.com/jxnblk/vim-mdx-js
diff --git a/docs/docs/index.mdx b/docs/docs/index.mdx
index 7b7119043..ad15cfd58 100644
--- a/docs/docs/index.mdx
+++ b/docs/docs/index.mdx
@@ -1,6 +1,6 @@
 {
   /**
-   * @import {Item} from '../_component/sort.js
+   * @import {Item} from '../_component/sort.js'
    */
 
   /**
@@ -14,7 +14,7 @@ import {NavigationGroup} from '../_component/nav.jsx'
 
 export const info = {
   author: [{name: 'MDX Contributors'}],
-  modified: new Date('2021-11-01'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-11-01')
 }
 export const navSortSelf = 1
diff --git a/docs/docs/troubleshooting-mdx.mdx b/docs/docs/troubleshooting-mdx.mdx
index 33bb4976c..e27d3543a 100644
--- a/docs/docs/troubleshooting-mdx.mdx
+++ b/docs/docs/troubleshooting-mdx.mdx
@@ -4,7 +4,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-24'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-18')
 }
 export const navSortSelf = 5
@@ -127,13 +127,13 @@ for how to create plugins.
 
 The full error message in MDX 2 is as follows:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 Incorrect `format: 'detect'`: `createProcessor` can support either `md` or `mdx`; it does not support detecting the format
 ```
 
 The full error message in MDX 3 is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 Unexpected `format: 'detect'`, which is not supported by `createProcessor`, expected `'mdx'` or `'md'`
 ```
 
@@ -201,7 +201,7 @@ for examples on how to pass these values.
 
 The full error message in MDX is as follows:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 Unexpected missing `options.baseUrl` needed to support `export … from`, `import`, or `import.meta.url` when generating `function-body`
 ```
 
@@ -240,7 +240,7 @@ It occurs when the keywords `import` or `export` are found at the start of a
 line but they are not followed by valid JavaScript.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 import 1/1
 ```
 
@@ -259,7 +259,7 @@ It occurs when, after an `import` or `export` statement, more JavaScript is
 found.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 export const a = 1
 const b = 2
 ```
@@ -275,7 +275,7 @@ It was introduced in version 2.
 It occurs when there is an opening curly brace not followed by a closing brace.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 a { b
 ```
 
@@ -294,7 +294,7 @@ It was introduced in version 3.
 It occurs when containers with lazy lines are combined with expressions
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 * {1 +
 2}
 
@@ -305,7 +305,7 @@ An example is:
 The reason for this error is that the parser it likely points to a bug.
 Be explicit with your list items and block quotes:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 * {1 +
   2}
 
@@ -321,13 +321,13 @@ It occurs when there are matching curly braces that, when interpreting what’s
 inside them as JavaScript, results in a syntax error.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 a {const b = 'c'} d
 ```
 
 Another example:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 a {!} d
 ```
 
@@ -349,7 +349,7 @@ It occurs when there are matching curly braces that, and valid JavaScript is
 inside them, but there’s too much JavaScript.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 a {'b' 'c'} d
 ```
 
@@ -365,7 +365,7 @@ It was introduced in version 2.
 It occurs when there are multiple values spread into a JSX tag.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 <div {...a, ...b} />
 ```
 
@@ -385,7 +385,7 @@ They were introduced in version 2.
 They occur when something other than a spread is used in braces.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 <div {values} {/* comment */} {} />
 ```
 
@@ -404,7 +404,7 @@ They were introduced in MDX version 2.
 They occur when something unexpected was found in a JSX tag.
 Some examples are:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 <
 <.>
 </
@@ -441,7 +441,7 @@ It was introduced in version 2.
 It occurs when a closing tag is found but there are no open tags.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 </div>
 ```
 
@@ -455,7 +455,7 @@ It was introduced in version 3.
 It occurs when containers with lazy lines are combined with JSX.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 * <x
 y />
 
@@ -466,7 +466,7 @@ y />
 The reason for this error is that the parser it likely points to a bug.
 Be explicit with your list items and block quotes:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 * <x
   y />
 
@@ -481,7 +481,7 @@ It was introduced in version 2.
 It occurs when attributes are placed on closing tags.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 <h1>Text</h1 id="text">
 ```
 
@@ -495,7 +495,7 @@ It was introduced in version 2.
 It occurs when a closing tag is also marked as self-closing.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 <h1>Text</h1/>
 ```
 
@@ -511,7 +511,7 @@ It occurs when a closing tag is seen that does not match the expected opening
 tag.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 <a>Text</b>
 ```
 
@@ -527,7 +527,7 @@ It was introduced in version 2.
 It typically occurs when markdown and JSX are not interleaved correctly.
 An example is:
 
-```txt chrome=no
+```mdx-invalid chrome=no
 > <div>
 ```
 
diff --git a/docs/docs/using-mdx.mdx b/docs/docs/using-mdx.mdx
index b990a8912..830f600db 100644
--- a/docs/docs/using-mdx.mdx
+++ b/docs/docs/using-mdx.mdx
@@ -2,7 +2,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-09-30')
 }
 export const navSortSelf = 3
@@ -40,7 +40,7 @@ export function Thing() {
 That’s *roughly* turned into the following JavaScript.
 The below might help to form a mental model:
 
-```tsx path="output-outline.jsx"
+```jsx twoslash path="output-outline.jsx"
 /* @jsxRuntime automatic */
 /* @jsxImportSource react */
 
@@ -62,7 +62,8 @@ Some observations:
 
 The *actual* output is:
 
-```tsx path="output-actual.js"
+```js twoslash path="output-actual.js"
+// @noErrors
 import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime'
 
 export function Thing() {
@@ -110,12 +111,18 @@ Take this file:
 
 It could be imported and used in a React app like so:
 
-```tsx path="example.js"
-import React from 'react'
-import ReactDom from 'react-dom'
+```jsx twoslash path="example.jsx"
+// @filename: types.d.ts
+import type {} from 'mdx'
+// @filename: example.jsx
+/// <reference lib="dom" />
+// ---cut---
+import {createRoot} from 'react-dom/client'
 import Example from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-const root = ReactDom.createRoot(document.getElementById('root'))
+const container = document.getElementById('root')
+if (!container) throw new Error('Expected `root`')
+const root = createRoot(container)
 root.render(<Example />)
 ```
 
@@ -133,7 +140,15 @@ export function Thing() {
 
 It could be imported in the following ways:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+// @filename: types.d.ts
+declare module '*.mdx' {
+  export {MDXContent as default} from 'mdx/types';
+  export function Thing(): JSX.Element;
+}
+// @filename: example.js
+/// <reference types="node" />
+// ---cut---
 // A namespace import to get everything:
 import * as everything from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 console.log(everything) // {Thing: [Function: Thing], default: [Function: MDXContent]}
@@ -175,14 +190,20 @@ The current year is {props.year}
 
 This file could be used as:
 
-```tsx path="example.jsx"
+```jsx twoslash path="example.jsx"
+// @filename: types.d.ts
+import type {} from 'mdx'
+// @filename: example.jsx
+/// <reference lib="dom" />
+// ---cut---
+import React from 'react'
 import Example from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
 // Use a `createElement` call:
-React.createElement(Example, {name: 'Venus', year: 2021})
+console.log(React.createElement(Example, {name: 'Venus', year: 2021}))
 
 // Use JSX:
-<Example name="Mars" year={2022} />
+console.log(<Example name="Mars" year={2022} />)
 ```
 
 ### Components
@@ -197,16 +218,24 @@ Take this example:
 
 It can be imported from JavaScript and passed components like so:
 
-```tsx path="example.jsx"
+```jsx twoslash path="example.jsx"
+// @filename: types.d.ts
+import type {} from 'mdx'
+// @filename: example.jsx
+/// <reference lib="dom" />
+/* @jsxImportSource react */
+// ---cut---
 import Example from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-<Example
-  components={{
-    Planet() {
-      return <span style={{color: 'tomato'}}>Pluto</span>
-    }
-  }}
-/>
+console.log(
+  <Example
+    components={{
+      Planet() {
+        return <span style={{color: 'tomato'}}>Pluto</span>
+      }
+    }}
+  />
+)
 ```
 
 You don’t have to pass components.
@@ -239,31 +268,40 @@ import Contributing from './docs/contributing.mdx'
 
 Here are some other examples of passing components:
 
-```tsx path="example.jsx"
-<Example
-  components={{
-    // Map `h1` (`# heading`) to use `h2`s.
-    h1: 'h2',
-    // Rewrite `em`s (`*like so*`) to `i` with a goldenrod foreground color.
-    em(props) {
-      return <i style={{color: 'goldenrod'}} {...props} />
-    },
-    // Pass a layout (using the special `'wrapper'` key).
-    wrapper({components, ...rest}) {
-      return <main {...rest} />
-    },
-    // Pass a component.
-    Planet() {
-      return 'Neptune'
-    },
-    // This nested component can be used as `<theme.text>hi</theme.text>`
-    theme: {
-      text(props) {
-        return <span style={{color: 'grey'}} {...props} />
+```jsx twoslash path="example.jsx"
+// @filename: types.d.ts
+import type {} from 'mdx'
+// @filename: example.jsx
+/// <reference lib="dom" />
+/* @jsxImportSource react */
+import Example from './example.mdx'
+// ---cut---
+console.log(
+  <Example
+    components={{
+      // Map `h1` (`# heading`) to use `h2`s.
+      h1: 'h2',
+      // Rewrite `em`s (`*like so*`) to `i` with a goldenrod foreground color.
+      em(props) {
+        return <i style={{color: 'goldenrod'}} {...props} />
+      },
+      // Pass a layout (using the special `'wrapper'` key).
+      wrapper({components, ...rest}) {
+        return <main {...rest} />
+      },
+      // Pass a component.
+      Planet() {
+        return 'Neptune'
+      },
+      // This nested component can be used as `<theme.text>hi</theme.text>`
+      theme: {
+        text(props) {
+          return <span style={{color: 'grey'}} {...props} />
+        }
       }
-    }
-  }}
-/>
+    }}
+  />
+)
 ```
 
 The following keys can be passed in `components`:
@@ -276,9 +314,9 @@ The following keys can be passed in `components`:
   `<So />` or `<like.so />`, note that locally defined components take
   precedence)**‡**
 
-If you ever wondered what the rules are for whether a name in JSX (so `x` in
-`<x>`) is a literal tag name (like `h1`) or not (like `Component`), they are as
-follows:
+**‡** If you ever wondered what the rules are for whether a name in JSX (so `x`
+in `<x>`) is a literal tag name (like `h1`) or not (like `Component`), they are
+as follows:
 
 * If there’s a dot, it’s a member expression (`<a.b>` -> `h(a.b)`),
   which means that the `b` component is taken from object `a`
@@ -303,9 +341,7 @@ All the things.
 
 The layout can also be imported and *then* exported with an `export … from`:
 
-{/* Note: `language` because theme in VS Code is broken. */}
-
-```tsx language="mdx"
+```mdx
 export {Layout as default} from './components.js'
 ```
 
@@ -325,10 +361,18 @@ Take for example this file:
 
 Used like so:
 
-```tsx path="app.jsx"
+```jsx twoslash path="app.jsx"
+// @filename: components.d.ts
 import React from 'react'
-import ReactDom from 'react-dom'
-import {Heading, /* … */ Table} from './components/index.js'
+declare const Heading: {H1: React.ComponentType}
+declare const Table: React.ComponentType
+// @filename: types.d.ts
+import type {} from 'mdx'
+// @filename: example.jsx
+/// <reference lib="dom" />
+// ---cut---
+import {createRoot} from 'react-dom/client'
+import {Heading, /* … */ Table} from './components.js'
 import Post from './post.mdx' // Assumes an integration is used to compile MDX -> JS.
 
 const components = {
@@ -337,7 +381,9 @@ const components = {
   table: Table
 }
 
-const root = ReactDom.createRoot(document.getElementById('root'))
+const container = document.getElementById('root')
+if (!container) throw new Error('Expected `root`')
+const root = createRoot(container)
 root.render(<Post components={components} />)
 ```
 
@@ -378,18 +424,14 @@ Set it up like so:
 
 ```diff
 +import {MDXProvider} from '@mdx-js/react'
- import React from 'react'
- import ReactDom from 'react-dom'
+ import {createRoot} from 'react-dom/client'
  import {Heading, /* … */ Table} from './components/index.js'
  import Post from './post.mdx' // Assumes an integration is used to compile MDX -> JS.
+@@ -13,4 +14,8 @@ const components = {
 
- const components = {
-   h1: Heading.H1,
-   // …
-   table: Table
- }
-
- const root = ReactDom.createRoot(document.getElementById('root'))
+ const container = document.getElementById('root')
+ if (!container) throw new Error('Expected `root`')
+ const root = createRoot(container)
 -root.render(<Post components={components} />)
 +root.render(
 +  <MDXProvider components={components}>
@@ -418,14 +460,28 @@ Now you can remove the explicit and verbose component passing:
 When `MDXProvider`s are nested, their components are merged.
 Take this example:
 
-```tsx
-<>
+```jsx twoslash
+// @filename: types.d.ts
+import React from 'react'
+import type {MDXContent} from 'mdx/types.js'
+declare const Component1: React.ComponentType
+declare const Component2: React.ComponentType
+declare const Component3: React.ComponentType
+declare const Component4: React.ComponentType
+declare const Content: MDXContent
+// @filename: example.jsx
+/// <reference lib="dom" />
+import {MDXProvider} from '@mdx-js/react'
+import React from 'react'
+import {Component1, Component2, Component3, Component4, Content} from './types.js'
+// ---cut---
+console.log(
   <MDXProvider components={{h1: Component1, h2: Component2}}>
     <MDXProvider components={{h2: Component3, h3: Component4}}>
       <Content />
     </MDXProvider>
   </MDXProvider>
-</>
+)
 ```
 
 …which results in `h1`s using `Component1`, `h2`s using `Component3`, and `h3`s
@@ -436,8 +492,22 @@ It’s given the current context `components` and what it returns will be used
 instead.
 In this example the current context components are discarded:
 
-```tsx
-<>
+```jsx twoslash
+// @filename: types.d.ts
+import React from 'react'
+import type {MDXContent} from 'mdx/types.js'
+declare const Component1: React.ComponentType
+declare const Component2: React.ComponentType
+declare const Component3: React.ComponentType
+declare const Component4: React.ComponentType
+declare const Content: MDXContent
+// @filename: example.jsx
+/// <reference lib="dom" />
+import {MDXProvider} from '@mdx-js/react'
+import React from 'react'
+import {Component1, Component2, Component3, Component4, Content} from './types.js'
+// ---cut---
+console.log(
   <MDXProvider components={{h1: Component1, h2: Component2}}>
     <MDXProvider
       components={
@@ -449,7 +519,7 @@ In this example the current context components are discarded:
       <Content />
     </MDXProvider>
   </MDXProvider>
-</>
+)
 ```
 
 …which results in `h2`s using `Component3` and `h3`s using `Component4`.
diff --git a/docs/docs/what-is-mdx.mdx b/docs/docs/what-is-mdx.mdx
index 0dc9e2875..570c0cbb0 100644
--- a/docs/docs/what-is-mdx.mdx
+++ b/docs/docs/what-is-mdx.mdx
@@ -5,7 +5,7 @@ export const info = {
     {github: 'johno', name: 'John Otander', twitter: '4lpine'},
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-01-06'),
+  modified: new Date('2024-07-04'),
   published: new Date('2018-08-11')
 }
 export const navSortSelf = 1
@@ -321,7 +321,7 @@ It’s not possible to wrap “blocks” if text and tags are on the same line b
 corresponding opening and closing tags are in different blocks
 (so this is invalid!):
 
-```txt chrome=no
+```mdx-invalid chrome=no
 Welcome! <a href="about.html">
 
 This is home of...
diff --git a/docs/guides/embed.mdx b/docs/guides/embed.mdx
index fe00b8719..fd66c560f 100644
--- a/docs/guides/embed.mdx
+++ b/docs/guides/embed.mdx
@@ -2,7 +2,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-06')
 }
 export const navSortSelf = 5
@@ -27,7 +27,7 @@ Vue, etc.)
 You can use [`@remark-embedder/core`][remark-embedder] by doing something like
 this:
 
-```tsx path="example.js"
+```js path="example.js"
 import {compile} from '@mdx-js/mdx'
 // Note: `@remark-embedder` is currently using faux-esm.
 import fauxRemarkEmbedder from '@remark-embedder/core'
@@ -60,7 +60,7 @@ console.log(
 <details>
   <summary>Expand equivalent JSX</summary>
 
-  ```tsx path="output.jsx"
+  ```jsx path="output.jsx"
   <>
     <p>Check out this video:</p>
     <iframe
@@ -92,7 +92,7 @@ Here’s a codepen, and some other blog post text.
 <details>
   <summary>Expand equivalent JSX</summary>
 
-  ```tsx path="output.jsx"
+  ```jsx path="output.jsx"
   <>
     <p>Here’s a codepen, and some other blog post text.</p>
     <CodePen codePenId="PNaGbb" />
@@ -110,23 +110,25 @@ Here’s a codepen, and some other blog post text.
 
 Then you can either pass all components:
 
-```tsx path="example.jsx"
+```jsx path="example.jsx"
 import * as embeds from 'mdx-embed'
 import Example from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-<Example components={...embeds} />
+console.log(<Example components={...embeds} />)
 ```
 
 Or, if you’ve installed and configured [`@mdx-js/react`][mdx-react], you can
 also use `MDXEmbedProvider`:
 
-```tsx path="example.jsx"
+```jsx path="example.jsx"
 import {MDXEmbedProvider} from 'mdx-embed'
 import Example from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-<MDXEmbedProvider>
-  <Example />
-</MDXEmbedProvider>
+console.log(
+  <MDXEmbedProvider>
+    <Example />
+  </MDXEmbedProvider>
+)
 ```
 
 [commonmark]: https://spec.commonmark.org/current/
diff --git a/docs/guides/frontmatter.mdx b/docs/guides/frontmatter.mdx
index 825489c45..b3b3b26fb 100644
--- a/docs/guides/frontmatter.mdx
+++ b/docs/guides/frontmatter.mdx
@@ -2,7 +2,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-06')
 }
 export const navSortSelf = 2
@@ -26,7 +26,16 @@ export const title = 'Hi, ' + name + '!'
 
 Can be used like so:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+// @filename: types.d.ts
+declare module '*.mdx' {
+  export {MDXContent as default} from 'mdx/types'
+  export const name: string
+  export const title: string
+}
+// @filename: example.js
+/// <reference types="node" />
+// ---cut---
 import * as Post from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
 console.log(Post.title) // Prints 'Hi, World!'
@@ -46,7 +55,9 @@ title: Hi, World!
 
 Then without compiling or evaluating the metadata can be accessed like so:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+/// <reference types="node" />
+// ---cut---
 import {read} from 'to-vfile'
 import {matter} from 'vfile-matter'
 
@@ -60,7 +71,10 @@ Our compiler, `@mdx-js/mdx`, doesn’t understand YAML frontmatter by default bu
 it can be enabled by using a remark plugin,
 [`remark-frontmatter`][remark-frontmatter]:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+// @filename: example.js
+/// <reference types="node" />
+// ---cut---
 import fs from 'node:fs/promises'
 import {compile} from '@mdx-js/mdx'
 import remarkFrontmatter from 'remark-frontmatter'
diff --git a/docs/guides/gfm.mdx b/docs/guides/gfm.mdx
index d30a91782..6651cd9e3 100644
--- a/docs/guides/gfm.mdx
+++ b/docs/guides/gfm.mdx
@@ -2,7 +2,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-06')
 }
 export const navSortSelf = 1
@@ -51,7 +51,10 @@ A note[^1]
 
 The above MDX with GFM can be transformed with the following module:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+// @filename: example.js
+/// <reference types="node" />
+// ---cut---
 import fs from 'node:fs/promises'
 import {compile} from '@mdx-js/mdx'
 import remarkGfm from 'remark-gfm'
@@ -66,7 +69,7 @@ console.log(
 <details>
   <summary>Expand equivalent JSX</summary>
 
-  ```tsx path="output.jsx"
+  ```jsx path="output.jsx"
   <>
     <h1>GFM</h1>
     <h2>Autolink literals</h2>
diff --git a/docs/guides/index.mdx b/docs/guides/index.mdx
index f22a8c4d7..4853200e0 100644
--- a/docs/guides/index.mdx
+++ b/docs/guides/index.mdx
@@ -1,6 +1,6 @@
 {
   /**
-   * @import {Item} from '../_component/sort.js
+   * @import {Item} from '../_component/sort.js'
    */
 
   /**
@@ -14,7 +14,7 @@ import {NavigationGroup} from '../_component/nav.jsx'
 
 export const info = {
   author: [{name: 'MDX Contributors'}],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-11-01')
 }
 export const navSortSelf = 2
diff --git a/docs/guides/injecting-components.mdx b/docs/guides/injecting-components.mdx
index e3b52bc0e..6c2073309 100644
--- a/docs/guides/injecting-components.mdx
+++ b/docs/guides/injecting-components.mdx
@@ -2,7 +2,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-24'),
+  modified: new Date('2024-07-04'),
   published: new Date('2023-10-24')
 }
 export const navSortSelf = 7
@@ -25,19 +25,27 @@ as you can pass components to MDX:
 
 You can pass `Planet` and say a component used instead of the `h1`:
 
-```tsx path="example.jsx"
+```jsx twoslash path="example.jsx"
+// @filename: types.d.ts
+import type {} from 'mdx'
+// @filename: example.jsx
+/// <reference lib="dom" />
+/* @jsxImportSource react */
+// ---cut---
 import Example from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-<Example
-  components={{
-    Planet() {
-      return 'Pluto'
-    },
-    h1(properties) {
-      return <h2 {...properties} />
-    }
-  }}
-/>
+console.log(
+  <Example
+    components={{
+      Planet() {
+        return 'Pluto'
+      },
+      h1(properties) {
+        return <h2 {...properties} />
+      }
+    }}
+  />
+)
 ```
 
 When you find yourself passing that `components` prop around a lot,
@@ -91,8 +99,15 @@ We can use this interface to inject components from a file.
 In that file,
 we need a `useMDXComponents` function that returns our components.
 
-```tsx path="mdx-components.js"
-/** @returns {import('mdx/types.js').MDXComponents} */
+```jsx twoslash path="mdx-components.js"
+// @filename: mdx-components.jsx
+/* @jsxImportSource react */
+// ---cut---
+/**
+ * @import {MDXComponents} from 'mdx/types.js'
+ */
+
+/** @returns {MDXComponents} */
 export function useMDXComponents() {
   return {
     Planet() {
diff --git a/docs/guides/math.mdx b/docs/guides/math.mdx
index f4dd16085..4f7638855 100644
--- a/docs/guides/math.mdx
+++ b/docs/guides/math.mdx
@@ -4,7 +4,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-06')
 }
 export const navSortSelf = 3
@@ -30,7 +30,10 @@ Say we have an MDX file like this:
 
 The above MDX with math can be transformed with the following module:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+// @filename: example.js
+/// <reference types="node" />
+// ---cut---
 import fs from 'node:fs/promises'
 import {compile} from '@mdx-js/mdx'
 import rehypeKatex from 'rehype-katex'
@@ -49,7 +52,7 @@ console.log(
 <details>
   <summary>Expand equivalent JSX</summary>
 
-  ```tsx path="output.jsx"
+  ```jsx path="output.jsx"
   <>
     <h1>
       <span className="katex">
diff --git a/docs/guides/mdx-on-demand.mdx b/docs/guides/mdx-on-demand.mdx
index c435c5599..16caec7bc 100644
--- a/docs/guides/mdx-on-demand.mdx
+++ b/docs/guides/mdx-on-demand.mdx
@@ -4,7 +4,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-11-13')
 }
 export const navSortSelf = 6
@@ -26,7 +26,7 @@ This is similar to what people sometimes use [`mdx-bundler`][mdx-bundler] or
 
 On the server:
 
-```tsx path="server.js"
+```js twoslash path="server.js"
 import {compile} from '@mdx-js/mdx'
 
 const code = String(await compile('# hi', {
@@ -38,12 +38,13 @@ const code = String(await compile('# hi', {
 
 On the client:
 
-```tsx path="client.js"
+```js twoslash path="client.js"
 import {run} from '@mdx-js/mdx'
 import * as runtime from 'react/jsx-runtime'
 
 const code = '' // To do: get `code` from server somehow.
 
+// @ts-expect-error: `runtime` types are currently broken.
 const {default: Content} = await run(code, {...runtime, baseUrl: import.meta.url})
 ```
 
@@ -66,20 +67,34 @@ and runs in one.
 Some frameworks let you write the server and client code in one file, such as
 Next.
 
-```tsx path="pages/hello.js"
+```js twoslash path="pages/hello.js"
+/**
+ * @import {MDXModule} from 'mdx/types.js'
+ * @import {Dispatch, SetStateAction} from 'react'
+ */
+
 import {compile, run} from '@mdx-js/mdx'
 import {Fragment, useEffect, useState} from 'react'
 import * as runtime from 'react/jsx-runtime'
 
+/**
+ * @param {{code: string}} props
+ * @returns {JSX.Element}
+ */
 export default function Page({code}) {
+  /** @type {[MDXModule | undefined, Dispatch<SetStateAction<MDXModule | undefined>>]} */
   const [mdxModule, setMdxModule] = useState()
   const Content = mdxModule ? mdxModule.default : Fragment
 
-  useEffect(function () {
-    ;(async function () {
-      setMdxModule(await run(code, {...runtime, baseUrl: import.meta.url}))
-    })()
-  }, [code])
+  useEffect(
+    function () {
+      ;(async function () {
+        // @ts-expect-error: `runtime` types are currently broken.
+        setMdxModule(await run(code, {...runtime, baseUrl: import.meta.url}))
+      })()
+    },
+    [code]
+  )
 
   return <Content />
 }
@@ -87,7 +102,7 @@ export default function Page({code}) {
 export async function getStaticProps() {
   const code = String(
     await compile('# hi', {
-      outputFormat: 'function-body',
+      outputFormat: 'function-body'
       /* …otherOptions */
     })
   )
diff --git a/docs/guides/syntax-highlighting.mdx b/docs/guides/syntax-highlighting.mdx
index de7989b30..bf3cf4514 100644
--- a/docs/guides/syntax-highlighting.mdx
+++ b/docs/guides/syntax-highlighting.mdx
@@ -4,7 +4,7 @@ export const info = {
   author: [
     {github: 'wooorm', name: 'Titus Wormer', twitter: 'wooorm'}
   ],
-  modified: new Date('2023-10-23'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-10-06')
 }
 export const navSortSelf = 4
@@ -28,33 +28,34 @@ Vue, etc.)
 
 ## Syntax highlighting at compile time
 
-Use either [`rehype-highlight`][rehype-highlight]
-(`highlight.js`) or [`@mapbox/rehype-prism`][rehype-prism]
-(Prism) by doing something like this:
+Use for example [`rehype-starry-night`][rehype-starry-night] (`starry-night`),
+[`rehype-highlight`][rehype-highlight] (`lowlight`, `highlight.js`),
+or [`@mapbox/rehype-prism`][rehype-prism] (`refractor`, `prism`)
+by doing something like this:
 
-```tsx path="example.js"
+```js twoslash path="example.js"
+/// <reference types="node" />
+// ---cut---
 import {compile} from '@mdx-js/mdx'
-import rehypeHighlight from 'rehype-highlight'
+import rehypeStarryNight from 'rehype-starry-night'
 
 const code = `~~~js
 console.log(1)
 ~~~`
 
 console.log(
-  String(await compile(code, {rehypePlugins: [rehypeHighlight]}))
+  String(await compile(code, {rehypePlugins: [rehypeStarryNight]}))
 )
 ```
 
 <details>
   <summary>Expand equivalent JSX</summary>
 
-  ```tsx path="output.jsx"
+  ```jsx path="output.jsx"
   <>
     <pre>
-      <code className="hljs language-js">
-        <span className="hljs-variable language_">console</span>.
-        <span className="hljs-title function_">log</span>(
-        <span className="hljs-number">1</span>)
+      <code className="language-js">
+        <span className="pl-en">console</span>.<span className="pl-c1">log</span>(<span className="pl-c1">1</span>)
       </code>
     </pre>
   </>
@@ -62,24 +63,8 @@ console.log(
 </details>
 
 <Note type="important">
-  **Important**: If you chose `rehype-highlight`, then you should also use a
-  highlight.js theme somewhere on the page.
-  For example, to get GitHub Dark from cdnjs:
-
-  ```html
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github-dark.min.css">
-  ```
-
-  {/* to do: once in a while, get the latest: <https://github.com/wooorm/lowlight#css> */}
-
-  If you chose `@mapbox/rehype-prism`, include something like this instead to
-  get Prism Dark:
-
-  ```html
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.27.0/themes/prism-dark.min.css">
-  ```
-
-  {/* to do: once in a while, get the latest: <https://github.com/wooorm/refractor#css> */}
+  **Important**: you must likely also include CSS somewhere on the page.
+  See the documentation of the plugin you’re using for more information.
 </Note>
 
 ## Syntax highlighting at run time
@@ -88,11 +73,13 @@ Use for example
 [`react-syntax-highlighter`][react-syntax-highlighter],
 by doing something like this:
 
-```tsx path="example.jsx"
+{/* Note: `react-syntax-highlighter` doesn’t seem actively maintained so no twoslash to check this example. */}
+
+```jsx path="example.jsx"
 import SyntaxHighlighter from 'react-syntax-highlighter'
 import Post from './example.mdx' // Assumes an integration is used to compile MDX -> JS.
 
-<Post components={{code}} />
+console.log(<Post components={{code}} />)
 
 function code({className, ...properties}) {
   const match = /language-(\w+)/.exec(className || '')
@@ -105,7 +92,7 @@ function code({className, ...properties}) {
 <details>
   <summary>Expand equivalent JSX</summary>
 
-  ```tsx path="output.jsx"
+  ```jsx path="output.jsx"
   <>
     <pre>
       <div
@@ -161,6 +148,8 @@ More info on plugins is available in [§ Extending MDX][extend]
 
 [commonmark]: https://spec.commonmark.org/current/
 
+[rehype-starry-night]: https://github.com/rehypejs/rehype-starry-night
+
 [rehype-highlight]: https://github.com/rehypejs/rehype-highlight
 
 [rehype-prism]: https://github.com/mapbox/rehype-prism
diff --git a/docs/migrating/v2.mdx b/docs/migrating/v2.mdx
index 14d56502f..97958b6e1 100644
--- a/docs/migrating/v2.mdx
+++ b/docs/migrating/v2.mdx
@@ -590,7 +590,7 @@ You can more easily embed components in MDX because blank lines are allowed:
 
 {/* Note: `language` because theme in VS Code is broken. */}
 
-```tsx language="mdx" chrome=no
+```mdx chrome=no
 export function Button(props) {
   const style = {color: 'red'}
 
diff --git a/docs/packages/index.mdx b/docs/packages/index.mdx
index 9ad933c72..141f73f59 100644
--- a/docs/packages/index.mdx
+++ b/docs/packages/index.mdx
@@ -1,6 +1,6 @@
 {
   /**
-   * @import {Item} from '../_component/sort.js
+   * @import {Item} from '../_component/sort.js'
    */
 
   /**
@@ -14,7 +14,7 @@ import {NavigationGroup} from '../_component/nav.jsx'
 
 export const info = {
   author: [{name: 'MDX Contributors'}],
-  modified: new Date('2021-11-01'),
+  modified: new Date('2024-07-04'),
   published: new Date('2021-11-01')
 }
 export const navSortSelf = 3
diff --git a/package-lock.json b/package-lock.json
index 1c6252184..197b0ce70 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,14 +19,19 @@
       ],
       "devDependencies": {
         "@babel/types": "^7.0.0",
+        "@floating-ui/dom": "^1.0.0",
+        "@next/mdx": "^14.0.0",
         "@node-loader/core": "^2.0.0",
+        "@rollup/plugin-babel": "^6.0.0",
         "@sparticuz/chromium": "^123.0.0",
+        "@types/babel__core": "^7.0.0",
         "@types/dlv": "^1.0.0",
         "@types/mdx": "^2.0.0",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "@types/ungap__structured-clone": "^1.0.0",
         "@ungap/structured-clone": "^1.0.0",
+        "@vitejs/plugin-react": "^4.0.0",
         "@vue/server-renderer": "^3.0.0",
         "@wooorm/starry-night": "^3.0.0",
         "acorn": "^8.0.0",
@@ -43,6 +48,7 @@
         "eslint-plugin-es": "^4.0.0",
         "eslint-plugin-react": "^7.0.0",
         "eslint-plugin-react-hooks": "^4.0.0",
+        "estree-to-babel": "^9.0.0",
         "estree-util-value-to-estree": "^3.0.0",
         "globby": "^14.0.0",
         "hast-util-from-html": "^2.0.0",
@@ -52,6 +58,8 @@
         "hast-util-to-jsx-runtime": "^2.0.0",
         "hast-util-to-text": "^4.0.0",
         "hastscript": "^9.0.0",
+        "ink": "^5.0.0",
+        "lz-string": "^1.0.0",
         "p-all": "^5.0.0",
         "periscopic": "^3.0.0",
         "postcss": "^8.0.0",
@@ -79,6 +87,7 @@
         "rehype-slug": "^6.0.0",
         "rehype-starry-night": "^2.0.0",
         "rehype-stringify": "^10.0.0",
+        "rehype-twoslash": "^1.0.0",
         "remark-cli": "^12.0.0",
         "remark-directive": "^3.0.0",
         "remark-frontmatter": "^5.0.0",
@@ -100,6 +109,7 @@
         "unist-util-remove-position": "^5.0.0",
         "unist-util-visit": "^5.0.0",
         "vfile": "^6.0.0",
+        "vfile-matter": "^5.0.0",
         "vfile-message": "^4.0.0",
         "vite": "^5.0.0",
         "vue": "^3.0.0",
@@ -114,6 +124,47 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/@alcalzone/ansi-tokenize": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@alcalzone/ansi-tokenize/-/ansi-tokenize-0.1.3.tgz",
+      "integrity": "sha512-3yWxPTq3UQ/FY9p1ErPxIyfT64elWaMvM9lIHnaqpyft63tkxodF5aUElYHrdisWve5cETkh1+KBw1yJuW0aRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.13.1"
+      }
+    },
+    "node_modules/@alcalzone/ansi-tokenize/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
@@ -128,118 +179,249 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-string-parser": {
+    "node_modules/@babel/compat-data": {
       "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==",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
+      "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-validator-identifier": {
+    "node_modules/@babel/core": {
       "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
+      "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-compilation-targets": "^7.24.7",
+        "@babel/helper-module-transforms": "^7.24.7",
+        "@babel/helpers": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/template": "^7.24.7",
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
       "engines": {
         "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@babel/highlight": {
+    "node_modules/@babel/generator": {
       "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
+      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
       "dev": true,
       "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.24.7",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^2.5.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
+      "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-convert": "^1.9.0"
+        "@babel/compat-data": "^7.24.7",
+        "@babel/helper-validator-option": "^7.24.7",
+        "browserslist": "^4.22.2",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-name": "1.1.3"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+    "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==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
     },
-    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
       "engines": {
-        "node": ">=0.8.0"
+        "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
+      "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-simple-access": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7"
+      },
       "engines": {
-        "node": ">=4"
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
+      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-flag": "^3.0.0"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
-        "node": ">=4"
+        "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz",
+      "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
@@ -254,6 +436,38 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.24.7.tgz",
+      "integrity": "sha512-fOPQYbGSgH0HUp4UJO4sMBFjY6DuWq+2i8rixyUMb3CdGixs/gccURvYOAhajBdKDoGajFr3mUq5rH3phtkGzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.24.7.tgz",
+      "integrity": "sha512-J2z+MWzZHVOemyLweMqngXrgGC42jQ//R0KdxqkIz/OrbVIIlhFI3WigZ5fO+nwFvBlncr4MGapd8vTyc7RPNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/runtime": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz",
@@ -267,6 +481,43 @@
         "node": ">=6.9.0"
       }
     },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "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",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/types": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
@@ -723,6 +974,35 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@eslint/js": {
       "version": "8.57.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
@@ -733,6 +1013,34 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.4.tgz",
+      "integrity": "sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.4"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.7.tgz",
+      "integrity": "sha512-wmVfPG5o2xnKDU4jx/m4w5qva9FWHcnZ8BvzEe90D/RpwsJaTAVYPEPdQ8sbr/N8zZTAHlZUTQdqg8ZUbzHmng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.4"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.4.tgz",
+      "integrity": "sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.14",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
@@ -979,6 +1287,28 @@
       "resolved": "packages/vue",
       "link": true
     },
+    "node_modules/@next/mdx": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/mdx/-/mdx-14.2.4.tgz",
+      "integrity": "sha512-eklTNNoH08xGy9UiKcohZmoLhmHAYaYm5ndPGQqJybaeNErgYL8fmp2tk5DRD0L54DNqMz97oN+CAEHqfqIVcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "^0.7.0"
+      },
+      "peerDependencies": {
+        "@mdx-js/loader": ">=0.15.0",
+        "@mdx-js/react": ">=0.15.0"
+      },
+      "peerDependenciesMeta": {
+        "@mdx-js/loader": {
+          "optional": true
+        },
+        "@mdx-js/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@node-loader/core": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@node-loader/core/-/core-2.0.0.tgz",
@@ -1245,6 +1575,50 @@
         "bare-path": "^2.1.0"
       }
     },
+    "node_modules/@puppeteer/browsers/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@putout/babel": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@putout/babel/-/babel-2.7.0.tgz",
+      "integrity": "sha512-EmHWi1/YFIe9HKCaojRNdLnwTI6IFqgxClnnq98haUQ741Pk7IFUxjIqnqB3JjtYtu6E+e18pyHBuftUwNO8QQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@rollup/plugin-babel": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-6.0.4.tgz",
+      "integrity": "sha512-YF7Y52kFdFT/xVSuVdjkV5ZdX/3YtmX0QulG+x0taQOtJdHYzVU61aSSkAgVJ7NOv6qPkIYiJSgSWWN/DM5sGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.18.6",
+        "@rollup/pluginutils": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@types/babel__core": "^7.1.9",
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/babel__core": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -1528,6 +1902,51 @@
         "@types/estree": "*"
       }
     },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.6.8",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.6",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
+      "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
     "node_modules/@types/concat-stream": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/concat-stream/-/concat-stream-2.0.3.tgz",
@@ -1779,17 +2198,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.14.1.tgz",
-      "integrity": "sha512-aAJd6bIf2vvQRjUG3ZkNXkmBpN+J7Wd0mfQiiVCJMu9Z5GcZZdcc0j8XwN/BM97Fl7e3SkTXODSk4VehUv7CGw==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.15.0.tgz",
+      "integrity": "sha512-uiNHpyjZtFrLwLDpHnzaDlP3Tt6sGMqTCiqmxaN4n4RP0EfYZDODJyddiFDF44Hjwxr5xAcaYxVKm9QKQFJFLA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "7.14.1",
-        "@typescript-eslint/type-utils": "7.14.1",
-        "@typescript-eslint/utils": "7.14.1",
-        "@typescript-eslint/visitor-keys": "7.14.1",
+        "@typescript-eslint/scope-manager": "7.15.0",
+        "@typescript-eslint/type-utils": "7.15.0",
+        "@typescript-eslint/utils": "7.15.0",
+        "@typescript-eslint/visitor-keys": "7.15.0",
         "graphemer": "^1.4.0",
         "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
@@ -1813,16 +2232,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.14.1.tgz",
-      "integrity": "sha512-8lKUOebNLcR0D7RvlcloOacTOWzOqemWEWkKSVpMZVF/XVcwjPR+3MD08QzbW9TCGJ+DwIc6zUSGZ9vd8cO1IA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.15.0.tgz",
+      "integrity": "sha512-k9fYuQNnypLFcqORNClRykkGOMOj+pV6V91R4GO/l1FDGwpqmSwoOQrOHo3cGaH63e+D3ZiCAOsuS/D2c99j/A==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "7.14.1",
-        "@typescript-eslint/types": "7.14.1",
-        "@typescript-eslint/typescript-estree": "7.14.1",
-        "@typescript-eslint/visitor-keys": "7.14.1",
+        "@typescript-eslint/scope-manager": "7.15.0",
+        "@typescript-eslint/types": "7.15.0",
+        "@typescript-eslint/typescript-estree": "7.15.0",
+        "@typescript-eslint/visitor-keys": "7.15.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1842,14 +2261,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.14.1.tgz",
-      "integrity": "sha512-gPrFSsoYcsffYXTOZ+hT7fyJr95rdVe4kGVX1ps/dJ+DfmlnjFN/GcMxXcVkeHDKqsq6uAcVaQaIi3cFffmAbA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.15.0.tgz",
+      "integrity": "sha512-Q/1yrF/XbxOTvttNVPihxh1b9fxamjEoz2Os/Pe38OHwxC24CyCqXxGTOdpb4lt6HYtqw9HetA/Rf6gDGaMPlw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "7.14.1",
-        "@typescript-eslint/visitor-keys": "7.14.1"
+        "@typescript-eslint/types": "7.15.0",
+        "@typescript-eslint/visitor-keys": "7.15.0"
       },
       "engines": {
         "node": "^18.18.0 || >=20.0.0"
@@ -1860,14 +2279,14 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.14.1.tgz",
-      "integrity": "sha512-/MzmgNd3nnbDbOi3LfasXWWe292+iuo+umJ0bCCMCPc1jLO/z2BQmWUUUXvXLbrQey/JgzdF/OV+I5bzEGwJkQ==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.15.0.tgz",
+      "integrity": "sha512-SkgriaeV6PDvpA6253PDVep0qCqgbO1IOBiycjnXsszNTVQe5flN5wR5jiczoEoDEnAqYFSFFc9al9BSGVltkg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "7.14.1",
-        "@typescript-eslint/utils": "7.14.1",
+        "@typescript-eslint/typescript-estree": "7.15.0",
+        "@typescript-eslint/utils": "7.15.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^1.3.0"
       },
@@ -1888,9 +2307,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.14.1.tgz",
-      "integrity": "sha512-mL7zNEOQybo5R3AavY+Am7KLv8BorIv7HCYS5rKoNZKQD9tsfGUpO4KdAn3sSUvTiS4PQkr2+K0KJbxj8H9NDg==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.15.0.tgz",
+      "integrity": "sha512-aV1+B1+ySXbQH0pLK0rx66I3IkiZNidYobyfn0WFsdGhSXw+P3YOqeTq5GED458SfB24tg+ux3S+9g118hjlTw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1902,14 +2321,14 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.14.1.tgz",
-      "integrity": "sha512-k5d0VuxViE2ulIO6FbxxSZaxqDVUyMbXcidC8rHvii0I56XZPv8cq+EhMns+d/EVIL41sMXqRbK3D10Oza1bbA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.15.0.tgz",
+      "integrity": "sha512-gjyB/rHAopL/XxfmYThQbXbzRMGhZzGw6KpcMbfe8Q3nNQKStpxnUKeXb0KiN/fFDR42Z43szs6rY7eHk0zdGQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
-        "@typescript-eslint/types": "7.14.1",
-        "@typescript-eslint/visitor-keys": "7.14.1",
+        "@typescript-eslint/types": "7.15.0",
+        "@typescript-eslint/visitor-keys": "7.15.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -2001,16 +2420,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.14.1.tgz",
-      "integrity": "sha512-CMmVVELns3nak3cpJhZosDkm63n+DwBlDX8g0k4QUa9BMnF+lH2lr3d130M1Zt1xxmB3LLk3NV7KQCq86ZBBhQ==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.15.0.tgz",
+      "integrity": "sha512-hfDMDqaqOqsUVGiEPSMLR/AjTSCsmJwjpKkYQRo1FNbmW4tBwBspYDwO9eh7sKSTwMQgBw9/T4DHudPaqshRWA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "7.14.1",
-        "@typescript-eslint/types": "7.14.1",
-        "@typescript-eslint/typescript-estree": "7.14.1"
+        "@typescript-eslint/scope-manager": "7.15.0",
+        "@typescript-eslint/types": "7.15.0",
+        "@typescript-eslint/typescript-estree": "7.15.0"
       },
       "engines": {
         "node": "^18.18.0 || >=20.0.0"
@@ -2024,13 +2443,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.14.1.tgz",
-      "integrity": "sha512-Crb+F75U1JAEtBeQGxSKwI60hZmmzaqA3z9sYsVm8X7W5cwLEm5bRe0/uXS6+MR/y8CVpKSR/ontIAIEPFcEkA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.15.0.tgz",
+      "integrity": "sha512-Hqgy/ETgpt2L5xueA/zHHIl4fJI2O4XUE9l4+OIfbJIRSnTJb/QscncdqqZzofQegIJugRIF57OJea1khw2SDw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "7.14.1",
+        "@typescript-eslint/types": "7.15.0",
         "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
@@ -2041,12 +2460,42 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript/vfs": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@typescript/vfs/-/vfs-1.5.0.tgz",
+      "integrity": "sha512-AJS307bPgbsZZ9ggCT3wwpg3VbTKMFNHfaY/uF0ahSkYYrPF2dSSKDNIDIQAHm9qJqbLvCsSJH7yN4Vs/CsMMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1"
+      }
+    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
       "license": "ISC"
     },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.1.tgz",
+      "integrity": "sha512-m/V2syj5CuVnaxcUJOQRel/Wr31FFXRFlnOoq1TVtkCxsY5veGMTEmpWHndrhB2U8ScHtCQB1e+4hWYExQc6Lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.5",
+        "@babel/plugin-transform-react-jsx-self": "^7.24.5",
+        "@babel/plugin-transform-react-jsx-source": "^7.24.1",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.14.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0"
+      }
+    },
     "node_modules/@vue/compiler-core": {
       "version": "3.4.31",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.31.tgz",
@@ -2350,9 +2799,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.0.tgz",
-      "integrity": "sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -2421,13 +2870,16 @@
       }
     },
     "node_modules/ansi-escapes": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.1.tgz",
-      "integrity": "sha512-4nJ3yixlEthEJ9Rk4vPcdBRkZvQZlYyu8j4/Mqz5sgIkddmEnH2Yj2ZrnP9S3tQOvSNRUIgVNF/1yPpRAGNRig==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.0.0.tgz",
+      "integrity": "sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
       "engines": {
-        "node": ">=14.16"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -2444,19 +2896,16 @@
       }
     },
     "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "color-convert": "^1.9.0"
       },
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": ">=4"
       }
     },
     "node_modules/anymatch": {
@@ -2734,6 +3183,19 @@
         "astring": "bin/astring"
       }
     },
+    "node_modules/auto-bind": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-5.0.1.tgz",
+      "integrity": "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/automated-readability": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/automated-readability/-/automated-readability-1.0.5.tgz",
@@ -3180,9 +3642,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001639",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001639.tgz",
-      "integrity": "sha512-eFHflNTBIlFwP2AIKaYuBQN/apnUoKNhBdza8ZnW/h2di4LCZ4xFqYlxUxo+LQ76KFI1PGcC1QDxMbxTZpSCAg==",
+      "version": "1.0.30001640",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001640.tgz",
+      "integrity": "sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==",
       "devOptional": true,
       "funding": [
         {
@@ -3211,20 +3673,18 @@
       }
     },
     "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+        "node": ">=4"
       }
     },
     "node_modules/character-entities": {
@@ -3382,14 +3842,80 @@
         "node": ">=4"
       }
     },
-    "node_modules/clean-regexp/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+    "node_modules/cli-boxes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
+      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=0.8.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
       }
     },
     "node_modules/cliui": {
@@ -3407,6 +3933,42 @@
         "node": ">=12"
       }
     },
+    "node_modules/cliui/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cliui/node_modules/color-convert": {
+      "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,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/cliui/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,
+      "license": "MIT"
+    },
     "node_modules/cliui/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -3414,6 +3976,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cliui/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/cliui/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -3421,12 +3993,43 @@
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "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,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/code-excerpt": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/code-excerpt/-/code-excerpt-4.0.0.tgz",
+      "integrity": "sha512-xxodCmBen3iy2i0WtAK8FlFNrRzjUqjRsMfho58xT/wvZU1YTM3fCnRjcy1gJPMepaRlgm/0e6w8SpWHpn3/cA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "convert-to-spaces": "^2.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
     "node_modules/coleman-liau": {
@@ -3451,22 +4054,19 @@
       }
     },
     "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
+        "color-name": "1.1.3"
       }
     },
     "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==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true,
       "license": "MIT"
     },
@@ -3553,6 +4153,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/convert-to-spaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-2.0.1.tgz",
+      "integrity": "sha512-rcQ1bsQO9799wq24uE5AM2tAILy4gXGIK/njFWcVQkGNZ96edlpY+A7bjwvzjYvLDyzmG1MmMLZhpcsb+klNMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
     "node_modules/copy-to-clipboard": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
@@ -4202,9 +4812,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.815",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.815.tgz",
-      "integrity": "sha512-OvpTT2ItpOXJL7IGcYakRjHCt8L5GrrN/wHCQsRB4PQa1X9fe+X9oen245mIId7s14xvArCGSTIq644yPUKKLg==",
+      "version": "1.4.816",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.816.tgz",
+      "integrity": "sha512-EKH5X5oqC6hLmiS7/vYtZHZFTNdhsYG5NVPRN6Yn0kQHNBlT59+xSM8HBy66P5fxWpKgZbPqb+diC64ng295Jw==",
       "devOptional": true,
       "license": "ISC"
     },
@@ -4287,6 +4897,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -4520,16 +5143,13 @@
       }
     },
     "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==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=0.8.0"
       }
     },
     "node_modules/escodegen": {
@@ -4742,17 +5362,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-formatter-pretty/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+    "node_modules/eslint-formatter-pretty/node_modules/ansi-escapes": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.1.tgz",
+      "integrity": "sha512-4nJ3yixlEthEJ9Rk4vPcdBRkZvQZlYyu8j4/Mqz5sgIkddmEnH2Yj2ZrnP9S3tQOvSNRUIgVNF/1yPpRAGNRig==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">=14.16"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/eslint-formatter-pretty/node_modules/chalk": {
@@ -4768,40 +5388,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/eslint-formatter-pretty/node_modules/string-width": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint-formatter-pretty/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
     "node_modules/eslint-import-resolver-node": {
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
@@ -5065,16 +5651,6 @@
         "eslint": ">=4.19.1"
       }
     },
-    "node_modules/eslint-plugin-eslint-comments/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "node_modules/eslint-plugin-import": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
@@ -5159,6 +5735,22 @@
         "eslint": ">=7.0.0"
       }
     },
+    "node_modules/eslint-plugin-n/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint-plugin-n/node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -5190,6 +5782,19 @@
         "node": ">=10"
       }
     },
+    "node_modules/eslint-plugin-n/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint-plugin-no-use-extend-native": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-no-use-extend-native/-/eslint-plugin-no-use-extend-native-0.5.0.tgz",
@@ -5330,80 +5935,221 @@
         "eslint": ">=8.56.0"
       }
     },
-    "node_modules/eslint-plugin-unicorn/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+    "node_modules/eslint-plugin-unicorn/node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/semver": {
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-rule-docs": {
+      "version": "1.1.235",
+      "resolved": "https://registry.npmjs.org/eslint-rule-docs/-/eslint-rule-docs-1.1.235.tgz",
+      "integrity": "sha512-+TQ+x4JdTnDoFEXXb3fDvfGOwnyNV7duH8fXWTPD1ieaBmB8omj7Gw/pMBBu4uI2uJCCU8APDaQJzWuXnTsH4A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/color-convert": {
+      "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,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/eslint-rule-docs": {
-      "version": "1.1.235",
-      "resolved": "https://registry.npmjs.org/eslint-rule-docs/-/eslint-rule-docs-1.1.235.tgz",
-      "integrity": "sha512-+TQ+x4JdTnDoFEXXb3fDvfGOwnyNV7duH8fXWTPD1ieaBmB8omj7Gw/pMBBu4uI2uJCCU8APDaQJzWuXnTsH4A==",
+    "node_modules/eslint/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,
       "license": "MIT"
     },
-    "node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+    "node_modules/eslint/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==",
       "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
+      "license": "MIT",
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
+        "type-fest": "^0.20.2"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=8"
       },
       "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+    "node_modules/eslint/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==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+    "node_modules/eslint/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==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/esm-utils": {
@@ -5495,6 +6241,19 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-to-babel": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/estree-to-babel/-/estree-to-babel-9.0.0.tgz",
+      "integrity": "sha512-+17i9q/yMgq/QKMj/4XnXCMmwNGeQ7TS2vjgJfmtyKNpQEUeDyawcx7KNaU/SPk9AzdJpjEitz/jJyck6hB7Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@putout/babel": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/estree-util-attach-comments": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-attach-comments/-/estree-util-attach-comments-3.0.0.tgz",
@@ -6155,6 +6914,16 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -6345,19 +7114,13 @@
       }
     },
     "node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=4"
       }
     },
     "node_modules/globalthis": {
@@ -6447,13 +7210,13 @@
       }
     },
     "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==",
-      "devOptional": true,
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
     "node_modules/has-property-descriptors": {
@@ -7336,13 +8099,16 @@
       }
     },
     "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
+      "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/inflight": {
@@ -7374,6 +8140,88 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
+    "node_modules/ink": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ink/-/ink-5.0.1.tgz",
+      "integrity": "sha512-ae4AW/t8jlkj/6Ou21H2av0wxTk8vrGzXv+v2v7j4in+bl1M5XRMVbfNghzhBokV++FjF8RBDJvYo+ttR9YVRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alcalzone/ansi-tokenize": "^0.1.3",
+        "ansi-escapes": "^7.0.0",
+        "ansi-styles": "^6.2.1",
+        "auto-bind": "^5.0.1",
+        "chalk": "^5.3.0",
+        "cli-boxes": "^3.0.0",
+        "cli-cursor": "^4.0.0",
+        "cli-truncate": "^4.0.0",
+        "code-excerpt": "^4.0.0",
+        "indent-string": "^5.0.0",
+        "is-in-ci": "^0.1.0",
+        "lodash": "^4.17.21",
+        "patch-console": "^2.0.0",
+        "react-reconciler": "^0.29.0",
+        "scheduler": "^0.23.0",
+        "signal-exit": "^3.0.7",
+        "slice-ansi": "^7.1.0",
+        "stack-utils": "^2.0.6",
+        "string-width": "^7.0.0",
+        "type-fest": "^4.8.3",
+        "widest-line": "^5.0.0",
+        "wrap-ansi": "^9.0.0",
+        "ws": "^8.15.0",
+        "yoga-wasm-web": "~0.3.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "react": ">=18.0.0",
+        "react-devtools-core": "^4.19.1"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react-devtools-core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ink/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ink/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ink/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/inline-style-parser": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
@@ -7719,13 +8567,16 @@
       }
     },
     "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/is-generator-function": {
@@ -7778,6 +8629,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-in-ci": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-in-ci/-/is-in-ci-0.1.0.tgz",
+      "integrity": "sha512-d9PXLEY0v1iJ64xLiQMJ51J128EYHAaOR4yZqQi8aHGfw6KgifM3/Viw1oZZ1GCVmb3gBuyhLyHj0HgR2DhSXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-in-ci": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-js-type": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-js-type/-/is-js-type-2.0.0.tgz",
@@ -8154,6 +9021,29 @@
         "node": ">=10"
       }
     },
+    "node_modules/istanbul-lib-report/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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report/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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/istanbul-reports": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
@@ -8216,6 +9106,16 @@
         "node": ">= 10.13.0"
       }
     },
+    "node_modules/jest-worker/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==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/jest-worker/node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -8269,16 +9169,16 @@
       "license": "MIT"
     },
     "node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
       "dev": true,
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=4"
       }
     },
     "node_modules/json-buffer": {
@@ -8352,9 +9252,9 @@
       }
     },
     "node_modules/katex": {
-      "version": "0.16.10",
-      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.10.tgz",
-      "integrity": "sha512-ZiqaC04tp2O5utMsl2TEZTXxa6WSC4yo0fv5ML++D3QZv/vx2Mct0mTlRx3O+uUkjfuAgOkzsCmq5MiUEsDDdA==",
+      "version": "0.16.11",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.11.tgz",
+      "integrity": "sha512-RQrI8rlHY92OLf3rho/Ts8i/XvjgguEjOkO1BEXcU3N8BqPpSzBNwV/G0Ukr+P/l3ivvJUE/Fa/CwbS6HesGNQ==",
       "dev": true,
       "funding": [
         "https://opencollective.com/katex",
@@ -8594,13 +9494,23 @@
       }
     },
     "node_modules/lru-cache": {
-      "version": "7.18.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
-      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "dev": true,
       "license": "ISC",
-      "engines": {
-        "node": ">=12"
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
       }
     },
     "node_modules/magic-string": {
@@ -10926,6 +11836,16 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/patch-console": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/patch-console/-/patch-console-2.0.0.tgz",
+      "integrity": "sha512-0YNdUceMdaQwoKce1gatDScmMo5pu/tfABfnzEqeG0gtTmd7mh/WcwgUjtAeOU7N8nFFlbQBnFK2gXW5fGvmMA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -11862,6 +12782,16 @@
         "node": ">= 14"
       }
     },
+    "node_modules/proxy-agent/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -12022,6 +12952,33 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/react-reconciler": {
+      "version": "0.29.2",
+      "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.29.2.tgz",
+      "integrity": "sha512-zZQqIiYgDCTP/f1N/mAR10nJGrPD2ZR+jDSEsKWJHYC7Cm2wodlwbR3upZRdC3cjIjSlTLNVyO7Iu0Yy7t2AYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -13138,9 +14095,9 @@
       }
     },
     "node_modules/rehype-starry-night": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/rehype-starry-night/-/rehype-starry-night-2.0.0.tgz",
-      "integrity": "sha512-4wgKT/oIj+utJa3PHrMfEx2FrjNSxgk8yPXlpWvMjPBEyCxcUuvaJOPzQ5AJeaemcneF6HaN8zPWJASvQgWxfg==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/rehype-starry-night/-/rehype-starry-night-2.1.0.tgz",
+      "integrity": "sha512-ma1lf3Jmu7v12xu55Q79IjvwH7fQm2TSnQn/JTp+rlffjmApeXLnn4cefLdWNqAUp044YcejESsIrXEMQ1aYwg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13172,6 +14129,33 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/rehype-twoslash": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/rehype-twoslash/-/rehype-twoslash-1.1.0.tgz",
+      "integrity": "sha512-gaz4nQMVZjAyJjTloTQo+u71/fOYEEW317ngmi3femFs0+0EDUBhNqr3kTBegXkX2UYyl4ZpplXNELUUaknRDw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@wooorm/starry-night": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-string": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "micromark-util-character": "^2.0.0",
+        "twoslash": "^0.2.0",
+        "unist-util-remove-position": "^5.0.0",
+        "unist-util-visit-parents": "^6.0.0",
+        "vfile": "^6.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",
@@ -14813,6 +15797,30 @@
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
       }
     },
+    "node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/retext-contractions": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/retext-contractions/-/retext-contractions-6.0.0.tgz",
@@ -15385,6 +16393,52 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/slice-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.0.tgz",
+      "integrity": "sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz",
+      "integrity": "sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/smart-buffer": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
@@ -15551,6 +16605,29 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/stemmer": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/stemmer/-/stemmer-1.0.5.tgz",
@@ -15591,18 +16668,18 @@
       }
     },
     "node_modules/string-width": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-6.1.0.tgz",
-      "integrity": "sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^10.2.1",
-        "strip-ansi": "^7.0.1"
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -15631,6 +16708,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
@@ -15853,16 +16940,16 @@
       }
     },
     "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==",
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0"
+        "has-flag": "^3.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
     "node_modules/supports-hyperlinks": {
@@ -15879,6 +16966,29 @@
         "node": ">=14.18"
       }
     },
+    "node_modules/supports-hyperlinks/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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks/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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -16311,6 +17421,27 @@
       "dev": true,
       "license": "0BSD"
     },
+    "node_modules/twoslash": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/twoslash/-/twoslash-0.2.9.tgz",
+      "integrity": "sha512-oj7XY6h8E9nTZBmfRE1gpsSSUqAQo5kcIpFkXyQPp8UCsyCQsUlP2bJ2s32o02c1n5+xl4h9rcCsQ1F97Z6LZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript/vfs": "1.5.0",
+        "twoslash-protocol": "0.2.9"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      }
+    },
+    "node_modules/twoslash-protocol": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/twoslash-protocol/-/twoslash-protocol-0.2.9.tgz",
+      "integrity": "sha512-uKQl8UboT6JU4VAtYaSI3DbNtgaNhFaTpCSMy/n3tRl5lMlMhrjiuNKdqx15xjcviconuGJ9oObkz1h9zJFrJg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -16331,65 +17462,141 @@
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "4.1.2",
-        "minimist": "1",
-        "type-coverage-core": "^2.28.1"
+        "chalk": "4.1.2",
+        "minimist": "1",
+        "type-coverage-core": "^2.28.1"
+      },
+      "bin": {
+        "type-coverage": "bin/type-coverage"
+      }
+    },
+    "node_modules/type-coverage-core": {
+      "version": "2.28.1",
+      "resolved": "https://registry.npmjs.org/type-coverage-core/-/type-coverage-core-2.28.1.tgz",
+      "integrity": "sha512-NniLJtLiDg0+dhrf/9ACGwi3OAhIfvd20f1CB0yxIUBMECwmJp7e7me3lM8djkrDBJtqSY+uXA6PRs+yv3HTnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3",
+        "minimatch": "6 || 7 || 8 || 9",
+        "normalize-path": "3",
+        "tslib": "1 || 2",
+        "tsutils": "3"
+      },
+      "peerDependencies": {
+        "typescript": "2 || 3 || 4 || 5"
+      }
+    },
+    "node_modules/type-coverage-core/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/type-coverage-core/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/type-coverage/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/type-coverage/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
-      "bin": {
-        "type-coverage": "bin/type-coverage"
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/type-coverage-core": {
-      "version": "2.28.1",
-      "resolved": "https://registry.npmjs.org/type-coverage-core/-/type-coverage-core-2.28.1.tgz",
-      "integrity": "sha512-NniLJtLiDg0+dhrf/9ACGwi3OAhIfvd20f1CB0yxIUBMECwmJp7e7me3lM8djkrDBJtqSY+uXA6PRs+yv3HTnA==",
+    "node_modules/type-coverage/node_modules/color-convert": {
+      "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,
       "license": "MIT",
       "dependencies": {
-        "fast-glob": "3",
-        "minimatch": "6 || 7 || 8 || 9",
-        "normalize-path": "3",
-        "tslib": "1 || 2",
-        "tsutils": "3"
+        "color-name": "~1.1.4"
       },
-      "peerDependencies": {
-        "typescript": "2 || 3 || 4 || 5"
+      "engines": {
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/type-coverage-core/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+    "node_modules/type-coverage/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,
+      "license": "MIT"
+    },
+    "node_modules/type-coverage/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==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/type-coverage-core/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+    "node_modules/type-coverage/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==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": ">=8"
       }
     },
     "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.21.0.tgz",
+      "integrity": "sha512-ADn2w7hVPcK6w1I0uWnM//y1rLXZhzB9mr0a3OirzclKF1Wp6VzevUmzz/NRAWunOT6E8HrnpGY7xOfc6K57fA==",
       "dev": true,
       "license": "(MIT OR CC0-1.0)",
       "engines": {
-        "node": ">=10"
+        "node": ">=16"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -16480,9 +17687,9 @@
       "license": "MIT"
     },
     "node_modules/typescript": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.2.tgz",
-      "integrity": "sha512-NcRtPEOsPFFWjobJEtfihkLCZCXZt/os3zf8nTxjVH3RvTSxjrCamJpbExGvYOF+tFHc3pA65qpdwPbzjohhew==",
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.3.tgz",
+      "integrity": "sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==",
       "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
@@ -17014,9 +18221,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz",
-      "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
       "devOptional": true,
       "funding": [
         {
@@ -17163,6 +18370,21 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/vfile-matter": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/vfile-matter/-/vfile-matter-5.0.0.tgz",
+      "integrity": "sha512-jhPSqlj8hTSkTXOqyxbUeZAFFVq/iwu/jukcApEqc/7DOidaAth6rDc0Zgg0vWpzUnWkwFP7aK28l6nBmxMqdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "vfile": "^6.0.0",
+        "yaml": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vfile-message": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
@@ -17198,6 +18420,53 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/vfile-reporter/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/vfile-reporter/node_modules/string-width": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-6.1.0.tgz",
+      "integrity": "sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^10.2.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/vfile-reporter/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/vfile-reporter/node_modules/supports-color": {
       "version": "9.4.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-9.4.0.tgz",
@@ -17242,14 +18511,14 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.2.tgz",
-      "integrity": "sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.3.tgz",
+      "integrity": "sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
-        "postcss": "^8.4.38",
+        "postcss": "^8.4.39",
         "rollup": "^4.13.0"
       },
       "bin": {
@@ -17975,6 +19244,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/widest-line": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-5.0.0.tgz",
+      "integrity": "sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -17986,18 +19271,18 @@
       }
     },
     "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
+      "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
@@ -18022,6 +19307,42 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-convert": {
+      "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,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/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,
+      "license": "MIT"
+    },
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -18029,6 +19350,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -18044,26 +19375,46 @@
         "node": ">=8"
       }
     },
-    "node_modules/wrap-ansi/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
     },
-    "node_modules/wrap-ansi/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
     "node_modules/wrappy": {
@@ -18074,9 +19425,9 @@
       "license": "ISC"
     },
     "node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18352,9 +19703,9 @@
       }
     },
     "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
       "dev": true,
       "license": "ISC"
     },
@@ -18407,6 +19758,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/yargs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/yargs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -18446,6 +19807,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoga-wasm-web": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/yoga-wasm-web/-/yoga-wasm-web-0.3.3.tgz",
+      "integrity": "sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/zod": {
       "version": "3.23.8",
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
diff --git a/package.json b/package.json
index 4967c4e45..0424f20c5 100644
--- a/package.json
+++ b/package.json
@@ -21,16 +21,22 @@
     "packages/node-loader/",
     "packages/rollup/"
   ],
+  "#": "note: `lz-string` is included because `@typescript/vfs` (through `twoslash`) types use it w/o marking it as a dep",
   "devDependencies": {
     "@babel/types": "^7.0.0",
+    "@floating-ui/dom": "^1.0.0",
+    "@next/mdx": "^14.0.0",
     "@node-loader/core": "^2.0.0",
+    "@rollup/plugin-babel": "^6.0.0",
     "@sparticuz/chromium": "^123.0.0",
+    "@types/babel__core": "^7.0.0",
     "@types/dlv": "^1.0.0",
     "@types/mdx": "^2.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/ungap__structured-clone": "^1.0.0",
     "@ungap/structured-clone": "^1.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
     "@vue/server-renderer": "^3.0.0",
     "@wooorm/starry-night": "^3.0.0",
     "acorn": "^8.0.0",
@@ -47,6 +53,7 @@
     "eslint-plugin-es": "^4.0.0",
     "eslint-plugin-react": "^7.0.0",
     "eslint-plugin-react-hooks": "^4.0.0",
+    "estree-to-babel": "^9.0.0",
     "estree-util-value-to-estree": "^3.0.0",
     "globby": "^14.0.0",
     "hast-util-from-html": "^2.0.0",
@@ -56,6 +63,8 @@
     "hast-util-to-jsx-runtime": "^2.0.0",
     "hast-util-to-text": "^4.0.0",
     "hastscript": "^9.0.0",
+    "ink": "^5.0.0",
+    "lz-string": "^1.0.0",
     "p-all": "^5.0.0",
     "periscopic": "^3.0.0",
     "postcss": "^8.0.0",
@@ -83,6 +92,7 @@
     "rehype-slug": "^6.0.0",
     "rehype-starry-night": "^2.0.0",
     "rehype-stringify": "^10.0.0",
+    "rehype-twoslash": "^1.0.0",
     "remark-cli": "^12.0.0",
     "remark-directive": "^3.0.0",
     "remark-frontmatter": "^5.0.0",
@@ -104,6 +114,7 @@
     "unist-util-remove-position": "^5.0.0",
     "unist-util-visit": "^5.0.0",
     "vfile": "^6.0.0",
+    "vfile-matter": "^5.0.0",
     "vfile-message": "^4.0.0",
     "vite": "^5.0.0",
     "vue": "^3.0.0",
diff --git a/packages/loader/readme.md b/packages/loader/readme.md
index 4e787734c..6cf748e01 100644
--- a/packages/loader/readme.md
+++ b/packages/loader/readme.md
@@ -57,7 +57,12 @@ npm install @mdx-js/loader
 Add something along these lines to your `webpack.config.js`:
 
 ```tsx
-/** @type {import('webpack').Configuration} */
+/**
+ * @import {Options} from '@mdx-js/loader'
+ * @import {Configuration} from 'webpack'
+ */
+
+/** @type {Configuration} */
 const webpackConfig = {
   module: {
     // …
@@ -68,7 +73,7 @@ const webpackConfig = {
         use: [
           {
             loader: '@mdx-js/loader',
-            /** @type {import('@mdx-js/loader').Options} */
+            /** @type {Options} */
             options: {/* jsxImportSource: …, otherOptions… */}
           }
         ]
@@ -111,7 +116,12 @@ If you use modern JavaScript features you might want to use Babel through
 [`babel-loader`][babel-loader] to compile to code that works in older browsers:
 
 ```tsx
-/** @type {import('webpack').Configuration} */
+/**
+ * @import {Options} from '@mdx-js/loader'
+ * @import {Configuration} from 'webpack'
+ */
+
+/** @type {Configuration} */
 const webpackConfig = {
   module: {
     // …
@@ -125,7 +135,7 @@ const webpackConfig = {
           {loader: 'babel-loader', options: {}},
           {
             loader: '@mdx-js/loader',
-            /** @type {import('@mdx-js/loader').Options} */
+            /** @type {Options} */
             options: {}
           }
         ]
diff --git a/packages/preact/readme.md b/packages/preact/readme.md
index ddae0964c..5bedc316e 100644
--- a/packages/preact/readme.md
+++ b/packages/preact/readme.md
@@ -66,6 +66,10 @@ In browsers with [`esm.sh`][esmsh]:
 ## Use
 
 ```tsx
+/**
+ * @import {MDXComponents} from 'mdx/types.js'
+ */
+
 import {MDXProvider} from '@mdx-js/preact'
 import Post from './post.mdx'
 // ^-- Assumes an integration is used to compile MDX to JS, such as
@@ -73,7 +77,7 @@ import Post from './post.mdx'
 // `@mdx-js/rollup`, and that it is configured with
 // `options.providerImportSource: '@mdx-js/preact'`.
 
-/** @type {import('mdx/types.js').MDXComponents} */
+/** @type {MDXComponents} */
 const components = {
   em(properties) {
     return <i {...properties} />
diff --git a/packages/react/readme.md b/packages/react/readme.md
index c0cb09f19..8909e98e9 100644
--- a/packages/react/readme.md
+++ b/packages/react/readme.md
@@ -70,6 +70,10 @@ In browsers with [`esm.sh`][esmsh]:
 ## Use
 
 ```tsx
+/**
+ * @import {MDXComponents} from 'mdx/types.js'
+ */
+
 import {MDXProvider} from '@mdx-js/react'
 import Post from './post.mdx'
 // ^-- Assumes an integration is used to compile MDX to JS, such as
@@ -77,7 +81,7 @@ import Post from './post.mdx'
 // `@mdx-js/rollup`, and that it is configured with
 // `options.providerImportSource: '@mdx-js/react'`.
 
-/** @type {import('mdx/types.js').MDXComponents} */
+/** @type {MDXComponents} */
 const components = {
   em(properties) {
     return <i {...properties} />
diff --git a/packages/rollup/readme.md b/packages/rollup/readme.md
index 5fc09e000..85d88b9d6 100644
--- a/packages/rollup/readme.md
+++ b/packages/rollup/readme.md
@@ -57,9 +57,13 @@ npm install @mdx-js/rollup
 Add something along these lines to your `rollup.config.js`:
 
 ```tsx
+/**
+ * @import {RollupOptions} from 'rollup'
+ */
+
 import mdx from '@mdx-js/rollup'
 
-/** @type {import('rollup').RollupOptions} */
+/** @type {RollupOptions} */
 const config = {
   // …
   plugins: [
@@ -119,10 +123,14 @@ If you use modern JavaScript features you might want to use Babel through
 [`@rollup/plugin-babel`][rollup-plugin-babel] to compile to code that works:
 
 ```tsx
+/**
+ * @import {RollupOptions} from 'rollup'
+ */
+
 import mdx from '@mdx-js/rollup'
 import {babel} from '@rollup/plugin-babel'
 
-/** @type {import('rollup').RollupOptions} */
+/** @type {RollupOptions} */
 const config = {
   // …
   plugins: [
diff --git a/tsconfig.json b/tsconfig.json
index 80f3b33be..1fda3181e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,6 +9,7 @@
     "jsx": "preserve",
     "lib": ["es2022"],
     "module": "node16",
+    "moduleResolution": "node16",
     "strict": true,
     "target": "es2022"
   },
diff --git a/website/mdx-config.js b/website/mdx-config.js
index 43b54b2b3..d2e4bd998 100644
--- a/website/mdx-config.js
+++ b/website/mdx-config.js
@@ -14,7 +14,8 @@
  *   List of keys to exclude (optional).
  */
 
-import {pathToFileURL} from 'node:url'
+import assert from 'node:assert/strict'
+import {fileURLToPath, pathToFileURL} from 'node:url'
 import {nodeTypes} from '@mdx-js/mdx'
 import {common} from '@wooorm/starry-night'
 import sourceMdx from '@wooorm/starry-night/source.mdx'
@@ -28,11 +29,12 @@ import rehypeInferDescriptionMeta from 'rehype-infer-description-meta'
 import rehypeInferReadingTimeMeta from 'rehype-infer-reading-time-meta'
 import rehypeInferTitleMeta from 'rehype-infer-title-meta'
 import rehypeMinifyUrl from 'rehype-minify-url'
+import rehypePresetMinify from 'rehype-preset-minify'
+import rehypeRaw from 'rehype-raw'
 import rehypeShiftHeading from 'rehype-shift-heading'
 import rehypeSlug from 'rehype-slug'
 import rehypeStarryNight from 'rehype-starry-night'
-import rehypePresetMinify from 'rehype-preset-minify'
-import rehypeRaw from 'rehype-raw'
+import rehypeTwoslash from 'rehype-twoslash'
 import remarkFrontmatter from 'remark-frontmatter'
 import remarkGemoji from 'remark-gemoji'
 import remarkGfm from 'remark-gfm'
@@ -42,8 +44,31 @@ import remarkSqueezeParagraphs from 'remark-squeeze-paragraphs'
 import remarkStripBadges from 'remark-strip-badges'
 import remarkToc from 'remark-toc'
 import {visit} from 'unist-util-visit'
+import typescript from 'typescript'
 import {config} from '../docs/_config.js'
 
+const configPath = typescript.findConfigFile(
+  fileURLToPath(import.meta.url),
+  typescript.sys.fileExists,
+  'tsconfig.json'
+)
+assert(configPath)
+const commandLine = typescript.getParsedCommandLineOfConfigFile(
+  configPath,
+  undefined,
+  {
+    fileExists: typescript.sys.fileExists,
+    getCurrentDirectory: typescript.sys.getCurrentDirectory,
+    onUnRecoverableConfigFileDiagnostic(x) {
+      console.warn('Unrecoverable diagnostic', x)
+    },
+    readDirectory: typescript.sys.readDirectory,
+    readFile: typescript.sys.readFile,
+    useCaseSensitiveFileNames: typescript.sys.useCaseSensitiveFileNames
+  }
+)
+assert(commandLine)
+
 /** @type {Readonly<CompileOptions>} */
 const options = {
   recmaPlugins: [recmaInjectMeta],
@@ -67,7 +92,14 @@ const options = {
         properties: {ariaLabel: 'Link to this section', className: ['anchor']}
       }
     ],
-    [rehypeStarryNight, {grammars: [...common, sourceMdx, sourceTsx]}],
+    [
+      rehypeStarryNight,
+      {
+        grammars: [...common, sourceMdx, sourceTsx],
+        plainText: ['mdx-invalid', 'txt']
+      }
+    ],
+    [rehypeTwoslash, {twoslash: {compilerOptions: commandLine.options}}],
     rehypePresetMinify,
     rehypeMinifyUrl
   ],
@@ -258,6 +290,14 @@ function rehypePrettyCodeBlocks() {
         }
       }
 
+      const className = Array.isArray(code.properties.className)
+        ? code.properties.className
+        : (code.properties.className = [])
+
+      if (metaProperties.twoslash === '') {
+        className.push('twoslash')
+      }
+
       if (metaProperties.chrome === 'no') {
         return
       }
@@ -265,9 +305,6 @@ function rehypePrettyCodeBlocks() {
       const textContent = toText(node)
       /** @type {Array<ElementContent>} */
       const children = [node]
-      const className = Array.isArray(code.properties.className)
-        ? code.properties.className
-        : []
       const lang = className.find(function (value) {
         return String(value).slice(0, 9) === 'language-'
       })
@@ -275,8 +312,7 @@ function rehypePrettyCodeBlocks() {
       const footer = []
       /** @type {Array<ElementContent>} */
       const header = []
-      const language =
-        metaProperties.language || (lang ? String(lang).slice(9) : undefined)
+      const language = lang ? String(lang).slice(9) : undefined
 
       // Not giant.
       if (textContent.length < 8192 && metaProperties.copy !== 'no') {