tailwind-styled-v4 5.0.17 → 5.0.20

package/dist/index.mjs

@@ -860,15 +860,27 @@ function resolveNativeBinary(runtimeDir) {
     }
     tried.push(`env:${envPath} (not found)`);
   }
+  const prebuiltPkgs = PLATFORM_MAP[platform] ?? [];
+  for (const pkg of prebuiltPkgs) {
+    try {
+      const candidate = _require.resolve(`${pkg}/tailwind_styled_parser.node`);
+      if (fs3.existsSync(candidate)) {
+        return { path: candidate, source: "prebuilt", platform, tried };
+      }
+      tried.push(`prebuilt:${pkg} (resolved but missing)`);
+    } catch {
+      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", "index"];
+  const BINARY_NAMES_SELF = ["tailwind-styled-native", "tailwind_styled_parser"];
   if (runtimeDir) {
     for (const depth of ["..", path9.join("..", ".."), path9.join("..", "..", "..")]) {
       const pkgRoot = path9.resolve(runtimeDir, depth);
       for (const bin of BINARY_NAMES_SELF) {
         for (const suffix of ["", `.${platform}`, `.${napiPlatform}`]) {
           const candidate = path9.resolve(pkgRoot, "native", `${bin}${suffix}.node`);
-          tried.push(`native:${candidate}`);
+          tried.push(`self-bundled:${candidate}`);
           if (fs3.existsSync(candidate)) {
             return { path: candidate, source: "prebuilt", platform, tried };
           }
@@ -876,18 +888,6 @@ function resolveNativeBinary(runtimeDir) {
       }
     }
   }
-  const prebuiltPkgs = PLATFORM_MAP[platform] ?? [];
-  for (const pkg of prebuiltPkgs) {
-    try {
-      const candidate = _require.resolve(`${pkg}/tailwind_styled_parser.node`);
-      if (fs3.existsSync(candidate)) {
-        return { path: candidate, source: "prebuilt", platform, tried };
-      }
-      tried.push(`prebuilt:${pkg} (resolved but missing)`);
-    } catch {
-      tried.push(`prebuilt:${pkg} (not installed)`);
-    }
-  }
   const cwd = process.cwd();
   const base = runtimeDir ?? cwd;
   const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
@@ -1025,8 +1025,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) {
@@ -1074,8 +1110,8 @@ async function generateCssNative(classes, options) {
   return css;
 }
 function clearThemeCache() {
+  const native = getNativeBridge();
   try {
-    const native = getNativeBridge();
     if (!native?.clearThemeCache) {
       return;
     }
@@ -1083,6 +1119,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();
@@ -1208,6 +1254,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");
@@ -1645,7 +1701,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));
@@ -1653,7 +1709,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++;
@@ -1670,7 +1726,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"})`,
@@ -1706,6 +1769,7 @@ var init_tailwindEngine = __esm({
   "packages/domain/compiler/src/compiler/tailwindEngine.ts"() {
     init_nativeBridge();
     init_cssGeneratorNative();
+    init_cssCompilationNative();
     createRequire(import.meta.url);
     _cssCache = /* @__PURE__ */ new Map();
     _cacheHits = 0;
@@ -1738,9 +1802,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();
@@ -1751,6 +1816,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) {
@@ -1882,6 +1955,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();
@@ -2171,6 +2273,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();
@@ -2819,9 +2967,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;
     };
@@ -2980,6 +3128,7 @@ __export(internal_exports, {
   clearCssGenCache: () => clearCssGenCache,
   clearParseCache: () => clearParseCache,
   clearResolveCache: () => clearResolveCache,
+  clearResolverPool: () => clearResolverPool,
   clearThemeCache: () => clearThemeCache,
   collectFiles: () => collectFiles,
   compileAnimation: () => compileAnimation,
@@ -3002,6 +3151,7 @@ __export(internal_exports, {
   eliminateDeadCssNative: () => eliminateDeadCssNative,
   emitPluginHook: () => emitPluginHook,
   estimateOptimalCacheConfig: () => estimateOptimalCacheConfig,
+  estimateOptimalCacheConfigNative: () => estimateOptimalCacheConfigNative,
   extractAllClasses: () => extractAllClasses,
   extractAndGenerateStateCss: () => extractAndGenerateStateCss,
   extractAndGenerateStateCssNative: () => extractAndGenerateStateCssNative,
@@ -3015,6 +3165,8 @@ __export(internal_exports, {
   fileToRoute: () => fileToRoute,
   findDeadVariants: () => findDeadVariants,
   generateAtomicCss: () => generateAtomicCss,
+  generateCss: () => generateCss,
+  generateCssBatch: () => generateCssBatch,
   generateCssForClasses: () => generateCssForClasses,
   generateCssNative: () => generateCssNative,
   generateSafelist: () => generateSafelist,
@@ -3030,10 +3182,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,
@@ -3062,6 +3218,7 @@ __export(internal_exports, {
   normalizeClasses: () => normalizeClasses,
   optimizeCssNative: () => optimizeCssNative,
   parseAtomicClass: () => parseAtomicClass,
+  parseClass: () => parseClass,
   parseClasses: () => parseClasses,
   pollWatchEvents: () => pollWatchEvents,
   processFileChange: () => processFileChange,
@@ -3113,12 +3270,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,
@@ -4771,31 +4934,24 @@ var init_native_bridge2 = __esm({
 
 // packages/domain/core/src/native.ts
 init_src2();
-var isBrowser4 = typeof window !== "undefined" && typeof document !== "undefined";
-var NATIVE_UNAVAILABLE_MESSAGE2 = "[tailwind-styled/core] Native binding is required but not available.\nMake sure:\n  1. .node files were copied to dist/ during build\n  2. You installed the correct native package for your platform\n  3. npm run build:rust was executed successfully";
+var isBrowser4 = typeof window !== "undefined" || typeof document !== "undefined";
+var NATIVE_UNAVAILABLE_MESSAGE2 = "[tailwind-styled/core] Native binding is required but not available.\nPlease ensure you have run: npm run build:rust";
 var _nodeRequire = createRequire(import.meta.url);
 var _loadNative2 = (path15) => _nodeRequire(path15);
 var nativeBinding = null;
 var bindingLoadAttempted = false;
-var bindingError = null;
 var getBinding = () => {
-  if (nativeBinding) return nativeBinding;
-  if (bindingError) {
-    throw bindingError;
+  if (isBrowser4) {
+    throw new Error(NATIVE_UNAVAILABLE_MESSAGE2 + "\n\nNative bindings are not available in browser. Use the compiled CSS output instead.");
   }
+  if (nativeBinding) return nativeBinding;
   if (bindingLoadAttempted) {
     throw new Error(NATIVE_UNAVAILABLE_MESSAGE2);
   }
   bindingLoadAttempted = true;
   try {
-    if (isBrowser4) {
-      bindingError = new Error(
-        "[tailwind-styled/core] Cannot use template literals (tw`...`) in browser environment.\n\nTemplate literal parsing requires native Rust bindings compiled to WebAssembly,\nwhich is not currently supported.\n\nSolutions:\n1. Use object config only: tw.button({ base: '...', variants: {...} })\n2. Pre-compile components on the server (Next.js Server Components)\n3. Use @tailwind-styled browser-safe packages if available\n\nFor more info: https://github.com/Dictionar32/css-in-rust/discussions"
-      );
-      throw bindingError;
-    }
-    const runtimeDir = dirname(fileURLToPath(import.meta.url));
-    const result = resolveNativeBinary(runtimeDir);
+    const runtimeDir = isBrowser4 ? "" : dirname(fileURLToPath(import.meta.url));
+    const result = isBrowser4 ? { path: null, source: "not-found", platform: "browser", tried: [] } : resolveNativeBinary(runtimeDir);
     if (result.path && result.path.endsWith(".node")) {
       const mod = _loadNative2(result.path);
       if (mod?.batchSplitClasses) {
@@ -4803,22 +4959,11 @@ var getBinding = () => {
         return nativeBinding;
       }
     }
-    bindingError = new Error(
-      `${NATIVE_UNAVAILABLE_MESSAGE2}
+    throw new Error(`${NATIVE_UNAVAILABLE_MESSAGE2}
 
-Resolution Attempts:
-${result.tried.map((t2) => `  - ${t2}`).join("\n")}
-
-Quick fixes:
-  1. npm run build:rust         # Build native binaries
-  2. npm install                # Reinstall with pre-built binaries
-  3. TW_NATIVE_PATH=/path/to/index.node npm run dev  # Specify binary path`
-    );
-    throw bindingError;
+Tried: ${result.tried.join("\n")}`);
   } catch (err) {
-    const error = err instanceof Error ? err : new Error(String(err));
-    bindingError = error;
-    throw error;
+    throw err instanceof Error ? err : new Error(String(err));
   }
 };
 var getNativeBinding = getBinding;
@@ -5485,70 +5630,49 @@ function lookupGenerated(componentId, props, defaultVariants, variantKeys) {
   );
   return table[key];
 }
-function resolveVariantsNative(config, props) {
-  const { variants = {}, defaultVariants = {} } = config;
-  try {
-    const binding = getNativeBinding();
-    if (!binding?.resolveVariants) {
-      throw new Error("resolveVariants not available");
-    }
-    const variantKeys = Object.keys(variants);
-    const configJson = (() => {
-      const cfgObj = config;
-      const cfgStr = JSON.stringify(cfgObj);
-      const parsed = JSON.parse(cfgStr);
-      if ("defaultVariants" in parsed && !("default_variants" in parsed)) {
-        parsed.default_variants = parsed.defaultVariants;
-        delete parsed.defaultVariants;
-      }
-      if ("compoundVariants" in parsed && !("compound_variants" in parsed)) {
-        parsed.compound_variants = parsed.compoundVariants;
-        delete parsed.compoundVariants;
-      }
-      if (!("variants" in parsed) || parsed.variants == null) {
-        parsed.variants = {};
-      }
-      return JSON.stringify(parsed);
-    })();
-    const cleanProps = {};
-    for (const k of variantKeys) {
-      const dv = defaultVariants[k];
-      if (dv !== void 0 && dv !== null) cleanProps[k] = String(dv);
-    }
-    for (const k of variantKeys) {
-      const v = props[k];
-      if (v !== void 0 && v !== null) cleanProps[k] = String(v);
+var _configJsonCache = /* @__PURE__ */ new WeakMap();
+function _getConfigJson(config) {
+  let json = _configJsonCache.get(config);
+  if (!json) {
+    const cfgObj = config;
+    const cfgStr = JSON.stringify(cfgObj);
+    const parsed = JSON.parse(cfgStr);
+    if ("defaultVariants" in parsed && !("default_variants" in parsed)) {
+      parsed.default_variants = parsed.defaultVariants;
+      delete parsed.defaultVariants;
     }
-    const propsJson = JSON.stringify(cleanProps);
-    const result = binding.resolveVariants(configJson, propsJson);
-    return result?.classes ?? "";
-  } catch (_err) {
-    if (process.env.NODE_ENV !== "production") {
-      console.warn("[cv() fallback] getNativeBinding threw error, using JS fallback");
+    if ("compoundVariants" in parsed && !("compound_variants" in parsed)) {
+      parsed.compound_variants = parsed.compoundVariants;
+      delete parsed.compoundVariants;
     }
-    const result = [];
-    const { base = "", compoundVariants = [] } = config;
-    if (base) result.push(base);
-    const merged = { ...defaultVariants };
-    for (const [key, values] of Object.entries(variants || {})) {
-      const selected = props[key] ?? defaultVariants?.[key];
-      if (selected !== void 0 && selected !== null) merged[key] = selected;
-      if (selected && typeof values === "object" && values !== null) {
-        const variantValues = values;
-        if (variantValues[String(selected)]) {
-          result.push(variantValues[String(selected)]);
-        }
-      }
+    if (!("variants" in parsed) || parsed.variants == null) {
+      parsed.variants = {};
     }
-    for (const compound of compoundVariants) {
-      const { class: compoundClass, ...conditions } = compound;
-      const matches = Object.entries(conditions).every(
-        ([k, v]) => String(merged[k]) === String(v)
-      );
-      if (matches && compoundClass) result.push(compoundClass);
-    }
-    return result.join(" ");
+    json = JSON.stringify(parsed);
+    _configJsonCache.set(config, json);
   }
+  return json;
+}
+function resolveVariantsNative(config, props) {
+  const { variants = {}, defaultVariants = {} } = config;
+  const binding = getNativeBinding();
+  if (!binding?.resolveVariants) {
+    throw new Error("FATAL: Native binding 'resolveVariants' is required but not available. Build cannot continue.");
+  }
+  const variantKeys = Object.keys(variants);
+  const configJson = _getConfigJson(config);
+  const cleanProps = {};
+  for (const k of variantKeys) {
+    const dv = defaultVariants[k];
+    if (dv !== void 0 && dv !== null) cleanProps[k] = String(dv);
+  }
+  for (const k of variantKeys) {
+    const v = props[k];
+    if (v !== void 0 && v !== null) cleanProps[k] = String(v);
+  }
+  const propsJson = JSON.stringify(cleanProps);
+  const result = binding.resolveVariants(configJson, propsJson);
+  return result.classes;
 }
 function cv(config, componentId) {
   if (process.env.NODE_ENV !== "production") {
@@ -6042,9 +6166,7 @@ function parseTemplate(strings, exprs) {
   if (cached) return cached;
   const binding = getNativeBinding();
   if (!binding?.parseTemplate) {
-    throw new Error(
-      "FATAL: Native binding 'parseTemplate' is required but not available in this environment.\n\nThis function is only available on Node.js with native bindings loaded.\nFor browser environments, use object config instead:\n  tw.button({ base: '...', variants: {...} })"
-    );
+    throw new Error("FATAL: Native binding 'parseTemplate' is required but not available.");
   }
   const r = binding.parseTemplate(raw);
   const subs = r.hasSubs ? JSON.parse(r.subsJson) : {};
@@ -6314,7 +6436,7 @@ function sanitizeFrequentThreshold(value) {
 // packages/domain/analyzer/src/binding.ts
 var isAnalyzerModule = (module) => {
   const candidate = module;
-  return typeof candidate?.analyzeClasses === "function";
+  return typeof candidate?.analyzeClasses === "function" || typeof candidate?.analyzeClassesWorkspace === "function";
 };
 var createAnalyzerBindingLoader = () => {
   const _state = { bindingPromise: null };
@@ -6333,7 +6455,7 @@ var createAnalyzerBindingLoader = () => {
         runtimeDir,
         candidates,
         isValid: isAnalyzerModule,
-        invalidExportMessage: "Module loaded but missing `analyzeClasses` export."
+        invalidExportMessage: "Module loaded but missing `analyzeClasses` or `analyzeClassesWorkspace` export."
       });
       if (binding) {
         debugLog(`native binding loaded from: ${loadedPath}`);
@@ -6376,7 +6498,7 @@ async function requireNativeBinding() {
     runtimeDir,
     candidates,
     isValid: isAnalyzerModule,
-    invalidExportMessage: "Module loaded but missing `analyzeClasses` export."
+    invalidExportMessage: "Module loaded but missing `analyzeClasses` or `analyzeClassesWorkspace` export."
   });
   const lines = [
     "Native analyzer binding not found. Ensure `tailwind_styled_parser.node` is built."
@@ -6796,7 +6918,8 @@ async function analyzeWorkspace(root, options = {}) {
   );
   const nativeReport = (() => {
     try {
-      const report = binding.analyzeClasses(filesJson, resolvedRoot, topLimit);
+      const fn = binding.analyzeClassesWorkspace || binding.analyzeClasses;
+      const report = fn(filesJson, resolvedRoot, topLimit);
       if (!report) {
         throw new Error(`Native analyzer returned no report for "${resolvedRoot}".`);
       }