tailwind-styled-v4 5.0.34 → 5.0.36

package/dist/vite.mjs

@@ -1168,6 +1168,56 @@ var init_cssCompilationNative = __esm({
     init_nativeBridge();
   }
 });
+function loadTailwindEngine() {
+  if (_twEngine) return _twEngine;
+  if (_twEngineError) throw _twEngineError;
+  try {
+    const tw = require2("tailwindcss");
+    if (typeof tw.compile !== "function") {
+      throw new Error("tailwindcss v4 not found \u2014 compile() API missing. Check tailwindcss version >= 4.");
+    }
+    _twEngine = tw;
+    return _twEngine;
+  } catch (e) {
+    _twEngineError = e instanceof Error ? e : new Error(String(e));
+    throw _twEngineError;
+  }
+}
+async function generateRawCss(classes, cssEntryContent, root) {
+  if (classes.length === 0) return "";
+  const tw = loadTailwindEngine();
+  const input = cssEntryContent ?? "@import 'tailwindcss';";
+  const { readFileSync, existsSync: existsSync3 } = await import('fs');
+  const { dirname, resolve: resolve2 } = await import('path');
+  const projectRoot = root ?? process.cwd();
+  const req = createRequire(resolve2(projectRoot, "package.json"));
+  const loadStylesheet = async (id, base) => {
+    try {
+      const cssId = id === "tailwindcss" ? "tailwindcss/index.css" : id === "tailwindcss/preflight" ? "tailwindcss/preflight.css" : id === "tailwindcss/utilities" ? "tailwindcss/utilities.css" : id === "tailwindcss/theme" ? "tailwindcss/theme.css" : id;
+      const pkgPath = req.resolve(cssId);
+      return { content: readFileSync(pkgPath, "utf-8"), base: dirname(pkgPath) };
+    } catch {
+      try {
+        const absPath = resolve2(base, id);
+        if (existsSync3(absPath)) {
+          return { content: readFileSync(absPath, "utf-8"), base: dirname(absPath) };
+        }
+      } catch {
+      }
+      return { content: "", base };
+    }
+  };
+  const compiler = await Promise.resolve(tw.compile(input, { loadStylesheet }));
+  return compiler.build(classes);
+}
+var require2, _twEngine, _twEngineError;
+var init_tailwindEngine = __esm({
+  "packages/domain/compiler/src/tailwindEngine.ts"() {
+    require2 = createRequire(import.meta.url);
+    _twEngine = null;
+    _twEngineError = null;
+  }
+});
 
 // packages/domain/compiler/src/compiler/tailwindEngine.ts
 var tailwindEngine_exports = {};
@@ -1301,10 +1351,11 @@ async function runCssPipeline(classes, cssEntryContent, root, minify = true, min
   }
   _cacheMisses++;
   let rawCss;
-  let usedRustCompiler = false;
-  const theme = getThemeConfig();
-  rawCss = await generateCssNative(unique, { theme });
-  usedRustCompiler = true;
+  try {
+    rawCss = await generateRawCss(unique, cssEntryContent, root);
+  } catch {
+    rawCss = await generateCssNative(unique, { theme: getThemeConfig() });
+  }
   let finalCss = rawCss;
   if (minify) {
     if (minifier === "fast") {
@@ -1315,7 +1366,7 @@ async function runCssPipeline(classes, cssEntryContent, root, minify = true, min
   }
   if (process.env.DEBUG?.includes("compiler")) {
     console.log(
-      `[Compiler] Generated CSS from ${unique.length} classes (${usedRustCompiler ? "Rust" : "JavaScript"})`,
+      `[Compiler] Generated CSS from ${unique.length} classes`,
       `Size: ${finalCss.length} bytes`
     );
   }
@@ -1344,11 +1395,12 @@ function processTailwindCssWithTargets(css, targets) {
   return result.css;
 }
 var _cssCache, _cacheHits, _cacheMisses, MAX_CACHE_SIZE;
-var init_tailwindEngine = __esm({
+var init_tailwindEngine2 = __esm({
   "packages/domain/compiler/src/compiler/tailwindEngine.ts"() {
     init_nativeBridge();
     init_cssGeneratorNative();
     init_cssCompilationNative();
+    init_tailwindEngine();
     createRequire(import.meta.url);
     _cssCache = /* @__PURE__ */ new Map();
     _cacheHits = 0;
@@ -2833,7 +2885,7 @@ __export(internal_exports, {
 var init_internal = __esm({
   "packages/domain/compiler/src/internal.ts"() {
     init_src2();
-    init_tailwindEngine();
+    init_tailwindEngine2();
     init_compiler();
     init_parser();
     init_analyzer();
@@ -3661,7 +3713,7 @@ var init_src2 = __esm({
     };
     generateCssForClasses = async (classes, _tailwindConfig, root, cssEntryContent, minify = false) => {
       try {
-        const { runCssPipeline: runCssPipeline2 } = await Promise.resolve().then(() => (init_tailwindEngine(), tailwindEngine_exports));
+        const { runCssPipeline: runCssPipeline2 } = await Promise.resolve().then(() => (init_tailwindEngine2(), tailwindEngine_exports));
         const result = await runCssPipeline2(classes, cssEntryContent, root, minify);
         return result.css;
       } catch {