tailwind-styled-v4 5.0.24 → 5.0.27

package/dist/engine.js

@@ -1811,21 +1811,6 @@ var init_compiler = __esm({
 });
 
 // packages/domain/compiler/src/parser/index.ts
-var parser_exports = {};
-__export(parser_exports, {
-  astExtractClasses: () => astExtractClasses,
-  batchExtractClasses: () => batchExtractClasses,
-  checkAgainstSafelist: () => checkAgainstSafelist,
-  diffClassLists: () => diffClassLists,
-  extractAllClasses: () => extractAllClasses,
-  extractClassesFromSource: () => extractClassesFromSource,
-  extractComponentUsage: () => extractComponentUsage,
-  mergeClassesStatic: () => mergeClassesStatic,
-  normalizeAndDedupClasses: () => normalizeAndDedupClasses,
-  normalizeClasses: () => normalizeClasses,
-  parseClass: () => parseClass,
-  parseClasses: () => parseClasses
-});
 var parseClasses, parseClass, extractAllClasses, extractClassesFromSource, astExtractClasses, normalizeClasses, mergeClassesStatic, normalizeAndDedupClasses, extractComponentUsage, batchExtractClasses, checkAgainstSafelist, diffClassLists;
 var init_parser = __esm({
   "packages/domain/compiler/src/parser/index.ts"() {
@@ -2786,7 +2771,7 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var transformSource, hasTwUsage, isAlreadyTransformed, shouldProcess, compileCssFromClasses, buildStyleTag, generateCssForClasses, eliminateDeadCss, findDeadVariants, runElimination, scanProjectUsage, generateSafelist, loadSafelist, loadTailwindConfig, getContentPaths, _CONTAINER_BREAKPOINTS, runLoaderTransform, shouldSkipFile, fileToRoute, getAllRoutes, getRouteClasses, registerFileClasses, registerGlobalClasses, _incrementalEngineInstance, getIncrementalEngine, resetIncrementalEngine, IncrementalEngine, getBucketEngine, resetBucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
+var _require2, transformSource, hasTwUsage, isAlreadyTransformed, shouldProcess, compileCssFromClasses, buildStyleTag, generateCssForClasses, eliminateDeadCss, findDeadVariants, runElimination, scanProjectUsage, generateSafelist, loadSafelist, loadTailwindConfig, getContentPaths, _CONTAINER_BREAKPOINTS, runLoaderTransform, shouldSkipFile, fileToRoute, getAllRoutes, getRouteClasses, registerFileClasses, registerGlobalClasses, _incrementalEngineInstance, getIncrementalEngine, resetIncrementalEngine, IncrementalEngine, getBucketEngine, resetBucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
 var init_src = __esm({
   "packages/domain/compiler/src/index.ts"() {
     init_nativeBridge();
@@ -2796,6 +2781,7 @@ var init_src = __esm({
     init_cache();
     init_redis();
     init_watch();
+    _require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
     transformSource = (source, opts) => {
       const native = getNativeBridge();
       if (!native?.transformSource) {
@@ -2885,7 +2871,7 @@ var init_src = __esm({
       return eliminateDeadCss(css, new Set(dead.deadInCss ?? []));
     };
     scanProjectUsage = (dirs, cwd) => {
-      const { batchExtractClasses: batchExtractClasses2 } = (init_parser(), __toCommonJS(parser_exports));
+      const { batchExtractClasses: batchExtractClasses2 } = _require2("./parser");
       const files = dirs.map((dir) => path9__namespace.default.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
@@ -3519,14 +3505,23 @@ function extractStaticStateCss(srcDir, options = {}) {
     }
   }
   const allRules = native.generateStaticStateCss(uniqueConfigs, options.resolvedCss ?? null);
-  const rulesSkipped = uniqueConfigs.reduce((total, cfg) => {
-    try {
-      const stateMap = JSON.parse(cfg.statesJson);
-      return total + Object.keys(stateMap).length;
-    } catch {
-      return total;
-    }
-  }, 0) - allRules.length;
+  const rulesSkipped = allRules.filter((r) => {
+    const decl = r.declarations.trim();
+    return decl.length === 0 || !decl.includes(":");
+  }).length;
+  function sanitizeCssRule(cssRule, declarations) {
+    const segments = declarations.split(/[;\n]/).map((s) => s.trim()).filter(Boolean);
+    const validSegs = segments.filter((s) => s.includes(":"));
+    const invalidSegs = segments.filter((s) => !s.includes(":"));
+    if (invalidSegs.length === 0) return cssRule;
+    if (validSegs.length === 0) return null;
+    const braceIdx = cssRule.indexOf("{");
+    if (braceIdx === -1) return null;
+    const selector = cssRule.slice(0, braceIdx).trim();
+    return `${selector} {
+  ${validSegs.join(";\n  ")};
+}`;
+  }
   const byComponent = /* @__PURE__ */ new Map();
   for (const rule of allRules) {
     const existing = byComponent.get(rule.componentName) ?? [];
@@ -3538,11 +3533,18 @@ function extractStaticStateCss(srcDir, options = {}) {
     cssBlocks.push(`/* ${componentName} */`);
     for (const rule of rules) {
       cssBlocks.push(`/* state: ${rule.stateName} */`);
-      const isUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
-      if (isUnresolved) {
-        cssBlocks.push(`/* SKIPPED (unresolved): ${rule.declarations} \u2014 akan di-inject runtime */`);
+      const isFullyUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
+      if (isFullyUnresolved) {
+        const encoded = rule.declarations.replace(/([\w-]+)/g, "[$1]");
+        cssBlocks.push(`/* SKIP [unresolved]: ${encoded} */`);
       } else {
-        cssBlocks.push(rule.cssRule);
+        const sanitized = sanitizeCssRule(rule.cssRule, rule.declarations);
+        if (sanitized !== null) {
+          cssBlocks.push(sanitized);
+        } else {
+          const encoded = rule.declarations.replace(/([\w-]+)/g, "[$1]");
+          cssBlocks.push(`/* SKIP [sanitized-empty]: ${encoded} */`);
+        }
       }
     }
     cssBlocks.push("");
@@ -3552,7 +3554,7 @@ function extractStaticStateCss(srcDir, options = {}) {
     filesWithStates,
     componentsFound: allConfigs.length,
     rulesGenerated: allRules.length,
-    rulesSkipped: Math.max(0, rulesSkipped),
+    rulesSkipped,
     generatedCss: cssBlocks.join("\n"),
     rules: allRules
   };
@@ -3795,7 +3797,7 @@ function loadNativeBinding(options) {
   return { binding: null, loadErrors };
 }
 function requireNativeModule(p) {
-  return _require2(p);
+  return _require3(p);
 }
 function resolveNativeBindingCandidates(options) {
   const {
@@ -3852,7 +3854,7 @@ function formatErrorMessage(error) {
   if (error instanceof Error) return error.message;
   return String(error);
 }
-var TwError, _require2, LRUCache;
+var TwError, _require3, LRUCache;
 var init_src2 = __esm({
   "packages/domain/shared/src/index.ts"() {
     init_trace();
@@ -3920,7 +3922,7 @@ var init_src2 = __esm({
         return `[${this.source.toUpperCase()}:${this.code}] ${this.message}`;
       }
     };
-    _require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
+    _require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
     LRUCache = class {
       capacity;
       cache;