@easybits.cloud/html-tailwind-generator 0.2.144 → 0.2.146

package/dist/{chunk-DCLDOBYZ.js → chunk-QJZQ56GM.js}

@@ -1,261 +1,3 @@
-// src/images/pexels.ts
-async function searchImage(query, apiKey) {
-  const key = apiKey || process.env.PEXELS_API_KEY;
-  if (!key) return null;
-  try {
-    const res = await fetch(
-      `https://api.pexels.com/v1/search?query=${encodeURIComponent(query)}&per_page=5&orientation=landscape&locale=en-US`,
-      { headers: { Authorization: key } }
-    );
-    if (!res.ok) {
-      console.warn(`[pexels] ${res.status} for "${query}", trying unsplash fallback`);
-      return searchUnsplash(query);
-    }
-    const data = await res.json();
-    const photos = data.photos;
-    if (!photos || photos.length === 0) {
-      console.warn(`[pexels] 0 results for "${query}"`);
-      return null;
-    }
-    const photo = photos[Math.floor(Math.random() * photos.length)];
-    return {
-      url: photo.src.large,
-      photographer: photo.photographer,
-      alt: photo.alt || query
-    };
-  } catch {
-    return searchUnsplash(query);
-  }
-}
-async function searchUnsplash(query) {
-  try {
-    const res = await fetch(
-      `https://unsplash.com/napi/search/photos?query=${encodeURIComponent(query)}&per_page=5&orientation=landscape`
-    );
-    if (!res.ok) return null;
-    const data = await res.json();
-    const results = data.results;
-    if (!results || results.length === 0) return null;
-    const photo = results[Math.floor(Math.random() * results.length)];
-    return {
-      url: photo.urls?.regular || photo.urls?.small,
-      photographer: photo.user?.name || "Unsplash",
-      alt: photo.alt_description || query
-    };
-  } catch {
-    return null;
-  }
-}
-
-// src/images/dalleImages.ts
-async function generateImage(query, openaiApiKey) {
-  const res = await fetch("https://api.openai.com/v1/images/generations", {
-    method: "POST",
-    headers: {
-      Authorization: `Bearer ${openaiApiKey}`,
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      model: "dall-e-3",
-      prompt: query,
-      n: 1,
-      size: "1792x1024"
-    })
-  });
-  if (!res.ok) {
-    const err = await res.text().catch(() => "Unknown error");
-    throw new Error(`DALL-E API error ${res.status}: ${err}`);
-  }
-  const data = await res.json();
-  return data.data[0].url;
-}
-
-// src/images/enrichImages.ts
-var FAKE_DOMAINS = [
-  "images.unsplash.com",
-  "unsplash.com",
-  "via.placeholder.com",
-  "placeholder.com",
-  "placehold.co",
-  "placehold.it",
-  "placekitten.com",
-  "picsum.photos",
-  "loremflickr.com",
-  "source.unsplash.com",
-  "dummyimage.com",
-  "fakeimg.pl",
-  "example.com",
-  "img.freepik.com",
-  "cdn.pixabay.com"
-];
-function findImageSlots(html) {
-  const matches = [];
-  const seen = /* @__PURE__ */ new Set();
-  const diqRegex = /<img\s[^>]*data-image-query=["']([^"']+)["'][^>]*>/gi;
-  let m;
-  while ((m = diqRegex.exec(html)) !== null) {
-    const fullTag = m[0];
-    const query = m[1];
-    if (seen.has(query)) continue;
-    seen.add(query);
-    const cleanedTag = fullTag.replace(/\ssrc=["'][^"']*["']/, "").replace(/\sdata-image-query=["'][^"']*["']/, "");
-    const replaceTag = cleanedTag.replace(
-      /^<img/,
-      `<img src="{url}" data-enriched="true"`
-    );
-    matches.push({
-      query,
-      searchStr: fullTag,
-      replaceStr: replaceTag
-    });
-  }
-  const imgRegex = /<img\s[^>]*src="(https?:\/\/[^"]+)"[^>]*>/gi;
-  while ((m = imgRegex.exec(html)) !== null) {
-    const fullTag = m[0];
-    const srcUrl = m[1];
-    if (fullTag.includes("data-enriched")) continue;
-    if (srcUrl.includes("pexels.com")) continue;
-    if (seen.has(srcUrl)) continue;
-    let isFake = false;
-    try {
-      const domain = new URL(srcUrl).hostname;
-      isFake = FAKE_DOMAINS.some((d) => domain.includes(d));
-    } catch {
-      isFake = true;
-    }
-    if (!isFake) continue;
-    const altMatch = fullTag.match(/alt="([^"]*?)"/);
-    let query = altMatch?.[1]?.trim() || "";
-    if (!query) {
-      try {
-        const path = new URL(srcUrl).pathname;
-        const words = path.replace(/[^a-zA-Z]/g, " ").split(/\s+/).filter((w) => w.length > 2).slice(0, 4).join(" ");
-        if (words.length > 3) query = words;
-      } catch {
-      }
-    }
-    if (!query) query = "professional website hero image";
-    seen.add(srcUrl);
-    matches.push({
-      query,
-      searchStr: `src="${srcUrl}"`,
-      replaceStr: `src="{url}" data-enriched="true"`
-    });
-  }
-  return matches;
-}
-async function enrichImages(html, pexelsApiKeyOrOpts, openaiApiKey) {
-  let opts;
-  if (typeof pexelsApiKeyOrOpts === "object" && pexelsApiKeyOrOpts !== null) {
-    opts = pexelsApiKeyOrOpts;
-  } else {
-    opts = { pexelsApiKey: pexelsApiKeyOrOpts, openaiApiKey };
-  }
-  const slots = findImageSlots(html);
-  if (slots.length === 0) return html;
-  const resolved = await Promise.allSettled(
-    slots.map(async (slot) => {
-      let url = null;
-      if (opts.pexelsApiKey) {
-        const img = await searchImage(slot.query, opts.pexelsApiKey).catch(() => null);
-        url = img?.url || null;
-      }
-      if (!url && opts.openaiApiKey) {
-        try {
-          const tempUrl = await generateImage(slot.query, opts.openaiApiKey);
-          url = opts.persistImage ? await opts.persistImage(tempUrl, slot.query) : tempUrl;
-        } catch (e) {
-          console.warn(`[dalle] failed for "${slot.query}":`, e);
-        }
-      }
-      url ??= `https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(slot.query.slice(0, 30))}`;
-      return { slot, url };
-    })
-  );
-  let result = html;
-  for (const r of resolved) {
-    if (r.status === "fulfilled" && r.value) {
-      const { slot, url } = r.value;
-      const replacement = slot.replaceStr.replace("{url}", url);
-      result = result.replaceAll(slot.searchStr, replacement);
-    }
-  }
-  result = result.replace(/<img\s(?![^>]*\bsrc=)([^>]*?)>/gi, (_match, attrs) => {
-    const altMatch = attrs.match(/alt="([^"]*?)"/);
-    const query = altMatch?.[1] || "professional image";
-    return `<img src="https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(query.slice(0, 30))}" ${attrs}>`;
-  });
-  return result;
-}
-
-// src/images/svgGenerator.ts
-import { createAnthropic as createAnthropic2 } from "@ai-sdk/anthropic";
-import { generateText } from "ai";
-
-// src/streamCore.ts
-import { streamText } from "ai";
-import { createAnthropic } from "@ai-sdk/anthropic";
-import { nanoid } from "nanoid";
-
-// src/images/enrichIcons.ts
-var ICON_PREFIXES = ["lucide", "heroicons", "material-symbols"];
-var iconCache = /* @__PURE__ */ new Map();
-function findIconSlots(html) {
-  const matches = [];
-  const regex = /<span\s[^>]*data-icon-query="([^"]+)"[^>]*><\/span>/gi;
-  let m;
-  while ((m = regex.exec(html)) !== null) {
-    matches.push({ query: m[1], fullMatch: m[0] });
-  }
-  return matches;
-}
-async function fetchIcon(name) {
-  if (iconCache.has(name)) return iconCache.get(name);
-  for (const prefix of ICON_PREFIXES) {
-    try {
-      const url = `https://api.iconify.design/${prefix}/${name}.svg?height=1em&color=currentColor`;
-      const res = await fetch(url);
-      if (res.ok) {
-        const svg = await res.text();
-        if (svg.startsWith("<svg")) {
-          iconCache.set(name, svg);
-          return svg;
-        }
-      }
-    } catch {
-    }
-  }
-  iconCache.set(name, null);
-  return null;
-}
-async function enrichSectionIcons(html) {
-  const slots = findIconSlots(html);
-  if (slots.length === 0) return html;
-  const uniqueQueries = [...new Set(slots.map((s) => s.query))];
-  const resolved = await Promise.allSettled(
-    uniqueQueries.map(async (query) => {
-      const svg = await fetchIcon(query);
-      return { query, svg };
-    })
-  );
-  const svgMap = /* @__PURE__ */ new Map();
-  for (const r of resolved) {
-    if (r.status === "fulfilled" && r.value.svg) {
-      svgMap.set(r.value.query, r.value.svg);
-    }
-  }
-  let result = html;
-  for (const slot of slots) {
-    const svg = svgMap.get(slot.query);
-    if (!svg) continue;
-    const classMatch = slot.fullMatch.match(/class="([^"]*)"/);
-    const classes = classMatch?.[1] || "inline-block w-5 h-5";
-    const svgWithClasses = svg.replace("<svg", `<svg class="${classes}"`);
-    result = result.replace(slot.fullMatch, svgWithClasses);
-  }
-  return result;
-}
-
 // src/sanitizeColors.ts
 var COLORS = "red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose";
 var SECONDARY_COLORS = "blue|indigo|violet";
@@ -440,142 +182,400 @@ function detectBgFamily(classStr) {
     else if (/^bg-surface-deep(?:\/\d+)?$/.test(t)) found = "surface-deep";
     else if (/^bg-surface(?:-alt)?(?:\/\d+)?$/.test(t)) found = "surface";
   }
-  if (found) return found;
-  if (tokens.some((t) => /^bg-gradient-/.test(t))) {
-    for (const t of tokens) {
-      const m = t.match(/^from-(primary|secondary|accent|surface)(?:-light|-dark|-alt)?(?:\/\d+)?$/);
-      if (m) return m[1];
+  if (found) return found;
+  if (tokens.some((t) => /^bg-gradient-/.test(t))) {
+    for (const t of tokens) {
+      const m = t.match(/^from-(primary|secondary|accent|surface)(?:-light|-dark|-alt)?(?:\/\d+)?$/);
+      if (m) return m[1];
+    }
+  }
+  return null;
+}
+function effectiveBg(stack) {
+  for (let i = stack.length - 1; i >= 0; i--) {
+    const v = stack[i];
+    if (v !== null) return v;
+  }
+  return "surface";
+}
+function onClass(bg) {
+  return `text-on-${bg}`;
+}
+function onMutedClass(bg) {
+  if (bg === "surface") return "text-on-surface-muted";
+  if (bg === "surface-deep") return "text-on-surface-deep";
+  return `text-on-${bg}`;
+}
+function fixTextClassesForBg(classStr, bg) {
+  let s = classStr;
+  const on = onClass(bg);
+  const onMuted = onMutedClass(bg);
+  s = s.replace(/\btext-on-surface-LIGHT\b/g, on);
+  s = s.replace(/\btext-on-surface-DARK\b/g, on);
+  s = s.replace(/\btext-on-surface-MUTED\b/g, onMuted);
+  if (bg === "primary") {
+    s = s.replace(/\btext-on-surface(?:-muted)?\b/g, "text-on-primary");
+    s = s.replace(/\btext-on-secondary\b/g, "text-on-primary");
+    s = s.replace(/\btext-on-accent\b/g, "text-on-primary");
+    s = s.replace(/\btext-primary(?!-(?:light|dark))\b/g, "text-on-primary");
+  } else if (bg === "secondary") {
+    s = s.replace(/\btext-on-surface(?:-muted)?\b/g, "text-on-secondary");
+    s = s.replace(/\btext-on-primary\b/g, "text-on-secondary");
+    s = s.replace(/\btext-on-accent\b/g, "text-on-secondary");
+    s = s.replace(/\btext-secondary\b/g, "text-on-secondary");
+  } else if (bg === "accent") {
+    s = s.replace(/\btext-on-surface(?:-muted)?\b/g, "text-on-accent");
+    s = s.replace(/\btext-on-primary\b/g, "text-on-accent");
+    s = s.replace(/\btext-on-secondary\b/g, "text-on-accent");
+    s = s.replace(/\btext-accent\b/g, "text-on-accent");
+  } else if (bg === "surface-deep") {
+    s = s.replace(/\btext-on-surface(?!-deep)(?:-muted)?\b/g, "text-on-surface-deep");
+    s = s.replace(/\btext-on-primary\b/g, "text-on-surface-deep");
+    s = s.replace(/\btext-on-secondary\b/g, "text-on-surface-deep");
+    s = s.replace(/\btext-on-accent\b/g, "text-on-surface-deep");
+  } else {
+    s = s.replace(/\btext-on-primary\b/g, "text-on-surface");
+    s = s.replace(/\btext-on-secondary\b/g, "text-on-surface");
+    s = s.replace(/\btext-on-accent\b/g, "text-on-surface");
+  }
+  return s;
+}
+function ancestorAwareTextPass(html) {
+  try {
+    const tagRe = /<(\/?)([a-zA-Z][a-zA-Z0-9]*)\b([^>]*?)(\/?)>/g;
+    const stack = [];
+    let out = "";
+    let lastIdx = 0;
+    let m;
+    while ((m = tagRe.exec(html)) !== null) {
+      const [full, slash, tagName, attrs, selfCloseSlash] = m;
+      out += html.slice(lastIdx, m.index);
+      lastIdx = m.index + full.length;
+      if (slash === "/") {
+        stack.pop();
+        out += full;
+        continue;
+      }
+      const classMatch = attrs.match(/\bclass="([^"]*)"/);
+      const ownBg = classMatch ? detectBgFamily(classMatch[1]) : null;
+      const effective = ownBg ?? effectiveBg(stack);
+      let newAttrs = attrs;
+      if (classMatch) {
+        const fixed = fixTextClassesForBg(classMatch[1], effective);
+        if (fixed !== classMatch[1]) {
+          newAttrs = attrs.replace(/\bclass="[^"]*"/, `class="${fixed}"`);
+        }
+      }
+      out += `<${tagName}${newAttrs}${selfCloseSlash}>`;
+      const isVoid = VOID_TAGS.has(tagName.toLowerCase()) || selfCloseSlash === "/";
+      if (!isVoid) stack.push(ownBg);
+    }
+    out += html.slice(lastIdx);
+    out = out.replace(/\btext-on-surface-LIGHT\b/g, "text-on-surface").replace(/\btext-on-surface-DARK\b/g, "text-on-surface").replace(/\btext-on-surface-MUTED\b/g, "text-on-surface-muted");
+    return out;
+  } catch {
+    return html.replace(/\btext-on-surface-LIGHT\b/g, "text-on-surface").replace(/\btext-on-surface-DARK\b/g, "text-on-surface").replace(/\btext-on-surface-MUTED\b/g, "text-on-surface-muted");
+  }
+}
+function arbitraryValueReplacements(html, themeColors) {
+  let s = html;
+  const bgUtilGroup = BG_LIKE_UTILS.join("|");
+  const bgPattern = new RegExp(
+    `(?<![A-Za-z0-9_-])((?:[a-z-]+:)*)(${bgUtilGroup})-\\[#([0-9a-fA-F]{3,8})\\](\\/\\d{1,3})?(?![A-Za-z0-9_-])`,
+    "g"
+  );
+  s = s.replace(bgPattern, (_m, variants, util, hex, opacity) => {
+    const role = hexToRole(hex, themeColors);
+    const op = opacity || "";
+    return `${variants}${util}-${role}${op}`;
+  });
+  const textPattern = /(?<![A-Za-z0-9_-])((?:[a-z-]+:)*)text-\[#([0-9a-fA-F]{3,8})\](\/\d{1,3})?(?![A-Za-z0-9_-])/g;
+  s = s.replace(textPattern, (_m, variants, hex, opacity) => {
+    const op = opacity || "";
+    if (themeColors) {
+      const role = hexToRole(hex, themeColors);
+      if (role === "primary" || role === "secondary" || role === "accent") {
+        return `${variants}text-${role}${op}`;
+      }
+    }
+    return `${variants}text-on-surface-MUTED${op}`;
+  });
+  return s;
+}
+function sanitizeSemanticColors(html, themeColors) {
+  let result = html;
+  for (const [pattern, replacement] of neutralReplacements) {
+    result = result.replace(pattern, replacement);
+  }
+  for (const [pattern, replacement] of textSeedReplacements) {
+    result = result.replace(pattern, replacement);
+  }
+  result = arbitraryValueReplacements(result, themeColors);
+  const hasSemanticClasses = /\b(?:bg-primary|bg-secondary|bg-accent|bg-surface)\b/.test(result);
+  if (!hasSemanticClasses) {
+    for (const [pattern, replacer] of chromaticReplacements) {
+      result = result.replace(pattern, replacer);
+    }
+  }
+  result = ancestorAwareTextPass(result);
+  return result;
+}
+
+// src/images/pexels.ts
+async function searchImage(query, apiKey) {
+  const key = apiKey || process.env.PEXELS_API_KEY;
+  if (!key) return null;
+  try {
+    const res = await fetch(
+      `https://api.pexels.com/v1/search?query=${encodeURIComponent(query)}&per_page=5&orientation=landscape&locale=en-US`,
+      { headers: { Authorization: key } }
+    );
+    if (!res.ok) {
+      console.warn(`[pexels] ${res.status} for "${query}", trying unsplash fallback`);
+      return searchUnsplash(query);
+    }
+    const data = await res.json();
+    const photos = data.photos;
+    if (!photos || photos.length === 0) {
+      console.warn(`[pexels] 0 results for "${query}"`);
+      return null;
+    }
+    const photo = photos[Math.floor(Math.random() * photos.length)];
+    return {
+      url: photo.src.large,
+      photographer: photo.photographer,
+      alt: photo.alt || query
+    };
+  } catch {
+    return searchUnsplash(query);
+  }
+}
+async function searchUnsplash(query) {
+  try {
+    const res = await fetch(
+      `https://unsplash.com/napi/search/photos?query=${encodeURIComponent(query)}&per_page=5&orientation=landscape`
+    );
+    if (!res.ok) return null;
+    const data = await res.json();
+    const results = data.results;
+    if (!results || results.length === 0) return null;
+    const photo = results[Math.floor(Math.random() * results.length)];
+    return {
+      url: photo.urls?.regular || photo.urls?.small,
+      photographer: photo.user?.name || "Unsplash",
+      alt: photo.alt_description || query
+    };
+  } catch {
+    return null;
+  }
+}
+
+// src/images/dalleImages.ts
+async function generateImage(query, openaiApiKey) {
+  const res = await fetch("https://api.openai.com/v1/images/generations", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${openaiApiKey}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      model: "dall-e-3",
+      prompt: query,
+      n: 1,
+      size: "1792x1024"
+    })
+  });
+  if (!res.ok) {
+    const err = await res.text().catch(() => "Unknown error");
+    throw new Error(`DALL-E API error ${res.status}: ${err}`);
+  }
+  const data = await res.json();
+  return data.data[0].url;
+}
+
+// src/images/enrichImages.ts
+var FAKE_DOMAINS = [
+  "images.unsplash.com",
+  "unsplash.com",
+  "via.placeholder.com",
+  "placeholder.com",
+  "placehold.co",
+  "placehold.it",
+  "placekitten.com",
+  "picsum.photos",
+  "loremflickr.com",
+  "source.unsplash.com",
+  "dummyimage.com",
+  "fakeimg.pl",
+  "example.com",
+  "img.freepik.com",
+  "cdn.pixabay.com"
+];
+function findImageSlots(html) {
+  const matches = [];
+  const seen = /* @__PURE__ */ new Set();
+  const diqRegex = /<img\s[^>]*data-image-query=["']([^"']+)["'][^>]*>/gi;
+  let m;
+  while ((m = diqRegex.exec(html)) !== null) {
+    const fullTag = m[0];
+    const query = m[1];
+    if (seen.has(query)) continue;
+    seen.add(query);
+    const cleanedTag = fullTag.replace(/\ssrc=["'][^"']*["']/, "").replace(/\sdata-image-query=["'][^"']*["']/, "");
+    const replaceTag = cleanedTag.replace(
+      /^<img/,
+      `<img src="{url}" data-enriched="true"`
+    );
+    matches.push({
+      query,
+      searchStr: fullTag,
+      replaceStr: replaceTag
+    });
+  }
+  const imgRegex = /<img\s[^>]*src="(https?:\/\/[^"]+)"[^>]*>/gi;
+  while ((m = imgRegex.exec(html)) !== null) {
+    const fullTag = m[0];
+    const srcUrl = m[1];
+    if (fullTag.includes("data-enriched")) continue;
+    if (srcUrl.includes("pexels.com")) continue;
+    if (seen.has(srcUrl)) continue;
+    let isFake = false;
+    try {
+      const domain = new URL(srcUrl).hostname;
+      isFake = FAKE_DOMAINS.some((d) => domain.includes(d));
+    } catch {
+      isFake = true;
     }
+    if (!isFake) continue;
+    const altMatch = fullTag.match(/alt="([^"]*?)"/);
+    let query = altMatch?.[1]?.trim() || "";
+    if (!query) {
+      try {
+        const path = new URL(srcUrl).pathname;
+        const words = path.replace(/[^a-zA-Z]/g, " ").split(/\s+/).filter((w) => w.length > 2).slice(0, 4).join(" ");
+        if (words.length > 3) query = words;
+      } catch {
+      }
+    }
+    if (!query) query = "professional website hero image";
+    seen.add(srcUrl);
+    matches.push({
+      query,
+      searchStr: `src="${srcUrl}"`,
+      replaceStr: `src="{url}" data-enriched="true"`
+    });
   }
-  return null;
-}
-function effectiveBg(stack) {
-  for (let i = stack.length - 1; i >= 0; i--) {
-    const v = stack[i];
-    if (v !== null) return v;
-  }
-  return "surface";
-}
-function onClass(bg) {
-  return `text-on-${bg}`;
-}
-function onMutedClass(bg) {
-  if (bg === "surface") return "text-on-surface-muted";
-  if (bg === "surface-deep") return "text-on-surface-deep";
-  return `text-on-${bg}`;
+  return matches;
 }
-function fixTextClassesForBg(classStr, bg) {
-  let s = classStr;
-  const on = onClass(bg);
-  const onMuted = onMutedClass(bg);
-  s = s.replace(/\btext-on-surface-LIGHT\b/g, on);
-  s = s.replace(/\btext-on-surface-DARK\b/g, on);
-  s = s.replace(/\btext-on-surface-MUTED\b/g, onMuted);
-  if (bg === "primary") {
-    s = s.replace(/\btext-on-surface(?:-muted)?\b/g, "text-on-primary");
-    s = s.replace(/\btext-on-secondary\b/g, "text-on-primary");
-    s = s.replace(/\btext-on-accent\b/g, "text-on-primary");
-    s = s.replace(/\btext-primary(?!-(?:light|dark))\b/g, "text-on-primary");
-  } else if (bg === "secondary") {
-    s = s.replace(/\btext-on-surface(?:-muted)?\b/g, "text-on-secondary");
-    s = s.replace(/\btext-on-primary\b/g, "text-on-secondary");
-    s = s.replace(/\btext-on-accent\b/g, "text-on-secondary");
-    s = s.replace(/\btext-secondary\b/g, "text-on-secondary");
-  } else if (bg === "accent") {
-    s = s.replace(/\btext-on-surface(?:-muted)?\b/g, "text-on-accent");
-    s = s.replace(/\btext-on-primary\b/g, "text-on-accent");
-    s = s.replace(/\btext-on-secondary\b/g, "text-on-accent");
-    s = s.replace(/\btext-accent\b/g, "text-on-accent");
-  } else if (bg === "surface-deep") {
-    s = s.replace(/\btext-on-surface(?!-deep)(?:-muted)?\b/g, "text-on-surface-deep");
-    s = s.replace(/\btext-on-primary\b/g, "text-on-surface-deep");
-    s = s.replace(/\btext-on-secondary\b/g, "text-on-surface-deep");
-    s = s.replace(/\btext-on-accent\b/g, "text-on-surface-deep");
+async function enrichImages(html, pexelsApiKeyOrOpts, openaiApiKey) {
+  let opts;
+  if (typeof pexelsApiKeyOrOpts === "object" && pexelsApiKeyOrOpts !== null) {
+    opts = pexelsApiKeyOrOpts;
   } else {
-    s = s.replace(/\btext-on-primary\b/g, "text-on-surface");
-    s = s.replace(/\btext-on-secondary\b/g, "text-on-surface");
-    s = s.replace(/\btext-on-accent\b/g, "text-on-surface");
+    opts = { pexelsApiKey: pexelsApiKeyOrOpts, openaiApiKey };
   }
-  return s;
-}
-function ancestorAwareTextPass(html) {
-  try {
-    const tagRe = /<(\/?)([a-zA-Z][a-zA-Z0-9]*)\b([^>]*?)(\/?)>/g;
-    const stack = [];
-    let out = "";
-    let lastIdx = 0;
-    let m;
-    while ((m = tagRe.exec(html)) !== null) {
-      const [full, slash, tagName, attrs, selfCloseSlash] = m;
-      out += html.slice(lastIdx, m.index);
-      lastIdx = m.index + full.length;
-      if (slash === "/") {
-        stack.pop();
-        out += full;
-        continue;
+  const slots = findImageSlots(html);
+  if (slots.length === 0) return html;
+  const resolved = await Promise.allSettled(
+    slots.map(async (slot) => {
+      let url = null;
+      if (opts.pexelsApiKey) {
+        const img = await searchImage(slot.query, opts.pexelsApiKey).catch(() => null);
+        url = img?.url || null;
       }
-      const classMatch = attrs.match(/\bclass="([^"]*)"/);
-      const ownBg = classMatch ? detectBgFamily(classMatch[1]) : null;
-      const effective = ownBg ?? effectiveBg(stack);
-      let newAttrs = attrs;
-      if (classMatch) {
-        const fixed = fixTextClassesForBg(classMatch[1], effective);
-        if (fixed !== classMatch[1]) {
-          newAttrs = attrs.replace(/\bclass="[^"]*"/, `class="${fixed}"`);
+      if (!url && opts.openaiApiKey) {
+        try {
+          const tempUrl = await generateImage(slot.query, opts.openaiApiKey);
+          url = opts.persistImage ? await opts.persistImage(tempUrl, slot.query) : tempUrl;
+        } catch (e) {
+          console.warn(`[dalle] failed for "${slot.query}":`, e);
         }
       }
-      out += `<${tagName}${newAttrs}${selfCloseSlash}>`;
-      const isVoid = VOID_TAGS.has(tagName.toLowerCase()) || selfCloseSlash === "/";
-      if (!isVoid) stack.push(ownBg);
-    }
-    out += html.slice(lastIdx);
-    out = out.replace(/\btext-on-surface-LIGHT\b/g, "text-on-surface").replace(/\btext-on-surface-DARK\b/g, "text-on-surface").replace(/\btext-on-surface-MUTED\b/g, "text-on-surface-muted");
-    return out;
-  } catch {
-    return html.replace(/\btext-on-surface-LIGHT\b/g, "text-on-surface").replace(/\btext-on-surface-DARK\b/g, "text-on-surface").replace(/\btext-on-surface-MUTED\b/g, "text-on-surface-muted");
-  }
-}
-function arbitraryValueReplacements(html, themeColors) {
-  let s = html;
-  const bgUtilGroup = BG_LIKE_UTILS.join("|");
-  const bgPattern = new RegExp(
-    `(?<![A-Za-z0-9_-])((?:[a-z-]+:)*)(${bgUtilGroup})-\\[#([0-9a-fA-F]{3,8})\\](\\/\\d{1,3})?(?![A-Za-z0-9_-])`,
-    "g"
+      url ??= `https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(slot.query.slice(0, 30))}`;
+      return { slot, url };
+    })
   );
-  s = s.replace(bgPattern, (_m, variants, util, hex, opacity) => {
-    const role = hexToRole(hex, themeColors);
-    const op = opacity || "";
-    return `${variants}${util}-${role}${op}`;
-  });
-  const textPattern = /(?<![A-Za-z0-9_-])((?:[a-z-]+:)*)text-\[#([0-9a-fA-F]{3,8})\](\/\d{1,3})?(?![A-Za-z0-9_-])/g;
-  s = s.replace(textPattern, (_m, variants, hex, opacity) => {
-    const op = opacity || "";
-    if (themeColors) {
-      const role = hexToRole(hex, themeColors);
-      if (role === "primary" || role === "secondary" || role === "accent") {
-        return `${variants}text-${role}${op}`;
-      }
+  let result = html;
+  for (const r of resolved) {
+    if (r.status === "fulfilled" && r.value) {
+      const { slot, url } = r.value;
+      const replacement = slot.replaceStr.replace("{url}", url);
+      result = result.replaceAll(slot.searchStr, replacement);
     }
-    return `${variants}text-on-surface-MUTED${op}`;
+  }
+  result = result.replace(/<img\s(?![^>]*\bsrc=)([^>]*?)>/gi, (_match, attrs) => {
+    const altMatch = attrs.match(/alt="([^"]*?)"/);
+    const query = altMatch?.[1] || "professional image";
+    return `<img src="https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(query.slice(0, 30))}" ${attrs}>`;
   });
-  return s;
+  return result;
 }
-function sanitizeSemanticColors(html, themeColors) {
-  let result = html;
-  for (const [pattern, replacement] of neutralReplacements) {
-    result = result.replace(pattern, replacement);
+
+// src/images/svgGenerator.ts
+import { createAnthropic as createAnthropic2 } from "@ai-sdk/anthropic";
+import { generateText } from "ai";
+
+// src/streamCore.ts
+import { streamText } from "ai";
+import { createAnthropic } from "@ai-sdk/anthropic";
+import { nanoid } from "nanoid";
+
+// src/images/enrichIcons.ts
+var ICON_PREFIXES = ["lucide", "heroicons", "material-symbols"];
+var iconCache = /* @__PURE__ */ new Map();
+function findIconSlots(html) {
+  const matches = [];
+  const regex = /<span\s[^>]*data-icon-query="([^"]+)"[^>]*><\/span>/gi;
+  let m;
+  while ((m = regex.exec(html)) !== null) {
+    matches.push({ query: m[1], fullMatch: m[0] });
   }
-  for (const [pattern, replacement] of textSeedReplacements) {
-    result = result.replace(pattern, replacement);
+  return matches;
+}
+async function fetchIcon(name) {
+  if (iconCache.has(name)) return iconCache.get(name);
+  for (const prefix of ICON_PREFIXES) {
+    try {
+      const url = `https://api.iconify.design/${prefix}/${name}.svg?height=1em&color=currentColor`;
+      const res = await fetch(url);
+      if (res.ok) {
+        const svg = await res.text();
+        if (svg.startsWith("<svg")) {
+          iconCache.set(name, svg);
+          return svg;
+        }
+      }
+    } catch {
+    }
   }
-  result = arbitraryValueReplacements(result, themeColors);
-  const hasSemanticClasses = /\b(?:bg-primary|bg-secondary|bg-accent|bg-surface)\b/.test(result);
-  if (!hasSemanticClasses) {
-    for (const [pattern, replacer] of chromaticReplacements) {
-      result = result.replace(pattern, replacer);
+  iconCache.set(name, null);
+  return null;
+}
+async function enrichSectionIcons(html) {
+  const slots = findIconSlots(html);
+  if (slots.length === 0) return html;
+  const uniqueQueries = [...new Set(slots.map((s) => s.query))];
+  const resolved = await Promise.allSettled(
+    uniqueQueries.map(async (query) => {
+      const svg = await fetchIcon(query);
+      return { query, svg };
+    })
+  );
+  const svgMap = /* @__PURE__ */ new Map();
+  for (const r of resolved) {
+    if (r.status === "fulfilled" && r.value.svg) {
+      svgMap.set(r.value.query, r.value.svg);
     }
   }
-  result = ancestorAwareTextPass(result);
+  let result = html;
+  for (const slot of slots) {
+    const svg = svgMap.get(slot.query);
+    if (!svg) continue;
+    const classMatch = slot.fullMatch.match(/class="([^"]*)"/);
+    const classes = classMatch?.[1] || "inline-block w-5 h-5";
+    const svgWithClasses = svg.replace("<svg", `<svg class="${classes}"`);
+    result = result.replace(slot.fullMatch, svgWithClasses);
+  }
   return result;
 }
 
@@ -1037,6 +1037,7 @@ async function generateSvg(prompt, anthropicApiKey, options) {
 }
 
 export {
+  sanitizeSemanticColors,
   searchImage,
   generateImage,
   findImageSlots,
@@ -1044,7 +1045,6 @@ export {
   generateSvg,
   findIconSlots,
   enrichSectionIcons,
-  sanitizeSemanticColors,
   currentDateLine,
   resolveModel,
   dataUrlToImagePart,
@@ -1056,4 +1056,4 @@ export {
   enrichSectionIconSlots,
   streamGenerate
 };
-//# sourceMappingURL=chunk-DCLDOBYZ.js.map
+//# sourceMappingURL=chunk-QJZQ56GM.js.map