@csszyx/unplugin 0.9.9 → 0.9.10

package/dist/index.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const cssMangler = require('./css-mangler.cjs');
-const unplugin = require('./shared/unplugin.Dfao2VkS.cjs');
+const unplugin = require('./shared/unplugin.BT-U5kd1.cjs');
 const types = require('@csszyx/types');
 require('postcss');
 require('postcss-selector-parser');

package/dist/index.mjs

@@ -1,5 +1,5 @@
 export { createPostCSSPlugin, escapeCSSClassName, mangleCSS, mangleCSSSync, unescapeTailwindClass } from './css-mangler.mjs';
-export { a as assertNoRSCBoundaryViolation, b as assertNoRSCGraphViolation, c as createGlobalVarAliasValidationOptions, d as createGlobalVarMapAssetSource, e as createGlobalVarScanCacheKey, f as createRSCModuleRecord, u as default, g as deleteRSCModuleRecord, h as esbuildPlugin, i as extractGlobalVarAliasesForManifest, j as findRSCBoundaryViolation, k as findRSCGraphViolation, l as hasTokens, m as hasUseClientDirective, n as hasUseServerDirective, o as isRSCServerModule, p as isTailwindReservedGlobalVar, q as mangleCodeClassesSync, r as mergeThemes, s as normalizeGlobalVarAliasesForCache, t as parseThemeBlocks, v as planGlobalVarAliases, w as readGlobalVarScanCache, x as resolveGlobalVarScanCacheDir, y as resolveNativeCacheIdentity, z as rewriteGlobalVarCssAliases, A as rollupPlugin, B as scanGlobalVarCss, u as unplugin, C as validateGlobalVarAliasInputs, D as vitePlugin, E as webpackPlugin, F as writeGlobalVarScanCache } from './shared/unplugin.CMsKFZ-l.mjs';
+export { a as assertNoRSCBoundaryViolation, b as assertNoRSCGraphViolation, c as createGlobalVarAliasValidationOptions, d as createGlobalVarMapAssetSource, e as createGlobalVarScanCacheKey, f as createRSCModuleRecord, u as default, g as deleteRSCModuleRecord, h as esbuildPlugin, i as extractGlobalVarAliasesForManifest, j as findRSCBoundaryViolation, k as findRSCGraphViolation, l as hasTokens, m as hasUseClientDirective, n as hasUseServerDirective, o as isRSCServerModule, p as isTailwindReservedGlobalVar, q as mangleCodeClassesSync, r as mergeThemes, s as normalizeGlobalVarAliasesForCache, t as parseThemeBlocks, v as planGlobalVarAliases, w as readGlobalVarScanCache, x as resolveGlobalVarScanCacheDir, y as resolveNativeCacheIdentity, z as rewriteGlobalVarCssAliases, A as rollupPlugin, B as scanGlobalVarCss, u as unplugin, C as validateGlobalVarAliasInputs, D as vitePlugin, E as webpackPlugin, F as writeGlobalVarScanCache } from './shared/unplugin.jEasXLFM.mjs';
 export { CSSZYX_GLOBAL_ALIAS_PREFIX, TAILWIND_RESERVED_PREFIXES } from '@csszyx/types';
 import 'postcss';
 import 'postcss-selector-parser';

package/dist/next-prebuild.cjs

@@ -4,7 +4,7 @@ const node_crypto = require('node:crypto');
 const fs = require('node:fs');
 const path = require('node:path');
 const nextTransformMetadata = require('./shared/unplugin.DWtXPCGo.cjs');
-const nextWatcherCycle = require('./shared/unplugin.s62yJbu1.cjs');
+const nextWatcherCycle = require('./shared/unplugin.Bo6Kx-T6.cjs');
 const transformCache = require('./shared/unplugin.pmTknYLy.cjs');
 require('@csszyx/compiler');
 require('node:os');

package/dist/next-prebuild.mjs

@@ -2,7 +2,7 @@ import { createHash } from 'node:crypto';
 import { existsSync, readFileSync } from 'node:fs';
 import * as path from 'node:path';
 import { r as readPackageVersion, t as transformNextSource, c as collectNextTransformMetadata, a as createNextSafelistShardFromMetadata } from './shared/unplugin.C1N5i6Eg.mjs';
-import { c as createNextStateContext, w as writeNextSafelistShard, r as runNextWatcherCycle } from './shared/unplugin.BtQzlC2C.mjs';
+import { c as createNextStateContext, w as writeNextSafelistShard, r as runNextWatcherCycle } from './shared/unplugin.VAel6lI0.mjs';
 import { r as resolveTransformCacheDir } from './shared/unplugin.BpWUtI9U.mjs';
 import '@csszyx/compiler';
 import 'node:os';

package/dist/next-turbo-loader.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const node_crypto = require('node:crypto');
 const path = require('node:path');
-const nextWatcherCycle = require('./shared/unplugin.s62yJbu1.cjs');
+const nextWatcherCycle = require('./shared/unplugin.Bo6Kx-T6.cjs');
 const nextTransformMetadata = require('./shared/unplugin.DWtXPCGo.cjs');
 const transformCache = require('./shared/unplugin.pmTknYLy.cjs');
 require('node:fs');
@@ -178,7 +178,18 @@ function assertProductionManifestReady(context, options) {
   );
   if (!validation.ok) {
     throw new Error(
-      `[csszyx] Next Turbopack production cache is not ready for ${context.root}: ${validation.reason}. Run csszyx next prebuild before next build --turbo.`
+      [
+        `[csszyx] Next Turbopack production cache is not ready for ${context.root}: ${validation.reason}.`,
+        "Production builds with Turbopack need the csszyx safelist seeded first:",
+        "",
+        "  npx csszyx next prebuild 'app/**/*.tsx'",
+        "",
+        "Wire it into package.json so plain builds keep working:",
+        "",
+        `  "build": "csszyx next prebuild 'app/**/*.tsx' && next build"`,
+        "",
+        "Docs: https://csszyx.com/docs/installation#nextjs-turbopack-setup"
+      ].join("\n")
     );
   }
 }

package/dist/next-turbo-loader.mjs

@@ -1,6 +1,6 @@
 import { createHash } from 'node:crypto';
 import * as path from 'node:path';
-import { c as createNextStateContext, w as writeNextSafelistShard, r as runNextWatcherCycle, v as validateNextGenerationManifest, a as readNextGenerationManifest } from './shared/unplugin.BtQzlC2C.mjs';
+import { c as createNextStateContext, w as writeNextSafelistShard, r as runNextWatcherCycle, v as validateNextGenerationManifest, a as readNextGenerationManifest } from './shared/unplugin.VAel6lI0.mjs';
 import { r as readPackageVersion, t as transformNextSource, c as collectNextTransformMetadata, a as createNextSafelistShardFromMetadata } from './shared/unplugin.C1N5i6Eg.mjs';
 import { r as resolveTransformCacheDir } from './shared/unplugin.BpWUtI9U.mjs';
 import 'node:fs';
@@ -159,7 +159,18 @@ function assertProductionManifestReady(context, options) {
   );
   if (!validation.ok) {
     throw new Error(
-      `[csszyx] Next Turbopack production cache is not ready for ${context.root}: ${validation.reason}. Run csszyx next prebuild before next build --turbo.`
+      [
+        `[csszyx] Next Turbopack production cache is not ready for ${context.root}: ${validation.reason}.`,
+        "Production builds with Turbopack need the csszyx safelist seeded first:",
+        "",
+        "  npx csszyx next prebuild 'app/**/*.tsx'",
+        "",
+        "Wire it into package.json so plain builds keep working:",
+        "",
+        `  "build": "csszyx next prebuild 'app/**/*.tsx' && next build"`,
+        "",
+        "Docs: https://csszyx.com/docs/installation#nextjs-turbopack-setup"
+      ].join("\n")
     );
   }
 }

package/dist/next-watcher.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const path = require('node:path');
-const nextWatcherCycle = require('./shared/unplugin.s62yJbu1.cjs');
+const nextWatcherCycle = require('./shared/unplugin.Bo6Kx-T6.cjs');
 require('node:fs');
 require('node:crypto');
 require('node:os');

package/dist/next-watcher.mjs

@@ -1,5 +1,5 @@
 import * as path from 'node:path';
-import { r as runNextWatcherCycle } from './shared/unplugin.BtQzlC2C.mjs';
+import { r as runNextWatcherCycle } from './shared/unplugin.VAel6lI0.mjs';
 import 'node:fs';
 import 'node:crypto';
 import 'node:os';

package/dist/shared/{unplugin.Dfao2VkS.cjs → unplugin.BT-U5kd1.cjs}

@@ -1562,9 +1562,9 @@ const RUNTIME_HELPER_IMPORT_RE = {
 };
 let _hasWarnedTsConfig = false;
 let _hasWarnedTransformCacheVersion = false;
-const requireFromHere = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.Dfao2VkS.cjs', document.baseURI).href)));
+const requireFromHere = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.BT-U5kd1.cjs', document.baseURI).href)));
 const PLUGIN_VERSION = findPackageVersionFromFile(
-  node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.Dfao2VkS.cjs', document.baseURI).href))),
+  node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.BT-U5kd1.cjs', document.baseURI).href))),
   UNKNOWN_PACKAGE_VERSION
 );
 const COMPILER_VERSION = findPackageVersionFromModule("@csszyx/compiler", UNKNOWN_PACKAGE_VERSION);
@@ -2055,6 +2055,45 @@ function mangleCodeClassesSync(code, mangleMap) {
     }
     return changed ? `className:\`${out}\`` : fullMatch;
   });
+  function scanClassExpression(source, from) {
+    let depth = 0;
+    let j = from;
+    while (j < source.length) {
+      const ch = source[j];
+      if (ch === "(" || ch === "[") {
+        depth++;
+      } else if (ch === ")" || ch === "]") {
+        if (depth === 0) {
+          break;
+        }
+        depth--;
+      } else if (depth === 0 && (ch === "," || ch === ";" || ch === "\n" || ch === "}")) {
+        break;
+      }
+      j++;
+    }
+    return j;
+  }
+  function mangleTernaryClassStrings(expr) {
+    const qIdx = expr.indexOf("?");
+    if (qIdx === -1 || !expr.slice(qIdx).includes(":")) {
+      return null;
+    }
+    let changed = false;
+    const mangled = expr.replace(/"([^"]*)"/g, (qm, inner) => {
+      const parts = inner.split(/\s+/).filter(Boolean);
+      if (parts.length === 0) {
+        return qm;
+      }
+      const mangledStr = parts.map((p) => mangleMap[p] || p).join(" ");
+      if (mangledStr !== inner) {
+        changed = true;
+        return `"${mangledStr}"`;
+      }
+      return qm;
+    });
+    return changed ? mangled : null;
+  }
   {
     const marker = "className:";
     let searchFrom = 0;
@@ -2076,47 +2115,39 @@ function mangleCodeClassesSync(code, mangleMap) {
         searchFrom = afterColon;
         continue;
       }
-      let depth = 0;
-      let j = afterColon;
-      while (j < result.length) {
-        const ch = result[j];
-        if (ch === "(" || ch === "[") {
-          depth++;
-        } else if (ch === ")" || ch === "]") {
-          if (depth === 0) {
-            break;
-          }
-          depth--;
-        } else if (depth === 0 && (ch === "," || ch === ";" || ch === "\n" || ch === "}")) {
-          break;
-        }
-        j++;
-      }
+      const j = scanClassExpression(result, afterColon);
       const expr = result.slice(afterColon, j);
-      const qIdx = expr.indexOf("?");
-      if (qIdx === -1 || !expr.slice(qIdx).includes(":")) {
-        out += expr;
-        searchFrom = j;
-        continue;
-      }
-      let changed = false;
-      const mangled = expr.replace(/"([^"]*)"/g, (qm, inner) => {
-        const parts = inner.split(/\s+/).filter(Boolean);
-        if (parts.length === 0) {
-          return qm;
-        }
-        const mangledStr = parts.map((p) => mangleMap[p] || p).join(" ");
-        if (mangledStr !== inner) {
-          changed = true;
-          return `"${mangledStr}"`;
-        }
-        return qm;
-      });
-      out += changed ? mangled : expr;
+      out += mangleTernaryClassStrings(expr) ?? expr;
       searchFrom = j;
     }
     result = out;
   }
+  {
+    const markerRe = /"class(?:Name)?"\s*,\s*/g;
+    let out = "";
+    let copiedTo = 0;
+    let m = markerRe.exec(result);
+    while (m !== null) {
+      const exprStart = m.index + m[0].length;
+      const firstChar = result[exprStart];
+      if (firstChar === '"' || firstChar === "'" || firstChar === "`") {
+        m = markerRe.exec(result);
+        continue;
+      }
+      const j = scanClassExpression(result, exprStart);
+      const expr = result.slice(exprStart, j);
+      const mangled = mangleTernaryClassStrings(expr);
+      if (mangled !== null) {
+        out += result.slice(copiedTo, exprStart) + mangled;
+        copiedTo = j;
+      }
+      markerRe.lastIndex = j;
+      m = markerRe.exec(result);
+    }
+    if (copiedTo > 0) {
+      result = out + result.slice(copiedTo);
+    }
+  }
   result = result.replace(/(?<=(?:[,(]|&&)\s*)"([^"]+)"/g, (match, inner) => {
     const tokens = inner.split(/\s+/).filter(Boolean);
     if (tokens.length === 0) {
@@ -2688,6 +2719,21 @@ function createCsszyxPlugins(options = {}) {
         }
         return null;
       },
+      /**
+       * Restricts the load hook to csszyx's own virtual modules.
+       *
+       * Without this, unplugin's webpack adapter registers its load
+       * loader with `type: 'javascript/auto'` for every module (its
+       * include defaults to all ids when no loadInclude exists). That
+       * corrupts binary asset modules (images, fonts) in webpack apps —
+       * Next.js builds fail with "not a valid image file" / "Module
+       * parse failed" on assets that build fine without csszyx.
+       * @param id - the module ID webpack is about to load
+       * @returns true only for csszyx virtual modules
+       */
+      loadInclude(id) {
+        return id === RESOLVED_VIRTUAL_MODULE_ID || id === RESOLVED_VIRTUAL_CHECKSUM_ID;
+      },
       /**
        * Loads virtual module content — generates mangle map or checksum module code.
        * @param id - the resolved module ID to load

package/dist/shared/{unplugin.s62yJbu1.cjs → unplugin.Bo6Kx-T6.cjs}

@@ -27,6 +27,7 @@ const lockfile__default = /*#__PURE__*/_interopDefaultCompat(lockfile);
 const DEFAULT_RENAME_RETRIES = 5;
 const DEFAULT_RENAME_RETRY_DELAY_MS = 10;
 const DEFAULT_STALE_LOCK_MS = 3e4;
+const STALE_RECOVERY_DISABLED_MS = 2147483647;
 function resolveNextSafelistStatePaths(rootDir, cacheDir = ".csszyx/cache", outputFile = "csszyx-classes.html") {
   const resolvedCacheDir = path__namespace.resolve(rootDir, cacheDir);
   return {
@@ -81,11 +82,17 @@ function acquireNextSafelistStateLock(lockPath, pidOrOptions = {}) {
   const metadata = createLockMetadata(options);
   const staleAfterMs = options.staleAfterMs ?? DEFAULT_STALE_LOCK_MS;
   fs__namespace.mkdirSync(path__namespace.dirname(lockPath), { recursive: true });
+  recoverStaleAdvisoryLock(lockPath, staleAfterMs);
   let releaseAdvisory;
   try {
     releaseAdvisory = lockfile__default.lockSync(lockPath, {
       realpath: false,
-      stale: staleAfterMs,
+      // Disable proper-lockfile's own stale recovery: its rmdir+remake is
+      // not single-winner under concurrent recovery. recoverStaleAdvisoryLock
+      // above clears stale locks with one elected winner, so here mkdir is a
+      // pure single-winner mutex. A live owner keeps the advisory mtime fresh
+      // via `update`, so staleness is still detected — just by us, not here.
+      stale: STALE_RECOVERY_DISABLED_MS,
       update: Math.max(1e3, Math.floor(staleAfterMs / 2)),
       retries: 0
     });
@@ -289,6 +296,44 @@ function readLockMetadata(lockPath) {
     return null;
   }
 }
+function isAdvisoryLockStale(advisoryPath, staleAfterMs) {
+  try {
+    return fs__namespace.statSync(advisoryPath).mtimeMs < Date.now() - staleAfterMs;
+  } catch {
+    return false;
+  }
+}
+function recoverStaleAdvisoryLock(lockPath, staleAfterMs) {
+  const advisoryPath = `${lockPath}.lock`;
+  if (!isAdvisoryLockStale(advisoryPath, staleAfterMs)) {
+    return;
+  }
+  const electionPath = `${lockPath}.recover`;
+  if (isAdvisoryLockStale(electionPath, staleAfterMs)) {
+    try {
+      fs__namespace.rmdirSync(electionPath);
+    } catch {
+    }
+  }
+  try {
+    fs__namespace.mkdirSync(electionPath);
+  } catch {
+    return;
+  }
+  try {
+    if (isAdvisoryLockStale(advisoryPath, staleAfterMs)) {
+      try {
+        fs__namespace.rmdirSync(advisoryPath);
+      } catch {
+      }
+    }
+  } finally {
+    try {
+      fs__namespace.rmdirSync(electionPath);
+    } catch {
+    }
+  }
+}
 function isLockLive(metadata, options) {
   const staleAfterMs = options.staleAfterMs ?? DEFAULT_STALE_LOCK_MS;
   const updatedAt = Date.parse(metadata.updatedAt);

package/dist/shared/{unplugin.BtQzlC2C.mjs → unplugin.VAel6lI0.mjs}

@@ -7,6 +7,7 @@ import lockfile from 'proper-lockfile';
 const DEFAULT_RENAME_RETRIES = 5;
 const DEFAULT_RENAME_RETRY_DELAY_MS = 10;
 const DEFAULT_STALE_LOCK_MS = 3e4;
+const STALE_RECOVERY_DISABLED_MS = 2147483647;
 function resolveNextSafelistStatePaths(rootDir, cacheDir = ".csszyx/cache", outputFile = "csszyx-classes.html") {
   const resolvedCacheDir = path.resolve(rootDir, cacheDir);
   return {
@@ -61,11 +62,17 @@ function acquireNextSafelistStateLock(lockPath, pidOrOptions = {}) {
   const metadata = createLockMetadata(options);
   const staleAfterMs = options.staleAfterMs ?? DEFAULT_STALE_LOCK_MS;
   fs.mkdirSync(path.dirname(lockPath), { recursive: true });
+  recoverStaleAdvisoryLock(lockPath, staleAfterMs);
   let releaseAdvisory;
   try {
     releaseAdvisory = lockfile.lockSync(lockPath, {
       realpath: false,
-      stale: staleAfterMs,
+      // Disable proper-lockfile's own stale recovery: its rmdir+remake is
+      // not single-winner under concurrent recovery. recoverStaleAdvisoryLock
+      // above clears stale locks with one elected winner, so here mkdir is a
+      // pure single-winner mutex. A live owner keeps the advisory mtime fresh
+      // via `update`, so staleness is still detected — just by us, not here.
+      stale: STALE_RECOVERY_DISABLED_MS,
       update: Math.max(1e3, Math.floor(staleAfterMs / 2)),
       retries: 0
     });
@@ -269,6 +276,44 @@ function readLockMetadata(lockPath) {
     return null;
   }
 }
+function isAdvisoryLockStale(advisoryPath, staleAfterMs) {
+  try {
+    return fs.statSync(advisoryPath).mtimeMs < Date.now() - staleAfterMs;
+  } catch {
+    return false;
+  }
+}
+function recoverStaleAdvisoryLock(lockPath, staleAfterMs) {
+  const advisoryPath = `${lockPath}.lock`;
+  if (!isAdvisoryLockStale(advisoryPath, staleAfterMs)) {
+    return;
+  }
+  const electionPath = `${lockPath}.recover`;
+  if (isAdvisoryLockStale(electionPath, staleAfterMs)) {
+    try {
+      fs.rmdirSync(electionPath);
+    } catch {
+    }
+  }
+  try {
+    fs.mkdirSync(electionPath);
+  } catch {
+    return;
+  }
+  try {
+    if (isAdvisoryLockStale(advisoryPath, staleAfterMs)) {
+      try {
+        fs.rmdirSync(advisoryPath);
+      } catch {
+      }
+    }
+  } finally {
+    try {
+      fs.rmdirSync(electionPath);
+    } catch {
+    }
+  }
+}
 function isLockLive(metadata, options) {
   const staleAfterMs = options.staleAfterMs ?? DEFAULT_STALE_LOCK_MS;
   const updatedAt = Date.parse(metadata.updatedAt);

package/dist/shared/{unplugin.CMsKFZ-l.mjs → unplugin.jEasXLFM.mjs}

@@ -2035,6 +2035,45 @@ function mangleCodeClassesSync(code, mangleMap) {
     }
     return changed ? `className:\`${out}\`` : fullMatch;
   });
+  function scanClassExpression(source, from) {
+    let depth = 0;
+    let j = from;
+    while (j < source.length) {
+      const ch = source[j];
+      if (ch === "(" || ch === "[") {
+        depth++;
+      } else if (ch === ")" || ch === "]") {
+        if (depth === 0) {
+          break;
+        }
+        depth--;
+      } else if (depth === 0 && (ch === "," || ch === ";" || ch === "\n" || ch === "}")) {
+        break;
+      }
+      j++;
+    }
+    return j;
+  }
+  function mangleTernaryClassStrings(expr) {
+    const qIdx = expr.indexOf("?");
+    if (qIdx === -1 || !expr.slice(qIdx).includes(":")) {
+      return null;
+    }
+    let changed = false;
+    const mangled = expr.replace(/"([^"]*)"/g, (qm, inner) => {
+      const parts = inner.split(/\s+/).filter(Boolean);
+      if (parts.length === 0) {
+        return qm;
+      }
+      const mangledStr = parts.map((p) => mangleMap[p] || p).join(" ");
+      if (mangledStr !== inner) {
+        changed = true;
+        return `"${mangledStr}"`;
+      }
+      return qm;
+    });
+    return changed ? mangled : null;
+  }
   {
     const marker = "className:";
     let searchFrom = 0;
@@ -2056,47 +2095,39 @@ function mangleCodeClassesSync(code, mangleMap) {
         searchFrom = afterColon;
         continue;
       }
-      let depth = 0;
-      let j = afterColon;
-      while (j < result.length) {
-        const ch = result[j];
-        if (ch === "(" || ch === "[") {
-          depth++;
-        } else if (ch === ")" || ch === "]") {
-          if (depth === 0) {
-            break;
-          }
-          depth--;
-        } else if (depth === 0 && (ch === "," || ch === ";" || ch === "\n" || ch === "}")) {
-          break;
-        }
-        j++;
-      }
+      const j = scanClassExpression(result, afterColon);
       const expr = result.slice(afterColon, j);
-      const qIdx = expr.indexOf("?");
-      if (qIdx === -1 || !expr.slice(qIdx).includes(":")) {
-        out += expr;
-        searchFrom = j;
-        continue;
-      }
-      let changed = false;
-      const mangled = expr.replace(/"([^"]*)"/g, (qm, inner) => {
-        const parts = inner.split(/\s+/).filter(Boolean);
-        if (parts.length === 0) {
-          return qm;
-        }
-        const mangledStr = parts.map((p) => mangleMap[p] || p).join(" ");
-        if (mangledStr !== inner) {
-          changed = true;
-          return `"${mangledStr}"`;
-        }
-        return qm;
-      });
-      out += changed ? mangled : expr;
+      out += mangleTernaryClassStrings(expr) ?? expr;
       searchFrom = j;
     }
     result = out;
   }
+  {
+    const markerRe = /"class(?:Name)?"\s*,\s*/g;
+    let out = "";
+    let copiedTo = 0;
+    let m = markerRe.exec(result);
+    while (m !== null) {
+      const exprStart = m.index + m[0].length;
+      const firstChar = result[exprStart];
+      if (firstChar === '"' || firstChar === "'" || firstChar === "`") {
+        m = markerRe.exec(result);
+        continue;
+      }
+      const j = scanClassExpression(result, exprStart);
+      const expr = result.slice(exprStart, j);
+      const mangled = mangleTernaryClassStrings(expr);
+      if (mangled !== null) {
+        out += result.slice(copiedTo, exprStart) + mangled;
+        copiedTo = j;
+      }
+      markerRe.lastIndex = j;
+      m = markerRe.exec(result);
+    }
+    if (copiedTo > 0) {
+      result = out + result.slice(copiedTo);
+    }
+  }
   result = result.replace(/(?<=(?:[,(]|&&)\s*)"([^"]+)"/g, (match, inner) => {
     const tokens = inner.split(/\s+/).filter(Boolean);
     if (tokens.length === 0) {
@@ -2668,6 +2699,21 @@ function createCsszyxPlugins(options = {}) {
         }
         return null;
       },
+      /**
+       * Restricts the load hook to csszyx's own virtual modules.
+       *
+       * Without this, unplugin's webpack adapter registers its load
+       * loader with `type: 'javascript/auto'` for every module (its
+       * include defaults to all ids when no loadInclude exists). That
+       * corrupts binary asset modules (images, fonts) in webpack apps —
+       * Next.js builds fail with "not a valid image file" / "Module
+       * parse failed" on assets that build fine without csszyx.
+       * @param id - the module ID webpack is about to load
+       * @returns true only for csszyx virtual modules
+       */
+      loadInclude(id) {
+        return id === RESOLVED_VIRTUAL_MODULE_ID || id === RESOLVED_VIRTUAL_CHECKSUM_ID;
+      },
       /**
        * Loads virtual module content — generates mangle map or checksum module code.
        * @param id - the resolved module ID to load

package/dist/vite.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const unplugin = require('./shared/unplugin.Dfao2VkS.cjs');
+const unplugin = require('./shared/unplugin.BT-U5kd1.cjs');
 require('node:fs');
 require('node:module');
 require('node:path');

package/dist/vite.mjs

@@ -1,4 +1,4 @@
-import { D as vitePlugin } from './shared/unplugin.CMsKFZ-l.mjs';
+import { D as vitePlugin } from './shared/unplugin.jEasXLFM.mjs';
 import 'node:fs';
 import 'node:module';
 import 'node:path';

package/dist/webpack.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const unplugin = require('./shared/unplugin.Dfao2VkS.cjs');
+const unplugin = require('./shared/unplugin.BT-U5kd1.cjs');
 require('node:fs');
 require('node:module');
 require('node:path');

package/dist/webpack.mjs

@@ -1,4 +1,4 @@
-import { E as webpackPlugin } from './shared/unplugin.CMsKFZ-l.mjs';
+import { E as webpackPlugin } from './shared/unplugin.jEasXLFM.mjs';
 import 'node:fs';
 import 'node:module';
 import 'node:path';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/unplugin",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "description": "Vite and Webpack integration for csszyx",
   "keywords": [
     "csszyx",
@@ -117,19 +117,19 @@
     "postcss-value-parser": "^4.2.0",
     "proper-lockfile": "^4.1.2",
     "unplugin": "^1.10.1",
-    "@csszyx/compiler": "0.9.9",
-    "@csszyx/svelte-adapter": "0.9.9",
-    "@csszyx/core": "0.9.9",
-    "@csszyx/vue-adapter": "0.9.9",
-    "@csszyx/types": "0.9.9"
+    "@csszyx/compiler": "0.9.10",
+    "@csszyx/core": "0.9.10",
+    "@csszyx/svelte-adapter": "0.9.10",
+    "@csszyx/vue-adapter": "0.9.10",
+    "@csszyx/types": "0.9.10"
   },
   "peerDependencies": {
-    "@csszyx/runtime": "^0.9.9"
+    "@csszyx/runtime": "^0.9.10"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",
     "@types/proper-lockfile": "^4.1.4",
-    "esbuild": "^0.27.2",
+    "esbuild": "^0.28.1",
     "rollup": "^4.56.0",
     "typescript": "^6.0.3",
     "unbuild": "^3.6.1",