tailwind-styled-v4 5.0.18 → 5.0.21

package/dist/next.js

@@ -281,8 +281,44 @@ var init_nativeBridge = __esm({
           try {
             const binding = _loadNative(result.path);
             if (isValidNativeBridge(binding)) {
-              nativeBridge = binding;
-              log("Native bridge loaded successfully from:", result.path);
+              const toCamelCase = (str) => {
+                return str.replace(/_([a-z0-9])/g, (_, g) => g.toUpperCase());
+              };
+              nativeBridge = new Proxy(binding, {
+                get(target, prop) {
+                  if (typeof prop === "string") {
+                    if (prop in target) {
+                      return target[prop];
+                    }
+                    const camelKey = toCamelCase(prop);
+                    if (camelKey in target) {
+                      const val = target[camelKey];
+                      if (typeof val === "function") {
+                        return val.bind(target);
+                      }
+                      return val;
+                    }
+                    const napiKey = `${camelKey}Napi`;
+                    if (napiKey in target) {
+                      const val = target[napiKey];
+                      if (typeof val === "function") {
+                        return val.bind(target);
+                      }
+                      return val;
+                    }
+                    const napiInnerKey = `${camelKey}NapiInner`;
+                    if (napiInnerKey in target) {
+                      const val = target[napiInnerKey];
+                      if (typeof val === "function") {
+                        return val.bind(target);
+                      }
+                      return val;
+                    }
+                  }
+                  return target[prop];
+                }
+              });
+              log("Native bridge loaded successfully and proxy-wrapped from:", result.path);
               return nativeBridge;
             }
           } catch (e) {
@@ -336,8 +372,8 @@ async function generateCssNative(classes, options) {
   return css;
 }
 function getCacheStats() {
+  const native = getNativeBridge();
   try {
-    const native = getNativeBridge();
     if (!native?.getCacheStats) {
       return null;
     }
@@ -348,8 +384,8 @@ function getCacheStats() {
   }
 }
 function clearThemeCache() {
+  const native = getNativeBridge();
   try {
-    const native = getNativeBridge();
     if (!native?.clearThemeCache) {
       return;
     }
@@ -357,6 +393,16 @@ function clearThemeCache() {
   } catch {
   }
 }
+function resetCacheStats() {
+  const native = getNativeBridge();
+  try {
+    if (!native?.resetCacheStats) {
+      return;
+    }
+    native.resetCacheStats();
+  } catch {
+  }
+}
 var init_cssGeneratorNative = __esm({
   "packages/domain/compiler/src/compiler/cssGeneratorNative.ts"() {
     init_nativeBridge();
@@ -482,6 +528,16 @@ function minifyCss(css) {
   if (!native?.minify_css) throw new Error("minify_css not available");
   return native.minify_css(css);
 }
+function generateCss(ruleJson, minify) {
+  const native = getNativeBridge();
+  if (!native?.generate_css) throw new Error("generate_css not available");
+  return native.generate_css(ruleJson, minify);
+}
+function generateCssBatch(rulesJson, minify) {
+  const native = getNativeBridge();
+  if (!native?.generate_css_batch) throw new Error("generate_css_batch not available");
+  return native.generate_css_batch(rulesJson, minify);
+}
 function compileAnimation(animationName, from, to) {
   const native = getNativeBridge();
   if (!native?.compile_animation) throw new Error("compile_animation not available");
@@ -919,7 +975,7 @@ function postProcessWithLightning(rawCss) {
   }
   return result.css;
 }
-async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
+async function runCssPipeline(classes, cssEntryContent, root, minify = true, minifier = "lightning") {
   const filtered = classes.filter(Boolean);
   const uniqueMap = /* @__PURE__ */ new Map();
   filtered.forEach((cls) => uniqueMap.set(cls, cls));
@@ -927,7 +983,7 @@ async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
   if (unique.length === 0) {
     return { css: "", classes: [], sizeBytes: 0, optimized: false };
   }
-  const cacheKey = _getCacheKey(unique, minify, cssEntryContent, root);
+  const cacheKey = _getCacheKey(unique, minify, cssEntryContent, root) + `|${minifier}`;
   const cached = _cssCache.get(cacheKey);
   if (cached) {
     _cacheHits++;
@@ -944,7 +1000,14 @@ async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
   const theme = getThemeConfig();
   rawCss = await generateCssNative(unique, { theme });
   usedRustCompiler = true;
-  const finalCss = minify ? postProcessWithLightning(rawCss) : rawCss;
+  let finalCss = rawCss;
+  if (minify) {
+    if (minifier === "fast") {
+      finalCss = minifyCss(rawCss);
+    } else {
+      finalCss = postProcessWithLightning(rawCss);
+    }
+  }
   if (process.env.DEBUG?.includes("compiler")) {
     console.log(
       `[Compiler] Generated CSS from ${unique.length} classes (${usedRustCompiler ? "Rust" : "JavaScript"})`,
@@ -980,6 +1043,7 @@ var init_tailwindEngine = __esm({
   "packages/domain/compiler/src/compiler/tailwindEngine.ts"() {
     init_nativeBridge();
     init_cssGeneratorNative();
+    init_cssCompilationNative();
     module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
     _cssCache = /* @__PURE__ */ new Map();
     _cacheHits = 0;
@@ -1013,9 +1077,10 @@ __export(parser_exports, {
   mergeClassesStatic: () => mergeClassesStatic,
   normalizeAndDedupClasses: () => normalizeAndDedupClasses,
   normalizeClasses: () => normalizeClasses,
+  parseClass: () => parseClass,
   parseClasses: () => parseClasses
 });
-var parseClasses, extractAllClasses, extractClassesFromSource, astExtractClasses, normalizeClasses, mergeClassesStatic, normalizeAndDedupClasses, extractComponentUsage, batchExtractClasses, checkAgainstSafelist, diffClassLists;
+var parseClasses, parseClass, extractAllClasses, extractClassesFromSource, astExtractClasses, normalizeClasses, mergeClassesStatic, normalizeAndDedupClasses, extractComponentUsage, batchExtractClasses, checkAgainstSafelist, diffClassLists;
 var init_parser = __esm({
   "packages/domain/compiler/src/parser/index.ts"() {
     init_nativeBridge();
@@ -1026,6 +1091,14 @@ var init_parser = __esm({
       }
       return native.parseClasses(raw) || [];
     };
+    parseClass = (input) => {
+      const native = getNativeBridge();
+      if (!native?.parseClass) {
+        throw new Error("FATAL: Native binding 'parseClass' is required but not available.");
+      }
+      const result = native.parseClass(input);
+      return typeof result === "string" ? JSON.parse(result) : result;
+    };
     extractAllClasses = (source) => {
       const native = getNativeBridge();
       if (!native?.extractAllClasses) {
@@ -1157,6 +1230,35 @@ function mergeCssDeclarationsNative(cssChunks) {
   if (!native?.mergeCssDeclarations) throw new Error("mergeCssDeclarations not available");
   return native.mergeCssDeclarations(cssChunks);
 }
+function getWeek6FeaturesStatus() {
+  const native = getNativeBridge();
+  if (!native?.getWeek6FeaturesStatus) throw new Error("getWeek6FeaturesStatus not available");
+  const resultJson = native.getWeek6FeaturesStatus();
+  return JSON.parse(resultJson);
+}
+function getMemoryStatsNative() {
+  const native = getNativeBridge();
+  if (!native?.getMemoryStatsNative) throw new Error("getMemoryStatsNative not available");
+  const resultJson = native.getMemoryStatsNative();
+  return JSON.parse(resultJson);
+}
+function getMemoryRecommendationsNative() {
+  const native = getNativeBridge();
+  if (!native?.getMemoryRecommendationsNative) throw new Error("getMemoryRecommendationsNative not available");
+  const resultJson = native.getMemoryRecommendationsNative();
+  return JSON.parse(resultJson);
+}
+function estimateOptimalCacheConfigNative(workloadType, expectedEntries) {
+  const native = getNativeBridge();
+  if (!native?.estimateOptimalCacheConfigNative) throw new Error("estimateOptimalCacheConfigNative not available");
+  const resultJson = native.estimateOptimalCacheConfigNative(workloadType, expectedEntries);
+  return JSON.parse(resultJson);
+}
+function resetMemoryStats() {
+  const native = getNativeBridge();
+  if (!native?.resetMemoryStats) throw new Error("resetMemoryStats not available");
+  native.resetMemoryStats();
+}
 var init_analyzerNative = __esm({
   "packages/domain/compiler/src/analyzer/analyzerNative.ts"() {
     init_nativeBridge();
@@ -1446,6 +1548,52 @@ function cachePriority(mtimeMs, sizeBytes, hitCount) {
   if (!native?.cache_priority) throw new Error("cache_priority not available");
   return native.cache_priority(mtimeMs, sizeBytes, hitCount);
 }
+function getResolverPoolStats() {
+  const native = getNativeBridge();
+  if (!native?.getResolverPoolStats) throw new Error("getResolverPoolStats not available");
+  const statsJson = native.getResolverPoolStats();
+  try {
+    return JSON.parse(statsJson);
+  } catch {
+    return {
+      hits: 0,
+      misses: 0,
+      total: 0,
+      hit_rate: 0,
+      cached_resolvers: 0
+    };
+  }
+}
+function clearResolverPool() {
+  const native = getNativeBridge();
+  if (!native?.clearResolverPool) throw new Error("clearResolverPool not available");
+  const resultJson = native.clearResolverPool();
+  try {
+    return JSON.parse(resultJson);
+  } catch {
+    return { status: "error" };
+  }
+}
+function resolveColorCached(themeId, color, configJson) {
+  const native = getNativeBridge();
+  if (!native?.resolveColorCached) throw new Error("resolveColorCached not available");
+  return native.resolveColorCached(themeId, color, configJson);
+}
+function resolveSpacingCached(themeId, spacing, configJson) {
+  const native = getNativeBridge();
+  if (!native?.resolveSpacingCached) throw new Error("resolveSpacingCached not available");
+  return native.resolveSpacingCached(themeId, spacing, configJson);
+}
+function resolveFontSizeCached(themeId, size, configJson) {
+  const native = getNativeBridge();
+  if (!native?.resolveFontSizeCached) throw new Error("resolveFontSizeCached not available");
+  return native.resolveFontSizeCached(themeId, size, configJson);
+}
+function resetResolverPoolStats() {
+  const native = getNativeBridge();
+  if (!native?.resetResolverPoolStats) throw new Error("resetResolverPoolStats not available");
+  native.resetResolverPoolStats();
+}
 var init_cacheNative = __esm({
   "packages/domain/compiler/src/cache/cacheNative.ts"() {
     init_nativeBridge();
@@ -1890,6 +2038,7 @@ __export(src_exports, {
   clearCssGenCache: () => clearCssGenCache,
   clearParseCache: () => clearParseCache,
   clearResolveCache: () => clearResolveCache,
+  clearResolverPool: () => clearResolverPool,
   clearThemeCache: () => clearThemeCache,
   collectFiles: () => collectFiles,
   compileAnimation: () => compileAnimation,
@@ -1912,6 +2061,7 @@ __export(src_exports, {
   eliminateDeadCssNative: () => eliminateDeadCssNative,
   emitPluginHook: () => emitPluginHook,
   estimateOptimalCacheConfig: () => estimateOptimalCacheConfig,
+  estimateOptimalCacheConfigNative: () => estimateOptimalCacheConfigNative,
   extractAllClasses: () => extractAllClasses,
   extractAndGenerateStateCss: () => extractAndGenerateStateCss,
   extractAndGenerateStateCssNative: () => extractAndGenerateStateCssNative,
@@ -1925,6 +2075,8 @@ __export(src_exports, {
   fileToRoute: () => fileToRoute,
   findDeadVariants: () => findDeadVariants,
   generateAtomicCss: () => generateAtomicCss,
+  generateCss: () => generateCss,
+  generateCssBatch: () => generateCssBatch,
   generateCssForClasses: () => generateCssForClasses,
   generateCssNative: () => generateCssNative,
   generateSafelist: () => generateSafelist,
@@ -1940,10 +2092,14 @@ __export(src_exports, {
   getCompilerDiagnostics: () => getCompilerDiagnostics,
   getContentPaths: () => getContentPaths,
   getIncrementalEngine: () => getIncrementalEngine,
+  getMemoryRecommendationsNative: () => getMemoryRecommendationsNative,
+  getMemoryStatsNative: () => getMemoryStatsNative,
   getNativeBridge: () => getNativeBridge,
   getPluginHooks: () => getPluginHooks,
+  getResolverPoolStats: () => getResolverPoolStats,
   getRouteClasses: () => getRouteClasses,
   getWatchStats: () => getWatchStats,
+  getWeek6FeaturesStatus: () => getWeek6FeaturesStatus,
   hasTwUsage: () => hasTwUsage,
   hashContent: () => hashContent,
   hoistComponentsNative: () => hoistComponentsNative,
@@ -1972,6 +2128,7 @@ __export(src_exports, {
   normalizeClasses: () => normalizeClasses,
   optimizeCssNative: () => optimizeCssNative,
   parseAtomicClass: () => parseAtomicClass,
+  parseClass: () => parseClass,
   parseClasses: () => parseClasses,
   pollWatchEvents: () => pollWatchEvents,
   processFileChange: () => processFileChange,
@@ -2023,13 +2180,19 @@ __export(src_exports, {
   registerPropertyName: () => registerPropertyName,
   registerValueName: () => registerValueName,
   resetBucketEngine: () => resetBucketEngine,
+  resetCacheStats: () => resetCacheStats,
   resetCompilationMetrics: () => resetCompilationMetrics,
   resetIncrementalEngine: () => resetIncrementalEngine,
+  resetMemoryStats: () => resetMemoryStats,
   resetNativeBridgeCache: () => resetNativeBridgeCache,
+  resetResolverPoolStats: () => resetResolverPoolStats,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
+  resolveColorCached: () => resolveColorCached,
   resolveConflictGroup: () => resolveConflictGroup,
+  resolveFontSizeCached: () => resolveFontSizeCached,
   resolveSimpleVariants: () => resolveSimpleVariants,
+  resolveSpacingCached: () => resolveSpacingCached,
   resolveThemeValue: () => resolveThemeValue,
   resolveVariants: () => resolveVariants,
   reverseLookupProperty: () => reverseLookupProperty,
@@ -2303,9 +2466,9 @@ var init_src = __esm({
       if (normalized.includes("/layout.") || normalized.includes("/loading.") || normalized.includes("/error.")) {
         return "__global";
       }
-      const pageMatch = normalized.match(/\/app\/(.+?)\/page\.[tj]sx?$/);
+      const pageMatch = normalized.match(/(?:^|\/)app\/(.+?)\/page\.[tj]sx?$/);
       if (pageMatch) return `/${pageMatch[1]}`;
-      const rootPage = normalized.match(/\/app\/page\.[tj]sx?$/);
+      const rootPage = normalized.match(/(?:^|\/)app\/page\.[tj]sx?$/);
       if (rootPage) return "/";
       return null;
     };
@@ -2469,6 +2632,7 @@ __export(internal_exports, {
   clearCssGenCache: () => clearCssGenCache,
   clearParseCache: () => clearParseCache,
   clearResolveCache: () => clearResolveCache,
+  clearResolverPool: () => clearResolverPool,
   clearThemeCache: () => clearThemeCache,
   collectFiles: () => collectFiles,
   compileAnimation: () => compileAnimation,
@@ -2491,6 +2655,7 @@ __export(internal_exports, {
   eliminateDeadCssNative: () => eliminateDeadCssNative,
   emitPluginHook: () => emitPluginHook,
   estimateOptimalCacheConfig: () => estimateOptimalCacheConfig,
+  estimateOptimalCacheConfigNative: () => estimateOptimalCacheConfigNative,
   extractAllClasses: () => extractAllClasses,
   extractAndGenerateStateCss: () => extractAndGenerateStateCss,
   extractAndGenerateStateCssNative: () => extractAndGenerateStateCssNative,
@@ -2504,6 +2669,8 @@ __export(internal_exports, {
   fileToRoute: () => fileToRoute,
   findDeadVariants: () => findDeadVariants,
   generateAtomicCss: () => generateAtomicCss,
+  generateCss: () => generateCss,
+  generateCssBatch: () => generateCssBatch,
   generateCssForClasses: () => generateCssForClasses,
   generateCssNative: () => generateCssNative,
   generateSafelist: () => generateSafelist,
@@ -2519,10 +2686,14 @@ __export(internal_exports, {
   getCompilerDiagnostics: () => getCompilerDiagnostics,
   getContentPaths: () => getContentPaths,
   getIncrementalEngine: () => getIncrementalEngine,
+  getMemoryRecommendationsNative: () => getMemoryRecommendationsNative,
+  getMemoryStatsNative: () => getMemoryStatsNative,
   getNativeBridge: () => getNativeBridge,
   getPluginHooks: () => getPluginHooks,
+  getResolverPoolStats: () => getResolverPoolStats,
   getRouteClasses: () => getRouteClasses,
   getWatchStats: () => getWatchStats,
+  getWeek6FeaturesStatus: () => getWeek6FeaturesStatus,
   hasTwUsage: () => hasTwUsage,
   hashContent: () => hashContent,
   hoistComponentsNative: () => hoistComponentsNative,
@@ -2551,6 +2722,7 @@ __export(internal_exports, {
   normalizeClasses: () => normalizeClasses,
   optimizeCssNative: () => optimizeCssNative,
   parseAtomicClass: () => parseAtomicClass,
+  parseClass: () => parseClass,
   parseClasses: () => parseClasses,
   pollWatchEvents: () => pollWatchEvents,
   processFileChange: () => processFileChange,
@@ -2602,12 +2774,18 @@ __export(internal_exports, {
   registerPropertyName: () => registerPropertyName,
   registerValueName: () => registerValueName,
   resetBucketEngine: () => resetBucketEngine,
+  resetCacheStats: () => resetCacheStats,
   resetCompilationMetrics: () => resetCompilationMetrics,
   resetIncrementalEngine: () => resetIncrementalEngine,
+  resetMemoryStats: () => resetMemoryStats,
+  resetResolverPoolStats: () => resetResolverPoolStats,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
+  resolveColorCached: () => resolveColorCached,
   resolveConflictGroup: () => resolveConflictGroup,
+  resolveFontSizeCached: () => resolveFontSizeCached,
   resolveSimpleVariants: () => resolveSimpleVariants,
+  resolveSpacingCached: () => resolveSpacingCached,
   resolveThemeValue: () => resolveThemeValue,
   resolveVariants: () => resolveVariants,
   reverseLookupProperty: () => reverseLookupProperty,
@@ -2853,7 +3031,11 @@ function extractStaticStateCss(srcDir, options = {}) {
   return result;
 }
 function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
-  const result = extractStaticStateCss(srcDir, options);
+  const result = extractStaticStateCss(srcDir, {
+    verbose: options.verbose,
+    resolvedCss: options.resolvedCss || ""
+    // ← ensure always passed
+  });
   const twClassesDir = path10__namespace.default.join(path10__namespace.default.dirname(safelistPath), "tw-classes");
   fs9__namespace.default.mkdirSync(twClassesDir, { recursive: true });
   const stateFilePath = path10__namespace.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);