diff --git a/.github/workflows/cr.yml b/.github/workflows/cr.yml
index ae327e48..d0b08f92 100644
--- a/.github/workflows/cr.yml
+++ b/.github/workflows/cr.yml
@@ -46,4 +46,4 @@ jobs:
           cache: pnpm
       - run: pnpm install
       - run: pnpm build
-      - run: npx pkg-pr-new publish --compact --no-template --pnpm
+      - run: npx pkg-pr-new publish --compact --no-template --pnpm --packageManager=pnpm,npm,yarn
diff --git a/__tests__/e2e/.vitepress/config.ts b/__tests__/e2e/.vitepress/config.ts
index 7ec72c30..acd74892 100644
--- a/__tests__/e2e/.vitepress/config.ts
+++ b/__tests__/e2e/.vitepress/config.ts
@@ -65,6 +65,11 @@ const nav: DefaultTheme.Config['nav'] = [
         ]
       }
     ]
+  },
+  {
+    text: 'Active Match',
+    link: '/markdown-extensions/',
+    activeMatch: '^/home'
   }
 ]
 
@@ -132,6 +137,44 @@ const sidebar: DefaultTheme.Config['sidebar'] = {
           link: '/markdown-extensions/foo'
         }
       ]
+    },
+    {
+      text: 'Team & Sponsors',
+      items: [
+        {
+          text: 'Doc Layout',
+          link: '/team-and-sponsors/doc'
+        },
+        {
+          text: 'Page Layout',
+          link: '/team-and-sponsors/page'
+        },
+        {
+          text: 'Home Layout',
+          link: '/team-and-sponsors/home'
+        },
+        {
+          text: 'Home Layout (raw markdown)',
+          link: '/team-and-sponsors/home-no-markdown-styles'
+        }
+      ]
+    },
+    {
+      text: 'Sidebar Hash',
+      items: [
+        {
+          text: 'Overview',
+          link: '/sidebar-hash/'
+        },
+        {
+          text: 'Section One',
+          link: '/sidebar-hash/#section-one'
+        },
+        {
+          text: 'Section Two',
+          link: '/sidebar-hash/#section-two'
+        }
+      ]
     }
   ],
   '/multi-sidebar/': [
@@ -154,6 +197,7 @@ const sidebar: DefaultTheme.Config['sidebar'] = {
 export default defineConfig({
   title: 'Example',
   description: 'An example app using VitePress.',
+  srcExclude: ['**/parts/**'],
   markdown: {
     image: { lazyLoad: true }
   },
diff --git a/__tests__/e2e/.vitepress/theme/components/ApiPreference.vue b/__tests__/e2e/.vitepress/theme/components/ApiPreference.vue
index c286640b..0dfe61c8 100644
--- a/__tests__/e2e/.vitepress/theme/components/ApiPreference.vue
+++ b/__tests__/e2e/.vitepress/theme/components/ApiPreference.vue
@@ -5,12 +5,13 @@ const props = defineProps<{
   options: string[]
   defaultOption: string
   screenMenu?: boolean
+  menu?: boolean
 }>()
 
 // reactivity isn't needed for props here
 
 const key = removeSpaces(`api-preference-${props.options.join('-')}`)
-const name = key + (props.screenMenu ? '-screen-menu' : '')
+const name = key + (props.screenMenu ? '-screen-menu' : props.menu ? '-menu' : '')
 
 const selected = useLocalStorage(key, () => props.defaultOption)
 
@@ -25,8 +26,11 @@ function removeSpaces(str: string) {
 </script>
 
 <template>
-  <div class="VPApiPreference" :class="{ 'screen-menu': screenMenu }">
-    <template v-for="option in optionsWithKeys" :key="option">
+  <div
+    class="VPApiPreference"
+    :class="{ 'screen-menu': screenMenu, 'in-menu': menu }"
+  >
+    <template v-for="option in optionsWithKeys" :key="option.key">
       <input
         type="radio"
         :id="option.key"
@@ -42,10 +46,10 @@ function removeSpaces(str: string) {
 <style scoped>
 .VPApiPreference {
   display: flex;
-  margin: 12px 0;
+  margin: 0.75rem 0;
   border: 1px solid var(--vp-c-border);
-  border-radius: 6px;
-  font-size: 14px;
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
   color: var(--vp-c-text-1);
 }
 
@@ -57,8 +61,13 @@ function removeSpaces(str: string) {
   margin-bottom: 0;
 }
 
+.VPApiPreference.in-menu {
+  margin: 0.5rem 0.75rem;
+}
+
 .VPApiPreference.screen-menu {
-  margin: 12px 0 0 12px;
+  margin: 0.75rem 0 0 0.75rem;
+  font-size: 1rem;
 }
 
 .VPApiPreference input[type='radio'] {
@@ -69,10 +78,10 @@ function removeSpaces(str: string) {
 
 .VPApiPreference label {
   flex: 1;
-  margin: 2px;
-  padding: 4px 12px;
+  margin: 0.125rem;
+  padding: 0.25rem 0.75rem;
   cursor: pointer;
-  border-radius: 4px;
+  border-radius: 0.25rem;
   text-align: center;
 }
 
diff --git a/__tests__/e2e/.vitepress/theme/components/CustomLayout.vue b/__tests__/e2e/.vitepress/theme/components/CustomLayout.vue
index 4a42af44..2b060892 100644
--- a/__tests__/e2e/.vitepress/theme/components/CustomLayout.vue
+++ b/__tests__/e2e/.vitepress/theme/components/CustomLayout.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import DefaultTheme from 'vitepress/theme'
+
 import HomeHeroCopy from './HomeHeroCopy.vue'
 
 const INSTALL_COMMAND = 'npx vitepress init'
diff --git a/__tests__/e2e/.vitepress/theme/components/HomeHeroCopy.vue b/__tests__/e2e/.vitepress/theme/components/HomeHeroCopy.vue
index ecc3ba92..d8fdaf2a 100644
--- a/__tests__/e2e/.vitepress/theme/components/HomeHeroCopy.vue
+++ b/__tests__/e2e/.vitepress/theme/components/HomeHeroCopy.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
-  import { ref } from 'vue'
-
-  const props = defineProps<{
-    command: string
-  }>()
-
-  const copied = ref(false)
-
-  async function copy () {
-    try {
-      await navigator.clipboard.writeText(props.command)
-      copied.value = true
-      setTimeout(() => {
-        copied.value = false
-      }, 2000)
-    } catch (error) {
-      console.error('Failed to copy', error)
-    }
+import { ref } from 'vue'
+
+const props = defineProps<{
+  command: string
+}>()
+
+const copied = ref(false)
+
+async function copy() {
+  try {
+    await navigator.clipboard.writeText(props.command)
+    copied.value = true
+    setTimeout(() => {
+      copied.value = false
+    }, 2000)
+  } catch (error) {
+    console.error('Failed to copy', error)
   }
+}
 </script>
 
 <template>
@@ -49,14 +49,7 @@
           width="18"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <rect
-            height="14"
-            rx="2"
-            ry="2"
-            width="14"
-            x="8"
-            y="8"
-          />
+          <rect height="14" rx="2" ry="2" width="14" x="8" y="8" />
           <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
         </svg>
         <svg
@@ -170,7 +163,7 @@
   font-size: 12px;
   font-weight: 600;
   pointer-events: none;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   z-index: 10;
 }
 
diff --git a/__tests__/e2e/.vitepress/theme/components/NavVersion.vue b/__tests__/e2e/.vitepress/theme/components/NavVersion.vue
index d256e3d2..00d554fc 100644
--- a/__tests__/e2e/.vitepress/theme/components/NavVersion.vue
+++ b/__tests__/e2e/.vitepress/theme/components/NavVersion.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import { useRoute } from 'vitepress'
-import VPNavBarMenuGroup from 'vitepress/dist/client/theme-default/components/VPNavBarMenuGroup.vue'
-import VPNavScreenMenuGroup from 'vitepress/dist/client/theme-default/components/VPNavScreenMenuGroup.vue'
+import VPNavMenuGroup from 'vitepress/dist/client/theme-default/components/VPNavMenuGroup.vue'
+import { computed } from 'vue'
 
 const props = defineProps<{
   versions: { text: string; link: string }[]
   screenMenu?: boolean
+  menu?: boolean
 }>()
 
 const route = useRoute()
@@ -26,15 +26,10 @@ const currentVersion = computed(() => {
 </script>
 
 <template>
-  <VPNavBarMenuGroup
-    v-if="!screenMenu"
+  <VPNavMenuGroup
     :item="{ text: currentVersion, items: versions }"
-    class="VPNavVersion"
-  />
-  <VPNavScreenMenuGroup
-    v-else
-    :text="currentVersion"
-    :items="versions"
+    :screen="screenMenu"
+    :menu="menu"
     class="VPNavVersion"
   />
 </template>
diff --git a/__tests__/e2e/.vitepress/theme/index.ts b/__tests__/e2e/.vitepress/theme/index.ts
index 9b5c079c..d28c5dce 100644
--- a/__tests__/e2e/.vitepress/theme/index.ts
+++ b/__tests__/e2e/.vitepress/theme/index.ts
@@ -1,7 +1,8 @@
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
-import CustomLayout from './components/CustomLayout.vue'
+
 import ApiPreference from './components/ApiPreference.vue'
+import CustomLayout from './components/CustomLayout.vue'
 import NavVersion from './components/NavVersion.vue'
 
 export default {
diff --git a/__tests__/e2e/data-loading/basic.data.mts b/__tests__/e2e/data-loading/basic.data.mts
index 56aab77e..526cb615 100644
--- a/__tests__/e2e/data-loading/basic.data.mts
+++ b/__tests__/e2e/data-loading/basic.data.mts
@@ -1,4 +1,5 @@
 import fs from 'node:fs'
+
 import { defineLoader } from 'vitepress'
 
 type Data = Record<string, boolean>[]
diff --git a/__tests__/e2e/dynamic-routes/[id].paths.ts b/__tests__/e2e/dynamic-routes/[id].paths.ts
index a1cb6fef..026079f7 100644
--- a/__tests__/e2e/dynamic-routes/[id].paths.ts
+++ b/__tests__/e2e/dynamic-routes/[id].paths.ts
@@ -1,9 +1,10 @@
 import { defineRoutes } from 'vitepress'
+
 import paths from './paths'
 
 export default defineRoutes({
-  async paths(watchedFiles: string[]) {
-    // console.log('watchedFiles', watchedFiles)
+  async paths(_watchedFiles: string[]) {
+    // console.log('watchedFiles', _watchedFiles)
     return paths
   },
   watch: ['../data-loading/**/*.json'],
diff --git a/__tests__/e2e/markdown-extensions/markdown-extensions.test.ts b/__tests__/e2e/markdown-extensions/markdown-extensions.test.ts
index 7e7e23cd..98b02f13 100644
--- a/__tests__/e2e/markdown-extensions/markdown-extensions.test.ts
+++ b/__tests__/e2e/markdown-extensions/markdown-extensions.test.ts
@@ -124,13 +124,15 @@ describe('Table of Contents', () => {
 })
 
 describe('Custom Containers', () => {
-  enum CustomBlocks {
-    Info = 'INFO',
-    Tip = 'TIP',
-    Warning = 'WARNING',
-    Danger = 'DANGER',
-    Details = 'Details'
-  }
+  const CustomBlocks = {
+    Info: 'INFO',
+    Tip: 'TIP',
+    Warning: 'WARNING',
+    Danger: 'DANGER',
+    Details: 'Details'
+  } as const
+
+  type CustomBlocks = (typeof CustomBlocks)[keyof typeof CustomBlocks]
 
   const classnameMap = {
     [CustomBlocks.Info]: 'info',
diff --git a/__tests__/e2e/multi-sidebar/index.test.ts b/__tests__/e2e/multi-sidebar/index.test.ts
index b6482bdb..9f7d4a4c 100644
--- a/__tests__/e2e/multi-sidebar/index.test.ts
+++ b/__tests__/e2e/multi-sidebar/index.test.ts
@@ -15,7 +15,9 @@ describe('test multi sidebar sort root', () => {
       'Data Loading',
       'Multi Sidebar Test',
       'Dynamic Routes',
-      'Markdown Extensions'
+      'Markdown Extensions',
+      'Team & Sponsors',
+      'Sidebar Hash'
     ])
   })
 })
diff --git a/__tests__/e2e/navigation.test.ts b/__tests__/e2e/navigation.test.ts
new file mode 100644
index 00000000..3d475f85
--- /dev/null
+++ b/__tests__/e2e/navigation.test.ts
@@ -0,0 +1,239 @@
+const ariaCurrent = (selector: string) =>
+  page.locator(selector).getAttribute('aria-current')
+
+describe('navigation accessibility', () => {
+  beforeEach(async () => {
+    await page.setViewportSize({ width: 1280, height: 720 })
+  })
+
+  test('marks direct nav links to the current page', async () => {
+    await goto('/')
+
+    expect(await ariaCurrent('.VPNavBarMenuLink[href="/"]')).toBe('page')
+
+    await page.setViewportSize({ width: 375, height: 667 })
+    await page.locator('.VPNavBarHamburger').click()
+
+    expect(await ariaCurrent('.VPNavScreenMenuLink[href="/"]')).toBe('page')
+  })
+
+  test('marks nested nav links to the current page', async () => {
+    await goto('/home')
+
+    expect(await ariaCurrent('.VPMenuLink a[href="/home.html"]')).toBe('page')
+    expect(await ariaCurrent('.VPNavBarMenuLink[href="/"]')).toBeNull()
+
+    await page.setViewportSize({ width: 375, height: 667 })
+    await page.locator('.VPNavBarHamburger').click()
+
+    expect(
+      await ariaCurrent('.VPNavScreenMenuGroupLink[href="/home.html"]')
+    ).toBe('page')
+  })
+
+  test('does not mark broad activeMatch links as current', async () => {
+    await goto('/home')
+
+    const sectionLink = page.locator(
+      '.VPNavBarMenuLink[href="/markdown-extensions/"]'
+    )
+
+    expect(await sectionLink.getAttribute('class')).toContain('active')
+    expect(await sectionLink.getAttribute('aria-current')).toBeNull()
+  })
+
+  test('marks only exact sidebar links, including fragments', async () => {
+    const overview = '.VPSidebarItem .link[href="/sidebar-hash/"]'
+    const sectionOne = '.VPSidebarItem .link[href="/sidebar-hash/#section-one"]'
+    const sectionTwo = '.VPSidebarItem .link[href="/sidebar-hash/#section-two"]'
+
+    await goto('/sidebar-hash/')
+
+    // wait for hydration to replace the hash-agnostic server-rendered state
+    await page.waitForFunction(
+      () => document.querySelectorAll('.VPSidebarItem.is-active').length === 1
+    )
+
+    expect(await ariaCurrent(overview)).toBe('page')
+    expect(await ariaCurrent(sectionOne)).toBeNull()
+    expect(await ariaCurrent(sectionTwo)).toBeNull()
+
+    await page.locator(sectionTwo).click()
+    await page.waitForSelector(`${sectionTwo}[aria-current="page"]`)
+    expect(await ariaCurrent(sectionOne)).toBeNull()
+
+    await page.locator(sectionOne).click()
+    await page.waitForSelector(`${sectionOne}[aria-current="page"]`)
+    expect(await ariaCurrent(sectionTwo)).toBeNull()
+  })
+
+  test('nav landmarks and controls have accessible names', async () => {
+    await goto('/')
+
+    expect(await page.locator('.VPNavBarMenu').getAttribute('aria-label')).toBe(
+      'Main Navigation'
+    )
+
+    await page.setViewportSize({ width: 375, height: 667 })
+    expect(
+      await page.locator('.VPNavBarHamburger').getAttribute('aria-label')
+    ).toBe('Menu')
+  })
+
+  test('dropdown group is a keyboard-dismissible disclosure', async () => {
+    await goto('/')
+
+    const button = page.locator('.VPNavBarMenuGroup').first().locator('button')
+    expect(await button.getAttribute('aria-expanded')).toBe('false')
+
+    await button.click()
+    expect(await button.getAttribute('aria-expanded')).toBe('true')
+
+    await page.keyboard.press('Escape')
+    expect(await button.getAttribute('aria-expanded')).toBe('false')
+
+    // focus returned to the trigger
+    expect(
+      await page.evaluate(() => document.activeElement?.textContent)
+    ).toContain('API Reference')
+  })
+
+  test('dropdown closes after navigating via a menu item', async () => {
+    await goto('/')
+
+    const group = page.locator('.VPNavBarMenuGroup').first()
+    await group.locator('button').click()
+    await group.locator('a[href="/home.html"]').click()
+    await page.waitForFunction(() => location.pathname.endsWith('/home.html'))
+
+    // the route watcher closes it on the post-navigation tick
+    await page.waitForSelector(
+      '.VPNavBarMenuGroup button[aria-expanded="false"]'
+    )
+  })
+
+  test('overflowing nav items move into the extra menu instead of clipping', async () => {
+    await goto('/')
+
+    // everything fits at 1280, so the ⋯ menu isn't rendered at all
+    expect(await page.locator('.VPNavBarExtra').count()).toBe(0)
+
+    // inflate the items so none of them can possibly fit
+    const style = await page.addStyleTag({
+      content: '.VPNavBarMenu .list > li > * { padding: 0 500px !important }'
+    })
+    await page.waitForSelector('.VPNavBarExtra')
+
+    // every control that stays in the bar remains fully within the viewport
+    // (no clipped/unreachable items — the failure mode of #2842)
+    expect(
+      await page.evaluate(() => {
+        const targets = [
+          ...document.querySelectorAll('.VPNavBarMenu .list > li'),
+          document.querySelector('.VPNavBarSearch button'),
+          document.querySelector('.VPNavBarExtra > button')
+        ].filter((el): el is HTMLElement => !!el)
+        return targets.every((el) => {
+          const rect = el.getBoundingClientRect()
+          return rect.left >= -1 && rect.right <= innerWidth + 1
+        })
+      })
+    ).toBe(true)
+
+    // collapsed items and social links are reachable through the ⋯ menu
+    // (the scoped selector targets the moved "Home" item itself — the
+    // version-switcher component in the menu also links to "/")
+    await page.locator('.VPNavBarExtra > button').click()
+    await page.waitForSelector(
+      '.VPNavBarExtra .overflow-items > .VPMenuLink a[href="/"]'
+    )
+    await page.waitForSelector('.VPNavBarExtra .social-links')
+
+    // component items render menu-native: a titled group whose links are
+    // visible in place, not the screen accordion or a nested flyout
+    await page.waitForSelector(
+      '.VPNavBarExtra .overflow-items > .VPNavVersion .title'
+    )
+    expect(
+      await page.locator('.VPNavBarExtra .VPNavScreenMenuGroup').count()
+    ).toBe(0)
+
+    // widening back restores the inline items and removes the ⋯ menu
+    await style.evaluate((el) => (el as HTMLStyleElement).remove())
+    await page.waitForSelector('.VPNavBarExtra', { state: 'detached' })
+    await page.waitForSelector('.VPNavBarMenuLink[href="/"]')
+  })
+
+  test('nav screen manages focus and inert state', async () => {
+    await page.setViewportSize({ width: 375, height: 667 })
+    await goto('/')
+
+    const hamburger = page.locator('.VPNavBarHamburger')
+    expect(await hamburger.getAttribute('aria-expanded')).toBe('false')
+
+    await hamburger.click()
+    await page.waitForSelector('#VPNavScreen')
+    expect(await hamburger.getAttribute('aria-expanded')).toBe('true')
+
+    // the covered page content is inert while the screen is open
+    expect(
+      await page.evaluate(() =>
+        document.getElementById('VPContent')!.hasAttribute('inert')
+      )
+    ).toBe(true)
+
+    await page.keyboard.press('Escape')
+    await page.waitForSelector('#VPNavScreen', { state: 'detached' })
+
+    expect(
+      await page.evaluate(() =>
+        document.getElementById('VPContent')!.hasAttribute('inert')
+      )
+    ).toBe(false)
+
+    // focus returned to the hamburger
+    expect(
+      await page.evaluate(() => document.activeElement?.className)
+    ).toContain('VPNavBarHamburger')
+  })
+
+  test('screen menu group is a real disclosure', async () => {
+    await page.setViewportSize({ width: 375, height: 667 })
+    await goto('/')
+    await page.locator('.VPNavBarHamburger').click()
+
+    const group = page.locator('.VPNavScreenMenuGroup').first()
+    const button = group.locator('button').first()
+
+    expect(await button.getAttribute('aria-expanded')).toBe('false')
+    // collapsed content is hidden from view and the tab order
+    expect(await group.locator('a[href="/home.html"]').isVisible()).toBe(false)
+
+    await button.click()
+    expect(await button.getAttribute('aria-expanded')).toBe('true')
+    await page.waitForSelector('.VPNavScreenMenuGroup a[href="/home.html"]')
+
+    // aria-controls points at the panel it toggles
+    const controls = await button.getAttribute('aria-controls')
+    expect(await group.locator(`ul[id="${controls}"]`).count()).toBe(1)
+  })
+
+  test.runIf(process.env.VITE_TEST_BUILD)(
+    'omits aria-current for fragment links in server-rendered HTML',
+    async () => {
+      const response = await page.request.get(
+        `http://localhost:${process.env['PORT']}/sidebar-hash/`
+      )
+      const anchors = (
+        (await response.text()).match(/<a\b[^>]*>/g) ?? []
+      ).filter((anchor) => anchor.includes('/sidebar-hash/'))
+
+      expect(
+        anchors.filter((anchor) => anchor.includes('#section-')).length
+      ).toBeGreaterThanOrEqual(2)
+      expect(
+        anchors.filter((anchor) => anchor.includes('aria-current'))
+      ).toEqual([expect.stringContaining('href="/sidebar-hash/"')])
+    }
+  )
+})
diff --git a/__tests__/e2e/public/sponsor-logo.svg b/__tests__/e2e/public/sponsor-logo.svg
new file mode 100644
index 00000000..1349e88e
--- /dev/null
+++ b/__tests__/e2e/public/sponsor-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="32">
+  <rect width="96" height="32" rx="6" fill="#3c3c43" />
+  <text x="48" y="21" font-family="sans-serif" font-size="14" font-weight="600" fill="#ffffff" text-anchor="middle">SPONSOR</text>
+</svg>
diff --git a/__tests__/e2e/public/team-avatar-small.svg b/__tests__/e2e/public/team-avatar-small.svg
new file mode 100644
index 00000000..43e062b0
--- /dev/null
+++ b/__tests__/e2e/public/team-avatar-small.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">
+  <rect width="32" height="32" fill="#3451b2" />
+  <circle cx="16" cy="12" r="5" fill="#ffffff" />
+  <path d="M6 26c2-6 18-6 20 0z" fill="#ffffff" />
+</svg>
diff --git a/__tests__/e2e/public/team-avatar-wide.svg b/__tests__/e2e/public/team-avatar-wide.svg
new file mode 100644
index 00000000..316cdfeb
--- /dev/null
+++ b/__tests__/e2e/public/team-avatar-wide.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="192" height="128">
+  <rect width="192" height="128" fill="#18794e" />
+  <rect width="32" height="128" fill="#f9b44e" />
+  <rect x="160" width="32" height="128" fill="#f9b44e" />
+  <circle cx="96" cy="64" r="40" fill="#ffffff" />
+</svg>
diff --git a/__tests__/e2e/sidebar-hash/index.md b/__tests__/e2e/sidebar-hash/index.md
new file mode 100644
index 00000000..4b3aad17
--- /dev/null
+++ b/__tests__/e2e/sidebar-hash/index.md
@@ -0,0 +1,11 @@
+# Sidebar Hash
+
+A page whose sidebar entries point at fragments of the same page.
+
+## Section One
+
+Content for the first section.
+
+## Section Two
+
+Content for the second section.
diff --git a/__tests__/e2e/sidebar.test.ts b/__tests__/e2e/sidebar.test.ts
new file mode 100644
index 00000000..288b15c8
--- /dev/null
+++ b/__tests__/e2e/sidebar.test.ts
@@ -0,0 +1,36 @@
+describe('sidebar', () => {
+  beforeAll(async () => {
+    await goto('/frontmatter/multiple-levels-outline')
+  })
+
+  test('collapsible group renders a heading and a single toggle button', async () => {
+    const group = page.locator('.VPSidebarItem.level-0.collapsible').first()
+    const caret = group.locator('.caret').first()
+
+    expect(await page.locator('.VPSidebarItem [role="button"]').count()).toBe(0)
+    expect(await caret.evaluate((el) => el.tagName)).toBe('BUTTON')
+    expect(await caret.getAttribute('aria-expanded')).toBe('true')
+  })
+
+  test('group toggles with keyboard, caret and heading', async () => {
+    const group = page.locator('.VPSidebarItem.level-0.collapsible').first()
+    const caret = group.locator('.caret').first()
+    const isCollapsed = () =>
+      group.evaluate((el) => el.classList.contains('collapsed'))
+
+    await caret.focus()
+    await page.keyboard.press('Enter')
+    expect(await isCollapsed()).toBe(true)
+    expect(await caret.getAttribute('aria-expanded')).toBe('false')
+
+    await page.keyboard.press('Space')
+    expect(await isCollapsed()).toBe(false)
+    expect(await caret.getAttribute('aria-expanded')).toBe('true')
+
+    await caret.click()
+    expect(await isCollapsed()).toBe(true)
+
+    await group.locator('.text').first().click()
+    expect(await isCollapsed()).toBe(false)
+  })
+})
diff --git a/__tests__/e2e/team-and-sponsors/data.ts b/__tests__/e2e/team-and-sponsors/data.ts
new file mode 100644
index 00000000..fd0bee00
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/data.ts
@@ -0,0 +1,89 @@
+import type { DefaultTheme } from 'vitepress/theme'
+
+export const members: DefaultTheme.TeamMember[] = [
+  {
+    // smaller than the rendered avatar, checks that it still fills the circle
+    avatar: '/team-avatar-small.svg',
+    name: 'Alice Example',
+    title: 'Creator',
+    org: 'Example Org',
+    orgLink: 'https://example.com',
+    desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+    links: [
+      { icon: 'github', link: 'https://example.com' },
+      { icon: 'x', link: 'https://example.com' }
+    ],
+    sponsor: 'https://example.com'
+  },
+  {
+    // non-square, checks object-fit (side stripes must stay cropped out)
+    avatar: '/team-avatar-wide.svg',
+    name: 'Bob Example',
+    title: 'Maintainer',
+    links: [{ icon: 'github', link: 'https://example.com' }]
+  },
+  {
+    avatar: '/team-avatar-small.svg',
+    name: 'Carol Example',
+    title: 'Partner'
+  }
+]
+
+export const partners: DefaultTheme.TeamMember[] = [
+  {
+    avatar: '/team-avatar-wide.svg',
+    name: 'Dave Example',
+    title: 'Partner',
+    links: [{ icon: 'github', link: 'https://example.com' }]
+  },
+  {
+    avatar: '/team-avatar-small.svg',
+    name: 'Eve Example',
+    title: 'Partner'
+  },
+  {
+    avatar: '/team-avatar-wide.svg',
+    name: 'Frank Example',
+    title: 'Partner'
+  }
+]
+
+interface Sponsor {
+  name: string
+  img: string
+  url: string
+}
+
+const sponsor = (name: string): Sponsor => ({
+  name,
+  img: '/sponsor-logo.svg',
+  url: 'https://example.com'
+})
+
+export const sponsors: {
+  tier: string
+  size?: 'medium' | 'big'
+  items: Sponsor[]
+}[] = [
+  {
+    tier: 'Platinum Sponsors',
+    size: 'big',
+    items: [sponsor('Sponsor One'), sponsor('Sponsor Two')]
+  },
+  {
+    tier: 'Gold Sponsors',
+    size: 'medium',
+    items: [
+      sponsor('Sponsor Three'),
+      sponsor('Sponsor Four'),
+      sponsor('Sponsor Five'),
+      sponsor('Sponsor Six')
+    ]
+  }
+]
+
+export const friends: Sponsor[] = [
+  sponsor('Friend One'),
+  sponsor('Friend Two'),
+  sponsor('Friend Three')
+]
diff --git a/__tests__/e2e/team-and-sponsors/doc.md b/__tests__/e2e/team-and-sponsors/doc.md
new file mode 100644
index 00000000..ac2abe67
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/doc.md
@@ -0,0 +1,3 @@
+# Team & Sponsors in Doc Layout
+
+<!--@include: ./parts/doc-page-body.md-->
diff --git a/__tests__/e2e/team-and-sponsors/home-no-markdown-styles.md b/__tests__/e2e/team-and-sponsors/home-no-markdown-styles.md
new file mode 100644
index 00000000..f536f96a
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/home-no-markdown-styles.md
@@ -0,0 +1,30 @@
+---
+layout: home
+title: Team & Sponsors in Home Layout (no markdown styles)
+markdownStyles: false
+
+hero:
+  name: Team & Sponsors
+  text: Home layout without markdown styles
+  tagline: Reference rendering of the components
+  actions:
+    - theme: brand
+      text: Doc Layout
+      link: ./doc
+  image:
+    src: /vitepress.png
+    alt: VitePress
+
+features:
+  - icon: 📝
+    title: Feature A
+    details: Some details about feature A.
+  - icon: ⚡
+    title: Feature B
+    details: Some details about feature B.
+  - icon: 🚀
+    title: Feature C
+    details: Some details about feature C.
+---
+
+<!--@include: ./parts/home-body.md-->
diff --git a/__tests__/e2e/team-and-sponsors/home.md b/__tests__/e2e/team-and-sponsors/home.md
new file mode 100644
index 00000000..11e9030c
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/home.md
@@ -0,0 +1,29 @@
+---
+layout: home
+title: Team & Sponsors in Home Layout
+
+hero:
+  name: Team & Sponsors
+  text: Home layout with markdown styles
+  tagline: Compare with the no-markdown-styles variant
+  actions:
+    - theme: brand
+      text: Doc Layout
+      link: ./doc
+  image:
+    src: /vitepress.png
+    alt: VitePress
+
+features:
+  - icon: 📝
+    title: Feature A
+    details: Some details about feature A.
+  - icon: ⚡
+    title: Feature B
+    details: Some details about feature B.
+  - icon: 🚀
+    title: Feature C
+    details: Some details about feature C.
+---
+
+<!--@include: ./parts/home-body.md-->
diff --git a/__tests__/e2e/team-and-sponsors/page.md b/__tests__/e2e/team-and-sponsors/page.md
new file mode 100644
index 00000000..e1afb836
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/page.md
@@ -0,0 +1,8 @@
+---
+layout: page
+title: Team & Sponsors in Page Layout
+---
+
+# Team & Sponsors in Page Layout
+
+<!--@include: ./parts/doc-page-body.md-->
diff --git a/__tests__/e2e/team-and-sponsors/parts/doc-page-body.md b/__tests__/e2e/team-and-sponsors/parts/doc-page-body.md
new file mode 100644
index 00000000..13c989f4
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/parts/doc-page-body.md
@@ -0,0 +1,42 @@
+<script setup>
+import { VPTeamMembers, VPSponsors } from 'vitepress/theme'
+import { members, friends, sponsors } from './data'
+</script>
+
+Regular paragraph with a [link](https://example.com) and `inline code`.
+
+## Small, One Member
+
+<VPTeamMembers size="small" :members="members.slice(0, 1)" />
+
+## Small, Two Members
+
+<VPTeamMembers size="small" :members="members.slice(0, 2)" />
+
+## Small, Three Members
+
+<VPTeamMembers size="small" :members />
+
+## Medium, One Member
+
+<VPTeamMembers size="medium" :members="members.slice(0, 1)" />
+
+## Medium, Two Members
+
+<VPTeamMembers size="medium" :members="members.slice(0, 2)" />
+
+## Medium, Three Members
+
+<VPTeamMembers size="medium" :members />
+
+## Sponsors, Tiered
+
+<VPSponsors :data="sponsors" />
+
+## Sponsors, Single Tier
+
+<VPSponsors tier="Friends" size="mini" :data="friends" />
+
+## After Components
+
+Trailing markdown content after the components.
diff --git a/__tests__/e2e/team-and-sponsors/parts/home-body.md b/__tests__/e2e/team-and-sponsors/parts/home-body.md
new file mode 100644
index 00000000..f92190ce
--- /dev/null
+++ b/__tests__/e2e/team-and-sponsors/parts/home-body.md
@@ -0,0 +1,47 @@
+<script setup>
+import {
+  VPTeamPage,
+  VPTeamPageTitle,
+  VPTeamPageSection,
+  VPTeamMembers,
+  VPHomeSponsors
+} from 'vitepress/theme'
+import { members, partners, sponsors } from './data'
+</script>
+
+## Markdown Section
+
+Some paragraph text with a [link](https://example.com) and `inline code` to
+verify how markdown content is styled in this variant.
+
+- List item one
+- List item two
+
+<VPTeamPage>
+  <VPTeamPageTitle>
+    <template #title>Our Team</template>
+    <template #lead>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt.
+    </template>
+  </VPTeamPageTitle>
+  <VPTeamMembers :members="members.slice(0, 2)" />
+  <VPTeamPageSection>
+    <template #title>Partners</template>
+    <template #lead>Lorem ipsum dolor sit amet.</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="partners" />
+    </template>
+  </VPTeamPageSection>
+</VPTeamPage>
+
+<VPHomeSponsors
+  message="Made possible by our generous sponsors"
+  :data="sponsors"
+  action-text="Become a sponsor"
+  action-link="https://example.com"
+/>
+
+## After Components
+
+Trailing markdown content after the components.
diff --git a/__tests__/e2e/vitestGlobalSetup.ts b/__tests__/e2e/vitestGlobalSetup.ts
index 74596801..314da731 100644
--- a/__tests__/e2e/vitestGlobalSetup.ts
+++ b/__tests__/e2e/vitestGlobalSetup.ts
@@ -1,5 +1,6 @@
-import getPort from 'get-port'
 import type { Server } from 'node:net'
+
+import getPort from 'get-port'
 import { chromium, type BrowserServer } from 'playwright-chromium'
 import type { ViteDevServer } from 'vite'
 import { build, createServer, serve } from 'vitepress'
diff --git a/__tests__/init/init.test.ts b/__tests__/init/init.test.ts
index 11ea8c32..79f1bad5 100644
--- a/__tests__/init/init.test.ts
+++ b/__tests__/init/init.test.ts
@@ -1,8 +1,9 @@
-import getPort from 'get-port'
-import { nanoid } from 'nanoid'
 import { rm } from 'node:fs/promises'
 import path from 'node:path'
 import { fileURLToPath, URL } from 'node:url'
+
+import getPort from 'get-port'
+import { nanoid } from 'nanoid'
 import { chromium } from 'playwright-chromium'
 import { createServer, scaffold, ScaffoldThemeType } from 'vitepress'
 
diff --git a/__tests__/unit/client/theme-default/composables/nav-overflow.test.ts b/__tests__/unit/client/theme-default/composables/nav-overflow.test.ts
new file mode 100644
index 00000000..3250bee3
--- /dev/null
+++ b/__tests__/unit/client/theme-default/composables/nav-overflow.test.ts
@@ -0,0 +1,135 @@
+import {
+  computeNavFit,
+  type NavFitInput
+} from 'client/theme-default/composables/nav-overflow'
+
+function fit(input: Partial<NavFitInput>) {
+  return computeNavFit({
+    itemWidths: [],
+    translations: null,
+    appearance: null,
+    socialLinks: null,
+    available: 0,
+    extraWidth: 40,
+    ...input
+  })
+}
+
+describe('client/theme-default/composables/nav-overflow', () => {
+  describe('computeNavFit', () => {
+    test('keeps everything when it fits', () => {
+      expect(
+        fit({
+          itemWidths: [100, 100],
+          translations: 50,
+          appearance: 60,
+          socialLinks: 90,
+          available: 400
+        })
+      ).toEqual({
+        visibleItemCount: Infinity,
+        translations: true,
+        appearance: true,
+        socialLinks: true
+      })
+    })
+
+    test('collapses social links first', () => {
+      expect(
+        fit({
+          itemWidths: [100, 100],
+          translations: 50,
+          appearance: 60,
+          socialLinks: 90,
+          available: 390
+        })
+      ).toEqual({
+        visibleItemCount: Infinity,
+        translations: true,
+        appearance: true,
+        socialLinks: false
+      })
+    })
+
+    test('collapses the cluster cascade in order', () => {
+      // items (200) + translations (50) fit in the 260 budget after
+      // reserving the extra button, appearance (60) does not — social links
+      // must follow appearance out even though they'd fit alone
+      expect(
+        fit({
+          itemWidths: [100, 100],
+          translations: 50,
+          appearance: 60,
+          socialLinks: 5,
+          available: 300
+        })
+      ).toEqual({
+        visibleItemCount: Infinity,
+        translations: true,
+        appearance: false,
+        socialLinks: false
+      })
+    })
+
+    test('collapses menu items right-to-left after the cluster', () => {
+      expect(
+        fit({
+          itemWidths: [100, 100, 100],
+          translations: 50,
+          available: 250
+        })
+      ).toEqual({
+        visibleItemCount: 2,
+        translations: false,
+        appearance: true,
+        socialLinks: true
+      })
+    })
+
+    test('ignores unconfigured cluster units', () => {
+      expect(
+        fit({
+          itemWidths: [100],
+          socialLinks: 90,
+          available: 150
+        })
+      ).toEqual({
+        visibleItemCount: Infinity,
+        translations: true,
+        appearance: true,
+        socialLinks: false
+      })
+    })
+
+    test('collapses everything when nothing fits', () => {
+      expect(
+        fit({
+          itemWidths: [100, 100],
+          translations: 50,
+          available: 30
+        })
+      ).toEqual({
+        visibleItemCount: 0,
+        translations: false,
+        // unconfigured units just stay "not collapsed"
+        appearance: true,
+        socialLinks: true
+      })
+    })
+
+    test('a lone overwide item still collapses instead of clipping', () => {
+      expect(fit({ itemWidths: [500], available: 400 }).visibleItemCount).toBe(
+        0
+      )
+    })
+
+    test('handles an empty nav', () => {
+      expect(fit({ socialLinks: 90, appearance: 60, available: 80 })).toEqual({
+        visibleItemCount: Infinity,
+        translations: true,
+        appearance: false,
+        socialLinks: false
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/node/contentLoader.test.ts b/__tests__/unit/node/contentLoader.test.ts
index 197745f6..9d0ce2ac 100644
--- a/__tests__/unit/node/contentLoader.test.ts
+++ b/__tests__/unit/node/contentLoader.test.ts
@@ -1,9 +1,10 @@
-import { resolveConfig } from 'node/config'
-import { createContentLoader } from 'node/contentLoader'
 import { mkdtemp, rm, writeFile } from 'node:fs/promises'
 import { tmpdir } from 'node:os'
 import path from 'node:path'
 
+import { resolveConfig } from 'node/config'
+import { createContentLoader } from 'node/contentLoader'
+
 describe('node/contentLoader', () => {
   let root: string | undefined
 
diff --git a/__tests__/unit/node/markdown/plugins/image.test.ts b/__tests__/unit/node/markdown/plugins/image.test.ts
index c6a346cc..15bb4dbd 100644
--- a/__tests__/unit/node/markdown/plugins/image.test.ts
+++ b/__tests__/unit/node/markdown/plugins/image.test.ts
@@ -1,6 +1,7 @@
 import path from 'node:path'
-import { MarkdownItAsync } from 'markdown-it-async'
+
 import { attrs as attrsPlugin } from '@mdit/plugin-attrs'
+import { MarkdownItAsync } from 'markdown-it-async'
 import { imagePlugin, type Options } from 'node/markdown/plugins/image'
 
 const srcDir = path.resolve(import.meta.dirname, '../../../../e2e')
diff --git a/__tests__/unit/node/markdown/plugins/include.test.ts b/__tests__/unit/node/markdown/plugins/include.test.ts
index 053bd58e..3053459b 100644
--- a/__tests__/unit/node/markdown/plugins/include.test.ts
+++ b/__tests__/unit/node/markdown/plugins/include.test.ts
@@ -1,6 +1,7 @@
 import { mkdir, mkdtemp, rm, writeFile } from 'node:fs/promises'
 import { tmpdir } from 'node:os'
 import path from 'node:path'
+
 import {
   createMarkdownRenderer,
   disposeMdItInstance,
diff --git a/__tests__/unit/node/markdown/plugins/snippet.test.ts b/__tests__/unit/node/markdown/plugins/snippet.test.ts
index 50f389c1..f4ff5a35 100644
--- a/__tests__/unit/node/markdown/plugins/snippet.test.ts
+++ b/__tests__/unit/node/markdown/plugins/snippet.test.ts
@@ -1,6 +1,7 @@
 import { mkdir, mkdtemp, rm, writeFile } from 'node:fs/promises'
 import { tmpdir } from 'node:os'
 import path from 'node:path'
+
 import {
   createMarkdownRenderer,
   disposeMdItInstance,
diff --git a/__tests__/unit/node/markdownToVue.test.ts b/__tests__/unit/node/markdownToVue.test.ts
index 1d675f31..dd0d23e8 100644
--- a/__tests__/unit/node/markdownToVue.test.ts
+++ b/__tests__/unit/node/markdownToVue.test.ts
@@ -1,9 +1,10 @@
-import { resolveConfig } from 'node/config'
-import { createMarkdownToVueRenderFn } from 'node/markdownToVue'
 import { mkdtemp, rm, writeFile } from 'node:fs/promises'
 import { tmpdir } from 'node:os'
 import path from 'node:path'
 
+import { resolveConfig } from 'node/config'
+import { createMarkdownToVueRenderFn } from 'node/markdownToVue'
+
 describe('node/markdownToVue', () => {
   let root: string | undefined
 
diff --git a/__tests__/unit/node/plugins/localSearchPlugin.test.ts b/__tests__/unit/node/plugins/localSearchPlugin.test.ts
index ffbf3e46..0ecab64e 100644
--- a/__tests__/unit/node/plugins/localSearchPlugin.test.ts
+++ b/__tests__/unit/node/plugins/localSearchPlugin.test.ts
@@ -1,11 +1,12 @@
+import { mkdir, mkdtemp, readFile, rm, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import path from 'node:path'
+
 import MiniSearch from 'minisearch'
 import { resolveConfig } from 'node/config'
 import { disposeMdItInstance } from 'node/markdown/markdown'
 import { createMarkdownToVueRenderFn } from 'node/markdownToVue'
 import { localSearchPlugin } from 'node/plugins/localSearchPlugin'
-import { mkdir, mkdtemp, readFile, rm, writeFile } from 'node:fs/promises'
-import { tmpdir } from 'node:os'
-import path from 'node:path'
 
 describe('node/plugins/localSearchPlugin', () => {
   let root: string | undefined
@@ -46,7 +47,7 @@ describe('node/plugins/localSearchPlugin', () => {
       '# Chinese home\n\nlocaleonlytoken\n'
     )
     await writeFile(
-      path.join(configDir, 'config.ts'),
+      path.join(configDir, 'config.mjs'),
       [
         'export default {',
         '  rewrites: {',
@@ -120,7 +121,7 @@ describe('node/plugins/localSearchPlugin', () => {
       `# Chinese home\n\n${content}`
     )
     await writeFile(
-      path.join(configDir, 'config.ts'),
+      path.join(configDir, 'config.mjs'),
       [
         'export default {',
         '  locales: {',
@@ -195,7 +196,7 @@ describe('node/plugins/localSearchPlugin', () => {
       '# Broken\n\n<!-- @include: ./missing.md -->\n'
     )
     await writeFile(
-      path.join(configDir, 'config.ts'),
+      path.join(configDir, 'config.mjs'),
       "export default { themeConfig: { search: { provider: 'local' } } }"
     )
 
diff --git a/__tests__/unit/node/utils/fs.test.ts b/__tests__/unit/node/utils/fs.test.ts
index 7072a471..0d34c623 100644
--- a/__tests__/unit/node/utils/fs.test.ts
+++ b/__tests__/unit/node/utils/fs.test.ts
@@ -1,6 +1,7 @@
 import { mkdtemp, rm, writeFile } from 'node:fs/promises'
 import { tmpdir } from 'node:os'
 import path from 'node:path'
+
 import { readFile, readTextFile, readTextFileSync } from 'node/utils/fs'
 
 describe('node/utils/fs', () => {
diff --git a/__tests__/unit/shared/shared.test.ts b/__tests__/unit/shared/shared.test.ts
new file mode 100644
index 00000000..77826db3
--- /dev/null
+++ b/__tests__/unit/shared/shared.test.ts
@@ -0,0 +1,56 @@
+import { mergeHead, type HeadConfig } from 'shared/shared'
+
+describe('shared/shared', () => {
+  describe('mergeHead', () => {
+    test('replaces meta tags with the same key in place', () => {
+      expect(
+        mergeHead(
+          [
+            ['meta', { property: 'og:image', content: '/site.png' }],
+            ['meta', { name: 'keywords', content: 'site' }]
+          ],
+          [['meta', { content: '/page.png', property: 'og:image' }]]
+        )
+      ).toEqual([
+        ['meta', { content: '/page.png', property: 'og:image' }],
+        ['meta', { name: 'keywords', content: 'site' }]
+      ])
+    })
+
+    test('ignores content when keying meta tags', () => {
+      const head: HeadConfig[] = [
+        ['meta', { content: 'a', name: 'name1' }],
+        ['meta', { content: 'a', name: 'name2' }]
+      ]
+      expect(mergeHead(head)).toEqual(head)
+    })
+
+    test('keys any element by id regardless of attribute order', () => {
+      expect(
+        mergeHead(
+          [
+            ['meta', { name: 'author', content: 'a', id: 'author-a' }],
+            ['meta', { name: 'author', content: 'b', id: 'author-b' }],
+            ['script', { id: 'sw' }, 'old']
+          ],
+          [
+            ['meta', { id: 'author-a', name: 'author', content: 'c' }],
+            ['script', { id: 'sw' }, 'new']
+          ]
+        )
+      ).toEqual([
+        ['meta', { id: 'author-a', name: 'author', content: 'c' }],
+        ['meta', { name: 'author', content: 'b', id: 'author-b' }],
+        ['script', { id: 'sw' }, 'new']
+      ])
+    })
+
+    test('appends elements without a key', () => {
+      const head: HeadConfig[] = [
+        ['link', { rel: 'stylesheet', href: '/a.css' }],
+        ['link', { rel: 'stylesheet', href: '/a.css' }]
+      ]
+      expect(mergeHead(head, head)).toEqual([...head, ...head])
+    })
+  })
+})
diff --git a/__tests__/unit/vitest.config.ts b/__tests__/unit/vitest.config.ts
index 93eb40e1..c39470e3 100644
--- a/__tests__/unit/vitest.config.ts
+++ b/__tests__/unit/vitest.config.ts
@@ -1,6 +1,7 @@
-import vue from '@vitejs/plugin-vue'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+
+import vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vitest/config'
 
 const dir = dirname(fileURLToPath(import.meta.url))
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 1be8a317..64158acf 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -9,13 +9,14 @@ import {
   localIconLoader
 } from 'vitepress-plugin-group-icons'
 import llmstxt from 'vitepress-plugin-llms'
-import { markdown as esMarkdown } from '../es/config'
-import { markdown as faMarkdown } from '../fa/config'
-import { markdown as jaMarkdown } from '../ja/config'
-import { markdown as koMarkdown } from '../ko/config'
-import { markdown as ptMarkdown } from '../pt/config'
-import { markdown as ruMarkdown } from '../ru/config'
-import { markdown as zhMarkdown } from '../zh/config'
+
+import { markdown as esMarkdown } from '../es/config.ts'
+import { markdown as faMarkdown } from '../fa/config.ts'
+import { markdown as jaMarkdown } from '../ja/config.ts'
+import { markdown as koMarkdown } from '../ko/config.ts'
+import { markdown as ptMarkdown } from '../pt/config.ts'
+import { markdown as ruMarkdown } from '../ru/config.ts'
+import { markdown as zhMarkdown } from '../zh/config.ts'
 
 const prod = !!process.env.NETLIFY
 const siteUrl = 'https://vitepress.dev'
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 0e7ba37f..40c519bc 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,4 +1,7 @@
+/// <reference types="vitepress/client" />
+
 import Theme from 'vitepress/theme'
+
 import 'virtual:group-icons.css'
 import './styles.css'
 
diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css
index 54c5d424..ccd0853b 100644
--- a/docs/.vitepress/theme/styles.css
+++ b/docs/.vitepress/theme/styles.css
@@ -40,13 +40,13 @@
   --vp-home-hero-image-filter: blur(44px);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   :root {
     --vp-home-hero-image-filter: blur(56px);
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   :root {
     --vp-home-hero-image-filter: blur(68px);
   }
@@ -54,7 +54,7 @@
 
 .VPHero .VPImage {
   filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));
-  padding: 18px;
+  padding: 1.125rem;
 }
 
 .VPFeature .icon span {
diff --git a/docs/components/ModalDemo.vue b/docs/components/ModalDemo.vue
index 93dbab8f..e5ba2e39 100644
--- a/docs/components/ModalDemo.vue
+++ b/docs/components/ModalDemo.vue
@@ -38,23 +38,23 @@ const showModal = ref(false)
 }
 
 .modal-container {
-  width: 300px;
+  width: 18.75rem;
   margin: auto;
-  padding: 20px 30px;
+  padding: 1.25rem 1.875rem;
   background-color: var(--vp-c-bg);
-  border-radius: 2px;
+  border-radius: 0.125rem;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
   transition: all 0.3s ease;
 }
 
 .model-footer {
-  margin-top: 8px;
+  margin-top: 0.5rem;
   text-align: right;
 }
 
 .modal-button {
-  padding: 4px 8px;
-  border-radius: 4px;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
   border-color: var(--vp-button-alt-border);
   color: var(--vp-button-alt-text);
   background-color: var(--vp-button-alt-bg);
diff --git a/docs/config.ts b/docs/config.ts
index 8f38b2b4..aa751983 100644
--- a/docs/config.ts
+++ b/docs/config.ts
@@ -1,8 +1,5 @@
-import { createRequire } from 'node:module'
 import { defineAdditionalConfig, type DefaultTheme } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export default defineAdditionalConfig({
   description: 'Vite & Vue powered static site generator.',
@@ -40,7 +37,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/en/guide/custom-theme.md b/docs/en/guide/custom-theme.md
index 957c27dc..21cf4e26 100644
--- a/docs/en/guide/custom-theme.md
+++ b/docs/en/guide/custom-theme.md
@@ -38,7 +38,12 @@ interface Theme {
    */
   enhanceApp?: (ctx: EnhanceAppContext) => Awaitable<void>
   /**
-   * Extend another theme, calling its `enhanceApp` before ours
+   * Runs inside the root component's `setup()`
+   * @optional
+   */
+  setup?: () => void
+  /**
+   * Extend another theme, calling its `enhanceApp` and `setup` before ours
    * @optional
    */
   extends?: Theme
@@ -88,6 +93,26 @@ export default {
 
 Return `false` from `onBeforeRouteChange` or `onBeforePageLoad` to cancel navigation.
 
+The `setup` hook runs inside the root component's `setup()`, so Composition API calls (`onMounted`, `watch`, composables, ...) work there without wrapping the layout component:
+
+```ts [.vitepress/theme/index.ts]
+import { watch } from 'vue'
+import { useData } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+
+export default {
+  extends: DefaultTheme,
+  setup() {
+    const { page } = useData()
+    watch(() => page.value.relativePath, (path) => {
+      console.log('now viewing', path)
+    })
+  }
+}
+```
+
+With `extends`, each theme's `setup` runs base-first, like `enhanceApp`. It also runs during SSR/SSG rendering, so keep browser-only work inside `onMounted`.
+
 The default export is the only contract for a custom theme, and only the `Layout` property is required. So technically, a VitePress theme can be as simple as a single Vue component.
 
 Inside your layout component, it works just like a normal Vite + Vue 3 application. Do note the theme also needs to be [SSR-compatible](./ssr-compat).
diff --git a/docs/en/guide/deploy.md b/docs/en/guide/deploy.md
index b54f8fa4..d0efa808 100644
--- a/docs/en/guide/deploy.md
+++ b/docs/en/guide/deploy.md
@@ -292,62 +292,77 @@ You can deploy your VitePress project with [CloudRay](https://cloudray.io/) by f
 
 You can deploy your VitePress project with [Hostinger](https://www.hostinger.com/web-apps-hosting) by following these [instructions](https://www.hostinger.com/support/how-to-deploy-a-nodejs-website-in-hostinger/). While configuring build settings, choose VitePress as the framework and adjust the root directory to `./docs`.
 
-### Kinsta
-
-You can deploy your VitePress website on [Kinsta](https://kinsta.com/static-site-hosting/) by following these [instructions](https://kinsta.com/docs/vitepress-static-site-example/).
-
 ### Stormkit
 
 You can deploy your VitePress project to [Stormkit](https://www.stormkit.io) by following these [instructions](https://stormkit.io/blog/how-to-deploy-vitepress).
 
 ### Surge
 
-1. After running `npm run docs:build`, run this command to deploy:
+After running `npm run docs:build`, run this command to deploy to [Surge](https://surge.sh):
 
-   ```sh
-   npx surge docs/.vitepress/dist
-   ```
+```sh
+npx surge docs/.vitepress/dist
+```
+
+### harvis
 
-### Nginx
+After running `npm run docs:build`, run this command to deploy to [harvis](https://harvis.dev):
 
-Here is a example of an Nginx server block configuration. This setup includes gzip compression for common text-based assets, rules for serving your VitePress site's static files with proper caching headers as well as handling `cleanUrls: true`.
+```sh
+npx harvis docs/.vitepress/dist
+```
+
+### nginx
+
+Here is a example of an nginx server block configuration. This setup includes gzip compression for common text-based assets, rules for serving your VitePress site's static files with proper caching headers as well as handling `cleanUrls: true`.
 
 ```nginx
-server {
-    gzip on;
-    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+map $uri $cache_control {
+    ~^/assets/  "public, max-age=31536000, immutable";
+    default     "no-cache";
+}
 
-    listen 80;
+server {
+    listen 8080;
+    listen [::]:8080;
     server_name _;
-    index index.html;
 
-    location / {
-        # content location
-        root /app;
+    root /usr/share/nginx/html;
+    index index.html;
+    charset utf-8;
+    server_tokens off;
 
-        # exact matches -> reverse clean urls -> folders -> not found
-        try_files $uri $uri.html $uri/ =404;
+    absolute_redirect off;
 
-        # non existent pages
-        error_page 404 /404.html;
+    gzip on;
+    gzip_vary on;
+    gzip_comp_level 5;
+    gzip_min_length 1024;
+    gzip_types
+        application/javascript
+        application/json
+        application/manifest+json
+        image/svg+xml
+        text/css
+        text/javascript
+        text/plain;
+
+    add_header Cache-Control $cache_control always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
 
-        # a folder without index.html raises 403 in this setup
-        error_page 403 /404.html;
+    location / {
+        try_files $uri $uri.html $uri/index.html =404;
+    }
 
-        # adjust caching headers
-        # files in the assets folder have hashes filenames
-        location ~* ^/assets/ {
-            expires 1y;
-            add_header Cache-Control "public, immutable";
+    location ~ ^(?<page>.+)/$ {
+        if (-f $document_root$page.html) {
+            return 301 $page$is_args$args;
         }
+        try_files $page/index.html =404;
     }
+
+    error_page 404 /404.html;
 }
 ```
-
-This configuration assumes that your built VitePress site is located in the `/app` directory on your server. Adjust the `root` directive accordingly if your site's files are located elsewhere.
-
-::: warning Do not default to index.html
-The try_files resolution must not default to index.html like in other Vue applications. This would result in an invalid page state.
-:::
-
-Further information can be found in the [official nginx documentation](https://nginx.org/en/docs/), in these issues [#2837](https://github.com/vuejs/vitepress/discussions/2837), [#3235](https://github.com/vuejs/vitepress/issues/3235) as well as in this [blog post](https://blog.mehdi.cc/articles/vitepress-cleanurls-on-nginx-environment#readings) by Mehdi Merah.
diff --git a/docs/en/guide/extending-default-theme.md b/docs/en/guide/extending-default-theme.md
index 8a109e34..307e0db4 100644
--- a/docs/en/guide/extending-default-theme.md
+++ b/docs/en/guide/extending-default-theme.md
@@ -40,6 +40,46 @@ export default DefaultTheme
 
 See [default theme CSS variables](https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css) that can be overridden.
 
+### Navbar
+
+The navbar draws a single background surface controlled by CSS variables, so its look can be changed without touching component internals:
+
+```css
+:root {
+  /* bar height and background */
+  --vp-nav-height: 4rem;
+  --vp-nav-bg-color: var(--vp-c-bg);
+
+  /* background while on top of the home page (unscrolled);
+     set to var(--vp-nav-bg-color) to opt out of the transparent treatment */
+  --vp-nav-home-bg-color: transparent;
+
+  /* filter applied to the content behind the bar */
+  --vp-nav-backdrop-filter: none;
+
+  /* the bar's bottom rule and the mobile menu background */
+  --vp-nav-divider-color: var(--vp-c-gutter);
+  --vp-nav-screen-bg-color: var(--vp-c-bg);
+}
+```
+
+For example, a frosted-glass navbar:
+
+```css
+:root {
+  --vp-nav-bg-color: color-mix(in srgb, var(--vp-c-bg) 65%, transparent);
+  --vp-nav-backdrop-filter: saturate(180%) blur(8px);
+}
+```
+
+The same treatment carries over to the local nav: `--vp-local-nav-bg-color` follows the navbar surface color by default, and where the two bars meet they share a single blurred surface, so the glass stays continuous across them.
+
+::: warning
+`backdrop-filter` has a measurable scroll performance cost, especially on large or high-DPI screens. When using a translucent bar, also check text contrast over your page content. Safari 17 and earlier don't apply variable-driven backdrop filters, so they show the translucent color without the blur.
+:::
+
+When the nav items don't fit the available width, they move into the `⋯` menu at the end of the navbar instead of being clipped, starting with the social links, the appearance switch and the locale switcher, followed by the nav items right-to-left. Its button label can be localized with [`extraMenuLabel`](../reference/default-theme-config#extramenulabel).
+
 ## Using Different Fonts
 
 VitePress uses [Inter](https://rsms.me/inter/) as the default font, and will include the fonts in the build output. The font is also auto preloaded in production. However, this may not be desirable if you want to use a different main font.
diff --git a/docs/en/guide/markdown.md b/docs/en/guide/markdown.md
index 06872418..b9a78ea4 100644
--- a/docs/en/guide/markdown.md
+++ b/docs/en/guide/markdown.md
@@ -445,6 +445,8 @@ VitePress also supports [GitHub-flavored alerts](https://docs.github.com/en/get-
 > [!CAUTION]
 > Negative potential consequences of an action.
 
+By default, alert colors match GitHub's, with caution and danger both rendering in red. Enable [`themeConfig.gradedContainers`](../reference/default-theme-config#gradedcontainers) to use a graded severity scale: danger (red), warning (orange), and caution (yellow). Note that `[!DANGER]` is a VitePress extension and will render as a regular blockquote on GitHub.
+
 ## Syntax Highlighting in Code Blocks
 
 VitePress uses [Shiki](https://github.com/shikijs/shiki) to highlight language syntax in Markdown code blocks, using coloured text. Shiki supports a wide variety of programming languages. All you need to do is append a valid language alias to the beginning backticks for the code block:
diff --git a/docs/en/reference/default-theme-badge.md b/docs/en/reference/default-theme-badge.md
index 12a3be85..7ea24d41 100644
--- a/docs/en/reference/default-theme-badge.md
+++ b/docs/en/reference/default-theme-badge.md
@@ -14,7 +14,7 @@ You may use the `Badge` component which is globally available.
 ### Title <Badge type="info" text="default" />
 ### Title <Badge type="tip" text="^1.9.0" />
 ### Title <Badge type="warning" text="beta" />
-### Title <Badge type="danger" text="caution" />
+### Title <Badge type="danger" text="deprecated" />
 ```
 
 Code above renders like:
@@ -22,7 +22,7 @@ Code above renders like:
 ### Title <Badge type="info" text="default" />
 ### Title <Badge type="tip" text="^1.9.0" />
 ### Title <Badge type="warning" text="beta" />
-### Title <Badge type="danger" text="caution" />
+### Title <Badge type="danger" text="deprecated" />
 
 ## Custom Children
 
@@ -44,9 +44,21 @@ You can customize the style of badges by overriding css variables. The following
   --vp-badge-info-text: var(--vp-c-text-2);
   --vp-badge-info-bg: var(--vp-c-default-soft);
 
+  --vp-badge-note-border: transparent;
+  --vp-badge-note-text: var(--vp-c-note-1);
+  --vp-badge-note-bg: var(--vp-c-note-soft);
+
   --vp-badge-tip-border: transparent;
-  --vp-badge-tip-text: var(--vp-c-brand-1);
-  --vp-badge-tip-bg: var(--vp-c-brand-soft);
+  --vp-badge-tip-text: var(--vp-c-tip-1);
+  --vp-badge-tip-bg: var(--vp-c-tip-soft);
+
+  --vp-badge-important-border: transparent;
+  --vp-badge-important-text: var(--vp-c-important-1);
+  --vp-badge-important-bg: var(--vp-c-important-soft);
+
+  --vp-badge-caution-border: transparent;
+  --vp-badge-caution-text: var(--vp-c-caution-1);
+  --vp-badge-caution-bg: var(--vp-c-caution-soft);
 
   --vp-badge-warning-border: transparent;
   --vp-badge-warning-text: var(--vp-c-warning-1);
@@ -67,7 +79,7 @@ interface Props {
   // When `<slot>` is passed, this value gets ignored.
   text?: string
 
-  // Defaults to `tip`.
-  type?: 'info' | 'tip' | 'warning' | 'danger'
+  // Defaults to `tip`. Matches markdown containers/alerts colors.
+  type?: 'info' | 'note' | 'tip' | 'important' | 'caution' | 'warning' | 'danger'
 }
 ```
diff --git a/docs/en/reference/default-theme-config.md b/docs/en/reference/default-theme-config.md
index 02c221ec..19f0cc76 100644
--- a/docs/en/reference/default-theme-config.md
+++ b/docs/en/reference/default-theme-config.md
@@ -470,6 +470,27 @@ Can be used to customize the label of the return to top button. This label is on
 
 Can be used to customize the aria-label of the language toggle button in navbar. This is only used if you're using [i18n](../guide/i18n).
 
+## navMenuLabel
+
+- Type: `string`
+- Default: `Main Navigation`
+
+Can be used to customize the accessible label of the main navigation landmarks (the navbar menu and the mobile menu).
+
+## mobileMenuLabel
+
+- Type: `string`
+- Default: `Menu`
+
+Can be used to customize the aria-label of the mobile menu (hamburger) button.
+
+## extraMenuLabel
+
+- Type: `string`
+- Default: `More options`
+
+Can be used to customize the aria-label of the `⋯` menu button in the navbar. That menu collects the nav items and controls that don't fit in the bar at the current viewport size.
+
 ## skipToContentLabel
 
 - Type: `string`
@@ -484,6 +505,13 @@ Can be used to customize the label of the skip to content link. This link is sho
 
 Whether to show an external link icon next to external links in markdown.
 
+## gradedContainers
+
+- Type: `boolean`
+- Default: `false`
+
+Whether to color [custom containers](../guide/markdown#custom-containers), [GitHub-flavored alerts](../guide/markdown#github-flavored-alerts), and badges on a graded severity scale — danger red, warning orange, caution yellow. By default, colors match GitHub's alerts, where caution shares danger's red and warning is yellow.
+
 ## `useLayout` <Badge type="info" text="composable" />
 
 Returns layout-related data. The returned object has the following type:
diff --git a/docs/en/reference/default-theme-nav.md b/docs/en/reference/default-theme-nav.md
index 01ff2090..02caac41 100644
--- a/docs/en/reference/default-theme-nav.md
+++ b/docs/en/reference/default-theme-nav.md
@@ -216,5 +216,6 @@ export default {
 Your component will be rendered in the navigation bar. VitePress will provide the following additional props to the component:
 
 - `screenMenu`: an optional boolean indicating whether the component is inside mobile navigation menu
+- `menu`: an optional boolean indicating whether the component is inside a dropdown panel — for example, the `⋯` menu that nav items collapse into when they don't fit the bar. In both these contexts, render a flat list instead of a floating flyout, which would end up nested inside the panel
 
 You can check an example in the e2e tests [here](https://github.com/vuejs/vitepress/tree/main/__tests__/e2e/.vitepress).
diff --git a/docs/en/reference/default-theme-search.md b/docs/en/reference/default-theme-search.md
index 3c3fc41b..d383288e 100644
--- a/docs/en/reference/default-theme-search.md
+++ b/docs/en/reference/default-theme-search.md
@@ -27,10 +27,11 @@ Example result:
 
 Alternatively, you can use [Algolia DocSearch](#algolia-search) or some community plugins like:
 
-- <https://www.npmjs.com/package/vitepress-plugin-search>
-- <https://www.npmjs.com/package/vitepress-plugin-pagefind>
-- <https://www.npmjs.com/package/@orama/plugin-vitepress>
-- <https://www.npmjs.com/package/vitepress-plugin-typesense>
+- <https://npmx.dev/package/vitepress-plugin-pagefind>
+- <https://npmx.dev/package/vitepress-plugin-typesense>
+- <https://npmx.dev/package/vitepress-plugin-cloudflare-ai-search>
+
+<!-- - <https://npmx.dev/package/@orama/plugin-vitepress> -- replace with zbsearch one when published -->
 
 ### i18n {#local-search-i18n}
 
diff --git a/docs/en/reference/frontmatter-config.md b/docs/en/reference/frontmatter-config.md
index 8960bfe2..42f57f4a 100644
--- a/docs/en/reference/frontmatter-config.md
+++ b/docs/en/reference/frontmatter-config.md
@@ -63,7 +63,7 @@ description: VitePress
 
 - Type: `HeadConfig[]`
 
-Specify extra head tags to be injected for the current page. Will be appended after head tags injected by site-level config.
+Specify extra head tags to be injected for the current page. They are [merged](./site-config#head) with the head tags injected by site-level config.
 
 ```yaml
 ---
diff --git a/docs/en/reference/site-config.md b/docs/en/reference/site-config.md
index a9d9c4f1..d79eb637 100644
--- a/docs/en/reference/site-config.md
+++ b/docs/en/reference/site-config.md
@@ -248,6 +248,13 @@ type HeadConfig =
   | [string, Record<string, string>, string]
 ```
 
+Head entries from the site config, [locale config](../guide/i18n), [directory-level config](#directory-level-overrides), [frontmatter](./frontmatter-config#head) and [`transformHead`](#transformhead) are merged in that order. A later entry replaces an earlier one with the same key instead of being appended:
+
+- Any element with an `id` attribute is keyed by its `id`.
+- A `meta` element without an `id` is keyed by its first attribute other than `content` (e.g. `name`, `property`, `http-equiv`) and that attribute's value.
+
+Other elements are never deduplicated. To render multiple `meta` tags that would share a key, like several `<meta name="author">`, give each of them a unique `id`.
+
 #### Example: Adding a favicon
 
 ```ts
diff --git a/docs/es/config.ts b/docs/es/config.ts
index 0427767e..43b2dfb7 100644
--- a/docs/es/config.ts
+++ b/docs/es/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -92,7 +89,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/es/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/es/reference/default-theme-search.md b/docs/es/reference/default-theme-search.md
index 0dcb9018..7d5a719d 100644
--- a/docs/es/reference/default-theme-search.md
+++ b/docs/es/reference/default-theme-search.md
@@ -25,7 +25,7 @@ Resultado de ejemplo:
 
 ![captura de pantalla del modo de búsqueda](/search.png)
 
-Alternativamente, puedes usar [Algolia DocSearch](#algolia-search) o algunos complementos comunitarios como <https://www.npmjs.com/package/vitepress-plugin-search> o <https://www.npmjs.com/package/vitepress-plugin-pagefind>.
+Alternativamente, puedes usar [Algolia DocSearch](#algolia-search) o algunos complementos comunitarios como <https://www.npmjs.com/package/vitepress-plugin-search>, <https://www.npmjs.com/package/vitepress-plugin-pagefind> o <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search>.
 
 ### i18n {#local-search-i18n}
 
diff --git a/docs/fa/config.ts b/docs/fa/config.ts
index a59bc6a5..2b7dcc1c 100644
--- a/docs/fa/config.ts
+++ b/docs/fa/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -100,7 +97,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/fa/reference/default-theme-search.md b/docs/fa/reference/default-theme-search.md
index 8bc68a81..0ef6902e 100644
--- a/docs/fa/reference/default-theme-search.md
+++ b/docs/fa/reference/default-theme-search.md
@@ -25,7 +25,7 @@ export default defineConfig({
 
 ![تصویر نمایشی از مودال جستجو](/search.png)
 
-همچنین، می‌توانید از [Algolia DocSearch](#algolia-search) یا برخی افزونه‌های جامعه‌ای مانند <https://www.npmjs.com/package/vitepress-plugin-search> یا <https://www.npmjs.com/package/vitepress-plugin-pagefind> استفاده کنید.
+همچنین، می‌توانید از [Algolia DocSearch](#algolia-search) یا برخی افزونه‌های جامعه‌ای مانند <https://www.npmjs.com/package/vitepress-plugin-search>، <https://www.npmjs.com/package/vitepress-plugin-pagefind> یا <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search> استفاده کنید.
 
 ### بین‌المللی‌سازی {#local-search-i18n}
 
diff --git a/docs/ja/config.ts b/docs/ja/config.ts
index e997b9dd..3930ab7c 100644
--- a/docs/ja/config.ts
+++ b/docs/ja/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -63,7 +60,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/ja/reference/default-theme-search.md b/docs/ja/reference/default-theme-search.md
index e2042f75..4e6150b2 100644
--- a/docs/ja/reference/default-theme-search.md
+++ b/docs/ja/reference/default-theme-search.md
@@ -31,6 +31,7 @@ export default defineConfig({
 - <https://www.npmjs.com/package/vitepress-plugin-pagefind>
 - <https://www.npmjs.com/package/@orama/plugin-vitepress>
 - <https://www.npmjs.com/package/vitepress-plugin-typesense>
+- <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search>
 
 ### i18n {#local-search-i18n}
 
diff --git a/docs/ko/config.ts b/docs/ko/config.ts
index af4b435f..2226254d 100644
--- a/docs/ko/config.ts
+++ b/docs/ko/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -92,7 +89,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/ko/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/ko/reference/default-theme-search.md b/docs/ko/reference/default-theme-search.md
index e54e7059..a65f1a6a 100644
--- a/docs/ko/reference/default-theme-search.md
+++ b/docs/ko/reference/default-theme-search.md
@@ -25,7 +25,7 @@ export default defineConfig({
 
 ![검색 모달의 스크린샷](/search.png)
 
-대안으로 [Algolia DocSearch](#algolia-search), <https://www.npmjs.com/package/vitepress-plugin-search>, <https://www.npmjs.com/package/vitepress-plugin-pagefind>와 같은 커뮤니티 플러그인을 사용할 수도 있습니다.
+대안으로 [Algolia DocSearch](#algolia-search), <https://www.npmjs.com/package/vitepress-plugin-search>, <https://www.npmjs.com/package/vitepress-plugin-pagefind>, <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search>와 같은 커뮤니티 플러그인을 사용할 수도 있습니다.
 
 ### i18n {#local-search-i18n}
 
diff --git a/docs/pt/config.ts b/docs/pt/config.ts
index cb0afb9d..9b99bef3 100644
--- a/docs/pt/config.ts
+++ b/docs/pt/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -92,7 +89,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/pt/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/pt/reference/default-theme-search.md b/docs/pt/reference/default-theme-search.md
index d274674a..69beec9d 100644
--- a/docs/pt/reference/default-theme-search.md
+++ b/docs/pt/reference/default-theme-search.md
@@ -25,7 +25,7 @@ Exemplo de resultado:
 
 ![captura de tela do modal de pesquisa](/search.png)
 
-Alternativamente, você pode usar [Algolia DocSearch](#algolia-search) ou alguns plugins da comunidade como <https://www.npmjs.com/package/vitepress-plugin-search> ou <https://www.npmjs.com/package/vitepress-plugin-pagefind>.
+Alternativamente, você pode usar [Algolia DocSearch](#algolia-search) ou alguns plugins da comunidade como <https://www.npmjs.com/package/vitepress-plugin-search>, <https://www.npmjs.com/package/vitepress-plugin-pagefind> ou <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search>.
 
 ### i18n {#local-search-i18n}
 
diff --git a/docs/ru/components/ModalDemo.vue b/docs/ru/components/ModalDemo.vue
index 85c9dec1..ea9f7848 100644
--- a/docs/ru/components/ModalDemo.vue
+++ b/docs/ru/components/ModalDemo.vue
@@ -40,23 +40,23 @@ const showModal = ref(false)
 }
 
 .modal-container {
-  width: 300px;
+  width: 18.75rem;
   margin: auto;
-  padding: 20px 30px;
+  padding: 1.25rem 1.875rem;
   background-color: var(--vp-c-bg);
-  border-radius: 2px;
+  border-radius: 0.125rem;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
   transition: all 0.3s ease;
 }
 
 .model-footer {
-  margin-top: 8px;
+  margin-top: 0.5rem;
   text-align: right;
 }
 
 .modal-button {
-  padding: 4px 8px;
-  border-radius: 4px;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
   border-color: var(--vp-button-alt-border);
   color: var(--vp-button-alt-text);
   background-color: var(--vp-button-alt-bg);
diff --git a/docs/ru/config.ts b/docs/ru/config.ts
index f880f54b..4a4fa3d7 100644
--- a/docs/ru/config.ts
+++ b/docs/ru/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -90,7 +87,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/ru/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/ru/reference/default-theme-search.md b/docs/ru/reference/default-theme-search.md
index efead057..f40721a6 100644
--- a/docs/ru/reference/default-theme-search.md
+++ b/docs/ru/reference/default-theme-search.md
@@ -31,6 +31,7 @@ export default defineConfig({
 - <https://www.npmjs.com/package/vitepress-plugin-pagefind>
 - <https://www.npmjs.com/package/@orama/plugin-vitepress>
 - <https://www.npmjs.com/package/vitepress-plugin-typesense>
+- <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search>
 
 ### i18n {#local-search-i18n}
 
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index c3617830..35cd2ee8 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -1,6 +1,7 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
+    "allowImportingTsExtensions": true,
     "noEmit": true,
     "types": ["node"]
   },
diff --git a/docs/zh/config.ts b/docs/zh/config.ts
index e558711b..41a557a5 100644
--- a/docs/zh/config.ts
+++ b/docs/zh/config.ts
@@ -1,12 +1,9 @@
-import { createRequire } from 'node:module'
 import {
   defineAdditionalConfig,
   type DefaultTheme,
   type MarkdownLocaleOptions
 } from 'vitepress'
-
-const require = createRequire(import.meta.url)
-const pkg = require('vitepress/package.json')
+import { version } from 'vitepress/package.json' with { type: 'json' }
 
 export const markdown: MarkdownLocaleOptions = {
   container: {
@@ -92,7 +89,7 @@ function nav(): DefaultTheme.NavItem[] {
       activeMatch: '/zh/reference/'
     },
     {
-      text: pkg.version,
+      text: version,
       items: [
         {
           text: '1.6.4',
diff --git a/docs/zh/guide/markdown.md b/docs/zh/guide/markdown.md
index 2476c713..bec302f5 100644
--- a/docs/zh/guide/markdown.md
+++ b/docs/zh/guide/markdown.md
@@ -779,7 +779,7 @@ export default config
 <!--@@include: ./parts/basics.md-->
 ```
 
-**Part file** (`parts/basics.md`)
+**部分文件** (`parts/basics.md`)
 
 ```md
 Some getting started stuff.
@@ -815,7 +815,7 @@ Can be created using `.foorc.json`.
 <!--@@include: ./parts/basics.md{3,}-->
 ```
 
-**Part file** (`parts/basics.md`)
+**部分文件** (`parts/basics.md`)
 
 ```md
 Some getting started stuff.
diff --git a/docs/zh/reference/default-theme-search.md b/docs/zh/reference/default-theme-search.md
index eda1d18b..859a2a23 100644
--- a/docs/zh/reference/default-theme-search.md
+++ b/docs/zh/reference/default-theme-search.md
@@ -25,7 +25,7 @@ export default defineConfig({
 
 ![搜索弹窗截图](/search.png)
 
-或者，你可以使用 [Algolia DocSearch](#algolia-search) 或一些社区插件，例如：<https://www.npmjs.com/package/vitepress-plugin-search> 或者 <https://www.npmjs.com/package/vitepress-plugin-pagefind>。
+或者，你可以使用 [Algolia DocSearch](#algolia-search) 或一些社区插件，例如：<https://www.npmjs.com/package/vitepress-plugin-search>、<https://www.npmjs.com/package/vitepress-plugin-pagefind> 或者 <https://www.npmjs.com/package/vitepress-plugin-cloudflare-ai-search>。
 
 ### i18n {#local-search-i18n}
 
diff --git a/netlify.toml b/netlify.toml
index 5d56b3b2..051f3378 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,38 +1,38 @@
 [build.environment]
-  NODE_VERSION = "24"
-  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = "1"
+NODE_VERSION = "24"
+PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = "1"
 
 [build]
-  publish = "docs/.vitepress/dist"
-  command = "pnpm docs:build && pnpm docs:lunaria:build"
+publish = "docs/.vitepress/dist"
+command = "pnpm docs:build && pnpm docs:lunaria:build"
 
 [[headers]]
-  for = "/assets/*"
-  [headers.values]
-    cache-control = '''
+for = "/assets/*"
+[headers.values]
+cache-control = '''
     max-age=31536000,
     immutable'''
 
 [[headers]]
-  for = "/_translations/*"
-  [headers.values]
-    x-robots-tag = "noindex"
+for = "/_translations/*"
+[headers.values]
+x-robots-tag = "noindex"
 
 [[redirects]]
-  from = "https://vitepress.vuejs.org/*"
-  to = "https://vitepress.dev/:splat"
-  force = true
+from = "https://vitepress.vuejs.org/*"
+to = "https://vitepress.dev/:splat"
+force = true
 
 [[redirects]]
-  from = "/guide/"
-  to = "/guide/getting-started"
+from = "/guide/"
+to = "/guide/getting-started"
 
 [[redirects]]
-  from = "/llms.md"
-  status = 301
-  to = "/llms.txt"
+from = "/llms.md"
+status = 301
+to = "/llms.txt"
 
 [[redirects]]
-  from = "/llms-full.md"
-  status = 301
-  to = "/llms-full.txt"
+from = "/llms-full.md"
+status = 301
+to = "/llms-full.txt"
diff --git a/package.json b/package.json
index 54693436..13fb5fdb 100644
--- a/package.json
+++ b/package.json
@@ -52,19 +52,12 @@
     "lib"
   ],
   "scripts": {
-    "clean": "node -e \"require('node:fs').rmSync('./dist',{recursive:!0,force:!0,maxRetries:10})\"",
-    "dev": "pnpm clean && pnpm dev:shared && pnpm dev:start",
-    "dev:start": "pnpm --stream '/^dev:(client|node|watch)$/'",
-    "dev:client": "tsc --sourcemap -w --preserveWatchOutput -p src/client",
-    "dev:node": "DEV=true pnpm build:node -w",
-    "dev:shared": "node scripts/copyShared.ts",
-    "dev:watch": "node scripts/watchAndCopy.ts",
-    "build": "pnpm build:prepare && pnpm build:client && pnpm build:node && node scripts/genWebTypes.ts",
-    "build:prepare": "pnpm clean && node scripts/copyShared.ts",
-    "build:client": "vue-tsc --noEmit -p src/client && tsc -p src/client && node scripts/copyClient.ts",
-    "build:node": "tsc -p src/node --noEmit && rollup --config rollup.config.ts --configPlugin esbuild",
+    "dev": "tsdown --watch --sourcemap",
+    "build": "tsdown && pnpm typecheck && node scripts/genWebTypes.ts && pnpm build:check",
+    "build:check": "publint && attw --pack . --profile esm-only",
+    "typecheck": "tsc -p tsconfig.shared.json && vue-tsc -p tsconfig.client.json && tsc -p tsconfig.node.json",
     "test": "pnpm --aggregate-output --reporter=append-only '/^test:(types|unit|e2e|init)$/'",
-    "test:types": "tsc -p __tests__/unit && tsc -p __tests__/e2e && tsc -p __tests__/init && vue-tsc -p docs",
+    "test:types": "tsc -p __tests__/unit && vue-tsc -p __tests__/e2e && tsc -p __tests__/init && vue-tsc -p docs",
     "test:unit": "vitest run -r __tests__/unit",
     "test:unit:watch": "vitest -r __tests__/unit",
     "test:e2e": "pnpm test:e2e-dev && pnpm test:e2e-build",
@@ -101,22 +94,20 @@
     "@docsearch/css": "^4.7.0",
     "@docsearch/js": "^4.7.0",
     "@docsearch/sidepanel-js": "^4.7.0",
-    "@iconify-json/simple-icons": "^1.2.92",
-    "@shikijs/core": "^4.4.1",
-    "@shikijs/transformers": "^4.4.1",
-    "@shikijs/types": "^4.4.1",
+    "@iconify-json/simple-icons": "^1.2.93",
+    "@shikijs/transformers": "^4.4.3",
     "@types/markdown-it": "^14.1.2",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/devtools-api": "^8.2.1",
-    "@vue/shared": "^3.5.40",
+    "@vue/shared": "^3.5.41",
     "@vueuse/core": "^14.4.0",
     "@vueuse/integrations": "^14.4.0",
     "focus-trap": "^8.2.2",
     "mark.js": "8.11.1",
     "minisearch": "^7.2.0",
-    "shiki": "^4.4.1",
-    "vite": "^8.2.0",
-    "vue": "^3.5.40"
+    "shiki": "^4.4.3",
+    "vite": "^8.2.1",
+    "vue": "^3.5.41"
   },
   "devDependencies": {
     "@clack/prompts": "^1.7.0",
@@ -134,25 +125,21 @@
     "@mdit/plugin-emoji": "^1.1.1",
     "@mdit/plugin-footnote": "^1.0.2",
     "@mdit/plugin-tasklist": "^1.0.2",
+    "@arethetypeswrong/cli": "^0.18.5",
     "@polka/compression": "^1.0.0-next.28",
     "@rolldown/pluginutils": "^1.0.1",
-    "@rollup/plugin-alias": "^6.0.0",
-    "@rollup/plugin-commonjs": "^29.0.3",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-replace": "^6.0.3",
     "@types/cross-spawn": "^6.0.6",
     "@types/lodash.template": "^4.5.3",
     "@types/mark.js": "^8.11.12",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/picomatch": "^4.0.3",
-    "@types/semver": "^7.7.1",
-    "chokidar": "^5.0.0",
-    "conventional-changelog": "^8.1.0",
+    "@types/semver": "^7.8.0",
+    "@volar/typescript": "^2.4.28",
+    "@vue/language-core": "^3.3.11",
+    "conventional-changelog": "^8.1.1",
     "conventional-changelog-angular": "^9.2.1",
     "cross-spawn": "^7.0.6",
-    "esbuild": "^0.27.7",
     "get-port": "^7.2.0",
     "gray-matter": "^4.0.3",
     "image-size": "^2.0.2",
@@ -164,7 +151,7 @@
     "markdown-it-cjk-friendly": "^2.0.2",
     "markdown-it-mathjax3": "^4.3.2",
     "minimist": "^1.2.8",
-    "nanoid": "^6.0.0",
+    "nanoid": "^6.0.1",
     "obug": "^2.1.4",
     "ora": "^9.4.1",
     "p-map": "^7.0.6",
@@ -175,20 +162,20 @@
     "playwright-chromium": "^1.62.1",
     "polka": "^1.0.0-next.28",
     "postcss": "^8.5.6",
-    "postcss-selector-parser": "^7.1.4",
+    "postcss-selector-parser": "^7.1.5",
     "prettier": "^3.9.6",
-    "punycode": "^2.3.1",
-    "rollup": "^4.62.3",
-    "rollup-plugin-dts": "6.1.1",
-    "rollup-plugin-esbuild": "^6.2.1",
+    "publint": "^0.3.24",
+    "rolldown": "^1.2.5",
     "semver": "^7.8.5",
     "simple-git-hooks": "^2.13.1",
     "sirv": "^3.0.2",
     "sitemap": "^9.0.1",
     "tinyglobby": "^0.2.17",
-    "typescript": "^5.9.3",
+    "tsdown": "^0.22.14",
+    "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "vue-tsc": "^3.3.9",
+    "vue-sfc-transformer": "^0.2.5",
+    "vue-tsc": "^3.3.11",
     "wait-on": "^9.1.0"
   },
   "peerDependencies": {
@@ -203,5 +190,5 @@
       "optional": true
     }
   },
-  "packageManager": "pnpm@11.18.0"
+  "packageManager": "pnpm@11.21.0"
 }
diff --git a/patches/vue-sfc-transformer.patch b/patches/vue-sfc-transformer.patch
new file mode 100644
index 00000000..c3b8091f
--- /dev/null
+++ b/patches/vue-sfc-transformer.patch
@@ -0,0 +1,18 @@
+diff --git a/dist/rolldown.mjs b/dist/rolldown.mjs
+index 7e04d96c703656b81220193b1f01426778b6a42f..26e96378fc0ad985237302e673ed0ab07674bf41 100644
+--- a/dist/rolldown.mjs
++++ b/dist/rolldown.mjs
+@@ -196,10 +196,11 @@ function resolveCache(options) {
+ async function transpileScript(code, filename = "__sfc.ts") {
+ 	const result = await transform(filename, code, {
+ 		lang: "ts",
+-		sourcemap: false
++		sourcemap: false,
++		typescript: { onlyRemoveTypeImports: true }
+ 	});
+ 	if (result.errors.length) throw new AggregateError(result.errors, `[vue-sfc-transformer] failed to transpile script in ${filename}`);
+-	return result.code ?? code;
++	return (result.code ?? code).replace(/\n?export \{\};?[\s\n]*$/, "");
+ }
+ function vueSfcPlugin(pluginOptions) {
+ 	const cwd = pluginOptions.cwd ?? process.cwd();
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d8343c7c..0da092f5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,8 +4,12 @@ settings:
   autoInstallPeers: false
   excludeLinksFromLockfile: false
 
+overrides:
+  esbuild: '-'
+
 patchedDependencies:
   vitepress-plugin-group-icons: c379c3737bf09a62f52fdff21e0d71647ab2bdd813a34ac32a4d8aa1edca0e7f
+  vue-sfc-transformer: 06dbce7d98fac77faf5e66a94aa6e04f34c0cc7ec0910ec10848e5f2e08b8b68
 
 importers:
 
@@ -21,35 +25,29 @@ importers:
         specifier: ^4.7.0
         version: 4.7.0
       '@iconify-json/simple-icons':
-        specifier: ^1.2.92
-        version: 1.2.92
-      '@shikijs/core':
-        specifier: ^4.4.1
-        version: 4.4.1
+        specifier: ^1.2.93
+        version: 1.2.93
       '@shikijs/transformers':
-        specifier: ^4.4.1
-        version: 4.4.1
-      '@shikijs/types':
-        specifier: ^4.4.1
-        version: 4.4.1
+        specifier: ^4.4.3
+        version: 4.4.3
       '@types/markdown-it':
         specifier: ^14.1.2
         version: 14.1.2
       '@vitejs/plugin-vue':
         specifier: ^6.0.8
-        version: 6.0.8(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
+        version: 6.0.8(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))
       '@vue/devtools-api':
         specifier: ^8.2.1
         version: 8.2.1
       '@vue/shared':
-        specifier: ^3.5.40
-        version: 3.5.40
+        specifier: ^3.5.41
+        version: 3.5.41
       '@vueuse/core':
         specifier: ^14.4.0
-        version: 14.4.0(vue@3.5.40(typescript@5.9.3))
+        version: 14.4.0(vue@3.5.41(typescript@6.0.3))
       '@vueuse/integrations':
         specifier: ^14.4.0
-        version: 14.4.0(axios@1.19.0(debug@4.4.3))(focus-trap@8.2.2)(vue@3.5.40(typescript@5.9.3))
+        version: 14.4.0(axios@1.19.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0))(focus-trap@8.2.2)(vue@3.5.41(typescript@6.0.3))
       focus-trap:
         specifier: ^8.2.2
         version: 8.2.2
@@ -60,15 +58,18 @@ importers:
         specifier: ^7.2.0
         version: 7.2.0
       shiki:
-        specifier: ^4.4.1
-        version: 4.4.1
+        specifier: ^4.4.3
+        version: 4.4.3
       vite:
-        specifier: ^8.2.0
-        version: 8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)
+        specifier: ^8.2.1
+        version: 8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)
       vue:
-        specifier: ^3.5.40
-        version: 3.5.40(typescript@5.9.3)
+        specifier: ^3.5.41
+        version: 3.5.41(typescript@6.0.3)
     devDependencies:
+      '@arethetypeswrong/cli':
+        specifier: ^0.18.5
+        version: 0.18.5
       '@clack/prompts':
         specifier: ^1.7.0
         version: 1.7.0
@@ -120,21 +121,6 @@ importers:
       '@rolldown/pluginutils':
         specifier: ^1.0.1
         version: 1.0.1
-      '@rollup/plugin-alias':
-        specifier: ^6.0.0
-        version: 6.0.0(rollup@4.62.3)
-      '@rollup/plugin-commonjs':
-        specifier: ^29.0.3
-        version: 29.0.3(rollup@4.62.3)
-      '@rollup/plugin-json':
-        specifier: ^6.1.0
-        version: 6.1.0(rollup@4.62.3)
-      '@rollup/plugin-node-resolve':
-        specifier: ^16.0.3
-        version: 16.0.3(rollup@4.62.3)
-      '@rollup/plugin-replace':
-        specifier: ^6.0.3
-        version: 6.0.3(rollup@4.62.3)
       '@types/cross-spawn':
         specifier: ^6.0.6
         version: 6.0.6
@@ -148,29 +134,29 @@ importers:
         specifier: ^1.2.5
         version: 1.2.5
       '@types/node':
-        specifier: ^26.1.2
-        version: 26.1.2
+        specifier: ^26.2.0
+        version: 26.2.0
       '@types/picomatch':
         specifier: ^4.0.3
         version: 4.0.3
       '@types/semver':
-        specifier: ^7.7.1
-        version: 7.7.1
-      chokidar:
-        specifier: ^5.0.0
-        version: 5.0.0
+        specifier: ^7.8.0
+        version: 7.8.0
+      '@volar/typescript':
+        specifier: ^2.4.28
+        version: 2.4.28(typescript@6.0.3)
+      '@vue/language-core':
+        specifier: ^3.3.11
+        version: 3.3.11
       conventional-changelog:
-        specifier: ^8.1.0
-        version: 8.1.0(conventional-commits-filter@6.0.1)
+        specifier: ^8.1.1
+        version: 8.1.1(conventional-commits-filter@6.0.1)
       conventional-changelog-angular:
         specifier: ^9.2.1
         version: 9.2.1
       cross-spawn:
         specifier: ^7.0.6
         version: 7.0.6
-      esbuild:
-        specifier: ^0.27.7
-        version: 0.27.7
       get-port:
         specifier: ^7.2.0
         version: 7.2.0
@@ -205,8 +191,8 @@ importers:
         specifier: ^1.2.8
         version: 1.2.8
       nanoid:
-        specifier: ^6.0.0
-        version: 6.0.0
+        specifier: ^6.0.1
+        version: 6.0.1
       obug:
         specifier: ^2.1.4
         version: 2.1.4
@@ -236,25 +222,19 @@ importers:
         version: 1.0.0-next.28
       postcss:
         specifier: ^8.5.6
-        version: 8.5.25
+        version: 8.5.26
       postcss-selector-parser:
-        specifier: ^7.1.4
-        version: 7.1.4
+        specifier: ^7.1.5
+        version: 7.1.5
       prettier:
         specifier: ^3.9.6
         version: 3.9.6
-      punycode:
-        specifier: ^2.3.1
-        version: 2.3.1
-      rollup:
-        specifier: ^4.62.3
-        version: 4.62.3
-      rollup-plugin-dts:
-        specifier: 6.1.1
-        version: 6.1.1(rollup@4.62.3)(typescript@5.9.3)
-      rollup-plugin-esbuild:
-        specifier: ^6.2.1
-        version: 6.2.1(esbuild@0.27.7)(rollup@4.62.3)
+      publint:
+        specifier: ^0.3.24
+        version: 0.3.24
+      rolldown:
+        specifier: ^1.2.5
+        version: 1.2.5
       semver:
         specifier: ^7.8.5
         version: 7.8.5
@@ -270,18 +250,24 @@ importers:
       tinyglobby:
         specifier: ^0.2.17
         version: 0.2.17
+      tsdown:
+        specifier: ^0.22.14
+        version: 0.22.14(@arethetypeswrong/core@0.18.5)(@volar/typescript@2.4.28(typescript@6.0.3))(publint@0.3.24)(typescript@6.0.3)(vue-tsc@3.3.11(typescript@6.0.3))
       typescript:
-        specifier: ^5.9.3
-        version: 5.9.3
+        specifier: ^6.0.3
+        version: 6.0.3
       vitest:
         specifier: ^4.1.10
-        version: 4.1.10(@types/node@26.1.2)(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0))
+        version: 4.1.10(@types/node@26.2.0)(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0))
+      vue-sfc-transformer:
+        specifier: ^0.2.5
+        version: 0.2.5(patch_hash=06dbce7d98fac77faf5e66a94aa6e04f34c0cc7ec0910ec10848e5f2e08b8b68)(@volar/typescript@2.4.28(typescript@6.0.3))(@vue/compiler-core@3.5.41)(@vue/language-core@3.3.11)(rolldown@1.2.5)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3))
       vue-tsc:
-        specifier: ^3.3.9
-        version: 3.3.9(typescript@5.9.3)
+        specifier: ^3.3.11
+        version: 3.3.11(typescript@6.0.3)
       wait-on:
         specifier: ^9.1.0
-        version: 9.1.0(debug@4.4.3)
+        version: 9.1.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0)
 
   __tests__/e2e:
     devDependencies:
@@ -299,25 +285,25 @@ importers:
     devDependencies:
       '@lunariajs/core':
         specifier: ^0.1.1
-        version: 0.1.1
+        version: 0.1.1(supports-color@7.2.0)
       markdown-it-mathjax3:
         specifier: ^4.3.2
         version: 4.3.2
       open-cli:
         specifier: ^9.0.0
-        version: 9.0.0
+        version: 9.0.0(supports-color@7.2.0)
       postcss-rtlcss:
         specifier: ^6.0.0
-        version: 6.0.0(postcss@8.5.25)
+        version: 6.0.0(postcss@8.5.26)
       vitepress:
         specifier: workspace:*
         version: link:..
       vitepress-plugin-group-icons:
         specifier: ^1.7.6
-        version: 1.7.6(patch_hash=c379c3737bf09a62f52fdff21e0d71647ab2bdd813a34ac32a4d8aa1edca0e7f)(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0))
+        version: 1.7.6(patch_hash=c379c3737bf09a62f52fdff21e0d71647ab2bdd813a34ac32a4d8aa1edca0e7f)(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0))
       vitepress-plugin-llms:
         specifier: ^1.13.4
-        version: 1.13.4
+        version: 1.13.4(supports-color@7.2.0)
 
 packages:
 
@@ -325,12 +311,20 @@ packages:
     resolution: {integrity: sha512-fNdBOb3MgDz/1UCIoeY4wDuGbp+/3s5y6UrsyfMabECbh/CVycj7Er33JXqSxRwxrRKXcGE1Jipuq/1mODInsQ==}
     engines: {node: '>=11'}
 
+  '@andrewbranch/untar.js@1.0.4':
+    resolution: {integrity: sha512-pVXSwPsLuw8IGLo2Di0EaOfsk+ntVvpkk942J/sHYIkwvtKUakEcPh7HBgZ6tuimgzKSEHgCvO4XgQ05DEbwDw==}
+
   '@antfu/install-pkg@1.1.0':
     resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
 
-  '@babel/code-frame@7.29.7':
-    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
-    engines: {node: '>=6.9.0'}
+  '@arethetypeswrong/cli@0.18.5':
+    resolution: {integrity: sha512-gM+8vRsQOD/Uc7EnBedUhkG5OCsDWE4uoak5QvomGpMpaky0Eh41p04nIMgrWb8EOmqZUJGc6zz9hsP6E56R7g==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  '@arethetypeswrong/core@0.18.5':
+    resolution: {integrity: sha512-9ytjzGwxjm9Uz7I9avfbt5vlQt6uk9uRRESzJjqrznl6WKvI6dwYTo+vJ3U02Wrq/mR3iql/PzhvHhKdJIAjDQ==}
+    engines: {node: '>=20'}
 
   '@babel/helper-string-parser@7.29.7':
     resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
@@ -340,18 +334,21 @@ packages:
     resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.29.7':
-    resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
+  '@babel/parser@7.29.8':
+    resolution: {integrity: sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/types@7.29.7':
-    resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
+  '@babel/types@7.29.8':
+    resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
     engines: {node: '>=6.9.0'}
 
   '@borewit/text-codec@0.2.2':
     resolution: {integrity: sha512-DDaRehssg1aNrH4+2hnj1B7vnUGEjU6OIlyRdkMd0aUdIUvKXrJfXsy8LVtXAy7DRvYVluWbMspsRhz2lcW0mQ==}
 
+  '@braidai/lang@1.1.2':
+    resolution: {integrity: sha512-qBcknbBufNHlui137Hft8xauQMTZDKdophmLFv05r2eNmdIv/MlPuP4TdUknHG68UdWLgVZwgxVe735HzJNIwA==}
+
   '@clack/core@0.3.5':
     resolution: {integrity: sha512-5cfhQNH+1VQ2xLQlmzXMqUoiaH0lRBq9/CLW9lTyMbuKLC3+xEK01tHVvyut++mLOn5urSHmkm6I0Lg9MaJSTQ==}
 
@@ -363,12 +360,16 @@ packages:
     resolution: {integrity: sha512-y7/yvZ2TPAnR9+jnc00klvNNLkJiXFFrQA/hlLCcxA9a2A4zQIOimyFQ9XfwYKiGD1fb5GY8vbKIIgO8d5Tb2A==}
     engines: {node: '>= 20.12.0'}
 
-  '@conventional-changelog/git-client@3.1.0':
-    resolution: {integrity: sha512-Tqa/gHco2WJWa740NRjOrfKVvzIqxkZpecb8bemaQ8sKM5PXb1UK4uTyTb/1wIqNuOVaDOFxyBdhTIQZn6gdjQ==}
+  '@colors/colors@1.5.0':
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+
+  '@conventional-changelog/git-client@3.1.1':
+    resolution: {integrity: sha512-w/q+UIVdWQMgXlziPIYfPlyDud+H8kcvSCzDQQoc/gid7yZzb6eNfAkNN4UlEcS2cVVh924jevsOIb36d0In2g==}
     engines: {node: '>=22'}
     peerDependencies:
       conventional-commits-filter: ^6.0.1
-      conventional-commits-parser: ^7.0.1
+      conventional-commits-parser: ^7.1.2
     peerDependenciesMeta:
       conventional-commits-filter:
         optional: true
@@ -388,171 +389,6 @@ packages:
   '@docsearch/sidepanel-js@4.7.0':
     resolution: {integrity: sha512-A8r34jCU8kcIk2viECEn2msA28ojUF1BLi/3v5OWWc5G2N3jOuuumBXoeYjfr8dA0UxgFSy5R2bt12dnFJQSyA==}
 
-  '@emnapi/core@2.0.0-alpha.3':
-    resolution: {integrity: sha512-AZypUeJ/yByuxyS7BlSNRDOMLMlROYtjYdIAuBmJssVz1UJDSeYxLrdizhXCFYhedC5bqd/ASy8EuNXbVVXp9g==}
-
-  '@emnapi/runtime@2.0.0-alpha.3':
-    resolution: {integrity: sha512-hFPAhMUjJD9BSyCANEISPOogeXC9Zo9ZQl7L6vKnaVsMkCtzznaW/naYypeyl0Gv5rYfWYsZbpixTMpjDJzQeA==}
-
-  '@emnapi/wasi-threads@2.0.1':
-    resolution: {integrity: sha512-9DsSk+o5NBX0CCJT8s0EROGSGxjR/tKu6aBTaVyq+SjAEQH4XcdcRxPBRzsBLizTTJ49MJjF+jgu3qnO9GLQcQ==}
-
-  '@esbuild/aix-ppc64@0.27.7':
-    resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-
-  '@esbuild/android-arm64@0.27.7':
-    resolution: {integrity: sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm@0.27.7':
-    resolution: {integrity: sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-x64@0.27.7':
-    resolution: {integrity: sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/darwin-arm64@0.27.7':
-    resolution: {integrity: sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.27.7':
-    resolution: {integrity: sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/freebsd-arm64@0.27.7':
-    resolution: {integrity: sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.27.7':
-    resolution: {integrity: sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/linux-arm64@0.27.7':
-    resolution: {integrity: sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.27.7':
-    resolution: {integrity: sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-ia32@0.27.7':
-    resolution: {integrity: sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.27.7':
-    resolution: {integrity: sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==}
-    engines: {node: '>=18'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.27.7':
-    resolution: {integrity: sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==}
-    engines: {node: '>=18'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-ppc64@0.27.7':
-    resolution: {integrity: sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.27.7':
-    resolution: {integrity: sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==}
-    engines: {node: '>=18'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-s390x@0.27.7':
-    resolution: {integrity: sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==}
-    engines: {node: '>=18'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.27.7':
-    resolution: {integrity: sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/netbsd-arm64@0.27.7':
-    resolution: {integrity: sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [netbsd]
-
-  '@esbuild/netbsd-x64@0.27.7':
-    resolution: {integrity: sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/openbsd-arm64@0.27.7':
-    resolution: {integrity: sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
-
-  '@esbuild/openbsd-x64@0.27.7':
-    resolution: {integrity: sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/openharmony-arm64@0.27.7':
-    resolution: {integrity: sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@esbuild/sunos-x64@0.27.7':
-    resolution: {integrity: sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/win32-arm64@0.27.7':
-    resolution: {integrity: sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.27.7':
-    resolution: {integrity: sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-x64@0.27.7':
-    resolution: {integrity: sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-
   '@hapi/address@5.1.1':
     resolution: {integrity: sha512-A+po2d/dVoY7cYajycYI43ZbYMXukuopIsqCjh5QzsBCipDtdofHntljDlpccMjIfTy6UOkg+5KPriwYch2bXA==}
     engines: {node: '>=14.0.0'}
@@ -573,14 +409,14 @@ packages:
   '@hapi/topo@6.0.2':
     resolution: {integrity: sha512-KR3rD5inZbGMrHmgPxsJ9dbi6zEK+C3ZwUwTa+eMwWLz7oijWUTWD2pMSNNYJAU6Qq+65NkxXjqHr/7LM2Xkqg==}
 
-  '@iconify-json/logos@1.2.11':
-    resolution: {integrity: sha512-fOo4pGEatuyuCFNL+cwquYMa2Im0oJHRHV7lt/Qqs5Ode/lPImHCQcfTtPzZj7qYMPb/h8YHN3TG54uEowrjNQ==}
+  '@iconify-json/logos@1.2.12':
+    resolution: {integrity: sha512-zUi/AoezU2F3L65nPVd2smiU6Y+ZI7RjdVPlGfeAeYbPbZ9kWn7Ucxj+KshmyQRBYwLtKoqAlUyoGgMqWG1T8g==}
 
-  '@iconify-json/simple-icons@1.2.92':
-    resolution: {integrity: sha512-hR0ozxR97t1dzWw+esoxFijZ15gagt7EIgF3CNifu2yICXhS7gnun4Y+j+odJQtNSl7wvqMdoLbViIShwe/fdw==}
+  '@iconify-json/simple-icons@1.2.93':
+    resolution: {integrity: sha512-/XhANjfGYOuqvSR3TmUnkQkINvQ4GVjVuukvymRbxtVFBvIq/yiXJqCDycKcQPT401OYT9H2vIY6ihAlz1QIAw==}
 
-  '@iconify-json/vscode-icons@1.2.67':
-    resolution: {integrity: sha512-/fObxEkBtqK2e1qf1IRjuZ4drWknAnzykdT2ngGAKESf35tCcj0Lx3MdsxYBneE5YbgvsUfOl0hbZ59R5s19vw==}
+  '@iconify-json/vscode-icons@1.2.70':
+    resolution: {integrity: sha512-J5EnIWj9cCPvn0obl88giucgFtNalgBkhML3oHse5MBEU7H7fyezKHhVsfXOuxs7osSfTAoOcXtmbmWUD6rXqw==}
 
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
@@ -597,6 +433,9 @@ packages:
   '@kwsites/promise-deferred@1.1.1':
     resolution: {integrity: sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==}
 
+  '@loaderkit/resolve@1.0.6':
+    resolution: {integrity: sha512-G8FdIoF5CypfwmD9rl8BXod5HDn8JqB0CCNBXDTaRZ+yRYhARrrSToX1zg1zy9jX3zLqigsELwhT4gNtkdQAUg==}
+
   '@lunariajs/core@0.1.1':
     resolution: {integrity: sha512-sAqM9+DVsLe3xHM9wu2pEnKGYMs/bWS9qpR+CGHol3RihOELnOQTzHddXbdB1MtgesbI8dnQuG64Ocd8KkWsng==}
     engines: {node: '>=18.17.0'}
@@ -690,13 +529,6 @@ packages:
       markdown-it:
         optional: true
 
-  '@napi-rs/wasm-runtime@1.2.2':
-    resolution: {integrity: sha512-JfB4kuJQjaoHuCTseIINHtHWeJnvgEcxjwA5t/Y00ZgaOO1Crz3fjT/p8kT28zA/Caz7oiUMn3d6H2yOVCVwuw==}
-    engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0}
-    peerDependencies:
-      '@emnapi/core': ^1.7.1 || ^2.0.0-alpha.3
-      '@emnapi/runtime': ^1.7.1 || ^2.0.0-alpha.3
-
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -709,8 +541,8 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@oxc-project/types@0.142.0':
-    resolution: {integrity: sha512-7W+2q5AKQVU36fkaryontrHn3YDt1RyUYXatw9i5H8ocYe2sPKSFB6eS8WNPeRKiN1qAWWZUPm7gwFzJGrccqQ==}
+  '@oxc-project/types@0.146.0':
+    resolution: {integrity: sha512-XC0QsnnhVe7sLIWmYmdPw7x5P0h4W8vUU3Nv1ySgWXtvCz8NizoAEpGXA0sOYoJQV2Rl13LgURAHQ5cI5ILCSA==}
 
   '@polka/compression@1.0.0-next.28':
     resolution: {integrity: sha512-aDmrBhgHJtxE+jy145WfhW9WmTAFmES/dNnn1LAs8UnnkFgBUj4T8I4ScQ9+rOkpDZStvnVP5iqhN3tvt7O1NA==}
@@ -719,96 +551,105 @@ packages:
   '@polka/url@1.0.0-next.29':
     resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
 
-  '@rolldown/binding-android-arm64@1.2.1':
-    resolution: {integrity: sha512-02hOeOSryYxVrOIphmLAsqnCJWxwlzFk+pEt/N/i6OgT3lShHO7xGCU5cpgchRDHboAEbSjzgGh+O/u1GswQmA==}
+  '@publint/pack@0.1.7':
+    resolution: {integrity: sha512-4EDEmvxWtgsCnnVeBvtFIFZtUhPPt1+bA9JrSwU4Sa//6oKtzCSlGGXYJr44OD9aGISymbieJ4mCKHUygUDU+g==}
+    engines: {node: '>=18'}
+
+  '@quansync/fs@1.0.0':
+    resolution: {integrity: sha512-4TJ3DFtlf1L5LDMaM6CanJ/0lckGNtJcMjQ1NAV6zDmA0tEHKZtxNKin8EgPaVX1YzljbxckyT2tJrpQKAtngQ==}
+
+  '@rolldown/binding-android-arm-eabi@1.2.5':
+    resolution: {integrity: sha512-DLe/i+l8ynIBY7XEQ191TeZvCoowIGa18R+dIV30GW7DiOtp74i/xX8hs8GUjW5ARV7VZuie3d6AumSmCwbeRA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@rolldown/binding-android-arm64@1.2.5':
+    resolution: {integrity: sha512-zXcwKlQApYAOELHd8PwKDFkagYF9Wy4e0RJ+0qnzl9Pjnpj75TEG8ufv40p2J7kCEfwZAsNiuzRIyNNMWT38ig==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-darwin-arm64@1.2.1':
-    resolution: {integrity: sha512-fMsTOnN0OjFm3CyppWPitKnc8UlliVARUULW6cfU6AIqjdtgmSFWSk9vecHzZduv/yMWIHDlRhM1e8Iff9uAfA==}
+  '@rolldown/binding-darwin-arm64@1.2.5':
+    resolution: {integrity: sha512-dK4QakI42nzWgJT5sm4y4y/O//D4OxM75/cH28RLV+nzIN9AY+YsbuUVrUTjlLjXR6vpyxFbSsbmNuJ6BP9sww==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.2.1':
-    resolution: {integrity: sha512-1wjKdz/XLGKHaTNHjQveQ/B23TKx4ItAqm1JbyVuvNPc4Ze0Fb48s49TAd/2zcplPl8okE/UbTgmlVfwT7eFeQ==}
+  '@rolldown/binding-darwin-x64@1.2.5':
+    resolution: {integrity: sha512-fqSALaUu1Wjd1nK2uW2kJDWdLCc8lx1IcY+MTY26Aurfdx19anlzhqXOgCFbBFQnlFDTn4TC1/7Nz4Bl2mLP3A==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-freebsd-x64@1.2.1':
-    resolution: {integrity: sha512-Fa0jHR07E7YBN4vOEsbVf2briYNsuOowfLJaXULZM0ldMlaCaj2LJgLMbMe4iacRyZmvR8efFhgR9wKuGclQUg==}
+  '@rolldown/binding-freebsd-x64@1.2.5':
+    resolution: {integrity: sha512-/vCnNxlkxs9tKxNDcyWUePpJ/PgTzxIaVhoM5SmG8UV+GR/IcPam4VYxi7GIMo7PSDuNqlJqvprqii9NqqVCMw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.2.1':
-    resolution: {integrity: sha512-pzkgu1SSHGgRRyRZ4fbmSgmajbVt+epaLP99NDjFft69v/ypfTi6swBMiVdh2EkQ0OSnHE1lZDM7DRGkyAzUpA==}
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.5':
+    resolution: {integrity: sha512-abk0NLA519LxRCszmbE0jYKuQ9YPocOXTiOXOo6Yr+YAT95VH+PtqYAjOJvGKt3viEd/x4qzabAlwd5bHOOARg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@rolldown/binding-linux-arm64-gnu@1.2.1':
-    resolution: {integrity: sha512-QI5SEDY8cbiYWHx0VO4vIc3UlS6a32vXHjU8Qy/17adEmZIPuByJg13UEvo9c/UCiUkdcVWY83C+b+JrwnNyUg==}
+  '@rolldown/binding-linux-arm64-gnu@1.2.5':
+    resolution: {integrity: sha512-Y7eALiJ8lr0M2HH103Js+g7V34wf6snlpZLAsHI90uLhr3PVlNsbFVAXJC9d/V6BnPyKtpSwI+NcB/RLxsQxuA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-arm64-musl@1.2.1':
-    resolution: {integrity: sha512-Sm41FyCeXqmYcERoYOCbGIL5hNfd8w9LQ7Y61Bev48HkcjaJqV/iiVOaiDxjVTRMS+QKrZmD8cfPt4uMVnvM+A==}
+  '@rolldown/binding-linux-arm64-musl@1.2.5':
+    resolution: {integrity: sha512-xMvZgnbZg4YVnR/AX2b3oOPDTFYJvUVaJg5FedA/LuvexAtXibZQej4cnTkw3rjsJ/ggUROB64TdtETiim+FYA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-linux-ppc64-gnu@1.2.1':
-    resolution: {integrity: sha512-2x+WhXTGl9yJYPbltW/BSEPTVz9OIWQyER4N+gJEDWkkn904eRcBzELqh/Hf7K0w/ubGbKNMv0ZC+94QK/IFEg==}
+  '@rolldown/binding-linux-ppc64-gnu@1.2.5':
+    resolution: {integrity: sha512-GRjeqTUDHTo5GwntsLaAMcBahG3nlpjftXWZLN73HiYQlhwEowvarFgQnRnQZtIp4keXX7quXFbG38uPZBa2EA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-s390x-gnu@1.2.1':
-    resolution: {integrity: sha512-eEjmQpuRQayHPWWnywaWHkFT3ToPbP3RYy42VVd/B9aBGDA+Ol25EIWHxKQST3IiWJjikCWUF7KtbfqwZrzVwQ==}
+  '@rolldown/binding-linux-s390x-gnu@1.2.5':
+    resolution: {integrity: sha512-vLNTR45F2Uwc8AufkNXPmB4VliaXs+FvcheEogIzOXzO4l+LzieXF5A/TWxLy5HtqpsRCHUfd0lPVrrdgXdLHQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-gnu@1.2.1':
-    resolution: {integrity: sha512-/Orga1fZYkLc/56jBICcHrKchl8Z2UKdDSr3LG9ToWO1lQ6a4Livk9Xz+9WN91zsz5QR3XQz2NNoSDEvP6qadw==}
+  '@rolldown/binding-linux-x64-gnu@1.2.5':
+    resolution: {integrity: sha512-Mgj59/HTuYeK9Gz2MA+mBWKnHsAgkBSec15ZMb1st3oIfFbX7gCjOae7GydHhzcyQi9Z/7M1QuN9bR3oFqF0jQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-musl@1.2.1':
-    resolution: {integrity: sha512-xxBJRL+0q0Kce7orznGWLuylHDY65vuARXZRpX+hPdv+DqK2c3NlCsVA98tlWzWNEE7yPqA/1NQ5nnCrj49Y5A==}
+  '@rolldown/binding-linux-x64-musl@1.2.5':
+    resolution: {integrity: sha512-mY8AP0/ichsbhAxGnLa3d3+MwV0EfgrPND2bplI3Ym8T6R2pJ0N87bvrKVwNXmdy3jnr6eQBecdqx/HMknBmpA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-openharmony-arm64@1.2.1':
-    resolution: {integrity: sha512-M6AdXIXw3s+/8XpKMzdGDEXGS1S7kwUsy+rcTIUIOx5Ge4nXKCtAFHFV9YKkXvGcC5WMoTjAteLzlsQROVI0Yw==}
+  '@rolldown/binding-openharmony-arm64@1.2.5':
+    resolution: {integrity: sha512-8SLssA2oweAxyRgDp789ACfRb/3P+zNRJpzZxSizxF9m8NUDQ4+3xjo8ttjhVGGw6Qxb70oZiEtIjaKikCO7Yw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-wasm32-wasi@1.2.1':
-    resolution: {integrity: sha512-/TX0SoRGojHzSAHpfVBbavRVSazg5U3h3Y3VXfcc0cdugq6kxdqw8LPGFiPr+/7gE/60zRcsOY2Vi9b9eT0jww==}
-    engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0}
-
-  '@rolldown/binding-win32-arm64-msvc@1.2.1':
-    resolution: {integrity: sha512-EvRrivJieyHG+AO9lleZWgq+g0+S7oV2C51yuqlcyU/R9net+sI4Pj0F+lUoP2bEr6TWX3SqFaaS0SzfLxSzkw==}
+  '@rolldown/binding-win32-arm64-msvc@1.2.5':
+    resolution: {integrity: sha512-vGbruD5zquhoc8D9SViXgN2FBJtNdTyQ4DtG+SWiEGlJiAzoKcZ2xp+xuXCffhubVdt0NJlTZqkeRuERy7g8Cw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.2.1':
-    resolution: {integrity: sha512-Z4eCmn5QJ/5+azF9knpLWKfVd9aidn0mAe9TpJgvBLId9Ax3t0+JVxBmT25Bv7NBbVW1TZyKjQjQReouMeH5UQ==}
+  '@rolldown/binding-win32-x64-msvc@1.2.5':
+    resolution: {integrity: sha512-e/SXpgISz+IoqVcSSI0rx/d/he8zqLex+/rCWpnHpmVfmPIUjag9H6P7zotf0gJHwPUhQxZ/mF8tr6acebT9yw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -816,228 +657,36 @@ packages:
   '@rolldown/pluginutils@1.0.1':
     resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
 
-  '@rollup/plugin-alias@6.0.0':
-    resolution: {integrity: sha512-tPCzJOtS7uuVZd+xPhoy5W4vThe6KWXNmsFCNktaAh5RTqcLiSfT4huPQIXkgJ6YCOjJHvecOAzQxLFhPxKr+g==}
-    engines: {node: '>=20.19.0'}
-    peerDependencies:
-      rollup: '>=4.0.0'
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-commonjs@29.0.3':
-    resolution: {integrity: sha512-ZaOxZceP7SOUW7Lqw5IRVweSQYWaeIPnXIGLiB690EBA3FGJTO40EEr2L5yZplJWsgTCogILRSpcAe7+U0Otdg==}
-    engines: {node: '>=16.0.0 || 14 >= 14.17'}
-    peerDependencies:
-      rollup: ^2.68.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-json@6.1.0':
-    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-node-resolve@16.0.3':
-    resolution: {integrity: sha512-lUYM3UBGuM93CnMPG1YocWu7X802BrNF3jW2zny5gQyLQgRFJhV1Sq0Zi74+dh/6NBx1DxFC4b4GXg9wUCG5Qg==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^2.78.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/plugin-replace@6.0.3':
-    resolution: {integrity: sha512-J4RZarRvQAm5IF0/LwUUg+obsm+xZhYnbMXmXROyoSE1ATJe3oXSb9L5MMppdxP2ylNSjv6zFBwKYjcKMucVfA==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/pluginutils@5.4.0':
-    resolution: {integrity: sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/rollup-android-arm-eabi@4.62.3':
-    resolution: {integrity: sha512-c0wdcekXtQvvn5Tsrk/+op/gUArrbWaFduBnTLP2l1cKLSQs4diMWjJw3m6A0DdzT8dAAX95KpkJ3qynCePbmw==}
-    cpu: [arm]
-    os: [android]
-
-  '@rollup/rollup-android-arm64@4.62.3':
-    resolution: {integrity: sha512-3YjElDdWN+qXAFbJ/CzPV+0wspLqh54k/I6GfdYtEJRqg7buSgc1yPM3B+93j1M4neobtkATHZTmxK2AMVGfnA==}
-    cpu: [arm64]
-    os: [android]
-
-  '@rollup/rollup-darwin-arm64@4.62.3':
-    resolution: {integrity: sha512-Pch2pFNOxxz1hTjypIdPyRTR6riiwRl84+VcN9djS680fw+Co1nAJINrdpqp7KV0NvyuU8ilZXZCjd7ykJl1GQ==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@rollup/rollup-darwin-x64@4.62.3':
-    resolution: {integrity: sha512-LEuncFUHFiF8t4yZVZvvZA1wk0pjAscRnsrn1EfTEmN4HXotBi2YtcnLRyaK6UbuczW7xZS5ES+81Rdz8Z0T6g==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@rollup/rollup-freebsd-arm64@4.62.3':
-    resolution: {integrity: sha512-zvBUvsQUpOWALdDsk6qbS8bXf2VxmPisuudNDrY7x0p0jBdsoZl8HsHczIOgkQiZldmcacMKtBzpoGVNeIe2bQ==}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@rollup/rollup-freebsd-x64@4.62.3':
-    resolution: {integrity: sha512-C2KmNrcSem/AMg984H/dev+si0lieQGdXdR/lYGJnuumXnFb9Y7QdiI62obFdLlxRYLBv4P0eUVIDbD4c1vVvw==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.62.3':
-    resolution: {integrity: sha512-ggXnsTAEzNQx74XpunRsiZ9aBZDsI7XIa0hm2nzR9f4WzH5/f/d73ZSDaC5ejJ8YLY4NW+V3wr0tjOaeCq8hqA==}
-    cpu: [arm]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-arm-musleabihf@4.62.3':
-    resolution: {integrity: sha512-2vng+FlzNUhKZxtej3IUqJgbZoQk2M/dwQM20+ULV0R/E/8tr9/P6uEf2iiGIk4HL0zMKh5Jry7mUHdUOvyGgA==}
-    cpu: [arm]
-    os: [linux]
-    libc: [musl]
-
-  '@rollup/rollup-linux-arm64-gnu@4.62.3':
-    resolution: {integrity: sha512-LLLFZKt4/Nraf9rxDkhiU8QVgLF4WmCkfr0L4fj0fPfIZFBib0DeiFk1hhaYKd03LFAFJcxHslhDFlNJLylf5Q==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-arm64-musl@4.62.3':
-    resolution: {integrity: sha512-WJkdQCvS9sWNOUBJZfQRKpZGFBztRzcowI+nndmflKgU4XY+3a420FgTOSKTsVqJbnzSxeT4vaJalpOaPo2YCQ==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-
-  '@rollup/rollup-linux-loong64-gnu@4.62.3':
-    resolution: {integrity: sha512-PwHXCCS2n64/1Ot6rP1YEYA02MGYBcQlr8CSZZyrUG2O7NH6NklYmvr9v3Jy+5e/eDeNchc/ukmKJi9LuflMIQ==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-loong64-musl@4.62.3':
-    resolution: {integrity: sha512-vUjxINQu3RC8NZS3ykk1gN65gIz8pAopOq2HXuZhiIxHdx7TFvDG+jgrdSgInu1Eza4/Rfi2VzZgyIgEH4WOaw==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [musl]
-
-  '@rollup/rollup-linux-ppc64-gnu@4.62.3':
-    resolution: {integrity: sha512-wzko4aJ13+0G3kGnviCg5gnXFKd40izKsrf2uOw12US4XqprkDrmwOpeW14aSNa37V8bfPcz5Fkob6LZ3BAPmA==}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-ppc64-musl@4.62.3':
-    resolution: {integrity: sha512-8120ue0JUMSwy11stlwnfdX3pPd+WZYGCDBwEHWtIHi6pOpZmsEF5QKB7a/UN+XFdqvobxz98kv8RTqikyCEBw==}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [musl]
-
-  '@rollup/rollup-linux-riscv64-gnu@4.62.3':
-    resolution: {integrity: sha512-XLFHnR3tXMjbOCh2vtVJHmxt+995uJsTERQyseFDRA0xxMxyTZPLa3OIUlyFaO4mF/Lu0FjmWHCuPXJT1n/IOg==}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-riscv64-musl@4.62.3':
-    resolution: {integrity: sha512-se6yXvNGMIl0f+RQzyh7XAmia8/9kplQx424wnG2w0C1oi6XgO6Y8otKhdXFHbHs88Ihavzmvh1NWjuovE76BQ==}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [musl]
-
-  '@rollup/rollup-linux-s390x-gnu@4.62.3':
-    resolution: {integrity: sha512-gNoxRefktVIiGflpONuxWWXZAzIQG++z9qHO3xKwk4WdDMuQja3JHGfE1u0i3PfPDyvhypdk+WrgIJqLhGG7sg==}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-x64-gnu@4.62.3':
-    resolution: {integrity: sha512-V4KtWtQfAFMU7+9/A/VDps/VI8CHd3cYz0L8sgJzz8qK7eY7wI4ruFD82UYIYvW9Z4DtlTfhQcsl4XyPHW5uSg==}
-    cpu: [x64]
-    os: [linux]
-    libc: [glibc]
-
-  '@rollup/rollup-linux-x64-musl@4.62.3':
-    resolution: {integrity: sha512-LBx9LYXvj2CBkMkjLdNAWLwH0MLMin7do2VcVo9kVPibGLkY0BQQut2fv7NVqkXqZ/CrAu9LqDHVV1xHCMpCPw==}
-    cpu: [x64]
-    os: [linux]
-    libc: [musl]
-
-  '@rollup/rollup-openbsd-x64@4.62.3':
-    resolution: {integrity: sha512-ABVf3Q0RCu7NcyCCOZQI0pJ3GuSdfSl8EXcy88QtdceIMIoCUdfhsJChZ64L9zVM2aJHjde1Bhn5uqSRcX9ySA==}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@rollup/rollup-openharmony-arm64@4.62.3':
-    resolution: {integrity: sha512-+2Cy/ldweGBLlPIKsQLF8U5N44a0KDdbrk1rAjHOM9M2K+kGdIVjHLmmrZIcx+9Ny3ke/1JomCsDI1ocb11+sg==}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@rollup/rollup-win32-arm64-msvc@4.62.3':
-    resolution: {integrity: sha512-dtZvzc8BedpSaFNy75x6uiWwAGTH+aZHDtdrqP6qk+WcLJrfti6sGje1ZJ9UxyzDLF23d/mV+PaMwuC0hL7UVA==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@rollup/rollup-win32-ia32-msvc@4.62.3':
-    resolution: {integrity: sha512-Rj8Ra4noo+aYy7sKBggCx0407mws34kAb1ySyWuq5DAtFBQdkSwnsjCgPrhPe9cvgBKZIukpE+CVHvORCS93kQ==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@rollup/rollup-win32-x64-gnu@4.62.3':
-    resolution: {integrity: sha512-vp7N084ew/odXn2gi/mzm9mUkQu9l6AiN6dt4IeUM2Uvm9o+cVmP+YkqbMOteLbiGgqBBlJZjIMYVCfOOIVbVQ==}
-    cpu: [x64]
-    os: [win32]
-
-  '@rollup/rollup-win32-x64-msvc@4.62.3':
-    resolution: {integrity: sha512-MOG/3gTOn4Fwf574RVOaY61I5o6P90legkFADiTyn1hyjNydT+cerU2rLUwPdZkKKyJ+iT+K9p7WXK4LM1Ka6g==}
-    cpu: [x64]
-    os: [win32]
-
-  '@shikijs/core@4.4.1':
-    resolution: {integrity: sha512-VeR2CY6Nn9/WbisoYLOQZ7HZOnwTrpBuOw4wExjqLnBCi62BNWynBUO6K2uPIASPFJwAv7cX1fUu+LrPlSstcw==}
+  '@shikijs/core@4.4.3':
+    resolution: {integrity: sha512-QCR4q2ZO/ILJEuwiBMel4wdcTDb1JGwfjKTxPDF6x8ixOaluPrVqIn06C99AcRPhmYlBR56d/Fb+GN58GzExpg==}
     engines: {node: '>=20'}
 
-  '@shikijs/engine-javascript@4.4.1':
-    resolution: {integrity: sha512-6U4lJBh8LTvIkEVqRHv/rr3ruwtO6IweFQt1ME1ntHJMGHS+6N86vfYGO1o8c/DtOCTia2lfhdQBtBrps1sDfQ==}
+  '@shikijs/engine-javascript@4.4.3':
+    resolution: {integrity: sha512-FbOjFJp9VLdo1Wevs10BBtVxiTWwNLqZh5Gkhjgda/ioL15YOgeSl9n+6XMa3qRlPQzfhFNe641SrynFHYG0nQ==}
     engines: {node: '>=20'}
 
-  '@shikijs/engine-oniguruma@4.4.1':
-    resolution: {integrity: sha512-p23RugMKss0r5DAtRJW1yAXUDl60JvhQYV20yuxei//26JyDSJefV3umyWzzwep2weblMnJGDYahuti6XkcMgA==}
+  '@shikijs/engine-oniguruma@4.4.3':
+    resolution: {integrity: sha512-EcOQkxdxGQrc1Row/cC2c96/v1dbZqGnEVu1qTuT/MJmp6+cXCvQussowVmCv5Tqr3KuY3c7IbM6HTW3LJ1k9w==}
     engines: {node: '>=20'}
 
-  '@shikijs/langs@4.4.1':
-    resolution: {integrity: sha512-xb2kCMloBCIraIy2fS5MW0t/BxVY3q2nDyQKBoeSeq6KNrQbShHetCFlw2n35fGIJ6t3+hXDLQogP5ir9O9bvA==}
+  '@shikijs/langs@4.4.3':
+    resolution: {integrity: sha512-ePic0yfAJGOF83D5wBHK/00EjK65oahBYxFk5epgq33WRv7X9UuxLEV8PtR0szC0z8dl7INIpIodB99JRFlR+A==}
     engines: {node: '>=20'}
 
-  '@shikijs/primitive@4.4.1':
-    resolution: {integrity: sha512-ko2OfDoG89YuQ7xL5LtcQiWKb7NIv1Ephb7g48TVU198OzAMLC8lXVEwaJGHK4sUMYrfAGJDqYmNLOLiW/Kz8w==}
+  '@shikijs/primitive@4.4.3':
+    resolution: {integrity: sha512-m0wBeLDQDeIxRdUmrCPdQqfuUamDwRL5isCfYbguKD6NiaKpVbsv+3J81DyIKgNW5h4WAIIr8T4EkgQrBBxvaQ==}
     engines: {node: '>=20'}
 
-  '@shikijs/themes@4.4.1':
-    resolution: {integrity: sha512-wudOaoFro+/Zl9gQv2W1Ur5XlVduqvTuYLI483Xi0wgc1A+cy1hfB2r6ac6ufBgF+ID7KJEW7L41MHrzQ4wH+w==}
+  '@shikijs/themes@4.4.3':
+    resolution: {integrity: sha512-w8UHjeUnIR965KMWJHUPXOc2mNJUnK3vpVLYLvw5IYU2mnTTJ89E24OrJDBNiJDQ0qzb0tc4l7mrIXx5cFeIyw==}
     engines: {node: '>=20'}
 
-  '@shikijs/transformers@4.4.1':
-    resolution: {integrity: sha512-Sb9Eehas+5EhClpFgNuklwY3aWf354FLaKRCiAWmjdNbHAjoQUpv6WmSj+N19eTXO6GLIWh1dIOH9dxyauhVWw==}
+  '@shikijs/transformers@4.4.3':
+    resolution: {integrity: sha512-oJSARV6NaWd+rnNJbtnpAdj3Zg0ZVyzsnMgb3vi3HA+35y8lBWUCpOnWsmyiXZIikY+x1BDqrQUgmxfzWh7Jvw==}
     engines: {node: '>=20'}
 
-  '@shikijs/types@4.4.1':
-    resolution: {integrity: sha512-GOwCLQDHM5EjGUWNPrhzJbr6JP8V/Dx/CDVkWvbZ1Avw5JFnNUckrgbLmE07qtg4WlW7Q7QFndhjIkeU9XMPvw==}
+  '@shikijs/types@4.4.3':
+    resolution: {integrity: sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==}
     engines: {node: '>=20'}
 
   '@shikijs/vscode-textmate@10.0.2':
@@ -1065,6 +714,10 @@ packages:
     resolution: {integrity: sha512-fCTuZK4QBa+39Oz9l4OGfJfz+GpwCp3AqO7Zch3to99xHPgstVsRFpeQ8LNd2o1Gv8raL2mCFwiaHh7bFSp5DQ==}
     engines: {node: '>=22'}
 
+  '@sindresorhus/is@4.6.0':
+    resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
+    engines: {node: '>=10'}
+
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
@@ -1075,9 +728,6 @@ packages:
   '@tokenizer/token@0.3.0':
     resolution: {integrity: sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A==}
 
-  '@tybys/wasm-util@0.10.3':
-    resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
-
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
@@ -1105,8 +755,8 @@ packages:
   '@types/lodash.template@4.5.3':
     resolution: {integrity: sha512-Mo0UYKLu1oXgkV9TVoXZLlXXjyIXlW7ZQRxi/4gQJmzJr63dmicE8gG0OkPjYTKBrBic852q0JzqrtNUWLBIyA==}
 
-  '@types/lodash@4.17.24':
-    resolution: {integrity: sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==}
+  '@types/lodash@4.17.25':
+    resolution: {integrity: sha512-+K1NIO8I+F9/wNulfVvu23QYd0Pe9/OCqRrim4NoYIf1VoEDL90Ve4ClzpyqBLc7NpGGWRvYNCKZ1BE/Jpf8dQ==}
 
   '@types/mark.js@8.11.12':
     resolution: {integrity: sha512-244ZnaIBpz4c6xutliAnYVZp6xJlmC569jZqnR3ElO1Y01ooYASSVQEqpd2x0A2UfrgVMs5V9/9tUAdZaDMytQ==}
@@ -1129,20 +779,17 @@ packages:
   '@types/node@24.13.3':
     resolution: {integrity: sha512-Dh8vAsV36ig5wa9OX4pXvMc9D3Veibfw2wix0CUwYODLD8nkj9UsLjASr49nPg+2eKzxhBV+v7L8pXvT4e639Q==}
 
-  '@types/node@26.1.2':
-    resolution: {integrity: sha512-Vu4a5UFA9rIIFJ7rB/Vaafh9lrCQszopTCx6KjFboXTGQbPNasehVR5TEiithSDGyd1DEiUByggTZsg8jukeIg==}
+  '@types/node@26.2.0':
+    resolution: {integrity: sha512-5IviulTZeRNp2vAJ514cc/HUlY5nZ9fCbq9DMyC52BrhFZACo3nI0R7qBxhQmo/d27NFe96ur/b7Wwxklda+kg==}
 
   '@types/picomatch@4.0.3':
     resolution: {integrity: sha512-iG0T6+nYJ9FAPmx9SsUlnwcq1ZVRuCXcVEvWnntoPlrOpwtSTKNDC9uVAxTsC3PUvJ+99n4RpAcNgBbHX3JSnQ==}
 
-  '@types/resolve@1.20.2':
-    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
-
   '@types/sax@1.2.7':
     resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}
 
-  '@types/semver@7.7.1':
-    resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
+  '@types/semver@7.8.0':
+    resolution: {integrity: sha512-1mAINjtQCXXeLkJ9ehXkwOcBpqtLxiVtKhpUf83DdRNdQKV0iXZpaHYqRr7nj+wvxuJzoAmAwXI+sCNMv1CzLQ==}
 
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
@@ -1197,18 +844,23 @@ packages:
 
   '@volar/typescript@2.4.28':
     resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
 
-  '@vue/compiler-core@3.5.40':
-    resolution: {integrity: sha512-39E8IgOhTbVDnoJFMKc2DvYnypcZwUqgUhQkccva/0m6FUwtIKSGV7n1hpVmYcFaoRAwf9pBcwnKlCEsN63ZEQ==}
+  '@vue/compiler-core@3.5.41':
+    resolution: {integrity: sha512-q0Xtv/F9w2YO/7htQhtiL+Ev2WCJbe5N2hc+XfgyKkEKqWpSxknmT8QOuGdEKNdjPq0c3F7rNpFkTo3Kfrm7pg==}
 
-  '@vue/compiler-dom@3.5.40':
-    resolution: {integrity: sha512-pwkx4vqlqOspFstrcmzwkKLePVMD3PT65imRzLhanU2V1Fj4K13g6OXjanOyzw3aTAuRk84BOmY8f3rEHqPaVA==}
+  '@vue/compiler-dom@3.5.41':
+    resolution: {integrity: sha512-oKacVfNglLvGjnS6BXOlGL7EyG2h8X03pqXCjzotRZUaXGjbrTJUnVAQjrCqUnS+lyu31nwQjZY/d817GmCnfw==}
 
-  '@vue/compiler-sfc@3.5.40':
-    resolution: {integrity: sha512-gIf497P4kpuALcvs5n3AEg1Vdn0pSY4XbjASIfHNYF1/MP3T2Mf2STERTubysBxCRxzJGJYtF/O7vwJrxFB3Vw==}
+  '@vue/compiler-sfc@3.5.41':
+    resolution: {integrity: sha512-XJhip7R2wy6vX3knCxdZN4KracFaZUef58s1KYewqluedHIJaPIVfXoYT7MF1F8nCvv6k8bWWxDC8opMkg1VTQ==}
 
-  '@vue/compiler-ssr@3.5.40':
-    resolution: {integrity: sha512-rrE5xiXG663+vHCHa3J9p2z5OcBRjXmoqenprJxAFQxg5pSshzeBiCE6pu46axapRJ2Adk0YDA2BRZVjiHXnhg==}
+  '@vue/compiler-ssr@3.5.41':
+    resolution: {integrity: sha512-U3v5OejKEGqOI0Wy0+Sz7hGuIFZHA4LSXzrNM3IMIeDyJEBBfTpX26n3SDgToRpP2bLc9FfI2j/kSgcJ8Emq5A==}
 
   '@vue/devtools-api@8.2.1':
     resolution: {integrity: sha512-6u4vXBlIBAC1wMplIZgpyPn7uh/s4Bf6F5bMzvLv+EdJ0aHs/+4B7Ygv864EStQSjRbsRzTko/kUG1A1IejQ3A==}
@@ -1219,23 +871,23 @@ packages:
   '@vue/devtools-shared@8.2.1':
     resolution: {integrity: sha512-Fkac7lUdGReh6pVOi3AYPRGe82LQqRmAfThW7RRligOAP0ZA/Z1z9XLHDM9dv34pV2HRc79DK8uKPeG2fLnA/g==}
 
-  '@vue/language-core@3.3.9':
-    resolution: {integrity: sha512-in/68oAa4BCtVY6n/nkuhLIkV8DHYd2UivedJ6cMZ6UYtlq9jaoaSNUBHYCVO44z3nKg7MdE5OBoHKt5SxeBKQ==}
+  '@vue/language-core@3.3.11':
+    resolution: {integrity: sha512-QJmpliwAVpC/OxubIByPAhNzsQPRc8/gxlN2qnVzVfIMjMDz/9RnXRFoetjz5yEgXVXyp4LqhXq3V53PjmNzFw==}
 
-  '@vue/reactivity@3.5.40':
-    resolution: {integrity: sha512-B7ot9UlUZOi1zbq61/LvE88ZLTV8IlajTdiZTAEiDQgrnIMIZoPr9kGw0Zw46ObW62O9+H/Be3kMbfb7kYPQZA==}
+  '@vue/reactivity@3.5.41':
+    resolution: {integrity: sha512-rznsqKM0np0x18EjzF8x88MpEhdNsffbvFbckLL5+oUKz1BxAImEmO7J1ArRYSyo6aQaVoBDp7jEkT91OOxydA==}
 
-  '@vue/runtime-core@3.5.40':
-    resolution: {integrity: sha512-KAZLweuZ6uUJPK1PMSQPgBU5gCjgrrfjUhSglmU9NhH+Zjepa8cnwSydPWDWHDwOgY4g3VcZ+PljbiHlURNCbw==}
+  '@vue/runtime-core@3.5.41':
+    resolution: {integrity: sha512-Vcry58hiAKwGen9Z1jUZE0feFsNArPCMOImYI8el48A9Idf6DuQYD0U05zZIF2Iad1hGhPSvcbBbAOhNr55fhg==}
 
-  '@vue/runtime-dom@3.5.40':
-    resolution: {integrity: sha512-ZfrX8ssZQds900L9pr8AuK05ddnMsR4MPMZr8cPN9GoqoPWcXLhjvvbIA2SMv+7a97sJ1vv9pj/zxK0Cq/eEFQ==}
+  '@vue/runtime-dom@3.5.41':
+    resolution: {integrity: sha512-3vVBahVBS9+U6cmXBLyb8nE6/yYo4J/CGI9eVFs3KiMc0YHuudwKyShTD65jtJy/L9PUUxNAFu4cj4LiJ0UFbw==}
 
-  '@vue/server-renderer@3.5.40':
-    resolution: {integrity: sha512-XNJym9WpevhTVt1HuwOrCRJ5Q+9z4BjTMrDtjTrvx74SmUll8spNTw6whWJa9mEkO4PKn5TihI/bm/8ds2QVJw==}
+  '@vue/server-renderer@3.5.41':
+    resolution: {integrity: sha512-n6hx/pNFfbD6SuyeuMVkvqox8bwf/ET9JlA/kAz/imw8sw++wkqKe2mHX5KutjPpbKE4Z56yTHszoOjGMI9igQ==}
 
-  '@vue/shared@3.5.40':
-    resolution: {integrity: sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==}
+  '@vue/shared@3.5.41':
+    resolution: {integrity: sha512-IOnwSCma8j+9xJT6b8H0dEYidC80NsYmNMlZxRsukYcSoGaDBohog5hDxzeUXdFeGWFA++vWvxqOmrr96VlqMA==}
 
   '@vueuse/core@14.4.0':
     resolution: {integrity: sha512-X4WHz1HlCzCBoYXesUkifzzWBAcZgXG8Fi5iNPQg/epdzOB3gu8Fawj3hvuwYR1nGcXGnvxwYYcUC/71++svtQ==}
@@ -1297,6 +949,141 @@ packages:
     engines: {node: '>=14.6'}
     deprecated: this version has critical issues, please update to the latest version
 
+  '@yuku-codegen/binding-android-arm64@0.8.7':
+    resolution: {integrity: sha512-C/0zV5IhgVdYhGJTwrY0v8dknxlhiKwtVJkMUaexu9/QvRmzlV4vfU3hZlUSgqc2BxQHntL1mCVbDq8j0FRFDw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@yuku-codegen/binding-darwin-arm64@0.8.7':
+    resolution: {integrity: sha512-/u+REDMI4a0/lsJXTM4c53/w31OGZLOReZIyg62uhgLs0kc8NHsj/nOcxTdlQjq5gi0zhdkccD9LaLTXcdzPvw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@yuku-codegen/binding-darwin-x64@0.8.7':
+    resolution: {integrity: sha512-sMMzFOwCo4WXR+/6zIBThOocSC50iIIZZdfiIDbaLvj0Ax/rWt/iavyfEAqajyvzydLyCqR/ZItdLWSRlu1umw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@yuku-codegen/binding-freebsd-x64@0.8.7':
+    resolution: {integrity: sha512-MpdpKXix9P+Y1rKgjvcNeNtGjXeL1CmttNhYINrWls8kRpm4xM/oBGTmn6w7to8lAlwj5jm8q03dQPl5mRv4Qw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@yuku-codegen/binding-linux-arm-gnu@0.8.7':
+    resolution: {integrity: sha512-rr1srFLlPAmC1vtxfc9C1YLDe3iH09YjfSeeIidBqKhzx1MATjOAq4mjlRUOnhr/L27MotWIYOFKwVsd5JZFOg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@yuku-codegen/binding-linux-arm-musl@0.8.7':
+    resolution: {integrity: sha512-eAufXh8qBRpiSO6ueaMDL+yyoXIGLhpUce72YbcACtZU2qhExwBIJyEtQf5kH2Ki0X2aqkSjSfog4OPtKXan3Q==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@yuku-codegen/binding-linux-arm64-gnu@0.8.7':
+    resolution: {integrity: sha512-gw4w6wPoHObBrdIC4duVWLmJOvpdE25j5D7yrM5mACNlK4klRz/lv8hK+ssQk9EJHBgZjSaqZIJVFgqNYbfv7A==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@yuku-codegen/binding-linux-arm64-musl@0.8.7':
+    resolution: {integrity: sha512-L68N6Y4XkqcIaKo3Ra88JEvBEH4AHff44A4INcrxeVWZ8CZtu2tCpfVxe3hR8qQQMcvBSQlDn24KpkCKEhVvfA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@yuku-codegen/binding-linux-x64-gnu@0.8.7':
+    resolution: {integrity: sha512-dzyAbltJmf3Cqlb8HcFuYIf5Yn0fl1vTr3XJ9HiVNNvOlhqPSArOqtw9vI1p6/VTXTjrMLXlU+s+/kNHiIy/Cw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@yuku-codegen/binding-linux-x64-musl@0.8.7':
+    resolution: {integrity: sha512-Otw4MH3404q0Bbvl+YTdW9aoUV5vXmUw8260bWvt1XlaoIX/ceSgI4ygheRDMfBPoHt6FDayQaO9OLVUZAgkFA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@yuku-codegen/binding-win32-arm64@0.8.7':
+    resolution: {integrity: sha512-qo/jyrzryiBuKEsFiuWaBCBe3tRMynQ0qFWFgOEjcCMQeZfBm+wKiVEUEFXXLc7bh8YezguAWp0Mtnhq4ARNyA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@yuku-codegen/binding-win32-x64@0.8.7':
+    resolution: {integrity: sha512-D5lDsVDx6m00E6bWySlWdH72Ca4TPSaphDqB6QjU6MpuNLIJqoGoatYyq2rOmBE8Zv/kunot/o58KGL03P3eiA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@yuku-parser/binding-android-arm64@0.8.7':
+    resolution: {integrity: sha512-eGKYiUDX7Y0V7tDTmg+JTVnXnjMqfXXsorZ+EDf5kxwchQ3Or1HS14MzI2fw+jFhHR85fCWt+mtX33Yao73hIQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@yuku-parser/binding-darwin-arm64@0.8.7':
+    resolution: {integrity: sha512-Re0RHelKLnjEURulY2/KxW+Ngb8zuNA4BRZuMwgGQNzVumT6u4U2N2hc01oeYVNVof0i7GrXE4UCNBgbpRRnjQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@yuku-parser/binding-darwin-x64@0.8.7':
+    resolution: {integrity: sha512-Hn8DROtQkjlA1ACbPgj4a7eP9IuVOI504oiTwpkWPbpaDWD9KdmnVYCqW+1LfenNK/g7O9NhWGpXEdaCNX7lIA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@yuku-parser/binding-freebsd-x64@0.8.7':
+    resolution: {integrity: sha512-bAP2OV8wRuzplX/jYxv9+vvqQT8JxyNphI8fLfXGL054Xs+4/J5u33cIm3y4rxY8rdoLmmdiJs2Tq7r7lrDRfA==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@yuku-parser/binding-linux-arm-gnu@0.8.7':
+    resolution: {integrity: sha512-kTYwJQQgmZeAWdDIWabiReIZMpmfLueIj1tCmjStUtFGhR1Z0qwxonKVfUC4N7h/VhGGzLZ//7O1kgt1QKqgCg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@yuku-parser/binding-linux-arm-musl@0.8.7':
+    resolution: {integrity: sha512-uL4jE8HPT2BLlxAXyD10LqgPuXa9eDa0BKpCdSANmzIJghq/2eZo3/gQNtaxPZMupWoxjYzSad9IXrwu7aYPXQ==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@yuku-parser/binding-linux-arm64-gnu@0.8.7':
+    resolution: {integrity: sha512-3gVN4pWSKZmXiNX7cU164dR9MPvesCHnlH6nPfpK+yQsCuYphjKKplcb4SnZBrhiqmXbgb2HR0c2TS0IZUPhgA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@yuku-parser/binding-linux-arm64-musl@0.8.7':
+    resolution: {integrity: sha512-S0mwfEjoLpxzXeZw802Wa4RaELsQiPtWqG6INcy8j4GtvNFtl4LCX3eGO1XLn9pyLAISLzTRyU3zUCBUPin8lg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@yuku-parser/binding-linux-x64-gnu@0.8.7':
+    resolution: {integrity: sha512-lnbWdPmerE5D1uH1G4IEZKnPzCrWCStRGrtgpSIe1RibAo5bZIjDbbbPYXmMHCEh4F+x/JaJpElh26a3r+BPbg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@yuku-parser/binding-linux-x64-musl@0.8.7':
+    resolution: {integrity: sha512-769uwndMvMzUvATWbAcEvyLHKA+DzhHSCl/obBUrRdYfRo26yxui6S8y3z7uJ+Naup7UKrDxrpK7OnQkxkl9KQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@yuku-parser/binding-win32-arm64@0.8.7':
+    resolution: {integrity: sha512-mEB/9PlaAkisJ6KWGz0zvywXoU6+80dTlR2LwS7s/jcXXoU6fm2+sitBZXtqu3+Q4DcDgPxM45uWMCzPs0TSRw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@yuku-parser/binding-win32-x64@0.8.7':
+    resolution: {integrity: sha512-8vNB2DP0ou61nGb8tc/qfi41gfyDXz1MHr2zqL3nR+cJ6CEbiuWV/l/a/vv151gCgiZLLAyGkQGENpozdg716w==}
+    cpu: [x64]
+    os: [win32]
+
+  '@yuku-toolchain/types@0.8.7':
+    resolution: {integrity: sha512-2Z53dNxAJL6UvFoIrDZvYf3zlO8s4VJK4O2hhaB4mXVwwpX/7ajtss3cmfqKvamlNLWyt9FSWs4eoYdlbxpnHA==}
+
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
@@ -1308,6 +1095,10 @@ packages:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
 
+  ansi-escapes@7.3.0:
+    resolution: {integrity: sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==}
+    engines: {node: '>=18'}
+
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -1320,6 +1111,13 @@ packages:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
+  ansis@4.3.1:
+    resolution: {integrity: sha512-BJ8/l4R5LRE7hW9WdSuGYrLSHi2ynxeFpDFbH0K/CgNeY/tyhk+vO6TYxXC5r5CpUhNVX310xzPsN/H9lCdfOA==}
+    engines: {node: '>=14'}
+
+  any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
   arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 
@@ -1368,6 +1166,10 @@ packages:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
 
+  cac@7.0.0:
+    resolution: {integrity: sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ==}
+    engines: {node: '>=20.19.0'}
+
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
@@ -1379,10 +1181,18 @@ packages:
     resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
     engines: {node: '>=18'}
 
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
   chalk@5.6.2:
     resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  char-regex@1.0.2:
+    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
+    engines: {node: '>=10'}
+
   character-entities-html4@2.1.0:
     resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
 
@@ -1399,18 +1209,29 @@ packages:
     resolution: {integrity: sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw==}
     engines: {node: '>= 6'}
 
-  chokidar@5.0.0:
-    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
-    engines: {node: '>= 20.19.0'}
+  cjs-module-lexer@1.4.3:
+    resolution: {integrity: sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==}
 
   cli-cursor@5.0.0:
     resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
     engines: {node: '>=18'}
 
+  cli-highlight@2.1.11:
+    resolution: {integrity: sha512-9KDcoEVwyUXrjcJNvHD0NFc/hiwe/WPVYIleQh2O1N2Zro5gWJZ/K+3DGn8w8P/F6FxOgzyC5bxDyHIgCSPhGg==}
+    engines: {node: '>=8.0.0', npm: '>=5.0.0'}
+    hasBin: true
+
   cli-spinners@3.4.0:
     resolution: {integrity: sha512-bXfOC4QcT1tKXGorxL3wbJm6XJPDqEnij2gQ2m7ESQuE+/z9YFIWnl/5RpTiKWbMq3EVKR4fRLJGn6DVfu0mpw==}
     engines: {node: '>=18.20'}
 
+  cli-table3@0.6.5:
+    resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
+    engines: {node: 10.* || >= 12.*}
+
+  cliui@7.0.4:
+    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
+
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -1429,6 +1250,10 @@ packages:
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
+  commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+
   commander@13.1.0:
     resolution: {integrity: sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==}
     engines: {node: '>=18'}
@@ -1437,9 +1262,6 @@ packages:
     resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
     engines: {node: '>= 6'}
 
-  commondir@1.0.1:
-    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
-
   conventional-changelog-angular@9.2.1:
     resolution: {integrity: sha512-oWSL6ZhnXbYraOFTK3PgRAQJ8fADDAEv5K6AdeyQPLvjFmhG8+ejL0jZZp/R7vTmGJaBvZEE+sE7dB4bCv7sAw==}
     engines: {node: '>=22'}
@@ -1453,8 +1275,8 @@ packages:
     engines: {node: '>=22'}
     hasBin: true
 
-  conventional-changelog@8.1.0:
-    resolution: {integrity: sha512-idt1JK+3+Nt7gqH/d/sEYWdDeR+5XPov/jssmFN6XxmYSRlonTWSDWhWUPkmm0zbwYjtVdt+4My5aiPkKyvocw==}
+  conventional-changelog@8.1.1:
+    resolution: {integrity: sha512-my0arqBpzr8mg+7RKDGnw8OiDvBr8/QVJIxazYJlIDeKx/2GCBYxZELaDYpbRhM5gNKfZB8h9SHuetrUFxd5HQ==}
     engines: {node: '>=22'}
     hasBin: true
 
@@ -1462,8 +1284,8 @@ packages:
     resolution: {integrity: sha512-cs+LadpH7Kpw0M3k8wurk+sOVVDAENA0iK4OBOrkL94j5lEVYRJ4j3zd2bhY9qgzyrPqthdcYT3axzRN7AliMg==}
     engines: {node: '>=22'}
 
-  conventional-commits-parser@7.1.1:
-    resolution: {integrity: sha512-B0f42jI++V5Vb7qK+DDw68r0dNxz5hk+RdKUkx2NOi39emc9hsHa3u2M3doF7QQhRFzCrAj7uM90teG+RBTaYQ==}
+  conventional-commits-parser@7.1.2:
+    resolution: {integrity: sha512-O+x4N2yH+ijvqWlIyTHsXTAP+algNWgGbjY2duCe8w2vUMvUB95cLRslCPfTMQyLAKlet3bhZTdu6ozn4M+QJQ==}
     engines: {node: '>=22'}
     hasBin: true
 
@@ -1505,10 +1327,6 @@ packages:
   decode-named-character-reference@1.3.0:
     resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
 
-  deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-
   default-browser-id@5.0.1:
     resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
     engines: {node: '>=18'}
@@ -1521,6 +1339,9 @@ packages:
     resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
     engines: {node: '>=12'}
 
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
   delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
@@ -1553,6 +1374,15 @@ packages:
   domutils@2.8.0:
     resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
 
+  dts-resolver@3.0.0:
+    resolution: {integrity: sha512-1T1f+z+4tl9XD+m+0HBgWoL/nm0bOIffyWaUuUSBlFg/86IWvfx+wjNaO/ybU0AJzG9/Mi5hBUgGV6zCmWEN7Q==}
+    engines: {node: ^22.18.0 || >=24.0.0}
+    peerDependencies:
+      oxc-resolver: '>=11.0.0'
+    peerDependenciesMeta:
+      oxc-resolver:
+        optional: true
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
@@ -1560,6 +1390,13 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
+  emojilib@2.4.0:
+    resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==}
+
+  empathic@2.0.1:
+    resolution: {integrity: sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==}
+    engines: {node: '>=14'}
+
   entities@2.2.0:
     resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
 
@@ -1571,6 +1408,10 @@ packages:
     resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
 
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
+
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -1579,9 +1420,6 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-module-lexer@1.7.0:
-    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
-
   es-module-lexer@2.3.1:
     resolution: {integrity: sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==}
 
@@ -1593,11 +1431,6 @@ packages:
     resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
-  esbuild@0.27.7:
-    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
-    engines: {node: '>=18'}
-    hasBin: true
-
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -1667,6 +1500,9 @@ packages:
       picomatch:
         optional: true
 
+  fflate@0.8.3:
+    resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
+
   file-type@21.3.4:
     resolution: {integrity: sha512-Ievi/yy8DS3ygGvT47PjSfdFoX+2isQueoYP1cntFW1JLYAuS4GD7NUPGg4zv2iZfV52uDyk5w5Z0TdpRS6Q1g==}
     engines: {node: '>=20'}
@@ -1727,8 +1563,9 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
-  get-tsconfig@4.14.0:
-    resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
+  get-tsconfig@5.0.0-beta.5:
+    resolution: {integrity: sha512-/6gFNr0N04nob252sTQxyFLi3eKFRqIg1I87YcqAMT1i6SQrSF6KujUEQrtrjMV0H/eejTCltLdDSTEMzHbnsQ==}
+    engines: {node: '>=20.20.0'}
 
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -1742,6 +1579,10 @@ packages:
     resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
     engines: {node: '>=6.0'}
 
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
   has-symbols@1.1.0:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
@@ -1760,9 +1601,15 @@ packages:
   hast-util-whitespace@3.0.0:
     resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
 
+  highlight.js@10.7.3:
+    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
+
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  hookable@6.1.1:
+    resolution: {integrity: sha512-U9LYDy1CwhMCnprUfeAZWZGByVbhd54hwepegYTK7Pi5NvqEj63ifz5z+xukznehT7i6NIZRu89Ay1AZmRsLEQ==}
+
   html-void-elements@3.0.0:
     resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
 
@@ -1787,9 +1634,9 @@ packages:
   import-meta-resolve@4.2.0:
     resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
 
-  is-core-module@2.16.2:
-    resolution: {integrity: sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==}
-    engines: {node: '>= 0.4'}
+  import-without-cache@0.4.0:
+    resolution: {integrity: sha512-NkJQA7oZ4YHQhd2+H3BoRFKF3d/XNsiKpHZCQEMH9pDX27hQQLsTyOocyRgaIVtf8gHX3Nt3LPkR4e5EdtPAGQ==}
+    engines: {node: ^22.18.0 || >=24.0.0}
 
   is-docker@3.0.0:
     resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
@@ -1825,9 +1672,6 @@ packages:
     resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
     engines: {node: '>=12'}
 
-  is-module@1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
-
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -1836,9 +1680,6 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
-  is-reference@1.2.1:
-    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
-
   is-stream@3.0.0:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -1862,15 +1703,12 @@ packages:
     resolution: {integrity: sha512-N5A3KTWQpPWT4ExxxPlUx7WmykGXRzhNidWhV41d6Abu9YfI2NyWCJuxdPnslJCPWtbRpSVOWSnSS6GakLM/Rg==}
     engines: {node: '>= 20'}
 
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-
-  js-yaml@3.15.0:
-    resolution: {integrity: sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==}
+  js-yaml@3.15.1:
+    resolution: {integrity: sha512-S99WuO3HlhO3XN41EtYUNl9zzXjoJx7QvmipxsJVxtCBT0YHEFy+iOJhjSvrmV12nYhWpZaM8lPHkJm0yUMbag==}
     hasBin: true
 
-  js-yaml@4.3.0:
-    resolution: {integrity: sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==}
+  js-yaml@4.3.1:
+    resolution: {integrity: sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==}
     hasBin: true
 
   juice@8.1.0:
@@ -2018,6 +1856,17 @@ packages:
     resolution: {integrity: sha512-MqIQVVkz+uGEHi3TsHx/czcxxCbRIL7sv5K5DnYw/tI+apY54IbPefV/cmgxp6LoJSEx/TqcHdLs/298afG5QQ==}
     engines: {node: '>=6'}
 
+  marked-terminal@7.3.0:
+    resolution: {integrity: sha512-t4rBvPsHc57uE/2nJOLmMbZCQ4tgAccAED3ngXQqW6g+TxA488JzJ+FK3lQkzBQOI1mRV/r/Kq+1ZlJ4D0owQw==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      marked: '>=1 <16'
+
+  marked@9.1.6:
+    resolution: {integrity: sha512-jcByLnIFkd5gSXZmjNvS1TlmRhCXZjIzHYlaGkPlLIekG55JDR2Z4va9tZwCiP+/RDERiNhMOFu01xd6O5ct1Q==}
+    engines: {node: '>= 16'}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -2165,6 +2014,10 @@ packages:
   mj-context-menu@0.6.1:
     resolution: {integrity: sha512-7NO5s6n10TIV96d4g2uDpG7ZDpIhMh0QNfGdJw/W47JswFcosz457wqz/b5sAKvl12sxINGFCn80NZHKwxQEXA==}
 
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -2175,16 +2028,23 @@ packages:
   muggle-string@0.4.1:
     resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
 
-  nanoid@3.3.16:
-    resolution: {integrity: sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==}
+  mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+  nanoid@3.3.18:
+    resolution: {integrity: sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@6.0.0:
-    resolution: {integrity: sha512-mkUH+rPkwU2qPadJ0oJZOjeZ5Mxn8Q1UhevwkTRWNuUZzyia3h4rhzK39hxaHTk0o2OxB8W2SQ6A8k23ZDi1pQ==}
+  nanoid@6.0.1:
+    resolution: {integrity: sha512-3wVS3i51pE2pi1k5FFL/95BGfVS0kSsvDVuGXHOtxox/TywUmtgq+3qiTOTbs9J7KfHaXPiN171k/A6dBnaXFw==}
     engines: {node: ^22 || ^24 || >=26}
     hasBin: true
 
+  node-emoji@2.2.0:
+    resolution: {integrity: sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==}
+    engines: {node: '>=18'}
+
   node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
@@ -2197,6 +2057,10 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
   obug@2.1.4:
     resolution: {integrity: sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==}
     engines: {node: '>=12.20.0'}
@@ -2238,6 +2102,9 @@ packages:
   parse5-htmlparser2-tree-adapter@6.0.1:
     resolution: {integrity: sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==}
 
+  parse5@5.1.1:
+    resolution: {integrity: sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==}
+
   parse5@6.0.1:
     resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
 
@@ -2248,9 +2115,6 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
-  path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-
   path-to-regexp@6.3.0:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
@@ -2291,12 +2155,12 @@ packages:
     peerDependencies:
       postcss: ^8.4.21
 
-  postcss-selector-parser@7.1.4:
-    resolution: {integrity: sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==}
+  postcss-selector-parser@7.1.5:
+    resolution: {integrity: sha512-KvvtD7SrlBP7dlgkBghEE3r84CABm5SmV2aNcG4oCA+qDnJ/tvKonFVvwWAyyWUEwxuNawdfEAZKP9zM3oZ2Uw==}
     engines: {node: '>=4'}
 
-  postcss@8.5.25:
-    resolution: {integrity: sha512-DTPx3RWSSnWyzLxQnlH0rJP+EW5ekl16ZU4/psbIhA0e53kJfdgaN5vKM+xP7yJtXVu+nfdVFmlgFDEKAe4Pyw==}
+  postcss@8.5.26:
+    resolution: {integrity: sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==}
     engines: {node: ^10 || ^12 || >=14}
 
   powershell-utils@0.1.0:
@@ -2319,21 +2183,21 @@ packages:
     resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
     engines: {node: '>=10'}
 
+  publint@0.3.24:
+    resolution: {integrity: sha512-9zS56KrKBoqi5Qt8h92uMP8TTM9AYZSgnmCo4u2priMqkOZvQnTsziZ2p5LJ2ywbYkAjoCDp2jda9u4cgFefIw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   punycode.js@2.3.1:
     resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
     engines: {node: '>=6'}
 
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
+  quansync@1.0.0:
+    resolution: {integrity: sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==}
 
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  readdirp@5.0.0:
-    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
-    engines: {node: '>= 20.19.0'}
-
   regex-recursion@6.0.2:
     resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
 
@@ -2366,11 +2230,6 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.12:
-    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
-    engines: {node: '>= 0.4'}
-    hasBin: true
-
   restore-cursor@5.1.0:
     resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
     engines: {node: '>=18'}
@@ -2379,28 +2238,28 @@ packages:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rolldown@1.2.1:
-    resolution: {integrity: sha512-4FKJhg8d3OiyQOA6Q1Q0hoFFpW9/OoX+VsHzpECsdsIZoOArrAK90gl59YK/Z+gnDel45bgJZK03ozH/9bCqEw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
-
-  rollup-plugin-dts@6.1.1:
-    resolution: {integrity: sha512-aSHRcJ6KG2IHIioYlvAOcEq6U99sVtqDDKVhnwt70rW6tsz3tv5OSjEiWcgzfsHdLyGXZ/3b/7b/+Za3Y6r1XA==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      rollup: ^3.29.4 || ^4
-      typescript: ^4.5 || ^5.0
-
-  rollup-plugin-esbuild@6.2.1:
-    resolution: {integrity: sha512-jTNOMGoMRhs0JuueJrJqbW8tOwxumaWYq+V5i+PD+8ecSCVkuX27tGW7BXqDgoULQ55rO7IdNxPcnsWtshz3AA==}
-    engines: {node: '>=14.18.0'}
+  rolldown-plugin-dts@0.27.14:
+    resolution: {integrity: sha512-ZvuDDwoIpRK9RPxDXratCpklFO9QZZWndf/sd0VBFb4LEj0jj07UcHK9OCh7V4XiFz2Z89ziyBC2K6tJiDjrbw==}
+    engines: {node: ^22.18.0 || >=24.11.0}
     peerDependencies:
-      esbuild: '>=0.18.0'
-      rollup: ^1.20.0 || ^2.0.0 || ^3.0.0 || ^4.0.0
+      '@typescript/native-preview': '*'
+      '@volar/typescript': ~2.4.0
+      rolldown: ^1.0.0
+      typescript: ^5.0.0 || ^6.0.0 || ~7.0.0
+      vue-tsc: ~3.2.0 || ~3.3.0
+    peerDependenciesMeta:
+      '@typescript/native-preview':
+        optional: true
+      '@volar/typescript':
+        optional: true
+      typescript:
+        optional: true
+      vue-tsc:
+        optional: true
 
-  rollup@4.62.3:
-    resolution: {integrity: sha512-Gu0c0iH9FzgX1L1t7ByIbbS3Vmdz+6KHm/EsqmmC71gUQ82yvZRkTK6XzrFObSka91WUVdynqp6nsfilzr5k6Q==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+  rolldown@1.2.5:
+    resolution: {integrity: sha512-VD2IE5PUG4Oj8zz2VGykiYd5wbnjdIiSsNQb8Qu5B+noEp+A78mu2iVvpp27g8es14Tk9rofNs5Tku9iQCS4fA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
   rtlcss@4.3.0:
@@ -2418,6 +2277,10 @@ packages:
   rxjs@7.8.2:
     resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
 
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+
   sax@1.6.1:
     resolution: {integrity: sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==}
     engines: {node: '>=11.0.0'}
@@ -2439,8 +2302,8 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  shiki@4.4.1:
-    resolution: {integrity: sha512-rFP+iYKzjLEIqiMiKANhARqiAbk4deDhWnBtnUO/K0D0dPxMGDH4N0FVfBY/VeI+lPrV4wNGCHQZp7EOr7NNBw==}
+  shiki@4.4.3:
+    resolution: {integrity: sha512-Mb/GvXPHBAXdgGIcnfU5L3ldpn1XcxrGkPHwqgRx17/I2XRfqlFKk2vGkHWINn1kdXvzJZeuO3is6I9KLPFm0g==}
     engines: {node: '>=20'}
 
   siginfo@2.0.0:
@@ -2469,6 +2332,10 @@ packages:
     engines: {node: '>=20.19.5', npm: '>=10.8.2'}
     hasBin: true
 
+  skin-tone@2.0.0:
+    resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==}
+    engines: {node: '>=8'}
+
   slick@1.12.2:
     resolution: {integrity: sha512-4qdtOGcBjral6YIBCWJ0ljFSKNLz9KkhbWtuGvUyRowl1kxfuE1x/Z/aJcaiilpb3do9bl5K7/1h9XC5wWpY/A==}
 
@@ -2531,9 +2398,13 @@ packages:
     resolution: {integrity: sha512-ki4hZQfh5rX0QDLLkOCj+h+CVNkqmp/CMf8v8kZpkNVK6jGQooMytqzLZYUVYIZcFZ6yDB70EfD8POcFXiF5oA==}
     engines: {node: '>=18'}
 
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-hyperlinks@3.2.0:
+    resolution: {integrity: sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==}
+    engines: {node: '>=14.18'}
 
   tabbable@6.5.0:
     resolution: {integrity: sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==}
@@ -2546,11 +2417,18 @@ packages:
     resolution: {integrity: sha512-d79HhZya5Djd7am0q+W4RTsSU+D/aJzM+4Y4AGJGuGlgM2L6sx5ZvOYTmZjqPhrDrV6xJTtRSm1JCLj6V6LHLQ==}
     engines: {node: '>=14.16'}
 
+  thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+
+  thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
-  tinyexec@1.2.4:
-    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
+  tinyexec@1.3.0:
+    resolution: {integrity: sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==}
     engines: {node: '>=18'}
 
   tinyglobby@0.2.17:
@@ -2579,6 +2457,10 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -2589,6 +2471,40 @@ packages:
     resolution: {integrity: sha512-bwwr76BThfiVwAFZqks5cJ+VoKNM3/2Yg1ZwJslkdmAUQ6S0UNoCoGYFDxdw+u1skfexggdmD2p35kW5Td4Cug==}
     engines: {node: '>=6'}
 
+  tsdown@0.22.14:
+    resolution: {integrity: sha512-ule7Y+fsAN2iZbLDoo7C4KYljFJNJJ+fLshyn+9gozeTspVersWHxwdGB+Dm2hzA38s6muFnUTl0jK3vJm9ifQ==}
+    engines: {node: ^22.18.0 || >=24.11.0}
+    hasBin: true
+    peerDependencies:
+      '@arethetypeswrong/core': ^0.18.1
+      '@tsdown/css': 0.22.14
+      '@tsdown/exe': 0.22.14
+      '@vitejs/devtools': '*'
+      publint: ^0.3.8
+      tsx: '*'
+      typescript: ^5.0.0 || ^6.0.0 || ^7.0.0
+      unplugin-unused: ^0.5.0
+      unrun: '*'
+    peerDependenciesMeta:
+      '@arethetypeswrong/core':
+        optional: true
+      '@tsdown/css':
+        optional: true
+      '@tsdown/exe':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      publint:
+        optional: true
+      tsx:
+        optional: true
+      typescript:
+        optional: true
+      unplugin-unused:
+        optional: true
+      unrun:
+        optional: true
+
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -2600,8 +2516,13 @@ packages:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
 
-  typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+  typescript@5.6.1-rc:
+    resolution: {integrity: sha512-E3b2+1zEFu84jB0YQi9BORDjz9+jGbwwy1Zi3G0LUNw7a7cePUrHMRNy8aPh53nXpkFGVHSxIZo5vKTfYaFiBQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@6.0.3:
+    resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -2615,12 +2536,19 @@ packages:
   ultramatter@0.0.4:
     resolution: {integrity: sha512-1f/hO3mR+/Hgue4eInOF/Qm/wzDqwhYha4DxM0hre9YIUyso3fE2XtrAU6B4njLqTC8CM49EZaYgsVSa+dXHGw==}
 
+  unconfig-core@7.5.0:
+    resolution: {integrity: sha512-Su3FauozOGP44ZmKdHy2oE6LPjk51M/TRRjHv2HNCWiDvfvCoxC2lno6jevMA91MYAdCdwP05QnWdWpSbncX/w==}
+
   undici-types@7.18.2:
     resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==}
 
   undici-types@8.3.0:
     resolution: {integrity: sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==}
 
+  unicode-emoji-modifier-base@1.0.0:
+    resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==}
+    engines: {node: '>=4'}
+
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
@@ -2646,10 +2574,6 @@ packages:
   unist-util-visit@5.1.0:
     resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
 
-  unplugin-utils@0.2.5:
-    resolution: {integrity: sha512-gwXJnPRewT4rT7sBi/IvxKTjsms7jX7QIDLOClApuZwR49SXbrB1z2NLUZ+vDHyqCj/n58OzRRqaW+B8OZi8vg==}
-    engines: {node: '>=18.12.0'}
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -2657,20 +2581,28 @@ packages:
     resolution: {integrity: sha512-jOWVmzVceKlVVdwjNSenT4PbGghU0SBIizAev8ofZVgivk/TVHXSbNL8LP6M3spZvkR9/QolkyJavGSX5Cs0UA==}
     engines: {node: '>=10'}
 
+  validate-npm-package-name@5.0.1:
+    resolution: {integrity: sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  verkit@0.3.2:
+    resolution: {integrity: sha512-zj/ob3UsvJGN0whEAKFp53REA5X66hvffVqoCtVQAakJKnKlH+/PcOfMoFwIG/o4rElqLv/ycAFlx8ZlXUorCg==}
+    engines: {node: '>=18.12.0'}
+
   vfile-message@4.0.3:
     resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
 
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
-  vite@8.2.0:
-    resolution: {integrity: sha512-pn+CFpM0lwDeKwmOq1ZaBK/9sjorZcgqxki6MbY/jPEVd9vichIlmlD4HmQ5wdP5EgqQCFRaACBxMC7uEGc6lQ==}
+  vite@8.2.1:
+    resolution: {integrity: sha512-EU/eS7BH3XROHh2YnBefjM6DBKA6ZeMZEYQbj7NLWg5wHYlhB8B/Mayd5XsgWq+NFYccDOTemRpdETWR6Ka/lw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
       '@types/node': ^20.19.0 || >=22.12.0
       '@vitejs/devtools': ^0.4.0
-      esbuild: ^0.27.0 || ^0.28.0
+      esbuild: '*'
       jiti: '>=1.21.0'
       less: ^4.0.0
       sass: ^1.70.0
@@ -2762,14 +2694,34 @@ packages:
   vscode-uri@3.1.0:
     resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
 
-  vue-tsc@3.3.9:
-    resolution: {integrity: sha512-TS3Y1ux/IRoE8OCP2PpACAeOseuIs0UvWrcr7u+w3PmfY+SlCfEf8zjrBgnQksHUgLpthi5vHlffcQTQTdPBZA==}
+  vue-sfc-transformer@0.2.5:
+    resolution: {integrity: sha512-e+yWjXmWH/088bFrgpvVZ4x/4TkgRKM3L9yreSVlzphEy03auX7zgycyHFLEyCizMDmUh+Q2aXYRb3tjETtCyQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@volar/typescript': ^2.4.0
+      '@vue/compiler-core': ^3.5.13
+      '@vue/language-core': ^3.0.0
+      rolldown: '>=1.0.0-beta.0'
+      typescript: '>=5.0.0'
+      vue: ^3.5.13
+    peerDependenciesMeta:
+      '@volar/typescript':
+        optional: true
+      '@vue/language-core':
+        optional: true
+      rolldown:
+        optional: true
+      typescript:
+        optional: true
+
+  vue-tsc@3.3.11:
+    resolution: {integrity: sha512-gOb0B9rtU2+f1dszwPqSH5kAieIF9ReeLhD3kSRNHv5WZZUQz/JdVXW0RTdqhNTMlQkqKzrTTviqKr/4FYZraQ==}
     hasBin: true
     peerDependencies:
       typescript: '>=5.0.0'
 
-  vue@3.5.40:
-    resolution: {integrity: sha512-+8PJ4SJXdn/cHGImF4CKdxlWHIN5Dkt7DoufRREM6h6uVCx2m7QxgcEQmmzyOK8A9mcafg7sFbJFYsdFVubTig==}
+  vue@3.5.41:
+    resolution: {integrity: sha512-2laE0p+aK+/AOPG/XL/WepOs/GlK755LJ1XECi9kDUrz1FKNw8rb2Xzlw9JS1rqEV55nb0ttsKxVlTCcd+R5cg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -2825,10 +2777,18 @@ packages:
     engines: {node: '>= 14.6'}
     hasBin: true
 
+  yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
 
+  yargs@16.2.2:
+    resolution: {integrity: sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==}
+    engines: {node: '>=10'}
+
   yargs@17.7.3:
     resolution: {integrity: sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==}
     engines: {node: '>=12'}
@@ -2837,6 +2797,15 @@ packages:
     resolution: {integrity: sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==}
     engines: {node: '>=18'}
 
+  yuku-ast@0.8.7:
+    resolution: {integrity: sha512-h6+4bDfyootiMB9vckk5uKo5r5j0GHrkr17FQTDNfEsFT3DWlN9uu1HJwQwc64pgmLCI945fWM3lbTIqxjT3GQ==}
+
+  yuku-codegen@0.8.7:
+    resolution: {integrity: sha512-adwDZSh8oVDzhE6Du9PwVWxcOxeV0e2EVhUuMKWfhSY4wkrDq9eqixlxFF3l/XGUV1E7UFzhpz9393MUumkyNw==}
+
+  yuku-parser@0.8.7:
+    resolution: {integrity: sha512-vRD9nwt4L3aYpxNqeSC4WqLv58xrXef0Ong1Mc45CTXTIpvLafx7JO05sczmQZwdLEZvywrLOGdNC5+Rp5N1BQ==}
+
   zod@3.25.76:
     resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
@@ -2847,36 +2816,54 @@ snapshots:
 
   '@11ty/gray-matter@2.1.0':
     dependencies:
-      js-yaml: 4.3.0
+      js-yaml: 4.3.1
       section-matter: 1.0.0
 
+  '@andrewbranch/untar.js@1.0.4': {}
+
   '@antfu/install-pkg@1.1.0':
     dependencies:
       package-manager-detector: 1.8.0
-      tinyexec: 1.2.4
+      tinyexec: 1.3.0
 
-  '@babel/code-frame@7.29.7':
+  '@arethetypeswrong/cli@0.18.5':
     dependencies:
-      '@babel/helper-validator-identifier': 7.29.7
-      js-tokens: 4.0.0
-      picocolors: 1.1.1
-    optional: true
+      '@arethetypeswrong/core': 0.18.5
+      chalk: 4.1.2
+      cli-table3: 0.6.5
+      commander: 10.0.1
+      marked: 9.1.6
+      marked-terminal: 7.3.0(marked@9.1.6)
+      semver: 7.8.5
+
+  '@arethetypeswrong/core@0.18.5':
+    dependencies:
+      '@andrewbranch/untar.js': 1.0.4
+      '@loaderkit/resolve': 1.0.6
+      cjs-module-lexer: 1.4.3
+      fflate: 0.8.3
+      lru-cache: 11.5.2
+      semver: 7.8.5
+      typescript: 5.6.1-rc
+      validate-npm-package-name: 5.0.1
 
   '@babel/helper-string-parser@7.29.7': {}
 
   '@babel/helper-validator-identifier@7.29.7': {}
 
-  '@babel/parser@7.29.7':
+  '@babel/parser@7.29.8':
     dependencies:
-      '@babel/types': 7.29.7
+      '@babel/types': 7.29.8
 
-  '@babel/types@7.29.7':
+  '@babel/types@7.29.8':
     dependencies:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
 
   '@borewit/text-codec@0.2.2': {}
 
+  '@braidai/lang@1.1.2': {}
+
   '@clack/core@0.3.5':
     dependencies:
       picocolors: 1.1.1
@@ -2894,14 +2881,17 @@ snapshots:
       fast-wrap-ansi: 0.2.2
       sisteransi: 1.0.5
 
-  '@conventional-changelog/git-client@3.1.0(conventional-commits-filter@6.0.1)(conventional-commits-parser@7.1.1)':
+  '@colors/colors@1.5.0':
+    optional: true
+
+  '@conventional-changelog/git-client@3.1.1(conventional-commits-filter@6.0.1)(conventional-commits-parser@7.1.2)':
     dependencies:
       '@simple-libs/child-process-utils': 2.0.0
       '@simple-libs/stream-utils': 2.0.0
       semver: 7.8.5
     optionalDependencies:
       conventional-commits-filter: 6.0.1
-      conventional-commits-parser: 7.1.1
+      conventional-commits-parser: 7.1.2
 
   '@conventional-changelog/template@1.2.1': {}
 
@@ -2911,100 +2901,6 @@ snapshots:
 
   '@docsearch/sidepanel-js@4.7.0': {}
 
-  '@emnapi/core@2.0.0-alpha.3':
-    dependencies:
-      '@emnapi/wasi-threads': 2.0.1
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/runtime@2.0.0-alpha.3':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/wasi-threads@2.0.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@esbuild/aix-ppc64@0.27.7':
-    optional: true
-
-  '@esbuild/android-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/android-arm@0.27.7':
-    optional: true
-
-  '@esbuild/android-x64@0.27.7':
-    optional: true
-
-  '@esbuild/darwin-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/darwin-x64@0.27.7':
-    optional: true
-
-  '@esbuild/freebsd-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/freebsd-x64@0.27.7':
-    optional: true
-
-  '@esbuild/linux-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/linux-arm@0.27.7':
-    optional: true
-
-  '@esbuild/linux-ia32@0.27.7':
-    optional: true
-
-  '@esbuild/linux-loong64@0.27.7':
-    optional: true
-
-  '@esbuild/linux-mips64el@0.27.7':
-    optional: true
-
-  '@esbuild/linux-ppc64@0.27.7':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.27.7':
-    optional: true
-
-  '@esbuild/linux-s390x@0.27.7':
-    optional: true
-
-  '@esbuild/linux-x64@0.27.7':
-    optional: true
-
-  '@esbuild/netbsd-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.27.7':
-    optional: true
-
-  '@esbuild/openbsd-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.27.7':
-    optional: true
-
-  '@esbuild/openharmony-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/sunos-x64@0.27.7':
-    optional: true
-
-  '@esbuild/win32-arm64@0.27.7':
-    optional: true
-
-  '@esbuild/win32-ia32@0.27.7':
-    optional: true
-
-  '@esbuild/win32-x64@0.27.7':
-    optional: true
-
   '@hapi/address@5.1.1':
     dependencies:
       '@hapi/hoek': 11.0.7
@@ -3021,15 +2917,15 @@ snapshots:
     dependencies:
       '@hapi/hoek': 11.0.7
 
-  '@iconify-json/logos@1.2.11':
+  '@iconify-json/logos@1.2.12':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/simple-icons@1.2.92':
+  '@iconify-json/simple-icons@1.2.93':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/vscode-icons@1.2.67':
+  '@iconify-json/vscode-icons@1.2.70':
     dependencies:
       '@iconify/types': 2.0.0
 
@@ -3043,15 +2939,19 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.5.5': {}
 
-  '@kwsites/file-exists@1.1.1':
+  '@kwsites/file-exists@1.1.1(supports-color@7.2.0)':
     dependencies:
-      debug: 4.4.3
+      debug: 4.4.3(supports-color@7.2.0)
     transitivePeerDependencies:
       - supports-color
 
   '@kwsites/promise-deferred@1.1.1': {}
 
-  '@lunariajs/core@0.1.1':
+  '@loaderkit/resolve@1.0.6':
+    dependencies:
+      '@braidai/lang': 1.1.2
+
+  '@lunariajs/core@0.1.1(supports-color@7.2.0)':
     dependencies:
       '@clack/core': 0.3.5
       fast-glob: 3.3.3
@@ -3060,7 +2960,7 @@ snapshots:
       micromatch: 4.0.8
       path-to-regexp: 6.3.0
       picocolors: 1.1.1
-      simple-git: 3.36.0
+      simple-git: 3.36.0(supports-color@7.2.0)
       ultramatter: 0.0.4
       zod: 3.25.76
     transitivePeerDependencies:
@@ -3113,284 +3013,159 @@ snapshots:
 
   '@mdit-vue/types@3.0.2': {}
 
-  '@mdit/helper@1.0.1(markdown-it@14.3.0)':
-    dependencies:
-      '@types/markdown-it': 14.1.2
-    optionalDependencies:
-      markdown-it: 14.3.0
-
-  '@mdit/plugin-anchor@1.1.3(markdown-it@14.3.0)':
-    dependencies:
-      '@types/markdown-it': 14.1.2
-      markdown-it: 14.3.0
-
-  '@mdit/plugin-attrs@1.1.1(markdown-it@14.3.0)':
-    dependencies:
-      '@mdit/helper': 1.0.1(markdown-it@14.3.0)
-      '@types/markdown-it': 14.1.2
-    optionalDependencies:
-      markdown-it: 14.3.0
-
-  '@mdit/plugin-container@1.0.2(markdown-it@14.3.0)':
-    dependencies:
-      '@types/markdown-it': 14.1.2
-    optionalDependencies:
-      markdown-it: 14.3.0
-
-  '@mdit/plugin-emoji@1.1.1(markdown-it@14.3.0)':
-    dependencies:
-      '@types/markdown-it': 14.1.2
-    optionalDependencies:
-      markdown-it: 14.3.0
-
-  '@mdit/plugin-footnote@1.0.2(markdown-it@14.3.0)':
-    dependencies:
-      '@types/markdown-it': 14.1.2
-      markdown-it: 14.3.0
-
-  '@mdit/plugin-tasklist@1.0.2(markdown-it@14.3.0)':
-    dependencies:
-      '@types/markdown-it': 14.1.2
-    optionalDependencies:
-      markdown-it: 14.3.0
-
-  '@napi-rs/wasm-runtime@1.2.2(@emnapi/core@2.0.0-alpha.3)(@emnapi/runtime@2.0.0-alpha.3)':
-    dependencies:
-      '@emnapi/core': 2.0.0-alpha.3
-      '@emnapi/runtime': 2.0.0-alpha.3
-      '@tybys/wasm-util': 0.10.3
-    optional: true
-
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-
-  '@nodelib/fs.stat@2.0.5': {}
-
-  '@nodelib/fs.walk@1.2.8':
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.20.1
-
-  '@oxc-project/types@0.142.0': {}
-
-  '@polka/compression@1.0.0-next.28': {}
-
-  '@polka/url@1.0.0-next.29': {}
-
-  '@rolldown/binding-android-arm64@1.2.1':
-    optional: true
-
-  '@rolldown/binding-darwin-arm64@1.2.1':
-    optional: true
-
-  '@rolldown/binding-darwin-x64@1.2.1':
-    optional: true
-
-  '@rolldown/binding-freebsd-x64@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-arm-gnueabihf@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-arm64-gnu@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-arm64-musl@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-ppc64-gnu@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-s390x-gnu@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-x64-gnu@1.2.1':
-    optional: true
-
-  '@rolldown/binding-linux-x64-musl@1.2.1':
-    optional: true
-
-  '@rolldown/binding-openharmony-arm64@1.2.1':
-    optional: true
-
-  '@rolldown/binding-wasm32-wasi@1.2.1':
-    dependencies:
-      '@emnapi/core': 2.0.0-alpha.3
-      '@emnapi/runtime': 2.0.0-alpha.3
-      '@napi-rs/wasm-runtime': 1.2.2(@emnapi/core@2.0.0-alpha.3)(@emnapi/runtime@2.0.0-alpha.3)
-    optional: true
-
-  '@rolldown/binding-win32-arm64-msvc@1.2.1':
-    optional: true
-
-  '@rolldown/binding-win32-x64-msvc@1.2.1':
-    optional: true
-
-  '@rolldown/pluginutils@1.0.1': {}
-
-  '@rollup/plugin-alias@6.0.0(rollup@4.62.3)':
+  '@mdit/helper@1.0.1(markdown-it@14.3.0)':
+    dependencies:
+      '@types/markdown-it': 14.1.2
     optionalDependencies:
-      rollup: 4.62.3
+      markdown-it: 14.3.0
 
-  '@rollup/plugin-commonjs@29.0.3(rollup@4.62.3)':
+  '@mdit/plugin-anchor@1.1.3(markdown-it@14.3.0)':
     dependencies:
-      '@rollup/pluginutils': 5.4.0(rollup@4.62.3)
-      commondir: 1.0.1
-      estree-walker: 2.0.2
-      fdir: 6.5.0(picomatch@4.0.5)
-      is-reference: 1.2.1
-      magic-string: 0.30.21
-      picomatch: 4.0.5
-    optionalDependencies:
-      rollup: 4.62.3
+      '@types/markdown-it': 14.1.2
+      markdown-it: 14.3.0
 
-  '@rollup/plugin-json@6.1.0(rollup@4.62.3)':
+  '@mdit/plugin-attrs@1.1.1(markdown-it@14.3.0)':
     dependencies:
-      '@rollup/pluginutils': 5.4.0(rollup@4.62.3)
+      '@mdit/helper': 1.0.1(markdown-it@14.3.0)
+      '@types/markdown-it': 14.1.2
     optionalDependencies:
-      rollup: 4.62.3
+      markdown-it: 14.3.0
 
-  '@rollup/plugin-node-resolve@16.0.3(rollup@4.62.3)':
+  '@mdit/plugin-container@1.0.2(markdown-it@14.3.0)':
     dependencies:
-      '@rollup/pluginutils': 5.4.0(rollup@4.62.3)
-      '@types/resolve': 1.20.2
-      deepmerge: 4.3.1
-      is-module: 1.0.0
-      resolve: 1.22.12
+      '@types/markdown-it': 14.1.2
     optionalDependencies:
-      rollup: 4.62.3
+      markdown-it: 14.3.0
 
-  '@rollup/plugin-replace@6.0.3(rollup@4.62.3)':
+  '@mdit/plugin-emoji@1.1.1(markdown-it@14.3.0)':
     dependencies:
-      '@rollup/pluginutils': 5.4.0(rollup@4.62.3)
-      magic-string: 0.30.21
+      '@types/markdown-it': 14.1.2
     optionalDependencies:
-      rollup: 4.62.3
+      markdown-it: 14.3.0
 
-  '@rollup/pluginutils@5.4.0(rollup@4.62.3)':
+  '@mdit/plugin-footnote@1.0.2(markdown-it@14.3.0)':
     dependencies:
-      '@types/estree': 1.0.9
-      estree-walker: 2.0.2
-      picomatch: 4.0.5
-    optionalDependencies:
-      rollup: 4.62.3
+      '@types/markdown-it': 14.1.2
+      markdown-it: 14.3.0
 
-  '@rollup/rollup-android-arm-eabi@4.62.3':
-    optional: true
+  '@mdit/plugin-tasklist@1.0.2(markdown-it@14.3.0)':
+    dependencies:
+      '@types/markdown-it': 14.1.2
+    optionalDependencies:
+      markdown-it: 14.3.0
 
-  '@rollup/rollup-android-arm64@4.62.3':
-    optional: true
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
 
-  '@rollup/rollup-darwin-arm64@4.62.3':
-    optional: true
+  '@nodelib/fs.stat@2.0.5': {}
 
-  '@rollup/rollup-darwin-x64@4.62.3':
-    optional: true
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
 
-  '@rollup/rollup-freebsd-arm64@4.62.3':
-    optional: true
+  '@oxc-project/types@0.146.0': {}
 
-  '@rollup/rollup-freebsd-x64@4.62.3':
-    optional: true
+  '@polka/compression@1.0.0-next.28': {}
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.62.3':
-    optional: true
+  '@polka/url@1.0.0-next.29': {}
 
-  '@rollup/rollup-linux-arm-musleabihf@4.62.3':
-    optional: true
+  '@publint/pack@0.1.7':
+    dependencies:
+      tinyexec: 1.3.0
 
-  '@rollup/rollup-linux-arm64-gnu@4.62.3':
-    optional: true
+  '@quansync/fs@1.0.0':
+    dependencies:
+      quansync: 1.0.0
 
-  '@rollup/rollup-linux-arm64-musl@4.62.3':
+  '@rolldown/binding-android-arm-eabi@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.62.3':
+  '@rolldown/binding-android-arm64@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-loong64-musl@4.62.3':
+  '@rolldown/binding-darwin-arm64@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.62.3':
+  '@rolldown/binding-darwin-x64@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-musl@4.62.3':
+  '@rolldown/binding-freebsd-x64@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.62.3':
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-musl@4.62.3':
+  '@rolldown/binding-linux-arm64-gnu@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.62.3':
+  '@rolldown/binding-linux-arm64-musl@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.62.3':
+  '@rolldown/binding-linux-ppc64-gnu@1.2.5':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.62.3':
+  '@rolldown/binding-linux-s390x-gnu@1.2.5':
     optional: true
 
-  '@rollup/rollup-openbsd-x64@4.62.3':
+  '@rolldown/binding-linux-x64-gnu@1.2.5':
     optional: true
 
-  '@rollup/rollup-openharmony-arm64@4.62.3':
+  '@rolldown/binding-linux-x64-musl@1.2.5':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.62.3':
+  '@rolldown/binding-openharmony-arm64@1.2.5':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.62.3':
+  '@rolldown/binding-win32-arm64-msvc@1.2.5':
     optional: true
 
-  '@rollup/rollup-win32-x64-gnu@4.62.3':
+  '@rolldown/binding-win32-x64-msvc@1.2.5':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.62.3':
-    optional: true
+  '@rolldown/pluginutils@1.0.1': {}
 
-  '@shikijs/core@4.4.1':
+  '@shikijs/core@4.4.3':
     dependencies:
-      '@shikijs/primitive': 4.4.1
-      '@shikijs/types': 4.4.1
+      '@shikijs/primitive': 4.4.3
+      '@shikijs/types': 4.4.3
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.5
       hast-util-to-html: 9.0.5
 
-  '@shikijs/engine-javascript@4.4.1':
+  '@shikijs/engine-javascript@4.4.3':
     dependencies:
-      '@shikijs/types': 4.4.1
+      '@shikijs/types': 4.4.3
       '@shikijs/vscode-textmate': 10.0.2
       oniguruma-to-es: 4.3.6
 
-  '@shikijs/engine-oniguruma@4.4.1':
+  '@shikijs/engine-oniguruma@4.4.3':
     dependencies:
-      '@shikijs/types': 4.4.1
+      '@shikijs/types': 4.4.3
       '@shikijs/vscode-textmate': 10.0.2
 
-  '@shikijs/langs@4.4.1':
+  '@shikijs/langs@4.4.3':
     dependencies:
-      '@shikijs/types': 4.4.1
+      '@shikijs/types': 4.4.3
 
-  '@shikijs/primitive@4.4.1':
+  '@shikijs/primitive@4.4.3':
     dependencies:
-      '@shikijs/types': 4.4.1
+      '@shikijs/types': 4.4.3
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.5
 
-  '@shikijs/themes@4.4.1':
+  '@shikijs/themes@4.4.3':
     dependencies:
-      '@shikijs/types': 4.4.1
+      '@shikijs/types': 4.4.3
 
-  '@shikijs/transformers@4.4.1':
+  '@shikijs/transformers@4.4.3':
     dependencies:
-      '@shikijs/core': 4.4.1
-      '@shikijs/types': 4.4.1
+      '@shikijs/core': 4.4.3
+      '@shikijs/types': 4.4.3
 
-  '@shikijs/types@4.4.1':
+  '@shikijs/types@4.4.3':
     dependencies:
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.5
@@ -3416,22 +3191,19 @@ snapshots:
 
   '@simple-libs/stream-utils@2.0.0': {}
 
+  '@sindresorhus/is@4.6.0': {}
+
   '@standard-schema/spec@1.1.0': {}
 
-  '@tokenizer/inflate@0.4.1':
+  '@tokenizer/inflate@0.4.1(supports-color@7.2.0)':
     dependencies:
-      debug: 4.4.3
+      debug: 4.4.3(supports-color@7.2.0)
       token-types: 6.1.2
     transitivePeerDependencies:
       - supports-color
 
   '@tokenizer/token@0.3.0': {}
 
-  '@tybys/wasm-util@0.10.3':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
   '@types/chai@5.2.3':
     dependencies:
       '@types/deep-eql': 4.0.2
@@ -3439,7 +3211,7 @@ snapshots:
 
   '@types/cross-spawn@6.0.6':
     dependencies:
-      '@types/node': 26.1.2
+      '@types/node': 26.2.0
 
   '@types/debug@4.1.13':
     dependencies:
@@ -3459,9 +3231,9 @@ snapshots:
 
   '@types/lodash.template@4.5.3':
     dependencies:
-      '@types/lodash': 4.17.24
+      '@types/lodash': 4.17.25
 
-  '@types/lodash@4.17.24': {}
+  '@types/lodash@4.17.25': {}
 
   '@types/mark.js@8.11.12':
     dependencies:
@@ -3486,19 +3258,17 @@ snapshots:
     dependencies:
       undici-types: 7.18.2
 
-  '@types/node@26.1.2':
+  '@types/node@26.2.0':
     dependencies:
       undici-types: 8.3.0
 
   '@types/picomatch@4.0.3': {}
 
-  '@types/resolve@1.20.2': {}
-
   '@types/sax@1.2.7':
     dependencies:
-      '@types/node': 26.1.2
+      '@types/node': 26.2.0
 
-  '@types/semver@7.7.1': {}
+  '@types/semver@7.8.0': {}
 
   '@types/unist@3.0.3': {}
 
@@ -3506,11 +3276,11 @@ snapshots:
 
   '@ungap/structured-clone@1.3.3': {}
 
-  '@vitejs/plugin-vue@6.0.8(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.8(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0))(vue@3.5.41(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)
-      vue: 3.5.40(typescript@5.9.3)
+      vite: 8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)
+      vue: 3.5.41(typescript@6.0.3)
 
   '@vitest/expect@4.1.10':
     dependencies:
@@ -3521,13 +3291,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.1
 
-  '@vitest/mocker@4.1.10(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.10(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.10
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)
+      vite: 8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)
 
   '@vitest/pretty-format@4.1.10':
     dependencies:
@@ -3559,41 +3329,43 @@ snapshots:
 
   '@volar/source-map@2.4.28': {}
 
-  '@volar/typescript@2.4.28':
+  '@volar/typescript@2.4.28(typescript@6.0.3)':
     dependencies:
       '@volar/language-core': 2.4.28
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
+    optionalDependencies:
+      typescript: 6.0.3
 
-  '@vue/compiler-core@3.5.40':
+  '@vue/compiler-core@3.5.41':
     dependencies:
-      '@babel/parser': 7.29.7
-      '@vue/shared': 3.5.40
+      '@babel/parser': 7.29.8
+      '@vue/shared': 3.5.41
       entities: 7.0.1
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.40':
+  '@vue/compiler-dom@3.5.41':
     dependencies:
-      '@vue/compiler-core': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/compiler-core': 3.5.41
+      '@vue/shared': 3.5.41
 
-  '@vue/compiler-sfc@3.5.40':
+  '@vue/compiler-sfc@3.5.41':
     dependencies:
-      '@babel/parser': 7.29.7
-      '@vue/compiler-core': 3.5.40
-      '@vue/compiler-dom': 3.5.40
-      '@vue/compiler-ssr': 3.5.40
-      '@vue/shared': 3.5.40
+      '@babel/parser': 7.29.8
+      '@vue/compiler-core': 3.5.41
+      '@vue/compiler-dom': 3.5.41
+      '@vue/compiler-ssr': 3.5.41
+      '@vue/shared': 3.5.41
       estree-walker: 2.0.2
       magic-string: 0.30.21
-      postcss: 8.5.25
+      postcss: 8.5.26
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.40':
+  '@vue/compiler-ssr@3.5.41':
     dependencies:
-      '@vue/compiler-dom': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/compiler-dom': 3.5.41
+      '@vue/shared': 3.5.41
 
   '@vue/devtools-api@8.2.1':
     dependencies:
@@ -3608,67 +3380,141 @@ snapshots:
 
   '@vue/devtools-shared@8.2.1': {}
 
-  '@vue/language-core@3.3.9':
+  '@vue/language-core@3.3.11':
     dependencies:
       '@volar/language-core': 2.4.28
-      '@vue/compiler-dom': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/compiler-dom': 3.5.41
+      '@vue/shared': 3.5.41
       alien-signals: 3.2.1
       muggle-string: 0.4.1
       path-browserify: 1.0.1
       picomatch: 4.0.5
 
-  '@vue/reactivity@3.5.40':
+  '@vue/reactivity@3.5.41':
     dependencies:
-      '@vue/shared': 3.5.40
+      '@vue/shared': 3.5.41
 
-  '@vue/runtime-core@3.5.40':
+  '@vue/runtime-core@3.5.41':
     dependencies:
-      '@vue/reactivity': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/reactivity': 3.5.41
+      '@vue/shared': 3.5.41
 
-  '@vue/runtime-dom@3.5.40':
+  '@vue/runtime-dom@3.5.41':
     dependencies:
-      '@vue/reactivity': 3.5.40
-      '@vue/runtime-core': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/reactivity': 3.5.41
+      '@vue/runtime-core': 3.5.41
+      '@vue/shared': 3.5.41
       csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.40':
+  '@vue/server-renderer@3.5.41':
     dependencies:
-      '@vue/compiler-ssr': 3.5.40
-      '@vue/runtime-dom': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/compiler-ssr': 3.5.41
+      '@vue/runtime-dom': 3.5.41
+      '@vue/shared': 3.5.41
 
-  '@vue/shared@3.5.40': {}
+  '@vue/shared@3.5.41': {}
 
-  '@vueuse/core@14.4.0(vue@3.5.40(typescript@5.9.3))':
+  '@vueuse/core@14.4.0(vue@3.5.41(typescript@6.0.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.21
       '@vueuse/metadata': 14.4.0
-      '@vueuse/shared': 14.4.0(vue@3.5.40(typescript@5.9.3))
-      vue: 3.5.40(typescript@5.9.3)
+      '@vueuse/shared': 14.4.0(vue@3.5.41(typescript@6.0.3))
+      vue: 3.5.41(typescript@6.0.3)
 
-  '@vueuse/integrations@14.4.0(axios@1.19.0(debug@4.4.3))(focus-trap@8.2.2)(vue@3.5.40(typescript@5.9.3))':
+  '@vueuse/integrations@14.4.0(axios@1.19.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0))(focus-trap@8.2.2)(vue@3.5.41(typescript@6.0.3))':
     dependencies:
-      '@vueuse/core': 14.4.0(vue@3.5.40(typescript@5.9.3))
-      '@vueuse/shared': 14.4.0(vue@3.5.40(typescript@5.9.3))
-      vue: 3.5.40(typescript@5.9.3)
+      '@vueuse/core': 14.4.0(vue@3.5.41(typescript@6.0.3))
+      '@vueuse/shared': 14.4.0(vue@3.5.41(typescript@6.0.3))
+      vue: 3.5.41(typescript@6.0.3)
     optionalDependencies:
-      axios: 1.19.0(debug@4.4.3)
+      axios: 1.19.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0)
       focus-trap: 8.2.2
 
   '@vueuse/metadata@14.4.0': {}
 
-  '@vueuse/shared@14.4.0(vue@3.5.40(typescript@5.9.3))':
+  '@vueuse/shared@14.4.0(vue@3.5.41(typescript@6.0.3))':
     dependencies:
-      vue: 3.5.40(typescript@5.9.3)
+      vue: 3.5.41(typescript@6.0.3)
 
   '@xmldom/xmldom@0.9.10': {}
 
-  agent-base@6.0.2:
+  '@yuku-codegen/binding-android-arm64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-darwin-arm64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-darwin-x64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-freebsd-x64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm-gnu@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm-musl@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-arm64-musl@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-x64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-linux-x64-musl@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-win32-arm64@0.8.7':
+    optional: true
+
+  '@yuku-codegen/binding-win32-x64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-android-arm64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-darwin-arm64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-darwin-x64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-freebsd-x64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm-gnu@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm-musl@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-arm64-musl@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-x64-gnu@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-linux-x64-musl@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-win32-arm64@0.8.7':
+    optional: true
+
+  '@yuku-parser/binding-win32-x64@0.8.7':
+    optional: true
+
+  '@yuku-toolchain/types@0.8.7': {}
+
+  agent-base@6.0.2(supports-color@7.2.0):
     dependencies:
-      debug: 4.4.3
+      debug: 4.4.3(supports-color@7.2.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -3676,6 +3522,10 @@ snapshots:
 
   ansi-colors@4.1.3: {}
 
+  ansi-escapes@7.3.0:
+    dependencies:
+      environment: 1.1.0
+
   ansi-regex@5.0.1: {}
 
   ansi-regex@6.2.2: {}
@@ -3684,6 +3534,10 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
 
+  ansis@4.3.1: {}
+
+  any-promise@1.3.0: {}
+
   arg@5.0.2: {}
 
   argparse@1.0.10:
@@ -3698,11 +3552,11 @@ snapshots:
 
   asynckit@0.4.0: {}
 
-  axios@1.19.0(debug@4.4.3):
+  axios@1.19.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0):
     dependencies:
-      follow-redirects: 1.16.0(debug@4.4.3)
+      follow-redirects: 1.16.0(debug@4.4.3(supports-color@7.2.0))
       form-data: 4.0.6
-      https-proxy-agent: 5.0.1
+      https-proxy-agent: 5.0.1(supports-color@7.2.0)
       proxy-from-env: 2.1.0
     transitivePeerDependencies:
       - debug
@@ -3728,6 +3582,8 @@ snapshots:
     dependencies:
       run-applescript: 7.1.0
 
+  cac@7.0.0: {}
+
   call-bind-apply-helpers@1.0.2:
     dependencies:
       es-errors: 1.3.0
@@ -3737,8 +3593,15 @@ snapshots:
 
   chai@6.2.2: {}
 
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
   chalk@5.6.2: {}
 
+  char-regex@1.0.2: {}
+
   character-entities-html4@2.1.0: {}
 
   character-entities-legacy@3.0.0: {}
@@ -3763,16 +3626,35 @@ snapshots:
       parse5-htmlparser2-tree-adapter: 6.0.1
       tslib: 2.8.1
 
-  chokidar@5.0.0:
-    dependencies:
-      readdirp: 5.0.0
+  cjs-module-lexer@1.4.3: {}
 
   cli-cursor@5.0.0:
     dependencies:
       restore-cursor: 5.1.0
 
+  cli-highlight@2.1.11:
+    dependencies:
+      chalk: 4.1.2
+      highlight.js: 10.7.3
+      mz: 2.7.0
+      parse5: 5.1.1
+      parse5-htmlparser2-tree-adapter: 6.0.1
+      yargs: 16.2.2
+
   cli-spinners@3.4.0: {}
 
+  cli-table3@0.6.5:
+    dependencies:
+      string-width: 4.2.3
+    optionalDependencies:
+      '@colors/colors': 1.5.0
+
+  cliui@7.0.4:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
@@ -3791,12 +3673,12 @@ snapshots:
 
   comma-separated-tokens@2.0.3: {}
 
+  commander@10.0.1: {}
+
   commander@13.1.0: {}
 
   commander@6.2.1: {}
 
-  commondir@1.0.1: {}
-
   conventional-changelog-angular@9.2.1:
     dependencies:
       '@conventional-changelog/template': 1.2.1
@@ -3811,22 +3693,22 @@ snapshots:
       conventional-commits-filter: 6.0.1
       semver: 7.8.5
 
-  conventional-changelog@8.1.0(conventional-commits-filter@6.0.1):
+  conventional-changelog@8.1.1(conventional-commits-filter@6.0.1):
     dependencies:
-      '@conventional-changelog/git-client': 3.1.0(conventional-commits-filter@6.0.1)(conventional-commits-parser@7.1.1)
+      '@conventional-changelog/git-client': 3.1.1(conventional-commits-filter@6.0.1)(conventional-commits-parser@7.1.2)
       '@simple-libs/hosted-git-info': 2.0.0
       '@simple-libs/normalize-package-data': 1.0.0
       argue-cli: 3.1.0
       conventional-changelog-preset-loader: 6.0.1
       conventional-changelog-writer: 9.2.0
-      conventional-commits-parser: 7.1.1
+      conventional-commits-parser: 7.1.2
       fd-package-json: 2.0.0
     transitivePeerDependencies:
       - conventional-commits-filter
 
   conventional-commits-filter@6.0.1: {}
 
-  conventional-commits-parser@7.1.1:
+  conventional-commits-parser@7.1.2:
     dependencies:
       '@simple-libs/stream-utils': 2.0.0
       argue-cli: 3.1.0
@@ -3857,16 +3739,16 @@ snapshots:
 
   csstype@3.2.3: {}
 
-  debug@4.4.3:
+  debug@4.4.3(supports-color@7.2.0):
     dependencies:
       ms: 2.1.3
+    optionalDependencies:
+      supports-color: 7.2.0
 
   decode-named-character-reference@1.3.0:
     dependencies:
       character-entities: 2.0.2
 
-  deepmerge@4.3.1: {}
-
   default-browser-id@5.0.1: {}
 
   default-browser@5.5.0:
@@ -3876,6 +3758,8 @@ snapshots:
 
   define-lazy-prop@3.0.0: {}
 
+  defu@6.1.7: {}
+
   delayed-stream@1.0.0: {}
 
   dequal@2.0.3: {}
@@ -3908,6 +3792,8 @@ snapshots:
       domelementtype: 2.3.0
       domhandler: 4.3.1
 
+  dts-resolver@3.0.0: {}
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -3916,18 +3802,22 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
+  emojilib@2.4.0: {}
+
+  empathic@2.0.1: {}
+
   entities@2.2.0: {}
 
   entities@4.5.0: {}
 
   entities@7.0.1: {}
 
+  environment@1.1.0: {}
+
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
-  es-module-lexer@1.7.0: {}
-
   es-module-lexer@2.3.1: {}
 
   es-object-atoms@1.1.2:
@@ -3941,35 +3831,6 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.4
 
-  esbuild@0.27.7:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.27.7
-      '@esbuild/android-arm': 0.27.7
-      '@esbuild/android-arm64': 0.27.7
-      '@esbuild/android-x64': 0.27.7
-      '@esbuild/darwin-arm64': 0.27.7
-      '@esbuild/darwin-x64': 0.27.7
-      '@esbuild/freebsd-arm64': 0.27.7
-      '@esbuild/freebsd-x64': 0.27.7
-      '@esbuild/linux-arm': 0.27.7
-      '@esbuild/linux-arm64': 0.27.7
-      '@esbuild/linux-ia32': 0.27.7
-      '@esbuild/linux-loong64': 0.27.7
-      '@esbuild/linux-mips64el': 0.27.7
-      '@esbuild/linux-ppc64': 0.27.7
-      '@esbuild/linux-riscv64': 0.27.7
-      '@esbuild/linux-s390x': 0.27.7
-      '@esbuild/linux-x64': 0.27.7
-      '@esbuild/netbsd-arm64': 0.27.7
-      '@esbuild/netbsd-x64': 0.27.7
-      '@esbuild/openbsd-arm64': 0.27.7
-      '@esbuild/openbsd-x64': 0.27.7
-      '@esbuild/openharmony-arm64': 0.27.7
-      '@esbuild/sunos-x64': 0.27.7
-      '@esbuild/win32-arm64': 0.27.7
-      '@esbuild/win32-ia32': 0.27.7
-      '@esbuild/win32-x64': 0.27.7
-
   escalade@3.2.0: {}
 
   escape-goat@3.0.0: {}
@@ -4028,9 +3889,11 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.5
 
-  file-type@21.3.4:
+  fflate@0.8.3: {}
+
+  file-type@21.3.4(supports-color@7.2.0):
     dependencies:
-      '@tokenizer/inflate': 0.4.1
+      '@tokenizer/inflate': 0.4.1(supports-color@7.2.0)
       strtok3: 10.3.5
       token-types: 6.1.2
       uint8array-extras: 1.5.0
@@ -4047,9 +3910,9 @@ snapshots:
     dependencies:
       tabbable: 6.5.0
 
-  follow-redirects@1.16.0(debug@4.4.3):
+  follow-redirects@1.16.0(debug@4.4.3(supports-color@7.2.0)):
     optionalDependencies:
-      debug: 4.4.3
+      debug: 4.4.3(supports-color@7.2.0)
 
   form-data@4.0.6:
     dependencies:
@@ -4090,7 +3953,7 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.2
 
-  get-tsconfig@4.14.0:
+  get-tsconfig@5.0.0-beta.5:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
@@ -4102,11 +3965,13 @@ snapshots:
 
   gray-matter@4.0.3:
     dependencies:
-      js-yaml: 3.15.0
+      js-yaml: 3.15.1
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
 
+  has-flag@4.0.0: {}
+
   has-symbols@1.1.0: {}
 
   has-tostringtag@1.0.2:
@@ -4135,8 +4000,12 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.5
 
+  highlight.js@10.7.3: {}
+
   hookable@5.5.3: {}
 
+  hookable@6.1.1: {}
+
   html-void-elements@3.0.0: {}
 
   htmlparser2@5.0.1:
@@ -4153,10 +4022,10 @@ snapshots:
       domutils: 2.8.0
       entities: 2.2.0
 
-  https-proxy-agent@5.0.1:
+  https-proxy-agent@5.0.1(supports-color@7.2.0):
     dependencies:
-      agent-base: 6.0.2
-      debug: 4.4.3
+      agent-base: 6.0.2(supports-color@7.2.0)
+      debug: 4.4.3(supports-color@7.2.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -4166,9 +4035,7 @@ snapshots:
 
   import-meta-resolve@4.2.0: {}
 
-  is-core-module@2.16.2:
-    dependencies:
-      hasown: 2.0.4
+  import-without-cache@0.4.0: {}
 
   is-docker@3.0.0: {}
 
@@ -4190,16 +4057,10 @@ snapshots:
 
   is-interactive@2.0.0: {}
 
-  is-module@1.0.0: {}
-
   is-number@7.0.0: {}
 
   is-plain-obj@4.1.0: {}
 
-  is-reference@1.2.1:
-    dependencies:
-      '@types/estree': 1.0.9
-
   is-stream@3.0.0: {}
 
   is-unicode-supported@2.1.0: {}
@@ -4222,15 +4083,12 @@ snapshots:
       '@hapi/topo': 6.0.2
       '@standard-schema/spec': 1.1.0
 
-  js-tokens@4.0.0:
-    optional: true
-
-  js-yaml@3.15.0:
+  js-yaml@3.15.1:
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
 
-  js-yaml@4.3.0:
+  js-yaml@4.3.1:
     dependencies:
       argparse: 2.0.1
 
@@ -4303,7 +4161,7 @@ snapshots:
     dependencies:
       picomatch: 4.0.5
       string-argv: 0.3.2
-      tinyexec: 1.2.4
+      tinyexec: 1.3.0
     optionalDependencies:
       yaml: 2.9.0
 
@@ -4365,6 +4223,19 @@ snapshots:
 
   markdown-title@1.0.2: {}
 
+  marked-terminal@7.3.0(marked@9.1.6):
+    dependencies:
+      ansi-escapes: 7.3.0
+      ansi-regex: 6.2.2
+      chalk: 5.6.2
+      cli-highlight: 2.1.11
+      cli-table3: 0.6.5
+      marked: 9.1.6
+      node-emoji: 2.2.0
+      supports-hyperlinks: 3.2.0
+
+  marked@9.1.6: {}
+
   math-intrinsics@1.1.0: {}
 
   mathjax-full@3.2.2:
@@ -4374,14 +4245,14 @@ snapshots:
       mj-context-menu: 0.6.1
       speech-rule-engine: 4.1.4
 
-  mdast-util-from-markdown@2.0.3:
+  mdast-util-from-markdown@2.0.3(supports-color@7.2.0):
     dependencies:
       '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
       decode-named-character-reference: 1.3.0
       devlop: 1.1.0
       mdast-util-to-string: 4.0.0
-      micromark: 4.0.2
+      micromark: 4.0.2(supports-color@7.2.0)
       micromark-util-decode-numeric-character-reference: 2.0.2
       micromark-util-decode-string: 2.0.1
       micromark-util-normalize-identifier: 2.0.1
@@ -4391,12 +4262,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  mdast-util-frontmatter@2.0.1:
+  mdast-util-frontmatter@2.0.1(supports-color@7.2.0):
     dependencies:
       '@types/mdast': 4.0.4
       devlop: 1.1.0
       escape-string-regexp: 5.0.0
-      mdast-util-from-markdown: 2.0.3
+      mdast-util-from-markdown: 2.0.3(supports-color@7.2.0)
       mdast-util-to-markdown: 2.1.2
       micromark-extension-frontmatter: 2.0.0
     transitivePeerDependencies:
@@ -4563,10 +4434,10 @@ snapshots:
 
   micromark-util-types@2.0.2: {}
 
-  micromark@4.0.2:
+  micromark@4.0.2(supports-color@7.2.0):
     dependencies:
       '@types/debug': 4.1.13
-      debug: 4.4.3
+      debug: 4.4.3(supports-color@7.2.0)
       decode-named-character-reference: 1.3.0
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.3
@@ -4614,15 +4485,30 @@ snapshots:
 
   mj-context-menu@0.6.1: {}
 
+  mri@1.2.0: {}
+
   mrmime@2.0.1: {}
 
   ms@2.1.3: {}
 
   muggle-string@0.4.1: {}
 
-  nanoid@3.3.16: {}
+  mz@2.7.0:
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+
+  nanoid@3.3.18: {}
 
-  nanoid@6.0.0: {}
+  nanoid@6.0.1: {}
+
+  node-emoji@2.2.0:
+    dependencies:
+      '@sindresorhus/is': 4.6.0
+      char-regex: 1.0.2
+      emojilib: 2.4.0
+      skin-tone: 2.0.0
 
   node-fetch@2.7.0:
     dependencies:
@@ -4632,6 +4518,8 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  object-assign@4.1.1: {}
+
   obug@2.1.4: {}
 
   onetime@7.0.0:
@@ -4646,9 +4534,9 @@ snapshots:
       regex: 6.1.0
       regex-recursion: 6.0.2
 
-  open-cli@9.0.0:
+  open-cli@9.0.0(supports-color@7.2.0):
     dependencies:
-      file-type: 21.3.4
+      file-type: 21.3.4(supports-color@7.2.0)
       meow: 14.1.0
       open: 11.0.0
       tempy: 3.2.0
@@ -4687,14 +4575,14 @@ snapshots:
     dependencies:
       parse5: 6.0.1
 
+  parse5@5.1.1: {}
+
   parse5@6.0.1: {}
 
   path-browserify@1.0.1: {}
 
   path-key@3.1.1: {}
 
-  path-parse@1.0.7: {}
-
   path-to-regexp@6.3.0: {}
 
   pathe@2.0.3: {}
@@ -4718,19 +4606,19 @@ snapshots:
       '@polka/url': 1.0.0-next.29
       trouter: 4.0.0
 
-  postcss-rtlcss@6.0.0(postcss@8.5.25):
+  postcss-rtlcss@6.0.0(postcss@8.5.26):
     dependencies:
-      postcss: 8.5.25
+      postcss: 8.5.26
       rtlcss: 4.3.0
 
-  postcss-selector-parser@7.1.4:
+  postcss-selector-parser@7.1.5:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss@8.5.25:
+  postcss@8.5.26:
     dependencies:
-      nanoid: 3.3.16
+      nanoid: 3.3.18
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
@@ -4744,14 +4632,19 @@ snapshots:
 
   proxy-from-env@2.1.0: {}
 
+  publint@0.3.24:
+    dependencies:
+      '@publint/pack': 0.1.7
+      package-manager-detector: 1.8.0
+      picocolors: 1.1.1
+      sade: 1.8.1
+
   punycode.js@2.3.1: {}
 
-  punycode@2.3.1: {}
+  quansync@1.0.0: {}
 
   queue-microtask@1.2.3: {}
 
-  readdirp@5.0.0: {}
-
   regex-recursion@6.0.2:
     dependencies:
       regex-utilities: 2.3.0
@@ -4764,19 +4657,19 @@ snapshots:
 
   regexparam@3.0.0: {}
 
-  remark-frontmatter@5.0.0:
+  remark-frontmatter@5.0.0(supports-color@7.2.0):
     dependencies:
       '@types/mdast': 4.0.4
-      mdast-util-frontmatter: 2.0.1
+      mdast-util-frontmatter: 2.0.1(supports-color@7.2.0)
       micromark-extension-frontmatter: 2.0.0
       unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
-  remark-parse@11.0.0:
+  remark-parse@11.0.0(supports-color@7.2.0):
     dependencies:
       '@types/mdast': 4.0.4
-      mdast-util-from-markdown: 2.0.3
+      mdast-util-from-markdown: 2.0.3(supports-color@7.2.0)
       micromark-util-types: 2.0.2
       unified: 11.0.5
     transitivePeerDependencies:
@@ -4788,10 +4681,10 @@ snapshots:
       mdast-util-to-markdown: 2.1.2
       unified: 11.0.5
 
-  remark@15.0.1:
+  remark@15.0.1(supports-color@7.2.0):
     dependencies:
       '@types/mdast': 4.0.4
-      remark-parse: 11.0.0
+      remark-parse: 11.0.0(supports-color@7.2.0)
       remark-stringify: 11.0.0
       unified: 11.0.5
     transitivePeerDependencies:
@@ -4801,13 +4694,6 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
-  resolve@1.22.12:
-    dependencies:
-      es-errors: 1.3.0
-      is-core-module: 2.16.2
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   restore-cursor@5.1.0:
     dependencies:
       onetime: 7.0.0
@@ -4815,82 +4701,48 @@ snapshots:
 
   reusify@1.1.0: {}
 
-  rolldown@1.2.1:
-    dependencies:
-      '@oxc-project/types': 0.142.0
-      '@rolldown/pluginutils': 1.0.1
-    optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.2.1
-      '@rolldown/binding-darwin-arm64': 1.2.1
-      '@rolldown/binding-darwin-x64': 1.2.1
-      '@rolldown/binding-freebsd-x64': 1.2.1
-      '@rolldown/binding-linux-arm-gnueabihf': 1.2.1
-      '@rolldown/binding-linux-arm64-gnu': 1.2.1
-      '@rolldown/binding-linux-arm64-musl': 1.2.1
-      '@rolldown/binding-linux-ppc64-gnu': 1.2.1
-      '@rolldown/binding-linux-s390x-gnu': 1.2.1
-      '@rolldown/binding-linux-x64-gnu': 1.2.1
-      '@rolldown/binding-linux-x64-musl': 1.2.1
-      '@rolldown/binding-openharmony-arm64': 1.2.1
-      '@rolldown/binding-wasm32-wasi': 1.2.1
-      '@rolldown/binding-win32-arm64-msvc': 1.2.1
-      '@rolldown/binding-win32-x64-msvc': 1.2.1
-
-  rollup-plugin-dts@6.1.1(rollup@4.62.3)(typescript@5.9.3):
+  rolldown-plugin-dts@0.27.14(@volar/typescript@2.4.28(typescript@6.0.3))(rolldown@1.2.5)(typescript@6.0.3)(vue-tsc@3.3.11(typescript@6.0.3)):
     dependencies:
-      magic-string: 0.30.21
-      rollup: 4.62.3
-      typescript: 5.9.3
+      dts-resolver: 3.0.0
+      get-tsconfig: 5.0.0-beta.5
+      obug: 2.1.4
+      rolldown: 1.2.5
+      yuku-ast: 0.8.7
+      yuku-codegen: 0.8.7
+      yuku-parser: 0.8.7
     optionalDependencies:
-      '@babel/code-frame': 7.29.7
-
-  rollup-plugin-esbuild@6.2.1(esbuild@0.27.7)(rollup@4.62.3):
-    dependencies:
-      debug: 4.4.3
-      es-module-lexer: 1.7.0
-      esbuild: 0.27.7
-      get-tsconfig: 4.14.0
-      rollup: 4.62.3
-      unplugin-utils: 0.2.5
+      '@volar/typescript': 2.4.28(typescript@6.0.3)
+      typescript: 6.0.3
+      vue-tsc: 3.3.11(typescript@6.0.3)
     transitivePeerDependencies:
-      - supports-color
+      - oxc-resolver
 
-  rollup@4.62.3:
+  rolldown@1.2.5:
     dependencies:
-      '@types/estree': 1.0.9
+      '@oxc-project/types': 0.146.0
+      '@rolldown/pluginutils': 1.0.1
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.62.3
-      '@rollup/rollup-android-arm64': 4.62.3
-      '@rollup/rollup-darwin-arm64': 4.62.3
-      '@rollup/rollup-darwin-x64': 4.62.3
-      '@rollup/rollup-freebsd-arm64': 4.62.3
-      '@rollup/rollup-freebsd-x64': 4.62.3
-      '@rollup/rollup-linux-arm-gnueabihf': 4.62.3
-      '@rollup/rollup-linux-arm-musleabihf': 4.62.3
-      '@rollup/rollup-linux-arm64-gnu': 4.62.3
-      '@rollup/rollup-linux-arm64-musl': 4.62.3
-      '@rollup/rollup-linux-loong64-gnu': 4.62.3
-      '@rollup/rollup-linux-loong64-musl': 4.62.3
-      '@rollup/rollup-linux-ppc64-gnu': 4.62.3
-      '@rollup/rollup-linux-ppc64-musl': 4.62.3
-      '@rollup/rollup-linux-riscv64-gnu': 4.62.3
-      '@rollup/rollup-linux-riscv64-musl': 4.62.3
-      '@rollup/rollup-linux-s390x-gnu': 4.62.3
-      '@rollup/rollup-linux-x64-gnu': 4.62.3
-      '@rollup/rollup-linux-x64-musl': 4.62.3
-      '@rollup/rollup-openbsd-x64': 4.62.3
-      '@rollup/rollup-openharmony-arm64': 4.62.3
-      '@rollup/rollup-win32-arm64-msvc': 4.62.3
-      '@rollup/rollup-win32-ia32-msvc': 4.62.3
-      '@rollup/rollup-win32-x64-gnu': 4.62.3
-      '@rollup/rollup-win32-x64-msvc': 4.62.3
-      fsevents: 2.3.3
+      '@rolldown/binding-android-arm-eabi': 1.2.5
+      '@rolldown/binding-android-arm64': 1.2.5
+      '@rolldown/binding-darwin-arm64': 1.2.5
+      '@rolldown/binding-darwin-x64': 1.2.5
+      '@rolldown/binding-freebsd-x64': 1.2.5
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.5
+      '@rolldown/binding-linux-arm64-gnu': 1.2.5
+      '@rolldown/binding-linux-arm64-musl': 1.2.5
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.5
+      '@rolldown/binding-linux-s390x-gnu': 1.2.5
+      '@rolldown/binding-linux-x64-gnu': 1.2.5
+      '@rolldown/binding-linux-x64-musl': 1.2.5
+      '@rolldown/binding-openharmony-arm64': 1.2.5
+      '@rolldown/binding-win32-arm64-msvc': 1.2.5
+      '@rolldown/binding-win32-x64-msvc': 1.2.5
 
   rtlcss@4.3.0:
     dependencies:
       escalade: 3.2.0
       picocolors: 1.1.1
-      postcss: 8.5.25
+      postcss: 8.5.26
       strip-json-comments: 3.1.1
 
   run-applescript@7.1.0: {}
@@ -4903,6 +4755,10 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  sade@1.8.1:
+    dependencies:
+      mri: 1.2.0
+
   sax@1.6.1: {}
 
   section-matter@1.0.0:
@@ -4918,14 +4774,14 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
-  shiki@4.4.1:
+  shiki@4.4.3:
     dependencies:
-      '@shikijs/core': 4.4.1
-      '@shikijs/engine-javascript': 4.4.1
-      '@shikijs/engine-oniguruma': 4.4.1
-      '@shikijs/langs': 4.4.1
-      '@shikijs/themes': 4.4.1
-      '@shikijs/types': 4.4.1
+      '@shikijs/core': 4.4.3
+      '@shikijs/engine-javascript': 4.4.3
+      '@shikijs/engine-oniguruma': 4.4.3
+      '@shikijs/langs': 4.4.3
+      '@shikijs/themes': 4.4.3
+      '@shikijs/types': 4.4.3
       '@shikijs/vscode-textmate': 10.0.2
       '@types/hast': 3.0.5
 
@@ -4935,13 +4791,13 @@ snapshots:
 
   simple-git-hooks@2.13.1: {}
 
-  simple-git@3.36.0:
+  simple-git@3.36.0(supports-color@7.2.0):
     dependencies:
-      '@kwsites/file-exists': 1.1.1
+      '@kwsites/file-exists': 1.1.1(supports-color@7.2.0)
       '@kwsites/promise-deferred': 1.1.1
       '@simple-git/args-pathspec': 1.0.3
       '@simple-git/argv-parser': 1.1.1
-      debug: 4.4.3
+      debug: 4.4.3(supports-color@7.2.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -4960,6 +4816,10 @@ snapshots:
       arg: 5.0.2
       sax: 1.6.1
 
+  skin-tone@2.0.0:
+    dependencies:
+      unicode-emoji-modifier-base: 1.0.0
+
   slick@1.12.2: {}
 
   source-map-js@1.2.1: {}
@@ -5014,7 +4874,14 @@ snapshots:
     dependencies:
       '@tokenizer/token': 0.3.0
 
-  supports-preserve-symlinks-flag@1.0.0: {}
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-hyperlinks@3.2.0:
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
 
   tabbable@6.5.0: {}
 
@@ -5027,9 +4894,17 @@ snapshots:
       type-fest: 2.19.0
       unique-string: 3.0.0
 
+  thenify-all@1.6.0:
+    dependencies:
+      thenify: 3.3.1
+
+  thenify@3.3.1:
+    dependencies:
+      any-promise: 1.3.0
+
   tinybench@2.9.0: {}
 
-  tinyexec@1.2.4: {}
+  tinyexec@1.3.0: {}
 
   tinyglobby@0.2.17:
     dependencies:
@@ -5054,6 +4929,8 @@ snapshots:
 
   tr46@0.0.3: {}
 
+  tree-kill@1.2.2: {}
+
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
@@ -5062,13 +4939,42 @@ snapshots:
     dependencies:
       regexparam: 3.0.0
 
+  tsdown@0.22.14(@arethetypeswrong/core@0.18.5)(@volar/typescript@2.4.28(typescript@6.0.3))(publint@0.3.24)(typescript@6.0.3)(vue-tsc@3.3.11(typescript@6.0.3)):
+    dependencies:
+      ansis: 4.3.1
+      cac: 7.0.0
+      defu: 6.1.7
+      empathic: 2.0.1
+      hookable: 6.1.1
+      import-without-cache: 0.4.0
+      obug: 2.1.4
+      picomatch: 4.0.5
+      rolldown: 1.2.5
+      rolldown-plugin-dts: 0.27.14(@volar/typescript@2.4.28(typescript@6.0.3))(rolldown@1.2.5)(typescript@6.0.3)(vue-tsc@3.3.11(typescript@6.0.3))
+      tinyexec: 1.3.0
+      tinyglobby: 0.2.17
+      tree-kill: 1.2.2
+      unconfig-core: 7.5.0
+      verkit: 0.3.2
+    optionalDependencies:
+      '@arethetypeswrong/core': 0.18.5
+      publint: 0.3.24
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - '@typescript/native-preview'
+      - '@volar/typescript'
+      - oxc-resolver
+      - vue-tsc
+
   tslib@2.8.1: {}
 
   type-fest@1.4.0: {}
 
   type-fest@2.19.0: {}
 
-  typescript@5.9.3: {}
+  typescript@5.6.1-rc: {}
+
+  typescript@6.0.3: {}
 
   uc.micro@2.1.0: {}
 
@@ -5076,10 +4982,17 @@ snapshots:
 
   ultramatter@0.0.4: {}
 
+  unconfig-core@7.5.0:
+    dependencies:
+      '@quansync/fs': 1.0.0
+      quansync: 1.0.0
+
   undici-types@7.18.2: {}
 
   undici-types@8.3.0: {}
 
+  unicode-emoji-modifier-base@1.0.0: {}
+
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -5123,15 +5036,14 @@ snapshots:
       unist-util-is: 6.0.1
       unist-util-visit-parents: 6.0.2
 
-  unplugin-utils@0.2.5:
-    dependencies:
-      pathe: 2.0.3
-      picomatch: 4.0.5
-
   util-deprecate@1.0.2: {}
 
   valid-data-url@3.0.1: {}
 
+  validate-npm-package-name@5.0.1: {}
+
+  verkit@0.3.2: {}
+
   vfile-message@4.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -5142,51 +5054,50 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0):
+  vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.5
-      postcss: 8.5.25
-      rolldown: 1.2.1
+      postcss: 8.5.26
+      rolldown: 1.2.5
       tinyglobby: 0.2.17
     optionalDependencies:
-      '@types/node': 26.1.2
-      esbuild: 0.27.7
+      '@types/node': 26.2.0
       fsevents: 2.3.3
       jiti: 1.21.7
       yaml: 2.9.0
 
-  vitepress-plugin-group-icons@1.7.6(patch_hash=c379c3737bf09a62f52fdff21e0d71647ab2bdd813a34ac32a4d8aa1edca0e7f)(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)):
+  vitepress-plugin-group-icons@1.7.6(patch_hash=c379c3737bf09a62f52fdff21e0d71647ab2bdd813a34ac32a4d8aa1edca0e7f)(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)):
     dependencies:
-      '@iconify-json/logos': 1.2.11
-      '@iconify-json/vscode-icons': 1.2.67
+      '@iconify-json/logos': 1.2.12
+      '@iconify-json/vscode-icons': 1.2.70
       '@iconify/utils': 3.1.4
     optionalDependencies:
-      vite: 8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)
+      vite: 8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)
 
-  vitepress-plugin-llms@1.13.4:
+  vitepress-plugin-llms@1.13.4(supports-color@7.2.0):
     dependencies:
       '@11ty/gray-matter': 2.1.0
       markdown-it: 14.3.0
       markdown-title: 1.0.2
-      mdast-util-from-markdown: 2.0.3
+      mdast-util-from-markdown: 2.0.3(supports-color@7.2.0)
       millify: 6.1.0
       minimatch: 10.2.6
       path-to-regexp: 6.3.0
       picocolors: 1.1.1
       pretty-bytes: 7.1.1
-      remark: 15.0.1
-      remark-frontmatter: 5.0.0
+      remark: 15.0.1(supports-color@7.2.0)
+      remark-frontmatter: 5.0.0(supports-color@7.2.0)
       tokenx: 1.6.0
       unist-util-remove: 4.0.0
       unist-util-visit: 5.1.0
     transitivePeerDependencies:
       - supports-color
 
-  vitest@4.1.10(@types/node@26.1.2)(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)):
+  vitest@4.1.10(@types/node@26.2.0)(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.10
-      '@vitest/mocker': 4.1.10(vite@8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.10(vite@8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.10
       '@vitest/runner': 4.1.10
       '@vitest/snapshot': 4.1.10
@@ -5200,37 +5111,50 @@ snapshots:
       picomatch: 4.0.5
       std-env: 4.2.0
       tinybench: 2.9.0
-      tinyexec: 1.2.4
+      tinyexec: 1.3.0
       tinyglobby: 0.2.17
       tinyrainbow: 3.1.1
-      vite: 8.2.0(@types/node@26.1.2)(esbuild@0.27.7)(jiti@1.21.7)(yaml@2.9.0)
+      vite: 8.2.1(@types/node@26.2.0)(jiti@1.21.7)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 26.1.2
+      '@types/node': 26.2.0
     transitivePeerDependencies:
       - msw
 
   vscode-uri@3.1.0: {}
 
-  vue-tsc@3.3.9(typescript@5.9.3):
+  vue-sfc-transformer@0.2.5(patch_hash=06dbce7d98fac77faf5e66a94aa6e04f34c0cc7ec0910ec10848e5f2e08b8b68)(@volar/typescript@2.4.28(typescript@6.0.3))(@vue/compiler-core@3.5.41)(@vue/language-core@3.3.11)(rolldown@1.2.5)(typescript@6.0.3)(vue@3.5.41(typescript@6.0.3)):
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@vue/compiler-core': 3.5.41
+      pathe: 2.0.3
+      tinyglobby: 0.2.17
+      vue: 3.5.41(typescript@6.0.3)
+    optionalDependencies:
+      '@volar/typescript': 2.4.28(typescript@6.0.3)
+      '@vue/language-core': 3.3.11
+      rolldown: 1.2.5
+      typescript: 6.0.3
+
+  vue-tsc@3.3.11(typescript@6.0.3):
     dependencies:
-      '@volar/typescript': 2.4.28
-      '@vue/language-core': 3.3.9
-      typescript: 5.9.3
+      '@volar/typescript': 2.4.28(typescript@6.0.3)
+      '@vue/language-core': 3.3.11
+      typescript: 6.0.3
 
-  vue@3.5.40(typescript@5.9.3):
+  vue@3.5.41(typescript@6.0.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.40
-      '@vue/compiler-sfc': 3.5.40
-      '@vue/runtime-dom': 3.5.40
-      '@vue/server-renderer': 3.5.40
-      '@vue/shared': 3.5.40
+      '@vue/compiler-dom': 3.5.41
+      '@vue/compiler-sfc': 3.5.41
+      '@vue/runtime-dom': 3.5.41
+      '@vue/server-renderer': 3.5.41
+      '@vue/shared': 3.5.41
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.3
 
-  wait-on@9.1.0(debug@4.4.3):
+  wait-on@9.1.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0):
     dependencies:
-      axios: 1.19.0(debug@4.4.3)
+      axios: 1.19.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0)
       joi: 18.2.3
       lodash: 4.18.1
       minimist: 1.2.8
@@ -5286,8 +5210,20 @@ snapshots:
   yaml@2.9.0:
     optional: true
 
+  yargs-parser@20.2.9: {}
+
   yargs-parser@21.1.1: {}
 
+  yargs@16.2.2:
+    dependencies:
+      cliui: 7.0.4
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 20.2.9
+
   yargs@17.7.3:
     dependencies:
       cliui: 8.0.1
@@ -5300,6 +5236,45 @@ snapshots:
 
   yoctocolors@2.2.0: {}
 
+  yuku-ast@0.8.7:
+    dependencies:
+      '@yuku-toolchain/types': 0.8.7
+
+  yuku-codegen@0.8.7:
+    dependencies:
+      '@yuku-toolchain/types': 0.8.7
+    optionalDependencies:
+      '@yuku-codegen/binding-android-arm64': 0.8.7
+      '@yuku-codegen/binding-darwin-arm64': 0.8.7
+      '@yuku-codegen/binding-darwin-x64': 0.8.7
+      '@yuku-codegen/binding-freebsd-x64': 0.8.7
+      '@yuku-codegen/binding-linux-arm-gnu': 0.8.7
+      '@yuku-codegen/binding-linux-arm-musl': 0.8.7
+      '@yuku-codegen/binding-linux-arm64-gnu': 0.8.7
+      '@yuku-codegen/binding-linux-arm64-musl': 0.8.7
+      '@yuku-codegen/binding-linux-x64-gnu': 0.8.7
+      '@yuku-codegen/binding-linux-x64-musl': 0.8.7
+      '@yuku-codegen/binding-win32-arm64': 0.8.7
+      '@yuku-codegen/binding-win32-x64': 0.8.7
+
+  yuku-parser@0.8.7:
+    dependencies:
+      '@yuku-toolchain/types': 0.8.7
+      yuku-ast: 0.8.7
+    optionalDependencies:
+      '@yuku-parser/binding-android-arm64': 0.8.7
+      '@yuku-parser/binding-darwin-arm64': 0.8.7
+      '@yuku-parser/binding-darwin-x64': 0.8.7
+      '@yuku-parser/binding-freebsd-x64': 0.8.7
+      '@yuku-parser/binding-linux-arm-gnu': 0.8.7
+      '@yuku-parser/binding-linux-arm-musl': 0.8.7
+      '@yuku-parser/binding-linux-arm64-gnu': 0.8.7
+      '@yuku-parser/binding-linux-arm64-musl': 0.8.7
+      '@yuku-parser/binding-linux-x64-gnu': 0.8.7
+      '@yuku-parser/binding-linux-x64-musl': 0.8.7
+      '@yuku-parser/binding-win32-arm64': 0.8.7
+      '@yuku-parser/binding-win32-x64': 0.8.7
+
   zod@3.25.76: {}
 
   zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 241a4e2d..94ac8d26 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -3,7 +3,6 @@ packages:
   - __tests__/*
 
 allowBuilds:
-  esbuild: true
   playwright-chromium: true
   simple-git-hooks: true
 
@@ -12,11 +11,12 @@ autoInstallPeers: false
 ignoreWorkspaceRootCheck: true
 
 minimumReleaseAge: 1440
-minimumReleaseAgeExclude:
-  - '@mdit/*'
-  - '@vueuse/*'
+
+overrides:
+  esbuild: '-'
 
 patchedDependencies:
+  vue-sfc-transformer: patches/vue-sfc-transformer.patch
   vitepress-plugin-group-icons: patches/vitepress-plugin-group-icons.patch
 
 shellEmulator: true
diff --git a/rollup.config.ts b/rollup.config.ts
deleted file mode 100644
index 7f040f6f..00000000
--- a/rollup.config.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import alias from '@rollup/plugin-alias'
-import commonjs from '@rollup/plugin-commonjs'
-import json from '@rollup/plugin-json'
-import { nodeResolve } from '@rollup/plugin-node-resolve'
-import replace from '@rollup/plugin-replace'
-import { rm } from 'node:fs/promises'
-import { builtinModules, createRequire } from 'node:module'
-import { fileURLToPath } from 'node:url'
-import { type RollupOptions, defineConfig } from 'rollup'
-import dts from 'rollup-plugin-dts'
-import esbuild from 'rollup-plugin-esbuild'
-
-const require = createRequire(import.meta.url)
-const pkg = require('./package.json')
-
-const DEV = !!process.env.DEV
-const PROD = !DEV
-
-const external = [
-  ...Object.keys(pkg.dependencies),
-  ...Object.keys(pkg.peerDependencies),
-  ...builtinModules.flatMap((m) =>
-    m.includes('punycode') ? [] : [m, `node:${m}`]
-  )
-]
-
-const plugins = [
-  alias({ entries: { 'readable-stream': 'stream' } }),
-  replace({
-    // polyfill broken browser check from bundled deps
-    'navigator.userAgentData': 'undefined',
-    'navigator.userAgent': 'undefined',
-    preventAssignment: true
-  }),
-  commonjs(),
-  nodeResolve({ preferBuiltins: false }),
-  esbuild({ target: 'node22' }),
-  json()
-]
-
-const esmBuild: RollupOptions = {
-  input: ['src/node/index.ts', 'src/node/cli.ts'],
-  output: {
-    format: 'esm',
-    entryFileNames: `[name].js`,
-    chunkFileNames: 'chunk-[hash].js',
-    dir: 'dist/node',
-    sourcemap: DEV
-  },
-  external,
-  plugins,
-  onwarn(warning, warn) {
-    if (warning.code !== 'EVAL') warn(warning)
-  }
-}
-
-// keep .d.ts files under the repo root (e.g. types/*) external so module
-// augmentations in the bundle still target the same files users reference.
-// compared on normalized resolved paths so this works regardless of the
-// checkout location, path separators, or drive-letter casing.
-const normalizePath = (id: string): string => {
-  const normalized = id.replaceAll('\\', '/')
-  return process.platform === 'win32' ? normalized.toLowerCase() : normalized
-}
-
-const root = normalizePath(fileURLToPath(new URL('.', import.meta.url)))
-
-const typesExternal = (id: string): boolean => {
-  if (external.includes(id) || /^markdown-it(?:\/|$)/.test(id)) return true
-  const normalized = normalizePath(id)
-  return (
-    normalized.endsWith('.d.ts') &&
-    normalized.startsWith(root) &&
-    !normalized.startsWith(`${root}dist/`) &&
-    !normalized.startsWith(`${root}node_modules/`)
-  )
-}
-
-const dtsNode = dts({
-  respectExternal: true,
-  tsconfig: 'src/node/tsconfig.json',
-  compilerOptions: { preserveSymlinks: false }
-})
-
-const nodeTypes: RollupOptions = {
-  input: 'src/node/index.ts',
-  output: {
-    format: 'esm',
-    file: 'dist/node/index.d.ts'
-  },
-  external: typesExternal,
-  plugins: [dtsNode]
-}
-
-const clientTypes: RollupOptions = {
-  input: 'dist/client-types/index.d.ts',
-  output: {
-    format: 'esm',
-    file: 'dist/client/index.d.ts'
-  },
-  external: typesExternal,
-  plugins: [
-    dts({ respectExternal: true }),
-    {
-      name: 'cleanup',
-      async closeBundle() {
-        if (PROD) {
-          await rm('dist/client-types', { recursive: true })
-        }
-      }
-    }
-  ]
-}
-
-export default defineConfig([esmBuild, nodeTypes, clientTypes])
diff --git a/scripts/copyClient.ts b/scripts/copyClient.ts
deleted file mode 100644
index 7257748e..00000000
--- a/scripts/copyClient.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { cp } from 'node:fs/promises'
-import { globSync } from 'tinyglobby'
-
-function toDest(file: string) {
-  return file.replace(/^src\//, 'dist/')
-}
-
-globSync(['src/client/**']).forEach((file) => {
-  if (/(\.ts|tsconfig\.json)$/.test(file)) return
-  cp(file, toDest(file))
-})
diff --git a/scripts/copyShared.ts b/scripts/copyShared.ts
deleted file mode 100644
index c9512bd1..00000000
--- a/scripts/copyShared.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { cp } from 'node:fs/promises'
-import { globSync } from 'tinyglobby'
-
-globSync(['src/shared/**/*.ts']).forEach(async (file) => {
-  await Promise.all([
-    cp(file, file.replace(/^src\/shared\//, 'src/node/')),
-    cp(file, file.replace(/^src\/shared\//, 'src/client/'))
-  ])
-})
diff --git a/scripts/release.ts b/scripts/release.ts
index 1e44e490..0d950707 100644
--- a/scripts/release.ts
+++ b/scripts/release.ts
@@ -1,16 +1,15 @@
-import { spawn } from 'cross-spawn'
 import type { SpawnOptions } from 'node:child_process'
 import { once } from 'node:events'
 import fs from 'node:fs'
-import { createRequire } from 'node:module'
 import { resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+
 import * as prompts from '@clack/prompts'
+import { spawn } from 'cross-spawn'
 import semver from 'semver'
 
-const { version: currentVersion } = createRequire(import.meta.url)(
-  '../package.json'
-)
+import { version as currentVersion } from '../package.json' with { type: 'json' }
+
 const { inc: _inc, valid } = semver
 
 const versionIncrements = ['patch', 'minor', 'major'] as const
diff --git a/scripts/watchAndCopy.ts b/scripts/watchAndCopy.ts
deleted file mode 100644
index 8f4b6679..00000000
--- a/scripts/watchAndCopy.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { watch } from 'chokidar'
-import { cp, rm } from 'node:fs/promises'
-import { normalizePath } from 'vite'
-
-function toClientAndNode(method: 'copy' | 'remove', file: string) {
-  file = normalizePath(file)
-  if (method === 'copy') {
-    cp(file, file.replace(/^src\/shared\//, 'src/node/'))
-    cp(file, file.replace(/^src\/shared\//, 'src/client/'))
-  } else if (method === 'remove') {
-    rm(file.replace(/^src\/shared\//, 'src/node/'), { force: true })
-    rm(file.replace(/^src\/shared\//, 'src/client/'), { force: true })
-  }
-}
-
-function toDist(file: string) {
-  return normalizePath(file).replace(/^src\//, 'dist/')
-}
-
-// copy shared files to the client and node directory whenever they change.
-watch('src/shared', {
-  ignored: (path, stats) => !!stats?.isFile() && !path.endsWith('.ts')
-})
-  .on('change', (file) => toClientAndNode('copy', file))
-  .on('add', (file) => toClientAndNode('copy', file))
-  .on('unlink', (file) => toClientAndNode('remove', file))
-
-// copy non ts files, such as an html or css, to the dist directory whenever
-// they change.
-watch('src/client', {
-  ignored: (path, stats) =>
-    !!stats?.isFile() &&
-    (path.endsWith('.ts') || path.endsWith('tsconfig.json'))
-})
-  .on('change', (file) => cp(file, toDist(file)))
-  .on('add', (file) => cp(file, toDist(file)))
-  .on('unlink', (file) => rm(toDist(file), { force: true }))
diff --git a/shared-globals.d.ts b/shared-globals.d.ts
new file mode 100644
index 00000000..3fcf43bb
--- /dev/null
+++ b/shared-globals.d.ts
@@ -0,0 +1,13 @@
+// Cross-environment globals that environment-neutral code may use, declared
+// merge-compatibly with lib.dom and @types/node (interface merging plus an
+// identically named var). Loaded only by projects without a DOM lib; keep
+// members to what shared code actually touches.
+
+interface Console {
+  debug(...data: unknown[]): void
+  warn(...data: unknown[]): void
+}
+declare var console: Console
+
+interface Document {}
+declare var document: Document
diff --git a/src/client/app/components/Content.ts b/src/client/app/components/Content.ts
index d21ed2aa..ec950d57 100644
--- a/src/client/app/components/Content.ts
+++ b/src/client/app/components/Content.ts
@@ -1,5 +1,6 @@
 import { useData, useRoute } from 'vitepress'
 import { defineComponent, h, watch } from 'vue'
+
 import { contentUpdatedCallbacks } from '../utils'
 
 const runCbs = () => contentUpdatedCallbacks.forEach((fn) => fn())
diff --git a/src/client/app/composables/codeGroups.ts b/src/client/app/composables/codeGroups.ts
index ba56bc05..731e220a 100644
--- a/src/client/app/composables/codeGroups.ts
+++ b/src/client/app/composables/codeGroups.ts
@@ -7,7 +7,8 @@ export function useCodeGroups() {
         Array.from(el.children).forEach((child) => {
           child.classList.remove('active')
         })
-        activate(el.children[0])
+        const first = el.children[0]
+        if (first) activate(first)
       })
     })
   }
diff --git a/src/client/app/composables/copyCode.ts b/src/client/app/composables/copyCode.ts
index f0fc998d..b686f0b9 100644
--- a/src/client/app/composables/copyCode.ts
+++ b/src/client/app/composables/copyCode.ts
@@ -1,11 +1,12 @@
 import { inBrowser } from 'vitepress'
+
 import { isShell } from '../../shared'
 
 const ignoredNodes = ['.vp-copy-ignore', '.diff.remove'].join(', ')
 
 export function useCopyCode() {
   if (inBrowser) {
-    const timeoutIdMap: WeakMap<HTMLElement, NodeJS.Timeout> = new WeakMap()
+    const timeoutIdMap: WeakMap<HTMLElement, number> = new WeakMap()
     window.addEventListener('click', (e) => {
       const el = e.target as HTMLElement
       if (el.matches('div[class*="language-"] > button.copy')) {
@@ -34,7 +35,7 @@ export function useCopyCode() {
         copyToClipboard(text).then(() => {
           el.classList.add('copied')
           clearTimeout(timeoutIdMap.get(el))
-          const timeoutId = setTimeout(() => {
+          const timeoutId = window.setTimeout(() => {
             el.classList.remove('copied')
             el.blur()
             timeoutIdMap.delete(el)
diff --git a/src/client/app/composables/head.ts b/src/client/app/composables/head.ts
index 2b63d5cf..c6238f43 100644
--- a/src/client/app/composables/head.ts
+++ b/src/client/app/composables/head.ts
@@ -1,4 +1,5 @@
 import { watchEffect, type Ref } from 'vue'
+
 import {
   createTitle,
   mergeHead,
@@ -81,8 +82,8 @@ export function useUpdateHead(route: Route, siteDataByRouteRef: Ref<SiteData>) {
 
 function createHeadElement([tag, attrs, innerHTML]: HeadConfig) {
   const el = document.createElement(tag)
-  for (const key in attrs) {
-    el.setAttribute(key, attrs[key])
+  for (const [key, value] of Object.entries(attrs)) {
+    el.setAttribute(key, value)
   }
   if (innerHTML) {
     el.innerHTML = innerHTML
diff --git a/src/client/app/composables/preFetch.ts b/src/client/app/composables/preFetch.ts
index 003d54c9..d251f9b3 100644
--- a/src/client/app/composables/preFetch.ts
+++ b/src/client/app/composables/preFetch.ts
@@ -2,6 +2,7 @@
 // https://github.com/GoogleChromeLabs/quicklink
 
 import { onMounted, onUnmounted, watch } from 'vue'
+
 import { useRoute } from '../router'
 import { inBrowser, pathToFile } from '../utils'
 
diff --git a/src/client/app/data.ts b/src/client/app/data.ts
index 7af33182..65f17f8a 100644
--- a/src/client/app/data.ts
+++ b/src/client/app/data.ts
@@ -9,6 +9,7 @@ import {
   type InjectionKey,
   type Ref
 } from 'vue'
+
 import {
   APPEARANCE_KEY,
   createTitle,
diff --git a/src/client/app/devtools.ts b/src/client/app/devtools.ts
index cbc0fd3b..8b23341b 100644
--- a/src/client/app/devtools.ts
+++ b/src/client/app/devtools.ts
@@ -1,5 +1,6 @@
 import { setupDevToolsPlugin } from '@vue/devtools-api'
 import type { App } from 'vue'
+
 import type { VitePressData } from './data'
 import type { Router } from './router'
 
diff --git a/src/client/app/index.ts b/src/client/app/index.ts
index 178c98b1..952e52f5 100644
--- a/src/client/app/index.ts
+++ b/src/client/app/index.ts
@@ -8,6 +8,7 @@ import {
   watchEffect,
   type App
 } from 'vue'
+
 import { ClientOnly } from './components/ClientOnly'
 import { Content } from './components/Content'
 import { useCodeGroups } from './composables/codeGroups'
@@ -25,8 +26,12 @@ function resolveThemeExtends(theme: typeof RawTheme): typeof RawTheme {
       ...base,
       ...theme,
       async enhanceApp(ctx) {
-        if (base.enhanceApp) await base.enhanceApp(ctx)
-        if (theme.enhanceApp) await theme.enhanceApp(ctx)
+        await base.enhanceApp?.(ctx)
+        await theme.enhanceApp?.(ctx)
+      },
+      setup() {
+        base.setup?.()
+        theme.setup?.()
       }
     }
   }
diff --git a/src/client/app/router.ts b/src/client/app/router.ts
index 818f46fb..0cb0242e 100644
--- a/src/client/app/router.ts
+++ b/src/client/app/router.ts
@@ -1,5 +1,6 @@
 import type { Component, InjectionKey } from 'vue'
 import { inject, markRaw, nextTick, reactive, readonly } from 'vue'
+
 import type { Awaitable, PageData, PageDataPayload, Route } from '../shared'
 import { notFoundPageData, treatAsHtml } from '../shared'
 import { siteDataRef } from './data'
diff --git a/src/client/app/ssr.ts b/src/client/app/ssr.ts
index 338d4aad..d8a4f05b 100644
--- a/src/client/app/ssr.ts
+++ b/src/client/app/ssr.ts
@@ -1,5 +1,6 @@
 // entry for SSR
 import { renderToString } from 'vue/server-renderer'
+
 import type { SSGContext } from '../shared'
 import { createApp } from './index'
 
diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts
index 0658ce1d..4ebb222a 100644
--- a/src/client/app/theme.ts
+++ b/src/client/app/theme.ts
@@ -1,4 +1,5 @@
 import type { App, Component, Ref } from 'vue'
+
 import type { Awaitable, SiteData } from '../shared'
 import type { Router } from './router'
 
@@ -14,7 +15,8 @@ export interface Theme {
   extends?: Theme
 
   /**
-   * @deprecated can be replaced by wrapping layout component
+   * Runs inside the root component's `setup()` (during SSR too). With
+   * `extends`, setups run base-first, like `enhanceApp`.
    */
   setup?: () => void
 
diff --git a/src/client/app/utils.ts b/src/client/app/utils.ts
index 89e778ab..c80080f1 100644
--- a/src/client/app/utils.ts
+++ b/src/client/app/utils.ts
@@ -1,5 +1,6 @@
 import { tryOnUnmounted } from '@vueuse/core'
 import { h, onMounted, shallowRef, type AsyncComponentLoader } from 'vue'
+
 import {
   EXTERNAL_URL_RE,
   inBrowser,
diff --git a/src/client/shims.d.ts b/src/client/shims.d.ts
index e12889d5..740a932a 100644
--- a/src/client/shims.d.ts
+++ b/src/client/shims.d.ts
@@ -1,3 +1,8 @@
+// vite/client rather than vitepress/client: the .vue declaration emit runs
+// outside a project and cannot resolve self-references, and client.d.ts would
+// pull the built dist into the program, clashing with the sources
+/// <reference types="vite/client" />
+
 declare const __VP_HASH_MAP__: Record<string, string>
 declare const __VP_LOCAL_SEARCH__: boolean
 declare const __ALGOLIA__: boolean
@@ -5,12 +10,6 @@ declare const __CARBON__: boolean
 declare const __VUE_PROD_DEVTOOLS__: boolean
 declare const __ASSETS_DIR__: string
 
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent
-  export default component
-}
-
 declare module '@siteData' {
   import type { SiteData } from 'vitepress'
   const data: SiteData
diff --git a/src/client/theme-default/Layout.vue b/src/client/theme-default/Layout.vue
index 700cdacb..c9a4af67 100644
--- a/src/client/theme-default/Layout.vue
+++ b/src/client/theme-default/Layout.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, provide, useSlots } from 'vue'
+
 import VPBackdrop from './components/VPBackdrop.vue'
 import VPContent from './components/VPContent.vue'
 import VPFooter from './components/VPFooter.vue'
@@ -9,6 +10,7 @@ import VPSidebar from './components/VPSidebar.vue'
 import VPSkipLink from './components/VPSkipLink.vue'
 import { useData } from './composables/data'
 import { layoutInfoInjectionKey, registerWatchers } from './composables/layout'
+import { useNav } from './composables/nav'
 import { useSidebarControl } from './composables/sidebar'
 
 const {
@@ -17,9 +19,13 @@ const {
   close: closeSidebar
 } = useSidebarControl()
 
+// everything behind the open nav screen is inert so keyboard and screen
+// reader users can't reach the covered page content
+const { isScreenOpen } = useNav()
+
 registerWatchers({ closeSidebar })
 
-const { frontmatter } = useData()
+const { frontmatter, theme } = useData()
 
 const slots = useSlots()
 const heroImageSlotExists = computed(() => !!slots['home-hero-image'])
@@ -31,10 +37,13 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists })
   <div
     v-if="frontmatter.layout !== false"
     class="Layout"
-    :class="frontmatter.pageClass"
+    :class="[
+      frontmatter.pageClass,
+      theme.gradedContainers && 'vp-graded-containers'
+    ]"
   >
     <slot name="layout-top" />
-    <VPSkipLink />
+    <VPSkipLink :inert="isScreenOpen" />
     <VPBackdrop class="backdrop" :show="isSidebarOpen" @click="closeSidebar" />
     <VPNav>
       <template #nav-bar-title-before><slot name="nav-bar-title-before" /></template>
@@ -44,14 +53,14 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists })
       <template #nav-screen-content-before><slot name="nav-screen-content-before" /></template>
       <template #nav-screen-content-after><slot name="nav-screen-content-after" /></template>
     </VPNav>
-    <VPLocalNav :open="isSidebarOpen" @open-menu="openSidebar" />
+    <VPLocalNav :open="isSidebarOpen" @open-menu="openSidebar" :inert="isScreenOpen" />
 
-    <VPSidebar :open="isSidebarOpen">
+    <VPSidebar :open="isSidebarOpen" :inert="isScreenOpen">
       <template #sidebar-nav-before><slot name="sidebar-nav-before" /></template>
       <template #sidebar-nav-after><slot name="sidebar-nav-after" /></template>
     </VPSidebar>
 
-    <VPContent>
+    <VPContent :inert="isScreenOpen">
       <template #page-top><slot name="page-top" /></template>
       <template #page-bottom><slot name="page-bottom" /></template>
 
@@ -81,7 +90,7 @@ provide(layoutInfoInjectionKey, { heroImageSlotExists })
       <template #aside-ads-after><slot name="aside-ads-after" /></template>
     </VPContent>
 
-    <VPFooter />
+    <VPFooter :inert="isScreenOpen" />
     <slot name="layout-bottom" />
   </div>
   <Content v-else />
diff --git a/src/client/theme-default/NotFound.vue b/src/client/theme-default/NotFound.vue
index f65d3a6d..5805ac80 100644
--- a/src/client/theme-default/NotFound.vue
+++ b/src/client/theme-default/NotFound.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { withBase } from 'vitepress'
+
 import { useData } from './composables/data'
 import { useLangs } from './composables/langs'
 
@@ -33,60 +34,58 @@ const { currentLang } = useLangs()
 
 <style scoped>
 .NotFound {
-  padding: 64px 24px 96px;
+  padding: 4rem 1.5rem 6rem;
   text-align: center;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .NotFound {
-    padding: 96px 32px 168px;
+    padding: 6rem 2rem 10.5rem;
   }
 }
 
 .code {
-  line-height: 64px;
-  font-size: 64px;
+  line-height: 1;
+  font-size: 4rem;
   font-weight: 600;
 }
 
 .title {
-  padding-top: 12px;
-  letter-spacing: 2px;
-  line-height: 20px;
-  font-size: 20px;
+  padding-top: 0.75rem;
+  letter-spacing: 0.1em;
+  line-height: 1;
+  font-size: 1.25rem;
   font-weight: 700;
 }
 
 .divider {
-  margin: 24px auto 18px;
-  width: 64px;
+  margin: 1.5rem auto 1.125rem;
+  width: 4rem;
   height: 1px;
   background-color: var(--vp-c-divider);
 }
 
 .quote {
   margin: 0 auto;
-  max-width: 256px;
-  font-size: 14px;
+  max-width: 16rem;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
 .action {
-  padding-top: 20px;
+  padding-top: 1.25rem;
 }
 
 .link {
   display: inline-block;
   border: 1px solid var(--vp-c-brand-1);
-  border-radius: 16px;
-  padding: 3px 16px;
-  font-size: 14px;
+  border-radius: 1rem;
+  padding: 0.1875rem 1rem;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-brand-1);
-  transition:
-    border-color 0.25s,
-    color 0.25s;
+  transition: border-color 0.25s, color 0.25s;
 }
 
 .link:hover {
diff --git a/src/client/theme-default/components/VPAlgoliaSearchBox.vue b/src/client/theme-default/components/VPAlgoliaSearchBox.vue
index 3d56c670..0ef69015 100644
--- a/src/client/theme-default/components/VPAlgoliaSearchBox.vue
+++ b/src/client/theme-default/components/VPAlgoliaSearchBox.vue
@@ -4,6 +4,7 @@ import type { SidepanelInstance } from '@docsearch/sidepanel-js'
 import { inBrowser, useRouter } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
 import { nextTick, onUnmounted, watch } from 'vue'
+
 import type { DocSearchAskAi } from '../../../../types/docsearch'
 import { useData } from '../composables/data'
 import {
diff --git a/src/client/theme-default/components/VPBackdrop.vue b/src/client/theme-default/components/VPBackdrop.vue
index 8b0757d4..bdb2929f 100644
--- a/src/client/theme-default/components/VPBackdrop.vue
+++ b/src/client/theme-default/components/VPBackdrop.vue
@@ -30,10 +30,10 @@ defineProps<{
 }
 
 .VPBackdrop.fade-leave-active {
-  transition-duration: .25s;
+  transition-duration: 0.25s;
 }
 
-@media (min-width: 1280px) {
+@media (min-width: 80rem) {
   .VPBackdrop {
     display: none;
   }
diff --git a/src/client/theme-default/components/VPBadge.vue b/src/client/theme-default/components/VPBadge.vue
index e9879101..3c0e5a15 100644
--- a/src/client/theme-default/components/VPBadge.vue
+++ b/src/client/theme-default/components/VPBadge.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
-interface Props {
+withDefaults(defineProps<{
   text?: string
-  type?: 'info' | 'tip' | 'warning' | 'danger'
-}
-withDefaults(defineProps<Props>(), {
+  type?: 'info' | 'note' | 'tip' | 'important' | 'caution' | 'warning' | 'danger'
+}>(), {
   type: 'tip'
 })
 </script>
@@ -17,22 +16,22 @@ withDefaults(defineProps<Props>(), {
 <style>
 .VPBadge {
   display: inline-block;
-  margin-left: 2px;
+  margin-left: 0.125rem;
   border: 1px solid transparent;
-  border-radius: 12px;
-  padding: 0 10px;
-  line-height: 22px;
-  font-size: 12px;
+  border-radius: 0.75rem;
+  padding: 0 0.625rem;
+  line-height: 1.8333333;
+  font-size: 0.75rem;
   font-weight: 500;
   white-space: nowrap;
-  transform: translateY(-2px);
+  transform: translateY(-0.125rem);
 }
 
 .VPBadge.small {
-  padding: 0 6px;
-  line-height: 18px;
-  font-size: 10px;
-  transform: translateY(-8px);
+  padding: 0 0.375rem;
+  line-height: 1.8;
+  font-size: 0.625rem;
+  transform: translateY(-0.5rem);
 }
 
 .VPDocFooter .VPBadge {
@@ -41,12 +40,12 @@ withDefaults(defineProps<Props>(), {
 
 .vp-doc h1 > .VPBadge,
 .vp-doc h2 > .VPBadge {
-  margin: 0 0 0 2px;
+  margin: 0 0 0 0.125rem;
   vertical-align: middle;
 }
 
 .vp-doc h2 > .VPBadge {
-  padding: 0 8px;
+  padding: 0 0.5rem;
 }
 
 .vp-doc h3 > .VPBadge {
@@ -57,7 +56,7 @@ withDefaults(defineProps<Props>(), {
 .vp-doc h5 > .VPBadge,
 .vp-doc h6 > .VPBadge {
   vertical-align: middle;
-  line-height: 18px;
+  line-height: 1.5;
 }
 
 .VPBadge.info {
@@ -66,12 +65,30 @@ withDefaults(defineProps<Props>(), {
   background-color: var(--vp-badge-info-bg);
 }
 
+.VPBadge.note {
+  border-color: var(--vp-badge-note-border);
+  color: var(--vp-badge-note-text);
+  background-color: var(--vp-badge-note-bg);
+}
+
 .VPBadge.tip {
   border-color: var(--vp-badge-tip-border);
   color: var(--vp-badge-tip-text);
   background-color: var(--vp-badge-tip-bg);
 }
 
+.VPBadge.important {
+  border-color: var(--vp-badge-important-border);
+  color: var(--vp-badge-important-text);
+  background-color: var(--vp-badge-important-bg);
+}
+
+.VPBadge.caution {
+  border-color: var(--vp-badge-caution-border);
+  color: var(--vp-badge-caution-text);
+  background-color: var(--vp-badge-caution-bg);
+}
+
 .VPBadge.warning {
   border-color: var(--vp-badge-warning-border);
   color: var(--vp-badge-warning-text);
diff --git a/src/client/theme-default/components/VPButton.vue b/src/client/theme-default/components/VPButton.vue
index 707b9180..51b7e9ec 100644
--- a/src/client/theme-default/components/VPButton.vue
+++ b/src/client/theme-default/components/VPButton.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { EXTERNAL_URL_RE } from '../../shared'
 import { normalizeLink } from '../support/utils'
 
@@ -9,8 +10,8 @@ interface Props {
   theme?: 'brand' | 'alt' | 'sponsor'
   text?: string
   href?: string
-  target?: string;
-  rel?: string;
+  target?: string
+  rel?: string
 }
 const props = withDefaults(defineProps<Props>(), {
   size: 'medium',
@@ -29,7 +30,7 @@ const component = computed(() => {
 <template>
   <component
     :is="component"
-    class="VPButton"
+    class="VPButton no-icon"
     :class="[size, theme]"
     :href="href ? normalizeLink(href) : undefined"
     :target="props.target ?? (isExternal ? '_blank' : undefined)"
@@ -46,6 +47,7 @@ const component = computed(() => {
   text-align: center;
   font-weight: 600;
   white-space: nowrap;
+  text-decoration: none;
   transition: color 0.25s, border-color 0.25s, background-color 0.25s;
 }
 
@@ -54,17 +56,17 @@ const component = computed(() => {
 }
 
 .VPButton.medium {
-  border-radius: 20px;
-  padding: 0 20px;
-  line-height: 38px;
-  font-size: 14px;
+  border-radius: 1.25rem;
+  padding: 0 1.25rem;
+  line-height: 2.7142857;
+  font-size: 0.875rem;
 }
 
 .VPButton.big {
-  border-radius: 24px;
-  padding: 0 24px;
-  line-height: 46px;
-  font-size: 16px;
+  border-radius: 1.5rem;
+  padding: 0 1.5rem;
+  line-height: 2.875;
+  font-size: 1rem;
 }
 
 .VPButton.brand {
diff --git a/src/client/theme-default/components/VPCarbonAds.vue b/src/client/theme-default/components/VPCarbonAds.vue
index ca034ccb..5f4b5cfa 100644
--- a/src/client/theme-default/components/VPCarbonAds.vue
+++ b/src/client/theme-default/components/VPCarbonAds.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { useMediaQuery } from '@vueuse/core'
 import { useRoute } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
-import { onMounted, ref, watch } from 'vue'
-import { useAside } from '../composables/aside'
+import { onMounted, useTemplateRef, watch } from 'vue'
 
 const route = useRoute()
 const props = defineProps<{
@@ -11,8 +11,8 @@ const props = defineProps<{
 
 const carbonOptions = props.carbonAds
 
-const { isAsideEnabled } = useAside()
-const container = ref()
+const isAsideVisible = useMediaQuery('(min-width: 80rem)')
+const container = useTemplateRef('container')
 
 let isInitialized = false
 
@@ -22,18 +22,18 @@ function init() {
     const params = new URLSearchParams({
       serve: carbonOptions.code,
       placement: carbonOptions.placement,
-      format: carbonOptions?.format || 'classic',
+      format: carbonOptions?.format || 'classic'
     })
     const s = document.createElement('script')
     s.id = '_carbonads_js'
     s.src = `//cdn.carbonads.com/carbon.js?${params.toString()}`
     s.async = true
-    container.value.appendChild(s)
+    container.value?.appendChild(s)
   }
 }
 
 watch(() => route.data.relativePath, () => {
-  if (isInitialized && isAsideEnabled.value) {
+  if (isInitialized && isAsideVisible.value) {
     ;(window as any)._carbonads?.refresh()
   }
 })
@@ -45,10 +45,10 @@ if (carbonOptions) {
     // if the page is loaded when aside is active, load carbon directly.
     // otherwise, only load it if the page resizes to wide enough. this avoids
     // loading carbon at all on mobile where it's never shown
-    if (isAsideEnabled.value) {
+    if (isAsideVisible.value) {
       init()
     } else {
-      watch(isAsideEnabled, (wide) => wide && init())
+      watch(isAsideVisible, (visible) => visible && init())
     }
   })
 }
@@ -63,25 +63,25 @@ if (carbonOptions) {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 24px;
-  border-radius: 12px;
-  min-height: 256px;
+  padding: 1.5rem;
+  border-radius: 0.75rem;
+  min-height: 16rem;
   text-align: center;
-  line-height: 18px;
-  font-size: 12px;
+  line-height: 1.5;
+  font-size: 0.75rem;
   font-weight: 500;
   background-color: var(--vp-carbon-ads-bg-color);
 }
 
 .VPCarbonAds :deep(img) {
   margin: 0 auto;
-  border-radius: 6px;
+  border-radius: 0.375rem;
 }
 
 .VPCarbonAds :deep(.carbon-text) {
   display: block;
   margin: 0 auto;
-  padding-top: 12px;
+  padding-top: 0.75rem;
   color: var(--vp-carbon-ads-text-color);
   transition: color 0.25s;
 }
@@ -92,8 +92,8 @@ if (carbonOptions) {
 
 .VPCarbonAds :deep(.carbon-poweredby) {
   display: block;
-  padding-top: 6px;
-  font-size: 11px;
+  padding-top: 0.375rem;
+  font-size: 0.6875rem;
   font-weight: 500;
   color: var(--vp-carbon-ads-poweredby-color);
   text-transform: uppercase;
diff --git a/src/client/theme-default/components/VPContent.vue b/src/client/theme-default/components/VPContent.vue
index 42e11fc8..ef58f217 100644
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { resolveDynamicComponent } from 'vue'
-import NotFound from '../NotFound.vue'
+
 import { useData } from '../composables/data'
 import { useLayout } from '../composables/layout'
+import NotFound from '../NotFound.vue'
 import VPDoc from './VPDoc.vue'
 import VPHome from './VPHome.vue'
 import VPPage from './VPPage.vue'
@@ -78,7 +79,7 @@ function isRegistered(component: string): boolean {
   margin: 0;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPContent {
     padding-top: var(--vp-nav-height);
   }
@@ -89,7 +90,7 @@ function isRegistered(component: string): boolean {
   }
 }
 
-@media (min-width: 1440px) {
+@media (min-width: 90rem) {
   .VPContent.has-sidebar {
     padding-right: calc((100% - var(--vp-layout-max-width)) / 2);
     padding-left: calc((100% - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
diff --git a/src/client/theme-default/components/VPDoc.vue b/src/client/theme-default/components/VPDoc.vue
index b776502e..b0042bbd 100644
--- a/src/client/theme-default/components/VPDoc.vue
+++ b/src/client/theme-default/components/VPDoc.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useRoute } from 'vitepress'
 import { computed } from 'vue'
+
 import { useData } from '../composables/data'
 import { useLayout } from '../composables/layout'
 import VPDocAside from './VPDocAside.vue'
@@ -22,7 +23,7 @@ const pageName = computed(() =>
   >
     <slot name="doc-top" />
     <div class="container">
-      <div v-if="hasAside" class="aside" :class="{'left-aside': leftAside}">
+      <div v-if="hasAside" class="aside" :class="{ 'left-aside': leftAside }">
         <div class="aside-curtain" />
         <div class="aside-container">
           <div class="aside-content">
@@ -63,33 +64,33 @@ const pageName = computed(() =>
 
 <style scoped>
 .VPDoc {
-  padding: 32px 24px 96px;
+  padding: 2rem 1.5rem 6rem;
   width: 100%;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPDoc {
-    padding: 48px 32px 128px;
+    padding: 3rem 2rem 8rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPDoc {
-    padding: 48px 32px 0;
+    padding: 3rem 2rem 0;
   }
 
   .VPDoc:not(.has-sidebar) .container {
     display: flex;
     justify-content: center;
-    max-width: 992px;
+    max-width: 62rem;
   }
 
   .VPDoc:not(.has-sidebar) .content {
-    max-width: 752px;
+    max-width: 47rem;
   }
 }
 
-@media (min-width: 1280px) {
+@media (min-width: 80rem) {
   .VPDoc .container {
     display: flex;
     justify-content: center;
@@ -100,13 +101,13 @@ const pageName = computed(() =>
   }
 }
 
-@media (min-width: 1440px) {
+@media (min-width: 90rem) {
   .VPDoc:not(.has-sidebar) .content {
-    max-width: 784px;
+    max-width: 49rem;
   }
 
   .VPDoc:not(.has-sidebar) .container {
-    max-width: 1104px;
+    max-width: 69rem;
   }
 }
 
@@ -120,22 +121,22 @@ const pageName = computed(() =>
   display: none;
   order: 2;
   flex-grow: 1;
-  padding-left: 32px;
+  padding-left: 2rem;
   width: 100%;
-  max-width: 256px;
+  max-width: 16rem;
 }
 
 .left-aside {
   order: 1;
   padding-left: unset;
-  padding-right: 32px;
+  padding-right: 2rem;
 }
 
 .aside-container {
   position: fixed;
   top: 0;
-  padding-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);
-  width: 224px;
+  padding-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 3rem);
+  width: 14rem;
   height: 100vh;
   overflow-x: hidden;
   overflow-y: auto;
@@ -150,8 +151,8 @@ const pageName = computed(() =>
   position: fixed;
   bottom: 0;
   z-index: 10;
-  width: 224px;
-  height: 32px;
+  width: 14rem;
+  height: 2rem;
   background: linear-gradient(transparent, var(--vp-c-bg) 70%);
   pointer-events: none;
 }
@@ -159,8 +160,8 @@ const pageName = computed(() =>
 .aside-content {
   display: flex;
   flex-direction: column;
-  min-height: calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));
-  padding-bottom: 32px;
+  min-height: calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 3rem));
+  padding-bottom: 2rem;
 }
 
 .content {
@@ -169,17 +170,17 @@ const pageName = computed(() =>
   width: 100%;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .content {
-    padding: 0 32px 128px;
+    padding: 0 2rem 8rem;
   }
 }
 
-@media (min-width: 1280px) {
+@media (min-width: 80rem) {
   .content {
     order: 1;
     margin: 0;
-    min-width: 640px;
+    min-width: 40rem;
   }
 }
 
@@ -188,6 +189,6 @@ const pageName = computed(() =>
 }
 
 .VPDoc.has-aside .content-container {
-  max-width: 688px;
+  max-width: 43rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPDocAside.vue b/src/client/theme-default/components/VPDocAside.vue
index 0267cbfd..54ffa71e 100644
--- a/src/client/theme-default/components/VPDocAside.vue
+++ b/src/client/theme-default/components/VPDocAside.vue
@@ -37,10 +37,10 @@ const { theme } = useData()
 
 .VPDocAside :deep(.spacer + .VPDocAsideSponsors),
 .VPDocAside :deep(.spacer + .VPDocAsideCarbonAds) {
-  margin-top: 24px;
+  margin-top: 1.5rem;
 }
 
 .VPDocAside :deep(.VPDocAsideSponsors + .VPDocAsideCarbonAds) {
-  margin-top: 16px;
+  margin-top: 1rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index 168099d8..8082b336 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { useTemplateRef } from 'vue'
+
 import { useData } from '../composables/data'
 import { useLayout } from '../composables/layout'
 import { resolveTitle, useActiveAnchor } from '../composables/outline'
@@ -7,8 +8,8 @@ import VPDocOutlineItem from './VPDocOutlineItem.vue'
 
 const { theme } = useData()
 
-const container = ref()
-const marker = ref()
+const container = useTemplateRef('container')
+const marker = useTemplateRef('marker')
 
 const { headers, hasLocalNav } = useLayout()
 
@@ -51,30 +52,27 @@ useActiveAnchor(container, marker)
 .content {
   position: relative;
   border-left: 1px solid var(--vp-c-divider);
-  padding-left: 16px;
-  font-size: 13px;
+  padding-left: 1rem;
+  font-size: 0.8125rem;
   font-weight: 500;
 }
 
 .outline-marker {
   position: absolute;
-  top: 32px;
+  top: 2rem;
   left: -1px;
   z-index: 0;
   opacity: 0;
   width: 2px;
   border-radius: 2px;
-  height: 18px;
+  height: 1.125rem;
   background-color: var(--vp-c-brand-1);
-  transition:
-    top 0.25s cubic-bezier(0, 1, 0.5, 1),
-    background-color 0.5s,
-    opacity 0.25s;
+  transition: top 0.25s cubic-bezier(0, 1, 0.5, 1), background-color 0.5s, opacity 0.25s;
 }
 
 .outline-title {
-  line-height: 32px;
-  font-size: 14px;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
   font-weight: 600;
 }
 </style>
diff --git a/src/client/theme-default/components/VPDocFooter.vue b/src/client/theme-default/components/VPDocFooter.vue
index 45c6e32a..405e9815 100644
--- a/src/client/theme-default/components/VPDocFooter.vue
+++ b/src/client/theme-default/components/VPDocFooter.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { useData } from '../composables/data'
 import { useEditLink } from '../composables/edit-link'
 import { usePrevNext } from '../composables/prev-next'
@@ -84,19 +85,19 @@ const showFooter = computed(
 
 <style scoped>
 .VPDocFooter {
-  margin-top: 64px;
+  margin-top: 4rem;
 }
 
 .edit-info {
-  padding-bottom: 18px;
+  padding-bottom: 1.125rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .edit-info {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-bottom: 14px;
+    padding-bottom: 0.875rem;
   }
 }
 
@@ -104,8 +105,8 @@ const showFooter = computed(
   display: flex;
   align-items: center;
   border: 0;
-  line-height: 32px;
-  font-size: 14px;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-brand-1);
   transition: color 0.25s;
@@ -116,28 +117,28 @@ const showFooter = computed(
 }
 
 .edit-link-icon {
-  margin-right: 8px;
+  margin-right: 0.5rem;
 }
 
 .prev-next {
   border-top: 1px solid var(--vp-c-divider);
-  padding-top: 24px;
+  padding-top: 1.5rem;
   display: grid;
-  grid-row-gap: 8px;
+  grid-row-gap: 0.5rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .prev-next {
     grid-template-columns: repeat(2, 1fr);
-    grid-column-gap: 16px;
+    grid-column-gap: 1rem;
   }
 }
 
 .pager-link {
   display: block;
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
-  padding: 11px 16px 13px;
+  border-radius: 0.5rem;
+  padding: 0.6875rem 1rem 0.8125rem;
   width: 100%;
   height: 100%;
   transition: border-color 0.25s;
@@ -154,16 +155,16 @@ const showFooter = computed(
 
 .desc {
   display: block;
-  line-height: 20px;
-  font-size: 12px;
+  line-height: 1.6666667;
+  font-size: 0.75rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
 .title {
   display: block;
-  line-height: 20px;
-  font-size: 14px;
+  line-height: 1.4285714;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-brand-1);
   transition: color 0.25s;
diff --git a/src/client/theme-default/components/VPDocFooterLastUpdated.vue b/src/client/theme-default/components/VPDocFooterLastUpdated.vue
index 6f15479e..3002d897 100644
--- a/src/client/theme-default/components/VPDocFooterLastUpdated.vue
+++ b/src/client/theme-default/components/VPDocFooterLastUpdated.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { useNavigatorLanguage } from '@vueuse/core'
-import { computed, onMounted, shallowRef, useTemplateRef, watchEffect } from 'vue'
+import {
+  computed,
+  onMounted,
+  shallowRef,
+  useTemplateRef,
+  watchEffect
+} from 'vue'
+
 import { useData } from '../composables/data'
 
 const { theme, page, lang: pageLang } = useData()
@@ -46,16 +53,16 @@ onMounted(() => {
 
 <style scoped>
 .VPLastUpdated {
-  line-height: 24px;
-  font-size: 14px;
+  line-height: 1.7142857;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .VPLastUpdated {
-    line-height: 32px;
-    font-size: 14px;
+    line-height: 2.2857143;
+    font-size: 0.875rem;
     font-weight: 500;
   }
 }
diff --git a/src/client/theme-default/components/VPDocOutlineItem.vue b/src/client/theme-default/components/VPDocOutlineItem.vue
index 4cff1b38..6fe0b529 100644
--- a/src/client/theme-default/components/VPDocOutlineItem.vue
+++ b/src/client/theme-default/components/VPDocOutlineItem.vue
@@ -27,16 +27,18 @@ defineProps<{
 }
 
 .nested {
-  padding-right: 16px;
-  padding-left: 16px;
+  padding-right: 1rem;
+  padding-left: 1rem;
 }
 
 .outline-link {
   display: block;
-  line-height: 32px;
-  font-size: 14px;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
   font-weight: 400;
   color: var(--vp-c-text-2);
+  scroll-margin-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 2rem);
+  scroll-margin-bottom: 3rem;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -50,6 +52,6 @@ defineProps<{
 }
 
 .outline-link.nested {
-  padding-left: 13px;
+  padding-left: 0.8125rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPFeature.vue b/src/client/theme-default/components/VPFeature.vue
index e0e49b18..94fb01b8 100644
--- a/src/client/theme-default/components/VPFeature.vue
+++ b/src/client/theme-default/components/VPFeature.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
+
 import VPImage from './VPImage.vue'
 import VPLink from './VPLink.vue'
 
@@ -58,7 +59,7 @@ defineProps<{
 .VPFeature {
   display: block;
   border: 1px solid var(--vp-c-bg-soft);
-  border-radius: 12px;
+  border-radius: 0.75rem;
   height: 100%;
   background-color: var(--vp-c-bg-soft);
   transition: border-color 0.25s, background-color 0.25s;
@@ -71,60 +72,60 @@ defineProps<{
 .box {
   display: flex;
   flex-direction: column;
-  padding: 24px;
+  padding: 1.5rem;
   height: 100%;
 }
 
 .box > :deep(.VPImage) {
-  margin-bottom: 20px;
+  margin-bottom: 1.25rem;
 }
 
 .icon {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-bottom: 20px;
-  border-radius: 6px;
+  margin-bottom: 1.25rem;
+  border-radius: 0.375rem;
   background-color: var(--vp-c-default-soft);
-  width: 48px;
-  height: 48px;
-  font-size: 24px;
+  width: 3rem;
+  height: 3rem;
+  font-size: 1.5rem;
   transition: background-color 0.25s;
 }
 
 .title {
-  line-height: 24px;
-  font-size: 16px;
+  line-height: 1.5;
+  font-size: 1rem;
   font-weight: 600;
 }
 
 .details {
   flex-grow: 1;
-  padding-top: 8px;
-  line-height: 24px;
-  font-size: 14px;
+  padding-top: 0.5rem;
+  line-height: 1.7142857;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
 ul.details {
   list-style-type: disc;
-  padding-left: 14px;
+  padding-left: 0.875rem;
 }
 
 .link-text {
-  padding-top: 8px;
+  padding-top: 0.5rem;
 }
 
 .link-text-value {
   display: flex;
   align-items: center;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-brand-1);
 }
 
 .link-text-icon {
-  margin-left: 6px;
+  margin-left: 0.375rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPFeatures.vue b/src/client/theme-default/components/VPFeatures.vue
index eae47d2a..0d777c10 100644
--- a/src/client/theme-default/components/VPFeatures.vue
+++ b/src/client/theme-default/components/VPFeatures.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
 import { computed } from 'vue'
+
 import VPFeature from './VPFeature.vue'
 
 export interface Feature {
@@ -62,38 +63,38 @@ const grid = computed(() => {
 <style scoped>
 .VPFeatures {
   position: relative;
-  padding: 0 24px;
+  padding: 0 1.5rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .VPFeatures {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPFeatures {
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 
 .container {
   margin: 0 auto;
-  max-width: 1152px;
+  max-width: 72rem;
 }
 
 .items {
   display: flex;
   flex-wrap: wrap;
-  margin: -8px;
+  margin: -0.5rem;
 }
 
 .item {
-  padding: 8px;
+  padding: 0.5rem;
   width: 100%;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .item.grid-2,
   .item.grid-4,
   .item.grid-6 {
@@ -101,7 +102,7 @@ const grid = computed(() => {
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .item.grid-2,
   .item.grid-4 {
     width: calc(100% / 2);
@@ -113,7 +114,7 @@ const grid = computed(() => {
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .item.grid-4 {
     width: calc(100% / 4);
   }
diff --git a/src/client/theme-default/components/VPFlyout.vue b/src/client/theme-default/components/VPFlyout.vue
index c05c579c..503066fc 100644
--- a/src/client/theme-default/components/VPFlyout.vue
+++ b/src/client/theme-default/components/VPFlyout.vue
@@ -1,6 +1,9 @@
 <script lang="ts" setup generic="T extends DefaultTheme.NavItem">
+import { onKeyStroke, useEventListener } from '@vueuse/core'
+import { useRoute } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
-import { ref } from 'vue'
+import { ref, useId, useTemplateRef, watch } from 'vue'
+
 import { useFlyout } from '../composables/flyout'
 import VPMenu from './VPMenu.vue'
 
@@ -12,40 +15,100 @@ defineProps<{
 }>()
 
 const open = ref(false)
-const el = ref<HTMLElement>()
+const el = useTemplateRef('el')
+const buttonEl = useTemplateRef('buttonEl')
+const menuEl = useTemplateRef('menuEl')
+const menuId = useId()
+
+useFlyout({ el, onBlur: close })
+
+const route = useRoute()
+watch(() => route.path, close)
+
+// for mouse users the disclosure opens and closes on hover, with the same
+// boundary in both directions: the button plus the open panel. The root box
+// isn't used — it also contains the ::before divider some contexts draw
+// before the flyout, which should act as a neutral gap either way. Closing
+// needs no delay: leaving for the panel (or back) is detected via
+// relatedTarget, and any real exit closes instantly so a panel never
+// lingers over a neighboring flyout while sweeping across the bar.
+
+// a hover-open absorbs the click that usually follows it, otherwise mouse
+// users would toggle the menu right back off
+let openedByHover = false
+
+function onPointerEnter(e: PointerEvent) {
+  if (e.pointerType !== 'mouse') return
+  if (!open.value) {
+    open.value = true
+    openedByHover = true
+  }
+}
+
+function onPointerLeave(e: PointerEvent) {
+  if (e.pointerType !== 'mouse') return
+  const to = e.relatedTarget as Node | null
+  // still within the button ∪ panel region — not an exit
+  if (to && (buttonEl.value?.contains(to) || menuEl.value?.contains(to))) return
+  close()
+}
 
-useFlyout({ el, onBlur })
+function toggle() {
+  if (open.value && openedByHover) {
+    openedByHover = false
+    return
+  }
+  openedByHover = false
+  open.value = !open.value
+}
 
-function onBlur() {
+function close() {
   open.value = false
+  openedByHover = false
 }
+
+// content shown on hover must be dismissible without moving the pointer
+// (WCAG 1.4.13) — Escape closes and, if focus was inside, returns it to the
+// trigger
+onKeyStroke('Escape', () => {
+  if (!open.value) return
+  const restoreFocus = el.value?.contains(document.activeElement)
+  close()
+  if (restoreFocus) {
+    el.value?.querySelector('button')?.focus()
+  }
+})
+
+// a tap on a non-focusable area outside doesn't move focus, so the
+// focus-tracking blur alone can't dismiss the menu on touch
+useEventListener('pointerdown', (e) => {
+  if (open.value && el.value && !el.value.contains(e.target as Node)) close()
+})
 </script>
 
 <template>
-  <div
-    class="VPFlyout"
-    ref="el"
-    @mouseenter="open = true"
-    @mouseleave="open = false"
-  >
+  <div class="VPFlyout" ref="el">
     <button
+      ref="buttonEl"
       type="button"
       class="button"
-      aria-haspopup="true"
       :aria-expanded="open"
+      :aria-controls="menuId"
       :aria-label="label"
-      @click="open = !open"
+      @pointerenter="onPointerEnter"
+      @pointerleave="onPointerLeave"
+      @click="toggle"
     >
       <span v-if="button || icon" class="text">
-        <span v-if="icon" :class="[icon, 'option-icon']" />
+        <span v-if="icon" :class="[icon, 'option-icon']" aria-hidden="true" />
         <span v-if="button" v-html="button"></span>
-        <span class="vpi-chevron-down text-icon" />
+        <span class="vpi-chevron-down text-icon" aria-hidden="true" />
       </span>
 
-      <span v-else class="vpi-more-horizontal icon" />
+      <span v-else class="vpi-more-horizontal icon" aria-hidden="true" />
     </button>
 
-    <div class="menu">
+    <div ref="menuEl" class="menu" :id="menuId" @pointerleave="onPointerLeave">
       <VPMenu :items>
         <slot />
       </VPMenu>
@@ -79,23 +142,23 @@ function onBlur() {
   color: var(--vp-c-brand-2);
 }
 
+/* closing is snappier than opening so a panel doesn't linger over the
+   neighboring flyout's panel while sweeping across the bar */
 .button[aria-expanded="false"] + .menu {
   opacity: 0;
   visibility: hidden;
-  transform: translateY(0);
+  transition: opacity 0.1s, visibility 0.1s;
 }
 
-.VPFlyout:hover .menu,
 .button[aria-expanded="true"] + .menu {
   opacity: 1;
   visibility: visible;
-  transform: translateY(0);
 }
 
 .button {
   display: flex;
   align-items: center;
-  padding: 0 12px;
+  padding: 0 0.75rem;
   height: var(--vp-nav-height);
   color: var(--vp-c-text-1);
   transition: color 0.5s;
@@ -105,33 +168,32 @@ function onBlur() {
   display: flex;
   align-items: center;
   line-height: var(--vp-nav-height);
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-1);
   transition: color 0.25s;
 }
 
 .option-icon {
-  margin-right: 0px;
-  font-size: 16px;
+  font-size: 1rem;
 }
 
 .text-icon {
-  margin-left: 4px;
-  font-size: 14px;
+  margin-left: 0.25rem;
+  font-size: 0.875rem;
 }
 
 .icon {
-  font-size: 20px;
+  font-size: 1.25rem;
   transition: fill 0.25s;
 }
 
 .menu {
   position: absolute;
-  top: calc(var(--vp-nav-height) / 2 + 20px);
+  top: calc(var(--vp-nav-height) / 2 + 1.25rem);
   right: 0;
   opacity: 0;
   visibility: hidden;
-  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
+  transition: opacity 0.25s, visibility 0.25s;
 }
 </style>
diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue
index 63638044..669846a6 100644
--- a/src/client/theme-default/components/VPFooter.vue
+++ b/src/client/theme-default/components/VPFooter.vue
@@ -7,10 +7,22 @@ const { hasSidebar } = useLayout()
 </script>
 
 <template>
-  <footer v-if="theme.footer && frontmatter.footer !== false" class="VPFooter" :class="{ 'has-sidebar': hasSidebar }">
+  <footer
+    v-if="theme.footer && frontmatter.footer !== false"
+    class="VPFooter"
+    :class="{ 'has-sidebar': hasSidebar }"
+  >
     <div class="container">
-      <p v-if="theme.footer.message" class="message" v-html="theme.footer.message"></p>
-      <p v-if="theme.footer.copyright" class="copyright" v-html="theme.footer.copyright"></p>
+      <p
+        v-if="theme.footer.message"
+        class="message"
+        v-html="theme.footer.message"
+      ></p>
+      <p
+        v-if="theme.footer.copyright"
+        class="copyright"
+        v-html="theme.footer.copyright"
+      ></p>
     </div>
   </footer>
 </template>
@@ -20,7 +32,7 @@ const { hasSidebar } = useLayout()
   position: relative;
   z-index: var(--vp-z-index-footer);
   border-top: 1px solid var(--vp-c-gutter);
-  padding: 32px 24px;
+  padding: 2rem 1.5rem;
   background-color: var(--vp-c-bg);
 }
 
@@ -30,7 +42,7 @@ const { hasSidebar } = useLayout()
 
 .VPFooter :deep(a) {
   text-decoration-line: underline;
-  text-underline-offset: 2px;
+  text-underline-offset: 0.125rem;
   transition: color 0.25s;
 }
 
@@ -38,9 +50,9 @@ const { hasSidebar } = useLayout()
   color: var(--vp-c-text-1);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPFooter {
-    padding: 32px;
+    padding: 2rem;
   }
 }
 
@@ -52,8 +64,8 @@ const { hasSidebar } = useLayout()
 
 .message,
 .copyright {
-  line-height: 24px;
-  font-size: 14px;
+  line-height: 1.7142857;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
diff --git a/src/client/theme-default/components/VPHero.vue b/src/client/theme-default/components/VPHero.vue
index adb4db47..895de45f 100644
--- a/src/client/theme-default/components/VPHero.vue
+++ b/src/client/theme-default/components/VPHero.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
 import { computed, inject } from 'vue'
+
 import { layoutInfoInjectionKey } from '../composables/layout'
 import VPButton from './VPButton.vue'
 import VPImage from './VPImage.vue'
@@ -73,18 +74,18 @@ const { heroImageSlotExists } = inject(
 <style scoped>
 .VPHero {
   margin-top: calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);
-  padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px;
+  padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 3rem) 1.5rem 3rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .VPHero {
-    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px;
+    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 5rem) 3rem 4rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPHero {
-    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px;
+    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 5rem) 4rem 4rem;
   }
 }
 
@@ -92,10 +93,10 @@ const { heroImageSlotExists } = inject(
   display: flex;
   flex-direction: column;
   margin: 0 auto;
-  max-width: 1152px;
+  max-width: 72rem;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .container {
     flex-direction: row;
   }
@@ -113,20 +114,20 @@ const { heroImageSlotExists } = inject(
   text-align: center;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPHero.has-image .container {
     text-align: left;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .main {
     order: 1;
     width: calc((100% / 3) * 2);
   }
 
   .VPHero.has-image .main {
-    max-width: 592px;
+    max-width: 37rem;
   }
 }
 
@@ -138,10 +139,10 @@ const { heroImageSlotExists } = inject(
 .name,
 .text {
   width: fit-content;
-  max-width: 392px;
-  letter-spacing: -0.4px;
-  line-height: 40px;
-  font-size: 32px;
+  max-width: 24.5rem;
+  letter-spacing: -0.025rem;
+  line-height: 1.25;
+  font-size: 2rem;
   font-weight: 700;
   white-space: pre-wrap;
 
@@ -167,20 +168,20 @@ const { heroImageSlotExists } = inject(
   -webkit-text-fill-color: var(--vp-home-hero-name-color);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .name,
   .text {
-    max-width: 576px;
-    line-height: 56px;
-    font-size: 48px;
+    max-width: 36rem;
+    line-height: 1.1666667;
+    font-size: 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .name,
   .text {
-    line-height: 64px;
-    font-size: 56px;
+    line-height: 1.1428571;
+    font-size: 3.5rem;
   }
 
   .VPHero.has-image .name,
@@ -190,10 +191,10 @@ const { heroImageSlotExists } = inject(
 }
 
 .tagline {
-  padding-top: 8px;
-  max-width: 392px;
-  line-height: 28px;
-  font-size: 18px;
+  padding-top: 0.5rem;
+  max-width: 24.5rem;
+  line-height: 1.5555556;
+  font-size: 1.125rem;
   font-weight: 500;
   white-space: pre-wrap;
   color: var(--vp-c-text-2);
@@ -203,19 +204,19 @@ const { heroImageSlotExists } = inject(
   margin: 0 auto;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .tagline {
-    padding-top: 12px;
-    max-width: 576px;
-    line-height: 32px;
-    font-size: 20px;
+    padding-top: 0.75rem;
+    max-width: 36rem;
+    line-height: 1.6;
+    font-size: 1.25rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .tagline {
-    line-height: 36px;
-    font-size: 24px;
+    line-height: 1.5;
+    font-size: 1.5rem;
   }
 
   .VPHero.has-image .tagline {
@@ -226,21 +227,21 @@ const { heroImageSlotExists } = inject(
 .actions {
   display: flex;
   flex-wrap: wrap;
-  margin: -6px;
-  padding-top: 24px;
+  margin: -0.375rem;
+  padding-top: 1.5rem;
 }
 
 .VPHero.has-image .actions {
   justify-content: center;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .actions {
-    padding-top: 32px;
+    padding-top: 2rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPHero.has-image .actions {
     justify-content: flex-start;
   }
@@ -248,21 +249,21 @@ const { heroImageSlotExists } = inject(
 
 .action {
   flex-shrink: 0;
-  padding: 6px;
+  padding: 0.375rem;
 }
 
 .image {
   order: 1;
-  margin: -76px -24px -48px;
+  margin: -4.75rem -1.5rem -3rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .image {
-    margin: -108px -24px -48px;
+    margin: -6.75rem -1.5rem -3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .image {
     flex-grow: 1;
     order: 2;
@@ -274,18 +275,18 @@ const { heroImageSlotExists } = inject(
 .image-container {
   position: relative;
   margin: 0 auto;
-  width: 320px;
-  height: 320px;
+  width: 20rem;
+  height: 20rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .image-container {
-    width: 392px;
-    height: 392px;
+    width: 24.5rem;
+    height: 24.5rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .image-container {
     display: flex;
     justify-content: center;
@@ -293,7 +294,7 @@ const { heroImageSlotExists } = inject(
     width: 100%;
     height: 100%;
     /*rtl:ignore*/
-    transform: translate(-32px, -32px);
+    transform: translate(-2rem, -2rem);
   }
 }
 
@@ -303,25 +304,25 @@ const { heroImageSlotExists } = inject(
   /*rtl:ignore*/
   left: 50%;
   border-radius: 50%;
-  width: 192px;
-  height: 192px;
+  width: 12rem;
+  height: 12rem;
   background-image: var(--vp-home-hero-image-background-image);
   filter: var(--vp-home-hero-image-filter);
   /*rtl:ignore*/
   transform: translate(-50%, -50%);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .image-bg {
-    width: 256px;
-    height: 256px;
+    width: 16rem;
+    height: 16rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .image-bg {
-    width: 320px;
-    height: 320px;
+    width: 20rem;
+    height: 20rem;
   }
 }
 
@@ -330,8 +331,8 @@ const { heroImageSlotExists } = inject(
   top: 50%;
   /*rtl:ignore*/
   left: 50%;
-  max-width: 192px;
-  max-height: 192px;
+  max-width: 12rem;
+  max-height: 12rem;
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -339,17 +340,17 @@ const { heroImageSlotExists } = inject(
   transform: translate(-50%, -50%);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   :deep(.image-src) {
-    max-width: 256px;
-    max-height: 256px;
+    max-width: 16rem;
+    max-height: 16rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   :deep(.image-src) {
-    max-width: 320px;
-    max-height: 320px;
+    max-width: 20rem;
+    max-height: 20rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPHome.vue b/src/client/theme-default/components/VPHome.vue
index 78b1ae53..b5cd56c7 100644
--- a/src/client/theme-default/components/VPHome.vue
+++ b/src/client/theme-default/components/VPHome.vue
@@ -8,11 +8,10 @@ const { frontmatter, theme } = useData()
 </script>
 
 <template>
-  <div 
-    class="VPHome" 
-    :class="{
-      'external-link-icon-enabled': theme.externalLinkIcon
-    }">
+  <div
+    class="VPHome"
+    :class="{ 'external-link-icon-enabled': theme.externalLinkIcon }"
+  >
     <slot name="home-hero-before" />
     <VPHomeHero>
       <template #home-hero-info-before><slot name="home-hero-info-before" /></template>
@@ -37,12 +36,13 @@ const { frontmatter, theme } = useData()
 
 <style scoped>
 .VPHome {
-  margin-bottom: 96px;
+  overflow-x: clip;
+  margin-bottom: 6rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPHome {
-    margin-bottom: 128px;
+    margin-bottom: 8rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPHomeContent.vue b/src/client/theme-default/components/VPHomeContent.vue
index 010b95fb..49b7bcdb 100644
--- a/src/client/theme-default/components/VPHomeContent.vue
+++ b/src/client/theme-default/components/VPHomeContent.vue
@@ -1,18 +1,5 @@
-<script setup lang="ts">
-import { useWindowSize } from '@vueuse/core'
-
-const { width: vw } = useWindowSize({
-  initialWidth: 0,
-  includeScrollbar: false
-})
-</script>
-
 <template>
-  <div
-    class="vp-doc container"
-    :style="vw ? { '--vp-offset': `calc(50% - ${vw / 2}px)` } : {}"
-    data-allow-mismatch="style"
-  >
+  <div class="VPHomeContent vp-doc container">
     <slot />
   </div>
 </template>
@@ -21,35 +8,30 @@ const { width: vw } = useWindowSize({
 .container {
   margin: auto;
   width: 100%;
-  max-width: 1280px;
-  padding: 0 24px;
+  max-width: 80rem;
+  padding: 0 1.5rem;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .container {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .container {
     width: 100%;
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 
+/* stretch to full viewport width, overflow is clipped by .VPHome */
 .vp-doc :deep(.VPHomeSponsors),
 .vp-doc :deep(.VPTeamPage) {
-  margin-left: var(--vp-offset, calc(50% - 50vw));
-  margin-right: var(--vp-offset, calc(50% - 50vw));
-}
-
-.vp-doc :deep(.VPHomeSponsors h2) {
-  border-top: none;
-  letter-spacing: normal;
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
 }
 
-.vp-doc :deep(.VPHomeSponsors a),
 .vp-doc :deep(.VPTeamPage a) {
   text-decoration: none;
 }
diff --git a/src/client/theme-default/components/VPHomeSponsors.vue b/src/client/theme-default/components/VPHomeSponsors.vue
index d4eaacd2..3bb9ac2c 100644
--- a/src/client/theme-default/components/VPHomeSponsors.vue
+++ b/src/client/theme-default/components/VPHomeSponsors.vue
@@ -49,44 +49,44 @@ withDefaults(defineProps<Props>(), {
 <style scoped>
 .VPHomeSponsors {
   border-top: 1px solid var(--vp-c-gutter);
-  padding-top: 88px !important;
+  padding-top: 5.5rem !important;
 }
 
 .VPHomeSponsors {
-  margin: 96px 0;
+  margin: 6rem 0;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPHomeSponsors {
-    margin: 128px 0;
+    margin: 8rem 0;
   }
 }
 
 .VPHomeSponsors {
-  padding: 0 24px;
+  padding: 0 1.5rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPHomeSponsors {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPHomeSponsors {
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 
 .container {
   margin: 0 auto;
-  max-width: 1152px;
+  max-width: 72rem;
 }
 
 .love {
   margin: 0 auto;
   width: fit-content;
-  font-size: 28px;
+  font-size: 1.75rem;
   color: var(--vp-c-text-3);
 }
 
@@ -96,21 +96,23 @@ withDefaults(defineProps<Props>(), {
 
 .message {
   margin: 0 auto;
-  padding-top: 10px;
-  max-width: 320px;
+  border-top: none;
+  padding-top: 0.625rem;
+  max-width: 20rem;
   text-align: center;
-  line-height: 24px;
-  font-size: 16px;
+  letter-spacing: normal;
+  line-height: 1.5;
+  font-size: 1rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
 .sponsors {
-  padding-top: 32px;
+  padding-top: 2rem;
 }
 
 .action {
-  padding-top: 40px;
+  padding-top: 2.5rem;
   text-align: center;
 }
 </style>
diff --git a/src/client/theme-default/components/VPImage.vue b/src/client/theme-default/components/VPImage.vue
index 0a014d3c..e2d60621 100644
--- a/src/client/theme-default/components/VPImage.vue
+++ b/src/client/theme-default/components/VPImage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { DefaultTheme } from 'vitepress/theme'
 import { withBase } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme'
 
 defineProps<{
   image: DefaultTheme.ThemeableImage
diff --git a/src/client/theme-default/components/VPLink.vue b/src/client/theme-default/components/VPLink.vue
index 36977697..458d2139 100644
--- a/src/client/theme-default/components/VPLink.vue
+++ b/src/client/theme-default/components/VPLink.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
+
 import { isLinkExternal, normalizeLink } from '../support/utils'
 
 const props = withDefaults(defineProps<{
@@ -10,7 +11,7 @@ const props = withDefaults(defineProps<{
   target?: string
   rel?: string
 }>(), {
-  external: undefined,
+  external: undefined
 })
 
 const tag = computed(() => props.tag ?? (props.href ? 'a' : 'span'))
diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index f80bb361..27dcda67 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
 import { computed, onMounted, ref } from 'vue'
+
 import { useData } from '../composables/data'
 import { useLayout } from '../composables/layout'
 import VPLocalNavOutlineDropdown from './VPLocalNavOutlineDropdown.vue'
@@ -20,37 +21,39 @@ const { y } = useWindowScroll()
 const navHeight = ref(0)
 
 onMounted(() => {
-  navHeight.value = parseInt(
-    getComputedStyle(document.documentElement).getPropertyValue(
-      '--vp-nav-height'
-    )
-  )
+  // getComputedStyle returns custom properties as their raw token ("4rem"),
+  // so resolve the height by measuring instead of parsing
+  const probe = document.createElement('div')
+  probe.style.cssText =
+    'position: absolute; visibility: hidden; height: var(--vp-nav-height)'
+  document.body.appendChild(probe)
+  navHeight.value = probe.offsetHeight
+  probe.remove()
 })
 
-const classes = computed(() => {
-  return {
-    VPLocalNav: true,
-    'has-sidebar': hasSidebar.value,
-    empty: !hasLocalNav.value,
-    fixed: !hasLocalNav.value && !hasSidebar.value
-  }
-})
+const isScrolled = computed(() => y.value >= navHeight.value)
 </script>
 
 <template>
   <div
-    v-if="!isHome && (hasLocalNav || hasSidebar || y >= navHeight)"
-    :class="classes"
+    v-if="!isHome && (hasLocalNav || hasSidebar || isScrolled)"
+    class="VPLocalNav"
+    :class="{
+      'has-sidebar': hasSidebar,
+      'empty': !hasLocalNav,
+      'fixed': !hasLocalNav && !hasSidebar
+    }"
   >
     <div class="container">
       <button
         v-if="hasSidebar"
+        type="button"
         class="menu"
         :aria-expanded="open"
         aria-controls="VPSidebarNav"
         @click="$emit('open-menu')"
       >
-        <span class="vpi-align-left menu-icon"></span>
+        <span class="vpi-align-left menu-icon" aria-hidden="true"></span>
         <span class="menu-text">
           {{ theme.sidebarMenuLabel || 'Menu' }}
         </span>
@@ -68,21 +71,38 @@ const classes = computed(() => {
   /*rtl:ignore*/
   left: 0;
   z-index: var(--vp-z-index-local-nav);
-  border-bottom: 1px solid var(--vp-c-gutter);
+  border-bottom: 1px solid var(--vp-local-nav-divider-color);
   padding-top: var(--vp-layout-top-height, 0px);
   width: 100%;
+}
+
+/* the background surface — below 60rem it covers just this bar; from 60rem
+   the bar is pinned under the fixed navbar, so the surface extends up
+   behind it and one element carries the backdrop filter for both bars
+   (two stacked filters would show a seam at their shared edge) */
+.VPLocalNav::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: -1;
   background-color: var(--vp-local-nav-bg-color);
+  backdrop-filter: var(--vp-nav-backdrop-filter);
+  transition: background-color 0.25s;
 }
 
 .VPLocalNav.fixed {
   position: fixed;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPLocalNav {
     top: var(--vp-nav-height);
   }
 
+  .VPLocalNav::before {
+    top: calc(-1 * var(--vp-nav-height));
+  }
+
   .VPLocalNav.has-sidebar {
     padding-left: var(--vp-sidebar-width);
   }
@@ -92,7 +112,7 @@ const classes = computed(() => {
   }
 }
 
-@media (min-width: 1280px) {
+@media (min-width: 80rem) {
   .VPLocalNav {
     display: none;
   }
@@ -107,8 +127,8 @@ const classes = computed(() => {
 .menu {
   display: flex;
   align-items: center;
-  line-height: 24px;
-  font-size: 12px;
+  line-height: 2;
+  font-size: 0.75rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
   transition: color 0.5s;
@@ -119,26 +139,26 @@ const classes = computed(() => {
   transition: color 0.25s;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .menu {
     display: none;
   }
 }
 
 .menu-icon {
-  margin-right: 8px;
-  font-size: 14px;
+  margin-right: 0.5rem;
+  font-size: 0.875rem;
 }
 
 .menu,
 :deep(.VPLocalNavOutlineDropdown > button) {
-  padding: 12px 24px 11px;
+  padding: 0.75rem 1.5rem 0.6875rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .menu,
   :deep(.VPLocalNavOutlineDropdown > button) {
-    padding: 12px 32px 11px;
+    padding: 0.75rem 2rem 0.6875rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
index 7aded0f9..c4b0418a 100644
--- a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
+++ b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
@@ -2,9 +2,11 @@
 import { onKeyStroke } from '@vueuse/core'
 import { onContentUpdated } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
-import { nextTick, ref, watch } from 'vue'
+import { nextTick, ref, useId, useTemplateRef, watch } from 'vue'
+
 import { useData } from '../composables/data'
 import { resolveTitle } from '../composables/outline'
+import { useBodyScrollLock } from '../composables/scroll-lock'
 import VPDocOutlineItem from './VPDocOutlineItem.vue'
 
 const props = defineProps<{
@@ -15,8 +17,12 @@ const props = defineProps<{
 const { theme } = useData()
 const open = ref(false)
 const vh = ref(0)
-const main = ref<HTMLDivElement>()
-const items = ref<HTMLDivElement>()
+const main = useTemplateRef('main')
+const items = useTemplateRef('items')
+const itemsId = useId()
+
+// lock body scroll while the dropdown is open to prevent scroll chaining
+const isLocked = useBodyScrollLock()
 
 function closeOnClickOutside(e: Event) {
   if (!main.value?.contains(e.target as Node)) {
@@ -25,6 +31,7 @@ function closeOnClickOutside(e: Event) {
 }
 
 watch(open, (value) => {
+  isLocked.value = value
   if (value) {
     document.addEventListener('click', closeOnClickOutside)
     return
@@ -70,15 +77,22 @@ function scrollToTop() {
     :style="{ '--vp-vh': vh + 'px' }"
     data-allow-mismatch="style"
   >
-    <button @click="toggle" :class="{ open }" v-if="headers.length > 0">
+    <button
+      v-if="headers.length > 0"
+      type="button"
+      :aria-expanded="open"
+      :aria-controls="itemsId"
+      :class="{ open }"
+      @click="toggle"
+    >
       <span class="menu-text">{{ resolveTitle(theme) }}</span>
-      <span class="vpi-chevron-right icon" />
+      <span class="vpi-chevron-right icon" aria-hidden="true" />
     </button>
-    <button @click="scrollToTop" v-else>
+    <button v-else type="button" @click="scrollToTop">
       {{ theme.returnToTopLabel || 'Return to top' }}
     </button>
     <Transition name="flyout">
-      <div v-if="open" ref="items" class="items" @click="onItemClick">
+      <div v-if="open" ref="items" :id="itemsId" class="items" @click="onItemClick">
         <div class="header">
           <a class="top-link" href="#" @click="scrollToTop">
             {{ theme.returnToTopLabel || 'Return to top' }}
@@ -95,9 +109,9 @@ function scrollToTop() {
 <style scoped>
 .VPLocalNavOutlineDropdown button {
   display: block;
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 500;
-  line-height: 24px;
+  line-height: 2;
   color: var(--vp-c-text-2);
   transition: color 0.5s;
   position: relative;
@@ -115,19 +129,19 @@ function scrollToTop() {
 .icon {
   display: inline-block;
   vertical-align: middle;
-  margin-left: 2px;
-  font-size: 14px;
+  margin-left: 0.125rem;
+  font-size: 0.875rem;
   transform: rotate(0) /*rtl:rotate(180deg)*/;
   transition: transform 0.25s;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPLocalNavOutlineDropdown button {
-    font-size: 14px;
+    font-size: 0.875rem;
   }
 
   .icon {
-    font-size: 16px;
+    font-size: 1rem;
   }
 }
 
@@ -138,24 +152,25 @@ function scrollToTop() {
 
 .items {
   position: absolute;
-  top: 40px;
-  right: 16px;
-  left: 16px;
+  top: 2.5rem;
+  right: 1rem;
+  left: 1rem;
   display: grid;
   gap: 1px;
   border: 1px solid var(--vp-c-border);
-  border-radius: 8px;
+  border-radius: 0.5rem;
   background-color: var(--vp-c-gutter);
-  max-height: calc(var(--vp-vh, 100vh) - 86px);
+  max-height: calc(var(--vp-vh, 100vh) - 5.375rem);
   overflow: hidden auto;
+  overscroll-behavior: contain;
   box-shadow: var(--vp-shadow-3);
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .items {
     right: auto;
-    left: calc(var(--vp-sidebar-width) + 32px);
-    width: 320px;
+    left: calc(var(--vp-sidebar-width) + 2rem);
+    width: 20rem;
   }
 }
 
@@ -165,15 +180,15 @@ function scrollToTop() {
 
 .top-link {
   display: block;
-  padding: 0 16px;
-  line-height: 48px;
-  font-size: 14px;
+  padding: 0 1rem;
+  line-height: 3.4285714;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-brand-1);
 }
 
 .outline {
-  padding: 8px 0;
+  padding: 0.5rem 0;
   background-color: var(--vp-c-bg-soft);
 }
 
@@ -188,6 +203,6 @@ function scrollToTop() {
 .flyout-enter-from,
 .flyout-leave-to {
   opacity: 0;
-  transform: translateY(-16px);
+  transform: translateY(-1rem);
 }
 </style>
diff --git a/src/client/theme-default/components/VPLocalSearchBox.vue b/src/client/theme-default/components/VPLocalSearchBox.vue
index fa6af65e..046c849b 100644
--- a/src/client/theme-default/components/VPLocalSearchBox.vue
+++ b/src/client/theme-default/components/VPLocalSearchBox.vue
@@ -6,13 +6,12 @@ import {
   onKeyStroke,
   useEventListener,
   useLocalStorage,
-  useScrollLock,
   useSessionStorage
 } from '@vueuse/core'
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
 import Mark from 'mark.js/src/vanilla.js'
 import MiniSearch, { type SearchResult } from 'minisearch'
-import { dataSymbol, inBrowser, useRouter } from 'vitepress'
+import { dataSymbol, useRouter } from 'vitepress'
 import {
   computed,
   createApp,
@@ -22,14 +21,17 @@ import {
   onMounted,
   ref,
   shallowRef,
+  useTemplateRef,
   watch,
   watchEffect,
   type Ref
 } from 'vue'
+
 import type { LocalSearchTranslations } from '../../../../types/local-search'
 import { pathToFile } from '../../app/utils'
 import { escapeRegExp } from '../../shared'
 import { useData } from '../composables/data'
+import { useBodyScrollLock } from '../composables/scroll-lock'
 import { LRUCache } from '../support/lru'
 import { createSearchTranslate } from '../support/translation'
 
@@ -37,8 +39,8 @@ const emit = defineEmits<{
   (e: 'close'): void
 }>()
 
-const el = shallowRef<HTMLElement>()
-const resultsEl = shallowRef<HTMLElement>()
+const el = useTemplateRef('el')
+const resultsEl = useTemplateRef('resultsEl')
 
 /* Search */
 
@@ -74,25 +76,25 @@ const showSearchSpinner = computed(() => {
 })
 
 const searchIndex = computedAsync(
-  async () =>
-    markRaw(
-      MiniSearch.loadJSON<Result>(
-        (await searchIndexData.value[localeIndex.value]?.())?.default,
-        {
-          fields: ['title', 'titles', 'text'],
-          storeFields: ['title', 'titles'],
-          searchOptions: {
-            fuzzy: 0.2,
-            prefix: true,
-            boost: { title: 4, text: 2, titles: 1 },
-            ...(theme.value.search?.provider === 'local' &&
-              theme.value.search.options?.miniSearch?.searchOptions)
-          },
+  async () => {
+    const json = (await searchIndexData.value[localeIndex.value]?.())?.default
+    if (!json) return null
+    return markRaw(
+      MiniSearch.loadJSON<Result>(json, {
+        fields: ['title', 'titles', 'text'],
+        storeFields: ['title', 'titles'],
+        searchOptions: {
+          fuzzy: 0.2,
+          prefix: true,
+          boost: { title: 4, text: 2, titles: 1 },
           ...(theme.value.search?.provider === 'local' &&
-            theme.value.search.options?.miniSearch?.options)
-        }
-      )
-    ),
+            theme.value.search.options?.miniSearch?.searchOptions)
+        },
+        ...(theme.value.search?.provider === 'local' &&
+          theme.value.search.options?.miniSearch?.options)
+      })
+    )
+  },
   undefined,
   isSearchIndexLoading
 )
@@ -264,7 +266,7 @@ async function fetchExcerpt(id: string) {
 
 /* Search input focus */
 
-const searchInput = ref<HTMLInputElement>()
+const searchInput = useTemplateRef('searchInput')
 const disableReset = computed(() => {
   return filterText.value?.length <= 0
 })
@@ -409,7 +411,7 @@ useEventListener('popstate', (event) => {
 
 /** Lock body */
 
-const isLocked = useScrollLock(inBrowser ? document.body : null)
+const isLocked = useBodyScrollLock()
 
 onMounted(() => {
   nextTick(() => {
@@ -486,7 +488,7 @@ function onMouseMove(e: MouseEvent) {
           <input
             ref="searchInput"
             v-model="filterText"
-            :aria-activedescendant="selectedIndex > -1 ? ('localsearch-item-' + selectedIndex) : undefined"
+            :aria-activedescendant="selectedIndex > -1 ? 'localsearch-item-' + selectedIndex : undefined"
             aria-autocomplete="both"
             :aria-controls="results?.length ? 'localsearch-list' : undefined"
             aria-labelledby="localsearch-label"
@@ -593,8 +595,7 @@ function onMouseMove(e: MouseEvent) {
             v-if="filterText && !results.length && enableNoResults"
             class="no-results"
           >
-            {{ translate('modal.noResultsText') }} "<strong>{{ filterText }}</strong
-            >"
+            {{ translate('modal.noResultsText') }} "<strong>{{ filterText }}</strong>"
           </li>
         </ul>
 
@@ -641,19 +642,19 @@ function onMouseMove(e: MouseEvent) {
 
 .shell {
   position: relative;
-  padding: 12px;
-  margin: 64px auto;
+  padding: 0.75rem;
+  margin: 4rem auto;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 1rem;
   background: var(--vp-local-search-bg);
-  width: min(100vw - 60px, 900px);
+  width: min(100vw - 3.75rem, 56.25rem);
   height: min-content;
-  max-height: min(100vh - 128px, 900px);
-  border-radius: 6px;
+  max-height: min(100vh - 8rem, 56.25rem);
+  border-radius: 0.375rem;
 }
 
-@media (max-width: 767px) {
+@media not all and (min-width: 48rem) {
   .shell {
     margin: 0;
     width: 100vw;
@@ -665,16 +666,16 @@ function onMouseMove(e: MouseEvent) {
 
 .search-bar {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 4px;
+  border-radius: 0.25rem;
   display: flex;
   align-items: center;
-  padding: 0 12px;
+  padding: 0 0.75rem;
   cursor: text;
 }
 
-@media (max-width: 767px) {
+@media not all and (min-width: 48rem) {
   .search-bar {
-    padding: 0 8px;
+    padding: 0 0.5rem;
   }
 }
 
@@ -684,26 +685,26 @@ function onMouseMove(e: MouseEvent) {
 
 .local-search-icon {
   display: block;
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 
 .navigate-icon {
   display: block;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 .search-icon {
-  margin: 8px;
+  margin: 0.5rem;
 }
 
-@media (max-width: 767px) {
+@media not all and (min-width: 48rem) {
   .search-icon {
     display: none;
   }
 }
 
 .search-input {
-  padding: 6px 12px;
+  padding: 0.375rem 0.75rem;
   font-size: inherit;
   width: 100%;
 }
@@ -712,31 +713,31 @@ function onMouseMove(e: MouseEvent) {
   display: none;
 }
 
-@media (max-width: 767px) {
+@media not all and (min-width: 48rem) {
   .search-input {
-    padding: 6px 4px;
+    padding: 0.375rem 0.25rem;
   }
 }
 
 .search-actions {
   display: flex;
-  gap: 4px;
+  gap: 0.25rem;
 }
 
 @media (any-pointer: coarse) {
   .search-actions {
-    gap: 8px;
+    gap: 0.5rem;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .search-actions.before {
     display: none;
   }
 }
 
 .search-actions button {
-  padding: 8px;
+  padding: 0.5rem;
 }
 
 .search-actions button:not([disabled]):hover,
@@ -750,9 +751,9 @@ function onMouseMove(e: MouseEvent) {
 
 .search-loading {
   visibility: hidden;
-  margin: 8px;
-  width: 18px;
-  height: 18px;
+  margin: 0.5rem;
+  width: 1.125rem;
+  height: 1.125rem;
   flex: none;
   border: 2px solid var(--vp-c-divider);
   border-top-color: var(--vp-c-brand-1);
@@ -781,17 +782,17 @@ function onMouseMove(e: MouseEvent) {
   opacity: 75%;
   display: flex;
   flex-wrap: wrap;
-  gap: 16px;
-  line-height: 14px;
+  gap: 1rem;
+  line-height: 1.09375;
 }
 
 .search-keyboard-shortcuts span {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 0.25rem;
 }
 
-@media (max-width: 767px) {
+@media not all and (min-width: 48rem) {
   .search-keyboard-shortcuts {
     display: none;
   }
@@ -799,9 +800,9 @@ function onMouseMove(e: MouseEvent) {
 
 .search-keyboard-shortcuts kbd {
   background: rgba(128, 128, 128, 0.1);
-  border-radius: 4px;
-  padding: 3px 6px;
-  min-width: 24px;
+  border-radius: 0.25rem;
+  padding: 0.1875rem 0.375rem;
+  min-width: 1.5rem;
   display: inline-block;
   text-align: center;
   vertical-align: middle;
@@ -812,7 +813,7 @@ function onMouseMove(e: MouseEvent) {
 .results {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 0.375rem;
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -821,39 +822,39 @@ function onMouseMove(e: MouseEvent) {
 .result {
   display: flex;
   align-items: center;
-  gap: 8px;
-  border-radius: 4px;
+  gap: 0.5rem;
+  border-radius: 0.25rem;
   transition: none;
-  line-height: 1rem;
+  line-height: 1;
   border: solid 2px var(--vp-local-search-result-border);
   outline: none;
 }
 
 .result > div {
-  margin: 12px;
+  margin: 0.75rem;
   width: 100%;
   overflow: hidden;
 }
 
-@media (max-width: 767px) {
+@media not all and (min-width: 48rem) {
   .result > div {
-    margin: 8px;
+    margin: 0.5rem;
   }
 }
 
 .titles {
   display: flex;
   flex-wrap: wrap;
-  gap: 4px;
+  gap: 0.25rem;
   position: relative;
   z-index: 1001;
-  padding: 2px 0;
+  padding: 0.125rem 0;
 }
 
 .title {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 0.25rem;
 }
 
 .title.main {
@@ -882,10 +883,10 @@ function onMouseMove(e: MouseEvent) {
 .excerpt {
   opacity: 50%;
   pointer-events: none;
-  max-height: 140px;
+  max-height: 8.75rem;
   overflow: hidden;
   position: relative;
-  margin-top: 4px;
+  margin-top: 0.25rem;
 }
 
 .result.selected .excerpt {
@@ -894,15 +895,15 @@ function onMouseMove(e: MouseEvent) {
 
 .excerpt :deep(*) {
   font-size: 0.8rem !important;
-  line-height: 130% !important;
+  line-height: 1.3 !important;
 }
 
 .titles :deep(mark),
 .excerpt :deep(mark) {
   background-color: var(--vp-local-search-highlight-bg);
   color: var(--vp-local-search-highlight-text);
-  border-radius: 2px;
-  padding: 0 2px;
+  border-radius: 0.125rem;
+  padding: 0 0.125rem;
 }
 
 .excerpt :deep(.vp-code-group) .tabs {
@@ -910,7 +911,7 @@ function onMouseMove(e: MouseEvent) {
 }
 
 .excerpt :deep(.vp-code-group) div[class*='language-'] {
-  border-radius: 8px !important;
+  border-radius: 0.5rem !important;
 }
 
 .excerpt-gradient-bottom {
@@ -918,7 +919,7 @@ function onMouseMove(e: MouseEvent) {
   bottom: -1px;
   left: 0;
   width: 100%;
-  height: 8px;
+  height: 0.5rem;
   background: linear-gradient(transparent, var(--vp-local-search-result-bg));
   z-index: 1000;
 }
@@ -928,7 +929,7 @@ function onMouseMove(e: MouseEvent) {
   top: -1px;
   left: 0;
   width: 100%;
-  height: 8px;
+  height: 0.5rem;
   background: linear-gradient(var(--vp-local-search-result-bg), transparent);
   z-index: 1000;
 }
@@ -941,7 +942,7 @@ function onMouseMove(e: MouseEvent) {
 .no-results {
   font-size: 0.9rem;
   text-align: center;
-  padding: 12px;
+  padding: 0.75rem;
 }
 
 svg {
diff --git a/src/client/theme-default/components/VPMenu.vue b/src/client/theme-default/components/VPMenu.vue
index bea61988..725dc4a1 100644
--- a/src/client/theme-default/components/VPMenu.vue
+++ b/src/client/theme-default/components/VPMenu.vue
@@ -1,7 +1,8 @@
 <script lang="ts" setup generic="T extends DefaultTheme.NavItem">
 import type { DefaultTheme } from 'vitepress/theme'
-import VPMenuLink from './VPMenuLink.vue'
+
 import VPMenuGroup from './VPMenuGroup.vue'
+import VPMenuLink from './VPMenuLink.vue'
 
 defineProps<{
   items?: T[]
@@ -11,15 +12,16 @@ defineProps<{
 <template>
   <div class="VPMenu">
     <ul v-if="items" class="items">
-      <li v-for="item in items" :key="JSON.stringify(item)">
+      <template v-for="item in items" :key="JSON.stringify(item)">
         <VPMenuLink v-if="'link' in item" :item />
         <component
           v-else-if="'component' in item"
           :is="item.component"
           v-bind="item.props"
+          menu
         />
         <VPMenuGroup v-else :text="item.text" :items="item.items" />
-      </li>
+      </template>
     </ul>
 
     <slot />
@@ -28,9 +30,9 @@ defineProps<{
 
 <style scoped>
 .VPMenu {
-  border-radius: 12px;
-  padding: 12px;
-  min-width: 128px;
+  border-radius: 0.75rem;
+  padding: 0.75rem;
+  min-width: 8rem;
   border: 1px solid var(--vp-c-divider);
   background-color: var(--vp-c-bg-elv);
   box-shadow: var(--vp-shadow-3);
@@ -40,13 +42,13 @@ defineProps<{
 }
 
 .VPMenu :deep(.group) {
-  margin: 0 -12px;
-  padding: 0 12px 12px;
+  margin: 0 -0.75rem;
+  padding: 0 0.75rem 0.75rem;
 }
 
 .VPMenu :deep(.group + .group) {
   border-top: 1px solid var(--vp-c-divider);
-  padding: 11px 12px 12px;
+  padding: 0.6875rem 0.75rem 0.75rem;
 }
 
 .VPMenu :deep(.group:last-child) {
@@ -55,24 +57,12 @@ defineProps<{
 
 .VPMenu :deep(.group + .item) {
   border-top: 1px solid var(--vp-c-divider);
-  padding: 11px 16px 0;
+  padding: 0.6875rem 1rem 0;
 }
 
 .VPMenu :deep(.item) {
-  padding: 0 16px;
+  padding: 0 1rem;
   white-space: nowrap;
 }
 
-.VPMenu :deep(.label) {
-  flex-grow: 1;
-  line-height: 28px;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--vp-c-text-2);
-  transition: color 0.5s;
-}
-
-.VPMenu :deep(.action) {
-  padding-left: 24px;
-}
 </style>
diff --git a/src/client/theme-default/components/VPMenuGroup.vue b/src/client/theme-default/components/VPMenuGroup.vue
index 7d12eb75..4e155292 100644
--- a/src/client/theme-default/components/VPMenuGroup.vue
+++ b/src/client/theme-default/components/VPMenuGroup.vue
@@ -1,28 +1,59 @@
-<script lang="ts" setup generic="T extends (DefaultTheme.NavItemComponent | DefaultTheme.NavItemChildren | DefaultTheme.NavItemWithLink)">
+<script
+  lang="ts"
+  setup
+  generic="
+    T extends
+      | DefaultTheme.NavItemComponent
+      | DefaultTheme.NavItemChildren
+      | DefaultTheme.NavItemWithLink
+  "
+>
 import type { DefaultTheme } from 'vitepress/theme'
+import { computed, inject } from 'vue'
+
+import { navScreenInjectionKey } from '../composables/nav'
 import VPMenuLink from './VPMenuLink.vue'
 
-defineProps<{
+const props = defineProps<{
   text?: string
   items: T[]
 }>()
+
+const screen = inject(navScreenInjectionKey, false)
+
+const hasSubGroups = computed(() =>
+  props.items.some((item) => !('link' in item) && !('component' in item))
+)
 </script>
 
 <template>
-  <div class="VPMenuGroup">
+  <li
+    class="VPMenuGroup"
+    :class="{ VPNavScreenMenuGroupSection: screen }"
+  >
     <p v-if="text" class="title">{{ text }}</p>
 
-    <template v-for="item in items" :key="JSON.stringify(item)">
-      <VPMenuLink v-if="'link' in item" :item />
-    </template>
-  </div>
+    <ul :class="{ 'sub-groups': hasSubGroups }">
+      <template v-for="item in items" :key="JSON.stringify(item)">
+        <VPMenuLink v-if="'link' in item" :item />
+        <component
+          v-else-if="'component' in item"
+          :is="item.component"
+          v-bind="item.props"
+          :screen-menu="screen || undefined"
+          :menu="!screen || undefined"
+        />
+        <VPMenuGroup v-else :text="item.text" :items="item.items" />
+      </template>
+    </ul>
+  </li>
 </template>
 
 <style scoped>
 .VPMenuGroup {
-  margin: 12px -12px 0;
+  margin: 0.75rem -0.75rem 0;
   border-top: 1px solid var(--vp-c-divider);
-  padding: 12px 12px 0;
+  padding: 0.75rem 0.75rem 0;
 }
 
 .VPMenuGroup:first-child {
@@ -32,17 +63,48 @@ defineProps<{
 }
 
 .VPMenuGroup + .VPMenuGroup {
-  margin-top: 12px;
+  margin-top: 0.75rem;
   border-top: 1px solid var(--vp-c-divider);
 }
 
 .title {
-  padding: 0 12px;
-  line-height: 32px;
-  font-size: 14px;
+  padding: 0 0.75rem;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
   font-weight: 600;
   color: var(--vp-c-text-2);
   white-space: nowrap;
   transition: color 0.25s;
 }
+
+.VPNavScreen .VPMenuGroup {
+  margin: 0;
+  border: none;
+  padding: 0;
+}
+
+.VPNavScreen .title {
+  padding: 0;
+  line-height: 2.4615385;
+  font-size: 0.8125rem;
+  font-weight: 700;
+  white-space: normal;
+}
+
+.VPMenuGroup > .sub-groups {
+  margin: 0.25rem 0 0.25rem 0.75rem;
+  border-left: 1px solid var(--vp-c-divider);
+  padding-left: 0.25rem;
+}
+
+.VPMenuGroup .VPMenuGroup,
+.VPMenuGroup .VPMenuGroup + .VPMenuGroup {
+  margin: 0;
+  border-top: 0;
+  padding: 0.5rem 0 0;
+}
+
+.VPMenuGroup .VPMenuGroup:first-child {
+  padding-top: 0;
+}
 </style>
diff --git a/src/client/theme-default/components/VPMenuLink.vue b/src/client/theme-default/components/VPMenuLink.vue
index 78b0dea0..39016a7e 100644
--- a/src/client/theme-default/components/VPMenuLink.vue
+++ b/src/client/theme-default/components/VPMenuLink.vue
@@ -1,8 +1,12 @@
 <script lang="ts" setup generic="T extends DefaultTheme.NavItemWithLink">
-import { useRoute } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
-import { computed } from 'vue'
-import { isActive } from '../../shared'
+import { inject } from 'vue'
+
+import {
+  navInjectionKey,
+  navScreenInjectionKey,
+  useNavItemLink
+} from '../composables/nav'
 import VPLink from './VPLink.vue'
 
 const props = defineProps<{
@@ -10,61 +14,62 @@ const props = defineProps<{
   rel?: string
 }>()
 
-const route = useRoute()
+const { href, isActiveLink, isCurrentLink } = useNavItemLink(() => props.item)
 
-const href = computed(() =>
-  typeof props.item.link === 'function'
-    ? props.item.link(route.data)
-    : props.item.link
-)
+const screen = inject(navScreenInjectionKey, false)
+const nav = inject(navInjectionKey, null)
 
-const isActiveLink = computed(() => {
-  return isActive(
-    route.data.relativePath,
-    route.hash,
-    props.item.activeMatch || href.value,
-    !!props.item.activeMatch
-  )
-})
+function onClick() {
+  if (screen) nav?.closeScreen()
+}
 
 defineOptions({ inheritAttrs: false })
 </script>
 
 <template>
-  <div class="VPMenuLink">
+  <li class="VPMenuLink">
     <VPLink
       v-bind="$attrs"
-      :class="{ active: isActiveLink }"
+      :class="{
+        active: isActiveLink,
+        VPNavScreenMenuGroupLink: screen
+      }"
+      :aria-current="isCurrentLink ? 'page' : undefined"
       :href
       :target="item.target"
       :rel="props.rel ?? item.rel"
       :no-icon="item.noIcon"
+      @click="onClick"
     >
       <span v-html="item.text"></span>
     </VPLink>
-  </div>
+  </li>
 </template>
 
 <style scoped>
 .VPMenuGroup + .VPMenuLink {
-  margin: 12px -12px 0;
+  margin: 0.75rem -0.75rem 0;
   border-top: 1px solid var(--vp-c-divider);
-  padding: 12px 12px 0;
+  padding: 0.75rem 0.75rem 0;
+}
+
+.VPMenuGroup .VPMenuGroup + .VPMenuLink {
+  margin: 0;
+  border-top: 0;
+  padding: 0.5rem 0 0;
 }
 
 .link {
   display: block;
-  border-radius: 6px;
-  padding: 0 12px;
-  line-height: 32px;
-  font-size: 14px;
+  border-radius: 0.375rem;
+  padding: 0 0.75rem;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-1);
   text-align: left;
   white-space: nowrap;
-  transition:
-    background-color 0.25s,
-    color 0.25s;
+  transition: background-color 0.25s, color 0.25s;
 }
 
 .link:hover {
@@ -75,4 +80,23 @@ defineOptions({ inheritAttrs: false })
 .link.active {
   color: var(--vp-c-brand-1);
 }
+
+.VPNavScreen .VPMenuLink {
+  margin: 0;
+  border: none;
+  padding: 0;
+}
+
+.VPNavScreen .link {
+  display: block;
+  margin-left: 0.75rem;
+  border-radius: 0;
+  padding: 0;
+  font-weight: 400;
+  white-space: normal;
+}
+
+.VPNavScreen .link:hover {
+  background-color: transparent;
+}
 </style>
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index d33949a6..051a3009 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { inBrowser } from 'vitepress'
 import { computed, provide, watchEffect } from 'vue'
+
 import { useData } from '../composables/data'
 import { navInjectionKey, useNav } from '../composables/nav'
 import VPNavBar from './VPNavBar.vue'
@@ -46,10 +47,9 @@ watchEffect(() => {
   z-index: var(--vp-z-index-nav);
   width: 100%;
   pointer-events: none;
-  transition: background-color 0.5s;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPNav {
     position: fixed;
   }
diff --git a/src/client/theme-default/components/VPNavAppearance.vue b/src/client/theme-default/components/VPNavAppearance.vue
new file mode 100644
index 00000000..6873e400
--- /dev/null
+++ b/src/client/theme-default/components/VPNavAppearance.vue
@@ -0,0 +1,92 @@
+<script lang="ts" setup>
+import { computed, useId } from 'vue'
+
+import { useData } from '../composables/data'
+import { useAppearanceSwitch } from '../composables/nav'
+import { useNavOverflow } from '../composables/nav-overflow'
+import VPSwitchAppearance from './VPSwitchAppearance.vue'
+
+const props = defineProps<{
+  /** labeled row (nav screen and `⋯` menu) instead of the bare switch */
+  row?: boolean
+  /** styling context for the row variant */
+  screen?: boolean
+}>()
+
+const { theme } = useData()
+const show = useAppearanceSwitch()
+
+// only the inline bar switch participates in the overflow engine
+const overflow = props.row ? null : useNavOverflow()
+
+const isCollapsed = computed(() => !!overflow && !overflow.state.appearance)
+
+const labelId = useId()
+</script>
+
+<template>
+  <div
+    v-if="show"
+    class="VPNavAppearance"
+    :class="[
+      row ? (screen ? 'VPNavScreenAppearance' : 'menu-appearance') : 'VPNavBarAppearance',
+      { collapsed: isCollapsed }
+    ]"
+    :ref="(el) => overflow?.setClusterEl('appearance', el as HTMLElement | null)"
+  >
+    <p v-if="row" :id="labelId" class="text">
+      {{ theme.darkModeSwitchLabel || 'Appearance' }}
+    </p>
+    <VPSwitchAppearance :aria-labelledby="row ? labelId : undefined" />
+  </div>
+</template>
+
+<style scoped>
+.VPNavBarAppearance {
+  display: none;
+}
+
+@media (min-width: 48rem) {
+  .VPNavBarAppearance {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.VPNavAppearance .text {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--vp-c-text-2);
+}
+
+/* labeled row inside the nav screen */
+.VPNavScreenAppearance {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 0.5rem;
+  padding: 0.75rem 0.875rem 0.75rem 1rem;
+  background-color: var(--vp-c-bg-soft);
+}
+
+.VPNavScreenAppearance .text {
+  line-height: 2;
+}
+
+/* labeled row inside the `⋯` menu */
+.menu-appearance {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  min-width: 11rem;
+  padding: 0 0.75rem;
+}
+
+/* matches the menu group titles */
+.menu-appearance .text {
+  line-height: 2.2857143;
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+</style>
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index e180f7cc..35b404cb 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -1,16 +1,20 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
+import { computed } from 'vue'
+
+import { useData } from '../composables/data'
 import { useLayout } from '../composables/layout'
-import VPNavBarAppearance from './VPNavBarAppearance.vue'
+import { provideNavOverflow } from '../composables/nav-overflow'
+import VPNavAppearance from './VPNavAppearance.vue'
 import VPNavBarExtra from './VPNavBarExtra.vue'
 import VPNavBarHamburger from './VPNavBarHamburger.vue'
-import VPNavBarMenu from './VPNavBarMenu.vue'
 import VPNavBarSearch from './VPNavBarSearch.vue'
-import VPNavBarSocialLinks from './VPNavBarSocialLinks.vue'
 import VPNavBarTitle from './VPNavBarTitle.vue'
-import VPNavBarTranslations from './VPNavBarTranslations.vue'
+import VPNavMenu from './VPNavMenu.vue'
+import VPNavSocialLinks from './VPNavSocialLinks.vue'
+import VPNavTranslations from './VPNavTranslations.vue'
 
-const props = defineProps<{
+defineProps<{
   isScreenOpen: boolean
 }>()
 
@@ -18,8 +22,15 @@ defineEmits<{
   (e: 'toggle-screen'): void
 }>()
 
+const { theme } = useData()
+const { isHome, hasSidebar, hasLocalNav } = useLayout()
+
 const { y } = useWindowScroll()
-const { isHome, hasSidebar } = useLayout()
+const isTop = computed(() => y.value <= 0)
+
+const overflow = provideNavOverflow({
+  itemsKey: () => JSON.stringify(theme.value.nav ?? null)
+})
 </script>
 
 <template>
@@ -27,8 +38,9 @@ const { isHome, hasSidebar } = useLayout()
     class="VPNavBar"
     :class="{
       'has-sidebar': hasSidebar,
+      'has-local-nav': !isHome && hasLocalNav,
       'home': isHome,
-      'top': y === 0,
+      'top': isTop,
       'screen-open': isScreenOpen
     }"
   >
@@ -42,13 +54,16 @@ const { isHome, hasSidebar } = useLayout()
         </div>
 
         <div class="content">
-          <div class="content-body">
+          <div
+            class="content-body"
+            :ref="(el) => overflow.setContainerEl(el as HTMLElement | null)"
+          >
             <slot name="nav-bar-content-before" />
             <VPNavBarSearch class="search" />
-            <VPNavBarMenu class="menu" />
-            <VPNavBarTranslations class="translations" />
-            <VPNavBarAppearance class="appearance" />
-            <VPNavBarSocialLinks class="social-links" />
+            <VPNavMenu class="menu" />
+            <VPNavTranslations class="translations" />
+            <VPNavAppearance class="appearance" />
+            <VPNavSocialLinks class="social-links" />
             <VPNavBarExtra class="extra" />
             <slot name="nav-bar-content-after" />
             <VPNavBarHamburger
@@ -70,45 +85,79 @@ const { isHome, hasSidebar } = useLayout()
 <style scoped>
 .VPNavBar {
   position: relative;
+  z-index: 1;
   height: var(--vp-nav-height);
   pointer-events: none;
   white-space: nowrap;
-  transition: background-color 0.25s;
+  /* left edge of the background surface and divider — on doc pages the
+     sidebar column paints its own surface up to this offset */
+  --vp-nav-col-offset: 0px;
 }
 
-.VPNavBar.screen-open {
-  transition: none;
+/* the single background surface — every state change below is color-only,
+   so nothing ever moves */
+.VPNavBar::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: var(--vp-nav-col-offset);
+  z-index: -1;
   background-color: var(--vp-nav-bg-color);
-  border-bottom: 1px solid var(--vp-c-divider);
+  backdrop-filter: var(--vp-nav-backdrop-filter);
+  transition: background-color 0.25s;
 }
 
-.VPNavBar:not(.home) {
-  background-color: var(--vp-nav-bg-color);
+/* below 60rem the bar scrolls with the page, so home stays transparent */
+.VPNavBar.home::before {
+  background-color: transparent;
 }
 
-@media (min-width: 960px) {
-  .VPNavBar:not(.home) {
-    background-color: transparent;
+@media (min-width: 60rem) {
+  .VPNavBar.home::before {
+    background-color: var(--vp-nav-bg-color);
   }
 
-  .VPNavBar:not(.has-sidebar):not(.home.top) {
-    background-color: var(--vp-nav-bg-color);
+  .VPNavBar.home.top::before {
+    background-color: var(--vp-nav-home-bg-color);
+    backdrop-filter: none;
+  }
+
+  .VPNavBar.has-sidebar {
+    --vp-nav-col-offset: var(--vp-sidebar-width);
   }
 }
 
-.wrapper {
-  padding: 0 8px 0 24px;
+@media (min-width: 90rem) {
+  .VPNavBar.has-sidebar {
+    --vp-nav-col-offset: calc(
+      (100% - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)
+    );
+  }
 }
 
-@media (min-width: 768px) {
-  .wrapper {
-    padding: 0 32px;
+.VPNavBar.screen-open::before {
+  transition: none;
+  background-color: var(--vp-nav-bg-color);
+}
+
+/* between 60rem and 80rem the local nav is pinned right under the bar and
+   its surface extends up behind it, carrying the paint for both bars */
+@media (60rem <= width < 80rem) {
+  .VPNavBar.has-local-nav::before {
+    background-color: transparent;
+    backdrop-filter: none;
   }
 }
 
-@media (min-width: 960px) {
-  .VPNavBar.has-sidebar .wrapper {
-    padding: 0;
+.wrapper {
+  padding: 0 0.5rem 0 1.5rem;
+}
+
+@media (min-width: 48rem) {
+  .wrapper {
+    padding: 0 2rem;
   }
 }
 
@@ -116,7 +165,7 @@ const { isHome, hasSidebar } = useLayout()
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
-  max-width: calc(var(--vp-layout-max-width) - 64px);
+  max-width: calc(var(--vp-layout-max-width) - 4rem);
   height: var(--vp-nav-height);
   pointer-events: none;
 }
@@ -130,142 +179,126 @@ const { isHome, hasSidebar } = useLayout()
   pointer-events: auto;
 }
 
-@media (min-width: 960px) {
-  .VPNavBar.has-sidebar .container {
-    max-width: 100%;
-  }
-}
-
 .title {
-  flex-shrink: 0;
-  height: calc(var(--vp-nav-height) - 1px);
-  transition: background-color 0.5s;
+  /* below the overflow engine's range the title is the only shrinkable
+     piece, truncating instead of running over search and the hamburger */
+  min-width: 0;
 }
 
-@media (min-width: 960px) {
-  .VPNavBar.has-sidebar .title {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    padding: 0 32px;
-    width: var(--vp-sidebar-width);
-    height: var(--vp-nav-height);
-    background-color: transparent;
+@media (min-width: 48rem) {
+  .title {
+    /* the overflow engine measures fixed occupancy around a rigid title */
+    flex-shrink: 0;
   }
 }
 
-@media (min-width: 1440px) {
+@media (min-width: 60rem) {
+  /* outside home the title column matches the sidebar column, so search and
+     menu sit at the same spot on every doc page; on home the title keeps its
+     natural width and search sits right next to it */
+  .VPNavBar:not(.home) .title {
+    min-width: calc(var(--vp-sidebar-width) - 2rem);
+  }
+
   .VPNavBar.has-sidebar .title {
-    padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));
-    width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px);
+    max-width: calc(var(--vp-sidebar-width) - 2rem);
   }
 }
 
 .content {
   flex-grow: 1;
+  /* below the engine's range the controls stay rigid and the title absorbs
+     all the shrink */
+  flex-shrink: 0;
 }
 
-@media (min-width: 960px) {
-  .VPNavBar.has-sidebar .content {
-    position: relative;
-    z-index: 1;
-    padding-left: var(--vp-sidebar-width);
-    padding-right: 32px;
-  }
-}
-
-@media (min-width: 1440px) {
-  .VPNavBar.has-sidebar .content {
-    padding-left: calc((100% - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
-    padding-right: calc((100% - var(--vp-layout-max-width)) / 2 + 32px);
+@media (min-width: 48rem) {
+  .content {
+    flex-shrink: 1;
+    min-width: 0;
   }
 }
 
 .content-body {
+  position: relative;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   height: var(--vp-nav-height);
-  transition: background-color 0.5s;
 }
 
-@media (min-width: 960px) {
-  .VPNavBar:not(.home.top) .content-body {
-    position: relative;
-    background-color: var(--vp-nav-bg-color);
-  }
-
-  .VPNavBar:not(.has-sidebar):not(.home.top) .content-body {
-    background-color: transparent;
-  }
-
-  .content-body {
-    margin-right: -100vw;
-    padding-right: 100vw;
-  }
+/* collapsed into the `⋯` menu — kept mounted (hidden, out of the a11y tree
+   and tab order) so its natural width stays measurable */
+.content-body > .collapsed {
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  max-width: 100%;
+  overflow: hidden;
 }
 
-.menu + .translations::before,
-.menu + .appearance::before,
-.menu + .social-links::before,
-.translations + .appearance::before,
-.appearance + .social-links::before {
-  margin-right: 8px;
-  margin-left: 8px;
+/* separators between whichever cluster units are currently in the bar */
+.content-body > :where(.menu, .translations, .appearance, .social-links) + :where(.translations, .appearance, .social-links)::before {
+  margin-right: 0.5rem;
+  margin-left: 0.5rem;
   width: 1px;
-  height: 24px;
+  height: 1.5rem;
   background-color: var(--vp-c-divider);
   content: "";
 }
 
-.menu + .appearance::before,
-.translations + .appearance::before {
-  margin-right: 16px;
+.content-body > :where(.menu, .translations) + .appearance::before {
+  margin-right: 1rem;
 }
 
-.appearance + .social-links::before {
-  margin-left: 16px;
+.content-body > .appearance + .social-links::before {
+  margin-left: 1rem;
 }
 
 .social-links {
-  margin-right: -8px;
+  margin-right: -0.5rem;
 }
 
 .divider {
+  position: relative;
+  /* above the background surface, below the bar's content — an open flyout
+     panel overlaps the bar's bottom edge and must cover the rule */
+  z-index: -1;
   width: 100%;
   height: 1px;
+  padding-left: var(--vp-nav-col-offset);
 }
 
-@media (min-width: 960px) {
-  .VPNavBar.has-sidebar .divider {
-    padding-left: var(--vp-sidebar-width);
-  }
-}
-
-@media (min-width: 1440px) {
-  .VPNavBar.has-sidebar .divider {
-    padding-left: calc((100% - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
-  }
+/* the sidebar-column segment of the bottom rule — inset from the column
+   edges so it lines up with the sidebar's own group dividers */
+.VPNavBar.has-sidebar .divider::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: calc(var(--vp-nav-col-offset) - var(--vp-sidebar-width) + 2rem);
+  width: calc(var(--vp-sidebar-width) - 4rem);
+  height: 1px;
+  background-color: var(--vp-c-divider);
 }
 
 .divider-line {
   width: 100%;
   height: 1px;
-  transition: background-color 0.5s;
+  transition: background-color 0.25s;
 }
 
 .VPNavBar:not(.home) .divider-line {
-  background-color: var(--vp-c-gutter);
+  background-color: var(--vp-nav-divider-color);
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPNavBar:not(.home.top) .divider-line {
-    background-color: var(--vp-c-gutter);
+    background-color: var(--vp-nav-divider-color);
   }
+}
 
-  .VPNavBar:not(.has-sidebar):not(.home.top) .divider {
-    background-color: var(--vp-c-gutter);
-  }
+.VPNavBar.screen-open .divider-line {
+  background-color: var(--vp-c-divider);
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarAppearance.vue b/src/client/theme-default/components/VPNavBarAppearance.vue
deleted file mode 100644
index 523e5b6b..00000000
--- a/src/client/theme-default/components/VPNavBarAppearance.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import VPSwitchAppearance from './VPSwitchAppearance.vue'
-
-const { site } = useData()
-</script>
-
-<template>
-  <div
-    v-if="
-      site.appearance &&
-      site.appearance !== 'force-dark' &&
-      site.appearance !== 'force-auto'
-    "
-    class="VPNavBarAppearance"
-  >
-    <VPSwitchAppearance />
-  </div>
-</template>
-
-<style scoped>
-.VPNavBarAppearance {
-  display: none;
-}
-
-@media (min-width: 1280px) {
-  .VPNavBarAppearance {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavBarAskAiButton.vue b/src/client/theme-default/components/VPNavBarAskAiButton.vue
index d1101515..2c51d966 100644
--- a/src/client/theme-default/components/VPNavBarAskAiButton.vue
+++ b/src/client/theme-default/components/VPNavBarAskAiButton.vue
@@ -9,18 +9,18 @@
   display: flex;
   align-items: center;
   height: var(--vp-nav-height);
-  padding: 8px 14px;
-  font-size: 20px;
+  padding: 0.5rem 0.875rem;
+  font-size: 1.25rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPNavBarAskAiButton {
     height: auto;
-    padding: 11.5px;
+    padding: 0.71875rem;
     transition: color 0.3s ease;
     background-color: var(--vp-c-bg-alt);
-    border-radius: 8px;
-    font-size: 15px;
+    border-radius: 0.5rem;
+    font-size: 0.9375rem;
     color: var(--vp-c-text-2);
   }
 
diff --git a/src/client/theme-default/components/VPNavBarExtra.vue b/src/client/theme-default/components/VPNavBarExtra.vue
index b234997d..dfaa4f9d 100644
--- a/src/client/theme-default/components/VPNavBarExtra.vue
+++ b/src/client/theme-default/components/VPNavBarExtra.vue
@@ -1,71 +1,86 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
+
 import { useData } from '../composables/data'
 import { useLangs } from '../composables/langs'
+import { useAppearanceSwitch } from '../composables/nav'
+import { useNavOverflow } from '../composables/nav-overflow'
 import VPFlyout from './VPFlyout.vue'
+import VPMenuGroup from './VPMenuGroup.vue'
 import VPMenuLink from './VPMenuLink.vue'
+import VPNavAppearance from './VPNavAppearance.vue'
+import VPNavTranslations from './VPNavTranslations.vue'
 import VPSocialLinks from './VPSocialLinks.vue'
-import VPSwitchAppearance from './VPSwitchAppearance.vue'
 
-const { site, theme } = useData()
+const { theme } = useData()
 const { localeLinks, currentLang } = useLangs({
   linkToCorrespondingPage: true
 })
+const hasAppearanceSwitch = useAppearanceSwitch()
+
+const overflow = useNavOverflow()
+
+// nav items the priority+ engine pushed out of the bar (contiguous suffix)
+const overflowItems = computed(() => {
+  const count = overflow?.state.visibleItemCount ?? Infinity
+  if (count === Infinity || !theme.value.nav) return []
+  return theme.value.nav.slice(count)
+})
+
+const showTranslations = computed(
+  () =>
+    !!(localeLinks.value.length && currentLang.value.label) &&
+    !(overflow?.state.translations ?? true)
+)
+
+const showAppearance = computed(
+  () => hasAppearanceSwitch.value && !(overflow?.state.appearance ?? true)
+)
 
-const hasExtraContent = computed(
+const showSocialLinks = computed(
+  () => !!theme.value.socialLinks && !(overflow?.state.socialLinks ?? true)
+)
+
+const hasContent = computed(
   () =>
-    (localeLinks.value.length && currentLang.value.label) ||
-    site.value.appearance ||
-    theme.value.socialLinks
+    overflowItems.value.length > 0 ||
+    showTranslations.value ||
+    showAppearance.value ||
+    showSocialLinks.value
 )
 </script>
 
 <template>
   <VPFlyout
-    v-if="hasExtraContent"
+    v-if="hasContent"
     class="VPNavBarExtra"
-    label="extra navigation"
+    :label="theme.extraMenuLabel || 'More options'"
+    :ref="(inst: any) => overflow?.setExtraEl(inst?.$el ?? null)"
   >
-    <ul
-      v-if="localeLinks.length && currentLang.label"
-      class="group translations"
-    >
-      <li class="trans-title">{{ currentLang.label }}</li>
-
-      <li v-for="locale in localeLinks" :key="locale.link">
-        <VPMenuLink
-          :item="locale"
-          :external="false"
-          :lang="locale.lang"
-          :hreflang="locale.lang"
-          rel="alternate"
-          :dir="locale.dir"
-          data-allow-mismatch="attribute"
+    <ul v-if="overflowItems.length" class="group overflow-items">
+      <template v-for="item in overflowItems" :key="JSON.stringify(item)">
+        <VPMenuLink v-if="'link' in item" :item />
+        <!-- a menu panel is a vertical list context — components must
+             render a flat list here, not a nested floating flyout -->
+        <component
+          v-else-if="'component' in item"
+          :is="item.component"
+          v-bind="item.props"
+          menu
         />
-      </li>
+        <VPMenuGroup v-else :text="item.text" :items="item.items" />
+      </template>
     </ul>
 
-    <div
-      v-if="
-        site.appearance &&
-        site.appearance !== 'force-dark' &&
-        site.appearance !== 'force-auto'
-      "
-      class="group"
-    >
-      <div class="item appearance">
-        <p class="label">
-          {{ theme.darkModeSwitchLabel || 'Appearance' }}
-        </p>
-        <div class="appearance-action">
-          <VPSwitchAppearance />
-        </div>
-      </div>
+    <VPNavTranslations v-if="showTranslations" menu />
+
+    <div v-if="showAppearance" class="group">
+      <VPNavAppearance row />
     </div>
 
-    <div v-if="theme.socialLinks" class="group">
+    <div v-if="showSocialLinks" class="group">
       <div class="item social-links">
-        <VPSocialLinks class="social-links-list" :links="theme.socialLinks" />
+        <VPSocialLinks class="social-links-list" :links="theme.socialLinks!" />
       </div>
     </div>
   </VPFlyout>
@@ -74,45 +89,22 @@ const hasExtraContent = computed(
 <style scoped>
 .VPNavBarExtra {
   display: none;
-  margin-right: -12px;
+  margin-right: -0.75rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPNavBarExtra {
     display: block;
   }
 }
 
-@media (min-width: 1280px) {
-  .VPNavBarExtra {
-    display: none;
-  }
-}
-
-.trans-title {
-  padding: 0 24px 0 12px;
-  line-height: 32px;
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--vp-c-text-1);
-}
-
-.item.appearance,
 .item.social-links {
   display: flex;
   align-items: center;
-  padding: 0 12px;
-}
-
-.item.appearance {
-  min-width: 176px;
-}
-
-.appearance-action {
-  margin-right: -2px;
+  padding: 0 0.75rem;
 }
 
 .social-links-list {
-  margin: -4px -8px;
+  margin: -0.25rem -0.5rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarHamburger.vue b/src/client/theme-default/components/VPNavBarHamburger.vue
index 89a27247..ef06a4e7 100644
--- a/src/client/theme-default/components/VPNavBarHamburger.vue
+++ b/src/client/theme-default/components/VPNavBarHamburger.vue
@@ -1,4 +1,9 @@
 <script lang="ts" setup>
+import { useTemplateRef, watchEffect } from 'vue'
+
+import { useData } from '../composables/data'
+import { useNav } from '../composables/nav'
+
 defineProps<{
   active: boolean
 }>()
@@ -6,19 +11,29 @@ defineProps<{
 defineEmits<{
   (e: 'click'): void
 }>()
+
+const { theme } = useData()
+
+// register as the screen's trigger so Escape can return focus here
+const el = useTemplateRef('el')
+const { screenTriggerEl } = useNav()
+
+watchEffect(() => {
+  screenTriggerEl.value = el.value
+})
 </script>
 
 <template>
   <button
+    ref="el"
     type="button"
     class="VPNavBarHamburger"
     :class="{ active }"
-    aria-label="mobile navigation"
+    :aria-label="theme.mobileMenuLabel || 'Menu'"
     :aria-expanded="active"
-    aria-controls="VPNavScreen"
     @click="$emit('click')"
   >
-    <span class="container">
+    <span class="container" aria-hidden="true">
       <span class="top" />
       <span class="middle" />
       <span class="bottom" />
@@ -31,11 +46,11 @@ defineEmits<{
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 48px;
+  width: 3rem;
   height: var(--vp-nav-height);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPNavBarHamburger {
     display: none;
   }
@@ -43,37 +58,37 @@ defineEmits<{
 
 .container {
   position: relative;
-  width: 16px;
-  height: 14px;
+  width: 1rem;
+  height: 0.875rem;
   overflow: hidden;
 }
 
-.VPNavBarHamburger:hover .top    { top: 0; left: 0; transform: translateX(4px); }
-.VPNavBarHamburger:hover .middle { top: 6px; left: 0; transform: translateX(0); }
-.VPNavBarHamburger:hover .bottom { top: 12px; left: 0; transform: translateX(8px); }
+.VPNavBarHamburger:hover .top    { top: 0; left: 0; transform: translateX(0.25rem); }
+.VPNavBarHamburger:hover .middle { top: 0.375rem; left: 0; transform: translateX(0); }
+.VPNavBarHamburger:hover .bottom { top: 0.75rem; left: 0; transform: translateX(0.5rem); }
 
-.VPNavBarHamburger.active .top    { top: 6px; transform: translateX(0) rotate(225deg); }
-.VPNavBarHamburger.active .middle { top: 6px; transform: translateX(16px); }
-.VPNavBarHamburger.active .bottom { top: 6px; transform: translateX(0) rotate(135deg); }
+.VPNavBarHamburger.active .top    { top: 0.375rem; transform: translateX(0) rotate(225deg); }
+.VPNavBarHamburger.active .middle { top: 0.375rem; transform: translateX(1rem); }
+.VPNavBarHamburger.active .bottom { top: 0.375rem; transform: translateX(0) rotate(135deg); }
 
 .VPNavBarHamburger.active:hover .top,
 .VPNavBarHamburger.active:hover .middle,
 .VPNavBarHamburger.active:hover .bottom {
   background-color: var(--vp-c-text-2);
-  transition: top .25s, background-color .25s, transform .25s;
+  transition: top 0.25s, background-color 0.25s, transform 0.25s;
 }
 
 .top,
 .middle,
 .bottom {
   position: absolute;
-  width: 16px;
-  height: 2px;
+  width: 1rem;
+  height: 0.125rem;
   background-color: var(--vp-c-text-1);
-  transition: top .25s, background-color .5s, transform .25s;
+  transition: top 0.25s, background-color 0.5s, transform 0.25s;
 }
 
 .top    { top: 0; left: 0; transform: translateX(0); }
-.middle { top: 6px; left: 0; transform: translateX(8px); }
-.bottom { top: 12px; left: 0; transform: translateX(4px); }
+.middle { top: 0.375rem; left: 0; transform: translateX(0.5rem); }
+.bottom { top: 0.75rem; left: 0; transform: translateX(0.25rem); }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarMenu.vue b/src/client/theme-default/components/VPNavBarMenu.vue
deleted file mode 100644
index 05663c1f..00000000
--- a/src/client/theme-default/components/VPNavBarMenu.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import VPNavBarMenuGroup from './VPNavBarMenuGroup.vue'
-import VPNavBarMenuLink from './VPNavBarMenuLink.vue'
-
-const { theme } = useData()
-</script>
-
-<template>
-  <nav
-    v-if="theme.nav"
-    aria-labelledby="main-nav-aria-label"
-    class="VPNavBarMenu"
-  >
-    <span id="main-nav-aria-label" class="visually-hidden">
-      Main Navigation
-    </span>
-    <ul class="list">
-      <li v-for="item in theme.nav" :key="JSON.stringify(item)">
-        <VPNavBarMenuLink v-if="'link' in item" :item />
-        <component
-          v-else-if="'component' in item"
-          :is="item.component"
-          v-bind="item.props"
-        />
-        <VPNavBarMenuGroup v-else :item />
-      </li>
-    </ul>
-  </nav>
-</template>
-
-<style scoped>
-.VPNavBarMenu {
-  display: none;
-}
-
-.list {
-  display: flex;
-}
-
-@media (min-width: 768px) {
-  .VPNavBarMenu {
-    display: block;
-  }
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavBarMenuGroup.vue b/src/client/theme-default/components/VPNavBarMenuGroup.vue
deleted file mode 100644
index 61004f3f..00000000
--- a/src/client/theme-default/components/VPNavBarMenuGroup.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts" setup>
-import { useRoute } from 'vitepress'
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed } from 'vue'
-import { isActive } from '../../shared'
-import VPFlyout from './VPFlyout.vue'
-
-const props = defineProps<{
-  item: DefaultTheme.NavItemWithChildren
-}>()
-
-const route = useRoute()
-
-const isActiveGroup = computed(() => {
-  if (props.item.activeMatch) {
-    return isActive(
-      route.data.relativePath,
-      route.hash,
-      props.item.activeMatch,
-      true
-    )
-  }
-  return isChildActive(props.item)
-})
-
-function isChildActive(navItem: DefaultTheme.NavItem): boolean {
-  if ('component' in navItem) return false
-
-  if ('link' in navItem) {
-    const href =
-      typeof navItem.link === 'function'
-        ? navItem.link(route.data)
-        : navItem.link
-
-    return isActive(
-      route.data.relativePath,
-      route.hash,
-      navItem.activeMatch || href,
-      !!navItem.activeMatch
-    )
-  }
-
-  return navItem.items.some(isChildActive)
-}
-</script>
-
-<template>
-  <VPFlyout
-    :class="{ VPNavBarMenuGroup: true, active: isActiveGroup }"
-    :button="item.text"
-    :items="item.items"
-  />
-</template>
diff --git a/src/client/theme-default/components/VPNavBarMenuLink.vue b/src/client/theme-default/components/VPNavBarMenuLink.vue
deleted file mode 100644
index 62d5dcf2..00000000
--- a/src/client/theme-default/components/VPNavBarMenuLink.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts" setup>
-import { useRoute } from 'vitepress'
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed } from 'vue'
-import { isActive } from '../../shared'
-import VPLink from './VPLink.vue'
-
-const props = defineProps<{
-  item: DefaultTheme.NavItemWithLink
-}>()
-
-const route = useRoute()
-
-const href = computed(() =>
-  typeof props.item.link === 'function'
-    ? props.item.link(route.data)
-    : props.item.link
-)
-
-const isActiveLink = computed(() => {
-  return isActive(
-    route.data.relativePath,
-    route.hash,
-    props.item.activeMatch || href.value,
-    !!props.item.activeMatch
-  )
-})
-</script>
-
-<template>
-  <VPLink
-    :class="{ VPNavBarMenuLink: true, active: isActiveLink }"
-    :href
-    :target="item.target"
-    :rel="item.rel"
-    :no-icon="item.noIcon"
-    tabindex="0"
-  >
-    <span v-html="item.text"></span>
-  </VPLink>
-</template>
-
-<style scoped>
-.VPNavBarMenuLink {
-  display: flex;
-  align-items: center;
-  padding: 0 12px;
-  line-height: var(--vp-nav-height);
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--vp-c-text-1);
-  transition: color 0.25s;
-}
-
-.VPNavBarMenuLink.active {
-  color: var(--vp-c-brand-1);
-}
-
-.VPNavBarMenuLink:hover {
-  color: var(--vp-c-brand-1);
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavBarSearch.vue b/src/client/theme-default/components/VPNavBarSearch.vue
index e23d5cef..1fe94891 100644
--- a/src/client/theme-default/components/VPNavBarSearch.vue
+++ b/src/client/theme-default/components/VPNavBarSearch.vue
@@ -2,6 +2,7 @@
 import { onKeyStroke } from '@vueuse/core'
 import type { DefaultTheme } from 'vitepress/theme'
 import { computed, defineAsyncComponent, onMounted, ref } from 'vue'
+
 import { useData } from '../composables/data'
 import { resolveMode, resolveOptionsForLanguage } from '../support/docsearch'
 import { smartComputed } from '../support/reactivity'
@@ -200,17 +201,16 @@ function isEditingContent(event: KeyboardEvent): boolean {
   align-items: center;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPNavBarSearch {
-    gap: 8px;
-    flex-grow: 1;
-    padding-left: 24px;
+    gap: 0.5rem;
+    padding-left: 1.5rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPNavBarSearch {
-    padding-left: 32px;
+    padding-left: 2rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarSearchButton.vue b/src/client/theme-default/components/VPNavBarSearchButton.vue
index 7169390b..a9f7e42c 100644
--- a/src/client/theme-default/components/VPNavBarSearchButton.vue
+++ b/src/client/theme-default/components/VPNavBarSearchButton.vue
@@ -20,10 +20,10 @@ defineProps<{
 .VPNavBarSearchButton {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   height: var(--vp-nav-height);
-  padding: 8px 14px;
-  font-size: 20px;
+  padding: 0.5rem 0.875rem;
+  font-size: 1.25rem;
 }
 
 .text,
@@ -38,30 +38,30 @@ kbd {
   font-weight: 500;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPNavBarSearchButton {
     height: auto;
-    padding: 8px 12px;
+    padding: 0.5rem 0.75rem;
     background-color: var(--vp-c-bg-alt);
-    border-radius: 8px;
-    font-size: 14px;
+    border-radius: 0.5rem;
+    font-size: 0.875rem;
     line-height: 1;
     color: var(--vp-c-text-2);
   }
 
   .text {
     display: inline;
-    font-size: 13px;
+    font-size: 0.8125rem;
   }
 
   .keys {
     display: flex;
     align-items: center;
-    gap: 4px;
-    padding: 4px 6px;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
     border: 1px solid var(--vp-c-divider);
-    border-radius: 4px;
-    font-size: 12px;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarSocialLinks.vue b/src/client/theme-default/components/VPNavBarSocialLinks.vue
deleted file mode 100644
index 1adc8037..00000000
--- a/src/client/theme-default/components/VPNavBarSocialLinks.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import VPSocialLinks from './VPSocialLinks.vue'
-
-const { theme } = useData()
-</script>
-
-<template>
-  <VPSocialLinks
-    v-if="theme.socialLinks"
-    class="VPNavBarSocialLinks"
-    :links="theme.socialLinks"
-  />
-</template>
-
-<style scoped>
-.VPNavBarSocialLinks {
-  display: none;
-}
-
-@media (min-width: 1280px) {
-  .VPNavBarSocialLinks {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavBarTitle.vue b/src/client/theme-default/components/VPNavBarTitle.vue
index 9679f8a5..35ce1067 100644
--- a/src/client/theme-default/components/VPNavBarTitle.vue
+++ b/src/client/theme-default/components/VPNavBarTitle.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { useData } from '../composables/data'
 import { useLangs } from '../composables/langs'
 import { useLayout } from '../composables/layout'
@@ -27,6 +28,14 @@ const target = computed(() =>
     ? undefined
     : theme.value.logoLink?.target
 )
+
+// plain-text form of the rendered title (`siteTitle` may contain HTML),
+// surfaced as a native tooltip since the sidebar column truncates it
+const textTitle = computed(() => {
+  if (theme.value.siteTitle === false) return undefined
+  const raw = theme.value.siteTitle ?? site.value.title
+  return raw.replace(/<[^>]+>/g, '').trim() || undefined
+})
 </script>
 
 <template>
@@ -36,6 +45,7 @@ const target = computed(() =>
       :href="link ?? normalizeLink(currentLang.link)"
       :rel
       :target
+      :title="textTitle"
     >
       <slot name="nav-bar-title-before" />
       <VPImage v-if="theme.logo" class="logo" :image="theme.logo" />
@@ -50,27 +60,36 @@ const target = computed(() =>
 .title {
   display: flex;
   align-items: center;
-  border-bottom: 1px solid transparent;
   width: 100%;
   height: var(--vp-nav-height);
-  font-size: 16px;
+  font-size: 1rem;
   font-weight: 600;
   color: var(--vp-c-text-1);
   transition: opacity 0.25s;
 }
 
-@media (min-width: 960px) {
+/* wherever the bar runs out of room, the title text gives way first */
+.title > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@media (min-width: 60rem) {
   .title {
     flex-shrink: 0;
   }
 
-  .VPNavBarTitle.has-sidebar .title {
-    border-bottom-color: var(--vp-c-divider);
+  /* the sidebar column has a fixed width — truncate at the divider
+     segment's edge (2rem inset from the column); the outer column box
+     keeps its full reserved width */
+  .VPNavBarTitle.has-sidebar {
+    max-width: calc(var(--vp-sidebar-width) - 4rem);
   }
 }
 
 :deep(.logo) {
-  margin-right: 8px;
+  flex: none;
+  margin-right: 0.5rem;
   height: var(--vp-nav-logo-height);
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarTranslations.vue b/src/client/theme-default/components/VPNavBarTranslations.vue
deleted file mode 100644
index ef334c37..00000000
--- a/src/client/theme-default/components/VPNavBarTranslations.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import { useLangs } from '../composables/langs'
-import VPFlyout from './VPFlyout.vue'
-import VPMenuLink from './VPMenuLink.vue'
-
-const { theme } = useData()
-const { localeLinks, currentLang } = useLangs({
-  linkToCorrespondingPage: true
-})
-</script>
-
-<template>
-  <VPFlyout
-    v-if="localeLinks.length && currentLang.label"
-    class="VPNavBarTranslations"
-    icon="vpi-languages"
-    :label="theme.langMenuLabel || 'Change language'"
-  >
-    <ul class="items">
-      <li class="title">{{ currentLang.label }}</li>
-
-      <li v-for="locale in localeLinks" :key="locale.link">
-        <VPMenuLink
-          :item="locale"
-          :external="false"
-          :lang="locale.lang"
-          :hreflang="locale.lang"
-          rel="alternate"
-          :dir="locale.dir"
-          data-allow-mismatch="attribute"
-        />
-      </li>
-    </ul>
-  </VPFlyout>
-</template>
-
-<style scoped>
-.VPNavBarTranslations {
-  display: none;
-}
-
-@media (min-width: 1280px) {
-  .VPNavBarTranslations {
-    display: flex;
-    align-items: center;
-  }
-}
-
-.title {
-  padding: 0 24px 0 12px;
-  line-height: 32px;
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--vp-c-text-1);
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavMenu.vue b/src/client/theme-default/components/VPNavMenu.vue
new file mode 100644
index 00000000..4e3bd40c
--- /dev/null
+++ b/src/client/theme-default/components/VPNavMenu.vue
@@ -0,0 +1,79 @@
+<script lang="ts" setup>
+import { useData } from '../composables/data'
+import { useNavOverflow } from '../composables/nav-overflow'
+import VPNavMenuGroup from './VPNavMenuGroup.vue'
+import VPNavMenuLink from './VPNavMenuLink.vue'
+
+const props = defineProps<{
+  screen?: boolean
+}>()
+
+const { theme } = useData()
+
+// bar only — inside the screen every item is always shown
+const overflow = props.screen ? null : useNavOverflow()
+
+function isVisible(index: number) {
+  return !overflow || index < overflow.state.visibleItemCount
+}
+</script>
+
+<template>
+  <nav
+    v-if="theme.nav"
+    :aria-label="theme.navMenuLabel || 'Main Navigation'"
+    class="VPNavMenu"
+    :class="screen ? 'VPNavScreenMenu' : 'VPNavBarMenu'"
+    :ref="(el) => overflow?.setMenuEl(el as HTMLElement | null)"
+  >
+    <ul class="list">
+      <li
+        v-for="(item, index) in theme.nav"
+        :key="JSON.stringify(item)"
+        :class="{ collapsed: !isVisible(index) }"
+        :ref="(el) => overflow?.setItemEl(index, el as HTMLElement | null)"
+      >
+        <VPNavMenuLink v-if="'link' in item" :item :screen />
+        <component
+          v-else-if="'component' in item"
+          :is="item.component"
+          v-bind="item.props"
+          :screen-menu="screen || undefined"
+        />
+        <VPNavMenuGroup v-else :item :screen />
+      </li>
+    </ul>
+  </nav>
+</template>
+
+<style scoped>
+.VPNavBarMenu {
+  position: relative;
+  display: none;
+  min-width: 0;
+}
+
+.VPNavBarMenu .list {
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* collapsed into the `⋯` menu — kept mounted (hidden, out of the a11y tree
+   and tab order) so its natural width stays measurable */
+.VPNavBarMenu .list > li.collapsed {
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+@media (min-width: 48rem) {
+  .VPNavBarMenu {
+    display: flex;
+    flex-grow: 1;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/src/client/theme-default/components/VPNavMenuGroup.vue b/src/client/theme-default/components/VPNavMenuGroup.vue
new file mode 100644
index 00000000..63a9d1ae
--- /dev/null
+++ b/src/client/theme-default/components/VPNavMenuGroup.vue
@@ -0,0 +1,150 @@
+<script lang="ts" setup>
+import { useRoute } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme'
+import { computed, ref, useId } from 'vue'
+
+import { isActive } from '../../shared'
+import VPFlyout from './VPFlyout.vue'
+import VPMenuGroup from './VPMenuGroup.vue'
+import VPMenuLink from './VPMenuLink.vue'
+
+const props = defineProps<{
+  item: DefaultTheme.NavItemWithChildren
+  /** accordion inside the nav screen */
+  screen?: boolean
+  /** flat titled group inside a menu panel (e.g. the `⋯` menu) */
+  menu?: boolean
+}>()
+
+const route = useRoute()
+
+const isActiveGroup = computed(() => {
+  if (props.item.activeMatch) {
+    return isActive(
+      route.data.relativePath,
+      route.hash,
+      props.item.activeMatch,
+      true
+    )
+  }
+  return isChildActive(props.item)
+})
+
+function isChildActive(navItem: DefaultTheme.NavItem): boolean {
+  if ('component' in navItem) return false
+
+  if ('link' in navItem) {
+    const href =
+      typeof navItem.link === 'function'
+        ? navItem.link(route.data)
+        : navItem.link
+
+    return isActive(
+      route.data.relativePath,
+      route.hash,
+      navItem.activeMatch || href,
+      !!navItem.activeMatch
+    )
+  }
+
+  return navItem.items.some(isChildActive)
+}
+
+// screen accordion state — resets when the screen unmounts
+const isOpen = ref(false)
+const groupId = useId()
+
+function toggle() {
+  isOpen.value = !isOpen.value
+}
+</script>
+
+<template>
+  <VPMenuGroup
+    v-if="menu"
+    class="VPNavMenuGroup"
+    :text="item.text"
+    :items="item.items"
+  />
+
+  <VPFlyout
+    v-else-if="!screen"
+    :class="{ VPNavMenuGroup: true, VPNavBarMenuGroup: true, active: isActiveGroup }"
+    :button="item.text"
+    :items="item.items"
+  />
+
+  <div
+    v-else
+    class="VPNavMenuGroup VPNavScreenMenuGroup"
+    :class="{ open: isOpen, active: isActiveGroup }"
+  >
+    <button
+      type="button"
+      class="button"
+      :aria-expanded="isOpen"
+      :aria-controls="groupId"
+      @click="toggle"
+    >
+      <span class="button-text" v-html="item.text"></span>
+      <span class="vpi-plus button-icon" aria-hidden="true" />
+    </button>
+
+    <ul v-show="isOpen" :id="groupId" class="items">
+      <template v-for="child in item.items" :key="JSON.stringify(child)">
+        <VPMenuLink v-if="'link' in child" :item="child" />
+        <li v-else-if="'component' in child">
+          <component :is="child.component" v-bind="child.props" screen-menu />
+        </li>
+        <VPMenuGroup v-else :text="child.text" :items="child.items" />
+      </template>
+    </ul>
+  </div>
+</template>
+
+<style scoped>
+.VPNavScreenMenuGroup {
+  border-bottom: 1px solid var(--vp-c-divider);
+  transition: border-color 0.5s;
+}
+
+.VPNavScreenMenuGroup.open {
+  padding-bottom: 0.625rem;
+}
+
+.VPNavScreenMenuGroup.open .button {
+  padding-bottom: 0.375rem;
+  color: var(--vp-c-brand-1);
+}
+
+.VPNavScreenMenuGroup.open .button-icon {
+  /*rtl:ignore*/
+  transform: rotate(45deg);
+}
+
+.button {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 0.25rem 0.6875rem 0;
+  width: 100%;
+  line-height: 1.7142857;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--vp-c-text-1);
+  transition: color 0.25s;
+}
+
+.button:hover,
+.VPNavScreenMenuGroup.active .button {
+  color: var(--vp-c-brand-1);
+}
+
+.button-icon {
+  transition: transform 0.25s;
+}
+
+.items :deep(.VPMenuGroup) {
+  padding-top: 0.25rem;
+}
+</style>
diff --git a/src/client/theme-default/components/VPNavMenuLink.vue b/src/client/theme-default/components/VPNavMenuLink.vue
new file mode 100644
index 00000000..4fb1fae3
--- /dev/null
+++ b/src/client/theme-default/components/VPNavMenuLink.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import type { DefaultTheme } from 'vitepress/theme'
+import { inject } from 'vue'
+
+import { navInjectionKey, useNavItemLink } from '../composables/nav'
+import VPLink from './VPLink.vue'
+
+const props = defineProps<{
+  item: DefaultTheme.NavItemWithLink
+  screen?: boolean
+}>()
+
+const { href, isActiveLink, isCurrentLink } = useNavItemLink(() => props.item)
+
+const nav = inject(navInjectionKey, null)
+
+function onClick() {
+  if (props.screen) nav?.closeScreen()
+}
+</script>
+
+<template>
+  <VPLink
+    class="VPNavMenuLink"
+    :class="{
+      VPNavBarMenuLink: !screen,
+      VPNavScreenMenuLink: screen,
+      active: isActiveLink
+    }"
+    :aria-current="isCurrentLink ? 'page' : undefined"
+    :href
+    :target="item.target"
+    :rel="item.rel"
+    :no-icon="item.noIcon"
+    @click="onClick"
+  >
+    <span v-html="item.text"></span>
+  </VPLink>
+</template>
+
+<style scoped>
+.VPNavMenuLink {
+  color: var(--vp-c-text-1);
+  font-size: 0.875rem;
+  font-weight: 500;
+  transition: color 0.25s;
+}
+
+.VPNavMenuLink:hover,
+.VPNavMenuLink.active {
+  color: var(--vp-c-brand-1);
+}
+
+.VPNavBarMenuLink {
+  display: flex;
+  align-items: center;
+  min-height: var(--vp-nav-height);
+  padding: 0 0.75rem;
+  line-height: 1.5;
+}
+
+.VPNavScreenMenuLink {
+  display: block;
+  border-bottom: 1px solid var(--vp-c-divider);
+  padding: 0.75rem 0 0.6875rem;
+  line-height: 1.7142857;
+  transition: border-color 0.25s, color 0.25s;
+}
+</style>
diff --git a/src/client/theme-default/components/VPNavScreen.vue b/src/client/theme-default/components/VPNavScreen.vue
index 7256d66d..4ae3ff15 100644
--- a/src/client/theme-default/components/VPNavScreen.vue
+++ b/src/client/theme-default/components/VPNavScreen.vue
@@ -1,16 +1,29 @@
 <script setup lang="ts">
-import { useScrollLock } from '@vueuse/core'
-import { inBrowser } from 'vitepress'
-import VPNavScreenAppearance from './VPNavScreenAppearance.vue'
-import VPNavScreenMenu from './VPNavScreenMenu.vue'
-import VPNavScreenSocialLinks from './VPNavScreenSocialLinks.vue'
-import VPNavScreenTranslations from './VPNavScreenTranslations.vue'
-
-defineProps<{
+import { onKeyStroke } from '@vueuse/core'
+import { provide } from 'vue'
+
+import { navScreenInjectionKey, useNav } from '../composables/nav'
+import { useBodyScrollLock } from '../composables/scroll-lock'
+import VPNavAppearance from './VPNavAppearance.vue'
+import VPNavMenu from './VPNavMenu.vue'
+import VPNavSocialLinks from './VPNavSocialLinks.vue'
+import VPNavTranslations from './VPNavTranslations.vue'
+
+const props = defineProps<{
   open: boolean
 }>()
 
-const isLocked = useScrollLock(inBrowser ? document.body : null)
+const isLocked = useBodyScrollLock()
+
+provide(navScreenInjectionKey, true)
+
+const { closeScreen, screenTriggerEl } = useNav()
+
+onKeyStroke('Escape', () => {
+  if (!props.open) return
+  closeScreen()
+  screenTriggerEl.value?.focus()
+})
 </script>
 
 <template>
@@ -22,10 +35,10 @@ const isLocked = useScrollLock(inBrowser ? document.body : null)
     <div v-if="open" class="VPNavScreen" id="VPNavScreen">
       <div class="container">
         <slot name="nav-screen-content-before" />
-        <VPNavScreenMenu class="menu" />
-        <VPNavScreenTranslations class="translations" />
-        <VPNavScreenAppearance class="appearance" />
-        <VPNavScreenSocialLinks class="social-links" />
+        <VPNavMenu screen class="menu" />
+        <VPNavTranslations screen class="translations" />
+        <VPNavAppearance row screen class="appearance" />
+        <VPNavSocialLinks screen class="social-links" />
         <slot name="nav-screen-content-after" />
       </div>
     </div>
@@ -35,16 +48,17 @@ const isLocked = useScrollLock(inBrowser ? document.body : null)
 <style scoped>
 .VPNavScreen {
   position: fixed;
-  top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px));
+  top: 0;
   /*rtl:ignore*/
   right: 0;
   bottom: 0;
   /*rtl:ignore*/
   left: 0;
-  padding: 0 32px;
+  padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px) 2rem 0;
   width: 100%;
   background-color: var(--vp-nav-screen-bg-color);
   overflow-y: auto;
+  overscroll-behavior: contain;
   transition: background-color 0.25s;
   pointer-events: auto;
 }
@@ -66,10 +80,10 @@ const isLocked = useScrollLock(inBrowser ? document.body : null)
 
 .VPNavScreen.fade-enter-from .container,
 .VPNavScreen.fade-leave-to .container {
-  transform: translateY(-8px);
+  transform: translateY(-0.5rem);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPNavScreen {
     display: none;
   }
@@ -77,21 +91,21 @@ const isLocked = useScrollLock(inBrowser ? document.body : null)
 
 .container {
   margin: 0 auto;
-  padding: 24px 0 96px;
-  max-width: 288px;
+  padding: 1.5rem 0 6rem;
+  max-width: 18rem;
 }
 
 .menu + .translations,
 .menu + .appearance,
 .translations + .appearance {
-  margin-top: 24px;
+  margin-top: 1.5rem;
 }
 
 .menu + .social-links {
-  margin-top: 16px;
+  margin-top: 1rem;
 }
 
 .appearance + .social-links {
-  margin-top: 16px;
+  margin-top: 1rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavScreenAppearance.vue b/src/client/theme-default/components/VPNavScreenAppearance.vue
deleted file mode 100644
index 4f7d2640..00000000
--- a/src/client/theme-default/components/VPNavScreenAppearance.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import VPSwitchAppearance from './VPSwitchAppearance.vue'
-
-const { site, theme } = useData()
-</script>
-
-<template>
-  <div
-    v-if="
-      site.appearance &&
-      site.appearance !== 'force-dark' &&
-      site.appearance !== 'force-auto'
-    "
-    class="VPNavScreenAppearance"
-  >
-    <p class="text">
-      {{ theme.darkModeSwitchLabel || 'Appearance' }}
-    </p>
-    <VPSwitchAppearance />
-  </div>
-</template>
-
-<style scoped>
-.VPNavScreenAppearance {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 8px;
-  padding: 12px 14px 12px 16px;
-  background-color: var(--vp-c-bg-soft);
-}
-
-.text {
-  line-height: 24px;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--vp-c-text-2);
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavScreenMenu.vue b/src/client/theme-default/components/VPNavScreenMenu.vue
deleted file mode 100644
index 8fa72da2..00000000
--- a/src/client/theme-default/components/VPNavScreenMenu.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import VPNavScreenMenuGroup from './VPNavScreenMenuGroup.vue'
-import VPNavScreenMenuLink from './VPNavScreenMenuLink.vue'
-
-const { theme } = useData()
-</script>
-
-<template>
-  <nav v-if="theme.nav" class="VPNavScreenMenu">
-    <ul>
-      <li v-for="item in theme.nav" :key="JSON.stringify(item)">
-        <VPNavScreenMenuLink v-if="'link' in item" :item />
-        <component
-          v-else-if="'component' in item"
-          :is="item.component"
-          v-bind="item.props"
-          screen-menu
-        />
-        <VPNavScreenMenuGroup
-          v-else
-          :text="item.text || ''"
-          :items="item.items"
-        />
-      </li>
-    </ul>
-  </nav>
-</template>
diff --git a/src/client/theme-default/components/VPNavScreenMenuGroup.vue b/src/client/theme-default/components/VPNavScreenMenuGroup.vue
deleted file mode 100644
index 78baed24..00000000
--- a/src/client/theme-default/components/VPNavScreenMenuGroup.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts" setup>
-import { computed, ref } from 'vue'
-import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue'
-import VPNavScreenMenuGroupSection from './VPNavScreenMenuGroupSection.vue'
-
-const props = defineProps<{
-  text: string
-  items: any[]
-}>()
-
-const isOpen = ref(false)
-
-const groupId = computed(
-  () => `NavScreenGroup-${props.text.replace(' ', '-').toLowerCase()}`
-)
-
-function toggle() {
-  isOpen.value = !isOpen.value
-}
-</script>
-
-<template>
-  <div class="VPNavScreenMenuGroup" :class="{ open: isOpen }">
-    <button
-      class="button"
-      :aria-controls="groupId"
-      :aria-expanded="isOpen"
-      @click="toggle"
-    >
-      <span class="button-text" v-html="text"></span>
-      <span class="vpi-plus button-icon" />
-    </button>
-
-    <ul :id="groupId" class="items">
-      <li v-for="item in items" :key="JSON.stringify(item)">
-        <div v-if="'link' in item" class="item">
-          <VPNavScreenMenuGroupLink :item />
-        </div>
-
-        <div v-else-if="'component' in item" class="item">
-          <component :is="item.component" v-bind="item.props" screen-menu />
-        </div>
-
-        <div v-else class="group">
-          <VPNavScreenMenuGroupSection :text="item.text" :items="item.items" />
-        </div>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<style scoped>
-.VPNavScreenMenuGroup {
-  border-bottom: 1px solid var(--vp-c-divider);
-  height: 48px;
-  overflow: hidden;
-  transition: border-color 0.5s;
-}
-
-.VPNavScreenMenuGroup .items {
-  visibility: hidden;
-}
-
-.VPNavScreenMenuGroup.open .items {
-  visibility: visible;
-}
-
-.VPNavScreenMenuGroup.open {
-  padding-bottom: 10px;
-  height: auto;
-}
-
-.VPNavScreenMenuGroup.open .button {
-  padding-bottom: 6px;
-  color: var(--vp-c-brand-1);
-}
-
-.VPNavScreenMenuGroup.open .button-icon {
-  /*rtl:ignore*/
-  transform: rotate(45deg);
-}
-
-.button {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 4px 11px 0;
-  width: 100%;
-  line-height: 24px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--vp-c-text-1);
-  transition: color 0.25s;
-}
-
-.button:hover {
-  color: var(--vp-c-brand-1);
-}
-
-.button-icon {
-  transition: transform 0.25s;
-}
-
-.group:first-child {
-  padding-top: 0px;
-}
-
-.group + .group,
-.group + .item {
-  padding-top: 4px;
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavScreenMenuGroupLink.vue b/src/client/theme-default/components/VPNavScreenMenuGroupLink.vue
deleted file mode 100644
index 53932dff..00000000
--- a/src/client/theme-default/components/VPNavScreenMenuGroupLink.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script lang="ts" setup>
-import { useRoute } from 'vitepress'
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed, inject } from 'vue'
-import { isActive } from '../../shared'
-import { navInjectionKey } from '../composables/nav'
-import VPLink from './VPLink.vue'
-
-const props = defineProps<{
-  item: DefaultTheme.NavItemWithLink
-}>()
-
-const route = useRoute()
-
-const href = computed(() =>
-  typeof props.item.link === 'function'
-    ? props.item.link(route.data)
-    : props.item.link
-)
-
-const isActiveLink = computed(() => {
-  return isActive(
-    route.data.relativePath,
-    route.hash,
-    props.item.activeMatch || href.value,
-    !!props.item.activeMatch
-  )
-})
-
-const { closeScreen } = inject(navInjectionKey)!
-</script>
-
-<template>
-  <VPLink
-    :class="{ VPNavScreenMenuGroupLink: true, active: isActiveLink }"
-    :href
-    :target="item.target"
-    :rel="item.rel"
-    :no-icon="item.noIcon"
-    @click="closeScreen"
-  >
-    <span v-html="item.text"></span>
-  </VPLink>
-</template>
-
-<style scoped>
-.VPNavScreenMenuGroupLink {
-  display: block;
-  margin-left: 12px;
-  line-height: 32px;
-  font-size: 14px;
-  font-weight: 400;
-  color: var(--vp-c-text-1);
-  transition: color 0.25s;
-}
-
-.VPNavScreenMenuGroupLink:hover {
-  color: var(--vp-c-brand-1);
-}
-
-.VPNavScreenMenuGroupLink.active {
-  color: var(--vp-c-brand-1);
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavScreenMenuGroupSection.vue b/src/client/theme-default/components/VPNavScreenMenuGroupSection.vue
deleted file mode 100644
index e094a707..00000000
--- a/src/client/theme-default/components/VPNavScreenMenuGroupSection.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue'
-
-defineProps<{
-  text?: string
-  items: DefaultTheme.NavItemWithLink[]
-}>()
-</script>
-
-<template>
-  <div class="VPNavScreenMenuGroupSection">
-    <p v-if="text" class="title">{{ text }}</p>
-    <ul>
-      <li v-for="item in items" :key="item.text">
-        <VPNavScreenMenuGroupLink :item="item" />
-      </li>
-    </ul>
-  </div>
-</template>
-
-<style scoped>
-.VPNavScreenMenuGroupSection {
-  display: block;
-}
-
-.title {
-  line-height: 32px;
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--vp-c-text-2);
-  transition: color 0.25s;
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavScreenMenuLink.vue b/src/client/theme-default/components/VPNavScreenMenuLink.vue
deleted file mode 100644
index c6b6bacf..00000000
--- a/src/client/theme-default/components/VPNavScreenMenuLink.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="ts" setup>
-import { useRoute } from 'vitepress'
-import type { DefaultTheme } from 'vitepress/theme'
-import { computed, inject } from 'vue'
-import { isActive } from '../../shared'
-import { navInjectionKey } from '../composables/nav'
-import VPLink from './VPLink.vue'
-
-const props = defineProps<{
-  item: DefaultTheme.NavItemWithLink
-}>()
-
-const route = useRoute()
-
-const href = computed(() =>
-  typeof props.item.link === 'function'
-    ? props.item.link(route.data)
-    : props.item.link
-)
-
-const isActiveLink = computed(() => {
-  return isActive(
-    route.data.relativePath,
-    route.hash,
-    props.item.activeMatch || href.value,
-    !!props.item.activeMatch
-  )
-})
-
-const { closeScreen } = inject(navInjectionKey)!
-</script>
-
-<template>
-  <VPLink
-    :class="{ VPNavScreenMenuLink: true, active: isActiveLink }"
-    :href
-    :target="item.target"
-    :rel="item.rel"
-    :no-icon="item.noIcon"
-    @click="closeScreen"
-  >
-    <span v-html="item.text"></span>
-  </VPLink>
-</template>
-
-<style scoped>
-.VPNavScreenMenuLink {
-  display: block;
-  border-bottom: 1px solid var(--vp-c-divider);
-  padding: 12px 0 11px;
-  line-height: 24px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--vp-c-text-1);
-  transition:
-    border-color 0.25s,
-    color 0.25s;
-}
-
-.VPNavScreenMenuLink:hover {
-  color: var(--vp-c-brand-1);
-}
-
-.VPNavScreenMenuLink.active {
-  color: var(--vp-c-brand-1);
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavScreenSocialLinks.vue b/src/client/theme-default/components/VPNavScreenSocialLinks.vue
deleted file mode 100644
index 9102d387..00000000
--- a/src/client/theme-default/components/VPNavScreenSocialLinks.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-import { useData } from '../composables/data'
-import VPSocialLinks from './VPSocialLinks.vue'
-
-const { theme } = useData()
-</script>
-
-<template>
-  <VPSocialLinks
-    v-if="theme.socialLinks"
-    class="VPNavScreenSocialLinks"
-    :links="theme.socialLinks"
-  />
-</template>
diff --git a/src/client/theme-default/components/VPNavScreenTranslations.vue b/src/client/theme-default/components/VPNavScreenTranslations.vue
deleted file mode 100644
index c81b33ce..00000000
--- a/src/client/theme-default/components/VPNavScreenTranslations.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useLangs } from '../composables/langs'
-import VPLink from './VPLink.vue'
-
-const { localeLinks, currentLang } = useLangs({
-  linkToCorrespondingPage: true
-})
-const isOpen = ref(false)
-
-function toggle() {
-  isOpen.value = !isOpen.value
-}
-</script>
-
-<template>
-  <div
-    v-if="localeLinks.length && currentLang.label"
-    class="VPNavScreenTranslations"
-    :class="{ open: isOpen }"
-  >
-    <button class="title" @click="toggle">
-      <span class="vpi-languages icon lang" />
-      {{ currentLang.label }}
-      <span class="vpi-chevron-down icon chevron" />
-    </button>
-
-    <ul class="list">
-      <li v-for="locale in localeLinks" :key="locale.link" class="item">
-        <VPLink
-          class="link"
-          :href="locale.link"
-          :external="false"
-          :lang="locale.lang"
-          :hreflang="locale.lang"
-          rel="alternate"
-          :dir="locale.dir"
-          data-allow-mismatch="attribute"
-        >
-          {{ locale.text }}
-        </VPLink>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<style scoped>
-.VPNavScreenTranslations {
-  height: 24px;
-  overflow: hidden;
-}
-
-.VPNavScreenTranslations.open {
-  height: auto;
-}
-
-.title {
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--vp-c-text-1);
-}
-
-.icon {
-  font-size: 16px;
-}
-
-.icon.lang {
-  margin-right: 8px;
-}
-
-.icon.chevron {
-  margin-left: 4px;
-}
-
-.list {
-  padding: 4px 0 0 24px;
-}
-
-.link {
-  line-height: 32px;
-  font-size: 13px;
-  color: var(--vp-c-text-1);
-}
-</style>
diff --git a/src/client/theme-default/components/VPNavSocialLinks.vue b/src/client/theme-default/components/VPNavSocialLinks.vue
new file mode 100644
index 00000000..72d49801
--- /dev/null
+++ b/src/client/theme-default/components/VPNavSocialLinks.vue
@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+import { useData } from '../composables/data'
+import { useNavOverflow } from '../composables/nav-overflow'
+import VPSocialLinks from './VPSocialLinks.vue'
+
+const props = defineProps<{
+  screen?: boolean
+}>()
+
+const { theme } = useData()
+
+const overflow = props.screen ? null : useNavOverflow()
+
+const isCollapsed = computed(() => !!overflow && !overflow.state.socialLinks)
+</script>
+
+<template>
+  <VPSocialLinks
+    v-if="theme.socialLinks"
+    class="VPNavSocialLinks"
+    :class="[
+      screen ? 'VPNavScreenSocialLinks' : 'VPNavBarSocialLinks',
+      { collapsed: isCollapsed }
+    ]"
+    :links="theme.socialLinks"
+    :ref="(inst: any) => overflow?.setClusterEl('socialLinks', inst?.$el ?? null)"
+  />
+</template>
+
+<style scoped>
+.VPNavBarSocialLinks {
+  display: none;
+}
+
+@media (min-width: 48rem) {
+  .VPNavBarSocialLinks {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
diff --git a/src/client/theme-default/components/VPNavTranslations.vue b/src/client/theme-default/components/VPNavTranslations.vue
new file mode 100644
index 00000000..27fa8b21
--- /dev/null
+++ b/src/client/theme-default/components/VPNavTranslations.vue
@@ -0,0 +1,179 @@
+<script lang="ts" setup>
+import { computed, ref, useId } from 'vue'
+
+import { useData } from '../composables/data'
+import { useLangs } from '../composables/langs'
+import { useNavOverflow } from '../composables/nav-overflow'
+import VPFlyout from './VPFlyout.vue'
+import VPLink from './VPLink.vue'
+import VPMenuLink from './VPMenuLink.vue'
+
+const props = defineProps<{
+  /** accordion inside the nav screen */
+  screen?: boolean
+  /** titled group inside the `⋯` menu */
+  menu?: boolean
+}>()
+
+const { theme } = useData()
+const { localeLinks, currentLang } = useLangs({
+  linkToCorrespondingPage: true
+})
+
+const show = computed(
+  () => !!(localeLinks.value.length && currentLang.value.label)
+)
+
+// only the inline bar flyout participates in the overflow engine
+const overflow = props.screen || props.menu ? null : useNavOverflow()
+
+const isCollapsed = computed(
+  () => !!overflow && !overflow.state.translations
+)
+
+const isOpen = ref(false)
+const listId = useId()
+
+function toggle() {
+  isOpen.value = !isOpen.value
+}
+
+const localeProps = (locale: (typeof localeLinks.value)[number]) => ({
+  lang: locale.lang,
+  hreflang: locale.lang,
+  rel: 'alternate',
+  dir: locale.dir,
+  'data-allow-mismatch': 'attribute' as const
+})
+</script>
+
+<template>
+  <!-- accordion inside the nav screen -->
+  <div
+    v-if="screen && show"
+    class="VPNavTranslations VPNavScreenTranslations"
+    :class="{ open: isOpen }"
+  >
+    <button
+      type="button"
+      class="title"
+      :aria-expanded="isOpen"
+      :aria-controls="listId"
+      @click="toggle"
+    >
+      <span class="vpi-languages icon lang" aria-hidden="true" />
+      {{ currentLang.label }}
+      <span class="vpi-chevron-down icon chevron" aria-hidden="true" />
+    </button>
+
+    <ul v-show="isOpen" :id="listId" class="list">
+      <li v-for="locale in localeLinks" :key="locale.link" class="item">
+        <VPLink
+          class="link"
+          :href="locale.link"
+          :external="false"
+          v-bind="localeProps(locale)"
+        >
+          {{ locale.text }}
+        </VPLink>
+      </li>
+    </ul>
+  </div>
+
+  <!-- titled group inside the `⋯` menu -->
+  <div v-else-if="menu && show" class="VPNavTranslations group translations">
+    <p class="title">{{ currentLang.label }}</p>
+
+    <ul>
+      <template v-for="locale in localeLinks" :key="locale.link">
+        <VPMenuLink :item="locale" :external="false" v-bind="localeProps(locale)" />
+      </template>
+    </ul>
+  </div>
+
+  <!-- inline flyout in the navbar -->
+  <VPFlyout
+    v-else-if="!menu && show"
+    class="VPNavTranslations VPNavBarTranslations"
+    :class="{ collapsed: isCollapsed }"
+    icon="vpi-languages"
+    :label="theme.langMenuLabel || 'Change language'"
+    :ref="(inst: any) => overflow?.setClusterEl('translations', inst?.$el ?? null)"
+  >
+    <p class="title">{{ currentLang.label }}</p>
+
+    <ul class="items">
+      <template v-for="locale in localeLinks" :key="locale.link">
+        <VPMenuLink :item="locale" :external="false" v-bind="localeProps(locale)" />
+      </template>
+    </ul>
+  </VPFlyout>
+</template>
+
+<style scoped>
+/* flyout variant */
+.VPNavBarTranslations {
+  display: none;
+}
+
+@media (min-width: 48rem) {
+  .VPNavBarTranslations {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.VPNavBarTranslations .title {
+  padding: 0 1.5rem 0 0.75rem;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
+  font-weight: 700;
+  color: var(--vp-c-text-1);
+}
+
+/* menu-group variant (inside the `⋯` menu) — matches the menu group
+   titles */
+.group > .title {
+  padding: 0 0.75rem;
+  line-height: 2.2857143;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--vp-c-text-2);
+}
+
+/* accordion variant (inside the nav screen) */
+.VPNavScreenTranslations .title {
+  display: flex;
+  align-items: center;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--vp-c-text-1);
+}
+
+.VPNavScreenTranslations .icon {
+  font-size: 1rem;
+}
+
+.VPNavScreenTranslations .icon.lang {
+  margin-right: 0.5rem;
+}
+
+.VPNavScreenTranslations .icon.chevron {
+  margin-left: 0.25rem;
+  transition: transform 0.25s;
+}
+
+.VPNavScreenTranslations.open .icon.chevron {
+  transform: rotate(180deg);
+}
+
+.VPNavScreenTranslations .list {
+  padding: 0.25rem 0 0 1.5rem;
+}
+
+.VPNavScreenTranslations .link {
+  line-height: 2.4615385;
+  font-size: 0.8125rem;
+  color: var(--vp-c-text-1);
+}
+</style>
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index 7e6e2528..377b7a9c 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useScrollLock } from '@vueuse/core'
-import { inBrowser } from 'vitepress'
-import { ref, watch } from 'vue'
+import { ref, useTemplateRef, watch } from 'vue'
+
 import { useLayout } from '../composables/layout'
+import { useBodyScrollLock } from '../composables/scroll-lock'
 import VPSidebarGroup from './VPSidebarGroup.vue'
 
 const { sidebarGroups, hasSidebar } = useLayout()
@@ -12,11 +12,11 @@ const props = defineProps<{
 }>()
 
 // a11y: focus Nav element when menu has opened
-const navEl = ref<HTMLElement | null>(null)
-const isLocked = useScrollLock(inBrowser ? document.body : null)
+const navEl = useTemplateRef('navEl')
+const isLocked = useBodyScrollLock()
 
 watch(
-  [props, navEl],
+  [() => props.open, navEl],
   () => {
     if (props.open) {
       isLocked.value = true
@@ -71,9 +71,9 @@ watch(
   bottom: 0;
   left: 0;
   z-index: var(--vp-z-index-sidebar);
-  padding: 32px 32px 96px;
-  width: calc(100vw - 64px);
-  max-width: 320px;
+  padding: 2rem 2rem 6rem;
+  width: calc(100vw - 4rem);
+  max-width: 20rem;
   background-color: var(--vp-sidebar-bg-color);
   opacity: 0;
   box-shadow: var(--vp-c-shadow-3);
@@ -88,15 +88,14 @@ watch(
   opacity: 1;
   visibility: visible;
   transform: translateX(0);
-  transition: opacity 0.25s,
-    transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
+  transition: opacity 0.25s, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
 }
 
 .dark .VPSidebar {
   box-shadow: var(--vp-shadow-1);
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPSidebar {
     padding-top: var(--vp-nav-height);
     width: var(--vp-sidebar-width);
@@ -109,22 +108,22 @@ watch(
   }
 }
 
-@media (min-width: 1440px) {
+@media (min-width: 90rem) {
   .VPSidebar {
-    padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));
-    width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px);
+    padding-left: max(2rem, calc((100% - (var(--vp-layout-max-width) - 4rem)) / 2));
+    width: calc((100% - (var(--vp-layout-max-width) - 4rem)) / 2 + var(--vp-sidebar-width) - 2rem);
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .curtain {
     position: sticky;
     top: calc(var(--vp-nav-height) * -1);
     left: 0;
     z-index: 1;
     margin-top: calc(var(--vp-nav-height) * -1);
-    margin-right: -32px;
-    margin-left: -32px;
+    margin-right: -2rem;
+    margin-left: -2rem;
     height: var(--vp-nav-height);
     background-color: var(--vp-sidebar-bg-color);
   }
diff --git a/src/client/theme-default/components/VPSidebarGroup.vue b/src/client/theme-default/components/VPSidebarGroup.vue
index 0c200174..b46aa923 100644
--- a/src/client/theme-default/components/VPSidebarGroup.vue
+++ b/src/client/theme-default/components/VPSidebarGroup.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
+
 import VPSidebarItem from './VPSidebarItem.vue'
 
 defineProps<{
@@ -44,13 +45,13 @@ onBeforeUnmount(() => {
 
 .group + .group {
   border-top: 1px solid var(--vp-c-divider);
-  padding-top: 10px;
+  padding-top: 0.625rem;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .group {
-    padding-top: 10px;
-    width: calc(var(--vp-sidebar-width) - 64px);
+    padding-top: 0.625rem;
+    width: calc(var(--vp-sidebar-width) - 4rem);
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue
index e4c63f2b..28ce0628 100644
--- a/src/client/theme-default/components/VPSidebarItem.vue
+++ b/src/client/theme-default/components/VPSidebarItem.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
 import { computed } from 'vue'
+
 import { useSidebarItemControl } from '../composables/sidebar'
 import VPLink from './VPLink.vue'
 
@@ -14,65 +15,51 @@ const {
   collapsible,
   isLink,
   isActiveLink,
+  isCurrentLink,
   hasActiveLink,
   hasChildren,
   toggle
 } = useSidebarItemControl(computed(() => props.item))
 
-const sectionTag = computed(() => (hasChildren.value ? 'section' : `div`))
-
 const linkTag = computed(() => (isLink.value ? 'a' : 'div'))
 
-const textTag = computed(() => {
-  return !hasChildren.value
-    ? 'p'
-    : props.depth + 2 === 7
-      ? 'p'
-      : `h${props.depth + 2}`
-})
-
-const itemRole = computed(() => (isLink.value ? undefined : 'button'))
-
-const classes = computed(() => [
-  [`level-${props.depth}`],
-  { collapsible: collapsible.value },
-  { collapsed: collapsed.value },
-  { 'is-link': isLink.value },
-  { 'is-active': isActiveLink.value },
-  { 'has-active': hasActiveLink.value }
-])
-
-function onItemInteraction(e: MouseEvent | Event) {
-  if ('key' in e && e.key !== 'Enter') {
-    return
-  }
-  !props.item.link && toggle()
-}
+const textTag = computed(() =>
+  hasChildren.value && props.depth < 5 ? `h${props.depth + 2}` : 'p'
+)
+
+// a section needs a heading
+const sectionTag = computed(() =>
+  props.item.text && textTag.value !== 'p' ? 'section' : 'div'
+)
 
-function onCaretClick() {
-  props.item.link && toggle()
+function onItemClick() {
+  !props.item.link && toggle()
 }
 </script>
 
 <template>
-  <component :is="sectionTag" class="VPSidebarItem" :class="classes">
-    <div
-      v-if="item.text"
-      class="item"
-      :role="itemRole"
-      v-on="
-        item.items
-          ? { click: onItemInteraction, keydown: onItemInteraction }
-          : {}
-      "
-      :tabindex="item.items && 0"
-    >
+  <component
+    :is="sectionTag"
+    class="VPSidebarItem"
+    :class="[
+      `level-${depth}`,
+      {
+        collapsible,
+        collapsed,
+        'is-link': isLink,
+        'is-active': isActiveLink,
+        'has-active': hasActiveLink
+      }
+    ]"
+  >
+    <div v-if="item.text" class="item" @click="onItemClick">
       <div class="indicator" />
 
       <VPLink
         v-if="item.link"
         :tag="linkTag"
         class="link"
+        :aria-current="isCurrentLink ? 'page' : undefined"
         :href="item.link"
         :rel="item.rel"
         :target="item.target"
@@ -81,17 +68,16 @@ function onCaretClick() {
       </VPLink>
       <component v-else :is="textTag" class="text" v-html="item.text" />
 
-      <div
+      <button
         v-if="item.collapsed != null && item.items && item.items.length"
+        type="button"
         class="caret"
-        role="button"
         aria-label="toggle section"
-        @click="onCaretClick"
-        @keydown.enter="onCaretClick"
-        tabindex="0"
+        :aria-expanded="!collapsed"
+        @click.stop="toggle"
       >
         <span class="vpi-chevron-right caret-icon" />
-      </div>
+      </button>
     </div>
 
     <ul v-if="item.items && item.items.length" class="items">
@@ -109,11 +95,11 @@ function onCaretClick() {
 
 <style scoped>
 .VPSidebarItem.level-0 {
-  padding-bottom: 24px;
+  padding-bottom: 1.5rem;
 }
 
 .VPSidebarItem.collapsed.level-0 {
-  padding-bottom: 10px;
+  padding-bottom: 0.625rem;
 }
 
 .item {
@@ -128,9 +114,9 @@ function onCaretClick() {
 
 .indicator {
   position: absolute;
-  top: 6px;
-  bottom: 6px;
-  left: -17px;
+  top: 0.375rem;
+  bottom: 0.375rem;
+  left: calc(-1rem - 1px);
   width: 2px;
   border-radius: 2px;
   transition: background-color 0.25s;
@@ -151,9 +137,9 @@ function onCaretClick() {
 
 .text {
   flex-grow: 1;
-  padding: 4px 0;
-  line-height: 24px;
-  font-size: 14px;
+  padding: 0.25rem 0;
+  line-height: 1.7142857;
+  font-size: 0.875rem;
   transition: color 0.25s;
 }
 
@@ -208,9 +194,9 @@ function onCaretClick() {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-right: -7px;
-  width: 32px;
-  height: 32px;
+  margin-right: -0.4375rem;
+  width: 2rem;
+  height: 2rem;
   color: var(--vp-c-text-3);
   cursor: pointer;
   transition: color 0.25s;
@@ -226,14 +212,14 @@ function onCaretClick() {
 }
 
 .caret-icon {
-  font-size: 18px;
+  font-size: 1.125rem;
   /*rtl:ignore*/
   transform: rotate(90deg);
   transition: transform 0.25s;
 }
 
 .VPSidebarItem.collapsed .caret-icon {
-  transform: rotate(0)/*rtl:rotate(180deg)*/;
+  transform: rotate(0) /*rtl:rotate(180deg)*/;
 }
 
 .VPSidebarItem.level-1 .items,
@@ -242,7 +228,7 @@ function onCaretClick() {
 .VPSidebarItem.level-4 .items,
 .VPSidebarItem.level-5 .items {
   border-left: 1px solid var(--vp-c-divider);
-  padding-left: 16px;
+  padding-left: 1rem;
 }
 
 .VPSidebarItem.collapsed .items {
diff --git a/src/client/theme-default/components/VPSkipLink.vue b/src/client/theme-default/components/VPSkipLink.vue
index bcff7d19..6340a24c 100644
--- a/src/client/theme-default/components/VPSkipLink.vue
+++ b/src/client/theme-default/components/VPSkipLink.vue
@@ -1,18 +1,24 @@
 <script lang="ts" setup>
 import { useRoute } from 'vitepress'
-import { ref, watch } from 'vue'
+import { useTemplateRef, watch } from 'vue'
+
 import { useData } from '../composables/data'
 
+defineProps<{
+  // the component has two root nodes, so `inert` can't fall through
+  inert?: boolean
+}>()
+
 const { theme } = useData()
 const route = useRoute()
-const backToTop = ref()
+const backToTop = useTemplateRef('backToTop')
 
-watch(() => route.path, () => backToTop.value.focus())
+watch(() => route.path, () => backToTop.value?.focus())
 </script>
 
 <template>
   <span ref="backToTop" tabindex="-1" />
-  <a href="#VPContent" class="VPSkipLink visually-hidden">
+  <a href="#VPContent" class="VPSkipLink visually-hidden" :inert>
     {{ theme.skipToContentLabel || 'Skip to content' }}
   </a>
 </template>
@@ -20,12 +26,12 @@ watch(() => route.path, () => backToTop.value.focus())
 <style scoped>
 .VPSkipLink {
   position: fixed;
-  top: 8px;
-  left: 8px;
-  padding: 8px 16px;
+  top: 0.5rem;
+  left: 0.5rem;
+  padding: 0.5rem 1rem;
   z-index: 999;
-  border-radius: 8px;
-  font-size: 12px;
+  border-radius: 0.5rem;
+  font-size: 0.75rem;
   font-weight: bold;
   text-decoration: none;
   color: var(--vp-c-brand-1);
@@ -40,10 +46,10 @@ watch(() => route.path, () => backToTop.value.focus())
   clip-path: none;
 }
 
-@media (min-width: 1280px) {
+@media (min-width: 80rem) {
   .VPSkipLink {
-    top: 14px;
-    left: 16px;
+    top: 0.875rem;
+    left: 1rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPSocialLink.vue b/src/client/theme-default/components/VPSocialLink.vue
index bed90fed..cc19a5f3 100644
--- a/src/client/theme-default/components/VPSocialLink.vue
+++ b/src/client/theme-default/components/VPSocialLink.vue
@@ -1,6 +1,13 @@
 <script lang="ts" setup>
 import type { DefaultTheme } from 'vitepress/theme'
-import { computed, nextTick, onMounted, ref, useSSRContext } from 'vue'
+import {
+  computed,
+  nextTick,
+  onMounted,
+  useSSRContext,
+  useTemplateRef
+} from 'vue'
+
 import { isExternal, type SSGContext } from '../../shared'
 
 const props = defineProps<{
@@ -11,7 +18,7 @@ const props = defineProps<{
   me: boolean
 }>()
 
-const el = ref<HTMLAnchorElement>()
+const el = useTemplateRef('el')
 
 onMounted(async () => {
   await nextTick()
@@ -57,8 +64,8 @@ if (import.meta.env.SSR) {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 36px;
-  height: 36px;
+  width: 2.25rem;
+  height: 2.25rem;
   color: var(--vp-c-text-2);
   transition: color 0.5s;
 }
@@ -70,8 +77,8 @@ if (import.meta.env.SSR) {
 
 .VPSocialLink > :deep(svg),
 .VPSocialLink > :deep([class^="vpi-social-"]) {
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
   fill: currentColor;
 }
 </style>
diff --git a/src/client/theme-default/components/VPSocialLinks.vue b/src/client/theme-default/components/VPSocialLinks.vue
index f30b86c9..1919ed95 100644
--- a/src/client/theme-default/components/VPSocialLinks.vue
+++ b/src/client/theme-default/components/VPSocialLinks.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { DefaultTheme } from 'vitepress/theme'
+
 import VPSocialLink from './VPSocialLink.vue'
 
 withDefaults(defineProps<{
@@ -12,14 +13,8 @@ withDefaults(defineProps<{
 
 <template>
   <ul class="VPSocialLinks">
-    <li v-for="{ link, icon, ariaLabel, target } in links" :key="link" class="item">
-      <VPSocialLink
-        :icon
-        :link
-        :ariaLabel
-        :target
-        :me
-      />
+    <li v-for="{ link, icon, ariaLabel, target } in links" :key="link">
+      <VPSocialLink :icon :link :ariaLabel :target :me />
     </li>
   </ul>
 </template>
@@ -32,7 +27,7 @@ withDefaults(defineProps<{
 
 /* Reset styles from vp-doc if used in markdown */
 .vp-doc .VPSocialLinks,
-.vp-doc .VPSocialLinks .item {
+.vp-doc .VPSocialLinks > li {
   list-style: none;
   margin: 0;
   padding: 0;
diff --git a/src/client/theme-default/components/VPSponsors.vue b/src/client/theme-default/components/VPSponsors.vue
index 00654512..9c71aeea 100644
--- a/src/client/theme-default/components/VPSponsors.vue
+++ b/src/client/theme-default/components/VPSponsors.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import type { GridSize } from '../composables/sponsor-grid'
 import type { Sponsor } from './VPSponsorsGrid.vue'
 import VPSponsorsGrid from './VPSponsorsGrid.vue'
diff --git a/src/client/theme-default/components/VPSponsorsGrid.vue b/src/client/theme-default/components/VPSponsorsGrid.vue
index 370e5af0..0dc50a22 100644
--- a/src/client/theme-default/components/VPSponsorsGrid.vue
+++ b/src/client/theme-default/components/VPSponsorsGrid.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { useTemplateRef } from 'vue'
+
 import type { GridSize } from '../composables/sponsor-grid'
 import { useSponsorsGrid } from '../composables/sponsor-grid'
 
@@ -16,7 +17,7 @@ const props = withDefaults(defineProps<Props>(), {
   size: 'medium'
 })
 
-const el = ref(null)
+const el = useTemplateRef('el')
 
 useSponsorsGrid({ el, size: props.size })
 </script>
diff --git a/src/client/theme-default/components/VPSwitch.vue b/src/client/theme-default/components/VPSwitch.vue
index 36af1cba..85abde59 100644
--- a/src/client/theme-default/components/VPSwitch.vue
+++ b/src/client/theme-default/components/VPSwitch.vue
@@ -11,14 +11,14 @@
 <style scoped>
 .VPSwitch {
   position: relative;
-  border-radius: 11px;
+  border-radius: 0.6875rem;
   display: block;
-  width: 40px;
-  height: 22px;
+  width: 2.5rem;
+  height: 1.375rem;
   flex-shrink: 0;
   border: 1px solid var(--vp-input-border-color);
   background-color: var(--vp-input-switch-bg-color);
-  transition: border-color 0.25s !important;
+  transition: border-color 0.25s;
 }
 
 .VPSwitch:hover {
@@ -30,34 +30,34 @@
   top: 1px;
   /*rtl:ignore*/
   left: 1px;
-  width: 18px;
-  height: 18px;
+  width: 1.125rem;
+  height: 1.125rem;
   border-radius: 50%;
   background-color: var(--vp-c-neutral-inverse);
   box-shadow: var(--vp-shadow-1);
-  transition: transform 0.25s !important;
+  transition: transform 0.25s;
 }
 
 .icon {
   position: relative;
   display: block;
-  width: 18px;
-  height: 18px;
+  width: 1.125rem;
+  height: 1.125rem;
   border-radius: 50%;
   overflow: hidden;
 }
 
 .icon :deep([class^='vpi-']) {
   position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 12px;
-  height: 12px;
+  top: 0.1875rem;
+  left: 0.1875rem;
+  width: 0.75rem;
+  height: 0.75rem;
   color: var(--vp-c-text-2);
 }
 
 .dark .icon :deep([class^='vpi-']) {
   color: var(--vp-c-text-1);
-  transition: opacity 0.25s !important;
+  transition: opacity 0.25s;
 }
 </style>
diff --git a/src/client/theme-default/components/VPSwitchAppearance.vue b/src/client/theme-default/components/VPSwitchAppearance.vue
index 2dd06281..3e193bba 100644
--- a/src/client/theme-default/components/VPSwitchAppearance.vue
+++ b/src/client/theme-default/components/VPSwitchAppearance.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { inject, ref, watchPostEffect } from 'vue'
+
 import { useData } from '../composables/data'
 import VPSwitch from './VPSwitch.vue'
 
@@ -19,14 +20,16 @@ watchPostEffect(() => {
 </script>
 
 <template>
+  <!-- stable name + aria-checked state; the title stays the action hint -->
   <VPSwitch
     :title="switchTitle"
     class="VPSwitchAppearance"
+    :aria-label="theme.darkModeSwitchLabel || 'Appearance'"
     :aria-checked="isDark"
     @click="toggleAppearance"
   >
-    <span class="vpi-sun sun" />
-    <span class="vpi-moon moon" />
+    <span class="vpi-sun sun" aria-hidden="true" />
+    <span class="vpi-moon moon" aria-hidden="true" />
   </VPSwitch>
 </template>
 
@@ -49,6 +52,6 @@ watchPostEffect(() => {
 
 .dark .VPSwitchAppearance :deep(.check) {
   /*rtl:ignore*/
-  transform: translateX(18px);
+  transform: translateX(1.125rem);
 }
 </style>
diff --git a/src/client/theme-default/components/VPTeamMembers.vue b/src/client/theme-default/components/VPTeamMembers.vue
index 6b83e4a6..2e784e26 100644
--- a/src/client/theme-default/components/VPTeamMembers.vue
+++ b/src/client/theme-default/components/VPTeamMembers.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
-import { computed } from 'vue'
+
 import VPTeamMembersItem from './VPTeamMembersItem.vue'
 
 interface Props {
@@ -11,12 +11,10 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   size: 'medium'
 })
-
-const classes = computed(() => [props.size, `count-${props.members.length}`])
 </script>
 
 <template>
-  <div class="VPTeamMembers" :class="classes">
+  <div class="VPTeamMembers" :class="[size, `count-${members.length}`]">
     <ul class="container">
       <li v-for="member in members" :key="member.name" class="item">
         <VPTeamMembersItem :size :member />
@@ -27,41 +25,41 @@ const classes = computed(() => [props.size, `count-${props.members.length}`])
 
 <style scoped>
 .VPTeamMembers.small .container {
-  grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
 }
 
 .VPTeamMembers.small.count-1 .container {
-  max-width: 276px;
+  max-width: 17.25rem;
 }
 .VPTeamMembers.small.count-2 .container {
-  max-width: calc(276px * 2 + 24px);
+  max-width: calc(17.25rem * 2 + 1.5rem);
 }
 .VPTeamMembers.small.count-3 .container {
-  max-width: calc(276px * 3 + 24px * 2);
+  max-width: calc(17.25rem * 3 + 1.5rem * 2);
 }
 
 .VPTeamMembers.medium .container {
-  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
 }
 
-@media (min-width: 375px) {
+@media (min-width: 23.4375rem) {
   .VPTeamMembers.medium .container {
-    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
   }
 }
 
 .VPTeamMembers.medium.count-1 .container {
-  max-width: 368px;
+  max-width: 23rem;
 }
 .VPTeamMembers.medium.count-2 .container {
-  max-width: calc(368px * 2 + 24px);
+  max-width: calc(23rem * 2 + 1.5rem);
 }
 
 .container {
   display: grid;
-  gap: 24px;
+  gap: 1.5rem;
   margin: 0 auto;
-  max-width: 1152px;
+  max-width: 72rem;
 }
 
 /* Reset styles from vp-doc if used in markdown */
@@ -74,4 +72,22 @@ const classes = computed(() => [props.size, `count-${props.members.length}`])
   margin: 0;
   padding: 0;
 }
+.vp-doc .VPTeamMembers :deep(.org),
+.vp-doc .VPTeamMembers :deep(.sp-link) {
+  text-decoration: none;
+}
+
+/* Sizing for doc pages, where the content area is narrow (excludes home content) */
+.vp-doc:not(.VPHomeContent) .VPTeamMembers {
+  margin-top: 1.5rem;
+}
+.vp-doc:not(.VPHomeContent) .VPTeamMembers.small.count-1 .container,
+.vp-doc:not(.VPHomeContent) .VPTeamMembers.medium.count-1 .container {
+  margin: 0;
+  max-width: calc((100% - 1.5rem) / 2);
+}
+.vp-doc:not(.VPHomeContent) .VPTeamMembers.small.count-2 .container,
+.vp-doc:not(.VPHomeContent) .VPTeamMembers.small.count-3 .container {
+  max-width: 100%;
+}
 </style>
diff --git a/src/client/theme-default/components/VPTeamMembersItem.vue b/src/client/theme-default/components/VPTeamMembersItem.vue
index 1fdd49d1..83ef8440 100644
--- a/src/client/theme-default/components/VPTeamMembersItem.vue
+++ b/src/client/theme-default/components/VPTeamMembersItem.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { DefaultTheme } from 'vitepress/theme'
+
 import VPLink from './VPLink.vue'
 import VPSocialLinks from './VPSocialLinks.vue'
 
@@ -56,82 +57,82 @@ withDefaults(defineProps<Props>(), {
 .VPTeamMembersItem {
   display: flex;
   flex-direction: column;
-  gap: 2px;
-  border-radius: 12px;
+  gap: 0.125rem;
+  border-radius: 0.75rem;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 
 .VPTeamMembersItem.small .profile {
-  padding: 32px;
+  padding: 2rem;
 }
 
 .VPTeamMembersItem.small .data {
-  padding-top: 20px;
+  padding-top: 1.25rem;
 }
 
 .VPTeamMembersItem.small .avatar {
-  width: 64px;
-  height: 64px;
+  width: 4rem;
+  height: 4rem;
 }
 
 .VPTeamMembersItem.small .name {
-  line-height: 24px;
-  font-size: 16px;
+  line-height: 1.5;
+  font-size: 1rem;
 }
 
 .VPTeamMembersItem.small .affiliation {
-  padding-top: 4px;
-  line-height: 20px;
-  font-size: 14px;
+  padding-top: 0.25rem;
+  line-height: 1.4285714;
+  font-size: 0.875rem;
 }
 
 .VPTeamMembersItem.small .desc {
-  padding-top: 12px;
-  line-height: 20px;
-  font-size: 14px;
+  padding-top: 0.75rem;
+  line-height: 1.4285714;
+  font-size: 0.875rem;
 }
 
 .VPTeamMembersItem.small .links {
-  margin: 0 -16px -20px;
-  padding: 10px 0 0;
+  margin: 0 -1rem -1.25rem;
+  padding: 0.625rem 0 0;
 }
 
 .VPTeamMembersItem.medium .profile {
-  padding: 48px 32px;
+  padding: 3rem 2rem;
 }
 
 .VPTeamMembersItem.medium .data {
-  padding-top: 24px;
+  padding-top: 1.5rem;
   text-align: center;
 }
 
 .VPTeamMembersItem.medium .avatar {
-  width: 96px;
-  height: 96px;
+  width: 6rem;
+  height: 6rem;
 }
 
 .VPTeamMembersItem.medium .name {
-  letter-spacing: 0.15px;
-  line-height: 28px;
-  font-size: 20px;
+  letter-spacing: 0.0075em;
+  line-height: 1.4;
+  font-size: 1.25rem;
 }
 
 .VPTeamMembersItem.medium .affiliation {
-  padding-top: 4px;
-  font-size: 16px;
+  padding-top: 0.25rem;
+  font-size: 1rem;
 }
 
 .VPTeamMembersItem.medium .desc {
-  padding-top: 16px;
-  max-width: 288px;
-  font-size: 16px;
+  padding-top: 1rem;
+  max-width: 18rem;
+  font-size: 1rem;
 }
 
 .VPTeamMembersItem.medium .links {
-  margin: 0 -16px -12px;
-  padding: 16px 12px 0;
+  margin: 0 -1rem -0.75rem;
+  padding: 1rem 0.75rem 0;
 }
 
 .profile {
@@ -156,16 +157,20 @@ withDefaults(defineProps<Props>(), {
   inset: 0;
   margin: 0;
   border-radius: 50%;
+  width: 100%;
+  height: 100%;
   object-fit: cover;
 }
 
 .name {
   margin: 0;
+  letter-spacing: normal;
   font-weight: 600;
 }
 
 .affiliation {
   margin: 0;
+  line-height: 1.5;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
@@ -181,6 +186,7 @@ withDefaults(defineProps<Props>(), {
 
 .desc {
   margin: 0 auto;
+  line-height: 1.5;
 }
 
 .desc :deep(a) {
@@ -193,7 +199,7 @@ withDefaults(defineProps<Props>(), {
 .links {
   display: flex;
   justify-content: center;
-  height: 56px;
+  height: 3.5rem;
 }
 
 .sp-link {
@@ -201,8 +207,8 @@ withDefaults(defineProps<Props>(), {
   justify-content: center;
   align-items: center;
   text-align: center;
-  padding: 16px;
-  font-size: 14px;
+  padding: 1rem;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-sponsor);
   background-color: var(--vp-c-bg-soft);
@@ -217,7 +223,7 @@ withDefaults(defineProps<Props>(), {
 }
 
 .sp-icon {
-  margin-right: 8px;
-  font-size: 16px;
+  margin-right: 0.5rem;
+  font-size: 1rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPTeamPage.vue b/src/client/theme-default/components/VPTeamPage.vue
index 71d9bdb5..5ba4faff 100644
--- a/src/client/theme-default/components/VPTeamPage.vue
+++ b/src/client/theme-default/components/VPTeamPage.vue
@@ -6,53 +6,53 @@
 
 <style scoped>
 .VPTeamPage {
-  margin: 96px 0;
+  margin: 6rem 0;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPTeamPage {
-    margin: 128px 0;
+    margin: 8rem 0;
   }
 }
 
 .VPHome :slotted(.VPTeamPageTitle) {
   border-top: 1px solid var(--vp-c-gutter);
-  padding-top: 88px !important;
+  padding-top: 5.5rem !important;
 }
 
 :slotted(.VPTeamPageSection + .VPTeamPageSection),
 :slotted(.VPTeamMembers + .VPTeamPageSection) {
-  margin-top: 64px;
+  margin-top: 4rem;
 }
 
 :slotted(.VPTeamMembers + .VPTeamMembers) {
-  margin-top: 24px;
+  margin-top: 1.5rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   :slotted(.VPTeamPageTitle + .VPTeamPageSection) {
-    margin-top: 16px;
+    margin-top: 1rem;
   }
 
   :slotted(.VPTeamPageSection + .VPTeamPageSection),
   :slotted(.VPTeamMembers + .VPTeamPageSection) {
-    margin-top: 96px;
+    margin-top: 6rem;
   }
 }
 
 :slotted(.VPTeamMembers) {
-  padding: 0 24px;
+  padding: 0 1.5rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   :slotted(.VPTeamMembers) {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   :slotted(.VPTeamMembers) {
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPTeamPageSection.vue b/src/client/theme-default/components/VPTeamPageSection.vue
index 2bb52ab9..df22cabc 100644
--- a/src/client/theme-default/components/VPTeamPageSection.vue
+++ b/src/client/theme-default/components/VPTeamPageSection.vue
@@ -17,32 +17,32 @@
 
 <style scoped>
 .VPTeamPageSection {
-  padding: 0 32px;
+  padding: 0 2rem;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPTeamPageSection {
-    padding: 0 48px;
+    padding: 0 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPTeamPageSection {
-    padding: 0 64px;
+    padding: 0 4rem;
   }
 }
 
 .title {
   position: relative;
   margin: 0 auto;
-  max-width: 1152px;
+  max-width: 72rem;
   text-align: center;
   color: var(--vp-c-text-2);
 }
 
 .title-line {
   position: absolute;
-  top: 16px;
+  top: 1rem;
   left: 0;
   width: 100%;
   height: 1px;
@@ -52,26 +52,28 @@
 .title-text {
   position: relative;
   display: inline-block;
-  padding: 0 24px;
+  margin: 0;
+  border-top: none;
+  padding: 0 1.5rem;
   letter-spacing: 0;
-  line-height: 32px;
-  font-size: 20px;
+  line-height: 1.6;
+  font-size: 1.25rem;
   font-weight: 500;
   background-color: var(--vp-c-bg);
 }
 
 .lead {
   margin: 0 auto;
-  max-width: 480px;
-  padding-top: 12px;
+  max-width: 30rem;
+  padding-top: 0.75rem;
   text-align: center;
-  line-height: 24px;
-  font-size: 16px;
+  line-height: 1.5;
+  font-size: 1rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
 .members {
-  padding-top: 40px;
+  padding-top: 2.5rem;
 }
 </style>
diff --git a/src/client/theme-default/components/VPTeamPageTitle.vue b/src/client/theme-default/components/VPTeamPageTitle.vue
index 9751a188..81718725 100644
--- a/src/client/theme-default/components/VPTeamPageTitle.vue
+++ b/src/client/theme-default/components/VPTeamPageTitle.vue
@@ -11,53 +11,53 @@
 
 <style scoped>
 .VPTeamPageTitle {
-  padding: 48px 32px;
+  padding: 3rem 2rem;
   text-align: center;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .VPTeamPageTitle {
-    padding: 64px 48px 48px;
+    padding: 4rem 3rem 3rem;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   .VPTeamPageTitle {
-    padding: 80px 64px 48px;
+    padding: 5rem 4rem 3rem;
   }
 }
 
 .title {
   letter-spacing: 0;
-  line-height: 44px;
-  font-size: 36px;
+  line-height: 1.2222222;
+  font-size: 2.25rem;
   font-weight: 500;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .title {
-    letter-spacing: -0.5px;
-    line-height: 56px;
-    font-size: 48px;
+    letter-spacing: -0.0104167em;
+    line-height: 1.1666667;
+    font-size: 3rem;
   }
 }
 
 .lead {
   margin: 0 auto;
-  max-width: 512px;
-  padding-top: 12px;
-  line-height: 24px;
-  font-size: 16px;
+  max-width: 32rem;
+  padding-top: 0.75rem;
+  line-height: 1.5;
+  font-size: 1rem;
   font-weight: 500;
   color: var(--vp-c-text-2);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .lead {
-    max-width: 592px;
-    letter-spacing: 0.15px;
-    line-height: 28px;
-    font-size: 20px;
+    max-width: 37rem;
+    letter-spacing: 0.0075em;
+    line-height: 1.4;
+    font-size: 1.25rem;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/icons/VPIconAlignJustify.vue b/src/client/theme-default/components/icons/VPIconAlignJustify.vue
deleted file mode 100644
index 653dab13..00000000
--- a/src/client/theme-default/components/icons/VPIconAlignJustify.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M21,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,11,21,11z" />
-    <path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z" />
-    <path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z" />
-    <path d="M21,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,19,21,19z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconAlignLeft.vue b/src/client/theme-default/components/icons/VPIconAlignLeft.vue
deleted file mode 100644
index 8dc84eae..00000000
--- a/src/client/theme-default/components/icons/VPIconAlignLeft.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z" />
-    <path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z" />
-    <path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z" />
-    <path d="M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconAlignRight.vue b/src/client/theme-default/components/icons/VPIconAlignRight.vue
deleted file mode 100644
index 16cbb3c7..00000000
--- a/src/client/theme-default/components/icons/VPIconAlignRight.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M21,11H7c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S21.6,11,21,11z" />
-    <path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z" />
-    <path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z" />
-    <path d="M21,19H7c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S21.6,19,21,19z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconArrowLeft.vue b/src/client/theme-default/components/icons/VPIconArrowLeft.vue
deleted file mode 100644
index 3f65b866..00000000
--- a/src/client/theme-default/components/icons/VPIconArrowLeft.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path
-      d="M19,11H7.4l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-7,7c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.2-0.1,0.5,0,0.8c0.1,0.1,0.1,0.2,0.2,0.3l7,7c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.4,13H19c0.6,0,1-0.4,1-1S19.6,11,19,11z"
-    />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconArrowRight.vue b/src/client/theme-default/components/icons/VPIconArrowRight.vue
deleted file mode 100644
index ed89263f..00000000
--- a/src/client/theme-default/components/icons/VPIconArrowRight.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path
-      d="M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"
-    />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconChevronDown.vue b/src/client/theme-default/components/icons/VPIconChevronDown.vue
deleted file mode 100644
index d72f4ee8..00000000
--- a/src/client/theme-default/components/icons/VPIconChevronDown.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconChevronLeft.vue b/src/client/theme-default/components/icons/VPIconChevronLeft.vue
deleted file mode 100644
index 013eb7fd..00000000
--- a/src/client/theme-default/components/icons/VPIconChevronLeft.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M15,19c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4l6-6c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4L10.4,12l5.3,5.3c0.4,0.4,0.4,1,0,1.4C15.5,18.9,15.3,19,15,19z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconChevronRight.vue b/src/client/theme-default/components/icons/VPIconChevronRight.vue
deleted file mode 100644
index cf72418f..00000000
--- a/src/client/theme-default/components/icons/VPIconChevronRight.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconChevronUp.vue b/src/client/theme-default/components/icons/VPIconChevronUp.vue
deleted file mode 100644
index 0b6a873e..00000000
--- a/src/client/theme-default/components/icons/VPIconChevronUp.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M18,16c-0.3,0-0.5-0.1-0.7-0.3L12,10.4l-5.3,5.3c-0.4,0.4-1,0.4-1.4,0s-0.4-1,0-1.4l6-6c0.4-0.4,1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4C18.5,15.9,18.3,16,18,16z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconEdit.vue b/src/client/theme-default/components/icons/VPIconEdit.vue
deleted file mode 100644
index f30a62dd..00000000
--- a/src/client/theme-default/components/icons/VPIconEdit.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z" />
-    <path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconHeart.vue b/src/client/theme-default/components/icons/VPIconHeart.vue
deleted file mode 100644
index d408828f..00000000
--- a/src/client/theme-default/components/icons/VPIconHeart.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,22.2c-0.3,0-0.5-0.1-0.7-0.3l-8.8-8.8c-2.5-2.5-2.5-6.7,0-9.2c2.5-2.5,6.7-2.5,9.2,0L12,4.3l0.4-0.4c0,0,0,0,0,0C13.6,2.7,15.2,2,16.9,2c0,0,0,0,0,0c1.7,0,3.4,0.7,4.6,1.9l0,0c1.2,1.2,1.9,2.9,1.9,4.6c0,1.7-0.7,3.4-1.9,4.6l-8.8,8.8C12.5,22.1,12.3,22.2,12,22.2zM7,4C5.9,4,4.7,4.4,3.9,5.3c-1.8,1.8-1.8,4.6,0,6.4l8.1,8.1l8.1-8.1c0.9-0.9,1.3-2,1.3-3.2c0-1.2-0.5-2.3-1.3-3.2l0,0C19.3,4.5,18.2,4,17,4c0,0,0,0,0,0c-1.2,0-2.3,0.5-3.2,1.3c0,0,0,0,0,0l-1.1,1.1c-0.4,0.4-1,0.4-1.4,0l-1.1-1.1C9.4,4.4,8.2,4,7,4z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconLanguages.vue b/src/client/theme-default/components/icons/VPIconLanguages.vue
deleted file mode 100644
index 71a728fc..00000000
--- a/src/client/theme-default/components/icons/VPIconLanguages.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"></path>
-    <path
-      d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z "
-      class="css-c4d79v"
-    ></path>
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconMinus.vue b/src/client/theme-default/components/icons/VPIconMinus.vue
deleted file mode 100644
index e0229195..00000000
--- a/src/client/theme-default/components/icons/VPIconMinus.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M22,13H2a1,1,0,0,1,0-2H22a1,1,0,0,1,0,2Z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconMinusSquare.vue b/src/client/theme-default/components/icons/VPIconMinusSquare.vue
deleted file mode 100644
index 266ae3da..00000000
--- a/src/client/theme-default/components/icons/VPIconMinusSquare.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
-    <path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z" />
-    <path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconMoon.vue b/src/client/theme-default/components/icons/VPIconMoon.vue
deleted file mode 100644
index a9b205c6..00000000
--- a/src/client/theme-default/components/icons/VPIconMoon.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconMoreHorizontal.vue b/src/client/theme-default/components/icons/VPIconMoreHorizontal.vue
deleted file mode 100644
index 6fa7fca2..00000000
--- a/src/client/theme-default/components/icons/VPIconMoreHorizontal.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <circle cx="12" cy="12" r="2" />
-    <circle cx="19" cy="12" r="2" />
-    <circle cx="5" cy="12" r="2" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconPlus.vue b/src/client/theme-default/components/icons/VPIconPlus.vue
deleted file mode 100644
index 74d9f695..00000000
--- a/src/client/theme-default/components/icons/VPIconPlus.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconPlusSquare.vue b/src/client/theme-default/components/icons/VPIconPlusSquare.vue
deleted file mode 100644
index 88e5b5cf..00000000
--- a/src/client/theme-default/components/icons/VPIconPlusSquare.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z" />
-    <path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/components/icons/VPIconSun.vue b/src/client/theme-default/components/icons/VPIconSun.vue
deleted file mode 100644
index 8ecb25ba..00000000
--- a/src/client/theme-default/components/icons/VPIconSun.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
-    <path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z" />
-    <path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z" />
-    <path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z" />
-    <path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z" />
-    <path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z" />
-    <path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z" />
-    <path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z" />
-    <path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z" />
-    <path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z" />
-  </svg>
-</template>
diff --git a/src/client/theme-default/composables/aside.ts b/src/client/theme-default/composables/aside.ts
deleted file mode 100644
index 50f20626..00000000
--- a/src/client/theme-default/composables/aside.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useMediaQuery } from '@vueuse/core'
-import { computed } from 'vue'
-import { useLayout } from './layout'
-
-export function useAside() {
-  const { hasSidebar } = useLayout()
-  const is960 = useMediaQuery('(min-width: 960px)')
-  const is1280 = useMediaQuery('(min-width: 1280px)')
-
-  const isAsideEnabled = computed(() => {
-    if (!is1280.value && !is960.value) {
-      return false
-    }
-
-    return hasSidebar.value ? is1280.value : is960.value
-  })
-
-  return {
-    isAsideEnabled
-  }
-}
diff --git a/src/client/theme-default/composables/edit-link.ts b/src/client/theme-default/composables/edit-link.ts
index 75fecc03..44cd35f5 100644
--- a/src/client/theme-default/composables/edit-link.ts
+++ b/src/client/theme-default/composables/edit-link.ts
@@ -1,4 +1,5 @@
 import { computed } from 'vue'
+
 import { useData } from './data'
 
 export function useEditLink() {
diff --git a/src/client/theme-default/composables/flyout.ts b/src/client/theme-default/composables/flyout.ts
index 5f80e93f..d7aef46f 100644
--- a/src/client/theme-default/composables/flyout.ts
+++ b/src/client/theme-default/composables/flyout.ts
@@ -1,8 +1,8 @@
 import { inBrowser } from 'vitepress'
-import { onUnmounted, readonly, type Ref, ref, watch } from 'vue'
+import { onUnmounted, readonly, type TemplateRef, ref, watch } from 'vue'
 
 interface UseFlyoutOptions {
-  el: Ref<HTMLElement | undefined>
+  el: TemplateRef<HTMLElement>
   onFocus?(): void
   onBlur?(): void
 }
@@ -52,6 +52,7 @@ function activateFocusTracking() {
 
 function deactivateFocusTracking() {
   document.removeEventListener('focusin', handleFocusIn)
+  active = false
 }
 
 function handleFocusIn() {
diff --git a/src/client/theme-default/composables/langs.ts b/src/client/theme-default/composables/langs.ts
index 64ca65ce..0fb6e06b 100644
--- a/src/client/theme-default/composables/langs.ts
+++ b/src/client/theme-default/composables/langs.ts
@@ -1,5 +1,6 @@
 import type { DefaultTheme } from 'vitepress/theme'
 import { computed } from 'vue'
+
 import { useRoute } from '../../app/router'
 import type { Route, VitePressData } from '../../shared'
 import { ensureStartingSlash } from '../support/utils'
diff --git a/src/client/theme-default/composables/layout.ts b/src/client/theme-default/composables/layout.ts
index d6efb7ec..542bbc2a 100644
--- a/src/client/theme-default/composables/layout.ts
+++ b/src/client/theme-default/composables/layout.ts
@@ -1,5 +1,6 @@
-import { inBrowser, onContentUpdated, useRoute } from 'vitepress'
-import type { DefaultTheme, useLayout as expected } from 'vitepress/theme'
+import { useMediaQuery } from '@vueuse/core'
+import { onContentUpdated, useRoute } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme'
 import {
   computed,
   shallowReadonly,
@@ -8,6 +9,7 @@ import {
   type ComputedRef,
   type InjectionKey
 } from 'vue'
+
 import { getSidebar, getSidebarGroups } from '../support/sidebar'
 import { useData } from './data'
 import { getHeaders } from './outline'
@@ -16,9 +18,9 @@ import { useCloseSidebarOnEscape } from './sidebar'
 const headers = shallowRef<DefaultTheme.OutlineItem[]>([])
 const sidebar = shallowRef<DefaultTheme.SidebarItem[]>([])
 
-const is960 = shallowRef(false)
+const isDesktop = useMediaQuery('(min-width: 60rem)')
 
-export function useLayout(): ReturnType<typeof expected> {
+export function useLayout(): DefaultTheme.Layout {
   const { frontmatter, theme } = useData()
 
   const isHome = computed(() => {
@@ -33,7 +35,7 @@ export function useLayout(): ReturnType<typeof expected> {
     )
   })
 
-  const isSidebarEnabled = computed(() => hasSidebar.value && is960.value)
+  const isSidebarEnabled = computed(() => hasSidebar.value && isDesktop.value)
 
   const sidebarGroups = computed(() => {
     return hasSidebar.value ? getSidebarGroups(sidebar.value) : []
@@ -93,21 +95,10 @@ export function registerWatchers({ closeSidebar }: RegisterWatchersOptions) {
     headers.value = getHeaders(frontmatter.value.outline ?? theme.value.outline)
   })
 
-  if (inBrowser) {
-    is960.value = window.innerWidth >= 960
-    window.addEventListener(
-      'resize',
-      () => {
-        is960.value = window.innerWidth >= 960
-      },
-      { passive: true }
-    )
-  }
-
   const route = useRoute()
   watch(() => route.path, closeSidebar)
 
-  watch(is960, closeSidebar)
+  watch(isDesktop, closeSidebar)
   useCloseSidebarOnEscape(closeSidebar)
 }
 
diff --git a/src/client/theme-default/composables/nav-overflow.ts b/src/client/theme-default/composables/nav-overflow.ts
new file mode 100644
index 00000000..5c45c6b8
--- /dev/null
+++ b/src/client/theme-default/composables/nav-overflow.ts
@@ -0,0 +1,299 @@
+import { useMediaQuery } from '@vueuse/core'
+import { inBrowser } from 'vitepress'
+import {
+  inject,
+  onScopeDispose,
+  provide,
+  reactive,
+  toValue,
+  watch,
+  type InjectionKey,
+  type MaybeRefOrGetter
+} from 'vue'
+
+/**
+ * Priority+ overflow for the navbar (#1271, #2842).
+ *
+ * Collapse order under space pressure: social links → appearance switch →
+ * translations → menu items right-to-left. Collapsed units move into the
+ * `⋯` flyout (VPNavBarExtra) instead of being clipped, so nothing ever
+ * becomes unreachable.
+ *
+ * Collapsed units stay mounted but hidden (visibility: hidden + absolute,
+ * which also removes them from the a11y tree and tab order), so their
+ * natural widths remain measurable and observed — re-expanding never works
+ * from stale data.
+ */
+
+export const navClusterUnits = [
+  'translations',
+  'appearance',
+  'socialLinks'
+] as const
+
+export type NavClusterUnit = (typeof navClusterUnits)[number]
+
+export interface NavFitInput {
+  /** widths of the top-level menu items, in nav order (px) */
+  itemWidths: number[]
+  /** cluster unit widths; null = the unit isn't configured on this site */
+  translations: number | null
+  appearance: number | null
+  socialLinks: number | null
+  /** px available to all collapsible units */
+  available: number
+  /** px the `⋯` button occupies once anything is collapsed */
+  extraWidth: number
+}
+
+export interface NavFitResult {
+  /** number of menu items that stay in the bar (Infinity = all) */
+  visibleItemCount: number
+  translations: boolean
+  appearance: boolean
+  socialLinks: boolean
+}
+
+const allVisible: NavFitResult = {
+  visibleItemCount: Infinity,
+  translations: true,
+  appearance: true,
+  socialLinks: true
+}
+
+export function computeNavFit(input: NavFitInput): NavFitResult {
+  const { itemWidths, available, extraWidth } = input
+
+  const itemsTotal = itemWidths.reduce((sum, w) => sum + w, 0)
+  const clusterTotal =
+    (input.translations ?? 0) +
+    (input.appearance ?? 0) +
+    (input.socialLinks ?? 0)
+
+  if (itemsTotal + clusterTotal <= available) return allVisible
+
+  // something must collapse, so the `⋯` button needs room too
+  const budget = available - extraWidth
+
+  if (itemsTotal > budget) {
+    // even the menu alone doesn't fit — the whole cluster collapses and the
+    // menu keeps a contiguous prefix so the bar never shows a gap
+    // (units that aren't configured stay `true`: there is nothing to collapse)
+    let used = 0
+    let visibleItemCount = 0
+    for (const width of itemWidths) {
+      if (used + width > budget) break
+      used += width
+      visibleItemCount++
+    }
+    return {
+      visibleItemCount,
+      translations: input.translations == null,
+      appearance: input.appearance == null,
+      socialLinks: input.socialLinks == null
+    }
+  }
+
+  // menu fits in full; collapse the cluster in reverse keep-priority
+  // (translations is kept longest, social links go first) — once a unit
+  // collapses, everything after it in keep order collapses too
+  const result = { ...allVisible }
+  let used = itemsTotal
+  let dropRest = false
+
+  for (const unit of navClusterUnits) {
+    const width = input[unit]
+    if (width == null) continue
+    if (dropRest || used + width > budget) {
+      dropRest = true
+      result[unit] = false
+    } else {
+      used += width
+    }
+  }
+
+  return result
+}
+
+/** headroom against sub-pixel rounding and the inter-unit dividers */
+const SLACK = 24
+
+/** used until the real `⋯` button has been measured once */
+const EXTRA_WIDTH_ESTIMATE = 48
+
+export interface NavOverflow {
+  /** reactive collapse state, all-visible during SSR and below 48rem */
+  state: NavFitResult
+  /** true when anything is collapsed into the `⋯` menu */
+  hasCollapsed: () => boolean
+  setContainerEl(el: HTMLElement | null): void
+  setMenuEl(el: HTMLElement | null): void
+  setExtraEl(el: HTMLElement | null): void
+  setItemEl(index: number, el: HTMLElement | null): void
+  setClusterEl(unit: NavClusterUnit, el: HTMLElement | null): void
+}
+
+const navOverflowKey: InjectionKey<NavOverflow> = Symbol('nav-overflow')
+
+export function useNavOverflow(): NavOverflow | null {
+  return inject(navOverflowKey, null)
+}
+
+export function provideNavOverflow(options: {
+  /** stringified nav config — collapse state resets when it changes */
+  itemsKey: MaybeRefOrGetter<string>
+}): NavOverflow {
+  const state = reactive<NavFitResult>({ ...allVisible })
+
+  const itemEls = new Map<number, HTMLElement>()
+  const clusterEls = new Map<NavClusterUnit, HTMLElement>()
+  let containerEl: HTMLElement | null = null
+  let menuEl: HTMLElement | null = null
+  let extraEl: HTMLElement | null = null
+  let extraWidth = EXTRA_WIDTH_ESTIMATE
+
+  let observer: ResizeObserver | null = null
+  const observed = new Set<HTMLElement>()
+  let scheduled = false
+
+  function observe(el: HTMLElement | null) {
+    // instanceof also guards against fragment roots handing over a comment
+    // node via $el — better to skip a unit than to crash the bar
+    if (!inBrowser || !(el instanceof Element) || observed.has(el)) return
+    observed.add(el)
+    ;(observer ??= new ResizeObserver(schedule)).observe(el)
+  }
+
+  function schedule() {
+    if (!inBrowser || scheduled) return
+    scheduled = true
+    requestAnimationFrame(() => {
+      scheduled = false
+      recompute()
+    })
+  }
+
+  const controller: NavOverflow = {
+    state,
+    hasCollapsed: () =>
+      state.visibleItemCount !== Infinity ||
+      !state.translations ||
+      !state.appearance ||
+      !state.socialLinks,
+    setContainerEl(el) {
+      containerEl = el
+      observe(el)
+      schedule()
+    },
+    setMenuEl(el) {
+      menuEl = el
+      observe(el)
+      schedule()
+    },
+    setExtraEl(el) {
+      extraEl = el
+      observe(el)
+      schedule()
+    },
+    setItemEl(index, el) {
+      el ? itemEls.set(index, el) : itemEls.delete(index)
+      // container and menu boxes don't resize when item content changes
+      // (the menu is flex-grown), so the items themselves are observed
+      observe(el)
+      schedule()
+    },
+    setClusterEl(unit, el) {
+      el ? clusterEls.set(unit, el) : clusterEls.delete(unit)
+      observe(el)
+      schedule()
+    }
+  }
+
+  provide(navOverflowKey, controller)
+
+  if (!inBrowser) return controller
+
+  // below tablet size the hamburger + screen own navigation and the bar only
+  // shows title/search/hamburger, so the engine idles in the all-visible state
+  const isEngineActive = useMediaQuery('(min-width: 48rem)')
+
+  // natural width even while the unit is collapsed (clamped by max-width)
+  function measureUnit(el: HTMLElement) {
+    return Math.max(el.offsetWidth, el.scrollWidth)
+  }
+
+  function recompute() {
+    if (!isEngineActive.value) return applyResult(allVisible)
+    if (!containerEl) return
+
+    if (extraEl && extraEl.offsetWidth > 0) extraWidth = extraEl.offsetWidth
+
+    // everything in the row that isn't a collapsible unit (search, slots,
+    // the hamburger…) is measured live and treated as fixed occupancy
+    let fixed = 0
+    for (const child of Array.from(containerEl.children)) {
+      if (!(child instanceof HTMLElement)) continue
+      if (child === menuEl || child === extraEl) continue
+      let isCluster = false
+      for (const el of clusterEls.values()) {
+        if (el === child) {
+          isCluster = true
+          break
+        }
+      }
+      if (isCluster) continue
+      fixed += child.offsetWidth
+    }
+
+    const itemWidths: number[] = []
+    for (let i = 0; i < itemEls.size; i++) {
+      const el = itemEls.get(i)
+      // a hole means not every item has registered yet — wait for the next
+      // pass instead of collapsing on partial data
+      if (!el) return
+      itemWidths.push(measureUnit(el))
+    }
+
+    const clusterWidth = (unit: NavClusterUnit) => {
+      const el = clusterEls.get(unit)
+      return el ? measureUnit(el) : null
+    }
+
+    applyResult(
+      computeNavFit({
+        itemWidths,
+        translations: clusterWidth('translations'),
+        appearance: clusterWidth('appearance'),
+        socialLinks: clusterWidth('socialLinks'),
+        available: containerEl.clientWidth - fixed - SLACK,
+        extraWidth
+      })
+    )
+  }
+
+  function applyResult(result: NavFitResult) {
+    if (state.visibleItemCount !== result.visibleItemCount)
+      state.visibleItemCount = result.visibleItemCount
+    for (const unit of navClusterUnits) {
+      if (state[unit] !== result[unit]) state[unit] = result[unit]
+    }
+  }
+
+  watch(isEngineActive, schedule)
+
+  watch(() => toValue(options.itemsKey), schedule)
+
+  if (document.fonts?.ready) {
+    // a clamped collapsed unit keeps its box size when the font changes, so
+    // the ResizeObserver alone can miss late font swaps
+    document.fonts.ready.then(schedule).catch(() => {})
+  }
+
+  onScopeDispose(() => {
+    observer?.disconnect()
+    observer = null
+    observed.clear()
+  })
+
+  return controller
+}
diff --git a/src/client/theme-default/composables/nav.ts b/src/client/theme-default/composables/nav.ts
index 370c9e08..dcb08764 100644
--- a/src/client/theme-default/composables/nav.ts
+++ b/src/client/theme-default/composables/nav.ts
@@ -1,43 +1,112 @@
-import { useRoute } from 'vitepress'
-import { ref, watch, type InjectionKey } from 'vue'
+import { useMediaQuery, whenever } from '@vueuse/core'
+import { inBrowser, useRoute } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme'
+import {
+  computed,
+  ref,
+  shallowRef,
+  toValue,
+  watch,
+  type InjectionKey,
+  type MaybeRefOrGetter
+} from 'vue'
 
-export function useNav() {
-  const isScreenOpen = ref(false)
+import { isActive } from '../../shared'
+import { useData } from './data'
 
-  function openScreen() {
-    isScreenOpen.value = true
-    window.addEventListener('resize', closeScreenOnTabletWindow)
-  }
+// module-scoped so Layout.vue can render the rest of the app inert while the
+// screen (mobile drawer) is open, without threading props through VPNav
+const isScreenOpen = ref(false)
 
-  function closeScreen() {
-    isScreenOpen.value = false
-    window.removeEventListener('resize', closeScreenOnTabletWindow)
-  }
+// the button that toggles the screen — focus returns to it when the screen
+// is closed with Escape
+const screenTriggerEl = shallowRef<HTMLButtonElement | null>(null)
 
-  function toggleScreen() {
-    isScreenOpen.value ? closeScreen() : openScreen()
-  }
+function openScreen() {
+  isScreenOpen.value = true
+}
 
-  /**
-   * Close screen when the user resizes the window wider than tablet size.
-   */
-  function closeScreenOnTabletWindow() {
-    window.outerWidth >= 768 && closeScreen()
-  }
+function closeScreen() {
+  isScreenOpen.value = false
+}
 
-  const route = useRoute()
-  watch(() => route.path, closeScreen)
+function toggleScreen() {
+  isScreenOpen.value ? closeScreen() : openScreen()
+}
+
+let watchersRegistered = false
+
+export function useNav() {
+  // the auto-close watchers are app-wide, so guard against VPNav being
+  // mounted more than once (the flag persists across SSG renders, hence the
+  // inBrowser check — the watchers are meaningless during SSR anyway)
+  if (inBrowser && !watchersRegistered) {
+    watchersRegistered = true
+
+    // Close screen when the user resizes the window wider than tablet size.
+    const isTablet = useMediaQuery('(min-width: 48rem)')
+    whenever(isTablet, closeScreen)
+
+    const route = useRoute()
+    watch(() => route.path, closeScreen)
+  }
 
   return {
     isScreenOpen,
+    screenTriggerEl,
     openScreen,
     closeScreen,
     toggleScreen
   }
 }
 
+// whether the theme shows a light/dark switch (guard shared by the inline
+// switch, the `⋯` menu and the nav screen)
+export function useAppearanceSwitch() {
+  const { site } = useData()
+  return computed(
+    () =>
+      !!site.value.appearance &&
+      site.value.appearance !== 'force-dark' &&
+      site.value.appearance !== 'force-auto'
+  )
+}
+
+export function useNavItemLink(
+  item: MaybeRefOrGetter<DefaultTheme.NavItemWithLink>
+) {
+  const route = useRoute()
+
+  const href = computed(() => {
+    const { link } = toValue(item)
+    return typeof link === 'function' ? link(route.data) : link
+  })
+
+  const isActiveLink = computed(() => {
+    const { activeMatch } = toValue(item)
+    return isActive(
+      route.data.relativePath,
+      route.hash,
+      activeMatch || href.value,
+      !!activeMatch
+    )
+  })
+
+  // exact match only — a broad activeMatch keeps the visual active state
+  // without claiming aria-current
+  const isCurrentLink = computed(() => {
+    return isActive(route.data.relativePath, route.hash, href.value)
+  })
+
+  return { href, isActiveLink, isCurrentLink }
+}
+
 export interface NavExposedMethods {
   closeScreen: () => void
 }
 
 export const navInjectionKey: InjectionKey<NavExposedMethods> = Symbol('nav')
+
+// true within the VPNavScreen subtree — shared components (VPMenuLink,
+// VPMenuGroup, …) restyle themselves and close the screen on navigation
+export const navScreenInjectionKey: InjectionKey<boolean> = Symbol('nav-screen')
diff --git a/src/client/theme-default/composables/outline.ts b/src/client/theme-default/composables/outline.ts
index 067b2b1a..14d4baef 100644
--- a/src/client/theme-default/composables/outline.ts
+++ b/src/client/theme-default/composables/outline.ts
@@ -1,7 +1,8 @@
+import { useMediaQuery } from '@vueuse/core'
 import type { DefaultTheme } from 'vitepress/theme'
-import { onMounted, onUnmounted, onUpdated, type Ref } from 'vue'
+import { onMounted, onUnmounted, onUpdated, type TemplateRef } from 'vue'
+
 import { throttleAndDebounce } from '../support/utils'
-import { useAside } from './aside'
 
 const ignoreRE = /\b(?:VPBadge|header-anchor|footnote-ref|ignore-header)\b/
 
@@ -76,10 +77,10 @@ export function resolveHeaders(
 }
 
 export function useActiveAnchor(
-  container: Ref<HTMLElement>,
-  marker: Ref<HTMLElement>
+  container: TemplateRef<HTMLElement>,
+  marker: TemplateRef<HTMLElement>
 ): void {
-  const { isAsideEnabled } = useAside()
+  const isAsideVisible = useMediaQuery('(min-width: 80rem)')
 
   const onScroll = throttleAndDebounce(setActiveLink, 100)
 
@@ -89,7 +90,7 @@ export function useActiveAnchor(
   onMounted(() => {
     requestAnimationFrame(setActiveLink)
     window.addEventListener('scroll', onScroll)
-    container.value.addEventListener('click', onClick)
+    container.value?.addEventListener('click', onClick)
   })
 
   onUpdated(() => {
@@ -102,7 +103,7 @@ export function useActiveAnchor(
   })
 
   function onClick(e: MouseEvent) {
-    if (!isAsideEnabled.value) {
+    if (!isAsideVisible.value) {
       return
     }
 
@@ -116,7 +117,7 @@ export function useActiveAnchor(
   }
 
   function setActiveLink() {
-    if (!isAsideEnabled.value) {
+    if (!isAsideVisible.value) {
       return
     }
 
@@ -128,7 +129,7 @@ export function useActiveAnchor(
     const scrollY = window.scrollY
     const innerHeight = window.innerHeight
     const offsetHeight = document.body.offsetHeight
-    const isBottom = Math.abs(scrollY + innerHeight - offsetHeight) < 1
+    const isBottom = scrollY + innerHeight - offsetHeight >= 0
 
     // resolvedHeaders may be repositioned, hidden or fix positioned
     const headers = resolvedHeaders
@@ -155,7 +156,7 @@ export function useActiveAnchor(
 
     // page bottom - highlight last link
     if (isBottom) {
-      activateLink(headers[headers.length - 1].link)
+      activateLink(headers.at(-1)?.link ?? null)
       return
     }
 
@@ -171,26 +172,33 @@ export function useActiveAnchor(
   }
 
   function activateLink(hash: string | null) {
-    if (prevActiveLink) {
-      prevActiveLink.classList.remove('active')
-    }
+    const activeLink =
+      hash != null
+        ? (container.value?.querySelector<HTMLAnchorElement>(
+            `a[href$="${decodeURIComponent(hash)}"]`
+          ) ?? null)
+        : null
 
-    if (hash == null) {
-      prevActiveLink = null
-    } else {
-      prevActiveLink = container.value.querySelector(
-        `a[href$="${decodeURIComponent(hash)}"]`
-      )
-    }
+    if (activeLink === prevActiveLink) return
 
-    const activeLink = prevActiveLink
+    prevActiveLink?.classList.remove('active')
+    prevActiveLink = activeLink
 
     if (activeLink) {
       activeLink.classList.add('active')
-      marker.value.style.top = activeLink.offsetTop + 39 + 'px'
-      marker.value.style.opacity = '1'
-    } else {
-      marker.value.style.top = '33px'
+      if (marker.value) {
+        // the links' offsetParent (.root) sits below the outline title while
+        // the marker is offset from .content, so re-align their origins
+        marker.value.style.top =
+          activeLink.offsetTop +
+          ((activeLink.offsetParent as HTMLElement)?.offsetTop ?? 0) +
+          (activeLink.offsetHeight - marker.value.offsetHeight) / 2 +
+          'px'
+        marker.value.style.opacity = '1'
+      }
+      activeLink.scrollIntoView({ block: 'nearest', behavior: 'smooth' })
+    } else if (marker.value) {
+      marker.value.style.top = ''
       marker.value.style.opacity = '0'
     }
   }
diff --git a/src/client/theme-default/composables/prev-next.ts b/src/client/theme-default/composables/prev-next.ts
index 258d9856..52a0d791 100644
--- a/src/client/theme-default/composables/prev-next.ts
+++ b/src/client/theme-default/composables/prev-next.ts
@@ -1,4 +1,5 @@
 import { computed } from 'vue'
+
 import { isActive, normalize } from '../../shared'
 import { getFlatSideBarLinks, getSidebar } from '../support/sidebar'
 import { uniqBy } from '../support/utils'
diff --git a/src/client/theme-default/composables/scroll-lock.ts b/src/client/theme-default/composables/scroll-lock.ts
new file mode 100644
index 00000000..e04d15f6
--- /dev/null
+++ b/src/client/theme-default/composables/scroll-lock.ts
@@ -0,0 +1,141 @@
+import { inBrowser } from 'vitepress'
+import {
+  computed,
+  onScopeDispose,
+  shallowRef,
+  type WritableComputedRef
+} from 'vue'
+
+const isIOS =
+  inBrowser &&
+  (/iP(?:ad|hone|od)/.test(navigator.userAgent) ||
+    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1))
+
+const scrollKeys = new Set([
+  ' ',
+  'PageUp',
+  'PageDown',
+  'Home',
+  'End',
+  'ArrowUp',
+  'ArrowDown',
+  'ArrowLeft',
+  'ArrowRight'
+])
+
+const listenerOptions = { capture: true, passive: false } as const
+
+function isScrollable(target: EventTarget | null): boolean {
+  let el = target instanceof Element ? target : null
+  while (el && el !== document.body) {
+    const { overflowX, overflowY } = getComputedStyle(el)
+    if (
+      ((overflowY === 'auto' || overflowY === 'scroll') &&
+        el.scrollHeight > el.clientHeight) ||
+      ((overflowX === 'auto' || overflowX === 'scroll') &&
+        el.scrollWidth > el.clientWidth)
+    ) {
+      return true
+    }
+    el = el.parentElement
+  }
+  return false
+}
+
+function blockScroll(e: Event) {
+  if ('touches' in e && (e as TouchEvent).touches.length > 1) return
+  if (!isScrollable(e.target)) e.preventDefault()
+}
+
+function blockScrollKeys(e: KeyboardEvent) {
+  if (e.metaKey || e.ctrlKey || e.altKey || !scrollKeys.has(e.key)) return
+  const el = e.target
+  if (
+    el instanceof HTMLElement &&
+    (el.isContentEditable || el.matches('input, textarea, select'))
+  ) {
+    return
+  }
+  blockScroll(e)
+}
+
+// all instances lock the same element, so the style juggling is refcounted
+let overflowLockCount = 0
+let eventLockCount = 0
+let initialOverflow: string | undefined
+let initialGutter: string | undefined
+
+function lockOverflow() {
+  if (++overflowLockCount > 1) return
+  const html = document.documentElement
+  if (!getComputedStyle(html).scrollbarGutter.includes('stable')) {
+    initialGutter = html.style.scrollbarGutter
+    html.style.scrollbarGutter = 'stable'
+  }
+  initialOverflow = document.body.style.overflow
+  document.body.style.overflow = 'hidden'
+  if (isIOS) {
+    document.addEventListener('touchmove', blockScroll, listenerOptions)
+  }
+}
+
+function unlockOverflow() {
+  if (--overflowLockCount > 0) return
+  if (isIOS) {
+    document.removeEventListener('touchmove', blockScroll, listenerOptions)
+  }
+  document.body.style.overflow = initialOverflow ?? ''
+  if (initialGutter !== undefined) {
+    document.documentElement.style.scrollbarGutter = initialGutter
+  }
+  initialOverflow = initialGutter = undefined
+}
+
+function lockEvents() {
+  if (++eventLockCount > 1) return
+  document.addEventListener('wheel', blockScroll, listenerOptions)
+  document.addEventListener('touchmove', blockScroll, listenerOptions)
+  document.addEventListener('keydown', blockScrollKeys, listenerOptions)
+}
+
+function unlockEvents() {
+  if (--eventLockCount > 0) return
+  document.removeEventListener('wheel', blockScroll, listenerOptions)
+  document.removeEventListener('touchmove', blockScroll, listenerOptions)
+  document.removeEventListener('keydown', blockScrollKeys, listenerOptions)
+}
+
+/**
+ * Locks page scrolling behind an overlay.
+ *
+ * Prefer `scrollbar-gutter: stable` + `overflow: hidden` so layout width
+ * stays stable when the scrollbar is hidden. If unsupported, fall back to
+ * blocking scroll events while still allowing events inside scrollable
+ * elements.
+ */
+export function useBodyScrollLock(): WritableComputedRef<boolean> {
+  const isLocked = shallowRef(false)
+  let useEvents = false
+
+  function lock() {
+    if (isLocked.value) return
+    useEvents =
+      window.innerWidth > document.documentElement.clientWidth &&
+      !CSS.supports('scrollbar-gutter', 'stable')
+    useEvents ? lockEvents() : lockOverflow()
+    isLocked.value = true
+  }
+
+  function unlock() {
+    if (!isLocked.value) return
+    useEvents ? unlockEvents() : unlockOverflow()
+    isLocked.value = false
+  }
+
+  onScopeDispose(unlock)
+
+  return computed({
+    get: () => isLocked.value,
+    set: (value) => (value ? lock() : unlock())
+  })
+}
diff --git a/src/client/theme-default/composables/sidebar.ts b/src/client/theme-default/composables/sidebar.ts
index 1b9df6bd..684bda6f 100644
--- a/src/client/theme-default/composables/sidebar.ts
+++ b/src/client/theme-default/composables/sidebar.ts
@@ -10,6 +10,7 @@ import {
   watchEffect,
   type ComputedRef
 } from 'vue'
+
 import { isActive } from '../../shared'
 import { hasActiveLink as containsActiveLink } from '../support/sidebar'
 
@@ -83,12 +84,14 @@ export function useSidebarItemControl(
   const isActiveLink = ref(false)
   const hasActiveLink = ref(false)
 
-  function updateActiveLink(): void {
+  function updateActiveLink(skipHashCheck = false): void {
     if (item.value.link) {
       isActiveLink.value = isActive(
         route.data.relativePath,
         route.hash,
-        item.value.link
+        item.value.link,
+        false,
+        skipHashCheck
       )
     } else {
       isActiveLink.value = false
@@ -105,15 +108,30 @@ export function useSidebarItemControl(
     hasActiveLink.value = containsActiveLink(
       route.data.relativePath,
       route.hash,
-      item.value.items
+      item.value.items,
+      skipHashCheck
     )
     if (hasActiveLink.value) {
       nextTick(() => (collapsed.value = false))
     }
   }
 
-  watch([item, route], updateActiveLink)
-  onMounted(updateActiveLink)
+  // runs during setup so active classes render in SSR output too; the hash
+  // isn't known on the server (and may differ at hydration), so it's skipped
+  // until mounted
+  updateActiveLink(true)
+
+  watch([item, route], () => updateActiveLink())
+  onMounted(() => updateActiveLink())
+
+  // exact match only, unlike isActiveLink which skips the hash check before
+  // mount — links that differ only in hash must not claim aria-current in
+  // SSR output
+  const isCurrentLink = computed(() => {
+    return item.value.link
+      ? isActive(route.data.relativePath, route.hash, item.value.link)
+      : false
+  })
 
   const hasChildren = computed(() => {
     return !!(item.value.items && item.value.items.length)
@@ -134,6 +152,7 @@ export function useSidebarItemControl(
     collapsible,
     isLink,
     isActiveLink: isActiveLink as ComputedRef<boolean>,
+    isCurrentLink,
     hasActiveLink: hasActiveLink as ComputedRef<boolean>,
     hasChildren,
     toggle
diff --git a/src/client/theme-default/composables/sponsor-grid.ts b/src/client/theme-default/composables/sponsor-grid.ts
index 3a6f7e3b..2ff70f6b 100644
--- a/src/client/theme-default/composables/sponsor-grid.ts
+++ b/src/client/theme-default/composables/sponsor-grid.ts
@@ -1,24 +1,25 @@
-import { type Ref, onMounted, onUnmounted } from 'vue'
+import { type TemplateRef, onMounted, onUnmounted } from 'vue'
+
 import { throttleAndDebounce } from '../support/utils'
 
-export interface GridSetting {
-  [size: string]: [number, number][]
+export type GridSetting = {
+  [size in GridSize]: [number, number][]
 }
 
 export type GridSize = 'xmini' | 'mini' | 'small' | 'medium' | 'big'
 
 export interface UseSponsorsGridOptions {
-  el: Ref<HTMLElement | null>
+  el: TemplateRef<HTMLElement>
   size?: GridSize
 }
 
 /**
  * Defines grid configuration for each sponsor size in tuple.
  *
- * [Screen width, Column size]
+ * [Screen width (rem), Column size]
  *
- * It sets grid size on matching screen size. For example, `[768, 5]` will
- * set 5 columns when screen size is bigger or equal to 768px.
+ * It sets grid size on matching screen size. For example, `[48, 5]` will
+ * set 5 columns when the screen is at least 48rem wide.
  *
  * Column will set only when item size is bigger than the column size. For
  * example, even we define 5 columns, if we only have 1 sponsor yet, we would
@@ -28,21 +29,21 @@ const GridSettings: GridSetting = {
   xmini: [[0, 2]],
   mini: [],
   small: [
-    [920, 6],
-    [768, 5],
-    [640, 4],
-    [480, 3],
+    [57.5, 6],
+    [48, 5],
+    [40, 4],
+    [30, 3],
     [0, 2]
   ],
   medium: [
-    [960, 5],
-    [832, 4],
-    [640, 3],
-    [480, 2]
+    [60, 5],
+    [52, 4],
+    [40, 3],
+    [30, 2]
   ],
   big: [
-    [832, 3],
-    [640, 2]
+    [52, 3],
+    [40, 2]
   ]
 }
 
@@ -62,7 +63,7 @@ export function useSponsorsGrid({
   })
 
   function manage() {
-    adjustSlots(el.value!, size)
+    if (el.value) adjustSlots(el.value, size)
   }
 }
 
@@ -77,12 +78,11 @@ function adjustSlots(el: HTMLElement, size: GridSize) {
 
 function setGrid(el: HTMLElement, size: GridSize, items: number) {
   const settings = GridSettings[size]
-  const screen = window.innerWidth
 
   let grid = 1
 
   settings.some(([breakpoint, value]) => {
-    if (screen >= breakpoint) {
+    if (window.matchMedia(`(min-width: ${breakpoint}rem)`).matches) {
       grid = items < value ? items : value
       return true
     }
diff --git a/src/client/theme-default/styles/base.css b/src/client/theme-default/styles/base.css
index ca379eb1..89fa8039 100644
--- a/src/client/theme-default/styles/base.css
+++ b/src/client/theme-default/styles/base.css
@@ -150,11 +150,11 @@
   }
 
   :where(select:is([multiple], [size])) optgroup option {
-    padding-inline-start: 20px;
+    padding-inline-start: 1.25rem;
   }
 
   ::file-selector-button {
-    margin-inline-end: 4px;
+    margin-inline-end: 0.25rem;
   }
 
   ::placeholder {
@@ -244,10 +244,6 @@
   }
 
   :root {
-    /* FIXME: pins rem-sized bits while the theme is px-based - remove when
-       moving to relative units (#570) */
-    font-size: 16px;
-
     &:is(.dark) {
       color-scheme: dark;
     }
@@ -257,9 +253,6 @@
   }
 
   body {
-    /* FIXME: unlike html's unitless 1.5, this is inherited as-is by elements
-       with other font sizes - make unitless with #570 */
-    line-height: 24px;
     color: var(--vp-c-text-1);
     background-color: var(--vp-c-bg);
     text-rendering: optimizeLegibility;
diff --git a/src/client/theme-default/styles/components/custom-block.css b/src/client/theme-default/styles/components/custom-block.css
index f3445a81..b80b434c 100644
--- a/src/client/theme-default/styles/components/custom-block.css
+++ b/src/client/theme-default/styles/components/custom-block.css
@@ -1,15 +1,15 @@
 .custom-block {
   border: 1px solid transparent;
-  border-radius: 8px;
-  padding: 8px 16px;
-  line-height: 24px;
+  border-radius: 0.5rem;
+  padding: 0.5rem 1rem;
+  line-height: 1.7142857;
   font-size: var(--vp-custom-block-font-size);
   color: var(--vp-c-text-2);
 }
 
 /* containers rendered with `{no-title}` keep the reduced padding */
 .custom-block:has(> .custom-block-title, > summary) {
-  padding-top: 16px;
+  padding-top: 1rem;
 }
 
 .custom-block.info {
@@ -176,25 +176,25 @@
 }
 
 .custom-block p + p {
-  margin: 8px 0;
+  margin: 0.5rem 0;
 }
 
 .custom-block.details summary {
-  margin: 0 0 8px;
+  margin: 0 0 0.5rem;
   font-weight: 700;
   cursor: pointer;
   user-select: none;
 }
 
 .custom-block.details summary + p {
-  margin: 8px 0;
+  margin: 0.5rem 0;
 }
 
 .custom-block a {
   color: inherit;
   font-weight: 600;
   text-decoration: underline;
-  text-underline-offset: 2px;
+  text-underline-offset: 0.125rem;
   transition: opacity 0.25s;
 }
 
diff --git a/src/client/theme-default/styles/components/vp-code-group.css b/src/client/theme-default/styles/components/vp-code-group.css
index 4f23a416..430e835e 100644
--- a/src/client/theme-default/styles/components/vp-code-group.css
+++ b/src/client/theme-default/styles/components/vp-code-group.css
@@ -1,24 +1,24 @@
 .vp-code-group {
-  margin-top: 16px;
+  margin-top: 1rem;
 }
 
 .vp-code-group .tabs {
   position: relative;
   display: flex;
-  margin-right: -24px;
-  margin-left: -24px;
-  padding: 0 12px;
+  margin-right: -1.5rem;
+  margin-left: -1.5rem;
+  padding: 0 0.75rem;
   background-color: var(--vp-code-tab-bg);
   overflow-x: auto;
   overflow-y: hidden;
   box-shadow: inset 0 -1px var(--vp-code-tab-divider);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .vp-code-group .tabs {
     margin-right: 0;
     margin-left: 0;
-    border-radius: 8px 8px 0 0;
+    border-radius: 0.5rem 0.5rem 0 0;
   }
 }
 
@@ -32,9 +32,9 @@
   position: relative;
   display: inline-block;
   border-bottom: 1px solid transparent;
-  padding: 0 12px;
-  line-height: 48px;
-  font-size: 14px;
+  padding: 0 0.75rem;
+  line-height: 3.4285714;
+  font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-code-tab-text-color);
   white-space: nowrap;
@@ -44,9 +44,9 @@
 
 .vp-code-group .tabs label::after {
   position: absolute;
-  right: 8px;
+  right: 0.5rem;
   bottom: -1px;
-  left: 8px;
+  left: 0.5rem;
   z-index: 1;
   height: 2px;
   border-radius: 2px;
@@ -81,5 +81,5 @@
 }
 
 .vp-block {
-  padding: 20px 24px;
+  padding: 1.25rem 1.5rem;
 }
diff --git a/src/client/theme-default/styles/components/vp-doc.css b/src/client/theme-default/styles/components/vp-doc.css
index b512a731..235ebae7 100644
--- a/src/client/theme-default/styles/components/vp-doc.css
+++ b/src/client/theme-default/styles/components/vp-doc.css
@@ -4,21 +4,21 @@
 
 .vp-doc [id] {
   scroll-margin-top: calc(
-    47px + var(--vp-layout-top-height, 0px) +
-      var(--vp-extra-scroll-margin, 24px)
+    2.9375rem + var(--vp-layout-top-height, 0px) +
+      var(--vp-extra-scroll-margin, 1.5rem)
   );
 
-  @media (min-width: 960px) {
+  @media (min-width: 60rem) {
     scroll-margin-top: calc(
-      var(--vp-nav-height) + 47px + var(--vp-layout-top-height, 0px) +
-        var(--vp-extra-scroll-margin, 24px)
+      var(--vp-nav-height) + 2.9375rem + var(--vp-layout-top-height, 0px) +
+        var(--vp-extra-scroll-margin, 1.5rem)
     );
   }
 
-  @media (min-width: 1280px) {
+  @media (min-width: 80rem) {
     scroll-margin-top: calc(
       var(--vp-nav-height) + var(--vp-layout-top-height, 0px) +
-        var(--vp-extra-scroll-margin, 24px)
+        var(--vp-extra-scroll-margin, 1.5rem)
     );
   }
 }
@@ -40,33 +40,33 @@
 
 .vp-doc h1 {
   letter-spacing: -0.02em;
-  line-height: 40px;
-  font-size: 28px;
+  line-height: 1.4285714;
+  font-size: 1.75rem;
 }
 
 .vp-doc h2 {
-  margin: 48px 0 16px;
+  margin: 3rem 0 1rem;
   border-top: 1px solid var(--vp-c-divider);
-  padding-top: 24px;
+  padding-top: 1.5rem;
   letter-spacing: -0.02em;
-  line-height: 32px;
-  font-size: 24px;
-  /* since it already has a top padding of 24px, we don't need extra scroll margin */
+  line-height: 1.3333333;
+  font-size: 1.5rem;
+  /* since it already has a top padding of 1.5rem, we don't need extra scroll margin */
   --vp-extra-scroll-margin: 0px;
 }
 
 .vp-doc h3 {
-  margin: 32px 0 0;
+  margin: 2rem 0 0;
   letter-spacing: -0.01em;
-  line-height: 28px;
-  font-size: 20px;
+  line-height: 1.4;
+  font-size: 1.25rem;
 }
 
 .vp-doc h4 {
-  margin: 24px 0 0;
+  margin: 1.5rem 0 0;
   letter-spacing: -0.01em;
-  line-height: 24px;
-  font-size: 18px;
+  line-height: 1.3333333;
+  font-size: 1.125rem;
 }
 
 .vp-doc .header-anchor {
@@ -102,16 +102,16 @@
   opacity: 1;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .vp-doc h1 {
     letter-spacing: -0.02em;
-    line-height: 40px;
-    font-size: 32px;
+    line-height: 1.25;
+    font-size: 2rem;
   }
 }
 
 .vp-doc h2 .header-anchor {
-  top: 24px;
+  top: 1.5rem;
 }
 
 /**
@@ -121,24 +121,24 @@
 .vp-doc p,
 .vp-doc img,
 .vp-doc summary {
-  margin: 16px 0;
+  margin: 1rem 0;
 }
 
 .vp-doc p {
-  line-height: 28px;
+  line-height: 1.75;
 }
 
 .vp-doc blockquote {
-  margin: 16px 0;
+  margin: 1rem 0;
   border-left: 2px solid var(--vp-c-divider);
-  padding-left: 16px;
+  padding-left: 1rem;
   transition: border-color 0.5s;
   color: var(--vp-c-text-2);
 }
 
 .vp-doc blockquote > p {
   margin: 0;
-  font-size: 16px;
+  font-size: 1rem;
   transition: color 0.5s;
 }
 
@@ -146,7 +146,7 @@
   font-weight: 500;
   color: var(--vp-c-brand-1);
   text-decoration: underline;
-  text-underline-offset: 2px;
+  text-underline-offset: 0.125rem;
   transition:
     color 0.25s,
     opacity 0.25s;
@@ -167,7 +167,7 @@
 .vp-doc ul,
 .vp-doc ol {
   padding-left: 1.25rem;
-  margin: 16px 0;
+  margin: 1rem 0;
 }
 
 .vp-doc ul {
@@ -179,12 +179,12 @@
 }
 
 .vp-doc li + li {
-  margin-top: 8px;
+  margin-top: 0.5rem;
 }
 
 .vp-doc li > ol,
 .vp-doc li > ul {
-  margin: 8px 0 0;
+  margin: 0.5rem 0 0;
 }
 
 .vp-doc li > p:first-child {
@@ -200,7 +200,7 @@
 }
 
 .vp-doc .task-list-item-checkbox {
-  margin: 0 4px 2px -1.25rem;
+  margin: 0 0.25rem 0.125rem -1.25rem;
   vertical-align: middle;
   accent-color: var(--vp-c-brand-1);
 }
@@ -215,7 +215,7 @@
 }
 
 .vp-doc .footnotes {
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 /**
@@ -225,7 +225,7 @@
 .vp-doc table {
   display: block;
   border-collapse: collapse;
-  margin: 20px 0;
+  margin: 1.25rem 0;
   overflow-x: auto;
 }
 
@@ -242,19 +242,19 @@
 .vp-doc th,
 .vp-doc td {
   border: 1px solid var(--vp-c-divider);
-  padding: 8px 16px;
+  padding: 0.5rem 1rem;
 }
 
 .vp-doc th {
   text-align: left;
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: 600;
   color: var(--vp-c-text-2);
   background-color: var(--vp-c-bg-soft);
 }
 
 .vp-doc td {
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 /**
@@ -262,7 +262,7 @@
  * -------------------------------------------------------------------------- */
 
 .vp-doc hr {
-  margin: 16px 0;
+  margin: 1rem 0;
   border: none;
   border-top: 1px solid var(--vp-c-divider);
 }
@@ -272,12 +272,12 @@
  * -------------------------------------------------------------------------- */
 
 .vp-doc .custom-block {
-  margin: 16px 0;
+  margin: 1rem 0;
 }
 
 .vp-doc .custom-block p {
-  margin: 8px 0;
-  line-height: 24px;
+  margin: 0.5rem 0;
+  line-height: 1.7142857;
 }
 
 .vp-doc .custom-block p:first-child {
@@ -285,8 +285,8 @@
 }
 
 .vp-doc .custom-block div[class*='language-'] {
-  margin: 8px 0 !important;
-  border-radius: 8px;
+  margin: 0.5rem 0 !important;
+  border-radius: 0.5rem;
 }
 
 .vp-doc .custom-block div[class*='language-'] code {
@@ -296,12 +296,12 @@
 
 .vp-doc .custom-block .vp-code-group,
 .vp-doc .custom-block [class*='vp-code-block'] {
-  margin-top: 8px;
+  margin-top: 0.5rem;
 }
 
 .vp-doc .custom-block .vp-code-group .tabs {
   margin: 0;
-  border-radius: 8px 8px 0 0;
+  border-radius: 0.5rem 0.5rem 0 0;
 }
 
 .vp-doc .custom-block .vp-code-group div[class*='language-'],
@@ -320,8 +320,8 @@
 }
 
 .vp-doc :not(pre) > code {
-  border-radius: 4px;
-  padding: 3px 6px;
+  border-radius: 0.25rem;
+  padding: 0.1875rem 0.375rem;
   background-color: var(--vp-code-bg);
   transition:
     color 0.25s,
@@ -346,30 +346,30 @@
 .vp-doc div[class*='language-'],
 .vp-block {
   position: relative;
-  margin: 16px -24px;
+  margin: 1rem -1.5rem;
   background-color: var(--vp-code-block-bg);
   overflow-x: auto;
   transition: background-color 0.5s;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   .vp-doc div[class*='language-'],
   .vp-block {
-    border-radius: 8px;
-    margin: 16px 0;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
   }
 }
 
-@media (max-width: 639px) {
+@media not all and (min-width: 40rem) {
   .vp-doc li div[class*='language-'] {
-    border-radius: 8px 0 0 8px;
+    border-radius: 0.5rem 0 0 0.5rem;
   }
 }
 
 .vp-doc div[class*='language-'] + div[class*='language-'],
 .vp-doc div[class$='-api'] + div[class*='language-'],
 .vp-doc div[class*='language-'] + div[class$='-api'] > div[class*='language-'] {
-  margin-top: -8px;
+  margin-top: -0.5rem;
 }
 
 .vp-doc [class*='language-'] pre,
@@ -383,7 +383,7 @@
   position: relative;
   z-index: 1;
   margin: 0;
-  padding: 20px 0;
+  padding: 1.25rem 0;
   background: transparent;
   overflow-x: auto;
   /*rtl:ignore*/
@@ -392,7 +392,7 @@
 
 .vp-doc [class*='language-'] code {
   display: block;
-  padding: 0 24px;
+  padding: 0 1.5rem;
   width: fit-content;
   min-width: 100%;
   line-height: var(--vp-code-line-height);
@@ -404,9 +404,9 @@
 .vp-doc [class*='language-'] code .highlighted {
   background-color: var(--vp-code-line-highlight-color);
   transition: background-color 0.5s;
-  margin: 0 -24px;
-  padding: 0 24px;
-  width: calc(100% + 2 * 24px);
+  margin: 0 -1.5rem;
+  padding: 0 1.5rem;
+  width: calc(100% + 2 * 1.5rem);
   display: inline-block;
 }
 
@@ -420,15 +420,15 @@
 
 .vp-doc [class*='language-'] code .diff {
   transition: background-color 0.5s;
-  margin: 0 -24px;
-  padding: 0 24px;
-  width: calc(100% + 2 * 24px);
+  margin: 0 -1.5rem;
+  padding: 0 1.5rem;
+  width: calc(100% + 2 * 1.5rem);
   display: inline-block;
 }
 
 .vp-doc [class*='language-'] code .diff::before {
   position: absolute;
-  left: 10px;
+  left: 0.625rem;
 }
 
 .vp-doc [class*='language-'] .has-focused-lines .line:not(.has-focus) {
@@ -472,7 +472,7 @@
 
 .vp-doc div[class*='language-'].line-numbers-mode {
   /*rtl:ignore*/
-  padding-left: 32px;
+  padding-left: 2rem;
 }
 
 .vp-doc .line-numbers-wrapper {
@@ -484,8 +484,8 @@
   z-index: 3;
   /*rtl:ignore*/
   border-right: 1px solid var(--vp-code-block-divider-color);
-  padding-top: 20px;
-  width: 32px;
+  padding-top: 1.25rem;
+  width: 2rem;
   text-align: center;
   font-family: var(--vp-font-family-mono);
   line-height: var(--vp-code-line-height);
@@ -526,20 +526,20 @@
   /*rtl:ignore*/
   direction: ltr;
   position: absolute;
-  top: 12px;
+  top: 0.75rem;
   /*rtl:ignore*/
-  right: 12px;
+  right: 0.75rem;
   z-index: 3;
   border: 1px solid var(--vp-code-copy-code-border-color);
-  border-radius: 4px;
-  width: 40px;
-  height: 40px;
+  border-radius: 0.25rem;
+  width: 2.5rem;
+  height: 2.5rem;
   background-color: var(--vp-code-copy-code-bg);
   opacity: 0;
   cursor: pointer;
   background-image: var(--vp-icon-copy);
   background-position: 50%;
-  background-size: 20px;
+  background-size: 1.25rem;
   background-repeat: no-repeat;
   transition:
     border-color 0.25s,
@@ -565,7 +565,7 @@
 .vp-doc [class*='language-'] > button.copy.copied,
 .vp-doc [class*='language-'] > button.copy:hover.copied {
   /*rtl:ignore*/
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 0.25rem 0.25rem 0;
   background-color: var(--vp-code-copy-code-hover-bg);
   background-image: var(--vp-icon-copied);
 }
@@ -583,12 +583,12 @@
   /*rtl:ignore*/
   border-right: 0;
   /*rtl:ignore*/
-  border-radius: 4px 0 0 4px;
-  padding: 0 10px;
+  border-radius: 0.25rem 0 0 0.25rem;
+  padding: 0 0.625rem;
   width: fit-content;
-  height: 40px;
+  height: 2.5rem;
   text-align: center;
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 500;
   color: var(--vp-code-copy-code-active-text);
   background-color: var(--vp-code-copy-code-hover-bg);
@@ -598,11 +598,11 @@
 
 .vp-doc [class*='language-'] > span.lang {
   position: absolute;
-  top: 2px;
+  top: 0.125rem;
   /*rtl:ignore*/
-  right: 8px;
+  right: 0.5rem;
   z-index: 2;
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: 500;
   user-select: none;
   color: var(--vp-code-lang-color);
@@ -620,29 +620,6 @@
   opacity: 0;
 }
 
-/**
- * Component: Team
- * -------------------------------------------------------------------------- */
-
-.vp-doc .VPTeamMembers {
-  margin-top: 24px;
-}
-
-.vp-doc .VPTeamMembers.small.count-1 .container {
-  margin: 0 !important;
-  max-width: calc((100% - 24px) / 2) !important;
-}
-
-.vp-doc .VPTeamMembers.small.count-2 .container,
-.vp-doc .VPTeamMembers.small.count-3 .container {
-  max-width: 100% !important;
-}
-
-.vp-doc .VPTeamMembers.medium.count-1 .container {
-  margin: 0 !important;
-  max-width: calc((100% - 24px) / 2) !important;
-}
-
 /**
  * External links
  * -------------------------------------------------------------------------- */
@@ -650,8 +627,8 @@
 /* prettier-ignore */
 :is(.vp-external-link-icon, .vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(:is(.no-icon, svg a, :has(img, svg)))::after {
   display: inline;
-  margin-left: 4px;
-  padding-left: 11px;
+  margin-left: 0.25rem;
+  padding-left: 0.6875rem;
   background: currentColor;
   color: var(--vp-c-text-3);
   flex-shrink: 0;
@@ -662,11 +639,11 @@
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
-  -webkit-mask-size: 11px 11px;
-  mask-size: 11px 11px;
+  -webkit-mask-size: 0.6875rem 0.6875rem;
+  mask-size: 0.6875rem 0.6875rem;
   /*rtl:raw:transform: scaleX(-1);*/
-  vertical-align: bottom;
-  font-size: 10px;
+  vertical-align: middle;
+  font-size: 0.5625rem;
 }
 
 .vp-external-link-icon::after {
diff --git a/src/client/theme-default/styles/components/vp-sponsor.css b/src/client/theme-default/styles/components/vp-sponsor.css
index 79de6b73..a25c5b17 100644
--- a/src/client/theme-default/styles/components/vp-sponsor.css
+++ b/src/client/theme-default/styles/components/vp-sponsor.css
@@ -1,25 +1,21 @@
-/**
- * VPSponsors styles are defined as global because a new class gets
- * allied in onMounted` hook and we can't use scoped style.
- */
 .vp-sponsor {
-  border-radius: 16px;
+  border-radius: 1rem;
   overflow: hidden;
 }
 
 .vp-sponsor.aside {
-  border-radius: 12px;
+  border-radius: 0.75rem;
 }
 
 .vp-sponsor-section + .vp-sponsor-section {
-  margin-top: 4px;
+  margin-top: 0.25rem;
 }
 
-.vp-sponsor-tier {
-  margin: 0 0 4px !important;
+.vp-sponsor .vp-sponsor-tier {
+  margin: 0 0 0.25rem;
   text-align: center;
-  letter-spacing: 1px !important;
-  line-height: 24px;
+  letter-spacing: 0.0625rem;
+  line-height: 1.5;
   width: 100%;
   font-weight: 600;
   color: var(--vp-c-text-2);
@@ -27,83 +23,83 @@
 }
 
 .vp-sponsor.normal .vp-sponsor-tier {
-  padding: 13px 0 11px;
-  font-size: 14px;
+  padding: 0.8125rem 0 0.6875rem;
+  font-size: 0.875rem;
 }
 
 .vp-sponsor.aside .vp-sponsor-tier {
-  padding: 9px 0 7px;
-  font-size: 12px;
+  padding: 0.5625rem 0 0.4375rem;
+  font-size: 0.75rem;
 }
 
 .vp-sponsor-grid + .vp-sponsor-tier {
-  margin-top: 4px;
+  margin-top: 0.25rem;
 }
 
 .vp-sponsor-grid {
   display: flex;
   flex-wrap: wrap;
-  gap: 4px;
+  gap: 0.25rem;
 }
 
 .vp-sponsor-grid.xmini .vp-sponsor-grid-link {
-  height: 64px;
+  height: 4rem;
 }
 .vp-sponsor-grid.xmini .vp-sponsor-grid-image {
-  max-width: 64px;
-  max-height: 22px;
+  max-width: 4rem;
+  max-height: 1.375rem;
 }
 
 .vp-sponsor-grid.mini .vp-sponsor-grid-link {
-  height: 72px;
+  height: 4.5rem;
 }
 .vp-sponsor-grid.mini .vp-sponsor-grid-image {
-  max-width: 96px;
-  max-height: 24px;
+  max-width: 6rem;
+  max-height: 1.5rem;
 }
 
 .vp-sponsor-grid.small .vp-sponsor-grid-link {
-  height: 96px;
+  height: 6rem;
 }
 .vp-sponsor-grid.small .vp-sponsor-grid-image {
-  max-width: 96px;
-  max-height: 24px;
+  max-width: 6rem;
+  max-height: 1.5rem;
 }
 
 .vp-sponsor-grid.medium .vp-sponsor-grid-link {
-  height: 112px;
+  height: 7rem;
 }
 .vp-sponsor-grid.medium .vp-sponsor-grid-image {
-  max-width: 120px;
-  max-height: 36px;
+  max-width: 7.5rem;
+  max-height: 2.25rem;
 }
 
 .vp-sponsor-grid.big .vp-sponsor-grid-link {
-  height: 184px;
+  height: 11.5rem;
 }
 .vp-sponsor-grid.big .vp-sponsor-grid-image {
-  max-width: 192px;
-  max-height: 56px;
+  max-width: 12rem;
+  max-height: 3.5rem;
 }
 
 .vp-sponsor-grid[data-vp-grid='2'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px) / 2);
+  width: calc((100% - 0.25rem) / 2);
 }
 
 .vp-sponsor-grid[data-vp-grid='3'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 2) / 3);
+  width: calc((100% - 0.25rem * 2) / 3);
 }
 
 .vp-sponsor-grid[data-vp-grid='4'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 3) / 4);
+  width: calc((100% - 0.25rem * 3) / 4);
 }
 
 .vp-sponsor-grid[data-vp-grid='5'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 4) / 5);
+  width: calc((100% - 0.25rem * 4) / 5);
 }
 
 .vp-sponsor-grid[data-vp-grid='6'] .vp-sponsor-grid-item {
-  width: calc((100% - 4px * 5) / 6);
+  width: calc((100% - 0.25rem * 5) / 6);
 }
 
 .vp-sponsor-grid-item {
@@ -154,10 +150,17 @@
   filter: grayscale(1) invert(1);
 }
 
-/* Reset styles from vp-doc if used in markdown */
 .vp-doc .vp-sponsor-grid,
 .vp-doc .vp-sponsor-grid-item {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
+.vp-doc .vp-sponsor-grid-image {
+  margin: 0;
+}
+
+.vp-doc .vp-sponsor-grid-link {
+  text-decoration: none;
+}
diff --git a/src/client/theme-default/styles/docsearch.css b/src/client/theme-default/styles/docsearch.css
index df9e8e64..f011a408 100644
--- a/src/client/theme-default/styles/docsearch.css
+++ b/src/client/theme-default/styles/docsearch.css
@@ -11,58 +11,75 @@
   --docsearch-actions-height: auto;
   --docsearch-actions-width: auto;
   --docsearch-background-color: var(--vp-c-bg-soft);
+  --docsearch-border-radius: 0.25rem;
   --docsearch-container-background: var(--vp-backdrop-bg-color);
   --docsearch-dropdown-menu-background: var(--vp-c-bg-elv);
   --docsearch-dropdown-menu-item-hover-background: var(--vp-c-default-soft);
   --docsearch-focus-color: var(--vp-c-brand-1);
   --docsearch-footer-background: var(--vp-c-bg-alt);
+  --docsearch-footer-height: 3.25rem;
   --docsearch-highlight-color: var(--vp-c-brand-1);
   --docsearch-hit-background: var(--vp-c-bg);
   --docsearch-hit-color: var(--vp-c-text-1);
+  --docsearch-hit-height: 3.5rem;
   --docsearch-hit-highlight-color: var(--vp-c-brand-soft);
   --docsearch-icon-color: var(--vp-c-text-2);
   --docsearch-key-background: var(--vp-code-bg);
   --docsearch-modal-background: var(--vp-c-bg-soft);
+  --docsearch-modal-height: 37.5rem;
+  --docsearch-modal-width: 50rem;
   --docsearch-muted-color: var(--vp-c-text-2);
   --docsearch-primary-color: var(--vp-c-brand-1);
   --docsearch-searchbox-background: var(--vp-c-bg-alt);
   --docsearch-searchbox-focus-background: transparent;
+  --docsearch-searchbox-height: 3.5rem;
+  --docsearch-searchbox-initial-height: 3.5rem;
   --docsearch-secondary-text-color: var(--vp-c-text-2);
   --docsearch-sidepanel-accent-muted: var(--vp-c-text-3);
   --docsearch-sidepanel-text-base: var(--vp-c-text-1);
   --docsearch-soft-muted-color: var(--vp-c-default-soft);
   --docsearch-soft-primary-color: var(--vp-c-brand-soft);
+  --docsearch-spacing: 0.75rem;
   --docsearch-subtle-color: var(--vp-c-divider);
   --docsearch-success-color: var(--vp-c-brand-soft);
   --docsearch-text-color: var(--vp-c-text-1);
 }
 
+/* mirror the tightened mobile values from @docsearch/css, which the
+   higher-specificity overrides above would otherwise mask */
+@media not all and (min-width: 48rem) {
+  :root:root {
+    --docsearch-footer-height: 3rem;
+    --docsearch-spacing: 0.625rem;
+  }
+}
+
 :root.dark {
   --docsearch-modal-shadow: none;
 }
 
 .DocSearch-AskAiScreen-RelatedSources-Item-Link {
-  padding: 8px 12px 8px 10px;
+  padding: 0.5rem 0.75rem 0.5rem 0.625rem;
 }
 
 .DocSearch-AskAiScreen-RelatedSources-Item-Link svg {
-  width: 16px;
-  height: 16px;
+  width: 1rem;
+  height: 1rem;
 }
 
 .DocSearch-AskAiScreen-RelatedSources-Title {
   padding-bottom: 0;
-  font-size: 12px;
+  font-size: 0.75rem;
 }
 
 .DocSearch-Clear {
-  padding-right: 6px;
+  padding-right: 0.375rem;
 }
 
 .DocSearch-Commands-Key {
-  padding: 4px;
+  padding: 0.25rem;
   border: 1px solid var(--docsearch-subtle-color);
-  border-radius: 4px;
+  border-radius: 0.25rem;
 }
 
 .DocSearch-Hit a:focus-visible {
@@ -78,15 +95,15 @@
 }
 
 .DocSearch-Menu-content {
-  margin-top: -4px;
-  padding: 6px;
+  margin-top: -0.25rem;
+  padding: 0.375rem;
   border: 1px solid var(--vp-c-divider);
-  border-radius: 6px;
+  border-radius: 0.375rem;
   box-shadow: var(--vp-shadow-2);
 }
 
 .DocSearch-Menu-item {
-  border-radius: 4px;
+  border-radius: 0.25rem;
 }
 
 .DocSearch-SearchBar + .DocSearch-Footer {
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index b5036982..dd9ef6ed 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -69,6 +69,11 @@
   --vp-c-yellow-3: #9f6a00;
   --vp-c-yellow-soft: rgba(234, 179, 8, 0.14);
 
+  --vp-c-orange-1: #9a4224;
+  --vp-c-orange-2: #b95a00;
+  --vp-c-orange-3: #c16200;
+  --vp-c-orange-soft: rgba(249, 115, 22, 0.14);
+
   --vp-c-red-1: #b8272c;
   --vp-c-red-2: #d5393e;
   --vp-c-red-3: #e0575b;
@@ -103,6 +108,11 @@
   --vp-c-yellow-3: #a46a0a;
   --vp-c-yellow-soft: rgba(234, 179, 8, 0.16);
 
+  --vp-c-orange-1: #fb8c00;
+  --vp-c-orange-2: #e46a02;
+  --vp-c-orange-3: #b45309;
+  --vp-c-orange-soft: rgba(249, 115, 22, 0.16);
+
   --vp-c-red-1: #f66f81;
   --vp-c-red-2: #f14158;
   --vp-c-red-3: #b62a3c;
@@ -256,6 +266,18 @@
   --vp-c-caution-soft: var(--vp-c-red-soft);
 }
 
+:root:where(:has(.vp-graded-containers)) {
+  --vp-c-warning-1: var(--vp-c-orange-1);
+  --vp-c-warning-2: var(--vp-c-orange-2);
+  --vp-c-warning-3: var(--vp-c-orange-3);
+  --vp-c-warning-soft: var(--vp-c-orange-soft);
+
+  --vp-c-caution-1: var(--vp-c-yellow-1);
+  --vp-c-caution-2: var(--vp-c-yellow-2);
+  --vp-c-caution-3: var(--vp-c-yellow-3);
+  --vp-c-caution-soft: var(--vp-c-yellow-soft);
+}
+
 /**
  * Typography
  * -------------------------------------------------------------------------- */
@@ -308,7 +330,7 @@
   --vp-z-index-sidebar: 60;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   :root {
     --vp-z-index-sidebar: 25;
   }
@@ -319,7 +341,7 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-  --vp-layout-max-width: 1440px;
+  --vp-layout-max-width: 90rem;
 }
 
 /**
@@ -417,8 +439,8 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-  --vp-custom-block-font-size: 14px;
-  --vp-custom-block-code-font-size: 13px;
+  --vp-custom-block-font-size: 0.875rem;
+  --vp-custom-block-code-font-size: 0.8125rem;
 
   --vp-custom-block-info-border: transparent;
   --vp-custom-block-info-text: var(--vp-c-text-1);
@@ -440,6 +462,11 @@
   --vp-custom-block-important-bg: var(--vp-c-important-soft);
   --vp-custom-block-important-code-bg: var(--vp-c-important-soft);
 
+  --vp-custom-block-caution-border: transparent;
+  --vp-custom-block-caution-text: var(--vp-c-text-1);
+  --vp-custom-block-caution-bg: var(--vp-c-caution-soft);
+  --vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);
+
   --vp-custom-block-warning-border: transparent;
   --vp-custom-block-warning-text: var(--vp-c-text-1);
   --vp-custom-block-warning-bg: var(--vp-c-warning-soft);
@@ -450,11 +477,6 @@
   --vp-custom-block-danger-bg: var(--vp-c-danger-soft);
   --vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);
 
-  --vp-custom-block-caution-border: transparent;
-  --vp-custom-block-caution-text: var(--vp-c-text-1);
-  --vp-custom-block-caution-bg: var(--vp-c-caution-soft);
-  --vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);
-
   --vp-custom-block-details-border: var(--vp-custom-block-info-border);
   --vp-custom-block-details-text: var(--vp-custom-block-info-text);
   --vp-custom-block-details-bg: var(--vp-custom-block-info-bg);
@@ -477,10 +499,24 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-  --vp-nav-height: 64px;
+  --vp-nav-height: 4rem;
   --vp-nav-bg-color: var(--vp-c-bg);
+
+  /**
+   * Background while on top of the home page (unscrolled). Set it to
+   * var(--vp-nav-bg-color) to opt out of the transparent treatment.
+   */
+  --vp-nav-home-bg-color: transparent;
+
+  /**
+   * Applied to the navbar surface, e.g. `saturate(180%) blur(8px)` combined
+   * with a translucent --vp-nav-bg-color for a frosted-glass bar.
+   */
+  --vp-nav-backdrop-filter: none;
+
+  --vp-nav-divider-color: var(--vp-c-gutter);
   --vp-nav-screen-bg-color: var(--vp-c-bg);
-  --vp-nav-logo-height: 24px;
+  --vp-nav-logo-height: 1.5rem;
 }
 
 .hide-nav {
@@ -488,7 +524,7 @@
 }
 
 .hide-nav .VPSidebar {
-  --vp-nav-height: 22px;
+  --vp-nav-height: 1.375rem;
 }
 
 /**
@@ -496,7 +532,18 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-  --vp-local-nav-bg-color: var(--vp-c-bg);
+  /**
+   * Follows the navbar surface by default, so a translucent
+   * --vp-nav-bg-color with --vp-nav-backdrop-filter extends the
+   * frosted-glass treatment to the local nav as well.
+   */
+  --vp-local-nav-bg-color: var(--vp-nav-bg-color);
+
+  /**
+   * The local nav's bottom rule. Follows the navbar's divider color by
+   * default.
+   */
+  --vp-local-nav-divider-color: var(--vp-nav-divider-color);
 }
 
 /**
@@ -504,7 +551,7 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-  --vp-sidebar-width: 272px;
+  --vp-sidebar-width: 17rem;
   --vp-sidebar-bg-color: var(--vp-c-bg-alt);
 }
 
@@ -537,10 +584,22 @@
   --vp-badge-info-text: var(--vp-c-text-2);
   --vp-badge-info-bg: var(--vp-c-default-soft);
 
+  --vp-badge-note-border: transparent;
+  --vp-badge-note-text: var(--vp-c-note-1);
+  --vp-badge-note-bg: var(--vp-c-note-soft);
+
   --vp-badge-tip-border: transparent;
   --vp-badge-tip-text: var(--vp-c-tip-1);
   --vp-badge-tip-bg: var(--vp-c-tip-soft);
 
+  --vp-badge-important-border: transparent;
+  --vp-badge-important-text: var(--vp-c-important-1);
+  --vp-badge-important-bg: var(--vp-c-important-soft);
+
+  --vp-badge-caution-border: transparent;
+  --vp-badge-caution-text: var(--vp-c-caution-1);
+  --vp-badge-caution-bg: var(--vp-c-caution-soft);
+
   --vp-badge-warning-border: transparent;
   --vp-badge-warning-text: var(--vp-c-warning-1);
   --vp-badge-warning-bg: var(--vp-c-warning-soft);
diff --git a/src/client/theme-default/support/docsearch.ts b/src/client/theme-default/support/docsearch.ts
index d22c659c..aef6866e 100644
--- a/src/client/theme-default/support/docsearch.ts
+++ b/src/client/theme-default/support/docsearch.ts
@@ -1,5 +1,6 @@
 import type { SidepanelProps } from '@docsearch/sidepanel-js'
 import type { DefaultTheme } from 'vitepress/theme'
+
 import type { DocSearchAskAi } from '../../../../types/docsearch'
 import { isObject } from '../../shared'
 
diff --git a/src/client/theme-default/support/sidebar.ts b/src/client/theme-default/support/sidebar.ts
index 68a99452..1ae5b390 100644
--- a/src/client/theme-default/support/sidebar.ts
+++ b/src/client/theme-default/support/sidebar.ts
@@ -1,4 +1,5 @@
 import type { DefaultTheme } from 'vitepress/theme'
+
 import { isActive, isExternal } from '../../shared'
 import { ensureStartingSlash } from './utils'
 
@@ -36,7 +37,7 @@ export function getSidebar(
       return path.startsWith(ensureStartingSlash(dir))
     })
 
-  const sidebar = dir ? _sidebar[dir] : []
+  const sidebar = dir ? (_sidebar[dir] ?? []) : []
   return Array.isArray(sidebar)
     ? addBase(sidebar)
     : addBase(sidebar.items, sidebar.base)
@@ -50,19 +51,20 @@ export function getSidebarGroups(sidebar: SidebarItem[]): SidebarItem[] {
 
   let lastGroupIndex: number = 0
 
-  for (const index in sidebar) {
-    const item = sidebar[index]
-
+  for (const item of sidebar) {
     if (item.items) {
       lastGroupIndex = groups.push(item)
       continue
     }
 
-    if (!groups[lastGroupIndex]) {
-      groups.push({ items: [] })
+    let group = groups[lastGroupIndex]
+
+    if (!group) {
+      group = { items: [] }
+      groups.push(group)
     }
 
-    groups[lastGroupIndex]!.items!.push(item)
+    group.items?.push(item)
   }
 
   return groups
@@ -100,16 +102,17 @@ export function getFlatSideBarLinks(sidebar: SidebarItem[]): SidebarLink[] {
 export function hasActiveLink(
   path: string,
   hash: string,
-  items: SidebarItem | SidebarItem[]
+  items: SidebarItem | SidebarItem[],
+  skipHashCheck = false
 ): boolean {
   if (Array.isArray(items)) {
-    return items.some((item) => hasActiveLink(path, hash, item))
+    return items.some((item) => hasActiveLink(path, hash, item, skipHashCheck))
   }
-  if (items.link && isActive(path, hash, items.link)) {
+  if (items.link && isActive(path, hash, items.link, false, skipHashCheck)) {
     return true
   }
   if (items.items) {
-    return hasActiveLink(path, hash, items.items)
+    return hasActiveLink(path, hash, items.items, skipHashCheck)
   }
   return false
 }
diff --git a/src/client/theme-default/support/utils.ts b/src/client/theme-default/support/utils.ts
index 6a2676a6..76017be5 100644
--- a/src/client/theme-default/support/utils.ts
+++ b/src/client/theme-default/support/utils.ts
@@ -1,9 +1,10 @@
 import { withBase } from 'vitepress'
+
 import { isExternal, treatAsHtml } from '../../shared'
 import { useData } from '../composables/data'
 
 export function throttleAndDebounce(fn: () => void, delay: number): () => void {
-  let timeoutId: NodeJS.Timeout
+  let timeoutId: number
   let called = false
 
   return () => {
@@ -11,8 +12,8 @@ export function throttleAndDebounce(fn: () => void, delay: number): () => void {
 
     if (!called) {
       fn()
-      ;(called = true) && setTimeout(() => (called = false), delay)
-    } else timeoutId = setTimeout(fn, delay)
+      ;(called = true) && window.setTimeout(() => (called = false), delay)
+    } else timeoutId = window.setTimeout(fn, delay)
   }
 }
 
diff --git a/src/client/theme-default/without-fonts.ts b/src/client/theme-default/without-fonts.ts
index c32fb364..6a551bc6 100644
--- a/src/client/theme-default/without-fonts.ts
+++ b/src/client/theme-default/without-fonts.ts
@@ -9,6 +9,7 @@ import './styles/components/vp-doc.css'
 import './styles/components/vp-sponsor.css'
 
 import type { Theme } from 'vitepress'
+
 import VPBadge from './components/VPBadge.vue'
 import Layout from './Layout.vue'
 
diff --git a/src/client/tsconfig.json b/src/client/tsconfig.json
deleted file mode 100644
index f88ca8e9..00000000
--- a/src/client/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/client",
-    "declaration": true,
-    "declarationDir": "../../dist/client-types",
-    "types": ["../../client.d.ts", "@types/node"],
-    "paths": {
-      "vitepress": ["./index.ts"],
-      "vitepress/theme": ["../../theme.d.ts"]
-    }
-  },
-  "include": ["."]
-}
diff --git a/src/node/alias.ts b/src/node/alias.ts
index e30e557c..cef8df37 100644
--- a/src/node/alias.ts
+++ b/src/node/alias.ts
@@ -1,6 +1,7 @@
 import { createRequire } from 'node:module'
 import { join, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+
 import type { Alias, AliasOptions } from 'vite'
 
 const require = createRequire(import.meta.url)
diff --git a/src/node/build/build.ts b/src/node/build/build.ts
index 592d680b..f59c3854 100644
--- a/src/node/build/build.ts
+++ b/src/node/build/build.ts
@@ -1,12 +1,14 @@
-import { getIconsCSS } from '@iconify/utils'
 import { createHash } from 'node:crypto'
 import fs from 'node:fs'
 import { mkdir, rm, symlink, unlink, writeFile } from 'node:fs/promises'
 import { createRequire } from 'node:module'
 import path from 'node:path'
+
+import { getIconsCSS } from '@iconify/utils'
 import pMap from 'p-map'
 import { packageDirectory } from 'package-directory'
 import type { BuildOptions, Rolldown } from 'vite'
+
 import { resolveConfig, type SiteConfig } from '../config'
 import { clearCache } from '../markdownToVue'
 import type { PageMeta } from '../plugin'
diff --git a/src/node/build/buildMPAClient.ts b/src/node/build/buildMPAClient.ts
index aa541814..3eebe9dd 100644
--- a/src/node/build/buildMPAClient.ts
+++ b/src/node/build/buildMPAClient.ts
@@ -1,4 +1,5 @@
 import { build, type Rolldown } from 'vite'
+
 import type { SiteConfig } from '..'
 
 const virtualEntry = 'client.js'
diff --git a/src/node/build/bundle.ts b/src/node/build/bundle.ts
index 409c5c28..be85540f 100644
--- a/src/node/build/bundle.ts
+++ b/src/node/build/bundle.ts
@@ -2,6 +2,7 @@ import fs from 'node:fs'
 import { cp } from 'node:fs/promises'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
+
 import pMap from 'p-map'
 import {
   build,
@@ -10,6 +11,7 @@ import {
   type Rolldown,
   type InlineConfig as ViteInlineConfig
 } from 'vite'
+
 import { APP_PATH } from '../alias'
 import type { SiteConfig } from '../config'
 import { createVitePressPlugin, type PageMeta } from '../plugin'
diff --git a/src/node/build/generateSitemap.ts b/src/node/build/generateSitemap.ts
index 2ed98277..6fad11c8 100644
--- a/src/node/build/generateSitemap.ts
+++ b/src/node/build/generateSitemap.ts
@@ -1,6 +1,7 @@
 import fs from 'node:fs'
 import path from 'node:path'
 import { pipeline } from 'node:stream/promises'
+
 import {
   SitemapStream,
   type EnumChangefreq,
@@ -8,6 +9,7 @@ import {
   type LinkItem,
   type NewsItem
 } from 'sitemap'
+
 import type { SiteConfig } from '../config'
 import type { PageMeta } from '../plugin'
 
diff --git a/src/node/build/render.ts b/src/node/build/render.ts
index d91a8675..49c9a43b 100644
--- a/src/node/build/render.ts
+++ b/src/node/build/render.ts
@@ -1,8 +1,10 @@
-import { isBooleanAttr } from '@vue/shared'
 import { mkdir, realpath, rm, writeFile } from 'node:fs/promises'
 import path from 'node:path'
+
+import { isBooleanAttr } from '@vue/shared'
 import { minify, normalizePath, type Rolldown } from 'vite'
-import { version } from '../../../package.json'
+
+import { version } from '../../../package.json' with { type: 'json' }
 import type { SiteConfig } from '../config'
 import {
   EXTERNAL_URL_RE,
diff --git a/src/node/cli.ts b/src/node/cli.ts
index 76da98c4..5a385b5f 100644
--- a/src/node/cli.ts
+++ b/src/node/cli.ts
@@ -1,6 +1,7 @@
 import minimist from 'minimist'
 import c from 'picocolors'
 import { createLogger } from 'vite'
+
 import {
   build,
   createServer,
diff --git a/src/node/config.ts b/src/node/config.ts
index 982016a6..093b455b 100644
--- a/src/node/config.ts
+++ b/src/node/config.ts
@@ -1,5 +1,6 @@
 import fs from 'node:fs'
 import path from 'node:path'
+
 import { createDebug } from 'obug'
 import c from 'picocolors'
 import {
@@ -10,6 +11,7 @@ import {
   type ConfigEnv,
   type UserConfig as ViteUserConfig
 } from 'vite'
+
 import { DEFAULT_THEME_PATH } from './alias'
 import type { DefaultTheme } from './defaultTheme'
 import type { MarkdownOptions } from './markdown/markdown'
diff --git a/src/node/contentLoader.ts b/src/node/contentLoader.ts
index 2356d6e5..937aa718 100644
--- a/src/node/contentLoader.ts
+++ b/src/node/contentLoader.ts
@@ -1,8 +1,10 @@
-import matter from 'gray-matter'
 import { stat } from 'node:fs/promises'
 import path from 'node:path'
+
+import matter from 'gray-matter'
 import pMap from 'p-map'
 import { normalizePath } from 'vite'
+
 import type { SiteConfig } from './config'
 import {
   createMarkdownRenderer,
diff --git a/src/node/defaultTheme.ts b/src/node/defaultTheme.ts
index 7b50e1b6..168b1bf2 100644
--- a/src/node/defaultTheme.ts
+++ b/src/node/defaultTheme.ts
@@ -4,6 +4,7 @@
 // but these can import types from dev deps
 
 import type { MarkdownItAsync } from 'markdown-it-async'
+
 import type { DefaultTheme } from '../../types/default-theme'
 import type { PageSplitSection } from '../../types/local-search'
 import type { Awaitable, MarkdownEnv } from './shared'
diff --git a/src/node/init/init.ts b/src/node/init/init.ts
index ba8e64b9..dadce3fe 100644
--- a/src/node/init/init.ts
+++ b/src/node/init/init.ts
@@ -1,3 +1,8 @@
+import fs from 'node:fs'
+import { mkdir, writeFile } from 'node:fs/promises'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
 import {
   cancel,
   confirm,
@@ -8,19 +13,19 @@ import {
   text
 } from '@clack/prompts'
 import template from 'lodash.template'
-import fs from 'node:fs'
-import { mkdir, writeFile } from 'node:fs/promises'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
 import c from 'picocolors'
+
 import { slash } from '../shared'
 import { readFile } from '../utils/fs'
 
-export enum ScaffoldThemeType {
-  Default = 'default theme',
-  DefaultCustom = 'default theme + customization',
-  Custom = 'custom theme'
-}
+export const ScaffoldThemeType = {
+  Default: 'default theme',
+  DefaultCustom: 'default theme + customization',
+  Custom: 'custom theme'
+} as const
+
+export type ScaffoldThemeType =
+  (typeof ScaffoldThemeType)[keyof typeof ScaffoldThemeType]
 
 export interface ScaffoldOptions {
   root?: string
diff --git a/src/node/markdown/markdown.ts b/src/node/markdown/markdown.ts
index 3791465f..84886d3d 100644
--- a/src/node/markdown/markdown.ts
+++ b/src/node/markdown/markdown.ts
@@ -1,3 +1,5 @@
+import path from 'node:path'
+
 import {
   componentPlugin,
   type ComponentPluginOptions
@@ -25,17 +27,19 @@ import {
   tasklist as tasklistPlugin,
   type MarkdownItTaskListOptions
 } from '@mdit/plugin-tasklist'
+import { MarkdownItAsync, type MarkdownItAsyncOptions } from 'markdown-it-async'
+import mditCjkFriendly from 'markdown-it-cjk-friendly'
 import type {
+  BuiltinLanguage,
+  BuiltinTheme,
   CodeToHastOptions,
+  Highlighter,
   LanguageInput,
   ShikiTransformer,
   ThemeRegistrationAny
-} from '@shikijs/types'
-import { MarkdownItAsync, type MarkdownItAsyncOptions } from 'markdown-it-async'
-import mditCjkFriendly from 'markdown-it-cjk-friendly'
-import path from 'node:path'
-import type { BuiltinLanguage, BuiltinTheme, Highlighter } from 'shiki'
+} from 'shiki'
 import type { Logger } from 'vite'
+
 import type {
   Awaitable,
   CodeCopyButtonOptions,
@@ -49,14 +53,14 @@ import {
 } from './plugins/containers'
 import { highlight as createHighlighter } from './plugins/highlight'
 import { imagePlugin, type Options as ImageOptions } from './plugins/image'
-import { lineNumberPlugin } from './plugins/lineNumbers'
-import { linkPlugin } from './plugins/link'
-import { preWrapperPlugin } from './plugins/preWrapper'
-import { restoreEntities } from './plugins/restoreEntities'
 import {
   includePlugin,
   type Options as IncludePluginOptions
 } from './plugins/include'
+import { lineNumberPlugin } from './plugins/lineNumbers'
+import { linkPlugin } from './plugins/link'
+import { preWrapperPlugin } from './plugins/preWrapper'
+import { restoreEntities } from './plugins/restoreEntities'
 import {
   snippetPlugin,
   type Options as SnippetPluginOptions
diff --git a/src/node/markdown/plugins/containers.ts b/src/node/markdown/plugins/containers.ts
index 5852d476..83d0c1ae 100644
--- a/src/node/markdown/plugins/containers.ts
+++ b/src/node/markdown/plugins/containers.ts
@@ -2,6 +2,7 @@ import { container } from '@mdit/plugin-container'
 import type { MarkdownItAsync } from 'markdown-it-async'
 import type { RenderRule } from 'markdown-it/lib/renderer.mjs'
 import type Token from 'markdown-it/lib/token.mjs'
+
 import type {
   ContainerOptions,
   MarkdownEnv,
diff --git a/src/node/markdown/plugins/highlight.ts b/src/node/markdown/plugins/highlight.ts
index d6cf82d7..7a72d135 100644
--- a/src/node/markdown/plugins/highlight.ts
+++ b/src/node/markdown/plugins/highlight.ts
@@ -10,6 +10,7 @@ import c from 'picocolors'
 import type { BundledLanguage, ShikiTransformer } from 'shiki'
 import { createHighlighter, guessEmbeddedLanguages, isSpecialLang } from 'shiki'
 import type { Logger } from 'vite'
+
 import { isShell } from '../../shared'
 import type { MarkdownOptions, ThemeOptions } from '../markdown'
 
diff --git a/src/node/markdown/plugins/image.ts b/src/node/markdown/plugins/image.ts
index e8407d56..f2c4fe6f 100644
--- a/src/node/markdown/plugins/image.ts
+++ b/src/node/markdown/plugins/image.ts
@@ -1,11 +1,13 @@
 // markdown-it plugin for normalizing image source and auto adding
 // width and height to images to avoid layout shift.
 
-import type { MarkdownItAsync } from 'markdown-it-async'
-import type Token from 'markdown-it/lib/token.mjs'
 import fs from 'node:fs'
 import path from 'node:path'
+
 import { imageSize } from 'image-size'
+import type { MarkdownItAsync } from 'markdown-it-async'
+import type Token from 'markdown-it/lib/token.mjs'
+
 import { EXTERNAL_URL_RE, type MarkdownEnv } from '../../shared'
 
 export interface Options {
diff --git a/src/node/markdown/plugins/include.ts b/src/node/markdown/plugins/include.ts
index c2236251..0e4ee896 100644
--- a/src/node/markdown/plugins/include.ts
+++ b/src/node/markdown/plugins/include.ts
@@ -1,7 +1,9 @@
+import path from 'node:path'
+
 import matter from 'gray-matter'
 import { replaceAsync, type MarkdownItAsync } from 'markdown-it-async'
-import path from 'node:path'
 import type { Logger } from 'vite'
+
 import { slash, type MarkdownEnv } from '../../shared'
 import { readTextFile } from '../../utils/fs'
 import { findRegions } from '../regions'
diff --git a/src/node/markdown/plugins/link.ts b/src/node/markdown/plugins/link.ts
index b165744a..f046537e 100644
--- a/src/node/markdown/plugins/link.ts
+++ b/src/node/markdown/plugins/link.ts
@@ -2,8 +2,10 @@
 // 1. adding target="_blank" to external links
 // 2. normalize internal links to end with `.html`
 
-import type { MarkdownItAsync } from 'markdown-it-async'
 import { URL } from 'node:url'
+
+import type { MarkdownItAsync } from 'markdown-it-async'
+
 import {
   EXTERNAL_URL_RE,
   isExternal,
diff --git a/src/node/markdown/plugins/restoreEntities.ts b/src/node/markdown/plugins/restoreEntities.ts
index 0d2bb1d4..f34b7d5f 100644
--- a/src/node/markdown/plugins/restoreEntities.ts
+++ b/src/node/markdown/plugins/restoreEntities.ts
@@ -1,6 +1,7 @@
 import type { MarkdownItAsync } from 'markdown-it-async'
 import type StateCore from 'markdown-it/lib/rules_core/state_core.mjs'
 import type Token from 'markdown-it/lib/token.mjs'
+
 import { escapeHtml } from '../../shared'
 
 export function restoreEntities(md: MarkdownItAsync): void {
diff --git a/src/node/markdown/plugins/snippet.ts b/src/node/markdown/plugins/snippet.ts
index e371c2ea..3fe32cc4 100644
--- a/src/node/markdown/plugins/snippet.ts
+++ b/src/node/markdown/plugins/snippet.ts
@@ -1,7 +1,9 @@
+import path from 'node:path'
+
 import type { MarkdownItAsync } from 'markdown-it-async'
 import type { RuleBlock } from 'markdown-it/lib/parser_block.mjs'
-import path from 'node:path'
 import type { Logger } from 'vite'
+
 import type { MarkdownEnv } from '../../shared'
 import { readTextFileSync } from '../../utils/fs'
 import {
diff --git a/src/node/markdownToVue.ts b/src/node/markdownToVue.ts
index dd0f993a..8586fb1b 100644
--- a/src/node/markdownToVue.ts
+++ b/src/node/markdownToVue.ts
@@ -1,9 +1,11 @@
-import { resolveTitleFromToken } from '@mdit-vue/shared'
-import { LRUCache } from 'lru-cache'
 import { hash } from 'node:crypto'
 import fs from 'node:fs'
 import path from 'node:path'
+
+import { resolveTitleFromToken } from '@mdit-vue/shared'
+import { LRUCache } from 'lru-cache'
 import { createDebug } from 'obug'
+
 import type { SiteConfig } from './config'
 import {
   createMarkdownRenderer,
@@ -120,7 +122,7 @@ export async function createMarkdownToVueRenderFn(
     const fileOrig = dynamicRoute?.[0] || file
     const transformPageData = [
       siteConfig?.transformPageData,
-      getPageDataTransformer(dynamicRoute?.[1]!)
+      getPageDataTransformer(dynamicRoute?.[1])
     ].filter((fn) => fn != null)
 
     file = rewrites.get(normalizeDriveLetter(file)) || file
diff --git a/src/node/plugin.ts b/src/node/plugin.ts
index 00003729..af0f3502 100644
--- a/src/node/plugin.ts
+++ b/src/node/plugin.ts
@@ -1,5 +1,6 @@
-import { exactRegex } from '@rolldown/pluginutils'
 import path from 'node:path'
+
+import { exactRegex } from '@rolldown/pluginutils'
 import c from 'picocolors'
 import {
   mergeConfig,
@@ -11,6 +12,7 @@ import {
   type Rolldown,
   type UserConfig
 } from 'vite'
+
 import {
   APP_PATH,
   DEFAULT_THEME_PATH,
@@ -257,8 +259,15 @@ export async function createVitePressPlugin(
         if (docsearchRE.test(normalizePath(id))) {
           return code
             .replaceAll('[data-theme=dark]', '.dark')
-            .replaceAll(/\(max-width:\s*768px\)/g, '(max-width: 767px)')
-            .replaceAll(/\(min-width:\s*769px\)/g, '(min-width: 768px)')
+            .replaceAll(
+              /@media (?:screen and )?\(max-width:\s*768px\)/g,
+              '@media not all and (min-width: 48rem)'
+            )
+            .replaceAll(
+              /\(max-width:\s*768px\)/g,
+              'not all and (min-width: 48rem)'
+            )
+            .replaceAll(/\(min-width:\s*769px\)/g, '(min-width: 48rem)')
         }
       }
     },
diff --git a/src/node/plugins/dynamicRoutesPlugin.ts b/src/node/plugins/dynamicRoutesPlugin.ts
index 962e456e..def6cc61 100644
--- a/src/node/plugins/dynamicRoutesPlugin.ts
+++ b/src/node/plugins/dynamicRoutesPlugin.ts
@@ -1,5 +1,6 @@
 import fs from 'node:fs'
 import path from 'node:path'
+
 import c from 'picocolors'
 import pm from 'picomatch'
 import {
@@ -10,6 +11,7 @@ import {
   type Logger,
   type Plugin
 } from 'vite'
+
 import type { Awaitable } from '../shared'
 import { type SiteConfig, type UserConfig } from '../siteConfig'
 import { readTextFile } from '../utils/fs'
@@ -215,8 +217,9 @@ export const dynamicRoutesPlugin = async (
 }
 
 export function getPageDataTransformer(
-  loaderPath: string
+  loaderPath?: string
 ): UserConfig['transformPageData'] | undefined {
+  if (loaderPath == null) return undefined
   return routeModuleCache.get(loaderPath)?.transformPageData
 }
 
diff --git a/src/node/plugins/localSearchPlugin.ts b/src/node/plugins/localSearchPlugin.ts
index 35332af3..3bd154ce 100644
--- a/src/node/plugins/localSearchPlugin.ts
+++ b/src/node/plugins/localSearchPlugin.ts
@@ -1,9 +1,11 @@
+import path from 'node:path'
+
 import { prefixRegex } from '@rolldown/pluginutils'
 import MiniSearch from 'minisearch'
-import path from 'node:path'
 import { createDebug } from 'obug'
 import c from 'picocolors'
 import type { Plugin, ViteDevServer } from 'vite'
+
 import type { SiteConfig } from '../config'
 import type { DefaultTheme } from '../defaultTheme'
 import {
diff --git a/src/node/plugins/rewritesPlugin.ts b/src/node/plugins/rewritesPlugin.ts
index 045b88e8..23153244 100644
--- a/src/node/plugins/rewritesPlugin.ts
+++ b/src/node/plugins/rewritesPlugin.ts
@@ -1,5 +1,6 @@
 import { compile, match } from 'path-to-regexp'
 import type { Plugin } from 'vite'
+
 import type { SiteConfig, UserConfig } from '../siteConfig'
 
 export function resolveRewrites(
@@ -60,7 +61,7 @@ export const rewritesPlugin = (config: SiteConfig): Plugin => {
           if (config.rewrites.inv[page]) {
             req.url = req.url.replace(
               encodeURI(page),
-              encodeURI(config.rewrites.inv[page]!)
+              encodeURI(config.rewrites.inv[page])
             )
           }
         }
diff --git a/src/node/plugins/staticDataPlugin.ts b/src/node/plugins/staticDataPlugin.ts
index b926935f..594a473a 100644
--- a/src/node/plugins/staticDataPlugin.ts
+++ b/src/node/plugins/staticDataPlugin.ts
@@ -1,4 +1,5 @@
 import path from 'node:path'
+
 import pm from 'picomatch'
 import {
   loadConfigFromFile,
@@ -7,6 +8,7 @@ import {
   type Plugin,
   type ViteDevServer
 } from 'vite'
+
 import type { Awaitable } from '../shared'
 import { glob, normalizeGlob, type GlobOptions } from '../utils/glob'
 
diff --git a/src/node/serve/serve.ts b/src/node/serve/serve.ts
index dc70f683..6ed7704c 100644
--- a/src/node/serve/serve.ts
+++ b/src/node/serve/serve.ts
@@ -1,8 +1,10 @@
-import compression from '@polka/compression'
 import { once } from 'node:events'
 import path from 'node:path'
+
+import compression from '@polka/compression'
 import polka, { type IOptions } from 'polka'
 import sirv from 'sirv'
+
 import { resolveConfig } from '../config'
 import { readFile } from '../utils/fs'
 
diff --git a/src/node/server.ts b/src/node/server.ts
index 1008093c..6f8708ff 100644
--- a/src/node/server.ts
+++ b/src/node/server.ts
@@ -1,4 +1,5 @@
 import { createServer as createViteServer, type ServerOptions } from 'vite'
+
 import { resolveConfig, type SiteConfig } from './config'
 import { createVitePressPlugin } from './plugin'
 
diff --git a/src/node/shortcuts.ts b/src/node/shortcuts.ts
index 6b4d96dc..ef46858e 100644
--- a/src/node/shortcuts.ts
+++ b/src/node/shortcuts.ts
@@ -1,5 +1,6 @@
 import c from 'picocolors'
 import type { ViteDevServer } from 'vite'
+
 import type { Awaitable } from './shared'
 
 export type CLIShortcut = {
@@ -80,6 +81,8 @@ export function bindShortcuts(
 
     if (actionRunning) return
 
+    input = input.trim().toLowerCase()
+
     if (input === 'h') {
       server.config.logger.info(
         [
diff --git a/src/node/siteConfig.ts b/src/node/siteConfig.ts
index d5b450db..6538395e 100644
--- a/src/node/siteConfig.ts
+++ b/src/node/siteConfig.ts
@@ -2,6 +2,7 @@ import type { Options as VuePluginOptions } from '@vitejs/plugin-vue'
 import type { UseDarkOptions } from '@vueuse/core'
 import type { SitemapStreamOptions } from 'sitemap'
 import type { Logger, UserConfig as ViteConfig } from 'vite'
+
 import type {
   AdditionalConfigDict,
   AdditionalConfigLoader
diff --git a/src/node/tsconfig.json b/src/node/tsconfig.json
deleted file mode 100644
index f2ca0ef1..00000000
--- a/src/node/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/node",
-    "types": ["node"],
-    "sourceMap": true
-  },
-  "include": ["."]
-}
diff --git a/src/node/utils/getGitTimestamp.ts b/src/node/utils/getGitTimestamp.ts
index a22db188..db3afcd1 100644
--- a/src/node/utils/getGitTimestamp.ts
+++ b/src/node/utils/getGitTimestamp.ts
@@ -1,9 +1,11 @@
-import { spawn, sync } from 'cross-spawn'
 import { once } from 'node:events'
 import fs from 'node:fs'
 import path from 'node:path'
 import { Transform, type TransformCallback } from 'node:stream'
+
+import { spawn, sync } from 'cross-spawn'
 import { createDebug } from 'obug'
+
 import { slash } from '../shared'
 
 const debug = createDebug('vitepress:git')
diff --git a/src/node/utils/glob.ts b/src/node/utils/glob.ts
index cd7c2e34..47623d6a 100644
--- a/src/node/utils/glob.ts
+++ b/src/node/utils/glob.ts
@@ -1,4 +1,5 @@
 import path from 'node:path'
+
 import { glob as _glob } from 'tinyglobby'
 import { normalizePath } from 'vite'
 
diff --git a/src/node/utils/logVersion.ts b/src/node/utils/logVersion.ts
index 4e551282..8e62c958 100644
--- a/src/node/utils/logVersion.ts
+++ b/src/node/utils/logVersion.ts
@@ -1,6 +1,7 @@
 import c from 'picocolors'
 import { version as viteVersion, type Logger } from 'vite'
-import { version } from '../../../package.json'
+
+import { version } from '../../../package.json' with { type: 'json' }
 
 export function logVersion(logger: Logger) {
   logger.info(
diff --git a/src/shared/shared.ts b/src/shared/shared.ts
index e7fda629..c5f36a60 100644
--- a/src/shared/shared.ts
+++ b/src/shared/shared.ts
@@ -122,7 +122,7 @@ export function resolveSiteDataByRoute(
 ): SiteData {
   const localeIndex = getLocaleForPath(siteData, relativePath)
   const { label, link, markdown, ...localeConfig } =
-    siteData.locales[localeIndex] ?? {}
+    siteData.locales[localeIndex] ?? ({} as (typeof siteData.locales)[string])
   Object.assign(localeConfig, { localeIndex })
 
   // additional configs are colocated with sources, so resolve them by the
@@ -198,25 +198,23 @@ function createTitleTemplate(
 
 export function mergeHead(...headArrays: HeadConfig[][]): HeadConfig[] {
   const merged: HeadConfig[] = []
-  const metaKeyMap = new Map<string, number>()
+  const keyMap = new Map<string, number>()
 
   for (const current of headArrays) {
     for (const tag of current) {
-      const [type, attrs] = tag
-      const keyAttr = Object.entries(attrs)[0]
+      const key = getHeadKey(tag)
 
-      if (type !== 'meta' || !keyAttr) {
+      if (key == null) {
         merged.push(tag)
         continue
       }
 
-      const key = `${keyAttr[0]}=${keyAttr[1]}`
-      const existingIndex = metaKeyMap.get(key)
+      const existingIndex = keyMap.get(key)
 
       if (existingIndex != null) {
         merged[existingIndex] = tag // replace existing tag
       } else {
-        metaKeyMap.set(key, merged.length)
+        keyMap.set(key, merged.length)
         merged.push(tag)
       }
     }
@@ -225,6 +223,16 @@ export function mergeHead(...headArrays: HeadConfig[][]): HeadConfig[] {
   return merged
 }
 
+// any element is keyed by its `id`; a meta tag without one is keyed by its
+// first attribute other than `content` (e.g. `name`, `property`, `http-equiv`)
+function getHeadKey([type, attrs]: HeadConfig): string | undefined {
+  if (attrs.id) return `id=${attrs.id}`
+  if (type !== 'meta') return
+  for (const name in attrs) {
+    if (name !== 'content') return `${name}=${attrs[name]}`
+  }
+}
+
 export function sanitizeFileName(name: string): string {
   const match = DRIVE_LETTER_REGEX.exec(name)
   const driveLetter = match ? match[0] : ''
@@ -245,7 +253,7 @@ export function slash(p: string): string {
 export function treatAsHtml(filename: string): boolean {
   if (KNOWN_EXTENSIONS.size === 0) {
     const extraExts =
-      (typeof process === 'object' && process.env?.VITE_EXTRA_EXTENSIONS) ||
+      (globalThis as any).process?.env?.VITE_EXTRA_EXTENSIONS ||
       (import.meta as any).env?.VITE_EXTRA_EXTENSIONS ||
       ''
 
@@ -292,7 +300,7 @@ function resolveAdditionalConfig(
   if (typeof additionalConfig === 'function')
     return additionalConfig(path) ?? []
 
-  const configs: AdditionalConfig[] = []
+  const configs: (AdditionalConfig | undefined)[] = []
   const segments = path.split('/').slice(0, -1) // remove file name
 
   while (segments.length) {
diff --git a/src/shared/tsconfig.json b/src/shared/tsconfig.json
deleted file mode 100644
index 8d64877e..00000000
--- a/src/shared/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "lib": ["esnext", "dom", "dom.iterable"]
-  },
-  "include": ["."]
-}
diff --git a/template/.vitepress/theme/style.css b/template/.vitepress/theme/style.css
index f0339617..fc2972f1 100644
--- a/template/.vitepress/theme/style.css
+++ b/template/.vitepress/theme/style.css
@@ -106,13 +106,13 @@
   --vp-home-hero-image-filter: blur(44px);
 }
 
-@media (min-width: 640px) {
+@media (min-width: 40rem) {
   :root {
     --vp-home-hero-image-filter: blur(56px);
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 60rem) {
   :root {
     --vp-home-hero-image-filter: blur(68px);
   }
diff --git a/theme.d.ts b/theme.d.ts
index 28550aa6..01a486da 100644
--- a/theme.d.ts
+++ b/theme.d.ts
@@ -1,7 +1,8 @@
 // so that users can do `import DefaultTheme from 'vitepress/theme'`
 
 import type { EnhanceAppContext } from 'vitepress'
-import type { ComputedRef, DefineComponent, ShallowRef } from 'vue'
+import type { DefineComponent } from 'vue'
+
 import type { DefaultTheme } from './types/default-theme.js'
 
 export type { DefaultTheme } from './types/default-theme.js'
@@ -13,48 +14,26 @@ declare const theme: {
 
 export default theme
 
-export declare const useLayout: () => {
-  isHome: ComputedRef<boolean>
-
-  sidebar: Readonly<ShallowRef<DefaultTheme.SidebarItem[]>>
-  sidebarGroups: ComputedRef<DefaultTheme.SidebarItem[]>
-  hasSidebar: ComputedRef<boolean>
-  isSidebarEnabled: ComputedRef<boolean>
-
-  hasAside: ComputedRef<boolean>
-  leftAside: ComputedRef<boolean>
-
-  /**
-   * The outline headers of the current page.
-   */
-  headers: Readonly<ShallowRef<DefaultTheme.OutlineItem[]>>
-  /**
-   * Whether the current page has a local nav. Local nav is shown when the
-   * "outline" is present in the page. However, note that the actual
-   * local nav visibility depends on the screen width as well.
-   */
-  hasLocalNav: ComputedRef<boolean>
-}
-
-// TODO: add props for these
-export declare const VPBadge: DefineComponent
-export declare const VPButton: DefineComponent
-export declare const VPDocAsideSponsors: DefineComponent
-export declare const VPFeatures: DefineComponent
-export declare const VPHomeContent: DefineComponent
-export declare const VPHomeFeatures: DefineComponent
-export declare const VPHomeHero: DefineComponent
-export declare const VPHomeSponsors: DefineComponent
-export declare const VPImage: DefineComponent
-export declare const VPLink: DefineComponent
-export declare const VPNavBarSearch: DefineComponent
-export declare const VPSocialLink: DefineComponent
-export declare const VPSocialLinks: DefineComponent
-export declare const VPSponsors: DefineComponent
-export declare const VPTeamMembers: DefineComponent
-export declare const VPTeamPage: DefineComponent
-export declare const VPTeamPageSection: DefineComponent
-export declare const VPTeamPageTitle: DefineComponent
+export declare const useLayout: () => DefaultTheme.Layout
+
+export declare const VPBadge: typeof import('./dist/client/theme-default/components/VPBadge.vue').default
+export declare const VPButton: typeof import('./dist/client/theme-default/components/VPButton.vue').default
+export declare const VPDocAsideSponsors: typeof import('./dist/client/theme-default/components/VPDocAsideSponsors.vue').default
+export declare const VPFeatures: typeof import('./dist/client/theme-default/components/VPFeatures.vue').default
+export declare const VPHomeContent: typeof import('./dist/client/theme-default/components/VPHomeContent.vue').default
+export declare const VPHomeFeatures: typeof import('./dist/client/theme-default/components/VPHomeFeatures.vue').default
+export declare const VPHomeHero: typeof import('./dist/client/theme-default/components/VPHomeHero.vue').default
+export declare const VPHomeSponsors: typeof import('./dist/client/theme-default/components/VPHomeSponsors.vue').default
+export declare const VPImage: typeof import('./dist/client/theme-default/components/VPImage.vue').default
+export declare const VPLink: typeof import('./dist/client/theme-default/components/VPLink.vue').default
+export declare const VPNavBarSearch: typeof import('./dist/client/theme-default/components/VPNavBarSearch.vue').default
+export declare const VPSocialLink: typeof import('./dist/client/theme-default/components/VPSocialLink.vue').default
+export declare const VPSocialLinks: typeof import('./dist/client/theme-default/components/VPSocialLinks.vue').default
+export declare const VPSponsors: typeof import('./dist/client/theme-default/components/VPSponsors.vue').default
+export declare const VPTeamMembers: typeof import('./dist/client/theme-default/components/VPTeamMembers.vue').default
+export declare const VPTeamPage: typeof import('./dist/client/theme-default/components/VPTeamPage.vue').default
+export declare const VPTeamPageSection: typeof import('./dist/client/theme-default/components/VPTeamPageSection.vue').default
+export declare const VPTeamPageTitle: typeof import('./dist/client/theme-default/components/VPTeamPageTitle.vue').default
 
 declare module 'vue' {
   interface GlobalComponents {
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 00000000..d5ba0c4d
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "preserve",
+    "moduleResolution": "bundler",
+    "moduleDetection": "force",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+
+    "strict": true,
+    "noImplicitOverride": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+
+    "skipLibCheck": true
+  },
+  "exclude": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "template",
+    "bin",
+    "docs/snippets"
+  ]
+}
diff --git a/tsconfig.client.json b/tsconfig.client.json
new file mode 100644
index 00000000..0e47095d
--- /dev/null
+++ b/tsconfig.client.json
@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "types": ["./client.d.ts"],
+    "noUncheckedIndexedAccess": true,
+    "paths": {
+      "vitepress": ["./src/client/index.ts"],
+      // default-theme.d.ts instead of theme.d.ts so type checks and the .vue
+      // declaration emit don't depend on a built dist.
+      "vitepress/theme": ["./types/default-theme.d.ts"],
+      // dev-server virtual modules, resolved onto their ambient shims
+      "@siteData": ["./src/client/shims.d.ts"],
+      "@theme/index": ["./src/client/shims.d.ts"],
+      "@localSearchIndex": ["./src/client/shims.d.ts"]
+    }
+  },
+  "include": ["src/client"]
+}
diff --git a/tsconfig.json b/tsconfig.json
index a0a5c69b..ffcbb947 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,22 +1,3 @@
 {
-  "compilerOptions": {
-    "module": "esnext",
-    "target": "esnext",
-    "moduleResolution": "bundler",
-    "esModuleInterop": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "noUnusedLocals": true,
-    "resolveJsonModule": true,
-    "verbatimModuleSyntax": true,
-    "jsx": "preserve",
-    "lib": ["esnext", "dom", "dom.iterable"]
-  },
-  "exclude": [
-    "**/node_modules/**",
-    "**/dist/**",
-    "template",
-    "bin",
-    "docs/snippets"
-  ]
+  "extends": "./tsconfig.base.json"
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 00000000..3de1cdef
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "lib": ["ES2023"],
+    "types": ["node"]
+  },
+  "include": ["src/node", "scripts", "tsdown.config.ts", "shared-globals.d.ts"]
+}
diff --git a/tsconfig.shared.json b/tsconfig.shared.json
new file mode 100644
index 00000000..0a9eb997
--- /dev/null
+++ b/tsconfig.shared.json
@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "lib": ["ES2023"],
+    "types": [],
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true
+  },
+  "include": ["src/shared", "shared-globals.d.ts"]
+}
diff --git a/tsdown.config.ts b/tsdown.config.ts
new file mode 100644
index 00000000..4494b557
--- /dev/null
+++ b/tsdown.config.ts
@@ -0,0 +1,241 @@
+import { readdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs'
+import path from 'node:path'
+
+import { defineConfig, type Rolldown, type UserConfig } from 'tsdown'
+import { vueSfcPlugin } from 'vue-sfc-transformer/rolldown'
+
+const ROOT = import.meta.dirname
+
+// wipe all of dist (not just the outDirs) once per invocation; the configs
+// set `clean: false` so watch-mode rebuilds never clear it mid-session
+rmSync(path.join(ROOT, 'dist'), {
+  recursive: true,
+  force: true,
+  maxRetries: 10
+})
+
+const normalizePath = (p: string): string => {
+  const normalized = p.replaceAll('\\', '/')
+  return process.platform === 'win32' ? normalized.toLowerCase() : normalized
+}
+
+const TYPES_DIR = normalizePath(path.join(ROOT, 'types')) + '/'
+
+function isRootTypes(id: string, importer: string | undefined): boolean {
+  if (!importer || !/^\.\.?\//.test(id)) return false
+  const resolved = normalizePath(path.resolve(path.dirname(importer), id))
+  return resolved.startsWith(TYPES_DIR)
+}
+
+// keep .d.ts files under types/* external so module augmentations in the
+// output still target the same files users reference, spelled with the .js
+// extension so they resolve under node16 too
+function rootTypesSpecifiers(): Rolldown.Plugin {
+  return {
+    name: 'vitepress:root-types-specifiers',
+    resolveId: {
+      order: 'pre',
+      handler(id, importer) {
+        if (
+          importer &&
+          /\.d\.[cm]?ts$/.test(importer) &&
+          isRootTypes(id, importer)
+        ) {
+          return { id: id.replace(/\.js$/, '') + '.js', external: 'relative' }
+        }
+      }
+    }
+  }
+}
+
+// src/shared is compiled twice, once per environment, via gitignored copies.
+// Copies are written only when their content differs — they are watched
+// modules, so an unconditional write on every buildStart would retrigger the
+// watcher in an endless loop.
+function syncSharedFiles(
+  dest: 'client' | 'node',
+  track?: (file: string) => void
+): void {
+  const src = path.join(ROOT, 'src/shared')
+  for (const entry of readdirSync(src, {
+    recursive: true,
+    encoding: 'utf8'
+  })) {
+    if (!entry.endsWith('.ts')) continue
+    const file = path.join(src, entry)
+    track?.(file)
+    const content = readFileSync(file)
+    const copy = path.join(ROOT, 'src', dest, entry)
+    let stale = true
+    try {
+      stale = !content.equals(readFileSync(copy))
+    } catch {}
+    if (stale) writeFileSync(copy, content)
+  }
+}
+
+// seed the copies now, before the entry globs below are resolved
+syncSharedFiles('client')
+syncSharedFiles('node')
+
+// keeps the copies fresh across watch-mode rebuilds
+function syncShared(dest: 'client' | 'node'): Rolldown.Plugin {
+  return {
+    name: 'vitepress:sync-shared',
+    buildStart() {
+      syncSharedFiles(dest, (file) => this.addWatchFile(file))
+    }
+  }
+}
+
+// Ships styles and fonts as-is, keeps css imports as relative specifiers in
+// the output for the consumer's bundler, and drops them from declaration
+// files where they would dangle.
+function clientAssets(): Rolldown.Plugin {
+  const src = path.join(ROOT, 'src/client')
+  return {
+    name: 'vitepress:client-assets',
+    resolveId(id) {
+      if (id.endsWith('.css') && id[0] === '.') {
+        return { id, external: 'relative' }
+      }
+    },
+    buildStart() {
+      for (const entry of readdirSync(src, {
+        recursive: true,
+        encoding: 'utf8'
+      })) {
+        if (!/\.(css|woff2)$/.test(entry)) continue
+        const file = path.join(src, entry)
+        this.addWatchFile(file)
+        this.emitFile({
+          type: 'asset',
+          fileName: normalizePath(entry),
+          source: readFileSync(file)
+        })
+      }
+    }
+  }
+}
+
+// Declarations must resolve under node16, so relative specifiers need the .js
+// extension: vue-tsc keeps the SFC's extensionless ones in .d.vue.ts files,
+// and rolldown-plugin-dts drops the extension from chunk imports on Windows.
+// Dangling side-effect css imports are removed along the way.
+function fixDeclarationSpecifiers(): Rolldown.Plugin {
+  const stripCssImports = (code: string) =>
+    code.replace(/^\s*import\s+["'][^"']+\.css["'];?\s*\r?\n/gm, '')
+  const addJsExtensions = (code: string) =>
+    code.replace(
+      /(\bfrom\s*|\bimport\s*\(\s*|\bimport\s+)(['"])(\.\.?\/[^'"]*?)\2/g,
+      (match, keyword, quote, spec) =>
+        /\.[^/.]+$/.test(spec) ? match : `${keyword}${quote}${spec}.js${quote}`
+    )
+  const fix = (code: string) => addJsExtensions(stripCssImports(code))
+  return {
+    name: 'vitepress:fix-declaration-specifiers',
+    generateBundle(_options, bundle) {
+      for (const file of Object.values(bundle)) {
+        if (!/\.d\.(?:vue\.)?ts$/.test(file.fileName)) continue
+        if (file.type === 'chunk') file.code = fix(file.code)
+        else if (typeof file.source === 'string') file.source = fix(file.source)
+      }
+    }
+  }
+}
+
+// Rebuilds re-emit every output; dropping byte-identical files before they
+// are written keeps their mtimes stable, so watchers of dist (the docs dev
+// server's vite) only react to files that actually changed.
+function skipUnchanged(): Rolldown.Plugin {
+  return {
+    name: 'vitepress:skip-unchanged',
+    generateBundle: {
+      order: 'post',
+      handler(options, bundle) {
+        for (const [key, file] of Object.entries(bundle)) {
+          const next =
+            file.type === 'chunk'
+              ? Buffer.from(file.code)
+              : Buffer.from(file.source)
+          try {
+            const existing = readFileSync(
+              path.resolve(ROOT, options.dir ?? '.', file.fileName)
+            )
+            if (existing.equals(next)) delete bundle[key]
+          } catch {}
+        }
+      }
+    }
+  }
+}
+
+function withStableOutputs(config: UserConfig): UserConfig {
+  return {
+    ...config,
+    clean: false,
+    plugins: [
+      ...(config.plugins as Rolldown.Plugin[]),
+      fixDeclarationSpecifiers(),
+      skipUnchanged()
+    ]
+  }
+}
+
+const client: UserConfig = {
+  entry: ['src/client/**/*.ts', '!src/client/**/*.d.ts'],
+  outDir: 'dist/client',
+  platform: 'neutral',
+  unbundle: true,
+  fixedExtension: false,
+  dts: { vue: true },
+  tsconfig: 'tsconfig.client.json',
+  deps: {
+    // self-imports and dev-server virtual modules, resolved at site build time
+    neverBundle: [
+      /^vitepress(?:\/|$)/,
+      '@siteData',
+      '@theme/index',
+      '@localSearchIndex'
+    ]
+  },
+  plugins: [
+    syncShared('client'),
+    rootTypesSpecifiers(),
+    clientAssets(),
+    vueSfcPlugin({
+      srcDir: 'src/client',
+      cwd: ROOT,
+      tsconfig: './tsconfig.client.json'
+    })
+  ],
+  checks: { pluginTimings: false }
+}
+
+const node: UserConfig = {
+  entry: ['src/node/index.ts', 'src/node/cli.ts'],
+  outDir: 'dist/node',
+  platform: 'node',
+  target: 'node22',
+  fixedExtension: false,
+  dts: true,
+  tsconfig: 'tsconfig.node.json',
+  // polyfill broken browser check from bundled deps
+  define: {
+    'navigator.userAgentData': 'undefined',
+    'navigator.userAgent': 'undefined'
+  },
+  deps: {
+    // devDependencies are bundled by design
+    onlyBundle: false,
+    // markdown-it types are provided by @types/markdown-it (a runtime dep)
+    dts: { neverBundle: /^markdown-it(?:\/|$)/ }
+  },
+  // code-level compression only — no name mangling or whitespace removal
+  minify: { compress: true, mangle: false, codegen: false },
+  outputOptions: { chunkFileNames: 'chunk-[hash].js' },
+  checks: { eval: false, pluginTimings: false },
+  plugins: [syncShared('node'), rootTypesSpecifiers()]
+}
+
+export default defineConfig([client, node].map(withStableOutputs))
diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
index a8266bd3..8120fead 100644
--- a/types/default-theme.d.ts
+++ b/types/default-theme.d.ts
@@ -1,9 +1,37 @@
 import type { Options as _MiniSearchOptions } from 'minisearch'
+import type { ComputedRef, ShallowRef } from 'vue'
+
 import type { DocSearchProps } from './docsearch.js'
 import type { LocalSearchTranslations } from './local-search.js'
 import type { Header, PageData, Route, VitePressData } from './shared.js'
 
 export namespace DefaultTheme {
+  /**
+   * The layout state returned by `useLayout` from `vitepress/theme`.
+   */
+  export interface Layout {
+    isHome: ComputedRef<boolean>
+
+    sidebar: Readonly<ShallowRef<SidebarItem[]>>
+    sidebarGroups: ComputedRef<SidebarItem[]>
+    hasSidebar: ComputedRef<boolean>
+    isSidebarEnabled: ComputedRef<boolean>
+
+    hasAside: ComputedRef<boolean>
+    leftAside: ComputedRef<boolean>
+
+    /**
+     * The outline headers of the current page.
+     */
+    headers: Readonly<ShallowRef<OutlineItem[]>>
+    /**
+     * Whether the current page has a local nav. Local nav is shown when the
+     * "outline" is present in the page. However, note that the actual
+     * local nav visibility depends on the screen width as well.
+     */
+    hasLocalNav: ComputedRef<boolean>
+  }
+
   export interface Config {
     /**
      * The logo file of the site.
@@ -105,6 +133,29 @@ export namespace DefaultTheme {
      */
     langMenuLabel?: string
 
+    /**
+     * Accessible label of the main navigation landmarks (navbar menu and
+     * the mobile menu).
+     *
+     * @default 'Main Navigation'
+     */
+    navMenuLabel?: string
+
+    /**
+     * Set custom `aria-label` for the mobile menu (hamburger) button.
+     *
+     * @default 'Menu'
+     */
+    mobileMenuLabel?: string
+
+    /**
+     * Set custom `aria-label` for the `⋯` overflow menu button in the
+     * navbar, which collects nav items and controls that don't fit.
+     *
+     * @default 'More options'
+     */
+    extraMenuLabel?: string
+
     /**
      * @default 'Skip to content'
      */
@@ -135,6 +186,16 @@ export namespace DefaultTheme {
      */
     externalLinkIcon?: boolean
 
+    /**
+     * Color custom containers, GitHub-flavored alerts, and badges on a
+     * graded severity scale (danger red > warning orange > caution yellow)
+     * instead of matching GitHub's alert colors, where caution is red and
+     * warning is yellow.
+     *
+     * @default false
+     */
+    gradedContainers?: boolean
+
     /**
      * Customize text of 404 page.
      */