tailwind-styled-v4 5.0.10 → 5.0.11

package/dist/compiler.d.mts

@@ -165,6 +165,12 @@ type LoaderOutput = {
     code: string;
     changed: boolean;
     classes: string[];
+    rsc?: {
+        isServer?: boolean;
+        needsClientDirective?: boolean;
+        clientReasons?: string[];
+    };
+    engine?: string;
 };
 declare const transformSource: (source: string, opts?: Record<string, unknown>) => NativeTransformResult;
 declare const hasTwUsage: (source: string) => boolean;
@@ -173,7 +179,7 @@ declare const shouldProcess: (source: string) => boolean;
 declare const compileCssFromClasses: (classes: string[], prefix?: string | null) => NativeTransformResult;
 declare const buildStyleTag: (classes: string[]) => string;
 declare const compileCssNative: (classes: string[], prefix?: string | null) => NativeTransformResult;
-declare const generateCssForClasses: (classes: string[], _tailwindConfig?: Record<string, unknown>, _root?: string) => Promise<string>;
+declare const generateCssForClasses: (classes: string[], _tailwindConfig?: Record<string, unknown>, root?: string, cssEntryContent?: string, minify?: boolean) => Promise<string>;
 declare const extractAllClasses: (source: string) => string[];
 declare const extractClassesFromSource: (source: string) => string;
 declare const astExtractClasses: (source: string, filename: string) => string[];

package/dist/compiler.d.ts

@@ -165,6 +165,12 @@ type LoaderOutput = {
     code: string;
     changed: boolean;
     classes: string[];
+    rsc?: {
+        isServer?: boolean;
+        needsClientDirective?: boolean;
+        clientReasons?: string[];
+    };
+    engine?: string;
 };
 declare const transformSource: (source: string, opts?: Record<string, unknown>) => NativeTransformResult;
 declare const hasTwUsage: (source: string) => boolean;
@@ -173,7 +179,7 @@ declare const shouldProcess: (source: string) => boolean;
 declare const compileCssFromClasses: (classes: string[], prefix?: string | null) => NativeTransformResult;
 declare const buildStyleTag: (classes: string[]) => string;
 declare const compileCssNative: (classes: string[], prefix?: string | null) => NativeTransformResult;
-declare const generateCssForClasses: (classes: string[], _tailwindConfig?: Record<string, unknown>, _root?: string) => Promise<string>;
+declare const generateCssForClasses: (classes: string[], _tailwindConfig?: Record<string, unknown>, root?: string, cssEntryContent?: string, minify?: boolean) => Promise<string>;
 declare const extractAllClasses: (source: string) => string[];
 declare const extractClassesFromSource: (source: string) => string;
 declare const astExtractClasses: (source: string, filename: string) => string[];

package/dist/compiler.js

@@ -76,9 +76,24 @@ function resolveNativeBinary(runtimeDir) {
       tried.push(`prebuilt:${pkg} (not installed)`);
     }
   }
+  const napiPlatform = platform === "linux-x64" ? "linux-x64-gnu" : platform === "linux-arm64" ? "linux-arm64-gnu" : platform;
+  const BINARY_NAMES_SELF = ["tailwind-styled-native", "tailwind_styled_parser"];
+  if (runtimeDir) {
+    for (const depth of ["..", path__namespace.join("..", ".."), path__namespace.join("..", "..", "..")]) {
+      const pkgRoot = path__namespace.resolve(runtimeDir, depth);
+      for (const bin of BINARY_NAMES_SELF) {
+        for (const suffix of ["", `.${platform}`, `.${napiPlatform}`]) {
+          const candidate = path__namespace.resolve(pkgRoot, "native", `${bin}${suffix}.node`);
+          tried.push(`self-bundled:${candidate}`);
+          if (fs__namespace.existsSync(candidate)) {
+            return { path: candidate, source: "prebuilt", platform, tried };
+          }
+        }
+      }
+    }
+  }
   const cwd = process.cwd();
   const base = runtimeDir ?? cwd;
-  const napiPlatform = platform === "linux-x64" ? "linux-x64-gnu" : platform === "linux-arm64" ? "linux-arm64-gnu" : platform;
   const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
   const localCandidates = [];
   for (const bin of BINARY_NAMES) {
@@ -116,12 +131,12 @@ var init_native_resolution = __esm({
     isBrowser = typeof window !== "undefined" || typeof document !== "undefined";
     _require = typeof __require !== "undefined" ? __require : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href)));
     PLATFORM_MAP = {
-      "linux-x64": ["@tailwind-styled/native-linux-x64"],
-      "linux-arm64": ["@tailwind-styled/native-linux-arm64"],
+      "linux-x64": ["@tailwind-styled/native-linux-x64-gnu", "@tailwind-styled/native-linux-x64"],
+      "linux-arm64": ["@tailwind-styled/native-linux-arm64-gnu", "@tailwind-styled/native-linux-arm64"],
       "darwin-x64": ["@tailwind-styled/native-darwin-x64"],
       "darwin-arm64": ["@tailwind-styled/native-darwin-arm64"],
-      "win32-x64": ["@tailwind-styled/native-win32-x64"],
-      "win32-arm64": ["@tailwind-styled/native-win32-arm64"]
+      "win32-x64": ["@tailwind-styled/native-win32-x64-msvc", "@tailwind-styled/native-win32-x64"],
+      "win32-arm64": ["@tailwind-styled/native-win32-arm64-msvc", "@tailwind-styled/native-win32-arm64"]
     };
   }
 });
@@ -240,10 +255,34 @@ function loadTailwindEngine() {
     throw _twEngineError;
   }
 }
-function generateRawCss(classes) {
+async function generateRawCss(classes, cssEntryContent, root) {
   if (classes.length === 0) return "";
   const tw = loadTailwindEngine();
-  const compiler = tw.compile("@import 'tailwindcss';");
+  const input = cssEntryContent ?? "@import 'tailwindcss';";
+  const { readFileSync, existsSync: existsSync2 } = await import('fs');
+  const { dirname, resolve: resolve2 } = await import('path');
+  const projectRoot = root ?? process.cwd();
+  const req = module$1.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 (existsSync2(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);
 }
 function postProcessWithLightning(rawCss) {
@@ -255,14 +294,14 @@ function postProcessWithLightning(rawCss) {
   const result = native.processTailwindCssLightning(rawCss);
   return result?.css ?? rawCss;
 }
-async function runCssPipeline(classes) {
+async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
   const unique = [...new Set(classes.filter(Boolean))];
   if (unique.length === 0) {
     return { css: "", classes: [], sizeBytes: 0, optimized: false };
   }
-  const rawCss = generateRawCss(unique);
+  const rawCss = await generateRawCss(unique, cssEntryContent, root);
   const native = exports.getNativeBridge();
-  const hasLightning = typeof native.processTailwindCssLightning === "function";
+  const hasLightning = minify && typeof native.processTailwindCssLightning === "function";
   const finalCss = hasLightning ? postProcessWithLightning(rawCss) : rawCss;
   return {
     css: finalCss,
@@ -271,21 +310,8 @@ async function runCssPipeline(classes) {
     optimized: hasLightning
   };
 }
-function runCssPipelineSync(classes) {
-  const unique = [...new Set(classes.filter(Boolean))];
-  if (unique.length === 0) {
-    return { css: "", classes: [], sizeBytes: 0, optimized: false };
-  }
-  const rawCss = generateRawCss(unique);
-  const native = exports.getNativeBridge();
-  const hasLightning = typeof native.processTailwindCssLightning === "function";
-  const finalCss = hasLightning ? postProcessWithLightning(rawCss) : rawCss;
-  return {
-    css: finalCss,
-    classes: unique,
-    sizeBytes: finalCss.length,
-    optimized: hasLightning
-  };
+function runCssPipelineSync(_classes) {
+  return { css: "", classes: [], sizeBytes: 0, optimized: false };
 }
 function processTailwindCssWithTargets(css, targets) {
   const native = exports.getNativeBridge();
@@ -353,9 +379,9 @@ var buildStyleTag = (classes) => {
 var compileCssNative = (classes, prefix = null) => {
   return compileCssFromClasses(classes, prefix);
 };
-var generateCssForClasses = async (classes, _tailwindConfig, _root) => {
+var generateCssForClasses = async (classes, _tailwindConfig, root, cssEntryContent, minify = false) => {
   const { runCssPipeline: runCssPipeline2 } = await Promise.resolve().then(() => (init_tailwindEngine(), tailwindEngine_exports));
-  const result = await runCssPipeline2(classes);
+  const result = await runCssPipeline2(classes, cssEntryContent, root, minify);
   return result.css;
 };
 var extractAllClasses = (source) => {