tailwind-styled-v4 5.0.24 → 5.0.27

package/dist/next.mjs

@@ -1043,21 +1043,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"() {
@@ -2242,7 +2227,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, BucketEngine, 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, BucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
 var init_src = __esm({
   "packages/domain/compiler/src/index.ts"() {
     init_nativeBridge();
@@ -2252,6 +2237,7 @@ var init_src = __esm({
     init_cache();
     init_redis();
     init_watch();
+    _require2 = createRequire(import.meta.url);
     transformSource = (source, opts) => {
       const native = getNativeBridge();
       if (!native?.transformSource) {
@@ -2341,7 +2327,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) => path10__default.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
@@ -2980,14 +2966,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) ?? [];
@@ -2999,11 +2994,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("");
@@ -3013,7 +3015,7 @@ function extractStaticStateCss(srcDir, options = {}) {
     filesWithStates,
     componentsFound: allConfigs.length,
     rulesGenerated: allRules.length,
-    rulesSkipped: Math.max(0, rulesSkipped),
+    rulesSkipped,
     generatedCss: cssBlocks.join("\n"),
     rules: allRules
   };
@@ -3177,7 +3179,7 @@ function loadNativeBinding(options) {
   return { binding: null, loadErrors };
 }
 function requireNativeModule(p) {
-  return _require2(p);
+  return _require3(p);
 }
 function resolveNativeBindingCandidates(options) {
   const {
@@ -3224,7 +3226,7 @@ function resolveRuntimeDir(dir, importMetaUrl) {
     return process.cwd();
   }
 }
-var TwError, _require2;
+var TwError, _require3;
 var init_src2 = __esm({
   "packages/domain/shared/src/index.ts"() {
     init_workerResolver();
@@ -3283,7 +3285,7 @@ var init_src2 = __esm({
         return `[${this.source.toUpperCase()}:${this.code}] ${this.message}`;
       }
     };
-    _require2 = createRequire(import.meta.url);
+    _require3 = createRequire(import.meta.url);
   }
 });
 
@@ -4287,12 +4289,13 @@ function withTailwindStyled(options = {}) {
           "utf-8"
         );
         const stateStaticPath = path10__default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
-        if (!fs9__default.existsSync(stateStaticPath)) {
+        try {
           fs9__default.writeFileSync(
             stateStaticPath,
             "/* tw-state-static.css \u2014 placeholder, akan di-generate setelah scan */\n",
             "utf-8"
           );
+        } catch {
         }
         try {
           const CSS_CANDIDATES = [