nuxt-og-image 6.4.11 → 6.5.0

package/dist/chunks/tw4.cjs

@@ -4,8 +4,7 @@ const promises = require('node:fs/promises');
 const node_url = require('node:url');
 const exsolve = require('exsolve');
 const pathe = require('pathe');
-const cssProvider = require('./css-provider.cjs');
-const module$1 = require('../shared/nuxt-og-image.BeFRTBhf.cjs');
+const module$1 = require('../shared/nuxt-og-image.DVJCoUpz.cjs');
 require('node:fs');
 require('@nuxt/kit');
 require('defu');
@@ -104,7 +103,7 @@ function createStylesheetLoader(baseDir) {
     return { path: id, base, content: "" };
   };
 }
-function buildNuxtUiVars(vars, nuxtUiColors) {
+function buildNuxtUiVars(vars, nuxtUiColors, theme) {
   const colors = twColors;
   const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
   for (const [semantic, colorName] of Object.entries(nuxtUiColors)) {
@@ -119,21 +118,35 @@ function buildNuxtUiVars(vars, nuxtUiColors) {
   }
   const neutral = nuxtUiColors.neutral || "slate";
   const neutralColors = colors[neutral];
-  const semanticVars = {
-    // Dark mode text colors (inverted from light mode)
+  const semanticVars = theme === "light" ? {
+    "--ui-text-dimmed": neutralColors?.[400] || "",
+    "--ui-text-muted": neutralColors?.[500] || "",
+    "--ui-text-toned": neutralColors?.[600] || "",
+    "--ui-text": neutralColors?.[700] || "",
+    "--ui-text-highlighted": neutralColors?.[900] || "",
+    "--ui-text-inverted": "#ffffff",
+    "--ui-bg": "#ffffff",
+    "--ui-bg-muted": neutralColors?.[50] || "",
+    "--ui-bg-elevated": neutralColors?.[100] || "",
+    "--ui-bg-accented": neutralColors?.[200] || "",
+    "--ui-bg-inverted": neutralColors?.[900] || "",
+    "--ui-border": neutralColors?.[200] || "",
+    "--ui-border-muted": neutralColors?.[200] || "",
+    "--ui-border-accented": neutralColors?.[300] || "",
+    "--ui-border-inverted": neutralColors?.[900] || ""
+  } : {
+    // Dark mode (default for OG images, also explicit theme === 'dark')
     "--ui-text-dimmed": neutralColors?.[500] || "",
     "--ui-text-muted": neutralColors?.[400] || "",
     "--ui-text-toned": neutralColors?.[300] || "",
     "--ui-text": neutralColors?.[200] || "",
     "--ui-text-highlighted": "#ffffff",
     "--ui-text-inverted": neutralColors?.[900] || "",
-    // Dark mode backgrounds
     "--ui-bg": neutralColors?.[900] || "",
     "--ui-bg-muted": neutralColors?.[800] || "",
     "--ui-bg-elevated": neutralColors?.[800] || "",
     "--ui-bg-accented": neutralColors?.[700] || "",
     "--ui-bg-inverted": "#ffffff",
-    // Dark mode borders
     "--ui-border": neutralColors?.[800] || "",
     "--ui-border-muted": neutralColors?.[700] || "",
     "--ui-border-accented": neutralColors?.[700] || "",
@@ -147,16 +160,19 @@ function buildNuxtUiVars(vars, nuxtUiColors) {
 let cachedCompiler = null;
 let cachedCssPath = null;
 let cachedVars = null;
+let cachedExtractedVars = null;
 let pendingCompiler = null;
 const resolvedStyleCache = /* @__PURE__ */ new Map();
 function clearTw4UserVarsCache() {
   cachedVars = null;
+  cachedExtractedVars = null;
   resolvedStyleCache.clear();
 }
 function clearTw4Cache() {
   cachedCompiler = null;
   cachedCssPath = null;
   cachedVars = null;
+  cachedExtractedVars = null;
   pendingCompiler = null;
   resolvedStyleCache.clear();
 }
@@ -179,6 +195,13 @@ async function getCompiler(cssPath, nuxtUiColors) {
     cachedCompiler = compiler;
     cachedCssPath = cssPath;
     cachedVars = vars;
+    cachedExtractedVars = {
+      rootVars: /* @__PURE__ */ new Map(),
+      qualifiedRules: [],
+      universalVars: /* @__PURE__ */ new Map(),
+      propertyInitials: /* @__PURE__ */ new Map(),
+      perClassVars: /* @__PURE__ */ new Map()
+    };
     resolvedStyleCache.clear();
     return { compiler, vars };
   })();
@@ -188,7 +211,7 @@ async function getCompiler(cssPath, nuxtUiColors) {
   });
   return p;
 }
-async function parseCssOutput(rawCss, vars) {
+async function parseCssOutput(rawCss, vars, extractedAccum) {
   const css = await module$1.simplifyCss(rawCss);
   for (const [name, value] of module$1.extractCssVars(css)) {
     if (!vars.has(name))
@@ -199,6 +222,30 @@ async function parseCssOutput(rawCss, vars) {
       vars.set(name, value);
   }
   const perClassVars = module$1.extractPerClassVars(css);
+  if (extractedAccum) {
+    const fresh = await module$1.extractVarsFromCss(css);
+    for (const [n, v] of fresh.rootVars) {
+      if (!extractedAccum.rootVars.has(n))
+        extractedAccum.rootVars.set(n, v);
+    }
+    extractedAccum.qualifiedRules.push(...fresh.qualifiedRules);
+    for (const [n, v] of fresh.universalVars) {
+      if (!extractedAccum.universalVars.has(n))
+        extractedAccum.universalVars.set(n, v);
+    }
+    for (const [n, v] of fresh.propertyInitials) {
+      if (!extractedAccum.propertyInitials.has(n))
+        extractedAccum.propertyInitials.set(n, v);
+    }
+    for (const [name, classVars] of fresh.perClassVars) {
+      const existing = extractedAccum.perClassVars.get(name);
+      if (existing) {
+        for (const [k, v] of classVars) existing.set(k, v);
+      } else {
+        extractedAccum.perClassVars.set(name, new Map(classVars));
+      }
+    }
+  }
   const classes = module$1.extractClassStyles(css, { skipPrefixes: ["--"], merge: true });
   return { classes, perClassVars };
 }
@@ -284,34 +331,51 @@ async function buildGradient(classes, vars) {
   }
   return null;
 }
-async function resolveClassesToStyles(classes, options, context) {
+function buildThemeVars(baseVars, extracted, theme, nuxtUiColors) {
+  const vars = new Map(baseVars);
+  if (nuxtUiColors)
+    buildNuxtUiVars(vars, nuxtUiColors, theme);
+  if (extracted) {
+    const themeRootAttrs = { "data-theme": theme };
+    const themeVars = module$1.resolveExtractedVars(extracted, themeRootAttrs);
+    for (const [n, v] of themeVars)
+      vars.set(n, v);
+  }
+  return vars;
+}
+async function resolveClassesToStyles(classes, options, context, theme) {
   const { compiler, vars } = await getCompiler(options.cssPath, options.nuxtUiColors);
-  const uncached = classes.filter((c) => !resolvedStyleCache.has(c));
+  const cacheKeyFor = (cls) => theme ? `${cls}|${theme}` : cls;
+  const uncached = classes.filter((c) => !resolvedStyleCache.has(cacheKeyFor(c)));
   if (uncached.length > 0) {
     const outputCss = compiler.build(uncached);
-    const { classes: parsedClasses, perClassVars } = await parseCssOutput(outputCss, vars);
+    const { classes: parsedClasses, perClassVars } = await parseCssOutput(outputCss, vars, cachedExtractedVars || void 0);
+    const resolveVarsForClass = theme ? buildThemeVars(vars, cachedExtractedVars, theme, options.nuxtUiColors) : vars;
     for (const [className, rawStyles] of parsedClasses) {
       const classVars = perClassVars.get(className);
-      const mergedVars = classVars ? new Map([...vars, ...classVars]) : vars;
+      const mergedVars = classVars ? new Map([...resolveVarsForClass, ...classVars]) : resolveVarsForClass;
       const styles = await module$1.postProcessStyles(rawStyles, mergedVars, void 0, context);
+      const cacheKey = cacheKeyFor(className);
       if (!styles && className.startsWith("bg-gradient-")) {
-        resolvedStyleCache.set(className, rawStyles);
+        resolvedStyleCache.set(cacheKey, rawStyles);
       } else {
-        resolvedStyleCache.set(className, styles);
+        resolvedStyleCache.set(cacheKey, styles);
       }
     }
     for (const c of uncached) {
-      if (!resolvedStyleCache.has(c))
-        resolvedStyleCache.set(c, null);
+      const key = cacheKeyFor(c);
+      if (!resolvedStyleCache.has(key))
+        resolvedStyleCache.set(key, null);
     }
   }
   const result = {};
   for (const cls of classes) {
-    const resolved = resolvedStyleCache.get(cls);
+    const resolved = resolvedStyleCache.get(cacheKeyFor(cls));
     if (resolved)
       result[cls] = resolved;
   }
-  const gradient = await buildGradient(classes, vars);
+  const gradientVars = theme ? buildThemeVars(vars, cachedExtractedVars, theme, options.nuxtUiColors) : vars;
+  const gradient = await buildGradient(classes, gradientVars);
   if (gradient) {
     result[gradient.gradientClass] = { "background-image": gradient.value };
     for (const colorClass of gradient.colorClasses) {
@@ -381,19 +445,20 @@ function createTw4Provider(options) {
   }
   return {
     name: "tailwind",
-    async resolveClassesToStyles(classes, context) {
+    async resolveClassesToStyles(classes, context, rootAttrs) {
       await init();
       if (!cssPath)
         return {};
-      const baseClasses = cssProvider.extractVariantBaseClasses(classes);
+      const baseClasses = module$1.extractVariantBaseClasses(classes);
       const classesToResolve = [.../* @__PURE__ */ new Set([...classes, ...baseClasses])];
       const nuxtUiColors = await options.loadNuxtUiColors();
+      const theme = rootAttrs?.["data-theme"] === "light" || rootAttrs?.["data-theme"] === "dark" ? rootAttrs["data-theme"] : void 0;
       const tw4Resolved = await resolveClassesToStyles(classesToResolve, {
         cssPath,
         nuxtUiColors
-      }, context);
+      }, context, theme);
       const resolvedMap = new Map(Object.entries(tw4Resolved));
-      return cssProvider.resolveVariantPrefixes(classes, resolvedMap);
+      return module$1.resolveVariantPrefixes(classes, resolvedMap);
     },
     async extractMetadata() {
       await init();
@@ -402,13 +467,16 @@ function createTw4Provider(options) {
       const nuxtUiColors = await options.loadNuxtUiColors();
       return extractTw4Metadata({ cssPath, nuxtUiColors });
     },
-    async getVars() {
+    async getVars(rootAttrs) {
       await init();
       if (!cssPath)
         return /* @__PURE__ */ new Map();
       const nuxtUiColors = await options.loadNuxtUiColors();
       const { vars } = await getCompiler(cssPath, nuxtUiColors);
-      return vars;
+      const theme = rootAttrs?.["data-theme"] === "light" || rootAttrs?.["data-theme"] === "dark" ? rootAttrs["data-theme"] : void 0;
+      if (!theme)
+        return vars;
+      return buildThemeVars(vars, cachedExtractedVars, theme, nuxtUiColors);
     },
     clearUserVarsCache: clearTw4UserVarsCache,
     clearCache: clearTw4Cache

package/dist/chunks/tw4.mjs

@@ -2,8 +2,7 @@ import { readFile } from 'node:fs/promises';
 import { pathToFileURL } from 'node:url';
 import { resolveModulePath } from 'exsolve';
 import { dirname, join } from 'pathe';
-import { extractVariantBaseClasses, resolveVariantPrefixes } from './css-provider.mjs';
-import { g as resolveVarsDeep, s as simplifyCss, p as postProcessStyles, l as loadLightningCss, e as extractCssVars, b as extractUniversalVars, c as extractPerClassVars, d as extractClassStyles } from '../shared/nuxt-og-image.Buyb0q_F.mjs';
+import { e as extractVariantBaseClasses, r as resolveVariantPrefixes, h as resolveExtractedVars, i as resolveVarsDeep, s as simplifyCss, p as postProcessStyles, l as loadLightningCss, a as extractCssVars, c as extractUniversalVars, d as extractPerClassVars, g as extractVarsFromCss, f as extractClassStyles } from '../shared/nuxt-og-image.CBAJqzNe.mjs';
 import 'node:fs';
 import '@nuxt/kit';
 import 'defu';
@@ -102,7 +101,7 @@ function createStylesheetLoader(baseDir) {
     return { path: id, base, content: "" };
   };
 }
-function buildNuxtUiVars(vars, nuxtUiColors) {
+function buildNuxtUiVars(vars, nuxtUiColors, theme) {
   const colors = twColors;
   const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
   for (const [semantic, colorName] of Object.entries(nuxtUiColors)) {
@@ -117,21 +116,35 @@ function buildNuxtUiVars(vars, nuxtUiColors) {
   }
   const neutral = nuxtUiColors.neutral || "slate";
   const neutralColors = colors[neutral];
-  const semanticVars = {
-    // Dark mode text colors (inverted from light mode)
+  const semanticVars = theme === "light" ? {
+    "--ui-text-dimmed": neutralColors?.[400] || "",
+    "--ui-text-muted": neutralColors?.[500] || "",
+    "--ui-text-toned": neutralColors?.[600] || "",
+    "--ui-text": neutralColors?.[700] || "",
+    "--ui-text-highlighted": neutralColors?.[900] || "",
+    "--ui-text-inverted": "#ffffff",
+    "--ui-bg": "#ffffff",
+    "--ui-bg-muted": neutralColors?.[50] || "",
+    "--ui-bg-elevated": neutralColors?.[100] || "",
+    "--ui-bg-accented": neutralColors?.[200] || "",
+    "--ui-bg-inverted": neutralColors?.[900] || "",
+    "--ui-border": neutralColors?.[200] || "",
+    "--ui-border-muted": neutralColors?.[200] || "",
+    "--ui-border-accented": neutralColors?.[300] || "",
+    "--ui-border-inverted": neutralColors?.[900] || ""
+  } : {
+    // Dark mode (default for OG images, also explicit theme === 'dark')
     "--ui-text-dimmed": neutralColors?.[500] || "",
     "--ui-text-muted": neutralColors?.[400] || "",
     "--ui-text-toned": neutralColors?.[300] || "",
     "--ui-text": neutralColors?.[200] || "",
     "--ui-text-highlighted": "#ffffff",
     "--ui-text-inverted": neutralColors?.[900] || "",
-    // Dark mode backgrounds
     "--ui-bg": neutralColors?.[900] || "",
     "--ui-bg-muted": neutralColors?.[800] || "",
     "--ui-bg-elevated": neutralColors?.[800] || "",
     "--ui-bg-accented": neutralColors?.[700] || "",
     "--ui-bg-inverted": "#ffffff",
-    // Dark mode borders
     "--ui-border": neutralColors?.[800] || "",
     "--ui-border-muted": neutralColors?.[700] || "",
     "--ui-border-accented": neutralColors?.[700] || "",
@@ -145,16 +158,19 @@ function buildNuxtUiVars(vars, nuxtUiColors) {
 let cachedCompiler = null;
 let cachedCssPath = null;
 let cachedVars = null;
+let cachedExtractedVars = null;
 let pendingCompiler = null;
 const resolvedStyleCache = /* @__PURE__ */ new Map();
 function clearTw4UserVarsCache() {
   cachedVars = null;
+  cachedExtractedVars = null;
   resolvedStyleCache.clear();
 }
 function clearTw4Cache() {
   cachedCompiler = null;
   cachedCssPath = null;
   cachedVars = null;
+  cachedExtractedVars = null;
   pendingCompiler = null;
   resolvedStyleCache.clear();
 }
@@ -177,6 +193,13 @@ async function getCompiler(cssPath, nuxtUiColors) {
     cachedCompiler = compiler;
     cachedCssPath = cssPath;
     cachedVars = vars;
+    cachedExtractedVars = {
+      rootVars: /* @__PURE__ */ new Map(),
+      qualifiedRules: [],
+      universalVars: /* @__PURE__ */ new Map(),
+      propertyInitials: /* @__PURE__ */ new Map(),
+      perClassVars: /* @__PURE__ */ new Map()
+    };
     resolvedStyleCache.clear();
     return { compiler, vars };
   })();
@@ -186,7 +209,7 @@ async function getCompiler(cssPath, nuxtUiColors) {
   });
   return p;
 }
-async function parseCssOutput(rawCss, vars) {
+async function parseCssOutput(rawCss, vars, extractedAccum) {
   const css = await simplifyCss(rawCss);
   for (const [name, value] of extractCssVars(css)) {
     if (!vars.has(name))
@@ -197,6 +220,30 @@ async function parseCssOutput(rawCss, vars) {
       vars.set(name, value);
   }
   const perClassVars = extractPerClassVars(css);
+  if (extractedAccum) {
+    const fresh = await extractVarsFromCss(css);
+    for (const [n, v] of fresh.rootVars) {
+      if (!extractedAccum.rootVars.has(n))
+        extractedAccum.rootVars.set(n, v);
+    }
+    extractedAccum.qualifiedRules.push(...fresh.qualifiedRules);
+    for (const [n, v] of fresh.universalVars) {
+      if (!extractedAccum.universalVars.has(n))
+        extractedAccum.universalVars.set(n, v);
+    }
+    for (const [n, v] of fresh.propertyInitials) {
+      if (!extractedAccum.propertyInitials.has(n))
+        extractedAccum.propertyInitials.set(n, v);
+    }
+    for (const [name, classVars] of fresh.perClassVars) {
+      const existing = extractedAccum.perClassVars.get(name);
+      if (existing) {
+        for (const [k, v] of classVars) existing.set(k, v);
+      } else {
+        extractedAccum.perClassVars.set(name, new Map(classVars));
+      }
+    }
+  }
   const classes = extractClassStyles(css, { skipPrefixes: ["--"], merge: true });
   return { classes, perClassVars };
 }
@@ -282,34 +329,51 @@ async function buildGradient(classes, vars) {
   }
   return null;
 }
-async function resolveClassesToStyles(classes, options, context) {
+function buildThemeVars(baseVars, extracted, theme, nuxtUiColors) {
+  const vars = new Map(baseVars);
+  if (nuxtUiColors)
+    buildNuxtUiVars(vars, nuxtUiColors, theme);
+  if (extracted) {
+    const themeRootAttrs = { "data-theme": theme };
+    const themeVars = resolveExtractedVars(extracted, themeRootAttrs);
+    for (const [n, v] of themeVars)
+      vars.set(n, v);
+  }
+  return vars;
+}
+async function resolveClassesToStyles(classes, options, context, theme) {
   const { compiler, vars } = await getCompiler(options.cssPath, options.nuxtUiColors);
-  const uncached = classes.filter((c) => !resolvedStyleCache.has(c));
+  const cacheKeyFor = (cls) => theme ? `${cls}|${theme}` : cls;
+  const uncached = classes.filter((c) => !resolvedStyleCache.has(cacheKeyFor(c)));
   if (uncached.length > 0) {
     const outputCss = compiler.build(uncached);
-    const { classes: parsedClasses, perClassVars } = await parseCssOutput(outputCss, vars);
+    const { classes: parsedClasses, perClassVars } = await parseCssOutput(outputCss, vars, cachedExtractedVars || void 0);
+    const resolveVarsForClass = theme ? buildThemeVars(vars, cachedExtractedVars, theme, options.nuxtUiColors) : vars;
     for (const [className, rawStyles] of parsedClasses) {
       const classVars = perClassVars.get(className);
-      const mergedVars = classVars ? new Map([...vars, ...classVars]) : vars;
+      const mergedVars = classVars ? new Map([...resolveVarsForClass, ...classVars]) : resolveVarsForClass;
       const styles = await postProcessStyles(rawStyles, mergedVars, void 0, context);
+      const cacheKey = cacheKeyFor(className);
       if (!styles && className.startsWith("bg-gradient-")) {
-        resolvedStyleCache.set(className, rawStyles);
+        resolvedStyleCache.set(cacheKey, rawStyles);
       } else {
-        resolvedStyleCache.set(className, styles);
+        resolvedStyleCache.set(cacheKey, styles);
       }
     }
     for (const c of uncached) {
-      if (!resolvedStyleCache.has(c))
-        resolvedStyleCache.set(c, null);
+      const key = cacheKeyFor(c);
+      if (!resolvedStyleCache.has(key))
+        resolvedStyleCache.set(key, null);
     }
   }
   const result = {};
   for (const cls of classes) {
-    const resolved = resolvedStyleCache.get(cls);
+    const resolved = resolvedStyleCache.get(cacheKeyFor(cls));
     if (resolved)
       result[cls] = resolved;
   }
-  const gradient = await buildGradient(classes, vars);
+  const gradientVars = theme ? buildThemeVars(vars, cachedExtractedVars, theme, options.nuxtUiColors) : vars;
+  const gradient = await buildGradient(classes, gradientVars);
   if (gradient) {
     result[gradient.gradientClass] = { "background-image": gradient.value };
     for (const colorClass of gradient.colorClasses) {
@@ -379,17 +443,18 @@ function createTw4Provider(options) {
   }
   return {
     name: "tailwind",
-    async resolveClassesToStyles(classes, context) {
+    async resolveClassesToStyles(classes, context, rootAttrs) {
       await init();
       if (!cssPath)
         return {};
       const baseClasses = extractVariantBaseClasses(classes);
       const classesToResolve = [.../* @__PURE__ */ new Set([...classes, ...baseClasses])];
       const nuxtUiColors = await options.loadNuxtUiColors();
+      const theme = rootAttrs?.["data-theme"] === "light" || rootAttrs?.["data-theme"] === "dark" ? rootAttrs["data-theme"] : void 0;
       const tw4Resolved = await resolveClassesToStyles(classesToResolve, {
         cssPath,
         nuxtUiColors
-      }, context);
+      }, context, theme);
       const resolvedMap = new Map(Object.entries(tw4Resolved));
       return resolveVariantPrefixes(classes, resolvedMap);
     },
@@ -400,13 +465,16 @@ function createTw4Provider(options) {
       const nuxtUiColors = await options.loadNuxtUiColors();
       return extractTw4Metadata({ cssPath, nuxtUiColors });
     },
-    async getVars() {
+    async getVars(rootAttrs) {
       await init();
       if (!cssPath)
         return /* @__PURE__ */ new Map();
       const nuxtUiColors = await options.loadNuxtUiColors();
       const { vars } = await getCompiler(cssPath, nuxtUiColors);
-      return vars;
+      const theme = rootAttrs?.["data-theme"] === "light" || rootAttrs?.["data-theme"] === "dark" ? rootAttrs["data-theme"] : void 0;
+      if (!theme)
+        return vars;
+      return buildThemeVars(vars, cachedExtractedVars, theme, nuxtUiColors);
     },
     clearUserVarsCache: clearTw4UserVarsCache,
     clearCache: clearTw4Cache

package/dist/chunks/uno.cjs

@@ -3,9 +3,7 @@
 const promises = require('node:fs/promises');
 const defu = require('defu');
 const logger_js = require('../../dist/runtime/logger.js');
-const cssProvider = require('./css-provider.cjs');
-const module$1 = require('../shared/nuxt-og-image.BeFRTBhf.cjs');
-require('exsolve');
+const module$1 = require('../shared/nuxt-og-image.DVJCoUpz.cjs');
 require('node:fs');
 require('node:url');
 require('@nuxt/kit');
@@ -31,6 +29,7 @@ require('@vue/compiler-sfc');
 require('ofetch');
 require('ultrahtml');
 require('../../dist/runtime/server/og-image/core/transforms/emojis/emoji-utils.js');
+require('exsolve');
 require('../shared/nuxt-og-image.CMYbz66P.cjs');
 require('magicast');
 require('magicast/helpers');
@@ -122,7 +121,7 @@ function createUnoProvider(options) {
     async resolveClassesToStyles(classes, context, rootAttrs) {
       if (classes.length === 0)
         return {};
-      const baseClasses = cssProvider.extractVariantBaseClasses(classes);
+      const baseClasses = module$1.extractVariantBaseClasses(classes);
       const classesToGenerate = [.../* @__PURE__ */ new Set([...classes, ...baseClasses])];
       const gen = await getGenerator();
       const { css } = await gen.generate(classesToGenerate);
@@ -156,7 +155,7 @@ function createUnoProvider(options) {
         if (styles)
           resolvedBaseStyles.set(className, styles);
       }
-      return cssProvider.resolveVariantPrefixes(classes, resolvedBaseStyles);
+      return module$1.resolveVariantPrefixes(classes, resolvedBaseStyles);
     },
     async extractMetadata() {
       const gen = await getGenerator();

package/dist/chunks/uno.mjs

@@ -1,9 +1,7 @@
 import { readFile } from 'node:fs/promises';
 import { defu } from 'defu';
 import { logger } from '../../dist/runtime/logger.js';
-import { extractVariantBaseClasses, resolveVariantPrefixes } from './css-provider.mjs';
-import { s as simplifyCss, e as extractCssVars, a as extractPropertyInitialValues, b as extractUniversalVars, c as extractPerClassVars, d as extractClassStyles, p as postProcessStyles, f as extractVarsFromCss, r as resolveExtractedVars } from '../shared/nuxt-og-image.Buyb0q_F.mjs';
-import 'exsolve';
+import { e as extractVariantBaseClasses, s as simplifyCss, a as extractCssVars, b as extractPropertyInitialValues, c as extractUniversalVars, d as extractPerClassVars, f as extractClassStyles, p as postProcessStyles, r as resolveVariantPrefixes, g as extractVarsFromCss, h as resolveExtractedVars } from '../shared/nuxt-og-image.CBAJqzNe.mjs';
 import 'node:fs';
 import 'node:url';
 import '@nuxt/kit';
@@ -29,6 +27,7 @@ import '@vue/compiler-sfc';
 import 'ofetch';
 import 'ultrahtml';
 import '../../dist/runtime/server/og-image/core/transforms/emojis/emoji-utils.js';
+import 'exsolve';
 import '../shared/nuxt-og-image.CJa2KCie.mjs';
 import 'magicast';
 import 'magicast/helpers';

package/dist/devtools/200.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/DCbfjjTH.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.CvRWYJ1U.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/renderer-select.vw2MbfFR.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/DevtoolsSection.GitthLOC.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DCbfjjTH.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CP0tQR2M.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D-SbM8XJ.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DWbsyffp.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Dd8dEdTA.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BFnUFv7a.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BvRoxQk1.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DmRGXzI6.js"><script type="module" src="/__nuxt-og-image/_nuxt/DCbfjjTH.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT_SITE_CONFIG__={_priority:{env:-15,url:-3},env:"production",url:"https:\u002F\u002Fnuxtseo.com"}</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"f5ab59da-c358-4620-9199-a781a72853fc",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1777875090615,false]</script></body></html>
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/CAvCRPq5.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.D10ZDedD.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/renderer-select.DomsjmoH.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/DevtoolsSection.DithqiRs.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CAvCRPq5.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CP0tQR2M.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D-SbM8XJ.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DWbsyffp.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Dd8dEdTA.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BFnUFv7a.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BeokGQcV.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DNGiVUg5.js"><script type="module" src="/__nuxt-og-image/_nuxt/CAvCRPq5.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT_SITE_CONFIG__={_priority:{env:-15,url:-3},env:"production",url:"https:\u002F\u002Fnuxtseo.com"}</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"4e19b9f7-298b-4c14-85e9-238c217158cb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1777967598149,false]</script></body></html>

package/dist/devtools/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/DCbfjjTH.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.CvRWYJ1U.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/renderer-select.vw2MbfFR.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/DevtoolsSection.GitthLOC.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DCbfjjTH.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CP0tQR2M.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D-SbM8XJ.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DWbsyffp.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Dd8dEdTA.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BFnUFv7a.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BvRoxQk1.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DmRGXzI6.js"><script type="module" src="/__nuxt-og-image/_nuxt/DCbfjjTH.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT_SITE_CONFIG__={_priority:{env:-15,url:-3},env:"production",url:"https:\u002F\u002Fnuxtseo.com"}</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"f5ab59da-c358-4620-9199-a781a72853fc",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1777875090615,false]</script></body></html>
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/CAvCRPq5.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.D10ZDedD.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/renderer-select.DomsjmoH.css" crossorigin><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/DevtoolsSection.DithqiRs.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CAvCRPq5.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CP0tQR2M.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D-SbM8XJ.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DWbsyffp.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Dd8dEdTA.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BFnUFv7a.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BeokGQcV.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DNGiVUg5.js"><script type="module" src="/__nuxt-og-image/_nuxt/CAvCRPq5.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT_SITE_CONFIG__={_priority:{env:-15,url:-3},env:"production",url:"https:\u002F\u002Fnuxtseo.com"}</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"4e19b9f7-298b-4c14-85e9-238c217158cb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1777967598149,false]</script></body></html>

package/dist/devtools/_nuxt/{xchQSBmS.js → BFE1I-6y.js}

@@ -1,2 +1,2 @@
-import{C as e,K as t,T as n,Tt as r,U as i,_ as a,at as o,g as s,jt as c,u as l,v as u,y as d}from"./D-SbM8XJ.js";import{t as f}from"./Dd8dEdTA.js";import{t as p}from"./DmRGXzI6.js";import{t as m}from"./BUobo_a8.js";var h={class:`h-full max-h-full overflow-hidden space-y-5`},g={class:`space-y-2 p-3 bg-amber-500/10 rounded-lg border border-amber-500/20`},_=n({__name:`debug`,setup(n){let{globalDebug:_,debug:v}=f();return(n,f)=>{let y=p,b=m;return i(),d(`div`,h,[r(v)?.warnings?.length?(i(),a(y,{key:0,icon:`carbon:warning`,text:`Satori Warnings`},{default:o(()=>[s(`div`,g,[(i(!0),d(l,null,t(r(v).warnings,(e,t)=>(i(),d(`div`,{key:t,class:`text-sm text-amber-200 font-mono`},c(e),1))),128))])]),_:1})):u(``,!0),e(y,{icon:`carbon:settings`,text:`Compatibility`},{default:o(()=>[e(b,{code:JSON.stringify(r(_)?.compatibility||{},null,2),lang:`json`,label:`Compatibility`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`vNodes`},{default:o(()=>[e(b,{code:JSON.stringify(r(v)?.vnodes||{},null,2),lang:`json`,label:`vNodes`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`SVG`},{default:o(()=>[e(b,{code:r(v)?.svg?.replaceAll(`>`,`>
+import{C as e,K as t,T as n,Tt as r,U as i,_ as a,at as o,g as s,jt as c,u as l,v as u,y as d}from"./D-SbM8XJ.js";import{t as f}from"./Dd8dEdTA.js";import{t as p}from"./DNGiVUg5.js";import{t as m}from"./TwxRLlMM.js";var h={class:`h-full max-h-full overflow-hidden space-y-5`},g={class:`space-y-2 p-3 bg-amber-500/10 rounded-lg border border-amber-500/20`},_=n({__name:`debug`,setup(n){let{globalDebug:_,debug:v}=f();return(n,f)=>{let y=p,b=m;return i(),d(`div`,h,[r(v)?.warnings?.length?(i(),a(y,{key:0,icon:`carbon:warning`,text:`Satori Warnings`},{default:o(()=>[s(`div`,g,[(i(!0),d(l,null,t(r(v).warnings,(e,t)=>(i(),d(`div`,{key:t,class:`text-sm text-amber-200 font-mono`},c(e),1))),128))])]),_:1})):u(``,!0),e(y,{icon:`carbon:settings`,text:`Compatibility`},{default:o(()=>[e(b,{code:JSON.stringify(r(_)?.compatibility||{},null,2),lang:`json`,label:`Compatibility`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`vNodes`},{default:o(()=>[e(b,{code:JSON.stringify(r(v)?.vnodes||{},null,2),lang:`json`,label:`vNodes`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`SVG`},{default:o(()=>[e(b,{code:r(v)?.svg?.replaceAll(`>`,`>
 `)||``,lang:`xml`,label:`SVG`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:settings`,text:`Runtime Config`},{default:o(()=>[e(b,{code:JSON.stringify(r(_)?.runtimeConfig||{},null,2),lang:`json`,label:`Runtime Config`},null,8,[`code`])]),_:1})])}}});export{_ as default};