@baybreezy/docd 0.1.6 → 0.1.8

package/app/assets/css/tailwind.css

@@ -282,6 +282,16 @@ html.light {
   color-scheme: light;
 }
 
+/* Chromium/Brave on Windows renders the native <select> dropdown popup as an
+   OS widget outside the DOM. color-scheme must be set directly on the element
+   (not just inherited from html) for the popup to adopt dark styling. */
+.dark select {
+  color-scheme: dark;
+}
+.light select {
+  color-scheme: light;
+}
+
 h1 > a,
 h2 > a,
 h3 > a,

package/app/components/OgImage/Docs.takumi.vue

@@ -25,6 +25,14 @@
       </p>
 
       <div v-if="logoSvg" class="absolute bottom-7 left-7 size-10" v-html="logoSvg" />
+      <img
+        v-else-if="logoImgUrl"
+        class="absolute bottom-7 left-7"
+        :src="logoImgUrl"
+        width="40"
+        height="40"
+        style="object-fit: contain"
+      />
     </div>
   </div>
 </template>
@@ -38,8 +46,17 @@
 
   const { darkLogo, lightLogo } = useDocd();
   const logoPath = darkLogo.value || lightLogo.value;
+  const isSvg = logoPath?.toLowerCase().endsWith(".svg") ?? false;
 
-  const logoSvg = await fetchLogoSvg(logoPath);
+  const logoSvg = isSvg ? await fetchLogoSvg(logoPath) : "";
+  const logoImgUrl = !isSvg ? resolveLogoUrl(logoPath) : "";
+
+  function resolveLogoUrl(path?: string): string {
+    if (!path) return "";
+    if (path.startsWith("http")) return path;
+    const { url: siteUrl } = useSiteConfig();
+    return `${siteUrl}${path}`;
+  }
 
   function resizeSvg(svg: string, size: number): string {
     const s = String(size);

package/app/components/OgImage/Landing.takumi.vue

@@ -15,6 +15,14 @@
 
       <div class="flex flex-col items-center text-center">
         <div v-if="logoSvg" v-html="logoSvg" class="mb-5" />
+        <img
+          v-else-if="logoImgUrl"
+          class="mb-5"
+          :src="logoImgUrl"
+          width="48"
+          height="48"
+          style="object-fit: contain"
+        />
 
         <h1 v-if="title" class="mb-4 text-5xl leading-none font-bold tracking-tighter">
           {{ title }}
@@ -37,8 +45,17 @@
 
   const { darkLogo, lightLogo } = useDocd();
   const logoPath = darkLogo.value || lightLogo.value;
+  const isSvg = logoPath?.toLowerCase().endsWith(".svg") ?? false;
+
+  const logoSvg = isSvg ? await fetchLogoSvg(logoPath) : "";
+  const logoImgUrl = !isSvg ? resolveLogoUrl(logoPath) : "";
 
-  const logoSvg = await fetchLogoSvg(logoPath);
+  function resolveLogoUrl(path?: string): string {
+    if (!path) return "";
+    if (path.startsWith("http")) return path;
+    const { url: siteUrl } = useSiteConfig();
+    return `${siteUrl}${path}`;
+  }
 
   function resizeSvg(svg: string, size: number): string {
     const s = String(size);

package/app/components/docs/DocsThemeCustomizer.vue

@@ -39,7 +39,7 @@
             >Pick a style and color for your components.</UiDrawerDescription
           >
         </UiDrawerHeader>
-        <DocsThemeCustomizerCore />
+        <DocsThemeCustomizerCore class="overflow-y-auto px-2" />
       </UiDrawerContent>
     </UiDrawer>
   </ClientOnly>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baybreezy/docd",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A Nuxt layer for building documentation sites with UI Thing.",
   "repository": {
     "type": "git",
@@ -30,58 +30,58 @@
     "access": "public"
   },
   "dependencies": {
-    "@baybreezy/file-extension-icon": "^0.0.4",
-    "@iconify-json/lucide": "^1.2.105",
-    "@iconify-json/material-icon-theme": "^1.2.62",
-    "@iconify-json/simple-icons": "^1.2.80",
-    "@iconify/utils": "^3.1.1",
+    "@baybreezy/file-extension-icon": "^0.0.5",
+    "@iconify-json/lucide": "^1.2.111",
+    "@iconify-json/material-icon-theme": "^1.2.67",
+    "@iconify-json/simple-icons": "^1.2.86",
+    "@iconify/utils": "^3.1.3",
     "@morev/vue-transitions": "^3.0.5",
-    "@nuxt/content": "3.13.0",
+    "@nuxt/content": "3.14.0",
     "@nuxt/fonts": "^0.14.0",
-    "@nuxt/icon": "^2.2.1",
+    "@nuxt/icon": "^2.2.3",
     "@nuxt/image": "2.0.0",
-    "@nuxt/kit": "^4.4.4",
-    "@nuxtjs/color-mode": "^4.0.0",
-    "@nuxtjs/mcp-toolkit": "^0.14.0",
-    "@nuxtjs/mdc": "^0.21.1",
-    "@nuxtjs/robots": "^6.0.8",
+    "@nuxt/kit": "^4.4.8",
+    "@nuxtjs/color-mode": "^4.0.1",
+    "@nuxtjs/mcp-toolkit": "^0.17.2",
+    "@nuxtjs/mdc": "^0.22.0",
+    "@nuxtjs/robots": "^6.0.9",
     "@tailwindcss/forms": "^0.5.11",
-    "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.2.4",
-    "@takumi-rs/core": "^1.1.2",
+    "@tailwindcss/typography": "^0.5.20",
+    "@tailwindcss/vite": "^4.3.0",
+    "@takumi-rs/core": "^1.7.0",
     "@vueuse/core": "^14.3.0",
     "@vueuse/nuxt": "^14.3.0",
-    "better-sqlite3": "^12.9.0",
+    "better-sqlite3": "^12.10.0",
     "defu": "^6.1.7",
     "git-url-parse": "^16.1.0",
     "lodash-es": "^4.18.1",
-    "mermaid": "^11.14.0",
-    "motion-v": "^2.2.1",
+    "mermaid": "^11.15.0",
+    "motion-v": "^2.3.0",
     "nuxt-component-meta": "^0.17.2",
     "nuxt-gtag": "4.1.0",
     "nuxt-llms": "^0.2.0",
-    "nuxt-og-image": "^6.4.9",
+    "nuxt-og-image": "^6.5.3",
     "pkg-types": "^2.3.1",
-    "reka-ui": "^2.9.6",
-    "shiki": "^4.0.2",
-    "tailwind-merge": "^3.5.0",
+    "reka-ui": "^2.9.9",
+    "shiki": "^4.2.0",
+    "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
     "ufo": "^1.6.4",
     "vaul-vue": "^0.4.1",
     "vue-sonner": "^2.0.9",
-    "yaml": "^2.8.3",
-    "zod": "^4.4.1"
+    "yaml": "^2.9.0",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "nuxt": "^4.4.4",
+    "nuxt": "^4.4.8",
     "typescript": "^6.0.3",
     "vue": "latest",
-    "vue-router": "^5.0.6"
+    "vue-router": "^5.1.0"
   },
-  "packageManager": "bun@1.3.13",
+  "packageManager": "bun@1.3.14",
   "trustedDependencies": [
     "@morev/vue-transitions",
     "@parcel/watcher",