diff --git a/.env.example b/.env.example
index beff9e50c4..60e33c50b0 100644
--- a/.env.example
+++ b/.env.example
@@ -1,5 +1,5 @@
 #secure password, can use openssl rand -hex 32
 NUXT_SESSION_PASSWORD=""
 
-#HMAC secret for image proxy URL signing, can use openssl rand -hex 32
+#HMAC secret for image-proxy and OG image URL signing, can use openssl rand -hex 32
 NUXT_IMAGE_PROXY_SECRET=""
\ No newline at end of file
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index a31da335cd..20ed0e0b15 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -18,7 +18,7 @@ globalThis['__NUXT_COLOR_MODE__'] ??= {
   removeColorScheme: fn(),
 }
 // @ts-expect-error - dynamic global name
-globalThis.defineOgImageComponent = fn()
+globalThis.defineOgImage = fn()
 
 // Subscribe to locale changes from storybook-i18n addon (once, outside decorator)
 let currentI18nInstance: any = null
diff --git a/app/app.vue b/app/app.vue
index 510fb719ed..34fc1d5c01 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -127,6 +127,10 @@ if (import.meta.client) {
     useEventListener(document, 'click', handleModalLightDismiss)
   }
 }
+
+// title and description will be inferred
+// this will be overridden by upstream pages that use different templates
+defineOgImage('Page.takumi', {}, { alt: 'npmx — a fast, modern browser for the npm registry' })
 </script>
 
 <template>
diff --git a/app/components/OgBrand.vue b/app/components/OgBrand.vue
new file mode 100644
index 0000000000..4b98b976a6
--- /dev/null
+++ b/app/components/OgBrand.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    height?: number
+  }>(),
+  {
+    height: 60,
+  },
+)
+
+const width = computed(() => Math.round(props.height * (602 / 170)))
+</script>
+
+<template>
+  <img
+    src="/logo.svg"
+    alt="npmx"
+    :width="width"
+    :height="height"
+    :style="{ width: `${width}px`, height: `${height}px` }"
+  />
+</template>
diff --git a/app/components/OgImage/BlogPost.d.vue.ts b/app/components/OgImage/BlogPost.d.vue.ts
deleted file mode 100644
index 75e2a9ad17..0000000000
--- a/app/components/OgImage/BlogPost.d.vue.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// This type declaration file is required to break a circular type resolution in vue-tsc.
-// And is based off Package.d.vue.ts
-
-import type { DefineComponent } from 'vue'
-
-declare const _default: DefineComponent<{
-  title: string
-  authors?: { name: string; blueskyHandle?: string }[]
-  date?: string
-  primaryColor?: string
-}>
-
-export default _default
diff --git a/app/components/OgImage/BlogPost.takumi.vue b/app/components/OgImage/BlogPost.takumi.vue
new file mode 100644
index 0000000000..fb469e7e44
--- /dev/null
+++ b/app/components/OgImage/BlogPost.takumi.vue
@@ -0,0 +1,114 @@
+<script setup lang="ts">
+import type { ResolvedAuthor } from '#shared/schemas/blog'
+
+const {
+  title,
+  authors = [],
+  date = '',
+} = defineProps<{
+  title: string
+  authors?: ResolvedAuthor[]
+  date?: string
+}>()
+
+const formattedDate = computed(() => {
+  if (!date) return ''
+  try {
+    return new Date(date).toLocaleDateString('en-US', {
+      year: 'numeric',
+      month: 'short',
+      day: 'numeric',
+    })
+  } catch {
+    return date
+  }
+})
+
+const MAX_VISIBLE_AUTHORS = 2
+
+const getInitials = (name: string) =>
+  name
+    .split(' ')
+    .map(n => n[0])
+    .join('')
+    .toUpperCase()
+    .slice(0, 2)
+
+const visibleAuthors = computed(() => {
+  if (authors.length <= 3) return authors
+  return authors.slice(0, MAX_VISIBLE_AUTHORS)
+})
+
+const extraCount = computed(() => {
+  if (authors.length <= 3) return 0
+  return authors.length - MAX_VISIBLE_AUTHORS
+})
+
+const formattedAuthorNames = computed(() => {
+  const allNames = authors.map(a => a.name)
+  if (allNames.length === 0) return ''
+  if (allNames.length === 1) return allNames[0]
+  if (allNames.length === 2) return `${allNames[0]} and ${allNames[1]}`
+  if (allNames.length === 3) return `${allNames[0]}, ${allNames[1]}, and ${allNames[2]}`
+  const shown = allNames.slice(0, MAX_VISIBLE_AUTHORS)
+  const remaining = allNames.length - MAX_VISIBLE_AUTHORS
+  return `${shown.join(', ')} and ${remaining} others`
+})
+</script>
+
+<template>
+  <OgLayout>
+    <div class="px-15 py-12 flex flex-col justify-center gap-5 h-full">
+      <OgBrand :height="48" />
+
+      <!-- Date + Title -->
+      <div class="flex flex-col gap-2">
+        <span v-if="formattedDate" class="text-3xl text-fg-muted">
+          {{ formattedDate }}
+        </span>
+
+        <div
+          class="lg:text-6xl text-5xl tracking-tighter font-mono leading-tight"
+          :style="{ lineClamp: 2, textOverflow: 'ellipsis' }"
+        >
+          {{ title }}
+        </div>
+      </div>
+
+      <!-- Authors -->
+      <div v-if="authors.length" class="flex items-center gap-4 flex-nowrap">
+        <!-- Stacked avatars -->
+        <span class="flex flex-row items-center">
+          <span
+            v-for="(author, index) in visibleAuthors"
+            :key="author.name"
+            class="flex items-center justify-center rounded-full border border-bg bg-bg-muted overflow-hidden w-12 h-12"
+            :style="{ marginLeft: index > 0 ? '-20px' : '0' }"
+          >
+            <img
+              v-if="author.avatar"
+              :src="author.avatar"
+              :alt="author.name"
+              width="48"
+              height="48"
+              class="w-full h-full object-cover"
+            />
+            <span v-else class="text-5 text-fg-muted font-medium">
+              {{ getInitials(author.name) }}
+            </span>
+          </span>
+          <!-- +N badge -->
+          <span
+            v-if="extraCount > 0"
+            class="flex items-center justify-center text-lg font-medium text-fg-muted rounded-full border border-bg bg-bg-muted overflow-hidden w-12 h-12"
+            :style="{ marginLeft: '-20px' }"
+          >
+            +{{ extraCount }}
+          </span>
+        </span>
+        <!-- Names -->
+        <span class="text-6 text-fg-muted font-light">{{ formattedAuthorNames }}</span>
+      </div>
+    </div>
+  </OgLayout>
+</template>
diff --git a/app/components/OgImage/BlogPost.vue b/app/components/OgImage/BlogPost.vue
deleted file mode 100644
index 293979b1f2..0000000000
--- a/app/components/OgImage/BlogPost.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<script setup lang="ts">
-import type { ResolvedAuthor } from '#shared/schemas/blog'
-
-const props = withDefaults(
-  defineProps<{
-    title: string
-    authors?: ResolvedAuthor[]
-    date?: string
-    primaryColor?: string
-  }>(),
-  {
-    authors: () => [],
-    date: '',
-    primaryColor: '#60a5fa',
-  },
-)
-
-const formattedDate = computed(() => {
-  if (!props.date) return ''
-  try {
-    return new Date(props.date).toLocaleDateString('en-US', {
-      year: 'numeric',
-      month: 'short',
-      day: 'numeric',
-    })
-  } catch {
-    return props.date
-  }
-})
-
-const MAX_VISIBLE_AUTHORS = 2
-
-const getInitials = (name: string) =>
-  name
-    .split(' ')
-    .map(n => n[0])
-    .join('')
-    .toUpperCase()
-    .slice(0, 2)
-
-const visibleAuthors = computed(() => {
-  if (props.authors.length <= 3) return props.authors
-  return props.authors.slice(0, MAX_VISIBLE_AUTHORS)
-})
-
-const extraCount = computed(() => {
-  if (props.authors.length <= 3) return 0
-  return props.authors.length - MAX_VISIBLE_AUTHORS
-})
-
-const formattedAuthorNames = computed(() => {
-  const allNames = props.authors.map(a => a.name)
-  if (allNames.length === 0) return ''
-  if (allNames.length === 1) return allNames[0]
-  if (allNames.length === 2) return `${allNames[0]} and ${allNames[1]}`
-  if (allNames.length === 3) return `${allNames[0]}, ${allNames[1]}, and ${allNames[2]}`
-  // More than 3: show first 2 + others
-  const shown = allNames.slice(0, MAX_VISIBLE_AUTHORS)
-  const remaining = allNames.length - MAX_VISIBLE_AUTHORS
-  return `${shown.join(', ')} and ${remaining} others`
-})
-</script>
-
-<template>
-  <div
-    class="h-full w-full flex flex-col justify-center px-20 bg-[#050505] text-[#fafafa] relative overflow-hidden"
-  >
-    <!-- npmx logo - top right -->
-    <div
-      class="absolute top-12 z-10 flex items-center gap-1 text-5xl font-bold tracking-tight"
-      style="font-family: 'Geist', sans-serif; right: 6rem"
-    >
-      <span :style="{ color: primaryColor }" class="opacity-80">./</span>
-      <span class="text-white">npmx</span>
-    </div>
-
-    <div class="relative z-10 flex flex-col gap-2">
-      <!-- Date -->
-      <span
-        v-if="formattedDate"
-        class="text-3xl text-[#a3a3a3] font-light"
-        style="font-family: 'Geist', sans-serif"
-      >
-        {{ formattedDate }}
-      </span>
-
-      <!-- Blog title -->
-      <h1
-        class="text-6xl font-semibold tracking-tight leading-snug w-9/10"
-        style="font-family: 'Geist', sans-serif; letter-spacing: -0.03em"
-      >
-        {{ title }}
-      </h1>
-
-      <!-- Authors -->
-      <div
-        v-if="authors.length"
-        class="flex items-center gap-4 self-start justify-start flex-nowrap"
-        style="font-family: 'Geist', sans-serif"
-      >
-        <!-- Stacked avatars -->
-        <span>
-          <span
-            v-for="(author, index) in visibleAuthors"
-            :key="author.name"
-            class="flex items-center justify-center rounded-full border border-[#050505] bg-[#1a1a1a] overflow-hidden w-12 h-12"
-            :style="{ marginLeft: index > 0 ? '-20px' : '0' }"
-          >
-            <img
-              v-if="author.avatar"
-              :src="author.avatar"
-              :alt="author.name"
-              width="48"
-              height="48"
-              class="w-full h-full object-cover"
-            />
-            <span v-else style="font-size: 20px; color: #666; font-weight: 500">
-              {{ getInitials(author.name) }}
-            </span>
-          </span>
-          <!-- +N badge -->
-          <span
-            v-if="extraCount > 0"
-            class="flex items-center justify-center text-lg font-medium text-[#a3a3a3] rounded-full border border-[#050505] bg-[#262626] overflow-hidden w-12 h-12"
-            :style="{ marginLeft: '-20px' }"
-          >
-            +{{ extraCount }}
-          </span>
-        </span>
-        <!-- Names -->
-        <span style="font-size: 24px; color: #a3a3a3; font-weight: 300">{{
-          formattedAuthorNames
-        }}</span>
-      </div>
-    </div>
-
-    <div
-      class="absolute -top-32 -inset-ie-32 w-[550px] h-[550px] rounded-full blur-3xl"
-      :style="{ backgroundColor: primaryColor + '10' }"
-    />
-  </div>
-</template>
diff --git a/app/components/OgImage/Compare.vue b/app/components/OgImage/Compare.takumi.vue
similarity index 67%
rename from app/components/OgImage/Compare.vue
rename to app/components/OgImage/Compare.takumi.vue
index e02b328873..a7dec47537 100644
--- a/app/components/OgImage/Compare.vue
+++ b/app/components/OgImage/Compare.takumi.vue
@@ -1,19 +1,10 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
 import { encodePackageName } from '#shared/utils/npm'
 
-const props = withDefaults(
-  defineProps<{
-    packages?: string | string[]
-    emptyDescription?: string
-    primaryColor?: string
-  }>(),
-  {
-    packages: () => [],
-    emptyDescription: 'Compare npm packages side-by-side',
-    primaryColor: '#60a5fa',
-  },
-)
+const { packages = [], emptyDescription = 'Compare npm packages side-by-side' } = defineProps<{
+  packages?: string | string[]
+  emptyDescription?: string
+}>()
 
 const ACCENT_COLORS = [
   '#60a5fa',
@@ -37,7 +28,7 @@ const GRID_MAX = 12
 const SUMMARY_TOP_COUNT = 3
 
 const displayPackages = computed(() => {
-  const raw = props.packages
+  const raw = packages
   return (typeof raw === 'string' ? raw.split(',') : raw).map(p => p.trim()).filter(Boolean)
 })
 
@@ -57,7 +48,7 @@ interface PkgStats {
   color: string
 }
 
-const stats = ref<PkgStats[]>([])
+const stats = shallowRef<PkgStats[]>([])
 
 const FETCH_TIMEOUT_MS = 2500
 
@@ -122,61 +113,27 @@ const summaryRemainder = computed(() =>
 </script>
 
 <template>
-  <div
-    class="h-full w-full flex flex-col justify-center relative overflow-hidden bg-[#050505] text-[#fafafa] px-20"
-    style="font-family: 'Geist Mono', sans-serif"
-  >
-    <div class="relative z-10 flex flex-col gap-5">
-      <!-- Icon + title row -->
-      <div class="flex items-start gap-4">
-        <div
-          class="flex items-center justify-center w-16 h-16 p-3.5 rounded-xl shadow-lg"
-          :style="{ background: `linear-gradient(to top right, #3b82f6, ${primaryColor})` }"
-        >
-          <svg
-            width="36"
-            height="36"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="white"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <path d="m7.5 4.27 9 5.15" />
-            <path
-              d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"
-            />
-            <path d="m3.3 7 8.7 5 8.7-5" />
-            <path d="M12 22V12" />
-          </svg>
-        </div>
+  <OgLayout>
+    <div class="px-15 py-12 flex flex-col justify-center gap-10 h-full">
+      <OgBrand :height="48" />
 
-        <h1 class="text-7xl font-bold tracking-tight">
-          <span
-            class="opacity-80 tracking-[-0.1em]"
-            :style="{ color: primaryColor }"
-            style="margin-right: 0.25rem"
-            >./</span
-          >compare
+      <div class="flex items-baseline gap-3">
+        <h1 class="text-7xl font-mono tracking-tighter leading-none">
+          <span class="opacity-50">./</span>compare
         </h1>
       </div>
 
       <!-- Empty state -->
-      <div
-        v-if="displayPackages.length === 0"
-        class="text-4xl text-[#a3a3a3]"
-        style="font-family: 'Geist', sans-serif"
-      >
+      <div v-if="displayPackages.length === 0" class="text-4xl text-fg-muted">
         {{ emptyDescription }}
       </div>
 
       <!-- FULL layout (1-4 packages): name + downloads + version badge + bar -->
       <div v-else-if="layoutTier === 'full'" class="flex flex-col gap-2">
         <div v-for="pkg in stats" :key="pkg.name" class="flex flex-col gap-1">
-          <div class="flex items-center gap-3" style="font-family: 'Geist', sans-serif">
+          <div class="flex items-center gap-3">
             <span
-              class="text-2xl font-semibold tracking-tight"
+              class="text-2xl font-semibold tracking-tight font-mono"
               :style="{
                 color: pkg.color,
                 maxWidth: '400px',
@@ -189,7 +146,7 @@ const summaryRemainder = computed(() =>
             </span>
             <span
               v-if="pkg.version"
-              class="text-lg px-2 py-0.5 rounded-md border"
+              class="text-lg px-2 py-0.5 rounded-md border font-mono"
               :style="{
                 color: pkg.color,
                 backgroundColor: pkg.color + '10',
@@ -198,7 +155,7 @@ const summaryRemainder = computed(() =>
             >
               {{ pkg.version }}
             </span>
-            <span class="text-3xl font-bold text-[#fafafa]">
+            <span class="text-3xl font-bold text-fg">
               {{ formatDownloads(pkg.downloads) }}/wk
             </span>
           </div>
@@ -215,9 +172,9 @@ const summaryRemainder = computed(() =>
       <!-- COMPACT layout (5-6 packages): name + downloads + thinner bar, no version -->
       <div v-else-if="layoutTier === 'compact'" class="flex flex-col gap-2">
         <div v-for="pkg in stats" :key="pkg.name" class="flex flex-col gap-0.5">
-          <div class="flex items-center gap-2" style="font-family: 'Geist', sans-serif">
+          <div class="flex items-center gap-2">
             <span
-              class="text-xl font-semibold tracking-tight"
+              class="text-xl font-semibold tracking-tight font-mono"
               :style="{
                 color: pkg.color,
                 maxWidth: '300px',
@@ -230,7 +187,7 @@ const summaryRemainder = computed(() =>
             </span>
             <span
               v-if="pkg.version"
-              class="text-sm px-1.5 py-0.5 rounded border"
+              class="text-sm px-1.5 py-0.5 rounded border font-mono"
               :style="{
                 color: pkg.color,
                 backgroundColor: pkg.color + '10',
@@ -239,9 +196,7 @@ const summaryRemainder = computed(() =>
             >
               {{ pkg.version }}
             </span>
-            <span class="text-xl font-bold text-[#fafafa]">
-              {{ formatDownloads(pkg.downloads) }}/wk
-            </span>
+            <span class="text-xl font-bold text-fg"> {{ formatDownloads(pkg.downloads) }}/wk </span>
           </div>
           <div
             class="h-3 rounded-sm"
@@ -261,7 +216,6 @@ const summaryRemainder = computed(() =>
           flexWrap: 'wrap',
           rowGap: 24,
           columnGap: 40,
-          fontFamily: 'Geist, sans-serif',
         }"
       >
         <span
@@ -275,7 +229,7 @@ const summaryRemainder = computed(() =>
           }"
         >
           <span
-            class="font-semibold tracking-tight"
+            class="font-semibold tracking-tight font-mono"
             :style="{
               fontSize: '18px',
               maxWidth: '220px',
@@ -287,25 +241,23 @@ const summaryRemainder = computed(() =>
             >{{ pkg.name }}</span
           >
           <span :style="{ display: 'flex', alignItems: 'baseline', gap: 2 }">
-            <span class="text-2xl font-bold text-[#e5e5e5]">{{
-              formatDownloads(pkg.downloads)
-            }}</span>
-            <span class="text-sm font-medium text-[#d4d4d4]">/wk</span>
+            <span class="text-2xl font-bold text-fg">{{ formatDownloads(pkg.downloads) }}</span>
+            <span class="text-sm font-medium text-fg-muted">/wk</span>
           </span>
         </span>
       </div>
 
       <!-- SUMMARY layout (13+ packages): package count + top names -->
-      <div v-else class="flex flex-col gap-3" style="font-family: 'Geist', sans-serif">
-        <div class="text-2xl text-[#a3a3a3]">
-          <span class="text-4xl font-bold text-[#fafafa]">{{ displayPackages.length }}</span>
+      <div v-else class="flex flex-col gap-3">
+        <div class="text-2xl text-fg-muted">
+          <span class="text-4xl font-bold text-fg">{{ displayPackages.length }}</span>
           packages
         </div>
         <div :style="{ display: 'flex', alignItems: 'baseline', gap: 8, whiteSpace: 'nowrap' }">
           <span
             v-for="(name, i) in summaryTopNames"
             :key="name"
-            class="text-xl font-semibold"
+            class="text-xl font-semibold font-mono"
             :style="{
               color: ACCENT_COLORS[i % ACCENT_COLORS.length],
               maxWidth: '280px',
@@ -316,24 +268,11 @@ const summaryRemainder = computed(() =>
             }"
             >{{ name }}{{ i < summaryTopNames.length - 1 ? ',' : '' }}</span
           >
-          <span v-if="summaryRemainder > 0" class="text-xl text-[#737373]">
+          <span v-if="summaryRemainder > 0" class="text-xl text-fg-subtle">
             +{{ summaryRemainder }} more
           </span>
         </div>
       </div>
     </div>
-
-    <!-- Branding -->
-    <div
-      class="absolute bottom-6 inset-ie-20 text-lg font-semibold tracking-tight text-[#525252]"
-      style="font-family: 'Geist Mono', sans-serif"
-    >
-      <span :style="{ color: primaryColor }" class="opacity-80 tracking-[-0.1em]">./</span>npmx
-    </div>
-
-    <div
-      class="absolute -top-32 -inset-ie-32 w-[550px] h-[550px] rounded-full blur-3xl"
-      :style="{ backgroundColor: primaryColor + '10' }"
-    />
-  </div>
+  </OgLayout>
 </template>
diff --git a/app/components/OgImage/Default.vue b/app/components/OgImage/Default.vue
deleted file mode 100644
index fbb6ea31be..0000000000
--- a/app/components/OgImage/Default.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  primaryColor?: string
-  title?: string
-  description?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  primaryColor: '#60a5fa',
-  title: 'npmx',
-  description: 'a fast, modern browser for the **npm registry**',
-})
-</script>
-
-<template>
-  <div
-    class="h-full w-full flex flex-col justify-center px-20 bg-[#050505] text-[#fafafa] relative overflow-hidden"
-    style="font-family: 'Geist Mono', sans-serif"
-  >
-    <div class="relative z-10 flex flex-col gap-6">
-      <div class="flex items-start gap-4">
-        <div
-          class="flex items-start justify-center w-16 h-16 p-3.5 rounded-xl bg-gradient-to-tr from-[#3b82f6] shadow-lg"
-          :style="{ backgroundColor: props.primaryColor }"
-        >
-          <svg
-            width="36"
-            height="36"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="white"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <path d="m7.5 4.27 9 5.15" />
-            <path
-              d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"
-            />
-            <path d="m3.3 7 8.7 5 8.7-5" />
-            <path d="M12 22V12" />
-          </svg>
-        </div>
-
-        <h1 class="text-8xl font-bold">
-          <span
-            class="opacity-80 tracking-[-0.1em]"
-            :style="{ color: props.primaryColor }"
-            style="margin-left: -1rem; margin-right: 0.5rem"
-            >./</span
-          >{{ props.title }}
-        </h1>
-      </div>
-
-      <div
-        class="flex flex-wrap items-center gap-x-3 text-4xl text-[#a3a3a3]"
-        style="font-family: 'Geist', sans-serif"
-      >
-        <template v-for="(part, index) in props.description.split(/(\*\*.*?\*\*)/)" :key="index">
-          <span
-            v-if="part.startsWith('**') && part.endsWith('**')"
-            class="px-3 py-1 rounded-lg border font-normal"
-            :style="{
-              color: props.primaryColor,
-              backgroundColor: props.primaryColor + '10',
-              borderColor: props.primaryColor + '30',
-              boxShadow: `0 0 20px ${props.primaryColor}25`,
-            }"
-          >
-            {{ part.replaceAll('**', '') }}
-          </span>
-          <span v-else-if="part.trim() !== ''">
-            {{ part }}
-          </span>
-        </template>
-      </div>
-    </div>
-
-    <div
-      class="absolute -top-32 -inset-ie-32 w-[550px] h-[550px] rounded-full blur-3xl"
-      :style="{ backgroundColor: props.primaryColor + '10' }"
-    />
-  </div>
-</template>
diff --git a/app/components/OgImage/Package.d.vue.ts b/app/components/OgImage/Package.d.vue.ts
deleted file mode 100644
index 0cf577f85c..0000000000
--- a/app/components/OgImage/Package.d.vue.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// This type declaration file is required to break a circular type resolution in vue-tsc.
-//
-// nuxt-og-image generates a type declaration (.nuxt/module/nuxt-og-image.d.ts) that imports
-// this component's type. This creates a cycle: nuxt.d.ts → nuxt-og-image.d.ts → Package.vue →
-// needs auto-import globals from nuxt.d.ts. Without this file, vue-tsc resolves the component
-// before the globals are available, so all auto-imports (computed, toRefs, useFetch, etc.) fail.
-
-import type { DefineComponent } from 'vue'
-
-declare const _default: DefineComponent<{
-  name: string
-  version: string
-  primaryColor?: string
-}>
-
-export default _default
diff --git a/app/components/OgImage/Package.takumi.vue b/app/components/OgImage/Package.takumi.vue
new file mode 100644
index 0000000000..6ccc888638
--- /dev/null
+++ b/app/components/OgImage/Package.takumi.vue
@@ -0,0 +1,416 @@
+<script lang="ts">
+const compactFormat = new Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 1 })
+
+const KIND_ICONS: Record<string, string> = {
+  function: 'i-lucide:parentheses',
+  class: 'i-lucide:box',
+  interface: 'i-lucide:puzzle',
+  typeAlias: 'i-lucide:type',
+  variable: 'i-lucide:variable',
+  enum: 'i-lucide:list',
+  namespace: 'i-lucide:package',
+}
+</script>
+
+<script setup lang="ts">
+import type { JsDelivrFileNode } from '#shared/types'
+import { joinURL } from 'ufo'
+import { smoothPath, useCharts } from '~/composables/useCharts'
+
+const { name, version, variant } = defineProps<{
+  name: string
+  version: string | null
+  variant: 'download-chart' | 'code-tree' | 'function-tree'
+}>()
+
+const {
+  data: resolvedVersion,
+  status: versionStatus,
+  error: versionError,
+} = await useResolvedVersion(name, version)
+
+if (
+  versionStatus.value === 'error' &&
+  versionError.value?.statusCode &&
+  versionError.value.statusCode >= 400 &&
+  versionError.value.statusCode < 500
+) {
+  throw createError({
+    statusCode: 404,
+  })
+}
+
+const { data: pkg, refresh: refreshPkg } = usePackage(name, () => resolvedVersion.value ?? version)
+const displayVersion = computed(() => pkg.value?.requestedVersion ?? null)
+
+const repositoryUrl = computed(() => {
+  const repo = displayVersion.value?.repository
+  if (!repo?.url) return null
+  let url = normalizeGitUrl(repo.url)
+  // append `repository.directory` for monorepo packages
+  if (repo.directory) {
+    url = joinURL(`${url}/tree/HEAD`, repo.directory)
+  }
+  return url
+})
+
+const { repoRef, stars, refresh: refreshRepoMeta } = useRepoMeta(repositoryUrl)
+
+const formattedStars = computed(() => (stars.value > 0 ? compactFormat.format(stars.value) : ''))
+
+const formattedDownloads = computed(() => {
+  const last = weeklyValues.value.at(-1)
+  return last ? compactFormat.format(last) : ''
+})
+
+const totalLikes = shallowRef(0)
+const formattedLikes = computed(() =>
+  totalLikes.value ? compactFormat.format(totalLikes.value) : '',
+)
+
+const pkgNameParts = computed(() => {
+  const n = pkg.value?.name
+  if (!n?.startsWith('@')) return { org: null, short: n }
+  const slashIdx = n.indexOf('/')
+  return { org: n.slice(0, slashIdx), short: n.slice(slashIdx + 1) }
+})
+
+// Fetch 52 weeks of download evolution for sparkline
+const { fetchPackageDownloadEvolution } = useCharts()
+const weeklyValues = shallowRef<number[]>([])
+
+async function fetchWeeklyEvolution() {
+  const evolution = await fetchPackageDownloadEvolution(name, null, {
+    granularity: 'week',
+    weeks: 52,
+  }).catch(() => null)
+  if (evolution?.length) {
+    weeklyValues.value = evolution.map(w => w.value)
+  }
+}
+
+// Flatten file tree into renderable rows for code-tree variant
+interface TreeRow {
+  name: string
+  depth: number
+  isDir: boolean
+}
+const treeRows = shallowRef<TreeRow[]>([])
+
+async function fetchCodeTree() {
+  const ver = resolvedVersion.value ?? version
+  if (!ver) return
+
+  // Call jsDelivr directly — $fetch to internal API can deadlock in OG image island context
+  const resp = await $fetch<{ files: JsDelivrFileNode[] }>(
+    `https://data.jsdelivr.com/v1/packages/npm/${name}@${ver}`,
+  ).catch(() => null)
+  if (!resp?.files) return
+
+  const rows: TreeRow[] = []
+  const MAX_ROWS = 25
+
+  // Sort: directories first, then files, alphabetical within each group
+  function sorted(nodes: JsDelivrFileNode[]) {
+    return [...nodes].sort((a, b) => {
+      if (a.type !== b.type) return a.type === 'directory' ? -1 : 1
+      return a.name.localeCompare(b.name)
+    })
+  }
+
+  function walk(nodes: JsDelivrFileNode[], depth: number) {
+    for (const node of sorted(nodes)) {
+      if (rows.length >= MAX_ROWS) return
+      rows.push({ name: node.name, depth, isDir: node.type === 'directory' })
+      if (node.files) walk(node.files, depth + 1)
+    }
+  }
+  walk(resp.files, 0)
+  treeRows.value = rows
+}
+
+// Parse docs TOC HTML to extract API symbols for function-tree variant
+interface SymbolRow {
+  name: string
+  kind: 'section' | 'symbol'
+  icon: string
+}
+const symbolRows = shallowRef<SymbolRow[]>([])
+
+const requestFetch = useRequestFetch()
+
+async function fetchFunctionTree() {
+  const ver = resolvedVersion.value ?? version
+  if (!ver) return
+
+  const resp = await requestFetch<{ toc: string | null }>(
+    `/api/registry/docs/${name}/v/${ver}`,
+  ).catch(() => null)
+  if (!resp?.toc) return
+
+  const rows: SymbolRow[] = []
+  const MAX_ROWS = 25
+
+  // Parse TOC HTML: sections have href="#section-{kind}", symbols have class="font-mono"
+  const symbolRe = /<a href="#[^"]*"[^>]*font-mono[^>]*>([^<]+)<\/a>/g
+
+  // Split TOC by <li> sections to preserve grouping
+  const sectionBlocks = resp.toc.split(/<li>\s*<a href="#section-/)
+  for (const block of sectionBlocks) {
+    if (rows.length >= MAX_ROWS) break
+
+    // Extract section kind and title
+    const kindMatch = block.match(/^(\w+)"[^>]*>([^<]+)/)
+    if (!kindMatch) continue
+
+    const kind = kindMatch[1]!
+    const title = kindMatch[2]!.trim()
+    rows.push({ name: title, kind: 'section', icon: KIND_ICONS[kind] ?? 'i-lucide:code' })
+
+    // Extract symbol names within this section
+    const symbolMatches = block.matchAll(symbolRe)
+    for (const m of symbolMatches) {
+      if (rows.length >= MAX_ROWS) break
+      rows.push({ name: m[1]!, kind: 'symbol', icon: KIND_ICONS[kind] ?? 'i-lucide:code' })
+    }
+  }
+  symbolRows.value = rows
+}
+
+const fetchLikes = import.meta.test
+  ? // need deterministic likes for testing
+    Promise.resolve().then(() => {
+      totalLikes.value = 83
+    })
+  : $fetch<{ totalLikes: number }>(`/api/social/likes/${name}`).then(d => {
+      totalLikes.value = d?.totalLikes ?? 0
+    })
+
+try {
+  await Promise.all([
+    refreshPkg().then(() => refreshRepoMeta()),
+    variant === 'code-tree'
+      ? fetchCodeTree()
+      : variant === 'function-tree'
+        ? fetchFunctionTree()
+        : undefined,
+    fetchWeeklyEvolution(),
+    fetchLikes,
+  ])
+} catch (err) {
+  console.warn('[og-image-package] Failed to load data server-side:', err)
+  throw createError({
+    statusCode: 404,
+  })
+}
+
+// Generate sparkline SVG as base64 data URL
+const sparklineSrc = computed(() => {
+  const values = weeklyValues.value
+  if (values.length < 2) return ''
+
+  const width = 500
+  const height = 200
+  const padY = 8
+
+  const max = Math.max(...values)
+  const min = Math.min(...values)
+  const range = max - min || 1
+
+  const points = values.map((v, i) => ({
+    x: (i / (values.length - 1)) * width,
+    y: padY + (1 - (v - min) / range) * (height - padY * 2),
+  }))
+
+  const pathData = smoothPath(points)
+  const firstX = points[0]!.x
+  const lastX = points.at(-1)!.x
+
+  const svg = [
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" fill="none" preserveAspectRatio="none">`,
+    `<defs><linearGradient id="af" x1="0" y1="0" x2="0" y2="1">`,
+    `<stop offset="0%" stop-color="white" stop-opacity="0.018"/>`,
+    `<stop offset="100%" stop-color="white" stop-opacity="0.001"/>`,
+    `</linearGradient></defs>`,
+    `<path d="M ${firstX},${height} L ${pathData} L ${lastX},${height} Z" fill="url(#af)"/>`,
+    `<path d="M ${pathData}" stroke="rgba(255,255,255,0.045)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`,
+    `</svg>`,
+  ].join('')
+
+  return `data:image/svg+xml;base64,${btoa(svg)}`
+})
+</script>
+
+<template>
+  <OgLayout data-theme="dark">
+    <div class="px-15 py-12 flex flex-col justify-center gap-12 h-full">
+      <OgBrand :height="48" />
+
+      <div class="flex flex-col max-w-full gap-3">
+        <div
+          v-if="pkgNameParts.org"
+          class="lg:text-5xl text-3xl font-mono tracking-tight leading-none"
+          style="opacity: 0.5; text-overflow: ellipsis; line-clamp: 1"
+        >
+          {{ pkgNameParts.org }}
+        </div>
+        <div
+          class="tracking-tighter font-mono leading-none overflow-hidden"
+          :class="
+            (pkgNameParts.short?.length ?? 0) > 20 ? 'lg:text-6xl text-4xl' : 'lg:text-7xl text-5xl'
+          "
+          style="text-overflow: ellipsis; line-clamp: 1; word-break: break-all"
+        >
+          {{ pkgNameParts.short }}
+        </div>
+        <div
+          v-if="version"
+          class="pt-3 lg:text-4xl text-3xl font-mono tracking-tight leading-none"
+          style="opacity: 0.7; text-overflow: ellipsis; line-clamp: 1"
+        >
+          v{{ version }}
+        </div>
+      </div>
+
+      <div class="flex flex-col gap-3 text-4xl text-fg-muted">
+        <div v-if="repositoryUrl" class="flex items-center gap-2">
+          <div
+            class="i-simple-icons:github shrink-0 text-fg-muted"
+            style="width: 24px; height: 24px"
+          />
+          <span v-if="repoRef" class="max-w-[500px]" style="text-overflow: ellipsis">
+            {{ repoRef.owner }}<span class="opacity-50">/</span>{{ repoRef.repo }}
+          </span>
+          <span v-else>{{ $t('package.links.repo') }}</span>
+        </div>
+
+        <div class="flex items-center gap-5">
+          <span v-if="formattedDownloads" class="flex items-center gap-2" data-testid="downloads">
+            <div
+              class="i-lucide:download shrink-0 text-fg-muted"
+              style="width: 24px; height: 24px"
+            />
+            <span>{{ formattedDownloads }}/wk</span>
+          </span>
+
+          <span v-if="formattedStars" class="flex items-center gap-2" data-testid="stars">
+            <div
+              class="i-lucide:star shrink-0 text-fg-muted"
+              style="width: 24px; height: 24px; fill: white"
+            />
+            <span>{{ formattedStars }}</span>
+          </span>
+
+          <span v-if="formattedLikes" class="flex items-center gap-2" data-testid="likes">
+            <div
+              class="i-lucide:heart shrink-0 text-fg-muted"
+              style="width: 24px; height: 24px; fill: white"
+            />
+            <span>{{ formattedLikes }}</span>
+          </span>
+
+          <div
+            v-if="pkg?.license && !pkg.license.includes(' ')"
+            class="flex items-center gap-2"
+            data-testid="license"
+          >
+            <div
+              class="i-lucide:scale shrink-0 text-fg-subtle self-center"
+              style="width: 24px; height: 24px"
+            />
+            <span>{{ pkg.license }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Download chart variant -->
+    <img
+      v-if="variant === 'download-chart' && sparklineSrc"
+      :src="sparklineSrc"
+      class="absolute force-left-0 bottom-0 w-full h-[65%]"
+    />
+
+    <!-- Code tree variant -->
+    <div
+      v-else-if="variant === 'code-tree' && treeRows.length"
+      class="text-fg-muted absolute force-right-8 top-8 bottom-8 w-[340px] flex flex-col gap-0 opacity-30 overflow-hidden font-mono text-4.5 leading-8"
+    >
+      <div
+        v-for="(row, i) in treeRows"
+        :key="i"
+        class="flex items-center gap-3 whitespace-nowrap text-fg"
+        :style="{ paddingLeft: `${row.depth * 20}px` }"
+      >
+        <div
+          v-if="row.isDir"
+          class="text-fg-muted shrink-0 i-lucide:folder"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else
+          class="text-fg-muted shrink-0 i-lucide:file"
+          style="width: 20px; height: 20px"
+        />
+        <span class="text-fg-muted">{{ row.name }}</span>
+      </div>
+    </div>
+
+    <!-- Function tree variant (API symbols) -->
+    <div
+      v-else-if="variant === 'function-tree' && symbolRows.length"
+      class="absolute force-right-8 top-8 bottom-8 w-[340px] flex flex-col gap-0 opacity-30 overflow-hidden font-mono text-4.5 leading-8"
+    >
+      <div
+        v-for="(row, i) in symbolRows"
+        :key="i"
+        class="flex items-center gap-3 whitespace-nowrap text-fg"
+        :style="{ paddingLeft: row.kind === 'symbol' ? '20px' : '0' }"
+      >
+        <div
+          v-if="row.icon === 'i-lucide:parentheses'"
+          class="shrink-0 text-fg-muted i-lucide:parentheses"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else-if="row.icon === 'i-lucide:box'"
+          class="shrink-0 text-fg-muted i-lucide:box"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else-if="row.icon === 'i-lucide:puzzle'"
+          class="shrink-0 text-fg-muted i-lucide:puzzle"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else-if="row.icon === 'i-lucide:type'"
+          class="shrink-0 text-fg-muted i-lucide:type"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else-if="row.icon === 'i-lucide:variable'"
+          class="shrink-0 text-fg-muted i-lucide:variable"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else-if="row.icon === 'i-lucide:list'"
+          class="shrink-0 text-fg-muted i-lucide:list"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else-if="row.icon === 'i-lucide:package'"
+          class="shrink-0 text-fg-muted i-lucide:package"
+          style="width: 20px; height: 20px"
+        />
+        <div
+          v-else
+          class="shrink-0 text-fg-muted i-lucide:code"
+          style="width: 20px; height: 20px"
+        />
+        <span class="text-fg-muted" :class="row.kind === 'section' ? 'text-4 mt-1' : ''">{{
+          row.name
+        }}</span>
+      </div>
+    </div>
+  </OgLayout>
+</template>
diff --git a/app/components/OgImage/Package.vue b/app/components/OgImage/Package.vue
deleted file mode 100644
index 16741ea972..0000000000
--- a/app/components/OgImage/Package.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    name: string
-    version: string
-    primaryColor?: string
-  }>(),
-  {
-    primaryColor: '#60a5fa',
-  },
-)
-
-const { name, version, primaryColor } = toRefs(props)
-
-const {
-  data: resolvedVersion,
-  status: versionStatus,
-  error: versionError,
-} = await useResolvedVersion(name, version)
-
-if (
-  versionStatus.value === 'error' &&
-  versionError.value?.statusCode &&
-  versionError.value.statusCode >= 400 &&
-  versionError.value.statusCode < 500
-) {
-  throw createError({
-    statusCode: 404,
-  })
-}
-
-const { data: downloads, refresh: refreshDownloads } = usePackageDownloads(name, 'last-week')
-const { data: pkg, refresh: refreshPkg } = usePackage(
-  name,
-  () => resolvedVersion.value ?? version.value,
-)
-const displayVersion = computed(() => pkg.value?.requestedVersion ?? null)
-
-const { repositoryUrl } = useRepositoryUrl(displayVersion)
-
-const { data: likes, refresh: refreshLikes } = useFetch(() => `/api/social/likes/${name.value}`, {
-  default: () => ({ totalLikes: 0, userHasLiked: false }),
-})
-
-const { stars, refresh: refreshRepoMeta } = useRepoMeta(repositoryUrl)
-
-const formattedStars = computed(() =>
-  stars.value > 0
-    ? Intl.NumberFormat('en', {
-        notation: 'compact',
-        maximumFractionDigits: 1,
-      }).format(stars.value)
-    : '',
-)
-
-const MAX_LOGO_SYMBOLS = 40
-
-const titleTruncated = computed(() => {
-  return name.value.length > MAX_LOGO_SYMBOLS
-    ? `${name.value.slice(0, MAX_LOGO_SYMBOLS - 1)}…`
-    : name.value
-})
-
-// Dynamic font sizing based on name length
-// OG images are 1200px wide, with 64px padding on each side = 1072px content width
-// The original size (8xl) can fit 19 characters (2 logo characters + 17 name characters)
-const titleScale = computed(() => {
-  const len = titleTruncated.value.length + 2
-  return Math.min(Math.floor((19 / len) * 100) / 100, 1)
-})
-
-try {
-  await refreshPkg()
-  await Promise.all([refreshRepoMeta(), refreshDownloads(), refreshLikes()])
-} catch (err) {
-  console.warn('[og-image-package] Failed to load data server-side:', err)
-  throw createError({
-    statusCode: 404,
-  })
-}
-</script>
-
-<template>
-  <div
-    class="h-full w-full flex flex-col justify-center px-20 bg-[#050505] text-[#fafafa] relative overflow-hidden"
-    style="font-family: 'Geist Mono', sans-serif"
-  >
-    <div class="relative z-10 flex flex-col gap-6">
-      <!-- Package name -->
-      <div class="flex items-start gap-4">
-        <div
-          class="flex items-center justify-center w-16 h-16 p-3.5 rounded-xl shadow-lg bg-gradient-to-tr from-[#3b82f6]"
-          :style="{ backgroundColor: primaryColor }"
-        >
-          <svg
-            width="36"
-            height="36"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="white"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <path d="m7.5 4.27 9 5.15" />
-            <path
-              d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"
-            />
-            <path d="m3.3 7 8.7 5 8.7-5" />
-            <path d="M12 22V12" />
-          </svg>
-        </div>
-
-        <h1
-          class="font-bold text-8xl origin-cl tracking-tighter text-nowrap whitespace-nowrap flex flex-nowrap"
-          :style="{ transform: `scale(${titleScale})` }"
-        >
-          <span
-            :style="{ color: primaryColor }"
-            class="opacity-80 tracking-[-0.1em]"
-            style="margin-left: -0.5rem; margin-right: 1rem"
-            >./</span
-          >{{ titleTruncated }}
-        </h1>
-      </div>
-
-      <!-- Version -->
-      <div class="flex items-center gap-5 text-3xl font-light text-[#a3a3a3]">
-        <span
-          class="px-3 py-1 me-2 rounded-lg border font-bold opacity-90"
-          :style="{
-            color: primaryColor,
-            backgroundColor: primaryColor + '10',
-            borderColor: primaryColor + '30',
-            boxShadow: `0 0 20px ${primaryColor}25`,
-          }"
-        >
-          {{ resolvedVersion ?? version }}
-        </span>
-
-        <!-- Downloads (if any) -->
-        <span v-if="downloads" class="flex items-center gap-2 tracking-tight">
-          <svg
-            width="30"
-            height="30"
-            viewBox="0 0 24 24"
-            fill="none"
-            :stroke="primaryColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            class="opacity-90"
-          >
-            <circle cx="12" cy="12" r="10" class="opacity-60" />
-            <path d="M12 8v8m-3-3l3 3 3-3" />
-          </svg>
-          <span>{{ $n(downloads.downloads) }}/wk</span>
-        </span>
-
-        <!-- License (if any) -->
-        <span v-if="pkg?.license" class="flex items-center gap-2" data-testid="license">
-          <svg
-            viewBox="0 0 32 32"
-            :fill="primaryColor"
-            xmlns="http://www.w3.org/2000/svg"
-            height="32"
-            width="32"
-            class="opacity-90"
-          >
-            <path
-              d="M21.7166 12.57C20.5503 10.631 18.4257 9.33301 15.9997 9.33301C12.3197 9.33301 9.33301 12.3197 9.33301 15.9997C9.33301 19.6797 12.3197 22.6663 15.9997 22.6663C18.4257 22.6663 20.5503 21.3683 21.7166 19.4294L19.4302 18.0586C18.7307 19.2218 17.4566 19.9997 15.9997 19.9997C13.7897 19.9997 11.9997 18.2097 11.9997 15.9997C11.9997 13.7897 13.7897 11.9997 15.9997 11.9997C17.457 11.9997 18.7318 12.7782 19.431 13.9421L21.7166 12.57Z"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M15.5247 2.66602C22.8847 2.66602 28.8581 8.63932 28.8581 15.9993C28.8581 23.3593 22.8847 29.3327 15.5247 29.3327C8.16471 29.3327 2.19141 23.3593 2.19141 15.9993C2.19141 8.63932 8.16471 2.66602 15.5247 2.66602ZM4.85807 15.9993C4.85807 10.106 9.63135 5.33268 15.5247 5.33268C21.4181 5.33268 26.1914 10.106 26.1914 15.9993C26.1914 21.8927 21.4181 26.666 15.5247 26.666C9.63135 26.666 4.85807 21.8927 4.85807 15.9993Z"
-              class="opacity-60"
-            />
-          </svg>
-          <span>
-            {{ pkg.license }}
-          </span>
-        </span>
-
-        <!-- Stars (if any) -->
-        <span
-          v-if="formattedStars"
-          class="flex items-center gap-2 tracking-tight"
-          data-testid="stars"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 32 32"
-            width="32px"
-            height="32px"
-            class="opacity-60"
-          >
-            <path
-              :fill="primaryColor"
-              d="m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1zM16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z"
-            />
-          </svg>
-          <span>
-            {{ formattedStars }}
-          </span>
-        </span>
-
-        <!-- Likes (if any) -->
-        <span
-          v-if="likes.totalLikes > 0"
-          class="flex items-center gap-2 tracking-tight"
-          data-testid="likes"
-        >
-          <svg
-            width="32"
-            height="32"
-            viewBox="0 0 32 32"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-            class="opacity-90"
-          >
-            <path
-              d="M19.3057 25.8317L18.011 27.0837C17.7626 27.3691 17.4562 27.5983 17.1124 27.7561C16.7685 27.914 16.3951 27.9969 16.0167 27.9993C15.6384 28.0017 15.2639 27.9235 14.918 27.77C14.5722 27.6165 14.263 27.3912 14.011 27.1091L6.66699 19.9997C4.66699 17.9997 2.66699 15.7331 2.66699 12.6664C2.66702 11.1827 3.11712 9.73384 3.95784 8.51128C4.79856 7.28872 5.99035 6.34994 7.3758 5.81893C8.76126 5.28792 10.2752 5.18965 11.7177 5.53712C13.1602 5.88459 14.4633 6.66143 15.455 7.76506C15.5248 7.83975 15.6093 7.89929 15.7031 7.93999C15.7969 7.9807 15.8981 8.00171 16.0003 8.00171C16.1026 8.00171 16.2038 7.9807 16.2976 7.93999C16.3914 7.89929 16.4758 7.83975 16.5457 7.76506C17.5342 6.65426 18.8377 5.87088 20.2825 5.5192C21.7273 5.16751 23.245 5.26419 24.6335 5.79637C26.022 6.32856 27.2155 7.271 28.0551 8.49826C28.8948 9.72553 29.3407 11.1794 29.3337 12.6664C29.3332 13.3393 29.2349 14.0085 29.0417 14.6531"
-              :stroke="primaryColor"
-              stroke-width="2.66667"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              class="opacity-60"
-            />
-            <path
-              d="M20 20H24M28 20H24M24 16L24 20M24 24L24 20"
-              :stroke="primaryColor"
-              stroke-width="2.66667"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-          <span>
-            {{ likes.totalLikes }}
-          </span>
-        </span>
-      </div>
-    </div>
-
-    <div
-      class="absolute -top-32 -inset-ie-32 w-[550px] h-[550px] rounded-full blur-3xl"
-      :style="{ backgroundColor: primaryColor + '10' }"
-    />
-  </div>
-</template>
diff --git a/app/components/OgImage/Page.takumi.vue b/app/components/OgImage/Page.takumi.vue
new file mode 100644
index 0000000000..8a1d46039f
--- /dev/null
+++ b/app/components/OgImage/Page.takumi.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+const { title, description } = defineProps<{
+  title?: string
+  description?: string
+}>()
+</script>
+
+<template>
+  <OgLayout>
+    <div class="px-15 py-12 flex flex-col justify-center gap-12 h-full">
+      <OgBrand :height="48" />
+
+      <div class="flex flex-col max-w-full gap-3">
+        <div
+          class="lg:text-7xl text-5xl tracking-tighter font-mono leading-none"
+          :style="{ lineClamp: 1, textOverflow: 'ellipsis' }"
+        >
+          {{ title }}
+        </div>
+      </div>
+
+      <div
+        v-if="description"
+        class="pt-3 lg:text-4xl text-3xl opacity-70"
+        :style="{ lineClamp: 2, textOverflow: 'ellipsis' }"
+      >
+        {{ description }}
+      </div>
+    </div>
+  </OgLayout>
+</template>
diff --git a/app/components/OgImage/Profile.takumi.vue b/app/components/OgImage/Profile.takumi.vue
new file mode 100644
index 0000000000..6c7db251ca
--- /dev/null
+++ b/app/components/OgImage/Profile.takumi.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+const {
+  handle,
+  displayName = '',
+  description = '',
+  avatar = '',
+  packageCount = 0,
+  orgCount = 0,
+} = defineProps<{
+  handle: string
+  displayName?: string
+  description?: string
+  avatar?: string
+  packageCount?: number
+  orgCount?: number
+}>()
+
+const getInitials = (name: string) =>
+  name
+    .split(' ')
+    .map(n => n[0])
+    .join('')
+    .toUpperCase()
+    .slice(0, 2)
+
+const stats = computed(() => {
+  const items: string[] = []
+  if (packageCount > 0) items.push(`${packageCount} package${packageCount !== 1 ? 's' : ''}`)
+  if (orgCount > 0) items.push(`${orgCount} org${orgCount !== 1 ? 's' : ''}`)
+  return items.join(' · ')
+})
+</script>
+
+<template>
+  <OgLayout>
+    <div class="px-15 py-12 flex flex-col justify-center gap-8 h-full">
+      <OgBrand :height="48" />
+
+      <div class="flex items-center gap-6">
+        <!-- Avatar -->
+        <span
+          class="flex items-center justify-center rounded-full bg-bg-muted overflow-hidden shrink-0"
+          :style="{ width: '96px', height: '96px' }"
+        >
+          <img
+            v-if="avatar"
+            :src="avatar"
+            :alt="handle"
+            width="96"
+            height="96"
+            class="w-full h-full object-cover"
+          />
+          <span v-else class="text-8 text-fg-muted font-medium">
+            {{ getInitials(displayName || handle) }}
+          </span>
+        </span>
+
+        <div class="flex flex-col gap-1">
+          <!-- Display name -->
+          <div v-if="displayName" class="text-5xl font-mono tracking-tight leading-none">
+            {{ displayName }}
+          </div>
+          <!-- Handle -->
+          <div class="text-4xl text-fg-muted font-mono tracking-tight leading-none">
+            ~{{ handle }}
+          </div>
+        </div>
+      </div>
+
+      <!-- Description -->
+      <div
+        v-if="description"
+        class="text-3xl text-fg-muted opacity-70"
+        :style="{ lineClamp: 2, textOverflow: 'ellipsis' }"
+      >
+        {{ description }}
+      </div>
+
+      <!-- Stats -->
+      <div v-if="stats" class="text-3xl text-fg-muted">
+        {{ stats }}
+      </div>
+    </div>
+  </OgLayout>
+</template>
diff --git a/app/components/OgImage/Splash.takumi.vue b/app/components/OgImage/Splash.takumi.vue
new file mode 100644
index 0000000000..d6ea7464df
--- /dev/null
+++ b/app/components/OgImage/Splash.takumi.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+const { description } = useSiteConfig()
+</script>
+
+<template>
+  <OgLayout>
+    <div class="flex w-full h-full items-center justify-center px-20">
+      <div class="flex flex-col gap-6">
+        <OgBrand :height="80" />
+        <div class="text-4xl text-fg-muted">
+          {{ description }}
+        </div>
+      </div>
+    </div>
+  </OgLayout>
+</template>
diff --git a/app/components/OgLayout.vue b/app/components/OgLayout.vue
new file mode 100644
index 0000000000..30834d6119
--- /dev/null
+++ b/app/components/OgLayout.vue
@@ -0,0 +1,8 @@
+<template>
+  <div
+    data-theme="dark"
+    class="flex w-full h-full bg-bg text-fg relative overflow-hidden font-sans"
+  >
+    <slot />
+  </div>
+</template>
diff --git a/app/components/global/BlogPostWrapper.vue b/app/components/global/BlogPostWrapper.vue
index d43de21b02..f00a912577 100644
--- a/app/components/global/BlogPostWrapper.vue
+++ b/app/components/global/BlogPostWrapper.vue
@@ -29,11 +29,15 @@ useHead({
 })
 
 if (!props.frontmatter.image) {
-  defineOgImageComponent('BlogPost', {
-    title: props.frontmatter.title,
-    authors: post.value?.authors ?? [],
-    date: props.frontmatter.date,
-  })
+  defineOgImage(
+    'BlogPost.takumi',
+    {
+      title: props.frontmatter.title,
+      authors: post.value?.authors ?? [],
+      date: props.frontmatter.date,
+    },
+    { alt: `Blog post: ${props.frontmatter.title}` },
+  )
 }
 
 const slug = computed(() => props.frontmatter.slug)
diff --git a/app/composables/useCharts.ts b/app/composables/useCharts.ts
index c2b3fa039a..c9fc00fd2d 100644
--- a/app/composables/useCharts.ts
+++ b/app/composables/useCharts.ts
@@ -66,6 +66,43 @@ function mergeDailyPoints(points: DailyRawPoint[]): DailyRawPoint[] {
     .map(([day, value]) => ({ day, value }))
 }
 
+/** Catmull-Rom monotone cubic spline — same algorithm as vue-data-ui's smoothPath for OG Images */
+export function smoothPath(pts: { x: number; y: number }[]): string {
+  if (pts.length < 2) return '0,0'
+  const n = pts.length - 1
+  const r = (v: number) => Math.round(v * 100) / 100
+  const out = [`${r(pts[0]!.x)},${r(pts[0]!.y)}`]
+  const dx: number[] = []
+  const dy: number[] = []
+  const m: number[] = []
+  const t: number[] = []
+
+  for (let i = 0; i < n; i++) {
+    dx[i] = pts[i + 1]!.x - pts[i]!.x
+    dy[i] = pts[i + 1]!.y - pts[i]!.y
+    m[i] = dx[i] === 0 ? 0 : dy[i]! / dx[i]!
+  }
+
+  t[0] = m[0]!
+  t[n] = m[n - 1]!
+  for (let i = 1; i < n; i++) {
+    t[i] = m[i - 1]! * m[i]! <= 0 ? 0 : (2 * m[i - 1]! * m[i]!) / (m[i - 1]! + m[i]!)
+  }
+
+  for (let i = 0; i < n; i++) {
+    const x0 = pts[i]!.x,
+      y0 = pts[i]!.y
+    const x1 = pts[i + 1]!.x,
+      y1 = pts[i + 1]!.y
+    const seg = x1 - x0
+    out.push(
+      `C ${r(x0 + seg / 3)},${r(y0 + (t[i]! * seg) / 3)} ${r(x1 - seg / 3)},${r(y1 - (t[i + 1]! * seg) / 3)} ${r(x1)},${r(y1)}`,
+    )
+  }
+
+  return out.join(' ')
+}
+
 const npmDailyRangeCache = import.meta.client ? new Map<string, Promise<DailyRawPoint[]>>() : null
 const likesEvolutionCache = import.meta.client ? new Map<string, Promise<DailyRawPoint[]>>() : null
 const contributorsEvolutionCache = import.meta.client
diff --git a/app/pages/about.vue b/app/pages/about.vue
index 1ade7d02c1..96f3985f05 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -12,11 +12,14 @@ useSeoMeta({
   twitterDescription: () => $t('about.meta_description'),
 })
 
-defineOgImageComponent('Default', {
-  primaryColor: '#60a5fa',
-  title: 'about npmx',
-  description: 'a fast, modern browser for the **npm registry**',
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => `${$t('about.title')}`,
+    description: 'a fast, modern browser for the npm registry',
+  },
+  { alt: () => `${$t('about.title')} — npmx` },
+)
 
 const pmLinks = {
   npm: 'https://www.npmjs.com/',
diff --git a/app/pages/accessibility.vue b/app/pages/accessibility.vue
index 027fdef41a..bd2d812831 100644
--- a/app/pages/accessibility.vue
+++ b/app/pages/accessibility.vue
@@ -8,10 +8,14 @@ useSeoMeta({
   description: () => $t('a11y.welcome', { app: 'npmx' }),
 })
 
-defineOgImageComponent('Default', {
-  title: () => $t('a11y.title'),
-  description: () => $t('a11y.welcome', { app: 'npmx' }),
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => $t('a11y.title'),
+    description: () => $t('a11y.welcome', { app: 'npmx' }),
+  },
+  { alt: () => `${$t('a11y.title')} — npmx` },
+)
 </script>
 
 <template>
diff --git a/app/pages/brand.vue b/app/pages/brand.vue
index 91dd3de30c..2716280e73 100644
--- a/app/pages/brand.vue
+++ b/app/pages/brand.vue
@@ -10,11 +10,14 @@ useSeoMeta({
   twitterDescription: () => $t('brand.meta_description'),
 })
 
-defineOgImageComponent('Default', {
-  primaryColor: '#51c8fc',
-  title: $t('brand.title'),
-  description: $t('brand.meta_description'),
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => $t('brand.title'),
+    description: () => $t('brand.meta_description'),
+  },
+  { alt: () => `${$t('brand.title')} — npmx` },
+)
 
 const logos = [
   {
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
index 4dd395d008..fdb038e946 100644
--- a/app/pages/compare.vue
+++ b/app/pages/compare.vue
@@ -139,10 +139,14 @@ async function exportComparisonDataAsMarkdown() {
   await copy(markdown)
 }
 
-defineOgImageComponent('Compare', {
-  packages: () => packages.value.toSorted((a, b) => a.localeCompare(b)),
-  emptyDescription: () => $t('compare.packages.meta_description_empty'),
-})
+defineOgImage(
+  'Compare.takumi',
+  {
+    packages: () => packages.value.toSorted((a, b) => a.localeCompare(b)),
+    emptyDescription: () => $t('compare.packages.meta_description_empty'),
+  },
+  { alt: () => $t('compare.packages.meta_description_empty') },
+)
 
 const { announce } = useCommandPalette()
 
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 40097b7f51..90d6e38879 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -17,11 +17,7 @@ useSeoMeta({
   twitterDescription: () => $t('seo.home.description'),
 })
 
-defineOgImageComponent('Default', {
-  primaryColor: '#60a5fa',
-  title: 'npmx',
-  description: 'a fast, modern browser for the **npm registry**',
-})
+defineOgImage('Splash.takumi', {}, { alt: () => $t('seo.home.description') })
 </script>
 
 <template>
diff --git a/app/pages/org/[org].vue b/app/pages/org/[org].vue
index 13eca02352..f648dae769 100644
--- a/app/pages/org/[org].vue
+++ b/app/pages/org/[org].vue
@@ -139,11 +139,14 @@ useSeoMeta({
   twitterDescription: () => `npm packages published by the ${orgName.value} organization`,
 })
 
-defineOgImageComponent('Default', {
-  title: () => `@${orgName.value}`,
-  description: () => (packageCount.value ? `${packageCount.value} packages` : 'npm organization'),
-  primaryColor: '#60a5fa',
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => `@${orgName.value}`,
+    description: () => (packageCount.value ? `${packageCount.value} packages` : 'npm organization'),
+  },
+  { alt: () => `@${orgName.value} npm organization on npmx` },
+)
 </script>
 
 <template>
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 630f4e8d2b..8c2e43988d 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -317,11 +317,23 @@ useSeoMeta({
   twitterDescription: () => `Browse source code for ${packageName.value}@${version.value}`,
 })
 
-defineOgImageComponent('Default', {
-  title: () => `${pkg.value?.name ?? 'Package'} - Code`,
-  description: () => pkg.value?.license ?? '',
-  primaryColor: '#60a5fa',
-})
+defineOgImage(
+  'Package.takumi',
+  {
+    name: () => packageName.value,
+    version: () => version.value,
+    variant: 'code-tree',
+  },
+  [
+    { key: 'og', alt: () => `Source code file tree for ${packageName.value}@${version.value}` },
+    {
+      key: 'whatsapp',
+      width: 800,
+      height: 800,
+      alt: () => `Source code file tree for ${packageName.value}@${version.value}`,
+    },
+  ],
+)
 
 useCommandPaletteContextCommands(
   computed((): CommandPaletteContextCommandInput[] => {
diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 31aba3bd52..d07a3d023d 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -135,18 +135,30 @@ const pageTitle = computed(() => {
 
 useSeoMeta({
   title: () => pageTitle.value,
-  ogTitle: () => pageTitle.value,
+  ogTitle: () => t('package.docs.og_title', { name: packageName.value }),
   twitterTitle: () => pageTitle.value,
   description: () => pkg.value?.license ?? '',
   ogDescription: () => pkg.value?.license ?? '',
   twitterDescription: () => pkg.value?.license ?? '',
 })
 
-defineOgImageComponent('Default', {
-  title: () => t('package.docs.og_title', { name: pkg.value?.name ?? 'Package' }),
-  description: () => pkg.value?.license ?? '',
-  primaryColor: '#60a5fa',
-})
+defineOgImage(
+  'Package.takumi',
+  {
+    name: () => packageName.value,
+    version: () => resolvedVersion.value,
+    variant: 'function-tree',
+  },
+  [
+    { key: 'og', alt: () => `API documentation for ${packageName.value}` },
+    {
+      key: 'whatsapp',
+      width: 800,
+      height: 800,
+      alt: () => `API documentation for ${packageName.value}`,
+    },
+  ],
+)
 
 const showLoading = computed(
   () => docsStatus.value === 'pending' || (docsStatus.value === 'idle' && docsUrl.value !== null),
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index bc10db6210..29515901cc 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -2,12 +2,6 @@
 import { assertValidPackageName } from '#shared/utils/npm'
 import { getDependencyCount } from '~/utils/npm/dependency-count'
 
-defineOgImageComponent('Package', {
-  name: () => packageName.value,
-  version: () => requestedVersion.value ?? '',
-  primaryColor: '#60a5fa',
-})
-
 const readmeHeader = useTemplateRef('readmeHeader')
 const isReadmeHeaderPinned = shallowRef(false)
 const packageHeaderHeight = usePackageHeaderHeight()
@@ -41,6 +35,24 @@ const { data: resolvedVersion, status: resolvedStatus } = await useResolvedVersi
   requestedVersion,
 )
 
+defineOgImage(
+  'Package.takumi',
+  {
+    name: () => packageName.value,
+    version: () => requestedVersion.value,
+    variant: 'download-chart',
+  },
+  [
+    { key: 'og', alt: () => `npm package ${packageName.value} download chart and stats` },
+    {
+      key: 'whatsapp',
+      width: 800,
+      height: 800,
+      alt: () => `npm package ${packageName.value} download chart and stats`,
+    },
+  ],
+)
+
 if (import.meta.server) {
   assertValidPackageName(packageName.value)
 }
diff --git a/app/pages/pds.vue b/app/pages/pds.vue
index 967dd7fa29..cc937df40c 100644
--- a/app/pages/pds.vue
+++ b/app/pages/pds.vue
@@ -10,11 +10,14 @@ useSeoMeta({
   twitterDescription: () => $t('pds.meta_description'),
 })
 
-defineOgImageComponent('Default', {
-  primaryColor: '#60a5fa',
-  title: 'npmx.social',
-  description: 'The official **PDS** for the npmx community.',
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: 'npmx.social',
+    description: 'The official PDS for the npmx community.',
+  },
+  { alt: 'npmx.social — the official PDS for the npmx community' },
+)
 
 const brokenImages = ref(new Set<string>())
 
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
index e2492e313d..bd569179c7 100644
--- a/app/pages/privacy.vue
+++ b/app/pages/privacy.vue
@@ -8,10 +8,14 @@ useSeoMeta({
   description: () => $t('privacy_policy.welcome', { app: 'npmx' }),
 })
 
-defineOgImageComponent('Default', {
-  title: () => $t('privacy_policy.title'),
-  description: () => $t('privacy_policy.welcome', { app: 'npmx' }),
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => $t('privacy_policy.title'),
+    description: () => $t('privacy_policy.welcome', { app: 'npmx' }),
+  },
+  { alt: () => `${$t('privacy_policy.title')} — npmx` },
+)
 
 const buildInfo = useAppConfig().buildInfo
 const { locale } = useI18n()
diff --git a/app/pages/profile/[identity]/index.vue b/app/pages/profile/[identity]/index.vue
index 3ab267c684..61ca0f69eb 100644
--- a/app/pages/profile/[identity]/index.vue
+++ b/app/pages/profile/[identity]/index.vue
@@ -145,13 +145,18 @@ useSeoMeta({
   description: () => $t('profile.seo_description', { handle: identity.value }),
 })
 
-/**
-defineOgImageComponent('Default', {
-  title: () => `~${username.value}`,
-  description: () => (results.value ? `${results.value.total} packages` : 'npm user profile'),
-  primaryColor: '#60a5fa',
-})
-**/
+defineOgImage(
+  'Profile.takumi',
+  {
+    handle: () => profile.value.handle || identity.value,
+    displayName: () => profile.value.displayName || '',
+    description: () => profile.value.description || '',
+  },
+  {
+    alt: () =>
+      `Profile card for ${profile.value.displayName || profile.value.handle || identity.value}`,
+  },
+)
 </script>
 
 <template>
diff --git a/app/pages/recharging.vue b/app/pages/recharging.vue
index b704802db5..0f1bf6729a 100644
--- a/app/pages/recharging.vue
+++ b/app/pages/recharging.vue
@@ -12,10 +12,13 @@ useSeoMeta({
   twitterDescription: () => $t('vacations.meta_description'),
 })
 
-defineOgImageComponent('Default', {
-  title: () => $t('vacations.title'),
-  description: () => $t('vacations.meta_description'),
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => $t('vacations.title'),
+  },
+  { alt: () => `${$t('vacations.title')} — npmx` },
+)
 
 const { data: stats } = useFetch('/api/repo-stats')
 
diff --git a/app/pages/search.vue b/app/pages/search.vue
index b635065aa0..6ec32050a0 100644
--- a/app/pages/search.vue
+++ b/app/pages/search.vue
@@ -573,15 +573,21 @@ useSeoMeta({
       : $t('search.meta_description_packages'),
 })
 
-defineOgImageComponent('Default', {
-  title: () =>
-    `${query.value ? $t('search.title_search', { search: query.value }) : $t('search.title_packages')} - npmx`,
-  description: () =>
-    query.value
-      ? $t('search.meta_description', { search: query.value })
-      : $t('search.meta_description_packages'),
-  primaryColor: '#60a5fa',
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () =>
+      `${query.value ? $t('search.title_search', { search: query.value }) : $t('search.title_packages')} - npmx`,
+    description: () =>
+      query.value
+        ? $t('search.meta_description', { search: query.value })
+        : $t('search.meta_description_packages'),
+  },
+  {
+    alt: () =>
+      query.value ? `Search results for "${query.value}" on npmx` : 'Search npm packages on npmx',
+  },
+)
 
 // -----------------------------------
 // Live region debouncing logic
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
index e90faf551f..43b9844894 100644
--- a/app/pages/settings.vue
+++ b/app/pages/settings.vue
@@ -29,11 +29,14 @@ useSeoMeta({
   twitterDescription: () => $t('settings.meta_description'),
 })
 
-defineOgImageComponent('Default', {
-  title: () => $t('settings.title'),
-  description: () => $t('settings.tagline'),
-  primaryColor: '#60a5fa',
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => $t('settings.title'),
+    description: () => $t('settings.tagline'),
+  },
+  { alt: () => `${$t('settings.title')} — npmx` },
+)
 
 const setLocale: typeof setNuxti18nLocale = newLocale => {
   settings.value.selectedLocale = newLocale
diff --git a/app/pages/translation-status.vue b/app/pages/translation-status.vue
index 2eb03598d6..d5ec027bc6 100644
--- a/app/pages/translation-status.vue
+++ b/app/pages/translation-status.vue
@@ -8,10 +8,14 @@ useSeoMeta({
   description: () => $t('translation_status.welcome', { npmx: 'npmx' }),
 })
 
-defineOgImageComponent('Default', {
-  title: () => $t('translation_status.title'),
-  description: () => $t('translation_status.welcome', { npmx: 'npmx' }),
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => $t('translation_status.title'),
+    description: () => $t('translation_status.welcome', { npmx: 'npmx' }),
+  },
+  { alt: () => `${$t('translation_status.title')} — npmx` },
+)
 
 const nuxt = useNuxtApp()
 const router = useRouter()
diff --git a/app/pages/~[username]/index.vue b/app/pages/~[username]/index.vue
index 6510c736e1..5c4bb941ae 100644
--- a/app/pages/~[username]/index.vue
+++ b/app/pages/~[username]/index.vue
@@ -128,11 +128,14 @@ useSeoMeta({
   twitterDescription: () => `npm packages maintained by ${username.value}`,
 })
 
-defineOgImageComponent('Default', {
-  title: () => `~${username.value}`,
-  description: () => (results.value ? `${results.value.total} packages` : 'npm user profile'),
-  primaryColor: '#60a5fa',
-})
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => `~${username.value}`,
+    description: () => (results.value ? `${results.value.total} packages` : 'npm user profile'),
+  },
+  { alt: () => `~${username.value} npm user profile on npmx` },
+)
 </script>
 
 <template>
diff --git a/app/pages/~[username]/orgs.vue b/app/pages/~[username]/orgs.vue
index a5128237e1..d209f88573 100644
--- a/app/pages/~[username]/orgs.vue
+++ b/app/pages/~[username]/orgs.vue
@@ -108,17 +108,20 @@ useSeoMeta({
   twitterDescription: () => `npm organizations for ${username.value}`,
 })
 
-defineOgImageComponent('Default', {
-  title: () => `@${username.value}`,
-  description: () => {
-    if (isLoading.value) return 'npm organizations'
-    if (orgs.value.length === 0) return 'No organizations found'
-
-    const count = orgs.value.length
-    return `${count} ${count === 1 ? 'organization' : 'organizations'}`
+defineOgImage(
+  'Page.takumi',
+  {
+    title: () => `@${username.value}`,
+    description: () => {
+      if (isLoading.value) return 'npm organizations'
+      if (orgs.value.length === 0) return 'No organizations found'
+
+      const count = orgs.value.length
+      return `${count} ${count === 1 ? 'organization' : 'organizations'}`
+    },
   },
-  primaryColor: '#60a5fa',
-})
+  { alt: () => `Organizations for @${username.value} on npmx` },
+)
 </script>
 
 <template>
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 679871453a..31f42851ec 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -7,4 +7,9 @@ export default defineNuxtConfig({
   site: {
     name: 'npmx docs',
   },
+  // version conflict with root nuxt-og-image and duplicate deps on satori/takumi
+  // TODO migrate docus to latest 5.9.0 and re-enable
+  ogImage: {
+    enabled: false,
+  },
 })
diff --git a/modules/og-image.ts b/modules/og-image.ts
deleted file mode 100644
index 77acceda1c..0000000000
--- a/modules/og-image.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { defineNuxtModule, useNuxt } from 'nuxt/kit'
-
-export default defineNuxtModule({
-  meta: {
-    name: 'og-image-tweaks',
-  },
-  setup() {
-    const nuxt = useNuxt()
-
-    nuxt.hook('components:extend', components => {
-      for (const component of [...components].toReversed()) {
-        if (component.filePath.includes('og-image')) {
-          components.splice(components.indexOf(component), 1)
-        }
-      }
-    })
-  },
-})
diff --git a/modules/runtime/server/cache.ts b/modules/runtime/server/cache.ts
index 780f589e23..edbe22241c 100644
--- a/modules/runtime/server/cache.ts
+++ b/modules/runtime/server/cache.ts
@@ -187,6 +187,46 @@ function getMockForUrl(url: string): MockResult | null {
     return null
   }
 
+  // npm API: downloads range → synthetic daily data for sparklines
+  if (host === 'api.npmjs.org') {
+    const rangeMatch = decodeURIComponent(pathname).match(/^\/downloads\/range\/([^/]+)\/(.+)$/)
+    if (rangeMatch?.[1] && rangeMatch[2]) {
+      const [startDate, endDate] = rangeMatch[1].split(':')
+      const packageName = rangeMatch[2]
+      // Simple hash seeded by package name for deterministic but varied curves
+      let h = 0
+      for (const c of packageName) h = ((h << 5) - h + c.charCodeAt(0)) | 0
+      const s = Math.abs(h)
+
+      const base = (s % 40_000) + 500
+      // Trend: some packages grow, some shrink, some flat
+      const trendSlope = (((s >> 4) % 200) - 100) / 100_000 // -0.001 .. +0.001 per day
+      // Wave period varies per package (20-60 days)
+      const wavePeriod = 20 + ((s >> 8) % 40)
+      const waveAmp = 0.1 + ((s >> 12) % 30) / 100 // 0.10 .. 0.40
+      // Weekend dip intensity
+      const weekendDip = 0.3 + ((s >> 16) % 40) / 100 // 0.30 .. 0.70
+
+      const downloads: { day: string; downloads: number }[] = []
+      const start = new Date(startDate!)
+      const end = new Date(endDate!)
+      for (let d = new Date(start); d <= end; d.setUTCDate(d.getUTCDate() + 1)) {
+        const day = d.toISOString().slice(0, 10)
+        const i = downloads.length
+        const trend = 1 + trendSlope * i
+        const wave = Math.sin((i * 2 * Math.PI) / wavePeriod) * waveAmp
+        const noise = Math.sin(i * 7 + s) * 0.05
+        const dow = d.getUTCDay()
+        const weekend = dow === 0 || dow === 6 ? 1 - weekendDip : 1
+        downloads.push({
+          day,
+          downloads: Math.max(0, Math.round(base * trend * (1 + wave + noise) * weekend)),
+        })
+      }
+      return { data: { downloads, start: startDate, end: endDate, package: packageName } }
+    }
+  }
+
   // esm.sh is handled specially via $fetch.raw override, not here
   // Return null to indicate no mock available at the cachedFetch level
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9b5c60d15a..d14819d806 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -7,10 +7,10 @@ const isStorybook = process.env.STORYBOOK === 'true' || process.env.VITEST_STORY
 export default defineNuxtConfig({
   modules: [
     '@unocss/nuxt',
+    'nuxt-og-image',
     '@nuxtjs/html-validator',
     '@nuxt/scripts',
     '@nuxt/a11y',
-    'nuxt-og-image',
     '@nuxt/test-utils',
     '@vite-pwa/nuxt',
     '@vueuse/nuxt',
@@ -75,7 +75,6 @@ export default defineNuxtConfig({
           href: '/opensearch.xml',
         },
       ],
-      meta: [{ name: 'twitter:card', content: 'summary_large_image' }],
     },
   },
 
@@ -128,14 +127,6 @@ export default defineNuxtConfig({
     '/api/registry/package-meta/**': { isr: 300 },
     '/:pkg/.well-known/skills/**': { isr: 3600 },
     '/:scope/:pkg/.well-known/skills/**': { isr: 3600 },
-    '/__og-image__/**': getISRConfig(3600),
-    '/__og-image__/image/compare/**': {
-      isr: {
-        expiration: 3600,
-        passQuery: true,
-        allowQuery: ['packages', '_query'],
-      },
-    },
     '/_avatar/**': { isr: 3600, proxy: 'https://www.gravatar.com/avatar/**' },
     '/opensearch.xml': { isr: true },
     '/oauth-client-metadata.json': { prerender: true },
@@ -303,18 +294,16 @@ export default defineNuxtConfig({
 
   ogImage: {
     enabled: !isStorybook,
-    defaults: {
-      component: 'Default',
-    },
-    fonts: [
-      { name: 'Geist', weight: 400, path: '/fonts/Geist-Regular.ttf' },
-      { name: 'Geist', weight: 500, path: '/fonts/Geist-Medium.ttf' },
-      { name: 'Geist', weight: 600, path: '/fonts/Geist-SemiBold.ttf' },
-      { name: 'Geist', weight: 700, path: '/fonts/Geist-Bold.ttf' },
-      { name: 'Geist Mono', weight: 400, path: '/fonts/GeistMono-Regular.ttf' },
-      { name: 'Geist Mono', weight: 500, path: '/fonts/GeistMono-Medium.ttf' },
-      { name: 'Geist Mono', weight: 700, path: '/fonts/GeistMono-Bold.ttf' },
-    ],
+    cacheMaxAgeSeconds: 60 * 60 * 24, // 1 day, download counts change daily
+    security: {
+      // Reuse image-proxy HMAC secret to avoid managing a second secret.
+      // Strict mode only activates when a secret is present (CI builds without one).
+      strict: !!process.env.NUXT_IMAGE_PROXY_SECRET,
+      secret: process.env.NUXT_IMAGE_PROXY_SECRET,
+      // HMAC signing is sufficient; origin pinning blocks localhost e2e runs
+      // and adds no meaningful security on top of signed URLs.
+      restrictRuntimeImagesToOrigin: false,
+    },
   },
 
   pwa: {
diff --git a/package.json b/package.json
index d88eb51dfe..387daebfa1 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,8 @@
     "@shikijs/langs": "4.0.2",
     "@shikijs/markdown-exit": "4.0.2",
     "@shikijs/themes": "4.0.2",
+    "@takumi-rs/core": "1.0.5",
+    "@takumi-rs/wasm": "1.0.5",
     "@unocss/nuxt": "66.6.7",
     "@unocss/preset-wind4": "66.6.7",
     "@upstash/redis": "1.37.0",
@@ -89,7 +91,7 @@
     "marked": "17.0.4",
     "module-replacements": "2.11.0",
     "nuxt": "4.3.1",
-    "nuxt-og-image": "5.1.13",
+    "nuxt-og-image": "6.3.10",
     "ofetch": "1.5.1",
     "ohash": "2.0.11",
     "perfect-debounce": "2.1.0",
diff --git a/patches/@nuxt__test-utils.patch b/patches/@nuxt__test-utils.patch
new file mode 100644
index 0000000000..0529e17156
--- /dev/null
+++ b/patches/@nuxt__test-utils.patch
@@ -0,0 +1,13 @@
+diff --git a/dist/config.mjs b/dist/config.mjs
+index 41a73e237a7ecd0c63985421737f3cf0782391ee..56c9e2ca1dfade16afb10d90cebe43803063f837 100644
+--- a/dist/config.mjs
++++ b/dist/config.mjs
+@@ -128,7 +128,7 @@ async function getVitestConfigFromNuxt(options, loadNuxtOptions = {}) {
+       },
+       test: {
+         environmentOptions: {
+-          nuxtRuntimeConfig: applyEnv(structuredClone(options.nuxt.options.runtimeConfig), {
++          nuxtRuntimeConfig: applyEnv(JSON.parse(JSON.stringify(options.nuxt.options.runtimeConfig)), {
+             prefix: "NUXT_",
+             env: await setupDotenv(defu(loadNuxtOptions.dotenv, {
+               cwd: rootDir,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index de42bd50f4..796bb05872 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,23 +11,24 @@ catalogs:
       specifier: 9.0.1
       version: 9.0.1
     '@storybook/addon-a11y':
-      specifier: ^10.3.1
-      version: 10.3.4
+      specifier: ^10.3.5
+      version: 10.3.5
     '@storybook/addon-docs':
-      specifier: ^10.3.1
-      version: 10.3.4
+      specifier: ^10.3.5
+      version: 10.3.5
     '@storybook/addon-themes':
-      specifier: ^10.3.1
-      version: 10.3.4
+      specifier: ^10.3.5
+      version: 10.3.5
     storybook-i18n:
       specifier: ^10.1.1
       version: 10.1.1
 
 overrides:
   sharp: 0.34.5
+  storybook: ^10.3.1
   vite: npm:@voidzero-dev/vite-plus-core@0.1.16
   vitest: npm:@voidzero-dev/vite-plus-test@0.1.16
-  storybook: ^10.3.1
+  nuxt-og-image: ^6.3.10
 
 packageExtensionsChecksum: sha256-YBtmV2wlHHTKm5hOqoxwkw6LifLft12a+kUIp1CTUjY=
 
@@ -35,6 +36,9 @@ patchedDependencies:
   '@jsr/deno__doc@0.189.1':
     hash: 24f326e123c822a07976329a5afe91a8713e82d53134b5586625b72431c87832
     path: patches/@jsr__deno__doc@0.189.1.patch
+  '@nuxt/test-utils':
+    hash: 8438d6588e19230d3392ce53e45dd8e9bff54eaa3ce18092602fefd40c2eefe9
+    path: patches/@nuxt__test-utils.patch
 
 importers:
 
@@ -96,7 +100,7 @@ importers:
         version: 0.13.2(@unhead/vue@2.1.13)(@upstash/redis@1.37.0)(db0@0.3.4)(ioredis@5.10.1)(magicast@0.5.2)(typescript@6.0.2)(vue@3.5.30)
       '@nuxt/test-utils':
         specifier: 4.0.0
-        version: 4.0.0(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18)
+        version: 4.0.0(patch_hash=8438d6588e19230d3392ce53e45dd8e9bff54eaa3ce18092602fefd40c2eefe9)(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18)
       '@nuxtjs/color-mode':
         specifier: 4.0.0
         version: 4.0.0(magicast@0.5.2)
@@ -115,6 +119,12 @@ importers:
       '@shikijs/themes':
         specifier: 4.0.2
         version: 4.0.2
+      '@takumi-rs/core':
+        specifier: 1.0.5
+        version: 1.0.5(react-dom@19.2.4)(react@19.2.4)
+      '@takumi-rs/wasm':
+        specifier: 1.0.5
+        version: 1.0.5(react-dom@19.2.4)(react@19.2.4)
       '@unocss/nuxt':
         specifier: 66.6.7
         version: 66.6.7(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(magicast@0.5.2)(vite@8.0.0-beta.18)(webpack@5.105.4)
@@ -176,8 +186,8 @@ importers:
         specifier: 4.3.1
         version: 4.3.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@parcel/watcher@2.5.6)(@types/node@24.12.0)(@upstash/redis@1.37.0)(@vue/compiler-sfc@3.5.32)(better-sqlite3@12.8.0)(cac@6.7.14)(db0@0.3.4)(eslint@10.2.0)(ioredis@5.10.1)(magicast@0.5.2)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup@4.60.1)(srvx@0.11.15)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(yaml@2.8.3)
       nuxt-og-image:
-        specifier: 5.1.13
-        version: 5.1.13(@unhead/vue@2.1.13)(magicast@0.5.2)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30)
+        specifier: ^6.3.10
+        version: 6.3.10(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@nuxt/schema@4.4.2)(@resvg/resvg-js@2.6.2)(@resvg/resvg-wasm@2.6.2)(@takumi-rs/core@1.0.5)(@takumi-rs/wasm@1.0.5)(@unhead/vue@2.1.13)(fontless@0.2.1)(nuxt@4.3.1)(playwright-core@1.59.1)(satori@0.19.3)(sharp@0.34.5)(tailwindcss@4.2.2)(unifont@0.7.4)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
       ofetch:
         specifier: 1.5.1
         version: 1.5.1
@@ -253,13 +263,13 @@ importers:
         version: 9.0.1(@types/node@24.12.0)(eslint@10.2.0)(magicast@0.5.2)(nuxt@4.3.1)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup-plugin-visualizer@7.0.1)(rollup@4.60.1)(storybook@10.3.4)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(vue@3.5.30)(yaml@2.8.3)
       '@storybook/addon-a11y':
         specifier: catalog:storybook
-        version: 10.3.4(storybook@10.3.4)
+        version: 10.3.5(storybook@10.3.4)
       '@storybook/addon-docs':
         specifier: catalog:storybook
-        version: 10.3.4(@types/react@19.2.14)(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)
+        version: 10.3.5(@types/react@19.2.14)(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)
       '@storybook/addon-themes':
         specifier: catalog:storybook
-        version: 10.3.4(storybook@10.3.4)
+        version: 10.3.5(storybook@10.3.4)
       '@types/node':
         specifier: 24.12.0
         version: 24.12.0
@@ -386,7 +396,7 @@ importers:
         version: 12.8.0
       docus:
         specifier: 5.8.1
-        version: 5.8.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@tiptap/extensions@3.22.2)(@tiptap/y-tiptap@3.0.2)(@unhead/vue@2.1.13)(@upstash/redis@1.37.0)(@vue/compiler-dom@3.5.32)(better-sqlite3@12.8.0)(db0@0.3.4)(embla-carousel@8.6.0)(eslint@10.2.0)(focus-trap@8.0.1)(ioredis@5.10.1)(magicast@0.5.2)(nuxt@4.3.1)(react-dom@19.2.4)(react@19.2.4)(rollup@4.60.1)(srvx@0.11.15)(typescript@6.0.2)(unstorage@1.17.5)(valibot@1.3.0)(vite@8.0.0-beta.18)(vue-router@4.6.4)(vue@3.5.30)(yjs@13.6.30)
+        version: 5.8.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@nuxt/schema@4.3.1)(@resvg/resvg-js@2.6.2)(@resvg/resvg-wasm@2.6.2)(@takumi-rs/core@1.0.5)(@takumi-rs/wasm@1.0.5)(@tiptap/extensions@3.22.2)(@tiptap/y-tiptap@3.0.2)(@unhead/vue@2.1.13)(@upstash/redis@1.37.0)(@vue/compiler-dom@3.5.32)(better-sqlite3@12.8.0)(db0@0.3.4)(embla-carousel@8.6.0)(eslint@10.2.0)(focus-trap@8.0.1)(fontless@0.2.1)(ioredis@5.10.1)(magicast@0.5.2)(nuxt@4.3.1)(playwright-core@1.59.1)(react-dom@19.2.4)(react@19.2.4)(rollup@4.60.1)(satori@0.19.3)(sharp@0.34.5)(srvx@0.11.15)(typescript@6.0.2)(unifont@0.7.4)(unstorage@1.17.5)(valibot@1.3.0)(vite@8.0.0-beta.18)(vue-router@4.6.4)(vue@3.5.30)(yjs@13.6.30)
       nuxt:
         specifier: 4.3.1
         version: 4.3.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@parcel/watcher@2.5.6)(@types/node@24.12.0)(@upstash/redis@1.37.0)(@vue/compiler-sfc@3.5.32)(better-sqlite3@12.8.0)(cac@6.7.14)(db0@0.3.4)(eslint@10.2.0)(ioredis@5.10.1)(magicast@0.5.2)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup@4.60.1)(srvx@0.11.15)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(yaml@2.8.3)
@@ -1569,24 +1579,24 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.23.4':
-    resolution: {integrity: sha512-lf19F24LSMfF8weXvW5QEtnLqW70u7kgit5e9PSx0MsHAFclGd1T9ynvWEMDT1w5J4Qt54tomGeAhdoAku1Xow==}
+  '@eslint/config-array@0.23.5':
+    resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/config-helpers@0.5.4':
-    resolution: {integrity: sha512-jJhqiY3wPMlWWO3370M86CPJ7pt8GmEwSLglMfQhjXal07RCvhmU0as4IuUEW5SJeunfItiEetHmSxCCe9lDBg==}
+  '@eslint/config-helpers@0.5.5':
+    resolution: {integrity: sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/core@1.2.0':
-    resolution: {integrity: sha512-8FTGbNzTvmSlc4cZBaShkC6YvFMG0riksYWRFKXztqVdXaQbcZLXlFbSpC05s70sGEsXAw0qwhx69JiW7hQS7A==}
+  '@eslint/core@1.2.1':
+    resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/object-schema@3.0.4':
-    resolution: {integrity: sha512-55lO/7+Yp0ISKRP0PsPtNTeNGapXaO085aELZmWCVc5SH3jfrqpuU6YgOdIxMS99ZHkQN1cXKE+cdIqwww9ptw==}
+  '@eslint/object-schema@3.0.5':
+    resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/plugin-kit@0.7.0':
-    resolution: {integrity: sha512-ejvBr8MQCbVsWNZnCwDXjUKq40MDmHalq7cJ6e9s/qzTUFIIo/afzt1Vui9T97FM/V/pN4YsFVoed5NIa96RDg==}
+  '@eslint/plugin-kit@0.7.1':
+    resolution: {integrity: sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   '@fastify/accept-negotiator@2.0.1':
@@ -2138,6 +2148,12 @@ packages:
       '@emnapi/core': ^1.7.1
       '@emnapi/runtime': ^1.7.1
 
+  '@napi-rs/wasm-runtime@1.1.3':
+    resolution: {integrity: sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
   '@noble/curves@1.9.7':
     resolution: {integrity: sha512-gbKGcRUYIjA3/zCCNaWDciTMFI0dCkvou3TL8Zmy5Nc7sJ47a0jtOeZoTaMxkuqRo9cRhjOdZJXegxYE5FN/xw==}
     engines: {node: ^14.21.3 || >=16}
@@ -2212,6 +2228,11 @@ packages:
     peerDependencies:
       vite: '>=6.0'
 
+  '@nuxt/devtools-kit@4.0.0-alpha.3':
+    resolution: {integrity: sha512-ymp4jqS3hFfwRw8uDkv8cpu4kWvhQrX+S4jnA/oOc76s4AXf2HCZZJgrncKxh+txqi1NJj8nsQNBbaqRAo3g4w==}
+    peerDependencies:
+      vite: '>=6.0'
+
   '@nuxt/devtools-wizard@3.2.4':
     resolution: {integrity: sha512-5tu2+Quu9XTxwtpzM8CUN0UKn/bzZIfJcoGd+at5Yy1RiUQJ4E52tRK0idW1rMSUDkbkvX3dSnu8Tpj7SAtWdQ==}
     hasBin: true
@@ -2576,6 +2597,12 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@oxc-parser/binding-android-arm-eabi@0.124.0':
+    resolution: {integrity: sha512-+R9zCafSL8ovjokdPtorUp3sXrh8zQ2AC2L0ivXNvlLR0WS+5WdPkNVrnENq5UvzagM4Xgl0NPsJKz3Hv9+y8g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
   '@oxc-parser/binding-android-arm64@0.112.0':
     resolution: {integrity: sha512-pRkbBRbuIIsufUWpOJ+JHWfJFNupkidy4sbjfcm37e6xwYrn9LSKMLubPHvNaL1Zf92ZRhGiwaYkEcmaFg2VcA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2594,6 +2621,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@oxc-parser/binding-android-arm64@0.124.0':
+    resolution: {integrity: sha512-ULHC/gVZ+nP4pd3kNNQTYaQ/e066BW/KuY5qUsvwkVWwOUQGDg+WpfyVOmQ4xfxoue6cMlkKkJ+ntdzfDXpNlg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
   '@oxc-parser/binding-android-arm64@0.95.0':
     resolution: {integrity: sha512-dZyxhhvJigwWL1wgnLlqyEiSeuqO0WdDH9H+if0dPcBM4fKa5fjVkaUcJT1jBMcBTnkjxMwTXYZy5TK60N0fjg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2618,6 +2651,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@oxc-parser/binding-darwin-arm64@0.124.0':
+    resolution: {integrity: sha512-fGJ2hw7bnbUYn6UvTjp0m4WJ9zXz3cohgcwcgeo7gUZehpPNpvcVEVeIVHNmHnAuAw/ysf4YJR8DA1E+xCA4Lw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
   '@oxc-parser/binding-darwin-arm64@0.95.0':
     resolution: {integrity: sha512-zun9+V33kyCtNec9oUSWwb0qi3fB8pXwum1yGFECPEr55g/CrWju6/Jv4hwwNBeW2tK9Ch/PRstEtYmOLMhHpg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2642,6 +2681,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@oxc-parser/binding-darwin-x64@0.124.0':
+    resolution: {integrity: sha512-j0+re9pgps5BH2Tk3fm59Hi3QuLP3C4KhqXi6A+wRHHHJWDFR8mc/KI9mBrfk2JRT+15doGo+zv1eN75/9DuOw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
   '@oxc-parser/binding-darwin-x64@0.95.0':
     resolution: {integrity: sha512-9djMQ/t6Ns/UXtziwUe562uVJMbhtuLtCj+Xav+HMVT/rhV9gWO8PQOG7AwDLUBjJanItsrfqrGtqhNxtZ701w==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2666,6 +2711,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@oxc-parser/binding-freebsd-x64@0.124.0':
+    resolution: {integrity: sha512-0k5mS0npnrhKy72UfF51lpOZ2ESoPWn6gdFw+RdeRWcokraDW1O2kSx3laQ+yk7cCEavQdJSpWCYS/GvBbUCXQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
   '@oxc-parser/binding-freebsd-x64@0.95.0':
     resolution: {integrity: sha512-GK6k0PgCVkkeRZtHgcosCYbXIRySpJpuPw/OInfLGFh8f3x9gp2l8Fbcfx+YO+ZOHFBCd2NNedGqw8wMgouxfA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2690,6 +2741,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.124.0':
+    resolution: {integrity: sha512-P/i4eguRWvAUfGdfhQYg1jpwYkyUV6D3gefIH7HhmRl1Ph6P4IqTIEVcyJr1i/3vr1V5OHU4wonH6/ue/Qzvrw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
   '@oxc-parser/binding-linux-arm-gnueabihf@0.95.0':
     resolution: {integrity: sha512-+g/lFITtyHHEk69cunOHuiT5cX+mpUTcbGYNe8suguZ7FqgNwai+PnGv0ctCvtgxBPVfckfUK8c3RvFKo+vi/w==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2714,6 +2771,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@oxc-parser/binding-linux-arm-musleabihf@0.124.0':
+    resolution: {integrity: sha512-/ameqFQH5fFP+66Atr8Ynv/2rYe4utcU7L4MoWS5JtrFLVO78g4qDLavyIlJxa6caSwYOvG/eO3c/DXqY5/6Rw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
   '@oxc-parser/binding-linux-arm-musleabihf@0.95.0':
     resolution: {integrity: sha512-SXNasDtPw8ycNV7VEvFxb4LETmykvWKUhHR7K3us818coXYpDj54P8WEx8hJobP/9skuuiFuKHmtYLdjX8wntA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2741,6 +2804,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@oxc-parser/binding-linux-arm64-gnu@0.124.0':
+    resolution: {integrity: sha512-gNeyEcXTtfrRCbj2EfxWU85Fs0wIX3p44Y3twnvuMfkWlLrb9M1Z25AYNSKjJM+fdAjeeQCjw0on47zFuBYwQw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@oxc-parser/binding-linux-arm64-gnu@0.95.0':
     resolution: {integrity: sha512-0LzebARTU0ROfD6pDK4h1pFn+09meErCZ0MA2TaW08G72+GNneEsksPufOuI+9AxVSRa+jKE3fu0wavvhZgSkg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2769,6 +2839,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@oxc-parser/binding-linux-arm64-musl@0.124.0':
+    resolution: {integrity: sha512-uvG7v4Tz9S8/PVqY0SP0DLHxo4hZGe+Pv2tGVnwcsjKCCUPjplbrFVvDzXq+kOaEoUkiCY0Kt1hlZ6FDJ1LKNQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@oxc-parser/binding-linux-arm64-musl@0.95.0':
     resolution: {integrity: sha512-Pvi1lGe/G+mJZ3hUojMP/aAHAzHA25AEtVr8/iuz7UV72t/15NOgJYr9kELMUMNjPqpr3vKUgXTFmTtAxp11Qw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2797,6 +2874,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@oxc-parser/binding-linux-ppc64-gnu@0.124.0':
+    resolution: {integrity: sha512-t7KZaaUhfp2au0MRpoENEFqwLKYDdptEry6V7pTAVdPEcFG4P6ii8yeGU9m6p5vb+b8WEKmdpGMNXBEYy7iJdw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
   '@oxc-parser/binding-linux-riscv64-gnu@0.112.0':
     resolution: {integrity: sha512-2QlvQBUhHuAE3ezD4X3CAEKMXdfgInggQ5Bj/7gb5NcYP3GyfLTj7c+mMu+BRwfC9B3AXBNyqHWbqEuuUvZyRQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2818,6 +2902,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@oxc-parser/binding-linux-riscv64-gnu@0.124.0':
+    resolution: {integrity: sha512-eurGGaxHZiIQ+fBSageS8TAkRqZgdOiBeqNrWAqAPup9hXBTmQ0WcBjwsLElf+3jvDL9NhnX0dOgOqPfsjSjdg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
   '@oxc-parser/binding-linux-riscv64-gnu@0.95.0':
     resolution: {integrity: sha512-pUEVHIOVNDfhk4sTlLhn6mrNENhE4/dAwemxIfqpcSyBlYG0xYZND1F3jjR2yWY6DakXZ6VSuDbtiv1LPNlOLw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2846,6 +2937,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@oxc-parser/binding-linux-riscv64-musl@0.124.0':
+    resolution: {integrity: sha512-d1V7/ll1i/LhqE/gZy6Wbz6evlk0egh2XKkwMI3epiojtbtUwQSLIER0Y3yDBBocPuWOjJdvmjtEmPTTLXje/w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
   '@oxc-parser/binding-linux-s390x-gnu@0.112.0':
     resolution: {integrity: sha512-+5HhNHtxsdcd7+ljXFnn9FOoCNXJX3UPgIfIE6vdwS1HqdGNH6eAcVobuqGOp54l8pvcxDQA6F4cPswCgLrQfQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2867,6 +2965,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@oxc-parser/binding-linux-s390x-gnu@0.124.0':
+    resolution: {integrity: sha512-w1+cBvriUteOpox6ATqCFVkpGL47PFdcfCPGmgUZbd78Fw44U0gQkc+kVGvAOTvGrptMYgwomD1c6OTVvkrpGg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
   '@oxc-parser/binding-linux-s390x-gnu@0.95.0':
     resolution: {integrity: sha512-5+olaepHTE3J/+w7g0tr3nocvv5BKilAJnzj4L8tWBCLEZbL6olJcGVoldUO+3cgg1SO1xJywP5BuLhT0mDUDw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2895,6 +3000,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@oxc-parser/binding-linux-x64-gnu@0.124.0':
+    resolution: {integrity: sha512-RRB1evQiXRtMCsQQiAh9U0H3HzguLpE0ytfStuhRgmOj7tqUCOVxkHsvM9geZjAax6NqVRj7VXx32qjjkZPsBw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@oxc-parser/binding-linux-x64-gnu@0.95.0':
     resolution: {integrity: sha512-8huzHlK/N98wrnYKxIcYsK8ZGBWomQchu/Mzi6m+CtbhjWOv9DmK0jQ2fUWImtluQVpTwS0uZT06d3g7XIkJrA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2923,6 +3035,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@oxc-parser/binding-linux-x64-musl@0.124.0':
+    resolution: {integrity: sha512-asVYN0qmSHlCU8H9Q47SmeJ/Z5EG4IWCC+QGxkfFboI5qh15aLlJnHmnrV61MwQRPXGnVC/sC3qKhrUyqGxUqw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@oxc-parser/binding-linux-x64-musl@0.95.0':
     resolution: {integrity: sha512-bWnrLfGDcx/fab0+UQnFbVFbiykof/btImbYf+cI2pU/1Egb2x+OKSmM5Qt0nEUiIpM5fgJmYXxTopybSZOKYA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2948,6 +3067,12 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
+  '@oxc-parser/binding-openharmony-arm64@0.124.0':
+    resolution: {integrity: sha512-nhwuxm6B8pn9lzAzMUfa571L5hCXYwQo8C8cx5aGOuHWCzruR8gPJnRRXGBci+uGaIIQEZDyU/U6HDgrSp/JlQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@oxc-parser/binding-wasm32-wasi@0.112.0':
     resolution: {integrity: sha512-Gr8X2PUU3hX1g3F5oLWIZB8DhzDmjr5TfOrmn5tlBOo9l8ojPGdKjnIBfObM7X15928vza8QRKW25RTR7jfivg==}
     engines: {node: '>=14.0.0'}
@@ -2963,6 +3088,11 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
+  '@oxc-parser/binding-wasm32-wasi@0.124.0':
+    resolution: {integrity: sha512-LWuq4Dl9tff7n+HjJcqoBjDlVCtruc0shgtdtGM+rTUIE9aFxHA/P+wCYR+aWMjN8m9vNaRME/sKXErmhmeKrA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
   '@oxc-parser/binding-wasm32-wasi@0.95.0':
     resolution: {integrity: sha512-0JLyqkZu1HnQIZ4e5LBGOtzqua1QwFEUOoMSycdoerXqayd4LK2b7WMfAx8eCIf+jGm1Uj6f3R00nlsx8g1faQ==}
     engines: {node: '>=14.0.0'}
@@ -2986,6 +3116,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@oxc-parser/binding-win32-arm64-msvc@0.124.0':
+    resolution: {integrity: sha512-aOh3Lf3AeH0dgzT4yBXcArFZ8VhqNXwZ/xlN0GqBtgVaGoHOOqL2YHlcVIgT+ghsXPVR2PTtYgBiQ1CNK7jp5A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
   '@oxc-parser/binding-win32-arm64-msvc@0.95.0':
     resolution: {integrity: sha512-RWvaA6s1SYlBj9CxwHfNn0CRlkPdv9fEUAXfZkGQPdP5e1ppIaO2KYE0sUov/zzp9hPTMMsTMHl4dcIbb+pHCQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -3010,6 +3146,12 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@oxc-parser/binding-win32-ia32-msvc@0.124.0':
+    resolution: {integrity: sha512-sib5xC0nz/+SCpaETBuHBz4SXS02KuG5HtyOcHsO/SK5ZvLRGhOZx0elDKawjb6adFkD7dQCqpXUS25wY6ELKQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
   '@oxc-parser/binding-win32-x64-msvc@0.112.0':
     resolution: {integrity: sha512-oGHluohzmVFAuQrkEnl1OXAxMz2aYmimxUqIgKXpBgbr7PvFv0doELB273sX+5V3fKeggohKg1A2Qq21W9Z9cQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -3028,6 +3170,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@oxc-parser/binding-win32-x64-msvc@0.124.0':
+    resolution: {integrity: sha512-UgojtjGUgZgAZQYt7SC6VO65OVdxEkRe2q+2vbHJO//18qw3Hrk6UvHGQKldsQKgbVcIBT/YBrt85YberiYIPQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@oxc-parser/binding-win32-x64-msvc@0.95.0':
     resolution: {integrity: sha512-BQpgl7rDjFvCIHudmUR0dCwc4ylBYZl4CPVinlD3NhkMif4WD5dADckoo5ES/KOpFyvwcbKZX+grP63cjHi26g==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -3057,6 +3205,9 @@ packages:
   '@oxc-project/types@0.123.0':
     resolution: {integrity: sha512-YtECP/y8Mj1lSHiUWGSRzy/C6teUKlS87dEfuVKT09LgQbUsBW1rNg+MiJ4buGu3yuADV60gbIvo9/HplA56Ew==}
 
+  '@oxc-project/types@0.124.0':
+    resolution: {integrity: sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==}
+
   '@oxc-project/types@0.95.0':
     resolution: {integrity: sha512-vACy7vhpMPhjEJhULNxrdR0D943TkA/MigMpJCHmBHvMXxRStRi/dPtTlfQ3uDwWSzRpT8z+7ImjZVf8JWBocQ==}
 
@@ -4428,9 +4579,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@sec-ant/readable-stream@0.4.1':
-    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
-
   '@shikijs/core@3.23.0':
     resolution: {integrity: sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==}
 
@@ -4532,18 +4680,18 @@ packages:
       vite: ^5.2.0 || ^6.0.0 || ^7.0.0
       vue: ^3.4.0
 
-  '@storybook/addon-a11y@10.3.4':
-    resolution: {integrity: sha512-TylBS2+MUPRfgzBKiygL1JoUBnTqEKo5oCEfjHneJZKzYE1UNgdMdk/fiyanaGKTZBKBxWbShxZhT2gLs8kqMA==}
+  '@storybook/addon-a11y@10.3.5':
+    resolution: {integrity: sha512-5k6lpgfIeLxvNhE8v3wEzdiu73ONKjF4gmH1AHvfqYd8kIVzQJai0KCDxgvqNncXHQhIWkaf1fg6+9hKaYJyaw==}
     peerDependencies:
       storybook: ^10.3.1
 
-  '@storybook/addon-docs@10.3.4':
-    resolution: {integrity: sha512-ohS8fX8UIP3LN6+mDZJLCDS4Qd2rsmGwes6V6fD0sbLOmIyCVY5y68r6NHMMGJKFRwadDQOmtOt8Vc6snExrIQ==}
+  '@storybook/addon-docs@10.3.5':
+    resolution: {integrity: sha512-WuHbxia/o5TX4Rg/IFD0641K5qId/Nk0dxhmAUNoFs5L0+yfZUwh65XOBbzXqrkYmYmcVID4v7cgDRmzstQNkA==}
     peerDependencies:
       storybook: ^10.3.1
 
-  '@storybook/addon-themes@10.3.4':
-    resolution: {integrity: sha512-5734o52qtW8svu2vhKPncISWLr1FZrXZoN+u1q0BjTrbL6qTNE1AzIMCBEwn0TNdn16vC3ZsDJOj1dW4dD13cw==}
+  '@storybook/addon-themes@10.3.5':
+    resolution: {integrity: sha512-Mv+C7GuZ0MhGRx5C+rv8sCEjgYsDTLBvq68101V0s8Vwh3gKd6W9cbS31HoOeLAiIMiPPZ8C1iWudA3Oumdtlw==}
     peerDependencies:
       storybook: ^10.3.1
 
@@ -4553,8 +4701,8 @@ packages:
       storybook: ^10.3.1
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  '@storybook/csf-plugin@10.3.4':
-    resolution: {integrity: sha512-WPP0Z39o82WiohPkhPOs6z+9yJ+bVvqPz4d+QUPfE6FMvOOBLojlwOcGx6Xmclyn5H/CKwywFrjuz4mBO/nHhA==}
+  '@storybook/csf-plugin@10.3.5':
+    resolution: {integrity: sha512-qlEzNKxOjq86pvrbuMwiGD/bylnsXk1dg7ve0j77YFjEEchqtl7qTlrXvFdNaLA89GhW6D/EV6eOCu/eobPDgw==}
     peerDependencies:
       esbuild: '*'
       rollup: '*'
@@ -4585,8 +4733,8 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@storybook/react-dom-shim@10.3.4':
-    resolution: {integrity: sha512-VIm9YzreGubnOtQOZ6iqEfj6KncHvAkrCR/IilqnJq7DidPWuykrFszyajTASRMiY+p+TElOW+O1PGpv55qNGw==}
+  '@storybook/react-dom-shim@10.3.5':
+    resolution: {integrity: sha512-Gw8R7XZm0zSUH0XAuxlQJhmizsLzyD6x00KOlP6l7oW9eQHXGfxg3seNDG3WrSAcW07iP1/P422kuiriQlOv7g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -4709,6 +4857,74 @@ packages:
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7 || ^8
 
+  '@takumi-rs/core-darwin-arm64@1.0.5':
+    resolution: {integrity: sha512-8YJco+FFl3teasItTMbLZIitnEB2oXwQfDVKI5FnTq2Fy1oBB5bntw1Ms6WbZsDQxUZzNg+79RJ0LyHzsohVow==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@takumi-rs/core-darwin-x64@1.0.5':
+    resolution: {integrity: sha512-za/qCcmM8x3rvR7S4TNRsaNDC8HlU+RLvfr19kIRdqVcmWLxlTpRE/vDztRZzkpr3G0qIOqT7u28njUYYQsrjA==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@takumi-rs/core-linux-arm64-gnu@1.0.5':
+    resolution: {integrity: sha512-BWbZtlM496exkai3kLcYIidTwslsVC/QNiwhPX/Rcjj8aJVI4dpsPSebYOjDK7wmX8dKxHEUk0PL9Oa9ROUGEQ==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@takumi-rs/core-linux-arm64-musl@1.0.5':
+    resolution: {integrity: sha512-WuTh8H+LJJFsNuPpljADGOlyeg2rB6SDBxy1x5wzclvh1i9WaHQpUi5+zCqaZOur0Wdlyp2Lr/RQxXtkpazUBQ==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@takumi-rs/core-linux-x64-gnu@1.0.5':
+    resolution: {integrity: sha512-d6qzB8oPptdZdf7UOUqXZqhQgP40W93Q1ejK0GfPK+YQgUMczrVAo0Bgolfb43fMdMYzegjkN4rG0izMXJx+AQ==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@takumi-rs/core-linux-x64-musl@1.0.5':
+    resolution: {integrity: sha512-16etQEW63yRyeZgArfHaJEtmYu6cHez+BphsuN5A06dt3e9Ci8880JlWGQQFTIvrBJEHr+G51CA4GbLF2ZYLzg==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@takumi-rs/core-win32-arm64-msvc@1.0.5':
+    resolution: {integrity: sha512-zAGCMFdgDDG/8t2ztp0NAIzC26nENG6YhJUq+fIWMlvNjRUnP8teC6x8YOgt1DxqIgpVRmBOmiASX2qe69tfgA==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@takumi-rs/core-win32-x64-msvc@1.0.5':
+    resolution: {integrity: sha512-Eh9zHZ2CtE2He6OhSnnXnNrvrn9RqxQIJcoba/YuBVSiggt0BuPwfnVihqmbo5jPvGQSnyQn8UmBRzTmKJBBlA==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@takumi-rs/core@1.0.5':
+    resolution: {integrity: sha512-K80f0tQu3uZapkGU0icPh4s5bIgKV9PCkJ68EcGhM50Ln+a2ktN+PBhHB4uPZSnVzZMRbIdRaBac43HQpsl+Mw==}
+    engines: {node: '>= 12.22.0 < 13 || >= 14.17.0 < 15 || >= 15.12.0 < 16 || >= 16.0.0'}
+
+  '@takumi-rs/helpers@1.0.5':
+    resolution: {integrity: sha512-0vyQ2PfwjJfy47bmPm4wNZz6OAoSWDh42lZrdfnGveaWKuBgYFPLnJqGL8C2sZydIRq0cEF4jXu5r7PUHF4+LQ==}
+    peerDependencies:
+      react: ^19.2.5
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+
+  '@takumi-rs/wasm@1.0.5':
+    resolution: {integrity: sha512-ZzarkrkX9yullYKxv4KwW4mAj2uAzZSvd5wVYt3mZC0Qdl97iPF0srJqrHoHL95OhQ5Os2cmdOBKIcfsDc8RWg==}
+
   '@tanstack/table-core@8.21.3':
     resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
     engines: {node: '>=12'}
@@ -6022,6 +6238,10 @@ packages:
     resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
     engines: {node: '>= 0.4'}
 
+  call-bind@1.0.9:
+    resolution: {integrity: sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==}
+    engines: {node: '>= 0.4'}
+
   call-bound@1.0.4:
     resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
@@ -6354,6 +6574,10 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  culori@4.0.2:
+    resolution: {integrity: sha512-1+BhOB8ahCn4O0cep0Sh2l9KCOfOdY+BXJnKMHFFzDEouSr/el18QwXEMRlOj9UY5nCeA8UN3a/82rUWRBeyBw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -6461,6 +6685,9 @@ packages:
   defu@6.1.6:
     resolution: {integrity: sha512-f8mefEW4WIVg4LckePx3mALjQSPQgFlg9U8yaPdlsbdYcHQyj9n2zL2LJEA52smeYxOvmd/nB7TpMtHGMTHcug==}
 
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
   denque@2.1.0:
     resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
     engines: {node: '>=0.10'}
@@ -6486,6 +6713,9 @@ packages:
   devalue@5.6.4:
     resolution: {integrity: sha512-Gp6rDldRsFh/7XuouDbxMH3Mx8GMCcgzIb1pDTvNyn8pZGQ22u+Wa+lGV9dQCltFQ7uVw0MhRyb8XDskNFOReA==}
 
+  devalue@5.7.1:
+    resolution: {integrity: sha512-MUbZ586EgQqdRnC4yDrlod3BEdyvE4TapGYHMW2CiaW+KkkFmWEFqBUaLltEZCGi0iFXCEjRF0OjF0DV2QHjOA==}
+
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
@@ -6674,8 +6904,8 @@ packages:
   errx@0.1.0:
     resolution: {integrity: sha512-fZmsRiDNv07K6s2KkKFTiD2aIvECa7++PKyD5NC32tpRw46qZA3sOz+aM+/V9V0GDHxVTKLziveV4JhzBHDp9Q==}
 
-  es-abstract@1.24.1:
-    resolution: {integrity: sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==}
+  es-abstract@1.24.2:
+    resolution: {integrity: sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==}
     engines: {node: '>= 0.4'}
 
   es-define-property@1.0.1:
@@ -6843,10 +7073,6 @@ packages:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
 
-  execa@9.6.1:
-    resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
-    engines: {node: ^18.19.0 || >=20.5.0}
-
   expand-template@2.0.3:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
@@ -6936,10 +7162,6 @@ packages:
   fflate@0.7.4:
     resolution: {integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==}
 
-  figures@6.1.0:
-    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
-    engines: {node: '>=18'}
-
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -7106,10 +7328,6 @@ packages:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
 
-  get-stream@9.0.1:
-    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
-    engines: {node: '>=18'}
-
   get-symbol-description@1.1.0:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
@@ -7392,10 +7610,6 @@ packages:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
 
-  human-signals@8.0.1:
-    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
-    engines: {node: '>=18.18.0'}
-
   ico-endec@0.1.6:
     resolution: {integrity: sha512-ZdLU38ZoED3g1j3iEyzcQj+wAkY2xfWNkymszfJPoxucIUhK7NayQ+/C4Kv0nDFMIsbtbEHldv3V8PU494/ueQ==}
 
@@ -7420,11 +7634,6 @@ packages:
   image-meta@0.2.2:
     resolution: {integrity: sha512-3MOLanc3sb3LNGWQl1RlQlNWURE5g32aUphrDyFeCsxBTk08iE3VNe4CwsUZ0Qs1X+EfX0+r29Sxdpza4B+yRA==}
 
-  image-size@2.0.2:
-    resolution: {integrity: sha512-IRqXKlaXwgSMAMtpNzZa1ZAe8m+Sa1770Dhk8VkSsP9LS+iHD62Zd8FQKs8fbPiagBE7BzoFX23cxFnwshpV6w==}
-    engines: {node: '>=16.x'}
-    hasBin: true
-
   import-without-cache@0.2.5:
     resolution: {integrity: sha512-B6Lc2s6yApwnD2/pMzFh/d5AVjdsDXjgkeJ766FmFuJELIGHNycKRj+l3A39yZPM4CchqNCB4RITEAYB1KUM6A==}
     engines: {node: '>=20.19.0'}
@@ -7650,10 +7859,6 @@ packages:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  is-stream@4.0.1:
-    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
-    engines: {node: '>=18'}
-
   is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
@@ -7666,10 +7871,6 @@ packages:
     resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
-  is-unicode-supported@2.1.0:
-    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
-    engines: {node: '>=18'}
-
   is-valid-glob@1.0.0:
     resolution: {integrity: sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==}
     engines: {node: '>=0.10.0'}
@@ -8457,19 +8658,57 @@ packages:
   nuxt-llms@0.2.0:
     resolution: {integrity: sha512-GoEW00x8zaZ1wS0R0aOYptt3b54JEaRwlyVtuAiQoH51BwYdjN5/3+00/+4wi39M5cT4j5XcnGwOxJ7v4WVb9A==}
 
-  nuxt-og-image@5.1.13:
-    resolution: {integrity: sha512-H9kqGlmcEb9agWURwT5iFQjbr7Ec7tcQHZZaYSpC/JXKq2/dFyRyAoo6oXTk6ob20dK9aNjkJDcX2XmgZy67+w==}
+  nuxt-og-image@6.3.10:
+    resolution: {integrity: sha512-9yMgw5GcDWIu+CnwKCHxl5SIEWUiIwcUM43RKJq+yeHzFKOMqy97lFinhyx4/4Qu5LagwSziw03yZ7usMBcWoA==}
     engines: {node: '>=18.0.0'}
+    hasBin: true
     peerDependencies:
+      '@resvg/resvg-js': ^2.6.0
+      '@resvg/resvg-wasm': ^2.6.0
+      '@takumi-rs/core': ^1.0.0-beta.3
+      '@takumi-rs/wasm': ^1.0.0-beta.3
       '@unhead/vue': ^2.0.5
+      fontless: ^0.2.0
+      playwright-core: ^1.50.0
+      satori: '>=0.19.2'
+      sharp: 0.34.5
+      tailwindcss: ^4.0.0
+      unifont: ^0.7.0
       unstorage: ^1.15.0
+    peerDependenciesMeta:
+      '@resvg/resvg-js':
+        optional: true
+      '@resvg/resvg-wasm':
+        optional: true
+      '@takumi-rs/core':
+        optional: true
+      '@takumi-rs/wasm':
+        optional: true
+      fontless:
+        optional: true
+      playwright-core:
+        optional: true
+      satori:
+        optional: true
+      sharp:
+        optional: true
+      tailwindcss:
+        optional: true
+      unifont:
+        optional: true
 
   nuxt-site-config-kit@3.2.21:
     resolution: {integrity: sha512-fvvAyv/mBUqnzsqro4iuXHypFtEUVIPYVW7e5j1/oP9JANfHFrGqosUhY8FAkI21HZgJ8H/8GdcQtnnN2xk+QA==}
 
+  nuxt-site-config-kit@4.0.8:
+    resolution: {integrity: sha512-7g3giKXt0M2vssCUg8XFfR6+u4U0zywQ8p8i4msy4p+9etteFNrkrCmVHZ83xiWGFbnoTgiaymPjbaQH3KZqAg==}
+
   nuxt-site-config@3.2.21:
     resolution: {integrity: sha512-WCqo4cirBc+GLPBZOU1ye5+f4xjC7Sf7qbKt/zpeCtEUqJLHDR0MoKICfsGt/8EdkSDYUo+m5BNZ1oxai0isgQ==}
 
+  nuxt-site-config@4.0.8:
+    resolution: {integrity: sha512-H7wHoOJ5Z6ZnTqD5vUugaKkWZbejZ9kGmzpr2dheOaC6RdT8JafCfMrmJG7W+cyJiJJ3YmzL+bzPBW2bW6MExA==}
+
   nuxt@4.3.1:
     resolution: {integrity: sha512-bl+0rFcT5Ax16aiWFBFPyWcsTob19NTZaDL5P6t0MQdK63AtgS6fN6fwvwdbXtnTk6/YdCzlmuLzXhSM22h0OA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8483,6 +8722,20 @@ packages:
       '@types/node':
         optional: true
 
+  nuxtseo-shared@5.1.3:
+    resolution: {integrity: sha512-euCaYANxdjeLzJcxvEczKpLuikxPy/LUT/v69orStKlG2U4pvWaqDv74QO8YMCCmUbAO+8BoRj/SJccu9GcJGQ==}
+    peerDependencies:
+      '@nuxt/schema': ^3.16.0 || ^4.0.0
+      nuxt: ^3.16.0 || ^4.0.0
+      nuxt-site-config: ^3.2.0 || ^4.0.0
+      vue: ^3.5.0
+      zod: ^3.23.0 || ^4.0.0
+    peerDependenciesMeta:
+      nuxt-site-config:
+        optional: true
+      zod:
+        optional: true
+
   nypm@0.6.5:
     resolution: {integrity: sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ==}
     engines: {node: '>=18'}
@@ -8580,6 +8833,10 @@ packages:
     resolution: {integrity: sha512-WyPWZlcIm+Fkte63FGfgFB8mAAk33aH9h5N9lphXVOHSXEBFFsmYdOBedVKly363aWABjZdaj/m9lBfEY4wt+w==}
     engines: {node: ^20.19.0 || >=22.12.0}
 
+  oxc-parser@0.124.0:
+    resolution: {integrity: sha512-h07SFj/tp2U3cf3+LFX6MmOguQiM9ahwpGs0ZK5CGhgL8p4kk24etrJKsEzhXAvo7mfvoKTZooZ5MLKAPRmJ1g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
   oxc-parser@0.95.0:
     resolution: {integrity: sha512-Te8fE/SmiiKWIrwBwxz5Dod87uYvsbcZ9JAL5ylPg1DevyKgTkxCXnPEaewk1Su2qpfNmry5RHoN+NywWFCG+A==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8658,10 +8915,6 @@ packages:
   parse-entities@4.0.2:
     resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
 
-  parse-ms@4.0.0:
-    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
-    engines: {node: '>=18'}
-
   parse-path@7.1.0:
     resolution: {integrity: sha512-EuCycjZtfPcjWk7KTksnJ5xPMvWGA/6i4zrLYhRG0hGvC3GPU/jGUj3Cy+ZR0v30duV3e23R95T1lE2+lsndSw==}
 
@@ -9001,10 +9254,6 @@ packages:
     resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
 
-  pretty-ms@9.3.0:
-    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
-    engines: {node: '>=18'}
-
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -9468,13 +9717,6 @@ packages:
   sanitize-html@2.17.1:
     resolution: {integrity: sha512-ehFCW+q1a4CSOWRAdX97BX/6/PDEkCqw7/0JXZAGQV57FQB3YOkTa/rrzHPeJ+Aghy4vZAFfWMYyfxIiB7F/gw==}
 
-  satori-html@0.3.2:
-    resolution: {integrity: sha512-wjTh14iqADFKDK80e51/98MplTGfxz2RmIzh0GqShlf4a67+BooLywF17TvJPD6phO0Hxm7Mf1N5LtRYvdkYRA==}
-
-  satori@0.18.4:
-    resolution: {integrity: sha512-HanEzgXHlX3fzpGgxPoR3qI7FDpc/B+uE/KplzA6BkZGlWMaH98B/1Amq+OBF1pYPlGNzAXPYNHlrEVBvRBnHQ==}
-    engines: {node: '>=16'}
-
   satori@0.19.3:
     resolution: {integrity: sha512-dKr8TNYSyceWqBoTHWntjy25xaiWMw5GF+f8QOqFsov9OpTswLs7xdbvZudGRp9jkzbhv/4mVjVZYFtpruGKiA==}
     engines: {node: '>=16'}
@@ -9642,6 +9884,11 @@ packages:
     peerDependencies:
       vue: ^3
 
+  site-config-stack@4.0.8:
+    resolution: {integrity: sha512-Su+57p7CGqd3QSMmaDV+qU9EqWmgAT3SGX4Wurb5VsEBMFC3oXvai8BlrXVUnH1ay9hA1WOn0g0i6+y/RJX5Yw==}
+    peerDependencies:
+      vue: ^3.5.30
+
   skin-tone@2.0.0:
     resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==}
     engines: {node: '>=8'}
@@ -9819,10 +10066,6 @@ packages:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
 
-  strip-final-newline@4.0.0:
-    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
-    engines: {node: '>=18'}
-
   strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -9969,10 +10212,18 @@ packages:
     resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
     engines: {node: '>=18'}
 
+  tinyexec@1.1.1:
+    resolution: {integrity: sha512-VKS/ZaQhhkKFMANmAOhhXVoIfBXblQxGX1myCQ2faQrfmobMftXeJPcZGp0gS07ocvGJWDLZGyOZDadDBqYIJg==}
+    engines: {node: '>=18'}
+
   tinyglobby@0.2.15:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
   tinypool@2.1.0:
     resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
     engines: {node: ^20.0.0 || >=22.0.0}
@@ -10967,16 +11218,9 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yoctocolors@2.1.2:
-    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
-    engines: {node: '>=18'}
-
   yoga-layout@3.2.1:
     resolution: {integrity: sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==}
 
-  yoga-wasm-web@0.3.3:
-    resolution: {integrity: sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==}
-
   youch-core@0.3.3:
     resolution: {integrity: sha512-ho7XuGjLaJ2hWHoK8yFnsUGy2Y5uDpqSTq1FkHLK4/oqKtyUU1AFbOOxY4IpC9f0fTLjwYbslUz0Po5BpD1wrA==}
 
@@ -12362,27 +12606,27 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/config-array@0.23.4':
+  '@eslint/config-array@0.23.5':
     dependencies:
-      '@eslint/object-schema': 3.0.4
+      '@eslint/object-schema': 3.0.5
       debug: 4.4.3
       minimatch: 10.2.5
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.5.4':
+  '@eslint/config-helpers@0.5.5':
     dependencies:
-      '@eslint/core': 1.2.0
+      '@eslint/core': 1.2.1
 
-  '@eslint/core@1.2.0':
+  '@eslint/core@1.2.1':
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/object-schema@3.0.4': {}
+  '@eslint/object-schema@3.0.5': {}
 
-  '@eslint/plugin-kit@0.7.0':
+  '@eslint/plugin-kit@0.7.1':
     dependencies:
-      '@eslint/core': 1.2.0
+      '@eslint/core': 1.2.1
       levn: 0.4.1
 
   '@fastify/accept-negotiator@2.0.1':
@@ -12911,6 +13155,13 @@ snapshots:
       '@tybys/wasm-util': 0.10.1
     optional: true
 
+  '@napi-rs/wasm-runtime@1.1.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
   '@noble/curves@1.9.7':
     dependencies:
       '@noble/hashes': 1.8.0
@@ -13057,6 +13308,14 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
+  '@nuxt/devtools-kit@4.0.0-alpha.3(magicast@0.5.2)(vite@8.0.0-beta.18)':
+    dependencies:
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      tinyexec: 1.1.1
+      vite: 8.0.0-beta.18(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@types/node@24.12.0)(esbuild@0.27.7)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
+    transitivePeerDependencies:
+      - magicast
+
   '@nuxt/devtools-wizard@3.2.4':
     dependencies:
       '@clack/prompts': 1.2.0
@@ -13427,7 +13686,7 @@ snapshots:
       rc9: 3.0.1
       std-env: 4.0.0
 
-  '@nuxt/test-utils@4.0.0(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18)':
+  '@nuxt/test-utils@4.0.0(patch_hash=8438d6588e19230d3392ce53e45dd8e9bff54eaa3ce18092602fefd40c2eefe9)(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18)':
     dependencies:
       '@clack/prompts': 1.0.0
       '@nuxt/devtools-kit': 2.7.0(magicast@0.5.2)(vite@8.0.0-beta.18)
@@ -13977,6 +14236,9 @@ snapshots:
   '@oxc-parser/binding-android-arm-eabi@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-android-arm-eabi@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-android-arm64@0.112.0':
     optional: true
 
@@ -13986,6 +14248,9 @@ snapshots:
   '@oxc-parser/binding-android-arm64@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-android-arm64@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-android-arm64@0.95.0':
     optional: true
 
@@ -13998,6 +14263,9 @@ snapshots:
   '@oxc-parser/binding-darwin-arm64@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-darwin-arm64@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-darwin-arm64@0.95.0':
     optional: true
 
@@ -14010,6 +14278,9 @@ snapshots:
   '@oxc-parser/binding-darwin-x64@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-darwin-x64@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-darwin-x64@0.95.0':
     optional: true
 
@@ -14022,6 +14293,9 @@ snapshots:
   '@oxc-parser/binding-freebsd-x64@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-freebsd-x64@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-freebsd-x64@0.95.0':
     optional: true
 
@@ -14034,6 +14308,9 @@ snapshots:
   '@oxc-parser/binding-linux-arm-gnueabihf@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-arm-gnueabihf@0.95.0':
     optional: true
 
@@ -14046,6 +14323,9 @@ snapshots:
   '@oxc-parser/binding-linux-arm-musleabihf@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-arm-musleabihf@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-arm-musleabihf@0.95.0':
     optional: true
 
@@ -14058,6 +14338,9 @@ snapshots:
   '@oxc-parser/binding-linux-arm64-gnu@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-arm64-gnu@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-arm64-gnu@0.95.0':
     optional: true
 
@@ -14070,6 +14353,9 @@ snapshots:
   '@oxc-parser/binding-linux-arm64-musl@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-arm64-musl@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-arm64-musl@0.95.0':
     optional: true
 
@@ -14082,6 +14368,9 @@ snapshots:
   '@oxc-parser/binding-linux-ppc64-gnu@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-ppc64-gnu@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-riscv64-gnu@0.112.0':
     optional: true
 
@@ -14091,6 +14380,9 @@ snapshots:
   '@oxc-parser/binding-linux-riscv64-gnu@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-riscv64-gnu@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-riscv64-gnu@0.95.0':
     optional: true
 
@@ -14103,6 +14395,9 @@ snapshots:
   '@oxc-parser/binding-linux-riscv64-musl@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-riscv64-musl@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-s390x-gnu@0.112.0':
     optional: true
 
@@ -14112,6 +14407,9 @@ snapshots:
   '@oxc-parser/binding-linux-s390x-gnu@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-s390x-gnu@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-s390x-gnu@0.95.0':
     optional: true
 
@@ -14124,6 +14422,9 @@ snapshots:
   '@oxc-parser/binding-linux-x64-gnu@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-x64-gnu@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-x64-gnu@0.95.0':
     optional: true
 
@@ -14136,6 +14437,9 @@ snapshots:
   '@oxc-parser/binding-linux-x64-musl@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-linux-x64-musl@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-linux-x64-musl@0.95.0':
     optional: true
 
@@ -14148,6 +14452,9 @@ snapshots:
   '@oxc-parser/binding-openharmony-arm64@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-openharmony-arm64@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-wasm32-wasi@0.112.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.2(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
@@ -14172,6 +14479,14 @@ snapshots:
       - '@emnapi/runtime'
     optional: true
 
+  '@oxc-parser/binding-wasm32-wasi@0.124.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.1.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+    optional: true
+
   '@oxc-parser/binding-wasm32-wasi@0.95.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.2(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
@@ -14189,6 +14504,9 @@ snapshots:
   '@oxc-parser/binding-win32-arm64-msvc@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-win32-arm64-msvc@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-win32-arm64-msvc@0.95.0':
     optional: true
 
@@ -14201,6 +14519,9 @@ snapshots:
   '@oxc-parser/binding-win32-ia32-msvc@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-win32-ia32-msvc@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-win32-x64-msvc@0.112.0':
     optional: true
 
@@ -14210,6 +14531,9 @@ snapshots:
   '@oxc-parser/binding-win32-x64-msvc@0.120.0':
     optional: true
 
+  '@oxc-parser/binding-win32-x64-msvc@0.124.0':
+    optional: true
+
   '@oxc-parser/binding-win32-x64-msvc@0.95.0':
     optional: true
 
@@ -14227,6 +14551,8 @@ snapshots:
 
   '@oxc-project/types@0.123.0': {}
 
+  '@oxc-project/types@0.124.0': {}
+
   '@oxc-project/types@0.95.0': {}
 
   '@oxc-resolver/binding-android-arm-eabi@11.19.1':
@@ -14683,8 +15009,10 @@ snapshots:
       '@resvg/resvg-js-win32-arm64-msvc': 2.6.2
       '@resvg/resvg-js-win32-ia32-msvc': 2.6.2
       '@resvg/resvg-js-win32-x64-msvc': 2.6.2
+    optional: true
 
-  '@resvg/resvg-wasm@2.6.2': {}
+  '@resvg/resvg-wasm@2.6.2':
+    optional: true
 
   '@rolldown/binding-android-arm64@1.0.0-rc.12':
     optional: true
@@ -14804,7 +15132,7 @@ snapshots:
 
   '@rolldown/binding-wasm32-wasi@1.0.0-rc.8(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
     dependencies:
-      '@napi-rs/wasm-runtime': 1.1.2(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+      '@napi-rs/wasm-runtime': 1.1.3(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
     transitivePeerDependencies:
       - '@emnapi/core'
       - '@emnapi/runtime'
@@ -15040,8 +15368,6 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.60.1':
     optional: true
 
-  '@sec-ant/readable-stream@0.4.1': {}
-
   '@shikijs/core@3.23.0':
     dependencies:
       '@shikijs/types': 3.23.0
@@ -15199,18 +15525,18 @@ snapshots:
       - vue-tsc
       - yaml
 
-  '@storybook/addon-a11y@10.3.4(storybook@10.3.4)':
+  '@storybook/addon-a11y@10.3.5(storybook@10.3.4)':
     dependencies:
       '@storybook/global': 5.0.0
       axe-core: 4.11.1
       storybook: 10.3.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4)(react@19.2.4)
 
-  '@storybook/addon-docs@10.3.4(@types/react@19.2.14)(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)':
+  '@storybook/addon-docs@10.3.5(@types/react@19.2.14)(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.4)
-      '@storybook/csf-plugin': 10.3.4(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)
+      '@storybook/csf-plugin': 10.3.5(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)
       '@storybook/icons': 2.0.1(react-dom@19.2.4)(react@19.2.4)
-      '@storybook/react-dom-shim': 10.3.4(react-dom@19.2.4)(react@19.2.4)(storybook@10.3.4)
+      '@storybook/react-dom-shim': 10.3.5(react-dom@19.2.4)(react@19.2.4)(storybook@10.3.4)
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
       storybook: 10.3.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4)(react@19.2.4)
@@ -15222,7 +15548,7 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/addon-themes@10.3.4(storybook@10.3.4)':
+  '@storybook/addon-themes@10.3.5(storybook@10.3.4)':
     dependencies:
       storybook: 10.3.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4)(react@19.2.4)
       ts-dedent: 2.2.0
@@ -15234,7 +15560,7 @@ snapshots:
       ts-dedent: 2.2.0
       vite: 8.0.0-beta.18(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@types/node@24.12.0)(esbuild@0.27.7)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
 
-  '@storybook/csf-plugin@10.3.4(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)':
+  '@storybook/csf-plugin@10.3.5(rollup@4.60.1)(storybook@10.3.4)(vite@8.0.0-beta.18)(webpack@5.105.4)':
     dependencies:
       storybook: 10.3.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4)(react@19.2.4)
       unplugin: 2.3.11
@@ -15255,7 +15581,7 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
-  '@storybook/react-dom-shim@10.3.4(react-dom@19.2.4)(react@19.2.4)(storybook@10.3.4)':
+  '@storybook/react-dom-shim@10.3.5(react-dom@19.2.4)(react@19.2.4)(storybook@10.3.4)':
     dependencies:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
@@ -15370,6 +15696,59 @@ snapshots:
       tailwindcss: 4.2.2
       vite: 8.0.0-beta.18(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@types/node@24.12.0)(esbuild@0.27.7)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
 
+  '@takumi-rs/core-darwin-arm64@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-darwin-x64@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-linux-arm64-gnu@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-linux-arm64-musl@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-linux-x64-gnu@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-linux-x64-musl@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-win32-arm64-msvc@1.0.5':
+    optional: true
+
+  '@takumi-rs/core-win32-x64-msvc@1.0.5':
+    optional: true
+
+  '@takumi-rs/core@1.0.5(react-dom@19.2.4)(react@19.2.4)':
+    dependencies:
+      '@takumi-rs/helpers': 1.0.5(react-dom@19.2.4)(react@19.2.4)
+    optionalDependencies:
+      '@takumi-rs/core-darwin-arm64': 1.0.5
+      '@takumi-rs/core-darwin-x64': 1.0.5
+      '@takumi-rs/core-linux-arm64-gnu': 1.0.5
+      '@takumi-rs/core-linux-arm64-musl': 1.0.5
+      '@takumi-rs/core-linux-x64-gnu': 1.0.5
+      '@takumi-rs/core-linux-x64-musl': 1.0.5
+      '@takumi-rs/core-win32-arm64-msvc': 1.0.5
+      '@takumi-rs/core-win32-x64-msvc': 1.0.5
+    transitivePeerDependencies:
+      - react
+      - react-dom
+
+  '@takumi-rs/helpers@1.0.5(react-dom@19.2.4)(react@19.2.4)':
+    dependencies:
+      react: 19.2.4
+    optionalDependencies:
+      react-dom: 19.2.4(react@19.2.4)
+
+  '@takumi-rs/wasm@1.0.5(react-dom@19.2.4)(react@19.2.4)':
+    dependencies:
+      '@takumi-rs/helpers': 1.0.5(react-dom@19.2.4)(react@19.2.4)
+    transitivePeerDependencies:
+      - react
+      - react-dom
+
   '@tanstack/table-core@8.21.3': {}
 
   '@tanstack/virtual-core@3.13.23': {}
@@ -16643,9 +17022,9 @@ snapshots:
   arraybuffer.prototype.slice@1.0.4:
     dependencies:
       array-buffer-byte-length: 1.0.2
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       define-properties: 1.2.1
-      es-abstract: 1.24.1
+      es-abstract: 1.24.2
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
@@ -16898,6 +17277,13 @@ snapshots:
       get-intrinsic: 1.3.0
       set-function-length: 1.2.2
 
+  call-bind@1.0.9:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+
   call-bound@1.0.4:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -17216,6 +17602,8 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  culori@4.0.2: {}
+
   data-view-buffer@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -17298,6 +17686,8 @@ snapshots:
 
   defu@6.1.6: {}
 
+  defu@6.1.7: {}
+
   denque@2.1.0: {}
 
   depd@2.0.0: {}
@@ -17312,6 +17702,8 @@ snapshots:
 
   devalue@5.6.4: {}
 
+  devalue@5.7.1: {}
+
   devlop@1.1.0:
     dependencies:
       dequal: 2.0.3
@@ -17322,7 +17714,7 @@ snapshots:
 
   doctypes@1.1.0: {}
 
-  docus@5.8.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@tiptap/extensions@3.22.2)(@tiptap/y-tiptap@3.0.2)(@unhead/vue@2.1.13)(@upstash/redis@1.37.0)(@vue/compiler-dom@3.5.32)(better-sqlite3@12.8.0)(db0@0.3.4)(embla-carousel@8.6.0)(eslint@10.2.0)(focus-trap@8.0.1)(ioredis@5.10.1)(magicast@0.5.2)(nuxt@4.3.1)(react-dom@19.2.4)(react@19.2.4)(rollup@4.60.1)(srvx@0.11.15)(typescript@6.0.2)(unstorage@1.17.5)(valibot@1.3.0)(vite@8.0.0-beta.18)(vue-router@4.6.4)(vue@3.5.30)(yjs@13.6.30):
+  docus@5.8.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@nuxt/schema@4.3.1)(@resvg/resvg-js@2.6.2)(@resvg/resvg-wasm@2.6.2)(@takumi-rs/core@1.0.5)(@takumi-rs/wasm@1.0.5)(@tiptap/extensions@3.22.2)(@tiptap/y-tiptap@3.0.2)(@unhead/vue@2.1.13)(@upstash/redis@1.37.0)(@vue/compiler-dom@3.5.32)(better-sqlite3@12.8.0)(db0@0.3.4)(embla-carousel@8.6.0)(eslint@10.2.0)(focus-trap@8.0.1)(fontless@0.2.1)(ioredis@5.10.1)(magicast@0.5.2)(nuxt@4.3.1)(playwright-core@1.59.1)(react-dom@19.2.4)(react@19.2.4)(rollup@4.60.1)(satori@0.19.3)(sharp@0.34.5)(srvx@0.11.15)(typescript@6.0.2)(unifont@0.7.4)(unstorage@1.17.5)(valibot@1.3.0)(vite@8.0.0-beta.18)(vue-router@4.6.4)(vue@3.5.30)(yjs@13.6.30):
     dependencies:
       '@ai-sdk/gateway': 3.0.88(zod@4.3.6)
       '@ai-sdk/mcp': 1.0.32(zod@4.3.6)
@@ -17351,7 +17743,7 @@ snapshots:
       motion-v: 1.10.3(@vueuse/core@14.2.1)(react-dom@19.2.4)(react@19.2.4)(vue@3.5.30)
       nuxt: 4.3.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@parcel/watcher@2.5.6)(@types/node@24.12.0)(@upstash/redis@1.37.0)(@vue/compiler-sfc@3.5.32)(better-sqlite3@12.8.0)(cac@6.7.14)(db0@0.3.4)(eslint@10.2.0)(ioredis@5.10.1)(magicast@0.5.2)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup@4.60.1)(srvx@0.11.15)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(yaml@2.8.3)
       nuxt-llms: 0.2.0(magicast@0.5.2)
-      nuxt-og-image: 5.1.13(@unhead/vue@2.1.13)(magicast@0.5.2)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30)
+      nuxt-og-image: 6.3.10(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@nuxt/schema@4.3.1)(@resvg/resvg-js@2.6.2)(@resvg/resvg-wasm@2.6.2)(@takumi-rs/core@1.0.5)(@takumi-rs/wasm@1.0.5)(@unhead/vue@2.1.13)(fontless@0.2.1)(nuxt@4.3.1)(playwright-core@1.59.1)(satori@0.19.3)(sharp@0.34.5)(tailwindcss@4.2.2)(unifont@0.7.4)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
       pkg-types: 2.3.0
       scule: 1.3.0
       shiki-stream: 0.1.4(react@19.2.4)(vue@3.5.30)
@@ -17376,7 +17768,12 @@ snapshots:
       - '@inertiajs/vue3'
       - '@libsql/client'
       - '@netlify/blobs'
+      - '@nuxt/schema'
       - '@planetscale/database'
+      - '@resvg/resvg-js'
+      - '@resvg/resvg-wasm'
+      - '@takumi-rs/core'
+      - '@takumi-rs/wasm'
       - '@tiptap/extensions'
       - '@tiptap/y-tiptap'
       - '@unhead/vue'
@@ -17399,6 +17796,7 @@ snapshots:
       - embla-carousel
       - eslint
       - focus-trap
+      - fontless
       - idb-keyval
       - ioredis
       - joi
@@ -17407,10 +17805,13 @@ snapshots:
       - mysql2
       - nprogress
       - petite-vue-i18n
+      - playwright-core
       - qrcode
       - react
       - react-dom
       - rollup
+      - satori
+      - sharp
       - solid-js
       - sortablejs
       - sqlite3
@@ -17418,6 +17819,7 @@ snapshots:
       - superstruct
       - supports-color
       - typescript
+      - unifont
       - universal-cookie
       - unstorage
       - uploadthing
@@ -17577,12 +17979,12 @@ snapshots:
 
   errx@0.1.0: {}
 
-  es-abstract@1.24.1:
+  es-abstract@1.24.2:
     dependencies:
       array-buffer-byte-length: 1.0.2
       arraybuffer.prototype.slice: 1.0.4
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       data-view-buffer: 1.0.2
       data-view-byte-length: 1.0.2
@@ -17771,10 +18173,10 @@ snapshots:
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.0)
       '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.23.4
-      '@eslint/config-helpers': 0.5.4
-      '@eslint/core': 1.2.0
-      '@eslint/plugin-kit': 0.7.0
+      '@eslint/config-array': 0.23.5
+      '@eslint/config-helpers': 0.5.5
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.1
       '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
@@ -17872,21 +18274,6 @@ snapshots:
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
 
-  execa@9.6.1:
-    dependencies:
-      '@sindresorhus/merge-streams': 4.0.0
-      cross-spawn: 7.0.6
-      figures: 6.1.0
-      get-stream: 9.0.1
-      human-signals: 8.0.1
-      is-plain-obj: 4.1.0
-      is-stream: 4.0.1
-      npm-run-path: 6.0.0
-      pretty-ms: 9.3.0
-      signal-exit: 4.1.0
-      strip-final-newline: 4.0.0
-      yoctocolors: 2.1.2
-
   expand-template@2.0.3: {}
 
   express-rate-limit@8.3.2(express@5.2.1):
@@ -17994,10 +18381,6 @@ snapshots:
 
   fflate@0.7.4: {}
 
-  figures@6.1.0:
-    dependencies:
-      is-unicode-supported: 2.1.0
-
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -18144,7 +18527,7 @@ snapshots:
 
   function.prototype.name@1.1.8:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
       functions-have-names: 1.2.3
@@ -18189,11 +18572,6 @@ snapshots:
 
   get-stream@8.0.1: {}
 
-  get-stream@9.0.1:
-    dependencies:
-      '@sec-ant/readable-stream': 0.4.1
-      is-stream: 4.0.1
-
   get-symbol-description@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -18584,8 +18962,6 @@ snapshots:
 
   human-signals@5.0.0: {}
 
-  human-signals@8.0.1: {}
-
   ico-endec@0.1.6: {}
 
   iconv-lite@0.7.2:
@@ -18602,8 +18978,6 @@ snapshots:
 
   image-meta@0.2.2: {}
 
-  image-size@2.0.2: {}
-
   import-without-cache@0.2.5: {}
 
   impound@1.1.5:
@@ -18709,7 +19083,7 @@ snapshots:
 
   is-array-buffer@3.0.5:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
 
@@ -18845,8 +19219,6 @@ snapshots:
 
   is-stream@3.0.0: {}
 
-  is-stream@4.0.1: {}
-
   is-string@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -18862,8 +19234,6 @@ snapshots:
     dependencies:
       which-typed-array: 1.1.20
 
-  is-unicode-supported@2.1.0: {}
-
   is-valid-glob@1.0.0: {}
 
   is-weakmap@2.0.2: {}
@@ -19900,45 +20270,115 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  nuxt-og-image@5.1.13(@unhead/vue@2.1.13)(magicast@0.5.2)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30):
+  nuxt-og-image@6.3.10(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@nuxt/schema@4.3.1)(@resvg/resvg-js@2.6.2)(@resvg/resvg-wasm@2.6.2)(@takumi-rs/core@1.0.5)(@takumi-rs/wasm@1.0.5)(@unhead/vue@2.1.13)(fontless@0.2.1)(nuxt@4.3.1)(playwright-core@1.59.1)(satori@0.19.3)(sharp@0.34.5)(tailwindcss@4.2.2)(unifont@0.7.4)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6):
     dependencies:
-      '@nuxt/devtools-kit': 3.2.4(magicast@0.5.2)(vite@8.0.0-beta.18)
+      '@clack/prompts': 1.2.0
       '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      '@unhead/vue': 2.1.13(vue@3.5.30)
+      '@vue/compiler-sfc': 3.5.32
+      chrome-launcher: 1.2.1
+      consola: 3.4.2
+      culori: 4.0.2
+      defu: 6.1.7
+      devalue: 5.7.1
+      exsolve: 1.0.8
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      magicast: 0.5.2
+      mocked-exports: 0.1.1
+      nuxt-site-config: 4.0.8(@nuxt/schema@4.3.1)(magicast@0.5.2)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      nuxtseo-shared: 5.1.3(@nuxt/schema@4.3.1)(magicast@0.5.2)(nuxt-site-config@4.0.8)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      nypm: 0.6.5
+      ofetch: 1.5.1
+      ohash: 2.0.11
+      oxc-parser: 0.124.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+      oxc-walker: 0.7.0(oxc-parser@0.124.0)
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      radix3: 1.1.2
+      std-env: 4.0.0
+      strip-literal: 3.1.0
+      tinyexec: 1.1.1
+      tinyglobby: 0.2.16
+      ufo: 1.6.3
+      ultrahtml: 1.6.0
+      unplugin: 3.0.0
+      unstorage: 1.17.5(@upstash/redis@1.37.0)(db0@0.3.4)(ioredis@5.10.1)
+    optionalDependencies:
       '@resvg/resvg-js': 2.6.2
       '@resvg/resvg-wasm': 2.6.2
+      '@takumi-rs/core': 1.0.5(react-dom@19.2.4)(react@19.2.4)
+      '@takumi-rs/wasm': 1.0.5(react-dom@19.2.4)(react@19.2.4)
+      fontless: 0.2.1(@upstash/redis@1.37.0)(db0@0.3.4)(ioredis@5.10.1)(vite@8.0.0-beta.18)
+      playwright-core: 1.59.1
+      satori: 0.19.3
+      sharp: 0.34.5
+      tailwindcss: 4.2.2
+      unifont: 0.7.4
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@nuxt/schema'
+      - nuxt
+      - supports-color
+      - vite
+      - vue
+      - zod
+
+  nuxt-og-image@6.3.10(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@nuxt/schema@4.4.2)(@resvg/resvg-js@2.6.2)(@resvg/resvg-wasm@2.6.2)(@takumi-rs/core@1.0.5)(@takumi-rs/wasm@1.0.5)(@unhead/vue@2.1.13)(fontless@0.2.1)(nuxt@4.3.1)(playwright-core@1.59.1)(satori@0.19.3)(sharp@0.34.5)(tailwindcss@4.2.2)(unifont@0.7.4)(unstorage@1.17.5)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6):
+    dependencies:
+      '@clack/prompts': 1.2.0
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
       '@unhead/vue': 2.1.13(vue@3.5.30)
-      '@unocss/core': 66.6.7
-      '@unocss/preset-wind3': 66.6.7
+      '@vue/compiler-sfc': 3.5.32
       chrome-launcher: 1.2.1
       consola: 3.4.2
-      defu: 6.1.4
-      execa: 9.6.1
-      image-size: 2.0.2
+      culori: 4.0.2
+      defu: 6.1.7
+      devalue: 5.7.1
+      exsolve: 1.0.8
+      lightningcss: 1.32.0
       magic-string: 0.30.21
+      magicast: 0.5.2
       mocked-exports: 0.1.1
-      nuxt-site-config: 3.2.21(magicast@0.5.2)(vite@8.0.0-beta.18)(vue@3.5.30)
+      nuxt-site-config: 4.0.8(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      nuxtseo-shared: 5.1.3(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt-site-config@4.0.8)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
       nypm: 0.6.5
       ofetch: 1.5.1
       ohash: 2.0.11
+      oxc-parser: 0.124.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+      oxc-walker: 0.7.0(oxc-parser@0.124.0)
       pathe: 2.0.3
       pkg-types: 2.3.0
-      playwright-core: 1.59.1
       radix3: 1.1.2
-      satori: 0.18.4
-      satori-html: 0.3.2
-      sirv: 3.0.2
-      std-env: 3.10.0
+      std-env: 4.0.0
       strip-literal: 3.1.0
+      tinyexec: 1.1.1
+      tinyglobby: 0.2.16
       ufo: 1.6.3
-      unplugin: 2.3.11
+      ultrahtml: 1.6.0
+      unplugin: 3.0.0
       unstorage: 1.17.5(@upstash/redis@1.37.0)(db0@0.3.4)(ioredis@5.10.1)
-      unwasm: 0.5.3
-      yoga-wasm-web: 0.3.3
+    optionalDependencies:
+      '@resvg/resvg-js': 2.6.2
+      '@resvg/resvg-wasm': 2.6.2
+      '@takumi-rs/core': 1.0.5(react-dom@19.2.4)(react@19.2.4)
+      '@takumi-rs/wasm': 1.0.5(react-dom@19.2.4)(react@19.2.4)
+      fontless: 0.2.1(@upstash/redis@1.37.0)(db0@0.3.4)(ioredis@5.10.1)(vite@8.0.0-beta.18)
+      playwright-core: 1.59.1
+      satori: 0.19.3
+      sharp: 0.34.5
+      tailwindcss: 4.2.2
+      unifont: 0.7.4
     transitivePeerDependencies:
-      - magicast
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@nuxt/schema'
+      - nuxt
       - supports-color
       - vite
       - vue
+      - zod
 
   nuxt-site-config-kit@3.2.21(magicast@0.5.2)(vue@3.5.30):
     dependencies:
@@ -19951,6 +20391,16 @@ snapshots:
       - magicast
       - vue
 
+  nuxt-site-config-kit@4.0.8(magicast@0.5.2)(vue@3.5.30):
+    dependencies:
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      site-config-stack: 4.0.8(vue@3.5.30)
+      std-env: 4.0.0
+      ufo: 1.6.3
+    transitivePeerDependencies:
+      - magicast
+      - vue
+
   nuxt-site-config@3.2.21(magicast@0.5.2)(vite@8.0.0-beta.18)(vue@3.5.30):
     dependencies:
       '@nuxt/devtools-kit': 3.2.4(magicast@0.5.2)(vite@8.0.0-beta.18)
@@ -19967,6 +20417,42 @@ snapshots:
       - vite
       - vue
 
+  nuxt-site-config@4.0.8(@nuxt/schema@4.3.1)(magicast@0.5.2)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6):
+    dependencies:
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      h3: 1.15.11
+      nuxt-site-config-kit: 4.0.8(magicast@0.5.2)(vue@3.5.30)
+      nuxtseo-shared: 5.1.3(@nuxt/schema@4.3.1)(magicast@0.5.2)(nuxt-site-config@4.0.8)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      site-config-stack: 4.0.8(vue@3.5.30)
+      ufo: 1.6.3
+    transitivePeerDependencies:
+      - '@nuxt/schema'
+      - magicast
+      - nuxt
+      - vite
+      - vue
+      - zod
+
+  nuxt-site-config@4.0.8(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6):
+    dependencies:
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      h3: 1.15.11
+      nuxt-site-config-kit: 4.0.8(magicast@0.5.2)(vue@3.5.30)
+      nuxtseo-shared: 5.1.3(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt-site-config@4.0.8)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      site-config-stack: 4.0.8(vue@3.5.30)
+      ufo: 1.6.3
+    transitivePeerDependencies:
+      - '@nuxt/schema'
+      - magicast
+      - nuxt
+      - vite
+      - vue
+      - zod
+
   nuxt@4.3.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@parcel/watcher@2.5.6)(@types/node@24.12.0)(@upstash/redis@1.37.0)(@vue/compiler-sfc@3.5.32)(better-sqlite3@12.8.0)(cac@6.7.14)(db0@0.3.4)(eslint@10.2.0)(ioredis@5.10.1)(magicast@0.5.2)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup@4.60.1)(srvx@0.11.15)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(yaml@2.8.3):
     dependencies:
       '@dxup/nuxt': 0.3.2(magicast@0.5.2)
@@ -20098,6 +20584,56 @@ snapshots:
       - xml2js
       - yaml
 
+  nuxtseo-shared@5.1.3(@nuxt/schema@4.3.1)(magicast@0.5.2)(nuxt-site-config@4.0.8)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6):
+    dependencies:
+      '@clack/prompts': 1.2.0
+      '@nuxt/devtools-kit': 4.0.0-alpha.3(magicast@0.5.2)(vite@8.0.0-beta.18)
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      '@nuxt/schema': 4.3.1
+      birpc: 4.0.0
+      consola: 3.4.2
+      defu: 6.1.7
+      nuxt: 4.3.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@parcel/watcher@2.5.6)(@types/node@24.12.0)(@upstash/redis@1.37.0)(@vue/compiler-sfc@3.5.32)(better-sqlite3@12.8.0)(cac@6.7.14)(db0@0.3.4)(eslint@10.2.0)(ioredis@5.10.1)(magicast@0.5.2)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup@4.60.1)(srvx@0.11.15)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(yaml@2.8.3)
+      ofetch: 1.5.1
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      radix3: 1.1.2
+      sirv: 3.0.2
+      std-env: 4.0.0
+      ufo: 1.6.3
+      vue: 3.5.30(typescript@6.0.2)
+    optionalDependencies:
+      nuxt-site-config: 4.0.8(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      zod: 4.3.6
+    transitivePeerDependencies:
+      - magicast
+      - vite
+
+  nuxtseo-shared@5.1.3(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt-site-config@4.0.8)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6):
+    dependencies:
+      '@clack/prompts': 1.2.0
+      '@nuxt/devtools-kit': 4.0.0-alpha.3(magicast@0.5.2)(vite@8.0.0-beta.18)
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      '@nuxt/schema': 4.4.2
+      birpc: 4.0.0
+      consola: 3.4.2
+      defu: 6.1.7
+      nuxt: 4.3.1(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)(@parcel/watcher@2.5.6)(@types/node@24.12.0)(@upstash/redis@1.37.0)(@vue/compiler-sfc@3.5.32)(better-sqlite3@12.8.0)(cac@6.7.14)(db0@0.3.4)(eslint@10.2.0)(ioredis@5.10.1)(magicast@0.5.2)(optionator@0.9.4)(oxlint@1.58.0)(rolldown@1.0.0-rc.12)(rollup@4.60.1)(srvx@0.11.15)(terser@5.46.1)(typescript@6.0.2)(vite@8.0.0-beta.18)(vue-tsc@3.2.6)(yaml@2.8.3)
+      ofetch: 1.5.1
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      radix3: 1.1.2
+      sirv: 3.0.2
+      std-env: 4.0.0
+      ufo: 1.6.3
+      vue: 3.5.30(typescript@6.0.2)
+    optionalDependencies:
+      nuxt-site-config: 4.0.8(@nuxt/schema@4.4.2)(magicast@0.5.2)(nuxt@4.3.1)(vite@8.0.0-beta.18)(vue@3.5.30)(zod@4.3.6)
+      zod: 4.3.6
+    transitivePeerDependencies:
+      - magicast
+      - vite
+
   nypm@0.6.5:
     dependencies:
       citty: 0.2.2
@@ -20112,7 +20648,7 @@ snapshots:
 
   object.assign@4.1.7:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
@@ -20304,6 +20840,34 @@ snapshots:
       - '@emnapi/core'
       - '@emnapi/runtime'
 
+  oxc-parser@0.124.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2):
+    dependencies:
+      '@oxc-project/types': 0.124.0
+    optionalDependencies:
+      '@oxc-parser/binding-android-arm-eabi': 0.124.0
+      '@oxc-parser/binding-android-arm64': 0.124.0
+      '@oxc-parser/binding-darwin-arm64': 0.124.0
+      '@oxc-parser/binding-darwin-x64': 0.124.0
+      '@oxc-parser/binding-freebsd-x64': 0.124.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.124.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.124.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.124.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.124.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.124.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.124.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.124.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.124.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.124.0
+      '@oxc-parser/binding-linux-x64-musl': 0.124.0
+      '@oxc-parser/binding-openharmony-arm64': 0.124.0
+      '@oxc-parser/binding-wasm32-wasi': 0.124.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+      '@oxc-parser/binding-win32-arm64-msvc': 0.124.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.124.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.124.0
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+
   oxc-parser@0.95.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2):
     dependencies:
       '@oxc-project/types': 0.95.0
@@ -20415,6 +20979,11 @@ snapshots:
       magic-regexp: 0.10.0
       oxc-parser: 0.115.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
 
+  oxc-walker@0.7.0(oxc-parser@0.124.0):
+    dependencies:
+      magic-regexp: 0.10.0
+      oxc-parser: 0.124.0(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+
   oxfmt@0.43.0:
     dependencies:
       tinypool: 2.1.0
@@ -20508,8 +21077,6 @@ snapshots:
       is-decimal: 2.0.1
       is-hexadecimal: 2.0.1
 
-  parse-ms@4.0.0: {}
-
   parse-path@7.1.0:
     dependencies:
       protocols: 2.0.2
@@ -20614,7 +21181,8 @@ snapshots:
 
   playwright-core@1.58.2: {}
 
-  playwright-core@1.59.1: {}
+  playwright-core@1.59.1:
+    optional: true
 
   playwright@1.58.2:
     dependencies:
@@ -20821,10 +21389,6 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 17.0.2
 
-  pretty-ms@9.3.0:
-    dependencies:
-      parse-ms: 4.0.0
-
   process-nextick-args@2.0.1: {}
 
   process-warning@3.0.0: {}
@@ -21139,9 +21703,9 @@ snapshots:
 
   reflect.getprototypeof@1.0.10:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       define-properties: 1.2.1
-      es-abstract: 1.24.1
+      es-abstract: 1.24.2
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
@@ -21173,7 +21737,7 @@ snapshots:
 
   regexp.prototype.flags@1.5.4:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       define-properties: 1.2.1
       es-errors: 1.3.0
       get-proto: 1.0.1
@@ -21508,7 +22072,7 @@ snapshots:
 
   safe-array-concat@1.1.3:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
       has-symbols: 1.1.0
@@ -21542,24 +22106,6 @@ snapshots:
       parse-srcset: 1.0.2
       postcss: 8.5.8
 
-  satori-html@0.3.2:
-    dependencies:
-      ultrahtml: 1.6.0
-
-  satori@0.18.4:
-    dependencies:
-      '@shuding/opentype.js': 1.4.0-beta.0
-      css-background-parser: 0.1.0
-      css-box-shadow: 1.0.0-3
-      css-gradient-parser: 0.0.17
-      css-to-react-native: 3.2.0
-      emoji-regex-xs: 2.0.1
-      escape-html: 1.0.3
-      linebreak: 1.1.0
-      parse-css-color: 0.2.1
-      postcss-value-parser: 4.2.0
-      yoga-layout: 3.2.1
-
   satori@0.19.3:
     dependencies:
       '@shuding/opentype.js': 1.4.0-beta.0
@@ -21812,6 +22358,11 @@ snapshots:
       ufo: 1.6.3
       vue: 3.5.30(typescript@6.0.2)
 
+  site-config-stack@4.0.8(vue@3.5.30):
+    dependencies:
+      ufo: 1.6.3
+      vue: 3.5.30(typescript@6.0.2)
+
   skin-tone@2.0.0:
     dependencies:
       unicode-emoji-modifier-base: 1.0.0
@@ -21951,10 +22502,10 @@ snapshots:
 
   string.prototype.matchall@4.0.12:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.24.1
+      es-abstract: 1.24.2
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
@@ -21967,24 +22518,24 @@ snapshots:
 
   string.prototype.trim@1.2.10:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-abstract: 1.24.1
+      es-abstract: 1.24.2
       es-object-atoms: 1.1.1
       has-property-descriptors: 1.0.2
 
   string.prototype.trimend@1.0.9:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
   string.prototype.trimstart@1.0.8:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
@@ -22021,8 +22572,6 @@ snapshots:
 
   strip-final-newline@3.0.0: {}
 
-  strip-final-newline@4.0.0: {}
-
   strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
@@ -22170,11 +22719,18 @@ snapshots:
 
   tinyexec@1.0.4: {}
 
+  tinyexec@1.1.1: {}
+
   tinyglobby@0.2.15:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.4)
       picomatch: 4.0.4
 
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
   tinypool@2.1.0: {}
 
   tinyrainbow@2.0.0: {}
@@ -22295,7 +22851,7 @@ snapshots:
 
   typed-array-byte-length@1.0.3:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       for-each: 0.3.5
       gopd: 1.2.0
       has-proto: 1.2.0
@@ -22304,7 +22860,7 @@ snapshots:
   typed-array-byte-offset@1.0.4:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       for-each: 0.3.5
       gopd: 1.2.0
       has-proto: 1.2.0
@@ -22313,7 +22869,7 @@ snapshots:
 
   typed-array-length@1.0.7:
     dependencies:
-      call-bind: 1.0.8
+      call-bind: 1.0.9
       for-each: 0.3.5
       gopd: 1.2.0
       is-typed-array: 1.1.15
@@ -22880,7 +23436,7 @@ snapshots:
       picomatch: 4.0.4
       postcss: 8.5.8
       rolldown: 1.0.0-rc.8(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
-      tinyglobby: 0.2.15
+      tinyglobby: 0.2.16
     optionalDependencies:
       '@types/node': 24.12.0
       esbuild: 0.27.7
@@ -22894,7 +23450,7 @@ snapshots:
 
   vitest-environment-nuxt@1.0.1(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18):
     dependencies:
-      '@nuxt/test-utils': 4.0.0(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18)
+      '@nuxt/test-utils': 4.0.0(patch_hash=8438d6588e19230d3392ce53e45dd8e9bff54eaa3ce18092602fefd40c2eefe9)(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.1.16)(@vue/test-utils@2.4.6)(crossws@0.4.4)(magicast@0.5.2)(playwright-core@1.59.1)(typescript@6.0.2)(vite@8.0.0-beta.18)
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -23330,12 +23886,8 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yoctocolors@2.1.2: {}
-
   yoga-layout@3.2.1: {}
 
-  yoga-wasm-web@0.3.3: {}
-
   youch-core@0.3.3:
     dependencies:
       '@poppinss/exception': 1.2.3
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 18b761e851..be63e96c10 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -3,27 +3,37 @@ packages:
   - cli
   - docs
 
-ignoreDepScripts: true
-
-ignoreWorkspaceRootCheck: true
-
 allowBuilds:
+  '@parcel/watcher': false
   '@resvg/resvg-js': true
   'better-sqlite3': true
-  'sharp@0.34.5': true
-  '@parcel/watcher': false
   'core-js': false
   'esbuild': false
+  'sharp@0.34.5': true
   'unrs-resolver': false
   'vue-demi': false
 
+catalogs:
+  storybook:
+    '@storybook-vue/nuxt': '9.0.1'
+    '@storybook/addon-a11y': '^10.3.5'
+    '@storybook/addon-docs': '^10.3.5'
+    '@storybook/addon-themes': '^10.3.5'
+    'storybook': '^10.3.1'
+    'storybook-i18n': '^10.1.1'
+
 dedupePeers: true
 
+ignoreDepScripts: true
+
+ignoreWorkspaceRootCheck: true
+
 overrides:
   sharp: 0.34.5
+  storybook: ^10.3.1
   vite: npm:@voidzero-dev/vite-plus-core@0.1.16
   vitest: npm:@voidzero-dev/vite-plus-test@0.1.16
-  storybook: ^10.3.1
+  nuxt-og-image: ^6.3.10
 
 packageExtensions:
   '@nuxt/scripts':
@@ -35,16 +45,8 @@ packageExtensions:
 
 patchedDependencies:
   '@jsr/deno__doc@0.189.1': patches/@jsr__deno__doc@0.189.1.patch
+  '@nuxt/test-utils': patches/@nuxt__test-utils.patch
 
 savePrefix: ''
 
 shellEmulator: true
-
-catalogs:
-  storybook:
-    '@storybook-vue/nuxt': '9.0.1'
-    '@storybook/addon-a11y': '^10.3.1'
-    '@storybook/addon-docs': '^10.3.1'
-    '@storybook/addon-themes': '^10.3.1'
-    'storybook': '^10.3.1'
-    'storybook-i18n': '^10.1.1'
diff --git a/public/robots.txt b/public/robots.txt
index 1efdb87b4f..0558123bcb 100644
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -7,7 +7,7 @@ Allow: /pds$
 Allow: /privacy$
 Allow: /translation-status$
 Allow: /recharging$
-Allow: /__og-image__/*
+Allow: /_og/d/*
 Allow: /opensearch.xml$
 
 Disallow: /
diff --git a/scripts/generate-fixtures.ts b/scripts/generate-fixtures.ts
index bf71c05161..3ad0a95cac 100644
--- a/scripts/generate-fixtures.ts
+++ b/scripts/generate-fixtures.ts
@@ -39,6 +39,7 @@ const REQUIRED_PACKAGES = [
   'next', // create-command test
   '@nuxt/kit', // scoped package tests, version test (3.20.0)
   '@types/node', // scoped package tests
+  '@tanstack/react-query', // OG image test (scoped with long name)
   // Docs page tests
   'ufo', // docs test with version 1.6.3
   'is-odd', // docs test (3.0.1), install copy test, "no create" test, hyphen-in-name test
diff --git a/test/e2e/og-image.spec.ts b/test/e2e/og-image.spec.ts
index d34b62a144..f6c9cf64b2 100644
--- a/test/e2e/og-image.spec.ts
+++ b/test/e2e/og-image.spec.ts
@@ -1,14 +1,54 @@
 import { expect, test } from './test-utils'
 
 // TODO(serhalp): The nuxt@3.20.2 fixture has no stars. Update fixture to have stars coverage here.
-const paths = ['/', '/package/nuxt/v/3.20.2']
 
-for (const path of paths) {
-  test.describe(path, () => {
-    test(`og image for ${path}`, async ({ page, goto, baseURL }) => {
+/**
+ * OG image snapshot tests (Takumi templates).
+ *
+ * Each entry tests a different visual edge case to catch layout/overflow regressions:
+ * - Home page (Splash.takumi)
+ * - Static pages (Page.takumi)
+ * - Packages (Package.takumi with download-chart, code-tree, function-tree variants)
+ */
+const TEST_CASES = [
+  // Default OG image template
+  { path: '/', label: 'home page' },
+
+  // Page OG image template
+  { path: '/accessibility', label: 'page' },
+
+  // Package OG image template — covers key visual edge cases
+  { path: '/package/vue', label: 'unscoped package' },
+  { path: '/package/nuxt/v/4.3.1', label: 'unscoped with explicit version' },
+  { path: '/package/@nuxt/kit', label: 'scoped package' },
+  { path: '/package/@tanstack/react-query', label: 'scoped with long name' },
+  {
+    path: '/package/@babel/plugin-transform-exponentiation-operator',
+    label: 'extremely long name',
+  },
+
+  // Blog post OG image template
+  { path: '/blog/alpha-release', label: 'blog post' },
+
+  // Compare OG image template
+  { path: '/compare?packages=vue,react,svelte', label: 'compare' },
+
+  // Package code-tree variant (file tree decoration)
+  { path: '/package-code/vue/v/3.5.27', label: 'code-tree variant' },
+
+  // Package function-tree variant (API symbols decoration)
+  { path: '/package-docs/ufo/v/1.6.3', label: 'function-tree variant' },
+] as const
+
+for (const { path, label } of TEST_CASES) {
+  test.describe(`${label} (${path})`, () => {
+    test(`og image snapshot`, async ({ page, goto, baseURL }) => {
       await goto(path, { waitUntil: 'domcontentloaded' })
 
-      const ogImageUrl = await page.locator('meta[property="og:image"]').getAttribute('content')
+      const ogImageUrl = await page
+        .locator('meta[property="og:image"]')
+        .first()
+        .getAttribute('content')
       expect(ogImageUrl).toBeTruthy()
 
       const ogImagePath = new URL(ogImageUrl!).pathname
@@ -22,7 +62,8 @@ for (const path of paths) {
 
       const imageBuffer = await response.body()
       expect(imageBuffer).toMatchSnapshot({
-        name: `og-image-for-${path.replace(/\//g, '-')}.png`,
+        name: `og-image-${path.replace(/\//g, '-').replace(/^-/, '') || 'home'}.png`,
+        maxDiffPixelRatio: 0.02,
       })
     })
   })
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-accessibility.png b/test/e2e/og-image.spec.ts-snapshots/og-image-accessibility.png
new file mode 100644
index 0000000000..441b77fe3e
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-accessibility.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-blog-alpha-release.png b/test/e2e/og-image.spec.ts-snapshots/og-image-blog-alpha-release.png
new file mode 100644
index 0000000000..142cbabb74
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-blog-alpha-release.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-compare-packages-vue-react-svelte.png b/test/e2e/og-image.spec.ts-snapshots/og-image-compare-packages-vue-react-svelte.png
new file mode 100644
index 0000000000..da908b4b07
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-compare-packages-vue-react-svelte.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-for--.png b/test/e2e/og-image.spec.ts-snapshots/og-image-for--.png
deleted file mode 100644
index f074c63a73..0000000000
Binary files a/test/e2e/og-image.spec.ts-snapshots/og-image-for--.png and /dev/null differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-for--package-nuxt-v-3-20-2.png b/test/e2e/og-image.spec.ts-snapshots/og-image-for--package-nuxt-v-3-20-2.png
deleted file mode 100644
index a8798d49bd..0000000000
Binary files a/test/e2e/og-image.spec.ts-snapshots/og-image-for--package-nuxt-v-3-20-2.png and /dev/null differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-home.png b/test/e2e/og-image.spec.ts-snapshots/og-image-home.png
new file mode 100644
index 0000000000..dfbdf49490
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-home.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package--babel-plugin-transform-exponentiation-operator.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package--babel-plugin-transform-exponentiation-operator.png
new file mode 100644
index 0000000000..69be846874
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package--babel-plugin-transform-exponentiation-operator.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package--nuxt-kit.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package--nuxt-kit.png
new file mode 100644
index 0000000000..a3e0315b0e
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package--nuxt-kit.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package--tanstack-react-query.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package--tanstack-react-query.png
new file mode 100644
index 0000000000..cf698898a3
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package--tanstack-react-query.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package-code-vue-v-3-5-27.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package-code-vue-v-3-5-27.png
new file mode 100644
index 0000000000..d1d736d62b
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package-code-vue-v-3-5-27.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package-docs-ufo-v-1-6-3.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package-docs-ufo-v-1-6-3.png
new file mode 100644
index 0000000000..adcd36b308
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package-docs-ufo-v-1-6-3.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package-nuxt-v-4-3-1.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package-nuxt-v-4-3-1.png
new file mode 100644
index 0000000000..ff3aa4ad5d
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package-nuxt-v-4-3-1.png differ
diff --git a/test/e2e/og-image.spec.ts-snapshots/og-image-package-vue.png b/test/e2e/og-image.spec.ts-snapshots/og-image-package-vue.png
new file mode 100644
index 0000000000..ac1080a5cc
Binary files /dev/null and b/test/e2e/og-image.spec.ts-snapshots/og-image-package-vue.png differ
diff --git a/test/fixtures/jsdelivr/vue.json b/test/fixtures/jsdelivr/vue.json
new file mode 100644
index 0000000000..8fc3d526fd
--- /dev/null
+++ b/test/fixtures/jsdelivr/vue.json
@@ -0,0 +1,258 @@
+{
+  "type": "npm",
+  "name": "vue",
+  "version": "3.5.27",
+  "default": "/dist/vue.global.min.js",
+  "files": [
+    {
+      "type": "directory",
+      "name": "dist",
+      "files": [
+        {
+          "type": "file",
+          "name": "vue.cjs.js",
+          "hash": "Spb3UJa120lbcHS96PMrde0P1IwyXLjWIV3Ou1RijWY=",
+          "size": 2296
+        },
+        {
+          "type": "file",
+          "name": "vue.cjs.prod.js",
+          "hash": "+63JmG7ZUFnGqvj6r5+AphQ2mJfWqOSJPmHRSdlwKpc=",
+          "size": 1774
+        },
+        {
+          "type": "file",
+          "name": "vue.d.mts",
+          "hash": "wBkVkr6Ot5BvmaxLh5jYClhblAAeoaX1DWzlsNE6XGI=",
+          "size": 299
+        },
+        {
+          "type": "file",
+          "name": "vue.d.ts",
+          "hash": "wBkVkr6Ot5BvmaxLh5jYClhblAAeoaX1DWzlsNE6XGI=",
+          "size": 299
+        },
+        {
+          "type": "file",
+          "name": "vue.esm-browser.js",
+          "hash": "8hAZOTL8EqgiaDuLB7G4RPapWRHfkYPBQQeEPWfGTuI=",
+          "size": 543513
+        },
+        {
+          "type": "file",
+          "name": "vue.esm-browser.prod.js",
+          "hash": "RQ8A1DP4bYzXrhfxY4DnpN5QHOndxhgoDXHR1rUUOlU=",
+          "size": 166276
+        },
+        {
+          "type": "file",
+          "name": "vue.esm-bundler.js",
+          "hash": "xFA3s1njCve19oecNYzzqkI5MGl87i75V7mcjtisyhs=",
+          "size": 2188
+        },
+        {
+          "type": "file",
+          "name": "vue.global.js",
+          "hash": "4QwcGRJ20HdK8/H+RTHD8KMMX0SYAOtv+DMT6QPeL+Y=",
+          "size": 575157
+        },
+        {
+          "type": "file",
+          "name": "vue.global.prod.js",
+          "hash": "R3ktt9Hy9tlnYoqSse8eL/0xwPyBjWeKj9VIWHnoWG0=",
+          "size": 161438
+        },
+        {
+          "type": "file",
+          "name": "vue.runtime.esm-browser.js",
+          "hash": "OOwiBm63wFE2esMurNo067bCbaxh6Ev//i2GUWzaWS8=",
+          "size": 374576
+        },
+        {
+          "type": "file",
+          "name": "vue.runtime.esm-browser.prod.js",
+          "hash": "L56SqCzuokJ0DDSxRmUu7uok4edKN+Zy4D47EXIVvbM=",
+          "size": 105236
+        },
+        {
+          "type": "file",
+          "name": "vue.runtime.esm-bundler.js",
+          "hash": "Xfw8TQ9z9YQwIToZYUMuzkpfbuxnMLvCPFqS+i9Rofk=",
+          "size": 580
+        },
+        {
+          "type": "file",
+          "name": "vue.runtime.global.js",
+          "hash": "mjxFvDW2yvOXxAkN4CqTMJcouEPsw8MOUU5CUctm/E4=",
+          "size": 400132
+        },
+        {
+          "type": "file",
+          "name": "vue.runtime.global.prod.js",
+          "hash": "6oYT2FGASdAuo9D0lOWJxEvPUUp1Pp4+vLaxgc9HIRQ=",
+          "size": 103180
+        }
+      ]
+    },
+    {
+      "type": "directory",
+      "name": "compiler-sfc",
+      "files": [
+        {
+          "type": "file",
+          "name": "index.browser.js",
+          "hash": "vKxYudqTucILq0Z1HcNs4ez24gmyZhaB621OFnUMnGw=",
+          "size": 46
+        },
+        {
+          "type": "file",
+          "name": "index.browser.mjs",
+          "hash": "P+7CEsCuuR5abmLKr58SiVRZAhD4wwKRDqN3wIj2tho=",
+          "size": 34
+        },
+        {
+          "type": "file",
+          "name": "index.d.mts",
+          "hash": "P+7CEsCuuR5abmLKr58SiVRZAhD4wwKRDqN3wIj2tho=",
+          "size": 34
+        },
+        {
+          "type": "file",
+          "name": "index.d.ts",
+          "hash": "P+7CEsCuuR5abmLKr58SiVRZAhD4wwKRDqN3wIj2tho=",
+          "size": 34
+        },
+        {
+          "type": "file",
+          "name": "index.js",
+          "hash": "oiJsPu24J86Q+r0YQTyLbUAIqZJp9AP4bxYLczxUaXA=",
+          "size": 75
+        },
+        {
+          "type": "file",
+          "name": "index.mjs",
+          "hash": "zEcxISpVQrCZcvX1uAByr6A4eUEkK9JdXTpG2LuSDjg=",
+          "size": 61
+        },
+        {
+          "type": "file",
+          "name": "package.json",
+          "hash": "qDsWZ8wfqnNKzp1I1o9e5GZuigkWDfwmq0ue3GCoDA8=",
+          "size": 50
+        },
+        {
+          "type": "file",
+          "name": "register-ts.js",
+          "hash": "QkRyfJQu+K/vopaeqeQXnYhf+1PZH5YoEvyxikBabsk=",
+          "size": 111
+        }
+      ]
+    },
+    {
+      "type": "directory",
+      "name": "jsx-runtime",
+      "files": [
+        {
+          "type": "file",
+          "name": "index.d.ts",
+          "hash": "MY0ZEYv2v40IhEHJSJkPU8r8ee1YG3jz1BoPej9fFFw=",
+          "size": 848
+        },
+        {
+          "type": "file",
+          "name": "index.js",
+          "hash": "7PyafRHlPLlB9VPK4NsP/r/Yf5eKxqdkocPbtCGouI8=",
+          "size": 303
+        },
+        {
+          "type": "file",
+          "name": "index.mjs",
+          "hash": "gVyN3tATf8FbqLWNzm1xLRbtPXNwHNHiomtW5IMvGaY=",
+          "size": 265
+        },
+        {
+          "type": "file",
+          "name": "package.json",
+          "hash": "h7UgBMQCDJWur6qiP24hdlIZVHgo4snzqUzZUw3UthQ=",
+          "size": 75
+        }
+      ]
+    },
+    {
+      "type": "directory",
+      "name": "server-renderer",
+      "files": [
+        {
+          "type": "file",
+          "name": "index.d.mts",
+          "hash": "3fT8EanRVfHVgISDitDrZA04trdyT6wUoeeC76qilmw=",
+          "size": 37
+        },
+        {
+          "type": "file",
+          "name": "index.d.ts",
+          "hash": "3fT8EanRVfHVgISDitDrZA04trdyT6wUoeeC76qilmw=",
+          "size": 37
+        },
+        {
+          "type": "file",
+          "name": "index.js",
+          "hash": "Dnc1vk5lOZ0g2eplhAoM0O73+TX9GyJObEW1dr4SrBM=",
+          "size": 49
+        },
+        {
+          "type": "file",
+          "name": "index.mjs",
+          "hash": "3fT8EanRVfHVgISDitDrZA04trdyT6wUoeeC76qilmw=",
+          "size": 37
+        },
+        {
+          "type": "file",
+          "name": "package.json",
+          "hash": "qDsWZ8wfqnNKzp1I1o9e5GZuigkWDfwmq0ue3GCoDA8=",
+          "size": 50
+        }
+      ]
+    },
+    {
+      "type": "file",
+      "name": "index.js",
+      "hash": "pSh/YFa8XCxWnTGAY+4EP1Wg0yP6cmL2RFbVj9V0+Sg=",
+      "size": 171
+    },
+    {
+      "type": "file",
+      "name": "index.mjs",
+      "hash": "vi81WQvuReaYUNDY1I8LjI9cDvDs+KcmWrEvt63WWE0=",
+      "size": 27
+    },
+    {
+      "type": "file",
+      "name": "jsx.d.ts",
+      "hash": "ijXsGcbGmcmP0W/ICuaWTYATnFqOYuxKXGCQLB2jKFw=",
+      "size": 741
+    },
+    {
+      "type": "file",
+      "name": "LICENSE",
+      "hash": "G7hcybE7ge9ByBxRhmFy/DReBQPIZyamdVt5ZZC3AXU=",
+      "size": 1091
+    },
+    {
+      "type": "file",
+      "name": "package.json",
+      "hash": "UItPIU1CLPZPLUsCtc0/g9PTJcWxeyWORD9aoNYJ3iA=",
+      "size": 2810
+    },
+    {
+      "type": "file",
+      "name": "README.md",
+      "hash": "wSxqjXHTxJpu8n1LvXDja6Ki0ntKLJuhnqHA5cj2C68=",
+      "size": 3758
+    }
+  ],
+  "links": {
+    "stats": "https://data.jsdelivr.com/v1/stats/packages/npm/vue@3.5.27",
+    "entrypoints": "https://data.jsdelivr.com/v1/packages/npm/vue@3.5.27/entrypoints"
+  }
+}
diff --git a/test/fixtures/mock-routes.cjs b/test/fixtures/mock-routes.cjs
index 1acb0f7602..4c2509244d 100644
--- a/test/fixtures/mock-routes.cjs
+++ b/test/fixtures/mock-routes.cjs
@@ -181,10 +181,28 @@ function matchNpmApi(urlString) {
   }
 
   // Downloads range
-  const rangeMatch = pathname.match(/^\/downloads\/range\/[^/]+\/(.+)$/)
-  if (rangeMatch && rangeMatch[1]) {
-    const packageName = rangeMatch[1]
-    return json({ downloads: [], start: '2025-01-01', end: '2025-01-31', package: packageName })
+  const rangeMatch = pathname.match(/^\/downloads\/range\/([^/]+)\/(.+)$/)
+  if (rangeMatch && rangeMatch[1] && rangeMatch[2]) {
+    const dateRange = rangeMatch[1]
+    const packageName = rangeMatch[2]
+    const [start, end] = dateRange.split(':')
+
+    // Generate deterministic daily download data from the package name
+    const seed = packageName.split('').reduce((s, c) => s + c.charCodeAt(0), 0)
+    const base = (seed % 9000) + 1000
+    const downloads = []
+    const startDate = new Date(start)
+    const endDate = new Date(end)
+    for (let d = new Date(startDate); d <= endDate; d.setUTCDate(d.getUTCDate() + 1)) {
+      const day = d.toISOString().slice(0, 10)
+      // Sine wave + noise for a realistic-looking sparkline
+      const dayIndex = downloads.length
+      const wave = Math.sin(dayIndex / 30) * base * 0.3
+      const noise = Math.sin(dayIndex * 7 + seed) * base * 0.1
+      downloads.push({ day, downloads: Math.max(0, Math.round(base + wave + noise)) })
+    }
+
+    return json({ downloads, start, end, package: packageName })
   }
 
   return null
diff --git a/test/fixtures/npm-api/downloads/@anthropic-ai/claude-code.json b/test/fixtures/npm-api/downloads/@anthropic-ai/claude-code.json
new file mode 100644
index 0000000000..71e3f3ab1f
--- /dev/null
+++ b/test/fixtures/npm-api/downloads/@anthropic-ai/claude-code.json
@@ -0,0 +1,6 @@
+{
+  "downloads": 523000,
+  "start": "2025-02-18",
+  "end": "2025-02-25",
+  "package": "@anthropic-ai/claude-code"
+}
diff --git a/test/fixtures/npm-api/downloads/@babel/plugin-transform-exponentiation-operator.json b/test/fixtures/npm-api/downloads/@babel/plugin-transform-exponentiation-operator.json
new file mode 100644
index 0000000000..aac088552b
--- /dev/null
+++ b/test/fixtures/npm-api/downloads/@babel/plugin-transform-exponentiation-operator.json
@@ -0,0 +1,6 @@
+{
+  "downloads": 8542310,
+  "start": "2025-02-18",
+  "end": "2025-02-25",
+  "package": "@babel/plugin-transform-exponentiation-operator"
+}
diff --git a/test/fixtures/npm-api/downloads/@tanstack/react-query.json b/test/fixtures/npm-api/downloads/@tanstack/react-query.json
new file mode 100644
index 0000000000..286962473d
--- /dev/null
+++ b/test/fixtures/npm-api/downloads/@tanstack/react-query.json
@@ -0,0 +1,6 @@
+{
+  "downloads": 25603146,
+  "start": "2026-02-20",
+  "end": "2026-02-26",
+  "package": "@tanstack/react-query"
+}
diff --git a/test/fixtures/npm-registry/packuments/@anthropic-ai/claude-code.json b/test/fixtures/npm-registry/packuments/@anthropic-ai/claude-code.json
new file mode 100644
index 0000000000..ab9bbf6bbc
--- /dev/null
+++ b/test/fixtures/npm-registry/packuments/@anthropic-ai/claude-code.json
@@ -0,0 +1,27 @@
+{
+  "_id": "@anthropic-ai/claude-code",
+  "name": "@anthropic-ai/claude-code",
+  "description": "Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster through natural language commands",
+  "dist-tags": {
+    "latest": "1.0.52"
+  },
+  "time": {
+    "1.0.52": "2025-02-20T00:00:00.000Z"
+  },
+  "versions": {
+    "1.0.52": {
+      "name": "@anthropic-ai/claude-code",
+      "version": "1.0.52",
+      "description": "Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster through natural language commands",
+      "license": "Apache-2.0",
+      "repository": {
+        "type": "git",
+        "url": "git+https://github.com/anthropics/claude-code.git"
+      },
+      "dist": {
+        "tarball": "https://registry.npmjs.org/@anthropic-ai/claude-code/-/claude-code-1.0.52.tgz",
+        "shasum": "abc123"
+      }
+    }
+  }
+}
diff --git a/test/fixtures/npm-registry/packuments/@babel/plugin-transform-exponentiation-operator.json b/test/fixtures/npm-registry/packuments/@babel/plugin-transform-exponentiation-operator.json
new file mode 100644
index 0000000000..8fa325a067
--- /dev/null
+++ b/test/fixtures/npm-registry/packuments/@babel/plugin-transform-exponentiation-operator.json
@@ -0,0 +1,348 @@
+{
+  "name": "@babel/plugin-transform-exponentiation-operator",
+  "dist-tags": {
+    "esm": "7.21.4-esm.4",
+    "latest": "7.28.6",
+    "next": "8.0.0-rc.2"
+  },
+  "time": {
+    "created": "2017-10-30T18:36:32.088Z",
+    "modified": "2026-02-15T20:23:26.135Z",
+    "7.0.0-beta.4": "2017-10-30T18:36:32.088Z",
+    "7.0.0-beta.5": "2017-10-30T20:58:09.741Z",
+    "7.0.0-beta.31": "2017-11-03T20:04:38.784Z",
+    "7.0.0-beta.32": "2017-11-12T13:34:11.774Z",
+    "7.0.0-beta.33": "2017-12-01T14:29:30.272Z",
+    "7.0.0-beta.34": "2017-12-02T14:40:29.483Z",
+    "7.0.0-beta.35": "2017-12-14T21:48:34.586Z",
+    "7.0.0-beta.36": "2017-12-25T19:05:53.456Z",
+    "7.0.0-beta.37": "2018-01-08T16:03:49.874Z",
+    "7.0.0-beta.38": "2018-01-17T16:32:49.610Z",
+    "7.0.0-beta.39": "2018-01-30T20:28:51.562Z",
+    "7.0.0-beta.40": "2018-02-12T16:43:00.204Z",
+    "7.0.0-beta.41": "2018-03-14T16:27:09.596Z",
+    "7.0.0-beta.42": "2018-03-15T20:52:19.650Z",
+    "7.0.0-beta.43": "2018-04-02T16:49:06.607Z",
+    "7.0.0-beta.44": "2018-04-02T22:20:46.710Z",
+    "7.0.0-beta.45": "2018-04-23T01:59:04.129Z",
+    "7.0.0-beta.46": "2018-04-23T04:33:18.174Z",
+    "7.0.0-beta.47": "2018-05-15T00:18:21.595Z",
+    "7.0.0-beta.48": "2018-05-24T19:25:14.912Z",
+    "7.0.0-beta.49": "2018-05-25T16:05:11.481Z",
+    "7.0.0-beta.50": "2018-06-12T19:48:23.578Z",
+    "7.0.0-beta.51": "2018-06-12T21:21:06.930Z",
+    "7.0.0-beta.52": "2018-07-06T00:59:53.993Z",
+    "7.0.0-beta.53": "2018-07-11T13:40:57.082Z",
+    "7.0.0-beta.54": "2018-07-16T18:00:34.125Z",
+    "7.0.0-beta.55": "2018-07-28T22:08:38.889Z",
+    "7.0.0-beta.56": "2018-08-04T01:09:28.442Z",
+    "7.0.0-rc.0": "2018-08-09T16:00:44.559Z",
+    "7.0.0-rc.1": "2018-08-09T20:10:19.866Z",
+    "7.0.0-rc.2": "2018-08-21T19:26:26.223Z",
+    "7.0.0-rc.3": "2018-08-24T18:10:08.905Z",
+    "7.0.0-rc.4": "2018-08-27T16:47:05.553Z",
+    "7.0.0": "2018-08-27T21:45:22.331Z",
+    "7.1.0": "2018-09-17T19:31:46.245Z",
+    "7.2.0": "2018-12-03T19:01:18.101Z",
+    "7.7.4": "2019-11-22T23:33:58.472Z",
+    "7.8.0": "2020-01-12T00:17:34.883Z",
+    "7.8.3": "2020-01-13T21:42:29.816Z",
+    "7.10.1": "2020-05-27T22:08:27.447Z",
+    "7.10.4": "2020-06-30T13:13:23.480Z",
+    "7.12.1": "2020-10-15T22:40:04.560Z",
+    "7.12.13": "2021-02-03T01:11:34.824Z",
+    "7.14.5": "2021-06-09T23:12:55.411Z",
+    "7.16.0": "2021-10-29T23:47:50.848Z",
+    "7.16.5": "2021-12-13T22:28:12.095Z",
+    "7.16.7": "2021-12-31T00:22:42.868Z",
+    "7.18.6": "2022-06-27T19:50:26.208Z",
+    "7.21.4-esm": "2023-04-04T14:09:50.296Z",
+    "7.21.4-esm.1": "2023-04-04T14:21:47.130Z",
+    "7.21.4-esm.2": "2023-04-04T14:39:45.696Z",
+    "7.21.4-esm.3": "2023-04-04T14:56:32.528Z",
+    "7.21.4-esm.4": "2023-04-04T15:13:43.126Z",
+    "7.22.5": "2023-06-08T18:21:33.298Z",
+    "8.0.0-alpha.0": "2023-07-20T14:00:15.244Z",
+    "8.0.0-alpha.1": "2023-07-24T17:52:39.226Z",
+    "8.0.0-alpha.2": "2023-08-09T15:15:11.943Z",
+    "8.0.0-alpha.3": "2023-09-26T14:57:22.706Z",
+    "8.0.0-alpha.4": "2023-10-12T02:06:36.714Z",
+    "7.23.3": "2023-11-09T07:03:49.873Z",
+    "8.0.0-alpha.5": "2023-12-11T15:19:25.197Z",
+    "8.0.0-alpha.6": "2024-01-26T16:14:24.115Z",
+    "8.0.0-alpha.7": "2024-02-28T14:05:23.015Z",
+    "7.24.1": "2024-03-19T09:48:34.982Z",
+    "8.0.0-alpha.8": "2024-04-04T13:20:06.154Z",
+    "7.24.6": "2024-05-24T12:24:53.905Z",
+    "8.0.0-alpha.9": "2024-06-03T14:05:23.829Z",
+    "8.0.0-alpha.10": "2024-06-04T11:20:35.840Z",
+    "7.24.7": "2024-06-05T13:15:50.348Z",
+    "8.0.0-alpha.11": "2024-06-07T09:16:00.559Z",
+    "8.0.0-alpha.12": "2024-07-26T17:33:54.820Z",
+    "7.25.7": "2024-10-02T15:15:24.013Z",
+    "7.25.9": "2024-10-22T15:21:39.633Z",
+    "8.0.0-alpha.13": "2024-10-25T13:54:40.119Z",
+    "7.26.3": "2024-12-04T12:35:34.217Z",
+    "8.0.0-alpha.14": "2024-12-06T16:53:55.506Z",
+    "8.0.0-alpha.15": "2025-01-10T17:24:20.507Z",
+    "8.0.0-alpha.16": "2025-02-14T11:58:56.638Z",
+    "8.0.0-alpha.17": "2025-03-11T18:24:49.029Z",
+    "7.27.1": "2025-04-30T15:08:47.209Z",
+    "8.0.0-beta.0": "2025-05-30T15:50:58.941Z",
+    "8.0.0-beta.1": "2025-07-02T09:04:11.901Z",
+    "8.0.0-beta.2": "2025-09-05T15:06:01.272Z",
+    "8.0.0-beta.3": "2025-10-23T14:44:40.048Z",
+    "7.28.5": "2025-10-23T15:17:40.233Z",
+    "8.0.0-beta.4": "2026-01-12T17:31:56.616Z",
+    "7.28.6": "2026-01-12T17:49:53.554Z",
+    "8.0.0-rc.1": "2026-01-31T17:48:34.305Z",
+    "8.0.0-rc.2": "2026-02-15T20:23:26.008Z"
+  },
+  "versions": {
+    "7.28.6": {
+      "name": "@babel/plugin-transform-exponentiation-operator",
+      "version": "7.28.6",
+      "keywords": ["babel-plugin"],
+      "author": "The Babel Team (https://babel.dev/team)",
+      "license": "MIT",
+      "_id": "@babel/plugin-transform-exponentiation-operator@7.28.6",
+      "maintainers": [
+        {
+          "name": "hzoo",
+          "email": "hi@henryzoo.com"
+        },
+        {
+          "name": "existentialism",
+          "email": "bng412@gmail.com"
+        },
+        {
+          "name": "nicolo-ribaudo",
+          "email": "nicolo.ribaudo@gmail.com"
+        },
+        {
+          "name": "jlhwung",
+          "email": "jlhwung@gmail.com"
+        }
+      ],
+      "homepage": "https://babel.dev/docs/en/next/babel-plugin-transform-exponentiation-operator",
+      "dist": {
+        "shasum": "5e477eb7eafaf2ab5537a04aaafcf37e2d7f1091",
+        "tarball": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz",
+        "fileCount": 5,
+        "integrity": "sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==",
+        "signatures": [
+          {
+            "sig": "MEUCIAZIdKcdWph5SLJfjDyuQjuzvfSTuGQg4JUsdjk202qOAiEA7fY6YVXcfYTp5E7Vf6HzybUYpFDpSDSwqinNE0b7MG0=",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "unpackedSize": 11590
+      },
+      "main": "./lib/index.js",
+      "type": "commonjs",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "npm-oidc-no-reply@github.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:525d784a-699c-4dde-96d4-6de16f8d9a72"
+        }
+      },
+      "repository": {
+        "url": "https://github.com/babel/babel.git",
+        "type": "git",
+        "directory": "packages/babel-plugin-transform-exponentiation-operator"
+      },
+      "description": "Compile exponentiation operator to ES5",
+      "directories": {},
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "publishConfig": {
+        "access": "public"
+      },
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "@babel/core": "^7.28.6",
+        "@babel/helper-plugin-test-runner": "^7.27.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/plugin-transform-exponentiation-operator_7.28.6_1768240193411_0.7272718878799487",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "7.21.4-esm.4": {
+      "name": "@babel/plugin-transform-exponentiation-operator",
+      "version": "7.21.4-esm.4",
+      "keywords": ["babel-plugin"],
+      "author": "The Babel Team (https://babel.dev/team)",
+      "license": "MIT",
+      "_id": "@babel/plugin-transform-exponentiation-operator@7.21.4-esm.4",
+      "maintainers": [
+        {
+          "name": "hzoo",
+          "email": "hi@henryzoo.com"
+        },
+        {
+          "name": "existentialism",
+          "email": "bng412@gmail.com"
+        },
+        {
+          "name": "nicolo-ribaudo",
+          "email": "nicolo.ribaudo@gmail.com"
+        },
+        {
+          "name": "jlhwung",
+          "email": "i@jhuang.me"
+        }
+      ],
+      "homepage": "https://babel.dev/docs/en/next/babel-plugin-transform-exponentiation-operator",
+      "dist": {
+        "shasum": "e9aa627ecbd515075820335be64a65b74314d0dc",
+        "tarball": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.21.4-esm.4.tgz",
+        "fileCount": 6,
+        "integrity": "sha512-RQuaS0tvA5fK2DWLxHddl4pQAcB8evwgVytkIt6dzJRM4FIcbFgXl9sXD7tTy5I3rqZbruFRonZFWclNQrEbow==",
+        "signatures": [
+          {
+            "sig": "MEUCIQDbzXpNvabnJLena9ktpPVbfondpOEKw3vBKJuvMj9GDgIgeZkvxGhJLuIG0alOmpsRF+z/gJjL2gGxi0hftkKJbNw=",
+            "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
+          }
+        ],
+        "unpackedSize": 4541,
+        "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkLD6nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLCQ//QiHUurAcY6unBgmufy6U2vW0ZRe1qP+TlPet/Iu8rerxrQqH\r\n309fjUTp5+s2RBxYzqC/sycmOHE3FnaXZ4oj7gNcSwEVvxSpjHKNHCUO2QZx\r\nNAnvCCl0VfjTPw9aF6VvfNsgGDnfQhw5s0nTBGZGnCRQvfungmxirVeJ22QK\r\nGDu5jRllXVWiTKW2+RT6b/6FO0ak0HI1Yiy2MpvGsaPPrMH2YdHNFLMOnv+C\r\n4jvA4Y3x7AtyfDxo/HNE0qBBlGLmomgRyzzTGcI1/dGkD2MIM51lRJ+1BW+H\r\nHBP6ekmNQjHewK2MCsAdrewjf42pfOpeg2Hj8dX3v45hb4lnwnbg+dsM9prD\r\nLYME9miWCNVU/bWIQBBI+Ds2iDMOqjP4+Vr9oIGxH/wyar8EB69B4k1xkEhP\r\nxOuZ/PPTWcbJqLT+6Wb03mO5umZE2Hx6aYZRzZmc8GZezAoBtL8cgdUd57Lf\r\nNcwn9l+k7m9XaUjwm3gQ4L1XVS8BhlQ46HorjT2iibKWiGCFkyahpJDlpj7z\r\nNKduUEM4JOd9sqPzmVmPtqNJuoOyM2Q2nCCQLB8eLivPy1vY44YTOuAh6jMU\r\nP9v+wLk/yMU24htp5eim3w809jLCyvXUJDUDIwYsTdIPdIt0Q62Ka0bJxIc2\r\nmjIiQMB2J8nJzpvO8YpSkyZQ0OH6T3YSKlA=\r\n=tpVk\r\n-----END PGP SIGNATURE-----\r\n"
+      },
+      "main": "./lib/index.js",
+      "type": "module",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "_npmUser": {
+        "name": "nicolo-ribaudo",
+        "email": "nicolo.ribaudo@gmail.com"
+      },
+      "repository": {
+        "url": "https://github.com/babel/babel.git",
+        "type": "git",
+        "directory": "packages/babel-plugin-transform-exponentiation-operator"
+      },
+      "description": "Compile exponentiation operator to ES5",
+      "directories": {},
+      "dependencies": {
+        "@babel/helper-plugin-utils": "7.21.4-esm.4",
+        "@babel/helper-builder-binary-assignment-operator-visitor": "7.21.4-esm.4"
+      },
+      "publishConfig": {
+        "access": "public"
+      },
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "@babel/core": "7.21.4-esm.4",
+        "@babel/helper-plugin-test-runner": "7.21.4-esm.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^7.21.4-esm.2"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/plugin-transform-exponentiation-operator_7.21.4-esm.4_1680621223006_0.6221383428293159",
+        "host": "s3://npm-registry-packages"
+      }
+    },
+    "8.0.0-rc.2": {
+      "name": "@babel/plugin-transform-exponentiation-operator",
+      "version": "8.0.0-rc.2",
+      "description": "Compile exponentiation operator to ES5",
+      "repository": {
+        "type": "git",
+        "url": "https://github.com/babel/babel.git",
+        "directory": "packages/babel-plugin-transform-exponentiation-operator"
+      },
+      "homepage": "https://babel.dev/docs/en/next/babel-plugin-transform-exponentiation-operator",
+      "license": "MIT",
+      "publishConfig": {
+        "access": "public"
+      },
+      "main": "./lib/index.js",
+      "keywords": ["babel-plugin"],
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^8.0.0-rc.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^8.0.0-rc.2"
+      },
+      "devDependencies": {
+        "@babel/core": "^8.0.0-rc.2",
+        "@babel/helper-plugin-test-runner": "^8.0.0-rc.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "author": "The Babel Team (https://babel.dev/team)",
+      "exports": {
+        ".": {
+          "types": "./lib/index.d.ts",
+          "default": "./lib/index.js"
+        },
+        "./package.json": "./package.json"
+      },
+      "type": "module",
+      "_id": "@babel/plugin-transform-exponentiation-operator@8.0.0-rc.2",
+      "dist": {
+        "shasum": "83663d5902cf8ea6323b2c41f058bc4ae37d0fb9",
+        "integrity": "sha512-zPXYJCzGIeikaFrcdAp3XfHFjMir0PkZHV85c8ncc2MHrnEVuxMoFHvb04rtHPHCbDan0VU3lov3maB3yLZClQ==",
+        "tarball": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-8.0.0-rc.2.tgz",
+        "fileCount": 6,
+        "unpackedSize": 11982,
+        "signatures": [
+          {
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U",
+            "sig": "MEUCIQDo30bgd7cdI2w13+Dcq5NAzQiE8otPiqnruU4n6XGuewIgIPlwQ6ff+EigxX3K6s2xw21pi4hFKm4LyKtbT0L+sjo="
+          }
+        ]
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "npm-oidc-no-reply@github.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:525d784a-699c-4dde-96d4-6de16f8d9a72"
+        }
+      },
+      "directories": {},
+      "maintainers": [
+        {
+          "name": "hzoo",
+          "email": "hi@henryzoo.com"
+        },
+        {
+          "name": "existentialism",
+          "email": "bng412@gmail.com"
+        },
+        {
+          "name": "nicolo-ribaudo",
+          "email": "nicolo.ribaudo@gmail.com"
+        },
+        {
+          "name": "jlhwung",
+          "email": "jlhwung@gmail.com"
+        }
+      ],
+      "_npmOperationalInternal": {
+        "host": "s3://npm-registry-packages-npm-production",
+        "tmp": "tmp/plugin-transform-exponentiation-operator_8.0.0-rc.2_1771187005859_0.8135016177695218"
+      },
+      "_hasShrinkwrap": false
+    }
+  },
+  "license": "MIT",
+  "repository": {
+    "url": "https://github.com/babel/babel.git",
+    "type": "git",
+    "directory": "packages/babel-plugin-transform-exponentiation-operator"
+  }
+}
diff --git a/test/fixtures/npm-registry/packuments/@tanstack/react-query.json b/test/fixtures/npm-registry/packuments/@tanstack/react-query.json
new file mode 100644
index 0000000000..4fbf81288b
--- /dev/null
+++ b/test/fixtures/npm-registry/packuments/@tanstack/react-query.json
@@ -0,0 +1,1797 @@
+{
+  "_id": "@tanstack/react-query",
+  "_rev": "500-1cbcccba1070ef141d18b6e0b3766795",
+  "name": "@tanstack/react-query",
+  "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+  "dist-tags": {
+    "alpha": "5.0.0-alpha.91",
+    "beta": "5.0.0-beta.35",
+    "rc": "5.0.0-rc.16",
+    "latest": "5.90.21",
+    "previous": "4.43.0"
+  },
+  "versions": {
+    "5.90.21": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.21",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TanStack/query.git",
+        "directory": "packages/react-query"
+      },
+      "homepage": "https://tanstack.com/query",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "type": "module",
+      "types": "build/legacy/index.d.ts",
+      "main": "build/legacy/index.cjs",
+      "module": "build/legacy/index.js",
+      "react-native": "src/index.ts",
+      "exports": {
+        ".": {
+          "@tanstack/custom-condition": "./src/index.ts",
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          }
+        },
+        "./package.json": "./package.json"
+      },
+      "sideEffects": false,
+      "dependencies": {
+        "@tanstack/query-core": "5.90.20"
+      },
+      "devDependencies": {
+        "@testing-library/react": "^16.1.0",
+        "@testing-library/react-render-stream": "^2.0.2",
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "cpy-cli": "^5.0.0",
+        "npm-run-all2": "^5.0.0",
+        "react": "^19.2.1",
+        "react-dom": "^19.2.1",
+        "react-error-boundary": "^4.1.2",
+        "@tanstack/query-persist-client-core": "5.91.19",
+        "@tanstack/query-test-utils": "0.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "scripts": {
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build",
+        "test:lib": "vitest",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "test:build": "publint --strict && attw --pack",
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods"
+      },
+      "_id": "@tanstack/react-query@5.90.21",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "_integrity": "sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==",
+      "_resolved": "/tmp/b06705ea12e7b7ab956529da1dfd7fde/tanstack-react-query-5.90.21.tgz",
+      "_from": "file:tanstack-react-query-5.90.21.tgz",
+      "_nodeVersion": "24.8.0",
+      "_npmVersion": "11.6.0",
+      "dist": {
+        "integrity": "sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==",
+        "shasum": "e0eb40831a76510be438109435b8807ef63ab1b9",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.21.tgz",
+        "fileCount": 325,
+        "unpackedSize": 734321,
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.21",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "signatures": [
+          {
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U",
+            "sig": "MEUCIFOpsN6lPMnkiugzAVJV4jVUTtxapIXnMiI/yaxMs8I1AiEAmSR3tAKHWsL2Msp67Ov5w6497Lr4uh0kk6HB8R/W4MY="
+          }
+        ]
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "directories": {},
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "kevinvandy",
+          "email": "user3@example.com"
+        },
+        {
+          "name": "tkdodo",
+          "email": "user4@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "_npmOperationalInternal": {
+        "host": "s3://npm-registry-packages-npm-production",
+        "tmp": "tmp/react-query_5.90.21_1770801448640_0.9831099673767618"
+      },
+      "_hasShrinkwrap": false
+    },
+    "4.43.0": {
+      "name": "@tanstack/react-query",
+      "version": "4.43.0",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@4.43.0",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "f993211864c2070ba7f764971901bd3e60c886d1",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.43.0.tgz",
+        "fileCount": 327,
+        "integrity": "sha512-Lj8luFKHQL27oZbw5T8xdTbsfAPp2+bCtSCa2bAVvIwnvNfRP0hpB1GxfKFgCktat8lPcYBHAu8eMTXzz2sQtQ==",
+        "signatures": [
+          {
+            "sig": "MEUCIDu5W6jKK2QCeuPB4n/cGPor5zyyZ7orZ7d79Pe5JcVFAiEAuQdHTVfXx9RVHsj3TFe73tYPgOrmpLQWZq5X38A8+rM=",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@4.43.0",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 1513928
+      },
+      "main": "build/lib/index.js",
+      "_from": "file:tanstack-react-query-4.43.0.tgz",
+      "types": "build/lib/index.d.ts",
+      "module": "build/lib/index.esm.js",
+      "exports": {
+        ".": {
+          "types": "./build/lib/index.d.ts",
+          "import": "./build/lib/index.mjs",
+          "default": "./build/lib/index.js"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "clean": "rimraf ./build",
+        "test:lib": "jest --config ./jest.config.ts",
+        "test:types": "tsc",
+        "build:types": "tsc --build",
+        "test:eslint": "eslint --ext .ts,.tsx ./src",
+        "test:lib:dev": "pnpm run test:lib --watch"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/701e0dbdd9e20eac14b78e6166fbe3fb/tanstack-react-query-4.43.0.tgz",
+      "_integrity": "sha512-Lj8luFKHQL27oZbw5T8xdTbsfAPp2+bCtSCa2bAVvIwnvNfRP0hpB1GxfKFgCktat8lPcYBHAu8eMTXzz2sQtQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": ["./src/setBatchUpdatesFn.ts"],
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "4.43.0",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "_hasShrinkwrap": false,
+      "readmeFilename": "README.md",
+      "devDependencies": {
+        "react": "^19.1.1",
+        "react-17": "npm:react@^17.0.2",
+        "react-18": "npm:react@^18.2.0",
+        "react-dom": "^19.1.1",
+        "jscodeshift": "^0.13.1",
+        "@types/react": "^19.1.9",
+        "react-dom-17": "npm:react-dom@^17.0.2",
+        "react-dom-18": "npm:react-dom@^18.2.0",
+        "@types/react-dom": "^19.1.7",
+        "@types/jscodeshift": "^0.11.3",
+        "react-error-boundary": "^3.1.4",
+        "@types/use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_4.43.0_1769600930550_0.5751096993571483",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.90.20": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.20",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.90.20",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "42bb7018bfedc72f216b6e9b4052c919063f350b",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.20.tgz",
+        "fileCount": 325,
+        "integrity": "sha512-vXBxa+qeyveVO7OA0jX1z+DeyCA4JKnThKv411jd5SORpBKgkcVnYKCiBgECvADvniBX7tobwBmg01qq9JmMJw==",
+        "signatures": [
+          {
+            "sig": "MEYCIQCCxqI7Go9yn8Yuw2qn068QQnh5sb6+vkgJzokbpGIeAwIhALaa+G+HSLiyMC4OpXAd0QzA74tzdmTTajcu8o/VbFla",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.20",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 736257
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.90.20.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          },
+          "@tanstack/custom-condition": "./src/index.ts"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:lib": "vitest",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/653b73e68b46afd28cba80f697e77baa/tanstack-react-query-5.90.20.tgz",
+      "_integrity": "sha512-vXBxa+qeyveVO7OA0jX1z+DeyCA4JKnThKv411jd5SORpBKgkcVnYKCiBgECvADvniBX7tobwBmg01qq9JmMJw==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.20"
+      },
+      "react-native": "src/index.ts",
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "react": "^19.2.1",
+        "cpy-cli": "^5.0.0",
+        "react-dom": "^19.2.1",
+        "@types/react": "^19.2.7",
+        "npm-run-all2": "^5.0.0",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-error-boundary": "^4.1.2",
+        "@testing-library/react": "^16.1.0",
+        "@tanstack/query-test-utils": "0.0.0",
+        "@tanstack/query-persist-client-core": "5.91.19",
+        "@testing-library/react-render-stream": "^2.0.2"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.90.20_1769174963929_0.7036860798410287",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "4.42.2": {
+      "name": "@tanstack/react-query",
+      "version": "4.42.2",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@4.42.2",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "7d0beaf8bad710a9309730b51fb49985f08d0026",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.42.2.tgz",
+        "fileCount": 303,
+        "integrity": "sha512-KFqT8wb/d0bHbzvJEuD/vEU8lUSC5cZDurOMtAR3G+mUABqVWvVswQ/norjFXedjQe+nfQQ9CWrOabWcRP3TKA==",
+        "signatures": [
+          {
+            "sig": "MEYCIQDiQXRGBDgz6GPvdV91kaa9PLXBSBxfMp8UqBWdZGXmbgIhAIwn0SZgnu3LpV2UyTXSBvgMphZf3+iH15y88ZA3GiuO",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@4.42.2",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 1495040
+      },
+      "main": "build/lib/index.js",
+      "_from": "file:tanstack-react-query-4.42.2.tgz",
+      "types": "build/lib/index.d.ts",
+      "module": "build/lib/index.esm.js",
+      "exports": {
+        ".": {
+          "types": "./build/lib/index.d.ts",
+          "import": "./build/lib/index.mjs",
+          "default": "./build/lib/index.js"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "clean": "rimraf ./build",
+        "test:lib": "jest --config ./jest.config.ts",
+        "test:types": "tsc",
+        "build:types": "tsc --build",
+        "test:eslint": "eslint --ext .ts,.tsx ./src",
+        "test:lib:dev": "pnpm run test:lib --watch"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/bc40c9f4f5b283d8333ec6c7855e654e/tanstack-react-query-4.42.2.tgz",
+      "_integrity": "sha512-KFqT8wb/d0bHbzvJEuD/vEU8lUSC5cZDurOMtAR3G+mUABqVWvVswQ/norjFXedjQe+nfQQ9CWrOabWcRP3TKA==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": ["./src/setBatchUpdatesFn.ts"],
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "4.41.1",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "_hasShrinkwrap": false,
+      "readmeFilename": "README.md",
+      "devDependencies": {
+        "react": "^19.1.1",
+        "react-17": "npm:react@^17.0.2",
+        "react-18": "npm:react@^18.2.0",
+        "react-dom": "^19.1.1",
+        "jscodeshift": "^0.13.1",
+        "@types/react": "^19.1.9",
+        "react-dom-17": "npm:react-dom@^17.0.2",
+        "react-dom-18": "npm:react-dom@^18.2.0",
+        "@types/react-dom": "^19.1.7",
+        "@types/jscodeshift": "^0.11.3",
+        "react-error-boundary": "^3.1.4",
+        "@types/use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_4.42.2_1768806108412_0.44720981657277736",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "4.42.1": {
+      "name": "@tanstack/react-query",
+      "version": "4.42.1",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@4.42.1",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "7dec7196a19a045a70b97880cd85b2f49ebdc167",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.42.1.tgz",
+        "fileCount": 303,
+        "integrity": "sha512-DRclkqyXeJ0VMTv6KgJ8cf35hIKzvjmH36emzCfVcfjZhPD9yvPvLCb13n22TLGgbVnanhL/efDufRhGDfzqDg==",
+        "signatures": [
+          {
+            "sig": "MEUCIQDJiQGYY1hRFTwbEOP8tzd036AteY0kJR5ADEW8PbHtGgIgH2LaKHLY0Mx9bj4umW5emMkdgQcuePiJE0hvsTQsPQY=",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@4.42.1",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 1506121
+      },
+      "main": "build/lib/index.js",
+      "_from": "file:tanstack-react-query-4.42.1.tgz",
+      "types": "build/lib/index.d.ts",
+      "module": "build/lib/index.esm.js",
+      "exports": {
+        ".": {
+          "types": "./build/lib/index.d.ts",
+          "import": "./build/lib/index.mjs",
+          "default": "./build/lib/index.js"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "clean": "rimraf ./build",
+        "test:lib": "jest --config ./jest.config.ts",
+        "test:types": "tsc",
+        "build:types": "tsc --build",
+        "test:eslint": "eslint --ext .ts,.tsx ./src",
+        "test:lib:dev": "pnpm run test:lib --watch"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/579558a028052fcb5d387da08bc26310/tanstack-react-query-4.42.1.tgz",
+      "_integrity": "sha512-DRclkqyXeJ0VMTv6KgJ8cf35hIKzvjmH36emzCfVcfjZhPD9yvPvLCb13n22TLGgbVnanhL/efDufRhGDfzqDg==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": ["./src/setBatchUpdatesFn.ts"],
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "4.41.1",
+        "use-sync-external-store": "^1.2.0"
+      },
+      "_hasShrinkwrap": false,
+      "readmeFilename": "README.md",
+      "devDependencies": {
+        "react": "^19.1.1",
+        "react-17": "npm:react@^17.0.2",
+        "react-18": "npm:react@^18.2.0",
+        "react-dom": "^19.1.1",
+        "jscodeshift": "^0.13.1",
+        "@types/react": "^19.1.9",
+        "react-dom-17": "npm:react-dom@^17.0.2",
+        "react-dom-18": "npm:react-dom@^18.2.0",
+        "@types/react-dom": "^19.1.7",
+        "@types/jscodeshift": "^0.11.3",
+        "react-error-boundary": "^3.1.4",
+        "@types/use-sync-external-store": "^0.0.3"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_4.42.1_1768703382208_0.19662272570905803",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.90.19": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.19",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.90.19",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "461a068661610ee958b42958ec80a8b6dcd7de33",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.19.tgz",
+        "fileCount": 325,
+        "integrity": "sha512-qTZRZ4QyTzQc+M0IzrbKHxSeISUmRB3RPGmao5bT+sI6ayxSRhn0FXEnT5Hg3as8SBFcRosrXXRFB+yAcxVxJQ==",
+        "signatures": [
+          {
+            "sig": "MEYCIQDL2Aqk5zkFuf4n5kXwttw/Wxe0Gdfg1hmp7DoBToS5aAIhAJRD/OCM+MAUumOgYolQpDt4s6G69OgwqRoBODC/Uy/N",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.19",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 736054
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.90.19.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          },
+          "@tanstack/custom-condition": "./src/index.ts"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:lib": "vitest",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/7cf1537c4d37ff29752f2d898ec4d837/tanstack-react-query-5.90.19.tgz",
+      "_integrity": "sha512-qTZRZ4QyTzQc+M0IzrbKHxSeISUmRB3RPGmao5bT+sI6ayxSRhn0FXEnT5Hg3as8SBFcRosrXXRFB+yAcxVxJQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.19"
+      },
+      "react-native": "src/index.ts",
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "react": "^19.2.1",
+        "cpy-cli": "^5.0.0",
+        "react-dom": "^19.2.1",
+        "@types/react": "^19.2.7",
+        "npm-run-all2": "^5.0.0",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-error-boundary": "^4.1.2",
+        "@testing-library/react": "^16.1.0",
+        "@tanstack/query-test-utils": "0.0.0",
+        "@tanstack/query-persist-client-core": "5.91.18",
+        "@testing-library/react-render-stream": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.90.19_1768678173151_0.49986932929344774",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.90.18": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.18",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.90.18",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "68ef1235ad82850d318c60136209b06a0cc16186",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.18.tgz",
+        "fileCount": 325,
+        "integrity": "sha512-KqNZX0C5IFz4639zR1ilnQ288tQdJrMNLtzmlzyJ14xauBkhtLEy3mPU/V4KiHsr41eL1ILZbDP36TB12lYfCQ==",
+        "signatures": [
+          {
+            "sig": "MEQCIAEE66PmXG1QrIgC/+bFjNdwYlgKZyfim90c9qYwSZ5tAiBZOj9uQ7Bdi8R1iFOzfbTfZS02pE+zYxkUcWGXNwpowQ==",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.18",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 736054
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.90.18.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          },
+          "@tanstack/custom-condition": "./src/index.ts"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:lib": "vitest",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/613b3786a414584fdb95bead2c63dd32/tanstack-react-query-5.90.18.tgz",
+      "_integrity": "sha512-KqNZX0C5IFz4639zR1ilnQ288tQdJrMNLtzmlzyJ14xauBkhtLEy3mPU/V4KiHsr41eL1ILZbDP36TB12lYfCQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.18"
+      },
+      "react-native": "src/index.ts",
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "react": "^19.2.1",
+        "cpy-cli": "^5.0.0",
+        "react-dom": "^19.2.1",
+        "@types/react": "^19.2.7",
+        "npm-run-all2": "^5.0.0",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-error-boundary": "^4.1.2",
+        "@testing-library/react": "^16.1.0",
+        "@tanstack/query-test-utils": "0.0.0",
+        "@tanstack/query-persist-client-core": "5.91.17",
+        "@testing-library/react-render-stream": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.90.18_1768561362825_0.27479102341983563",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.90.17": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.17",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.90.17",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "509cc41ee1700b852866b477ee086fc3a4ed1e27",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.17.tgz",
+        "fileCount": 325,
+        "integrity": "sha512-PGc2u9KLwohDUSchjW9MZqeDQJfJDON7y4W7REdNBgiFKxQy+Pf7eGjiFWEj5xPqKzAeHYdAb62IWI1a9UJyGQ==",
+        "signatures": [
+          {
+            "sig": "MEUCIEm+6AwG4Ogw0jX1cQlt5FWaRX8ub5FMbrHdugTt7nuTAiEA1CS0eN4w1xJ52ilGpcgssYMSXNGuGJeshdpYaFb4N9Q=",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.17",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 736054
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.90.17.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          },
+          "@tanstack/custom-condition": "./src/index.ts"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:lib": "vitest",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/9da3f9cf93aa4cfdb75a17c6288c1da8/tanstack-react-query-5.90.17.tgz",
+      "_integrity": "sha512-PGc2u9KLwohDUSchjW9MZqeDQJfJDON7y4W7REdNBgiFKxQy+Pf7eGjiFWEj5xPqKzAeHYdAb62IWI1a9UJyGQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.17"
+      },
+      "react-native": "src/index.ts",
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "react": "^19.2.1",
+        "cpy-cli": "^5.0.0",
+        "react-dom": "^19.2.1",
+        "@types/react": "^19.2.7",
+        "npm-run-all2": "^5.0.0",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-error-boundary": "^4.1.2",
+        "@testing-library/react": "^16.1.0",
+        "@tanstack/query-test-utils": "0.0.0",
+        "@tanstack/query-persist-client-core": "5.91.16",
+        "@testing-library/react-render-stream": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.90.17_1768371812200_0.392965803100352",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.90.16": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.16",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.90.16",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "76955d7027b5bff3d7f51163db7ea1c0bd430cb5",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.16.tgz",
+        "fileCount": 325,
+        "integrity": "sha512-bpMGOmV4OPmif7TNMteU/Ehf/hoC0Kf98PDc0F4BZkFrEapRMEqI/V6YS0lyzwSV6PQpY1y4xxArUIfBW5LVxQ==",
+        "signatures": [
+          {
+            "sig": "MEUCIQCDy3BYg41d7H5BJp6UQp9IQu1ctfN+p0PqnY1YpygW+QIgdRRKrSjTqTqjksU4RVF8GsC5IWCAasjPU30WGn/MEfY=",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.16",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 736054
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.90.16.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          },
+          "@tanstack/custom-condition": "./src/index.ts"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:lib": "vitest",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/a9f54aa3b16fb7a22946df8757fcbda0/tanstack-react-query-5.90.16.tgz",
+      "_integrity": "sha512-bpMGOmV4OPmif7TNMteU/Ehf/hoC0Kf98PDc0F4BZkFrEapRMEqI/V6YS0lyzwSV6PQpY1y4xxArUIfBW5LVxQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.16"
+      },
+      "react-native": "src/index.ts",
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "react": "^19.2.1",
+        "cpy-cli": "^5.0.0",
+        "react-dom": "^19.2.1",
+        "@types/react": "^19.2.7",
+        "npm-run-all2": "^5.0.0",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-error-boundary": "^4.1.2",
+        "@testing-library/react": "^16.1.0",
+        "@tanstack/query-test-utils": "0.0.0",
+        "@tanstack/query-persist-client-core": "5.91.15",
+        "@testing-library/react-render-stream": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.90.16_1767106297917_0.04428341572956751",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.90.15": {
+      "name": "@tanstack/react-query",
+      "version": "5.90.15",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.90.15",
+      "maintainers": [
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        },
+        {
+          "name": "schiller-manuel",
+          "email": "user5@example.com"
+        },
+        {
+          "name": "lachlancollins",
+          "email": "user6@example.com"
+        },
+        {
+          "name": "kylemathews",
+          "email": "user7@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "350f7d8ff93a10eb92c5a23b063e577f7637fefd",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.15.tgz",
+        "fileCount": 325,
+        "integrity": "sha512-uQvnDDcTOgJouNtAyrgRej+Azf0U5WDov3PXmHFUBc+t1INnAYhIlpZtCGNBLwCN41b43yO7dPNZu8xWkUFBwQ==",
+        "signatures": [
+          {
+            "sig": "MEYCIQDc2JcEVRMM+d8bPsAfklaA4GBuctpx71ywiIl65wfBWQIhAOe90mlWsCq/F9rNV2h0cHd3MbIHAYqzX1gp2+trzM8W",
+            "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
+          }
+        ],
+        "attestations": {
+          "url": "https://registry.npmjs.org/-/npm/v1/attestations/@tanstack%2freact-query@5.90.15",
+          "provenance": {
+            "predicateType": "https://slsa.dev/provenance/v1"
+          }
+        },
+        "unpackedSize": 732565
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.90.15.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          },
+          "@tanstack/custom-condition": "./src/index.ts"
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "premove ./build ./coverage ./dist-ts",
+        "compile": "tsc --build",
+        "test:lib": "vitest",
+        "build:tsup": "tsup --tsconfig tsconfig.prod.json",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "npm-run-all --serial test:types:*",
+        "test:eslint": "eslint --concurrency=auto ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../query-codemods/* ./build/codemods",
+        "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+        "test:types:tscurrent": "tsc --build"
+      },
+      "_npmUser": {
+        "name": "GitHub Actions",
+        "email": "user1@example.com",
+        "trustedPublisher": {
+          "id": "github",
+          "oidcConfigId": "oidc:723a6f52-dd1e-45dd-997e-011d5c0b77a0"
+        }
+      },
+      "_resolved": "/tmp/1e759d26267c22a8e8e41f7a5682b5f8/tanstack-react-query-5.90.15.tgz",
+      "_integrity": "sha512-uQvnDDcTOgJouNtAyrgRej+Azf0U5WDov3PXmHFUBc+t1INnAYhIlpZtCGNBLwCN41b43yO7dPNZu8xWkUFBwQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "11.6.0",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "24.8.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.15"
+      },
+      "react-native": "src/index.ts",
+      "_hasShrinkwrap": false,
+      "devDependencies": {
+        "react": "^19.2.1",
+        "cpy-cli": "^5.0.0",
+        "react-dom": "^19.2.1",
+        "@types/react": "^19.2.7",
+        "npm-run-all2": "^5.0.0",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-error-boundary": "^4.1.2",
+        "@testing-library/react": "^16.1.0",
+        "@tanstack/query-test-utils": "0.0.0",
+        "@tanstack/query-persist-client-core": "5.91.14",
+        "@testing-library/react-render-stream": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.90.15_1767023948844_0.015732589859847046",
+        "host": "s3://npm-registry-packages-npm-production"
+      }
+    },
+    "5.0.0-alpha.91": {
+      "name": "@tanstack/react-query",
+      "version": "5.0.0-alpha.91",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.0.0-alpha.91",
+      "maintainers": [
+        {
+          "name": "nksaraf",
+          "email": "user8@example.com"
+        },
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/tanstack/query/issues"
+      },
+      "dist": {
+        "shasum": "7369f6ca9b76d118e7bf33bc32cf1b0c6e24e8fa",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.0.0-alpha.91.tgz",
+        "fileCount": 292,
+        "integrity": "sha512-WkkS7gJCFlYLH8nU1Bf0W41KqJw4DC40hk3k+VEQQa+SEz/hsJ6ZfxAPMdiS4MCX5iKkYRqYjmMw0qPM5JxsTw==",
+        "signatures": [
+          {
+            "sig": "MEYCIQDMN7Eqnb+XNdVmdFRhmNXG5iIFcJWc9TjTbS4kBjjPAwIhAL9l494G6sAeA+6xpDYhbwvie20uk+SCTmKWiVQK5O2B",
+            "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
+          }
+        ],
+        "unpackedSize": 862209
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.0.0-alpha.91.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          }
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "rimraf ./build && rimraf ./coverage",
+        "test:lib": "vitest run --coverage",
+        "build:tsup": "tsup",
+        "test:build": "publint --strict && attw --pack",
+        "test:types": "tsc",
+        "test:eslint": "eslint --ext .ts,.tsx ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../codemods/src/**/* ./build/codemods"
+      },
+      "_npmUser": {
+        "name": "tannerlinsley",
+        "email": "user2@example.com"
+      },
+      "_resolved": "/tmp/2c01889357902a4e4afc4f8ffef426cd/tanstack-react-query-5.0.0-alpha.91.tgz",
+      "_integrity": "sha512-WkkS7gJCFlYLH8nU1Bf0W41KqJw4DC40hk3k+VEQQa+SEz/hsJ6ZfxAPMdiS4MCX5iKkYRqYjmMw0qPM5JxsTw==",
+      "repository": {
+        "url": "git+https://github.com/tanstack/query.git",
+        "type": "git"
+      },
+      "_npmVersion": "9.5.1",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "18.16.0",
+      "dependencies": {
+        "client-only": "0.0.1",
+        "@tanstack/query-core": "5.0.0-alpha.91"
+      },
+      "_hasShrinkwrap": false,
+      "readmeFilename": "README.md",
+      "devDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "@types/react": "^18.2.4",
+        "@types/react-dom": "^18.2.4",
+        "react-error-boundary": "^3.1.4"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.0.0-alpha.91_1690189627728_0.9203557568874883",
+        "host": "s3://npm-registry-packages"
+      }
+    },
+    "5.0.0-beta.35": {
+      "name": "@tanstack/react-query",
+      "version": "5.0.0-beta.35",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.0.0-beta.35",
+      "maintainers": [
+        {
+          "name": "nksaraf",
+          "email": "user8@example.com"
+        },
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "a07b5e6d62ceb89a05ce8fb092ac259548ea4a46",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.0.0-beta.35.tgz",
+        "fileCount": 319,
+        "integrity": "sha512-9hxP/DZbGucYFaHx6Njhkrbx32lNRk4QqqkGzyQ4IPaYfJTELE7urc9LBYRwrof211cj0W76IxmpjDwZ5ljZpQ==",
+        "signatures": [
+          {
+            "sig": "MEUCIHKQo1SNiWSRUX3Us//avR3uHZ2RGFbLDPuZGHK8XbyZAiEAzu3ChNTtwCdg/8eWm0i8+5wUNunfg8qwLdCCwO6bTCs=",
+            "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
+          }
+        ],
+        "unpackedSize": 994414
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.0.0-beta.35.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          }
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "rimraf ./build && rimraf ./coverage",
+        "test:lib": "vitest run --coverage",
+        "build:tsup": "tsup",
+        "test:build": "publint --strict",
+        "test:types": "tsc",
+        "test:eslint": "eslint --ext .ts,.tsx ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../codemods/* ./build/codemods"
+      },
+      "_npmUser": {
+        "name": "tannerlinsley",
+        "email": "user2@example.com"
+      },
+      "_resolved": "/tmp/22582a2c8dbe3fd63394d8f5a583b625/tanstack-react-query-5.0.0-beta.35.tgz",
+      "_integrity": "sha512-9hxP/DZbGucYFaHx6Njhkrbx32lNRk4QqqkGzyQ4IPaYfJTELE7urc9LBYRwrof211cj0W76IxmpjDwZ5ljZpQ==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "9.5.1",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "18.16.0",
+      "dependencies": {
+        "client-only": "0.0.1",
+        "@tanstack/query-core": "5.0.0-beta.35"
+      },
+      "_hasShrinkwrap": false,
+      "readmeFilename": "README.md",
+      "devDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "@types/react": "^18.2.4",
+        "@types/react-dom": "^18.2.4",
+        "react-error-boundary": "^3.1.4"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.0.0-beta.35_1695382972254_0.43948593907414724",
+        "host": "s3://npm-registry-packages"
+      }
+    },
+    "5.0.0-rc.16": {
+      "name": "@tanstack/react-query",
+      "version": "5.0.0-rc.16",
+      "author": {
+        "name": "tannerlinsley"
+      },
+      "license": "MIT",
+      "_id": "@tanstack/react-query@5.0.0-rc.16",
+      "maintainers": [
+        {
+          "name": "nksaraf",
+          "email": "user8@example.com"
+        },
+        {
+          "name": "tannerlinsley",
+          "email": "user2@example.com"
+        }
+      ],
+      "homepage": "https://tanstack.com/query",
+      "bugs": {
+        "url": "https://github.com/TanStack/query/issues"
+      },
+      "dist": {
+        "shasum": "0f92f918e33652249955ae8d7878bc065affdd03",
+        "tarball": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.0.0-rc.16.tgz",
+        "fileCount": 311,
+        "integrity": "sha512-6KA2UINzseZYqMxBaKHAj4/JOGUWqKsZEQ8eRgIo7iwWfk1wp8Pmr2Iq7xoQt5VXdjb3VFO7ox4utDIqb3uAGw==",
+        "signatures": [
+          {
+            "sig": "MEUCIQDXdgQZVukY5lHl+KYdNuY0is1dyoG9NHaehxsbxaU2UwIgRi69hT+PY7uyymS60jPwFYQ5eRO62Lw0GJSXri650Nk=",
+            "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
+          }
+        ],
+        "unpackedSize": 979172
+      },
+      "main": "build/legacy/index.cjs",
+      "type": "module",
+      "_from": "file:tanstack-react-query-5.0.0-rc.16.tgz",
+      "types": "build/legacy/index.d.ts",
+      "module": "build/legacy/index.js",
+      "exports": {
+        ".": {
+          "import": {
+            "types": "./build/modern/index.d.ts",
+            "default": "./build/modern/index.js"
+          },
+          "require": {
+            "types": "./build/modern/index.d.cts",
+            "default": "./build/modern/index.cjs"
+          }
+        },
+        "./package.json": "./package.json"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/tannerlinsley",
+        "type": "github"
+      },
+      "scripts": {
+        "build": "pnpm build:tsup && pnpm build:codemods",
+        "clean": "rimraf ./build && rimraf ./coverage",
+        "test:lib": "vitest run --coverage",
+        "build:tsup": "tsup",
+        "test:build": "publint --strict",
+        "test:types": "tsc",
+        "test:eslint": "eslint --ext .ts,.tsx ./src",
+        "test:lib:dev": "pnpm run test:lib --watch",
+        "build:codemods": "cpy ../codemods/* ./build/codemods"
+      },
+      "_npmUser": {
+        "name": "tannerlinsley",
+        "email": "user2@example.com"
+      },
+      "_resolved": "/tmp/ff20aef30955804bc27acbb71c5960c3/tanstack-react-query-5.0.0-rc.16.tgz",
+      "_integrity": "sha512-6KA2UINzseZYqMxBaKHAj4/JOGUWqKsZEQ8eRgIo7iwWfk1wp8Pmr2Iq7xoQt5VXdjb3VFO7ox4utDIqb3uAGw==",
+      "repository": {
+        "url": "git+https://github.com/TanStack/query.git",
+        "type": "git",
+        "directory": "packages/react-query"
+      },
+      "_npmVersion": "9.5.1",
+      "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
+      "directories": {},
+      "sideEffects": false,
+      "_nodeVersion": "18.16.0",
+      "dependencies": {
+        "@tanstack/query-core": "5.0.0-rc.12"
+      },
+      "_hasShrinkwrap": false,
+      "readmeFilename": "README.md",
+      "devDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "@types/react": "^18.2.4",
+        "@types/react-dom": "^18.2.4",
+        "react-error-boundary": "^3.1.4"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      },
+      "_npmOperationalInternal": {
+        "tmp": "tmp/react-query_5.0.0-rc.16_1697439754338_0.1457662529499495",
+        "host": "s3://npm-registry-packages"
+      }
+    }
+  },
+  "time": {
+    "modified": "2026-02-11T09:17:29.144Z",
+    "created": "2022-07-19T13:33:05.988Z",
+    "5.90.21": "2026-02-11T09:17:28.785Z",
+    "4.43.0": "2026-01-28T11:48:50.728Z",
+    "5.90.20": "2026-01-23T13:29:24.142Z",
+    "4.42.2": "2026-01-19T07:01:48.620Z",
+    "4.42.1": "2026-01-18T02:29:42.409Z",
+    "5.90.19": "2026-01-17T19:29:33.375Z",
+    "5.90.18": "2026-01-16T11:02:43.022Z",
+    "5.90.17": "2026-01-14T06:23:32.346Z",
+    "5.90.16": "2025-12-30T14:51:38.084Z",
+    "5.90.15": "2025-12-29T15:59:08.997Z",
+    "5.0.0-alpha.91": "2023-07-24T09:07:07.930Z",
+    "5.0.0-beta.35": "2023-09-22T11:42:52.492Z",
+    "5.0.0-rc.16": "2023-10-16T07:02:34.690Z"
+  },
+  "maintainers": [
+    {
+      "name": "tannerlinsley",
+      "email": "user2@example.com"
+    },
+    {
+      "name": "kevinvandy",
+      "email": "user3@example.com"
+    },
+    {
+      "name": "tkdodo",
+      "email": "user4@example.com"
+    },
+    {
+      "name": "schiller-manuel",
+      "email": "user5@example.com"
+    },
+    {
+      "name": "lachlancollins",
+      "email": "user6@example.com"
+    },
+    {
+      "name": "kylemathews",
+      "email": "user7@example.com"
+    }
+  ],
+  "author": {
+    "name": "tannerlinsley"
+  },
+  "license": "MIT",
+  "homepage": "https://tanstack.com/query",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TanStack/query.git",
+    "directory": "packages/react-query"
+  },
+  "bugs": {
+    "url": "https://github.com/TanStack/query/issues"
+  },
+  "readme": "<img src=\"https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133\" />\n\n![TanStack Query Header](https://github.com/TanStack/query/raw/main/media/repo-header.png)\n\nHooks for fetching, caching and updating asynchronous data in React\n\n<a href=\"https://twitter.com/intent/tweet?button_hashtag=TanStack\" target=\"\\_parent\">\n  <img alt=\"#TanStack\" src=\"https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack\">\n</a><a href=\"https://discord.com/invite/WrRKjPJ\" target=\"\\_parent\">\n  <img alt=\"\" src=\"https://img.shields.io/badge/Discord-TanStack-%235865F2\" />\n</a><a href=\"https://github.com/TanStack/query/actions?query=workflow%3A%22react-query+tests%22\">\n<img src=\"https://github.com/TanStack/query/workflows/react-query%20tests/badge.svg\" />\n</a><a href=\"https://www.npmjs.com/package/@tanstack/query-core\" target=\"\\_parent\">\n  <img alt=\"\" src=\"https://img.shields.io/npm/dm/@tanstack/query-core.svg\" />\n</a><a href=\"https://bundlejs.com/?q=%40tanstack%2Freact-query&config=%7B%22esbuild%22%3A%7B%22external%22%3A%5B%22react%22%2C%22react-dom%22%5D%7D%7D&badge=\" target=\"\\_parent\">\n  <img alt=\"\" src=\"https://deno.bundlejs.com/?q=@tanstack/react-query&config={%22esbuild%22:{%22external%22:[%22react%22,%22react-dom%22]}}&badge=detailed\" />\n</a><a href=\"#badge\">\n    <img alt=\"semantic-release\" src=\"https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg\">\n  </a><a href=\"https://github.com/TanStack/query/discussions\">\n  <img alt=\"Join the discussion on Github\" src=\"https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue\" />\n</a><a href=\"https://bestofjs.org/projects/tanstack-query\"><img alt=\"Best of JS\" src=\"https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%2Fquery%26since=daily\" /></a><a href=\"https://github.com/TanStack/query/\" target=\"\\_parent\">\n  <img alt=\"\" src=\"https://img.shields.io/github/stars/TanStack/query.svg?style=social&label=Star\" />\n</a><a href=\"https://twitter.com/tannerlinsley\" target=\"\\_parent\">\n  <img alt=\"\" src=\"https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow\" />\n</a> <a href=\"https://gitpod.io/from-referrer/\">\n  <img src=\"https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod\" alt=\"Gitpod Ready-to-Code\"/>\n</a>\n\nEnjoy this library? Try the entire [TanStack](https://tanstack.com)! [TanStack Table](https://github.com/TanStack/table), [TanStack Router](https://github.com/tanstack/router), [TanStack Virtual](https://github.com/tanstack/virtual), [React Charts](https://github.com/TanStack/react-charts), [React Ranger](https://github.com/TanStack/ranger)\n\n## Visit [tanstack.com/query](https://tanstack.com/query) for docs, guides, API and more!\n\n## Quick Features\n\n- Transport/protocol/backend agnostic data fetching (REST, GraphQL, promises, whatever!)\n- Auto Caching + Refetching (stale-while-revalidate, Window Refocus, Polling/Realtime)\n- Parallel + Dependent Queries\n- Mutations + Reactive Query Refetching\n- Multi-layer Cache + Automatic Garbage Collection\n- Paginated + Cursor-based Queries\n- Load-More + Infinite Scroll Queries w/ Scroll Recovery\n- Request Cancellation\n- [React Suspense](https://react.dev/reference/react/Suspense) + Fetch-As-You-Render Query Prefetching\n- Dedicated Devtools\n\n### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)\n\n<!-- Use the force, Luke -->\n",
+  "readmeFilename": "README.md"
+}
diff --git a/test/nuxt/components/OgImagePackage.spec.ts b/test/nuxt/components/OgImagePackage.spec.ts
index 1414a03f27..fe3664c5c6 100644
--- a/test/nuxt/components/OgImagePackage.spec.ts
+++ b/test/nuxt/components/OgImagePackage.spec.ts
@@ -1,56 +1,76 @@
 import { mockNuxtImport, mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
 import { describe, expect, it, vi, beforeEach } from 'vitest'
 
-const { mockUseResolvedVersion, mockUsePackageDownloads, mockUsePackage, mockUseRepoMeta } =
-  vi.hoisted(() => ({
-    mockUseResolvedVersion: vi.fn(),
-    mockUsePackageDownloads: vi.fn(),
-    mockUsePackage: vi.fn(),
-    mockUseRepoMeta: vi.fn(),
-  }))
+const {
+  mockUseResolvedVersion,
+  mockUsePackage,
+  mockUseRepoMeta,
+  mockFetchPackageDownloadEvolution,
+} = vi.hoisted(() => ({
+  mockUseResolvedVersion: vi.fn(),
+  mockUsePackage: vi.fn(),
+  mockUseRepoMeta: vi.fn(),
+  mockFetchPackageDownloadEvolution: vi.fn().mockResolvedValue([]),
+}))
 
 mockNuxtImport('useResolvedVersion', () => mockUseResolvedVersion)
-mockNuxtImport('usePackageDownloads', () => mockUsePackageDownloads)
 mockNuxtImport('usePackage', () => mockUsePackage)
 mockNuxtImport('useRepoMeta', () => mockUseRepoMeta)
 mockNuxtImport('normalizeGitUrl', () => () => 'https://github.com/test/repo')
 
-import OgImagePackage from '~/components/OgImage/Package.vue'
+// Mock explicit imports used by sparkline
+vi.mock('~/utils/npm/api', () => ({
+  fetchNpmDownloadsRange: vi.fn().mockResolvedValue(null),
+}))
+vi.mock('~/composables/useCharts', () => ({
+  useCharts: vi.fn().mockReturnValue({
+    fetchPackageDownloadEvolution: mockFetchPackageDownloadEvolution,
+  }),
+  smoothPath: vi.fn().mockReturnValue(''),
+}))
+
+import OgImagePackage from '~/components/OgImage/Package.takumi.vue'
 
 describe('OgImagePackage', () => {
   const baseProps = {
     name: 'test-package',
     version: '1.0.0',
+    variant: 'download-chart' as const,
   }
 
   function setupMocks(
     overrides: {
       stars?: number
-      totalLikes?: number
-      downloads?: number | null
       license?: string | null
       packageName?: string
+      downloads?: number
     } = {},
   ) {
     const {
       stars = 0,
-      totalLikes = 0,
-      downloads = 1000,
       license = 'MIT',
       packageName = 'test-package',
+      downloads = 12500,
     } = overrides
 
+    // Mock weekly evolution to provide download counts
+    mockFetchPackageDownloadEvolution.mockResolvedValue(downloads > 0 ? [{ value: downloads }] : [])
+
+    // Mock $fetch for likes endpoint
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    vi.spyOn(globalThis, '$fetch').mockImplementation(((url: string) => {
+      if (typeof url === 'string' && url.includes('/api/social/likes/')) {
+        return Promise.resolve({ totalLikes: 0, userHasLiked: false })
+      }
+      return Promise.resolve(null)
+    }) as any)
+
     mockUseResolvedVersion.mockReturnValue({
       data: ref('1.0.0'),
       status: ref('success'),
       error: ref(null),
     })
 
-    mockUsePackageDownloads.mockReturnValue({
-      data: downloads != null ? ref({ downloads }) : ref(null),
-      refresh: vi.fn().mockResolvedValue(undefined),
-    })
-
     mockUsePackage.mockReturnValue({
       data: ref({
         name: packageName,
@@ -63,25 +83,29 @@ describe('OgImagePackage', () => {
     })
 
     mockUseRepoMeta.mockReturnValue({
+      meta: computed(() => null),
+      repoRef: computed(() => ({ owner: 'test', repo: 'repo' })),
+      starsLink: computed(() => ''),
+      forks: computed(() => 0),
+      forksLink: computed(() => ''),
       stars: computed(() => stars),
       refresh: vi.fn().mockResolvedValue(undefined),
     })
 
-    // Mock the likes API endpoint used by useFetch
     registerEndpoint(`/api/social/likes/${packageName}`, () => ({
-      totalLikes,
+      totalLikes: 0,
       userHasLiked: false,
     }))
   }
 
   beforeEach(() => {
     mockUseResolvedVersion.mockReset()
-    mockUsePackageDownloads.mockReset()
     mockUsePackage.mockReset()
     mockUseRepoMeta.mockReset()
+    vi.restoreAllMocks()
   })
 
-  it('renders the package name and version', async () => {
+  it('renders the package name', async () => {
     setupMocks({ packageName: 'vue' })
 
     const component = await mountSuspended(OgImagePackage, {
@@ -89,7 +113,6 @@ describe('OgImagePackage', () => {
     })
 
     expect(component.text()).toContain('vue')
-    expect(component.text()).toContain('1.0.0')
   })
 
   describe('license', () => {
@@ -136,25 +159,38 @@ describe('OgImagePackage', () => {
     })
   })
 
-  describe('likes', () => {
-    it('hides likes section when totalLikes is 0', async () => {
-      setupMocks({ totalLikes: 0 })
+  describe('downloads', () => {
+    it('shows formatted downloads when present', async () => {
+      setupMocks({ downloads: 12500 })
 
       const component = await mountSuspended(OgImagePackage, {
         props: baseProps,
       })
 
-      expect(component.find('[data-testid="likes"]').exists()).toBe(false)
+      expect(component.find('[data-testid="downloads"]').exists()).toBe(true)
+      expect(component.text()).toContain('12.5K')
+      expect(component.text()).toContain('/wk')
     })
 
-    it('shows likes section when totalLikes is positive', async () => {
-      setupMocks({ totalLikes: 42 })
+    it('hides downloads when count is 0', async () => {
+      setupMocks({ downloads: 0 })
 
       const component = await mountSuspended(OgImagePackage, {
         props: baseProps,
       })
 
-      expect(component.text()).toContain('42')
+      expect(component.find('[data-testid="downloads"]').exists()).toBe(false)
     })
   })
+
+  it('renders repo info', async () => {
+    setupMocks()
+
+    const component = await mountSuspended(OgImagePackage, {
+      props: baseProps,
+    })
+
+    expect(component.text()).toContain('test')
+    expect(component.text()).toContain('repo')
+  })
 })
diff --git a/test/unit/a11y-component-coverage.spec.ts b/test/unit/a11y-component-coverage.spec.ts
index f196dcd379..007dd6bfd5 100644
--- a/test/unit/a11y-component-coverage.spec.ts
+++ b/test/unit/a11y-component-coverage.spec.ts
@@ -21,11 +21,15 @@ import { assert, describe, it } from 'vitest'
  * from #components, it counts as testing `SomeComponent.client.vue` if it exists.
  */
 const SKIPPED_COMPONENTS: Record<string, string> = {
-  // OgImage components are server-side rendered images, not interactive UI
-  'OgImage/BlogPost.vue': 'OG Image component - server-rendered image, not interactive UI',
-  'OgImage/Default.vue': 'OG Image component - server-rendered image, not interactive UI',
-  'OgImage/Package.vue': 'OG Image component - server-rendered image, not interactive UI',
-  'OgImage/Compare.vue': 'OG Image component - server-rendered image, not interactive UI',
+  // OG image components are server-side rendered images, not interactive UI
+  'OgBrand.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgLayout.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgImage/BlogPost.takumi.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgImage/Compare.takumi.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgImage/Package.takumi.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgImage/Page.takumi.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgImage/Profile.takumi.vue': 'OG Image component - server-rendered image, not interactive UI',
+  'OgImage/Splash.takumi.vue': 'OG Image component - server-rendered image, not interactive UI',
 
   // Client-only components with complex dependencies
   'Header/AuthModal.client.vue': 'Complex auth modal with navigation - requires full app context',
diff --git a/uno.config.ts b/uno.config.ts
index 1b9e92b7f0..eef2b11cb3 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -22,6 +22,18 @@ const customIcons = {
 }
 
 export default defineConfig({
+  // og-image uses hardcoded classes we don't want bundled into main app
+  content: {
+    pipeline: {
+      exclude: [
+        // Preserve the UnoCSS defaults that @unocss/nuxt normally sets
+        /\.(css|postcss|sass|scss|less|stylus|styl)($|\?)/,
+        /\?macro=true/,
+        // Exclude OG image templates from the pipeline
+        '**/OgImage/*.takumi.vue',
+      ],
+    },
+  },
   presets: [
     presetWind4(),
     presetIcons({