tailwind-styled-v4 4.0.0 → 5.0.1

package/dist/compiler.js

@@ -1,34 +1,22 @@
-import { createRequire } from 'module';
-import { twMerge } from 'tailwind-merge';
-import fs2 from 'fs';
-import path4 from 'path';
-import crypto from 'crypto';
+'use strict';
 
-/* tailwind-styled-v4 v4 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
+var crypto = require('crypto');
+var fs3 = require('fs');
+var module$1 = require('module');
+var path7 = require('path');
+var tailwindMerge = require('tailwind-merge');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var fs3__default = /*#__PURE__*/_interopDefault(fs3);
+var path7__default = /*#__PURE__*/_interopDefault(path7);
+
+/* tailwind-styled-v4 v5.0.1 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
@@ -51,12 +39,165 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+
+// packages/shared/src/logger.ts
+function getEnvLevel() {
+  const env = process.env.TWS_LOG_LEVEL?.toLowerCase();
+  if (env && env in LEVELS) return env;
+  return process.env.TWS_DEBUG_SCANNER === "1" ? "debug" : "info";
+}
+function createLogger(prefix, level) {
+  let currentLevel = getEnvLevel();
+  const log2 = (msgLevel, stream, args) => {
+    if (LEVELS[msgLevel] > LEVELS[currentLevel]) return;
+    const line = `[${prefix}] ${args.map(String).join(" ")}
+`;
+    process[stream].write(line);
+  };
+  return {
+    error: (...a) => log2("error", "stderr", a),
+    warn: (...a) => log2("warn", "stderr", a),
+    info: (...a) => log2("info", "stdout", a),
+    debug: (...a) => log2("debug", "stderr", a),
+    setLevel: (l) => {
+      currentLevel = l;
+    }
+  };
+}
+var LEVELS;
+var init_logger = __esm({
+  "packages/shared/src/logger.ts"() {
+    LEVELS = { silent: 0, error: 1, warn: 2, info: 3, debug: 4 };
+    createLogger("tailwind-styled");
+  }
+});
+function hashContent(content, algorithm = "md5", length = 8) {
+  return crypto.createHash(algorithm).update(content).digest("hex").slice(0, length);
+}
+var init_hash = __esm({
+  "packages/shared/src/hash.ts"() {
+  }
+});
+
+// packages/shared/src/index.ts
+var init_src = __esm({
+  "packages/shared/src/index.ts"() {
+    init_logger();
+    init_hash();
+  }
+});
+
+// packages/compiler/src/nativeBridge.ts
+var nativeBridge_exports = {};
+__export(nativeBridge_exports, {
+  adaptNativeResult: () => adaptNativeResult,
+  getNativeBridge: () => getNativeBridge,
+  resetNativeBridgeCache: () => resetNativeBridgeCache
+});
+function tryRequire(id) {
+  try {
+    const mod = requireFromRuntime(id);
+    return mod ?? null;
+  } catch (error) {
+    log.debug(
+      `native bridge load miss ${id}: ${error instanceof Error ? error.message : String(error)}`
+    );
+    return null;
+  }
+}
+function getNativeBridge() {
+  if (cachedBridge !== void 0) {
+    if (cachedBridge === null) {
+      throw new Error(
+        `[tailwind-styled/compiler v5] Native binding is required but not available.
+Please ensure:
+  1. The native module is properly installed
+  2. You have run: npm run build:native (or use prebuilt binary)
+  3. TWS_NO_NATIVE environment variable is not set
+
+For help, see: https://tailwind-styled.dev/docs/install`
+      );
+    }
+    return cachedBridge;
+  }
+  if (process.env.TWS_NO_NATIVE === "1" || process.env.TWS_NO_RUST === "1") {
+    cachedBridge = null;
+    throw new Error(
+      `[tailwind-styled/compiler v5] Native binding is required.
+The TWS_NO_NATIVE or TWS_NO_RUST environment variable is set, which disables native binding.
+Please unset this environment variable to use the native compiler.`
+    );
+  }
+  const candidates = [
+    "@tailwind-styled/native",
+    path7__default.default.resolve(process.cwd(), "native", "index.mjs"),
+    path7__default.default.resolve(runtimeDir, "..", "..", "native", "index.mjs"),
+    path7__default.default.resolve(runtimeDir, "..", "..", "..", "native", "index.mjs"),
+    path7__default.default.resolve(process.cwd(), "native", "index.node"),
+    path7__default.default.resolve(runtimeDir, "..", "..", "native", "index.node"),
+    path7__default.default.resolve(runtimeDir, "..", "..", "..", "native", "index.node")
+  ];
+  for (const candidate of candidates) {
+    const bridge = tryRequire(candidate);
+    if (bridge) {
+      log.debug(`native bridge loaded from ${candidate}`);
+      cachedBridge = bridge;
+      return cachedBridge;
+    }
+  }
+  cachedBridge = null;
+  throw new Error(
+    `[tailwind-styled/compiler v5] Native binding not found.
+Tried loading from:
+` + candidates.map((c) => `  - ${c}`).join("\n") + `
+
+Please build the native module:
+  npm run build:native
+
+Or install a prebuilt binary for your platform.`
+  );
+}
+function resetNativeBridgeCache() {
+  cachedBridge = void 0;
+}
+function adaptNativeResult(raw) {
+  let rsc;
+  if (raw.rscJson) {
+    try {
+      const parsed = JSON.parse(raw.rscJson);
+      rsc = {
+        isServer: parsed.isServer,
+        needsClientDirective: parsed.needsClientDirective,
+        clientReasons: []
+      };
+    } catch {
+    }
+  }
+  let metadata;
+  if (raw.metadataJson) {
+    try {
+      metadata = JSON.parse(raw.metadataJson);
+    } catch {
+    }
+  }
+  return {
+    code: raw.code,
+    classes: raw.classes,
+    changed: raw.changed,
+    rsc,
+    metadata
+  };
+}
+var runtimeDir, requireFromRuntime, cachedBridge, log;
+var init_nativeBridge = __esm({
+  "packages/compiler/src/nativeBridge.ts"() {
+    init_src();
+    runtimeDir = typeof __dirname === "string" && __dirname.length > 0 ? __dirname : process.cwd();
+    requireFromRuntime = typeof module !== "undefined" && typeof module.require === "function" ? module.require.bind(module) : module$1.createRequire(path7__default.default.join(runtimeDir, "noop.cjs"));
+    log = createLogger("compiler:native");
+  }
+});
 function requireNative() {
-  var _a2, _b2, _c, _d;
   if (process.env.NAPI_RS_NATIVE_LIBRARY_PATH) {
     try {
       return require2(process.env.NAPI_RS_NATIVE_LIBRARY_PATH);
@@ -73,8 +214,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-android-arm64");
         const bindingPackageVersion = require2("@oxc-parser/binding-android-arm64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -89,8 +230,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-android-arm-eabi");
         const bindingPackageVersion = require2("@oxc-parser/binding-android-arm-eabi/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -101,7 +242,7 @@ function requireNative() {
     }
   } else if (process.platform === "win32") {
     if (process.arch === "x64") {
-      if (((_b2 = (_a2 = process.config) == null ? void 0 : _a2.variables) == null ? void 0 : _b2.shlib_suffix) === "dll.a" || ((_d = (_c = process.config) == null ? void 0 : _c.variables) == null ? void 0 : _d.node_target_type) === "shared_library") {
+      if (process.config?.variables?.shlib_suffix === "dll.a" || process.config?.variables?.node_target_type === "shared_library") {
         try {
           return require2("./parser.win32-x64-gnu.node");
         } catch (e) {
@@ -110,8 +251,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-win32-x64-gnu");
           const bindingPackageVersion = require2("@oxc-parser/binding-win32-x64-gnu/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -126,8 +267,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-win32-x64-msvc");
           const bindingPackageVersion = require2("@oxc-parser/binding-win32-x64-msvc/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -143,8 +284,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-win32-ia32-msvc");
         const bindingPackageVersion = require2("@oxc-parser/binding-win32-ia32-msvc/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -159,8 +300,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-win32-arm64-msvc");
         const bindingPackageVersion = require2("@oxc-parser/binding-win32-arm64-msvc/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -178,8 +319,8 @@ function requireNative() {
     try {
       const binding = require2("@oxc-parser/binding-darwin-universal");
       const bindingPackageVersion = require2("@oxc-parser/binding-darwin-universal/package.json").version;
-      if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-        throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+      if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+        throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
       }
       return binding;
     } catch (e) {
@@ -194,8 +335,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-darwin-x64");
         const bindingPackageVersion = require2("@oxc-parser/binding-darwin-x64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -210,8 +351,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-darwin-arm64");
         const bindingPackageVersion = require2("@oxc-parser/binding-darwin-arm64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -230,8 +371,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-freebsd-x64");
         const bindingPackageVersion = require2("@oxc-parser/binding-freebsd-x64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -246,8 +387,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-freebsd-arm64");
         const bindingPackageVersion = require2("@oxc-parser/binding-freebsd-arm64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -267,8 +408,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-x64-musl");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-x64-musl/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -283,8 +424,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-x64-gnu");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-x64-gnu/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -301,8 +442,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-arm64-musl");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-arm64-musl/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -317,8 +458,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-arm64-gnu");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-arm64-gnu/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -335,8 +476,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-arm-musleabihf");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-arm-musleabihf/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -351,8 +492,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-arm-gnueabihf");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-arm-gnueabihf/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -369,8 +510,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-loong64-musl");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-loong64-musl/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -385,8 +526,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-loong64-gnu");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-loong64-gnu/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -403,8 +544,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-riscv64-musl");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-riscv64-musl/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -419,8 +560,8 @@ function requireNative() {
         try {
           const binding = require2("@oxc-parser/binding-linux-riscv64-gnu");
           const bindingPackageVersion = require2("@oxc-parser/binding-linux-riscv64-gnu/package.json").version;
-          if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-            throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+          if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+            throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
           }
           return binding;
         } catch (e) {
@@ -436,8 +577,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-linux-ppc64-gnu");
         const bindingPackageVersion = require2("@oxc-parser/binding-linux-ppc64-gnu/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -452,8 +593,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-linux-s390x-gnu");
         const bindingPackageVersion = require2("@oxc-parser/binding-linux-s390x-gnu/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -472,8 +613,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-openharmony-arm64");
         const bindingPackageVersion = require2("@oxc-parser/binding-openharmony-arm64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -488,8 +629,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-openharmony-x64");
         const bindingPackageVersion = require2("@oxc-parser/binding-openharmony-x64/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -504,8 +645,8 @@ function requireNative() {
       try {
         const binding = require2("@oxc-parser/binding-openharmony-arm");
         const bindingPackageVersion = require2("@oxc-parser/binding-openharmony-arm/package.json").version;
-        if (bindingPackageVersion !== "0.118.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
-          throw new Error(`Native binding package version mismatch, expected 0.118.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
+        if (bindingPackageVersion !== "0.120.0" && process.env.NAPI_RS_ENFORCE_VERSION_CHECK && process.env.NAPI_RS_ENFORCE_VERSION_CHECK !== "0") {
+          throw new Error(`Native binding package version mismatch, expected 0.120.0 but got ${bindingPackageVersion}. You can reinstall dependencies to fix this issue.`);
         }
         return binding;
       } catch (e) {
@@ -518,12 +659,11 @@ function requireNative() {
     loadErrors.push(new Error(`Unsupported OS: ${process.platform}, architecture: ${process.arch}`));
   }
 }
-var import_meta, require2, readFileSync, nativeBinding, loadErrors, isMusl, isFileMusl, isMuslFromFilesystem, isMuslFromReport, isMuslFromChildProcess, _a, _b, Severity, ParseResult, ExportExportNameKind, ExportImportNameKind, ExportLocalNameKind, ImportNameKind, parse, parseSync, rawTransferSupported, getBufferOffset, parseRaw, parseRawSync;
+var require2, readFileSync, nativeBinding, loadErrors, isMusl, isFileMusl, isMuslFromFilesystem, isMuslFromReport, isMuslFromChildProcess, Severity, ParseResult, ExportExportNameKind, ExportImportNameKind, ExportLocalNameKind, ImportNameKind, parse, parseSync, rawTransferSupported, getBufferOffset, parseRaw, parseRawSync;
 var init_bindings = __esm({
-  "../../node_modules/oxc-parser/src-js/bindings.js"() {
-    import_meta = {};
-    require2 = createRequire(import_meta.url);
-    new URL(".", import_meta.url).pathname;
+  "node_modules/oxc-parser/src-js/bindings.js"() {
+    require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href)));
+    new URL(".", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href))).pathname;
     ({ readFileSync } = require2("node:fs"));
     nativeBinding = null;
     loadErrors = [];
@@ -544,14 +684,13 @@ var init_bindings = __esm({
     isMuslFromFilesystem = () => {
       try {
         return readFileSync("/usr/bin/ldd", "utf-8").includes("musl");
-      } catch (e) {
+      } catch {
         return null;
       }
     };
     isMuslFromReport = () => {
-      var _a2;
       let report = null;
-      if (typeof ((_a2 = process.report) == null ? void 0 : _a2.getReport) === "function") {
+      if (typeof process.report?.getReport === "function") {
         process.report.excludeNetwork = true;
         report = process.report.getReport();
       }
@@ -608,7 +747,7 @@ var init_bindings = __esm({
         throw error;
       }
     }
-    if (!nativeBinding && ((_b = (_a = globalThis.process) == null ? void 0 : _a.versions) == null ? void 0 : _b["webcontainer"])) {
+    if (!nativeBinding && globalThis.process?.versions?.["webcontainer"]) {
       try {
         nativeBinding = require2("./webcontainer-fallback.cjs");
       } catch (err) {
@@ -634,17 +773,17 @@ var init_bindings = __esm({
   }
 });
 
-// ../../node_modules/oxc-parser/src-js/wrap.js
+// node_modules/oxc-parser/src-js/wrap.js
 function wrap(result) {
-  let program, module, comments, errors;
+  let program, module2, comments, errors;
   return {
     get program() {
       if (!program) program = jsonParseAst(result.program);
       return program;
     },
     get module() {
-      if (!module) module = result.module;
-      return module;
+      if (!module2) module2 = result.module;
+      return module2;
     },
     get comments() {
       if (!comments) comments = result.comments;
@@ -673,19 +812,19 @@ function applyFix(program, fixPath) {
   } else {
     try {
       node.value = RegExp(node.regex.pattern, node.regex.flags);
-    } catch (e) {
+    } catch {
     }
   }
 }
 var init_wrap = __esm({
-  "../../node_modules/oxc-parser/src-js/wrap.js"() {
+  "node_modules/oxc-parser/src-js/wrap.js"() {
   }
 });
 
-// ../../node_modules/oxc-parser/src-js/generated/visit/keys.js
+// node_modules/oxc-parser/src-js/generated/visit/keys.js
 var freeze, $EMPTY, DECORATORS__KEY__TYPE_ANNOTATION__VALUE, LEFT__RIGHT, ARGUMENT, BODY, LABEL, CALLEE__TYPE_ARGUMENTS__ARGUMENTS, EXPRESSION, DECORATORS__ID__TYPE_PARAMETERS__SUPER_CLASS__SUPER_TYPE_ARGUMENTS__IMPLEMENTS__BODY, TEST__CONSEQUENT__ALTERNATE, LEFT__RIGHT__BODY, ID__TYPE_PARAMETERS__PARAMS__RETURN_TYPE__BODY, KEY__VALUE, LOCAL, OBJECT__PROPERTY, DECORATORS__KEY__TYPE_ANNOTATION, EXPRESSION__TYPE_ANNOTATION, TYPE_PARAMETERS__PARAMS__RETURN_TYPE, EXPRESSION__TYPE_ARGUMENTS, MEMBERS, ID__BODY, TYPES, TYPE_ANNOTATION, PARAMS, keys_default;
 var init_keys = __esm({
-  "../../node_modules/oxc-parser/src-js/generated/visit/keys.js"() {
+  "node_modules/oxc-parser/src-js/generated/visit/keys.js"() {
     ({ freeze } = Object);
     $EMPTY = freeze([]);
     DECORATORS__KEY__TYPE_ANNOTATION__VALUE = freeze([
@@ -901,16 +1040,15 @@ var init_keys = __esm({
     });
   }
 });
-var import_meta2, walkProgram, addVisitorToCompiled, createCompiledVisitor, finalizeCompiledVisitor, _compiledVisitor, Visitor;
+var walkProgram, addVisitorToCompiled, createCompiledVisitor, finalizeCompiledVisitor, Visitor;
 var init_visit = __esm({
-  "../../node_modules/oxc-parser/src-js/visit/index.js"() {
-    import_meta2 = {};
+  "node_modules/oxc-parser/src-js/visit/index.js"() {
     walkProgram = null;
     Visitor = class {
+      #compiledVisitor = null;
       constructor(visitor) {
-        __privateAdd(this, _compiledVisitor, null);
         if (walkProgram === null) {
-          const require4 = createRequire(import_meta2.url);
+          const require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href)));
           ({ walkProgram } = require4("../generated/visit/walk.js"));
           ({
             addVisitorToCompiled,
@@ -921,7 +1059,7 @@ var init_visit = __esm({
         const compiledVisitor = createCompiledVisitor();
         addVisitorToCompiled(visitor);
         const needsVisit = finalizeCompiledVisitor();
-        if (needsVisit) __privateSet(this, _compiledVisitor, compiledVisitor);
+        if (needsVisit) this.#compiledVisitor = compiledVisitor;
       }
       /**
        * Visit AST.
@@ -929,15 +1067,14 @@ var init_visit = __esm({
        * @returns {undefined}
        */
       visit(program) {
-        const compiledVisitor = __privateGet(this, _compiledVisitor);
+        const compiledVisitor = this.#compiledVisitor;
         if (compiledVisitor !== null) walkProgram(program, compiledVisitor);
       }
     };
-    _compiledVisitor = new WeakMap();
   }
 });
 
-// ../../node_modules/oxc-parser/src-js/raw-transfer/supported.js
+// node_modules/oxc-parser/src-js/raw-transfer/supported.js
 function rawTransferSupported2() {
   if (rawTransferIsSupported === null) {
     rawTransferIsSupported = rawTransferRuntimeSupported() && rawTransferSupported();
@@ -945,34 +1082,33 @@ function rawTransferSupported2() {
   return rawTransferIsSupported;
 }
 function rawTransferRuntimeSupported() {
-  var _a2, _b2, _c, _d, _e, _f, _g;
   let global;
   try {
     global = globalThis;
-  } catch (e) {
+  } catch {
     return false;
   }
-  const isBun = !!global.Bun || !!((_b2 = (_a2 = global.process) == null ? void 0 : _a2.versions) == null ? void 0 : _b2.bun);
+  const isBun = !!global.Bun || !!global.process?.versions?.bun;
   if (isBun) return false;
   const isDeno = !!global.Deno;
   if (isDeno) {
-    const match2 = (_d = (_c = Deno.version) == null ? void 0 : _c.deno) == null ? void 0 : _d.match(/^(\d+)\./);
+    const match2 = Deno.version?.deno?.match(/^(\d+)\./);
     return !!match2 && match2[1] * 1 >= 2;
   }
-  const isNode = ((_f = (_e = global.process) == null ? void 0 : _e.release) == null ? void 0 : _f.name) === "node";
+  const isNode = global.process?.release?.name === "node";
   if (!isNode) return false;
-  const match = (_g = process.version) == null ? void 0 : _g.match(/^v(\d+)\./);
+  const match = process.version?.match(/^v(\d+)\./);
   return !!match && match[1] * 1 >= 22;
 }
 var rawTransferIsSupported;
 var init_supported = __esm({
-  "../../node_modules/oxc-parser/src-js/raw-transfer/supported.js"() {
+  "node_modules/oxc-parser/src-js/raw-transfer/supported.js"() {
     init_bindings();
     rawTransferIsSupported = null;
   }
 });
 
-// ../../node_modules/oxc-parser/src-js/index.js
+// node_modules/oxc-parser/src-js/index.js
 var src_js_exports = {};
 __export(src_js_exports, {
   ExportExportNameKind: () => ExportExportNameKind,
@@ -999,22 +1135,22 @@ function loadRawTransferLazy() {
   }
 }
 function parseSync2(filename, sourceText, options) {
-  if (options == null ? void 0 : options.experimentalRawTransfer) {
+  if (options?.experimentalRawTransfer) {
     loadRawTransfer();
     return parseSyncRaw(filename, sourceText, options);
   }
-  if (options == null ? void 0 : options.experimentalLazy) {
+  if (options?.experimentalLazy) {
     loadRawTransferLazy();
     return parseSyncLazy(filename, sourceText, options);
   }
   return wrap(parseSync(filename, sourceText, options));
 }
 async function parse2(filename, sourceText, options) {
-  if (options == null ? void 0 : options.experimentalRawTransfer) {
+  if (options?.experimentalRawTransfer) {
     loadRawTransfer();
     return await parseRaw2(filename, sourceText, options);
   }
-  if (options == null ? void 0 : options.experimentalLazy) {
+  if (options?.experimentalLazy) {
     loadRawTransferLazy();
     return await parseLazy(filename, sourceText, options);
   }
@@ -1024,23 +1160,91 @@ function experimentalGetLazyVisitor() {
   loadRawTransferLazy();
   return LazyVisitor;
 }
-var import_meta3, require3, parseSyncRaw, parseRaw2, parseSyncLazy, parseLazy, LazyVisitor;
+var require3, parseSyncRaw, parseRaw2, parseSyncLazy, parseLazy, LazyVisitor;
 var init_src_js = __esm({
-  "../../node_modules/oxc-parser/src-js/index.js"() {
+  "node_modules/oxc-parser/src-js/index.js"() {
     init_bindings();
     init_wrap();
     init_keys();
     init_visit();
     init_bindings();
     init_supported();
-    import_meta3 = {};
-    require3 = createRequire(import_meta3.url);
+    require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href)));
     parseSyncRaw = null;
     parseSyncLazy = null;
   }
 });
 
-// ../compiler/src/atomicCss.ts
+// packages/compiler/src/cssCompiler.ts
+var cssCompiler_exports = {};
+__export(cssCompiler_exports, {
+  buildStyleTag: () => buildStyleTag,
+  compileCssFromClasses: () => compileCssFromClasses
+});
+function getBinding() {
+  if (_binding !== void 0) {
+    if (_binding === null) {
+      throw new Error(
+        `[tailwind-styled/compiler v5] Native CSS binding is required but not available.
+Please ensure the native module is properly built.`
+      );
+    }
+    return _binding;
+  }
+  if (process.env.TWS_NO_NATIVE === "1") {
+    _binding = null;
+    throw new Error(
+      `[tailwind-styled/compiler v5] Native binding is required.
+The TWS_NO_NATIVE environment variable is set, which disables native binding.`
+    );
+  }
+  const req = typeof __require === "function" ? __require : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href)));
+  const candidates = [
+    path7__default.default.resolve(process.cwd(), "native", "tailwind_styled_parser.node"),
+    path7__default.default.resolve(__dirname, "..", "..", "..", "..", "native", "tailwind_styled_parser.node")
+  ];
+  for (const c of candidates) {
+    try {
+      const mod = req(c);
+      if (mod?.compileCss) {
+        _binding = mod;
+        return _binding;
+      }
+    } catch {
+    }
+  }
+  _binding = null;
+  throw new Error(
+    `[tailwind-styled/compiler v5] Native CSS binding not found.
+Tried loading from:
+` + candidates.map((c) => `  - ${c}`).join("\n") + `
+
+Please build the native module.`
+  );
+}
+function compileCssFromClasses(classes, options = {}) {
+  const binding = getBinding();
+  const prefix = options.prefix ?? null;
+  const r = binding.compileCss(classes, prefix);
+  return {
+    css: r.css,
+    resolvedClasses: r.resolvedClasses,
+    unknownClasses: r.unknownClasses,
+    sizeBytes: r.sizeBytes,
+    engine: "rust"
+  };
+}
+function buildStyleTag(classes) {
+  const { css } = compileCssFromClasses(classes);
+  return css ? `<style data-tailwind-styled>${css}</style>` : "";
+}
+var _binding;
+var init_cssCompiler = __esm({
+  "packages/compiler/src/cssCompiler.ts"() {
+  }
+});
+
+// packages/compiler/src/atomicCss.ts
 var atomicCss_exports = {};
 __export(atomicCss_exports, {
   clearAtomicRegistry: () => clearAtomicRegistry,
@@ -1050,7 +1254,6 @@ __export(atomicCss_exports, {
   toAtomicClasses: () => toAtomicClasses
 });
 function sizeValue(v) {
-  var _a2;
   const num = Number(v);
   if (!Number.isNaN(num)) return `${num * 0.25}rem`;
   const special = {
@@ -1063,10 +1266,9 @@ function sizeValue(v) {
     svw: "100svw",
     svh: "100svh"
   };
-  return (_a2 = special[v]) != null ? _a2 : v;
+  return special[v] ?? v;
 }
 function textSize(v) {
-  var _a2;
   const map = {
     xs: "0.75rem",
     sm: "0.875rem",
@@ -1082,10 +1284,9 @@ function textSize(v) {
     "8xl": "6rem",
     "9xl": "8rem"
   };
-  return (_a2 = map[v]) != null ? _a2 : v;
+  return map[v] ?? v;
 }
 function fontWeight(v) {
-  var _a2;
   const map = {
     thin: "100",
     extralight: "200",
@@ -1097,10 +1298,9 @@ function fontWeight(v) {
     extrabold: "800",
     black: "900"
   };
-  return (_a2 = map[v]) != null ? _a2 : v;
+  return map[v] ?? v;
 }
 function leadingValue(v) {
-  var _a2;
   const map = {
     none: "1",
     tight: "1.25",
@@ -1109,10 +1309,9 @@ function leadingValue(v) {
     relaxed: "1.625",
     loose: "2"
   };
-  return (_a2 = map[v]) != null ? _a2 : v;
+  return map[v] ?? v;
 }
 function roundedValue(v) {
-  var _a2;
   const map = {
     "": "0.25rem",
     sm: "0.125rem",
@@ -1124,7 +1323,7 @@ function roundedValue(v) {
     full: "9999px",
     none: "0"
   };
-  return (_a2 = map[v]) != null ? _a2 : `${v}rem`;
+  return map[v] ?? `${v}rem`;
 }
 function sanitizeClassName(cls) {
   return cls.replace(/[/:[\].!%]/g, "_");
@@ -1208,7 +1407,7 @@ function clearAtomicRegistry() {
 }
 var REGISTRY, TW_PROPERTY_MAP;
 var init_atomicCss = __esm({
-  "../compiler/src/atomicCss.ts"() {
+  "packages/compiler/src/atomicCss.ts"() {
     REGISTRY = /* @__PURE__ */ new Map();
     TW_PROPERTY_MAP = {
       // Spacing
@@ -1242,14 +1441,109 @@ var init_atomicCss = __esm({
   }
 });
 
-// ../preset/src/defaultPreset.ts
+// packages/preset/src/defaultPreset.ts
 var defaultPreset_exports = {};
 __export(defaultPreset_exports, {
   defaultGlobalCss: () => defaultGlobalCss,
   defaultPreset: () => defaultPreset,
+  defaultThemeCss: () => defaultThemeCss,
   designTokens: () => designTokens,
-  generateTailwindConfig: () => generateTailwindConfig
+  generateTailwindConfig: () => generateTailwindConfig,
+  generateTailwindCss: () => generateTailwindCss
 });
+function generateTailwindCss(contentPaths = STANDARD_CONTENT_PATHS) {
+  return `@import "tailwindcss";
+
+@theme {
+  /* colors */
+  --color-primary: #3b82f6;
+  --color-primary-hover: #2563eb;
+  --color-primary-active: #1d4ed8;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #6366f1;
+  --color-secondary-hover: #4f46e5;
+  --color-secondary-active: #4338ca;
+  --color-secondary-foreground: #ffffff;
+  --color-accent: #f59e0b;
+  --color-accent-hover: #d97706;
+  --color-accent-active: #b45309;
+  --color-accent-foreground: #000000;
+  --color-success: #10b981;
+  --color-success-foreground: #ffffff;
+  --color-warning: #f59e0b;
+  --color-warning-foreground: #000000;
+  --color-danger: #ef4444;
+  --color-danger-foreground: #ffffff;
+  --color-info: #3b82f6;
+  --color-info-foreground: #ffffff;
+  --color-surface: #18181b;
+  --color-border: #27272a;
+  --color-muted: #71717a;
+  --color-subtle: #3f3f46;
+
+  /* fonts */
+  --font-sans: InterVariable, Inter, system-ui, sans-serif;
+  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;
+
+  /* spacing */
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+
+  /* breakpoints */
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+
+  /* border radius */
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+  --radius-full: 9999px;
+
+  /* animations */
+  --animate-fade-in: fadeIn 0.2s ease-out;
+  --animate-fade-out: fadeOut 0.2s ease-in;
+  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-scale-in: scaleIn 0.2s ease-out;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes fadeOut {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+@keyframes slideUp {
+  from { transform: translateY(8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+@keyframes slideDown {
+  from { transform: translateY(-8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+@keyframes scaleIn {
+  from { transform: scale(0.95); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
+@source ${contentPaths.join("\n@source ")}
+`;
+}
 function generateTailwindConfig(safelistPath = ".tailwind-styled-safelist.json", contentPaths = STANDARD_CONTENT_PATHS) {
   return `import type { Config } from "tailwindcss"
 import { defaultPreset } from "tailwind-styled-v4/preset"
@@ -1267,9 +1561,9 @@ export default {
 } satisfies Config
 `;
 }
-var STANDARD_CONTENT_PATHS, designTokens, defaultPreset, defaultGlobalCss;
+var STANDARD_CONTENT_PATHS, designTokens, defaultPreset, defaultThemeCss, defaultGlobalCss;
 var init_defaultPreset = __esm({
-  "../preset/src/defaultPreset.ts"() {
+  "packages/preset/src/defaultPreset.ts"() {
     STANDARD_CONTENT_PATHS = [
       // Next.js App Router
       "./src/**/*.{tsx,ts,jsx,js,mdx}",
@@ -1284,21 +1578,43 @@ var init_defaultPreset = __esm({
     ];
     designTokens = {
       colors: {
-        // Brand
         primary: { DEFAULT: "#3b82f6", hover: "#2563eb", active: "#1d4ed8", foreground: "#ffffff" },
         secondary: { DEFAULT: "#6366f1", hover: "#4f46e5", active: "#4338ca", foreground: "#ffffff" },
         accent: { DEFAULT: "#f59e0b", hover: "#d97706", active: "#b45309", foreground: "#000000" },
-        // Semantic
         success: { DEFAULT: "#10b981", foreground: "#ffffff" },
         warning: { DEFAULT: "#f59e0b", foreground: "#000000" },
         danger: { DEFAULT: "#ef4444", foreground: "#ffffff" },
         info: { DEFAULT: "#3b82f6", foreground: "#ffffff" },
-        // Neutral
         surface: "#18181b",
         border: "#27272a",
         muted: "#71717a",
         subtle: "#3f3f46"
       },
+      spacing: {
+        1: "0.25rem",
+        2: "0.5rem",
+        3: "0.75rem",
+        4: "1rem",
+        5: "1.25rem",
+        6: "1.5rem",
+        8: "2rem",
+        10: "2.5rem",
+        12: "3rem",
+        16: "4rem"
+      },
+      breakpoints: {
+        sm: "40rem",
+        md: "48rem",
+        lg: "64rem",
+        xl: "80rem",
+        "2xl": "96rem"
+      },
+      fontWeight: {
+        normal: "400",
+        medium: "500",
+        semibold: "600",
+        bold: "700"
+      },
       fontFamily: {
         sans: ["InterVariable", "Inter", "system-ui", "sans-serif"],
         mono: ["JetBrains Mono", "Fira Code", "Consolas", "monospace"]
@@ -1350,8 +1666,183 @@ var init_defaultPreset = __esm({
       },
       plugins: []
     };
+    defaultThemeCss = `@import "tailwindcss";
+
+@theme {
+  /* colors */
+  --color-primary: #3b82f6;
+  --color-primary-hover: #2563eb;
+  --color-primary-active: #1d4ed8;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #6366f1;
+  --color-secondary-hover: #4f46e5;
+  --color-secondary-active: #4338ca;
+  --color-secondary-foreground: #ffffff;
+  --color-accent: #f59e0b;
+  --color-accent-hover: #d97706;
+  --color-accent-active: #b45309;
+  --color-accent-foreground: #000000;
+  --color-success: #10b981;
+  --color-success-foreground: #ffffff;
+  --color-warning: #f59e0b;
+  --color-warning-foreground: #000000;
+  --color-danger: #ef4444;
+  --color-danger-foreground: #ffffff;
+  --color-info: #3b82f6;
+  --color-info-foreground: #ffffff;
+  --color-surface: #18181b;
+  --color-border: #27272a;
+  --color-muted: #71717a;
+  --color-subtle: #3f3f46;
+
+  /* fonts */
+  --font-sans: InterVariable, Inter, system-ui, sans-serif;
+  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;
+
+  /* spacing */
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+
+  /* breakpoints */
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+
+  /* border radius */
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+  --radius-full: 9999px;
+
+  /* animations */
+  --animate-fade-in: fadeIn 0.2s ease-out;
+  --animate-fade-out: fadeOut 0.2s ease-in;
+  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-scale-in: scaleIn 0.2s ease-out;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes fadeOut {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+@keyframes slideUp {
+  from { transform: translateY(8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+@keyframes slideDown {
+  from { transform: translateY(-8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+@keyframes scaleIn {
+  from { transform: scale(0.95); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}`;
     defaultGlobalCss = `@import "tailwindcss";
 
+@theme {
+  /* colors */
+  --color-primary: #3b82f6;
+  --color-primary-hover: #2563eb;
+  --color-primary-active: #1d4ed8;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #6366f1;
+  --color-secondary-hover: #4f46e5;
+  --color-secondary-active: #4338ca;
+  --color-secondary-foreground: #ffffff;
+  --color-accent: #f59e0b;
+  --color-accent-hover: #d97706;
+  --color-accent-active: #b45309;
+  --color-accent-foreground: #000000;
+  --color-success: #10b981;
+  --color-success-foreground: #ffffff;
+  --color-warning: #f59e0b;
+  --color-warning-foreground: #000000;
+  --color-danger: #ef4444;
+  --color-danger-foreground: #ffffff;
+  --color-info: #3b82f6;
+  --color-info-foreground: #ffffff;
+  --color-surface: #18181b;
+  --color-border: #27272a;
+  --color-muted: #71717a;
+  --color-subtle: #3f3f46;
+
+  /* fonts */
+  --font-sans: InterVariable, Inter, system-ui, sans-serif;
+  --font-mono: JetBrains Mono, Fira Code, Consolas, monospace;
+
+  /* spacing */
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+
+  /* breakpoints */
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+
+  /* border radius */
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+  --radius-full: 9999px;
+
+  /* animations */
+  --animate-fade-in: fadeIn 0.2s ease-out;
+  --animate-fade-out: fadeOut 0.2s ease-in;
+  --animate-slide-up: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-slide-down: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  --animate-scale-in: scaleIn 0.2s ease-out;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes fadeOut {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+@keyframes slideUp {
+  from { transform: translateY(8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+@keyframes slideDown {
+  from { transform: translateY(-8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+@keyframes scaleIn {
+  from { transform: scale(0.95); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
 /* tailwind-styled-v4 \u2014 zero-config base styles */
 *, *::before, *::after {
   box-sizing: border-box;
@@ -1366,20 +1857,29 @@ html {
 body {
   margin: 0;
   font-family: var(--font-sans, system-ui, sans-serif);
-  background: var(--color-background, #09090b);
+  background: var(--color-surface, #18181b);
   color: var(--color-foreground, #fafafa);
 }
 `;
   }
 });
+
+// packages/plugin/src/index.ts
+var globalRegistry = {
+  transforms: [],
+  tokens: {}
+};
+function getGlobalRegistry() {
+  return globalRegistry;
+}
 function mergeClassesStatic(classes) {
-  return twMerge(classes);
+  return tailwindMerge.twMerge(classes);
 }
 function normalizeClasses(raw) {
   return raw.split("\n").map((l) => l.trim()).filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
 }
 
-// ../compiler/src/componentHoister.ts
+// packages/compiler/src/componentHoister.ts
 var INDENTED_TW_DECL_RE = /^([ \t]+)(const|let)\s+([A-Z]\w*)\s*=\s*tw\.[\w]+[`(]/gm;
 function hoistComponents(source) {
   const hoisted = [];
@@ -1466,7 +1966,7 @@ function findAfterImports(source) {
   return lines.slice(0, lastImportLine + 1).join("\n").length + 1;
 }
 
-// ../compiler/src/rscAnalyzer.ts
+// packages/compiler/src/rscAnalyzer.ts
 var CSS_INTERACTIVE_OK = [
   /^hover:/,
   // CSS :hover — no JS needed
@@ -1578,10 +2078,9 @@ function analyzeVariantUsage(source, componentName, variantKeys) {
   return { resolved, dynamic };
 }
 function resolveServerVariant(base, table, defaults, resolved) {
-  var _a2;
   const parts = [base];
   for (const key in table) {
-    const val = (_a2 = resolved[key]) != null ? _a2 : defaults[key];
+    const val = resolved[key] ?? defaults[key];
     if (val && table[key][val]) {
       parts.push(table[key][val]);
     }
@@ -1607,16 +2106,24 @@ function injectServerOnlyComment(code) {
 ${code}`;
 }
 
-// ../compiler/src/twDetector.ts
-var TEMPLATE_RE = /\btw\.(server\.)?(\w+)`((?:[^`\\]|\\.)*)`/g;
-var OBJECT_RE = /\btw\.(server\.)?(\w+)\(\s*(\{[\s\S]*?\})\s*\)/g;
-var EXTEND_RE = /(\w+)\.extend`((?:[^`\\]|\\.)*)`/g;
+// packages/compiler/src/twDetector.ts
+init_nativeBridge();
 var IMPORT_RE = /from\s*["']tailwind-styled-v4["']/;
 var TRANSFORM_MARKER = "/* @tw-transformed */";
 function hasTwUsage(source) {
+  const native = getNativeBridge();
+  if (native?.hasTwUsageNative) {
+    const result = native.hasTwUsageNative(source);
+    if (result !== null && result !== void 0) return result;
+  }
   return IMPORT_RE.test(source) || source.includes("tw.");
 }
 function isAlreadyTransformed(source) {
+  const native = getNativeBridge();
+  if (native?.isAlreadyTransformedNative) {
+    const result = native.isAlreadyTransformedNative(source);
+    if (result !== null && result !== void 0) return result;
+  }
   return source.includes(TRANSFORM_MARKER);
 }
 function isDynamic(content) {
@@ -1631,7 +2138,7 @@ function hasInteractiveFeatures(content) {
   );
 }
 
-// ../compiler/src/astParser.ts
+// packages/compiler/src/astParser.ts
 function oxcKey(node) {
   if (!node) return null;
   if (node.type === "Identifier") return node.name;
@@ -1639,22 +2146,17 @@ function oxcKey(node) {
   return null;
 }
 function oxcStringVal(node) {
-  var _a2;
   if (!node) return null;
   if (node.type === "Literal" && typeof node.value === "string") return node.value;
-  if (node.type === "TemplateLiteral" && ((_a2 = node.expressions) == null ? void 0 : _a2.length) === 0) {
-    return node.quasis.map((q) => {
-      var _a3, _b2, _c, _d;
-      return (_d = (_c = (_a3 = q.value) == null ? void 0 : _a3.cooked) != null ? _c : (_b2 = q.value) == null ? void 0 : _b2.raw) != null ? _d : "";
-    }).join("");
+  if (node.type === "TemplateLiteral" && node.expressions?.length === 0) {
+    return node.quasis.map((q) => q.value?.cooked ?? q.value?.raw ?? "").join("");
   }
   return null;
 }
 function oxcWalkObject(node) {
-  var _a2;
   const result = {};
-  if ((node == null ? void 0 : node.type) !== "ObjectExpression") return result;
-  for (const prop of (_a2 = node.properties) != null ? _a2 : []) {
+  if (node?.type !== "ObjectExpression") return result;
+  for (const prop of node.properties ?? []) {
     if (prop.type !== "Property") continue;
     const key = oxcKey(prop.key);
     if (!key) continue;
@@ -1662,30 +2164,29 @@ function oxcWalkObject(node) {
     const strVal = oxcStringVal(val);
     if (strVal !== null) {
       result[key] = strVal;
-    } else if ((val == null ? void 0 : val.type) === "ObjectExpression") {
+    } else if (val?.type === "ObjectExpression") {
       result[key] = oxcWalkObject(val);
-    } else if ((val == null ? void 0 : val.type) === "ArrayExpression") {
-      result[key] = val.elements.filter((el) => (el == null ? void 0 : el.type) === "ObjectExpression").map((el) => oxcWalkObject(el));
+    } else if (val?.type === "ArrayExpression") {
+      result[key] = val.elements.filter((el) => el?.type === "ObjectExpression").map((el) => oxcWalkObject(el));
     }
   }
   return result;
 }
 function parseWithOxc(objectStr) {
-  var _a2, _b2, _c;
   let parseSync3;
   try {
     parseSync3 = (init_src_js(), __toCommonJS(src_js_exports)).parseSync;
-  } catch (e) {
+  } catch {
     return null;
   }
   try {
     const source = `const __c = ${objectStr}`;
     const { program, errors } = parseSync3("config.ts", source, { sourceType: "script" });
-    if ((errors == null ? void 0 : errors.length) > 0 || !((_a2 = program == null ? void 0 : program.body) == null ? void 0 : _a2[0])) return null;
+    if (errors?.length > 0 || !program?.body?.[0]) return null;
     const varDecl = program.body[0];
     if (varDecl.type !== "VariableDeclaration") return null;
-    const init = (_c = (_b2 = varDecl.declarations) == null ? void 0 : _b2[0]) == null ? void 0 : _c.init;
-    if ((init == null ? void 0 : init.type) !== "ObjectExpression") return null;
+    const init = varDecl.declarations?.[0]?.init;
+    if (init?.type !== "ObjectExpression") return null;
     const raw = oxcWalkObject(init);
     const base = typeof raw.base === "string" ? raw.base.trim() : "";
     const variants = {};
@@ -1717,7 +2218,7 @@ function parseWithOxc(objectStr) {
       }
     }
     return { base, variants, compounds, defaults };
-  } catch (e) {
+  } catch {
     return null;
   }
 }
@@ -1799,41 +2300,40 @@ function tokenize(src) {
   return tokens;
 }
 function parseObject(tokens, startIdx) {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
   const obj = {};
   let i = startIdx;
-  if (((_a2 = tokens[i]) == null ? void 0 : _a2.type) !== "lbrace") return { obj, endIdx: i };
+  if (tokens[i]?.type !== "lbrace") return { obj, endIdx: i };
   i++;
-  while (i < tokens.length && ((_b2 = tokens[i]) == null ? void 0 : _b2.type) !== "rbrace") {
-    if (((_c = tokens[i]) == null ? void 0 : _c.type) === "comma") {
+  while (i < tokens.length && tokens[i]?.type !== "rbrace") {
+    if (tokens[i]?.type === "comma") {
       i++;
       continue;
     }
     let key = null;
-    if (((_d = tokens[i]) == null ? void 0 : _d.type) === "string") {
+    if (tokens[i]?.type === "string") {
       key = tokens[i].value;
       i++;
-    } else if (((_e = tokens[i]) == null ? void 0 : _e.type) === "key") {
+    } else if (tokens[i]?.type === "key") {
       key = tokens[i].value;
       i++;
     } else {
       i++;
       continue;
     }
-    if (((_f = tokens[i]) == null ? void 0 : _f.type) !== "colon") continue;
+    if (tokens[i]?.type !== "colon") continue;
     i++;
-    if (((_g = tokens[i]) == null ? void 0 : _g.type) === "lbrace") {
+    if (tokens[i]?.type === "lbrace") {
       const { obj: nested, endIdx } = parseObject(tokens, i);
       obj[key] = nested;
       i = endIdx + 1;
-    } else if (((_h = tokens[i]) == null ? void 0 : _h.type) === "lbracket") {
+    } else if (tokens[i]?.type === "lbracket") {
       const { arr, endIdx } = parseArray(tokens, i);
       obj[key] = arr;
       i = endIdx + 1;
-    } else if (((_i = tokens[i]) == null ? void 0 : _i.type) === "string") {
+    } else if (tokens[i]?.type === "string") {
       obj[key] = tokens[i].value;
       i++;
-    } else if (((_j = tokens[i]) == null ? void 0 : _j.type) === "key") {
+    } else if (tokens[i]?.type === "key") {
       obj[key] = tokens[i].value;
       i++;
     } else {
@@ -1843,17 +2343,16 @@ function parseObject(tokens, startIdx) {
   return { obj, endIdx: i };
 }
 function parseArray(tokens, startIdx) {
-  var _a2, _b2, _c, _d;
   const arr = [];
   let i = startIdx;
-  if (((_a2 = tokens[i]) == null ? void 0 : _a2.type) !== "lbracket") return { arr, endIdx: i };
+  if (tokens[i]?.type !== "lbracket") return { arr, endIdx: i };
   i++;
-  while (i < tokens.length && ((_b2 = tokens[i]) == null ? void 0 : _b2.type) !== "rbracket") {
-    if (((_c = tokens[i]) == null ? void 0 : _c.type) === "comma") {
+  while (i < tokens.length && tokens[i]?.type !== "rbracket") {
+    if (tokens[i]?.type === "comma") {
       i++;
       continue;
     }
-    if (((_d = tokens[i]) == null ? void 0 : _d.type) === "lbrace") {
+    if (tokens[i]?.type === "lbrace") {
       const { obj, endIdx } = parseObject(tokens, i);
       arr.push(obj);
       i = endIdx + 1;
@@ -1901,7 +2400,7 @@ function parseComponentConfig(objectStr) {
   return parseComponentConfigFallback(objectStr);
 }
 
-// ../compiler/src/variantCompiler.ts
+// packages/compiler/src/variantCompiler.ts
 function compileVariants(base, variants, compounds = [], defaults = {}) {
   const table = {};
   for (const key in variants) {
@@ -1925,7 +2424,7 @@ function parseObjectConfig(objectStr) {
   return parseComponentConfig(objectStr);
 }
 
-// ../compiler/src/astTransform.ts
+// packages/compiler/src/astTransform.ts
 var TEMPLATE_RE2 = /\btw\.(server\.)?(\w+)`((?:[^`\\]|\\.)*)`/g;
 var OBJECT_RE2 = /\btw\.(server\.)?(\w+)\(\s*(\{[\s\S]*?\})\s*\)/g;
 var EXTEND_RE2 = /(\w+)\.extend`((?:[^`\\]|\\.)*)`/g;
@@ -1952,10 +2451,7 @@ function renderVariantComponent(tag, id, base, variantKeys, defaults, opts) {
   const vKeys = variantKeys.map((k) => `"${k}"`).join(", ");
   const destructure = variantKeys.length > 0 ? `var _vp = {}; [${vKeys}].forEach(function(k){ _vp[k] = props[k]; delete _rest[k]; });` : "";
   const variantLookup = variantKeys.length > 0 ? variantKeys.map(
-    (k) => {
-      var _a2;
-      return `(__vt_${id}["${k}"] && __vt_${id}["${k}"][_vp["${k}"] ?? ${JSON.stringify((_a2 = defaults[k]) != null ? _a2 : "")}] || "")`;
-    }
+    (k) => `(__vt_${id}["${k}"] && __vt_${id}["${k}"][_vp["${k}"] ?? ${JSON.stringify(defaults[k] ?? "")}] || "")`
   ).join(", ") : "";
   const classParts = variantKeys.length > 0 ? `[${JSON.stringify(base)}, ${variantLookup}, _rest.className]` : `[${JSON.stringify(base)}, _rest.className]`;
   return `React.forwardRef(function ${fnName}(props, ref) {
@@ -1965,13 +2461,81 @@ function renderVariantComponent(tag, id, base, variantKeys, defaults, opts) {
   return React.createElement("${tag}", Object.assign({ ref }, _rest${dataAttr}, { className: ${classParts}.filter(Boolean).join(" ") }));
 })`;
 }
+var SUB_BLOCK_RE = /\b([a-z][a-zA-Z0-9_]*)\s*\{([^}]*)\}/g;
+function shortHash(input) {
+  let h = 5381;
+  for (let i = 0; i < input.length; i++) {
+    h = Math.imul(h, 33) + input.charCodeAt(i) >>> 0;
+  }
+  return (h & 16777215).toString(16).padStart(6, "0");
+}
+function parseSubcomponentBlocks(template, componentName) {
+  const subComponents = [];
+  let stripped = template;
+  SUB_BLOCK_RE.lastIndex = 0;
+  let match;
+  while ((match = SUB_BLOCK_RE.exec(template)) !== null) {
+    const [fullMatch, subName, subClassesRaw] = match;
+    const subClasses = subClassesRaw.trim();
+    if (!subClasses) continue;
+    const subTag = (() => {
+      switch (subName) {
+        case "label":
+          return "label";
+        case "input":
+          return "input";
+        case "img":
+        case "image":
+          return "img";
+        case "header":
+          return "header";
+        case "footer":
+          return "footer";
+        default:
+          return "span";
+      }
+    })();
+    const hash = shortHash(`${componentName}_${subName}_${subClasses}`);
+    const scopedClass = `${componentName}_${subName}_${hash}`;
+    subComponents.push({ name: subName, tag: subTag, classes: subClasses, scopedClass });
+    stripped = stripped.replace(fullMatch, "");
+  }
+  return { baseContent: stripped.trim(), subComponents };
+}
+function renderCompoundComponent(tag, baseClasses, componentName, subComponents, opts) {
+  const fnName = `_Tw_${componentName}`;
+  const dataAttr = opts.addDataAttr ? `, "data-tw": "${fnName}"` : "";
+  const baseBody = `React.forwardRef(function ${fnName}(props, ref) {
+  var _c = props.className;
+  var _r = Object.assign({}, props);
+  delete _r.className;
+  return React.createElement("${tag}", Object.assign({ ref }, _r${dataAttr}, { className: [${JSON.stringify(baseClasses)}, _c].filter(Boolean).join(" ") }));
+})`;
+  if (subComponents.length === 0) return baseBody;
+  const subAssignments = subComponents.map((sub) => {
+    const subFn = `_Tw_${componentName}_${sub.name}`;
+    return `  _base.${sub.name} = React.forwardRef(function ${subFn}(props, ref) {
+    var _c = props.className;
+    var _r = Object.assign({}, props);
+    delete _r.className;
+    return React.createElement("${sub.tag}", Object.assign({ ref }, _r, { className: [${JSON.stringify(sub.scopedClass)}, _c].filter(Boolean).join(" ") }));
+  });`;
+  }).join("\n");
+  return `(function() {
+  var _base = ${baseBody};
+${subAssignments}
+  return _base;
+})()`;
+}
 function transformSource(source, opts = {}) {
   const {
     mode = "zero-runtime",
+    // v5: always zero-runtime, parameter kept for backward compat
     autoClientBoundary = true,
     addDataAttr = false,
     hoist = true,
-    filename = ""
+    filename = "",
+    preserveImports = false
   } = opts;
   if (!hasTwUsage(source)) {
     return { code: source, classes: [], changed: false };
@@ -1979,8 +2543,10 @@ function transformSource(source, opts = {}) {
   if (isAlreadyTransformed(source)) {
     return { code: source, classes: [], changed: false };
   }
-  if (mode === "runtime" || mode === "extract-only") {
-    return { code: source, classes: [], changed: false };
+  if (mode && mode !== "zero-runtime") {
+    console.warn(
+      "[tailwind-styled] Warning: mode option is deprecated in v5. Only zero-runtime is supported."
+    );
   }
   const rscAnalysis = analyzeFile(source, filename);
   let code = source;
@@ -1999,31 +2565,92 @@ function transformSource(source, opts = {}) {
   const allClasses = [];
   const prelude = [];
   let needsReact = false;
-  code = code.replace(
-    TEMPLATE_RE2,
-    (match, serverMark, tag, content) => {
-      if (isDynamic(content)) return match;
-      const classes = normalizeClasses(content);
-      if (!classes) return match;
+  {
+    const snap = code;
+    const replacements = [];
+    const ASSIGN_RE = /(?:const|let|var)\s+(\w+)\s*=\s*tw\.(?:server\.)?(\w+)`/g;
+    const assignMap = /* @__PURE__ */ new Map();
+    let am;
+    while ((am = ASSIGN_RE.exec(snap)) !== null) {
+      const twPos = am.index + am[0].indexOf("tw.");
+      assignMap.set(twPos, am[1]);
+    }
+    TEMPLATE_RE2.lastIndex = 0;
+    let m;
+    while ((m = TEMPLATE_RE2.exec(snap)) !== null) {
+      const [fullMatch, serverMark, tag, content] = m;
+      if (isDynamic(content)) continue;
       const isServerOnly = !!serverMark;
-      allClasses.push(...classes.split(/\s+/).filter(Boolean));
+      const compName = assignMap.get(m.index) ?? null;
+      const { baseContent, subComponents } = compName ? parseSubcomponentBlocks(content, compName) : { baseContent: content, subComponents: [] };
+      const classes = normalizeClasses(baseContent);
+      if (!classes && subComponents.length === 0) continue;
+      allClasses.push(...(classes ?? "").split(/\s+/).filter(Boolean));
+      for (const sub of subComponents) {
+        allClasses.push(...sub.classes.split(/\s+/).filter(Boolean));
+      }
       changed = true;
       needsReact = true;
-      const rendered = renderStaticComponent(tag, classes, {
-        addDataAttr,
-        isServer: rscAnalysis.isServer || isServerOnly
+      let rendered;
+      if (subComponents.length > 0 && compName) {
+        rendered = renderCompoundComponent(tag, classes ?? "", compName, subComponents, {
+          addDataAttr
+        });
+      } else {
+        rendered = renderStaticComponent(tag, classes ?? "", {
+          addDataAttr,
+          isServer: rscAnalysis.isServer || isServerOnly,
+          compName: compName ?? void 0
+        });
+      }
+      replacements.push({
+        match: fullMatch,
+        replacement: isServerOnly ? `/* @server-only */ ${rendered}` : rendered
       });
-      return isServerOnly ? `/* @server-only */ ${rendered}` : rendered;
     }
-  );
+    for (const { match, replacement } of replacements) {
+      code = code.replace(match, replacement);
+    }
+  }
   code = code.replace(
     OBJECT_RE2,
     (match, serverMark, tag, objectStr) => {
       const { base, variants, compounds, defaults } = parseObjectConfig(objectStr);
-      if (!base && Object.keys(variants).length === 0) return match;
+      let config = {
+        base,
+        variants,
+        compoundVariants: compounds,
+        defaultVariants: defaults
+      };
+      const registry = getGlobalRegistry();
+      if (registry.transforms.length > 0) {
+        const componentName = `Tw${tag}`;
+        for (const transform of registry.transforms) {
+          try {
+            const transformed = transform(config, { componentName, tag });
+            if (transformed && typeof transformed === "object") {
+              config = {
+                base: typeof transformed.base === "string" ? transformed.base : config.base,
+                variants: isVariantRecord(transformed.variants) ? transformed.variants : config.variants,
+                compoundVariants: isCompoundVariantsArray(transformed.compoundVariants) ? transformed.compoundVariants : config.compoundVariants,
+                defaultVariants: isStringRecord(transformed.defaultVariants) ? transformed.defaultVariants : config.defaultVariants
+              };
+            }
+          } catch (error) {
+            if (process.env.NODE_ENV !== "production") {
+              console.warn("[tailwind-styled] plugin transform error:", error);
+            }
+          }
+        }
+      }
+      const nextBase = normalizeClasses(config.base) ?? "";
+      const nextVariants = config.variants;
+      const nextCompounds = config.compoundVariants;
+      const nextDefaults = config.defaultVariants;
+      if (!nextBase && Object.keys(nextVariants).length === 0) return match;
       const isServerOnly = !!serverMark;
-      allClasses.push(...base.split(/\s+/).filter(Boolean));
-      for (const vMap of Object.values(variants)) {
+      allClasses.push(...nextBase.split(/\s+/).filter(Boolean));
+      for (const vMap of Object.values(nextVariants)) {
         for (const cls of Object.values(vMap)) {
           allClasses.push(...cls.split(/\s+/).filter(Boolean));
         }
@@ -2031,10 +2658,10 @@ function transformSource(source, opts = {}) {
       changed = true;
       needsReact = true;
       const id = genId();
-      const compiled = compileVariants(base, variants, compounds, defaults);
+      const compiled = compileVariants(nextBase, nextVariants, nextCompounds, nextDefaults);
       prelude.push(generateVariantCode(id, compiled));
-      const variantKeys = Object.keys(variants);
-      const rendered = renderVariantComponent(tag, id, base, variantKeys, defaults, {
+      const variantKeys = Object.keys(nextVariants);
+      const rendered = renderVariantComponent(tag, id, nextBase, variantKeys, nextDefaults, {
         addDataAttr,
         isServer: rscAnalysis.isServer || isServerOnly
       });
@@ -2081,12 +2708,14 @@ ${code}`;
   if (autoClientBoundary && rscAnalysis.needsClientDirective) {
     code = injectClientDirective(code);
   }
-  const stillUsesTw = /\btw\.(server\.)?\w+[`(]/.test(code) || /\btw\(\w+\)/.test(code);
-  if (!stillUsesTw) {
-    code = code.replace(
-      /import\s*\{[^}]*\btw\b[^}]*\}\s*from\s*["']tailwind-styled-v4["'];?\n?/g,
-      ""
-    );
+  if (!preserveImports) {
+    const stillUsesTw = /\btw\.(server\.)?\w+[`(]/.test(code) || /\btw\(\w+\)/.test(code);
+    if (!stillUsesTw) {
+      code = code.replace(
+        /import\s*\{[^}]*\btw\b[^}]*\}\s*from\s*["']tailwind-styled-v4["'];?\n?/g,
+        ""
+      );
+    }
   }
   code = `${TRANSFORM_MARKER}
 ${code}`;
@@ -2101,6 +2730,18 @@ ${code}`;
     changed: true
   };
 }
+function isObjectRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isStringRecord(value) {
+  return isObjectRecord(value) && Object.values(value).every((entry) => typeof entry === "string");
+}
+function isVariantRecord(value) {
+  return isObjectRecord(value) && Object.values(value).every((entry) => isStringRecord(entry));
+}
+function isCompoundVariantsArray(value) {
+  return Array.isArray(value) && value.every((entry) => isObjectRecord(entry) && typeof entry.class === "string");
+}
 function hasReactImport(source) {
   return source.includes("import React") || source.includes("from 'react'") || source.includes('from "react"');
 }
@@ -2118,40 +2759,24 @@ function findAfterImports2(source) {
   return lines.slice(0, lastImportIdx + 1).join("\n").length + 1;
 }
 
-// ../compiler/src/index.ts
-init_atomicCss();
-
-// ../compiler/src/classExtractor.ts
-var VALID_CLASS_RE = /^[-a-z0-9:/[\]!.()+%]+$/;
-function parseClasses(raw) {
-  return raw.split(/[\n\s]+/).map((c) => c.trim()).filter((c) => c.length > 0 && VALID_CLASS_RE.test(c));
-}
+// packages/compiler/src/index.ts
+init_cssCompiler();
 function extractAllClasses(source) {
-  const classes = /* @__PURE__ */ new Set();
-  const add = (str) => {
-    for (const c of parseClasses(str)) classes.add(c);
-  };
-  let m;
-  const re1 = new RegExp(TEMPLATE_RE.source, "g");
-  while ((m = re1.exec(source)) !== null) {
-    add(m[3]);
+  const { getNativeBridge: getNativeBridge2 } = (init_nativeBridge(), __toCommonJS(nativeBridge_exports));
+  const native = getNativeBridge2();
+  if (!native?.extractClassesFromSourceNative) {
+    throw new Error(
+      `[tailwind-styled/compiler v5] extractClassesFromSourceNative is required but not available.
+Please ensure the native module is properly built.`
+    );
   }
-  const re2 = new RegExp(OBJECT_RE.source, "g");
-  while ((m = re2.exec(source)) !== null) {
-    const parsed = parseComponentConfig(m[3]);
-    if (parsed.base) add(parsed.base);
-    for (const vMap of Object.values(parsed.variants)) {
-      for (const cls of Object.values(vMap)) add(cls);
-    }
-    for (const compound of parsed.compounds) {
-      if (compound.class) add(compound.class);
-    }
+  const result = native.extractClassesFromSourceNative(source);
+  if (!result || result.length < 0) {
+    throw new Error(
+      `[tailwind-styled/compiler v5] extractClassesFromSourceNative returned invalid result.`
+    );
   }
-  const re3 = new RegExp(EXTEND_RE.source, "g");
-  while ((m = re3.exec(source)) !== null) add(m[2]);
-  const classNameRe = /className\s*=\s*["']([^"']+)["']/g;
-  while ((m = classNameRe.exec(source)) !== null) add(m[1]);
-  return Array.from(classes).sort();
+  return result.sort();
 }
 function extractComponentUsage(source) {
   const usage = {};
@@ -2179,11 +2804,11 @@ var SKIP_DIRS = /* @__PURE__ */ new Set(["node_modules", ".next", "dist", ".git"
 function scanFiles(dir) {
   const files = [];
   function walk(current) {
-    if (!fs2.existsSync(current)) return;
-    const entries = fs2.readdirSync(current, { withFileTypes: true });
+    if (!fs3__default.default.existsSync(current)) return;
+    const entries = fs3__default.default.readdirSync(current, { withFileTypes: true });
     for (const entry of entries) {
       if (SKIP_DIRS.has(entry.name)) continue;
-      const fullPath = path4.join(current, entry.name);
+      const fullPath = path7__default.default.join(current, entry.name);
       if (entry.isDirectory()) {
         walk(fullPath);
       } else if (SCAN_EXTENSIONS.some((ext) => entry.name.endsWith(ext))) {
@@ -2197,11 +2822,11 @@ function scanFiles(dir) {
 function scanProjectUsage(dirs, cwd = process.cwd()) {
   const combined = {};
   for (const dir of dirs) {
-    const absDir = path4.isAbsolute(dir) ? dir : path4.resolve(cwd, dir);
+    const absDir = path7__default.default.isAbsolute(dir) ? dir : path7__default.default.resolve(cwd, dir);
     const files = scanFiles(absDir);
     for (const file of files) {
       try {
-        const source = fs2.readFileSync(file, "utf-8");
+        const source = fs3__default.default.readFileSync(file, "utf-8");
         const usage = extractComponentUsage(source);
         for (const [comp, props] of Object.entries(usage)) {
           if (!combined[comp]) combined[comp] = {};
@@ -2210,27 +2835,26 @@ function scanProjectUsage(dirs, cwd = process.cwd()) {
             values.forEach((v) => combined[comp][prop].add(v));
           }
         }
-      } catch (e) {
+      } catch {
       }
     }
   }
   return combined;
 }
 function findDeadVariants(registered, projectUsage) {
-  var _a2, _b2;
   const report = {
     unusedCount: 0,
     bytesSaved: 0,
     components: {}
   };
   for (const component of registered) {
-    const usage = (_a2 = projectUsage[component.name]) != null ? _a2 : {};
+    const usage = projectUsage[component.name] ?? {};
     const usedVariants = {};
     const unusedVariants = {};
     for (const [variantKey, variantValues] of Object.entries(component.variants)) {
       usedVariants[variantKey] = [];
       unusedVariants[variantKey] = [];
-      const usedValueSet = (_b2 = usage[variantKey]) != null ? _b2 : /* @__PURE__ */ new Set();
+      const usedValueSet = usage[variantKey] ?? /* @__PURE__ */ new Set();
       for (const [valueName, classes] of Object.entries(variantValues)) {
         if (usedValueSet.has(valueName)) {
           usedVariants[variantKey].push(valueName);
@@ -2341,21 +2965,24 @@ function runElimination(opts) {
   }
   return { css, report };
 }
+
+// packages/compiler/src/incrementalEngine.ts
+init_src();
 var CACHE_DIR = ".tw-cache";
-var HASH_CACHE_FILE = path4.join(CACHE_DIR, "file-hashes.json");
-var GRAPH_CACHE_FILE = path4.join(CACHE_DIR, "dep-graph.json");
+var HASH_CACHE_FILE = path7__default.default.join(CACHE_DIR, "file-hashes.json");
+var GRAPH_CACHE_FILE = path7__default.default.join(CACHE_DIR, "dep-graph.json");
 function ensureCacheDir() {
-  if (!fs2.existsSync(CACHE_DIR)) {
-    fs2.mkdirSync(CACHE_DIR, { recursive: true });
+  if (!fs3__default.default.existsSync(CACHE_DIR)) {
+    fs3__default.default.mkdirSync(CACHE_DIR, { recursive: true });
   }
 }
 function loadHashCache() {
   try {
-    if (fs2.existsSync(HASH_CACHE_FILE)) {
-      const raw = fs2.readFileSync(HASH_CACHE_FILE, "utf-8");
+    if (fs3__default.default.existsSync(HASH_CACHE_FILE)) {
+      const raw = fs3__default.default.readFileSync(HASH_CACHE_FILE, "utf-8");
       return new Map(Object.entries(JSON.parse(raw)));
     }
-  } catch (e) {
+  } catch {
   }
   return /* @__PURE__ */ new Map();
 }
@@ -2363,18 +2990,18 @@ function saveHashCache(cache) {
   try {
     ensureCacheDir();
     const obj = Object.fromEntries(cache);
-    fs2.writeFileSync(HASH_CACHE_FILE, JSON.stringify(obj, null, 2));
-  } catch (e) {
+    fs3__default.default.writeFileSync(HASH_CACHE_FILE, JSON.stringify(obj, null, 2));
+  } catch {
   }
 }
 function loadGraphCache() {
   try {
-    if (fs2.existsSync(GRAPH_CACHE_FILE)) {
-      const raw = fs2.readFileSync(GRAPH_CACHE_FILE, "utf-8");
+    if (fs3__default.default.existsSync(GRAPH_CACHE_FILE)) {
+      const raw = fs3__default.default.readFileSync(GRAPH_CACHE_FILE, "utf-8");
       const data = JSON.parse(raw);
       return new Map(Object.entries(data));
     }
-  } catch (e) {
+  } catch {
   }
   return /* @__PURE__ */ new Map();
 }
@@ -2382,8 +3009,8 @@ function saveGraphCache(graph) {
   try {
     ensureCacheDir();
     const obj = Object.fromEntries(graph);
-    fs2.writeFileSync(GRAPH_CACHE_FILE, JSON.stringify(obj, null, 2));
-  } catch (e) {
+    fs3__default.default.writeFileSync(GRAPH_CACHE_FILE, JSON.stringify(obj, null, 2));
+  } catch {
   }
 }
 function fnv1a(str) {
@@ -2405,7 +3032,7 @@ function toBase36(n, len = 4) {
   return result;
 }
 function hashFileContent(content) {
-  return crypto.createHash("md5").update(content).digest("hex").slice(0, 8);
+  return hashContent(content, "md5", 8);
 }
 function makeAtomicClass(declaration, modifier) {
   const key = modifier ? `${declaration}::${modifier}` : declaration;
@@ -2487,8 +3114,8 @@ var CssDiffWriter = class {
   }
   loadFromDisk() {
     try {
-      if (fs2.existsSync(this.outputPath)) {
-        const css = fs2.readFileSync(this.outputPath, "utf-8");
+      if (fs3__default.default.existsSync(this.outputPath)) {
+        const css = fs3__default.default.readFileSync(this.outputPath, "utf-8");
         const ruleRe = /(\.tw-[a-z0-9]+(?::[\w-]+)?)\{([^}]+)\}|(@[^{]+)\{(\.tw-[a-z0-9]+)\{([^}]+)\}\}/g;
         let m;
         while ((m = ruleRe.exec(css)) !== null) {
@@ -2498,7 +3125,7 @@ var CssDiffWriter = class {
           }
         }
       }
-    } catch (e) {
+    } catch {
     }
   }
   /** Apply diff ke internal map */
@@ -2518,9 +3145,9 @@ var CssDiffWriter = class {
     try {
       ensureCacheDir();
       const css = Array.from(this.ruleMap.values()).join("\n");
-      await fs2.promises.writeFile(this.outputPath, css, "utf-8");
+      await fs3__default.default.promises.writeFile(this.outputPath, css, "utf-8");
       this.dirty = false;
-    } catch (e) {
+    } catch {
     }
   }
   /** Sync flush untuk build end */
@@ -2529,9 +3156,9 @@ var CssDiffWriter = class {
     try {
       ensureCacheDir();
       const css = Array.from(this.ruleMap.values()).join("\n");
-      fs2.writeFileSync(this.outputPath, css, "utf-8");
+      fs3__default.default.writeFileSync(this.outputPath, css, "utf-8");
       this.dirty = false;
-    } catch (e) {
+    } catch {
     }
   }
   size() {
@@ -2550,11 +3177,10 @@ var IncrementalEngine = class {
       buildTimeMs: 0
     };
     this.sessionStart = Date.now();
-    var _a2, _b2, _c;
     this.opts = {
-      outputPath: (_a2 = opts.outputPath) != null ? _a2 : path4.join(CACHE_DIR, "atomic.css"),
-      persistCache: (_b2 = opts.persistCache) != null ? _b2 : true,
-      verbose: (_c = opts.verbose) != null ? _c : false
+      outputPath: opts.outputPath ?? path7__default.default.join(CACHE_DIR, "atomic.css"),
+      persistCache: opts.persistCache ?? true,
+      verbose: opts.verbose ?? false
     };
     this.hashCache = this.opts.persistCache ? loadHashCache() : /* @__PURE__ */ new Map();
     this.depGraph = this.opts.persistCache ? loadGraphCache() : /* @__PURE__ */ new Map();
@@ -2575,14 +3201,13 @@ var IncrementalEngine = class {
    * @returns ProcessResult dengan diff dan stats
    */
   processFile(filepath, source, extractedNodes) {
-    var _a2;
     const t0 = Date.now();
     this.stats.totalFiles++;
     const currentHash = hashFileContent(source);
     const cachedHash = this.hashCache.get(filepath);
     if (cachedHash === currentHash) {
       this.stats.skippedFiles++;
-      this.log(`[skip] ${path4.relative(process.cwd(), filepath)}`);
+      this.log(`[skip] ${path7__default.default.relative(process.cwd(), filepath)}`);
       return {
         filepath,
         changed: false,
@@ -2592,8 +3217,8 @@ var IncrementalEngine = class {
     }
     this.hashCache.set(filepath, currentHash);
     this.stats.changedFiles++;
-    this.log(`[change] ${path4.relative(process.cwd(), filepath)}`);
-    const oldNodes = (_a2 = this.depGraph.get(filepath)) != null ? _a2 : [];
+    this.log(`[change] ${path7__default.default.relative(process.cwd(), filepath)}`);
+    const oldNodes = this.depGraph.get(filepath) ?? [];
     const diff = computeDiff(oldNodes, extractedNodes);
     this.depGraph.set(filepath, extractedNodes);
     const trulyRemoved = [];
@@ -2650,14 +3275,13 @@ var IncrementalEngine = class {
    * Invalidate satu file (untuk hot reload — file dihapus atau renamed).
    */
   invalidateFile(filepath) {
-    var _a2;
-    const oldNodes = (_a2 = this.depGraph.get(filepath)) != null ? _a2 : [];
+    const oldNodes = this.depGraph.get(filepath) ?? [];
     for (const node of oldNodes) {
       this.globalReg.remove(filepath, node.atomicClass);
     }
     this.depGraph.delete(filepath);
     this.hashCache.delete(filepath);
-    this.log(`[invalidate] ${path4.relative(process.cwd(), filepath)}`);
+    this.log(`[invalidate] ${path7__default.default.relative(process.cwd(), filepath)}`);
   }
   /** Get all active style nodes — untuk full CSS generation */
   getAllNodes() {
@@ -2665,7 +3289,7 @@ var IncrementalEngine = class {
   }
   /** Get stats untuk current build session */
   getStats() {
-    return __spreadProps(__spreadValues({}, this.stats), { buildTimeMs: Date.now() - this.sessionStart });
+    return { ...this.stats, buildTimeMs: Date.now() - this.sessionStart };
   }
   /** Get output CSS path */
   getOutputPath() {
@@ -2723,7 +3347,6 @@ function parseOneClass(cls) {
   return { twClass: cls, declaration, modifier, atomicClass };
 }
 function resolveModifier(mod) {
-  var _a2, _b2;
   const pseudoMap = {
     hover: ":hover",
     focus: ":focus",
@@ -2745,10 +3368,9 @@ function resolveModifier(mod) {
     dark: "@media (prefers-color-scheme: dark)",
     print: "@media print"
   };
-  return (_b2 = (_a2 = pseudoMap[mod]) != null ? _a2 : mediaMap[mod]) != null ? _b2 : `:${mod}`;
+  return pseudoMap[mod] ?? mediaMap[mod] ?? `:${mod}`;
 }
 function twToDeclaration(cls) {
-  var _a2;
   const sp = cls.match(/^(p|px|py|pt|pb|pl|pr|m|mx|my|mt|mb|ml|mr|gap)-([\d.]+)$/);
   if (sp) {
     const propMap = {
@@ -2827,10 +3449,9 @@ function twToDeclaration(cls) {
     truncate: "overflow: hidden; text-overflow: ellipsis; white-space: nowrap",
     transition: "transition-property: color,background-color,border-color,opacity,box-shadow,transform; transition-duration: 150ms"
   };
-  return (_a2 = map[cls]) != null ? _a2 : null;
+  return map[cls] ?? null;
 }
 function sizeVal(v) {
-  var _a2;
   const num = parseFloat(v);
   if (!Number.isNaN(num)) return `${num * 0.25}rem`;
   const special = {
@@ -2841,7 +3462,7 @@ function sizeVal(v) {
     max: "max-content",
     fit: "fit-content"
   };
-  return (_a2 = special[v]) != null ? _a2 : v;
+  return special[v] ?? v;
 }
 var _engine = null;
 function getIncrementalEngine(opts) {
@@ -2853,234 +3474,8 @@ function getIncrementalEngine(opts) {
 function resetIncrementalEngine() {
   _engine = null;
 }
-var CONFIG_FILES = [
-  "tailwind.config.ts",
-  "tailwind.config.js",
-  "tailwind.config.mjs",
-  "tailwind.config.cjs"
-];
-var _cachedConfig = null;
-var _cachedCwd = "";
-function loadTailwindConfig(cwd = process.cwd()) {
-  var _a2;
-  if (_cachedConfig && _cachedCwd === cwd) return _cachedConfig;
-  _cachedCwd = cwd;
-  for (const file of CONFIG_FILES) {
-    const fullPath = path4.join(cwd, file);
-    if (fs2.existsSync(fullPath)) {
-      try {
-        const mod = __require(fullPath);
-        const config = (_a2 = mod.default) != null ? _a2 : mod;
-        _cachedConfig = config;
-        console.log(`[tailwind-styled-v4] Using config: ${file}`);
-        return config;
-      } catch (e) {
-      }
-    }
-  }
-  console.log("[tailwind-styled-v4] No tailwind config found \u2192 using built-in preset");
-  const { defaultPreset: defaultPreset2 } = (init_defaultPreset(), __toCommonJS(defaultPreset_exports));
-  _cachedConfig = defaultPreset2;
-  return defaultPreset2;
-}
-function getContentPaths(config, cwd = process.cwd()) {
-  var _a2;
-  const paths = [];
-  if (Array.isArray(config.content)) {
-    for (const item of config.content) {
-      if (typeof item === "string") paths.push(item);
-      else if (typeof item === "object" && item.raw) ;
-    }
-    return paths;
-  }
-  if ((_a2 = config.content) == null ? void 0 : _a2.files) {
-    return config.content.files.filter((f) => typeof f === "string");
-  }
-  return ["src", "app", "pages", "components"].filter((d) => fs2.existsSync(path4.join(cwd, d))).map((d) => `./${d}/**/*.{tsx,ts,jsx,js}`);
-}
-function invalidateConfigCache() {
-  _cachedConfig = null;
-  _cachedCwd = "";
-}
-function isZeroConfig(cwd = process.cwd()) {
-  return !CONFIG_FILES.some((f) => fs2.existsSync(path4.join(cwd, f)));
-}
-function bootstrapZeroConfig(cwd = process.cwd()) {
-  let generatedConfig = false;
-  let generatedCss = false;
-  generatedConfig = false;
-  const cssPaths = [
-    "src/app/globals.css",
-    "app/globals.css",
-    "src/index.css",
-    "src/styles/globals.css"
-  ];
-  const hasGlobalCss = cssPaths.some((p) => fs2.existsSync(path4.join(cwd, p)));
-  if (!hasGlobalCss) {
-    const { defaultGlobalCss: defaultGlobalCss2 } = (init_defaultPreset(), __toCommonJS(defaultPreset_exports));
-    const appDir = fs2.existsSync(path4.join(cwd, "src/app")) ? "src/app" : fs2.existsSync(path4.join(cwd, "app")) ? "app" : "src";
-    const cssPath = path4.join(cwd, appDir, "globals.css");
-    if (fs2.existsSync(path4.dirname(cssPath))) {
-      fs2.writeFileSync(cssPath, defaultGlobalCss2);
-      generatedCss = true;
-      console.log(`[tailwind-styled-v4] Generated ${cssPath}`);
-    }
-  }
-  return { generatedConfig, generatedCss };
-}
 
-// ../compiler/src/routeCssCollector.ts
-var _collector = {
-  files: /* @__PURE__ */ new Map(),
-  routes: /* @__PURE__ */ new Map(),
-  global: /* @__PURE__ */ new Set()
-};
-function registerFileClasses(filepath, classes) {
-  if (!_collector.files.has(filepath)) {
-    _collector.files.set(filepath, /* @__PURE__ */ new Set());
-  }
-  const fileSet = _collector.files.get(filepath);
-  classes.forEach((c) => fileSet.add(c));
-  const route = fileToRoute(filepath);
-  if (route) {
-    if (!_collector.routes.has(route)) {
-      _collector.routes.set(route, /* @__PURE__ */ new Set());
-    }
-    _collector.routes.get(route).add(filepath);
-  }
-}
-function registerGlobalClasses(classes) {
-  classes.forEach((c) => _collector.global.add(c));
-}
-function getRouteClasses(route) {
-  var _a2, _b2;
-  const result = new Set(_collector.global);
-  const routeFiles = (_a2 = _collector.routes.get(route)) != null ? _a2 : /* @__PURE__ */ new Set();
-  for (const filepath of routeFiles) {
-    const fileClasses = (_b2 = _collector.files.get(filepath)) != null ? _b2 : /* @__PURE__ */ new Set();
-    fileClasses.forEach((c) => result.add(c));
-  }
-  return result;
-}
-function getAllRoutes() {
-  return Array.from(_collector.routes.keys()).sort();
-}
-function getCollector() {
-  return _collector;
-}
-function resetCollector() {
-  _collector = {
-    files: /* @__PURE__ */ new Map(),
-    routes: /* @__PURE__ */ new Map(),
-    global: /* @__PURE__ */ new Set()
-  };
-}
-function fileToRoute(filepath) {
-  const normalized = filepath.replace(/\\/g, "/");
-  if (normalized.includes("/layout.") || normalized.includes("/loading.") || normalized.includes("/error.")) {
-    return "__global";
-  }
-  const pageMatch = normalized.match(/\/app\/(.+?)\/page\.[tj]sx?$/);
-  if (pageMatch) return `/${pageMatch[1]}`;
-  const rootPage = normalized.match(/\/app\/page\.[tj]sx?$/);
-  if (rootPage) return "/";
-  const pagesMatch = normalized.match(/\/pages\/(.+?)\.[tj]sx?$/);
-  if (pagesMatch) {
-    const route = pagesMatch[1].replace(/\/index$/, "");
-    return `/${route}`;
-  }
-  if (normalized.includes("/components/") || normalized.includes("/ui/") || normalized.includes("/shared/")) {
-    return "__global";
-  }
-  return null;
-}
-function getCollectorSummary() {
-  const routes = getAllRoutes();
-  const totalFiles = _collector.files.size;
-  const totalGlobal = _collector.global.size;
-  const lines = [
-    `[tailwind-styled-v4] Route CSS Summary:`,
-    `  Files processed: ${totalFiles}`,
-    `  Global classes: ${totalGlobal}`,
-    `  Routes found: ${routes.length}`,
-    ...routes.map((r) => {
-      const cls = getRouteClasses(r).size;
-      return `    ${r} \u2192 ${cls} classes`;
-    })
-  ];
-  return lines.join("\n");
-}
-var SCAN_EXTENSIONS2 = [".tsx", ".ts", ".jsx", ".js"];
-function scanDir(dir, files = []) {
-  if (!fs2.existsSync(dir)) return files;
-  const entries = fs2.readdirSync(dir, { withFileTypes: true });
-  for (const entry of entries) {
-    if (entry.name === "node_modules" || entry.name === ".next" || entry.name === "dist") continue;
-    const fullPath = path4.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      scanDir(fullPath, files);
-    } else if (SCAN_EXTENSIONS2.some((ext) => entry.name.endsWith(ext))) {
-      files.push(fullPath);
-    }
-  }
-  return files;
-}
-function generateSafelist(scanDirs, outputPath = ".tailwind-styled-safelist.json", cwd = process.cwd()) {
-  const allClasses = /* @__PURE__ */ new Set();
-  for (const dir of scanDirs) {
-    const absDir = path4.isAbsolute(dir) ? dir : path4.resolve(cwd, dir);
-    const files = scanDir(absDir);
-    for (const file of files) {
-      try {
-        const source = fs2.readFileSync(file, "utf-8");
-        const classes = extractAllClasses(source);
-        classes.forEach((c) => allClasses.add(c));
-      } catch (e) {
-      }
-    }
-  }
-  const sorted = Array.from(allClasses).sort();
-  const absOutput = path4.isAbsolute(outputPath) ? outputPath : path4.resolve(cwd, outputPath);
-  fs2.writeFileSync(absOutput, JSON.stringify(sorted, null, 2));
-  console.log(`[tailwind-styled-v4] Safelist: ${sorted.length} classes \u2192 ${absOutput}`);
-  return sorted;
-}
-function loadSafelist(safelistPath) {
-  try {
-    const content = fs2.readFileSync(safelistPath, "utf-8");
-    return JSON.parse(content);
-  } catch (e) {
-    return [];
-  }
-}
-function generateSafelistCss(scanDirs, outputPath = "src/app/__tw-safelist.css", cwd = process.cwd()) {
-  const allClasses = /* @__PURE__ */ new Set();
-  for (const dir of scanDirs) {
-    const absDir = path4.isAbsolute(dir) ? dir : path4.resolve(cwd, dir);
-    const files = scanDir(absDir);
-    for (const file of files) {
-      try {
-        const source = fs2.readFileSync(file, "utf-8");
-        const classes = extractAllClasses(source);
-        classes.forEach((c) => allClasses.add(c));
-      } catch (e) {
-      }
-    }
-  }
-  const sorted = Array.from(allClasses).sort();
-  const absOutput = path4.isAbsolute(outputPath) ? outputPath : path4.resolve(cwd, outputPath);
-  fs2.mkdirSync(path4.dirname(absOutput), { recursive: true });
-  const css = sorted.length > 0 ? `/* Auto-generated by tailwind-styled-v4 \u2014 DO NOT EDIT */
-@source inline("${sorted.join(" ")}");
-` : `/* Auto-generated by tailwind-styled-v4 \u2014 DO NOT EDIT */
-/* No safelist classes found */
-`;
-  fs2.writeFileSync(absOutput, css);
-  console.log(`[tailwind-styled-v4] Safelist: ${sorted.length} classes \u2192 ${absOutput}`);
-  return sorted;
-}
-
-// ../compiler/src/styleBucketSystem.ts
+// packages/compiler/src/styleBucketSystem.ts
 var BUCKET_ORDER = [
   "reset",
   "layout",
@@ -3222,10 +3617,9 @@ var PROPERTY_BUCKET_MAP = {
   all: "reset"
 };
 function classifyNode(node) {
-  var _a2, _b2, _c;
-  if ((_a2 = node.modifier) == null ? void 0 : _a2.startsWith("@")) return "responsive";
+  if (node.modifier?.startsWith("@")) return "responsive";
   const declarations = node.declaration.split(";").map((d) => d.trim()).filter(Boolean);
-  const firstProp = (_c = (_b2 = declarations[0]) == null ? void 0 : _b2.split(":")[0]) == null ? void 0 : _c.trim();
+  const firstProp = declarations[0]?.split(":")[0]?.trim();
   if (!firstProp) return "unknown";
   if (PROPERTY_BUCKET_MAP[firstProp]) return PROPERTY_BUCKET_MAP[firstProp];
   for (const [prefix, bucket] of Object.entries(PROPERTY_BUCKET_MAP)) {
@@ -3356,14 +3750,13 @@ function nodeToCSS2(node) {
   return `.${atomicClass}${modifier}{${declaration}}`;
 }
 function detectConflicts(nodes) {
-  var _a2, _b2, _c;
   const seen = /* @__PURE__ */ new Map();
   const warnings = [];
   for (const node of nodes) {
-    if ((_a2 = node.modifier) == null ? void 0 : _a2.startsWith("@")) continue;
-    const firstProp = (_b2 = node.declaration.split(":")[0]) == null ? void 0 : _b2.trim();
+    if (node.modifier?.startsWith("@")) continue;
+    const firstProp = node.declaration.split(":")[0]?.trim();
     if (!firstProp) continue;
-    const key = `${firstProp}::${(_c = node.modifier) != null ? _c : ""}`;
+    const key = `${firstProp}::${node.modifier ?? ""}`;
     const prev = seen.get(key);
     if (prev) {
       warnings.push({
@@ -3386,15 +3779,554 @@ function getBucketEngine() {
 function resetBucketEngine() {
   _bucketEngine = null;
 }
+
+// packages/compiler/src/index.ts
+init_atomicCss();
+
+// packages/compiler/src/context.ts
+var CompileContext = class {
+  constructor(input) {
+    this.filepath = input.filepath;
+    this.source = input.source;
+    this.options = input.options;
+    this.result = null;
+    this.done = false;
+    this.engine = "none";
+  }
+};
+init_nativeBridge();
+
+// packages/compiler/src/pipeline.ts
+var Pipeline = class {
+  constructor() {
+    this.steps = [];
+  }
+  use(step) {
+    this.steps.push(step);
+    return this;
+  }
+  run(ctx) {
+    for (const step of this.steps) {
+      step(ctx);
+      if (ctx.done) break;
+    }
+    return ctx;
+  }
+};
+
+// packages/compiler/src/coreCompiler.ts
+var MAX_CACHE_ENTRIES = 512;
+var compileCache = /* @__PURE__ */ new Map();
+function makeCacheKey(input) {
+  const options = {
+    mode: input.options.mode,
+    autoClientBoundary: input.options.autoClientBoundary,
+    addDataAttr: input.options.addDataAttr,
+    hoist: input.options.hoist,
+    filename: input.options.filename ?? input.filepath,
+    deadStyleElimination: input.options.deadStyleElimination
+  };
+  return crypto.createHash("sha1").update(input.filepath).update("").update(input.source).update("").update(JSON.stringify(options)).digest("hex");
+}
+function cloneTransformResult(result) {
+  return {
+    code: result.code,
+    classes: [...result.classes],
+    changed: result.changed,
+    rsc: result.rsc ? {
+      isServer: result.rsc.isServer,
+      needsClientDirective: result.rsc.needsClientDirective,
+      clientReasons: [...result.rsc.clientReasons]
+    } : void 0
+  };
+}
+function cloneCoreCompileResult(result) {
+  return {
+    result: cloneTransformResult(result.result),
+    engine: result.engine,
+    cacheHit: result.cacheHit,
+    metadata: result.metadata ? result.metadata.map((m) => ({ ...m })) : void 0,
+    css: result.css
+  };
+}
+function persistCache(key, value) {
+  compileCache.set(key, { ...value, cacheHit: false });
+  if (compileCache.size <= MAX_CACHE_ENTRIES) return;
+  const oldestKey = compileCache.keys().next().value;
+  if (oldestKey) compileCache.delete(oldestKey);
+}
+function createPassthrough(source) {
+  return { code: source, classes: [], changed: false };
+}
+var CompilerCore = class {
+  constructor() {
+    this.pipeline = new Pipeline().use((ctx) => this.nativeStep(ctx));
+  }
+  compile(input) {
+    const cacheKey = makeCacheKey(input);
+    const cached = compileCache.get(cacheKey);
+    if (cached) {
+      const hit = cloneCoreCompileResult(cached);
+      hit.cacheHit = true;
+      return hit;
+    }
+    const ctx = new CompileContext(input);
+    this.pipeline.run(ctx);
+    const result = ctx.result ?? createPassthrough(input.source);
+    let cssOutput;
+    if (ctx.options.deadStyleElimination && result.classes.length > 0) {
+      cssOutput = this.runDeadStyleElimination(result.classes, input.options);
+    }
+    const compiled = {
+      result,
+      engine: ctx.engine,
+      cacheHit: false,
+      metadata: ctx.metadata,
+      css: cssOutput
+    };
+    persistCache(cacheKey, compiled);
+    return cloneCoreCompileResult(compiled);
+  }
+  runDeadStyleElimination(classes, options) {
+    if (classes.length === 0) return "";
+    const native = getNativeBridge();
+    if (native?.analyzeClassesNative) {
+      try {
+        const filesJson = JSON.stringify([{ file: "compiled", classes }]);
+        const analysis = native.analyzeClassesNative(filesJson, process.cwd(), 0);
+        if (analysis && analysis.safelist) {
+          const deadClasses = /* @__PURE__ */ new Set();
+          const safelistSet = new Set(analysis.safelist);
+          for (const cls of classes) {
+            if (!safelistSet.has(cls)) {
+              deadClasses.add(cls);
+            }
+          }
+          if (deadClasses.size > 0) {
+            return "";
+          }
+        }
+      } catch {
+      }
+    }
+    return "";
+  }
+  /**
+   * v5: Native step now THROWS if native binding is unavailable.
+   * Previously returned early to allow JS fallback.
+   */
+  nativeStep(ctx) {
+    const native = getNativeBridge();
+    if (!native?.transformSourceNative) {
+      throw new Error(
+        `[tailwind-styled/compiler v5] transformSourceNative is required but not available.
+Please ensure the native module is properly built with transform support.`
+      );
+    }
+    const opts = {};
+    if (ctx.options.mode) opts.mode = ctx.options.mode;
+    if (ctx.options.filename ?? ctx.filepath) opts.filename = ctx.options.filename ?? ctx.filepath;
+    const raw = native.transformSourceNative(ctx.source, opts);
+    if (raw === null) {
+      throw new Error(
+        `[tailwind-styled/compiler v5] Native transform returned null for: ${ctx.filepath}
+This indicates an issue with the native module.`
+      );
+    }
+    const adapted = adaptNativeResult(raw);
+    ctx.result = adapted;
+    ctx.metadata = adapted.metadata;
+    ctx.engine = "native";
+    ctx.done = true;
+  }
+  /**
+   * v5: JS pipeline has been removed.
+   * Previously used as fallback when native was unavailable.
+   *
+   * @throws Error always - JS pipeline is no longer supported in v5
+   * @deprecated JS pipeline was removed in v5
+   */
+  jsStep(ctx) {
+    throw new Error(
+      `[tailwind-styled/compiler v5] JS pipeline is no longer supported.
+The native binding is required for all transformations.`
+    );
+  }
+};
+var compilerCore = new CompilerCore();
+function compileWithCore(input) {
+  return compilerCore.compile(input);
+}
+function resetCompileCache() {
+  compileCache.clear();
+}
+
+// packages/compiler/src/routeCssCollector.ts
+var _collector = {
+  files: /* @__PURE__ */ new Map(),
+  routes: /* @__PURE__ */ new Map(),
+  global: /* @__PURE__ */ new Set()
+};
+function registerFileClasses(filepath, classes) {
+  if (!_collector.files.has(filepath)) {
+    _collector.files.set(filepath, /* @__PURE__ */ new Set());
+  }
+  const fileSet = _collector.files.get(filepath);
+  classes.forEach((c) => fileSet.add(c));
+  const route = fileToRoute(filepath);
+  if (route) {
+    if (!_collector.routes.has(route)) {
+      _collector.routes.set(route, /* @__PURE__ */ new Set());
+    }
+    _collector.routes.get(route).add(filepath);
+  }
+}
+function registerGlobalClasses(classes) {
+  classes.forEach((c) => _collector.global.add(c));
+}
+function getRouteClasses(route) {
+  const result = new Set(_collector.global);
+  const routeFiles = _collector.routes.get(route) ?? /* @__PURE__ */ new Set();
+  for (const filepath of routeFiles) {
+    const fileClasses = _collector.files.get(filepath) ?? /* @__PURE__ */ new Set();
+    fileClasses.forEach((c) => result.add(c));
+  }
+  return result;
+}
+function getAllRoutes() {
+  return Array.from(_collector.routes.keys()).sort();
+}
+function getCollector() {
+  return _collector;
+}
+function resetCollector() {
+  _collector = {
+    files: /* @__PURE__ */ new Map(),
+    routes: /* @__PURE__ */ new Map(),
+    global: /* @__PURE__ */ new Set()
+  };
+}
+function fileToRoute(filepath) {
+  const normalized = filepath.replace(/\\/g, "/");
+  if (normalized.includes("/layout.") || normalized.includes("/loading.") || normalized.includes("/error.")) {
+    return "__global";
+  }
+  const pageMatch = normalized.match(/\/app\/(.+?)\/page\.[tj]sx?$/);
+  if (pageMatch) return `/${pageMatch[1]}`;
+  const rootPage = normalized.match(/\/app\/page\.[tj]sx?$/);
+  if (rootPage) return "/";
+  const pagesMatch = normalized.match(/\/pages\/(.+?)\.[tj]sx?$/);
+  if (pagesMatch) {
+    const route = pagesMatch[1].replace(/\/index$/, "");
+    return `/${route}`;
+  }
+  if (normalized.includes("/components/") || normalized.includes("/ui/") || normalized.includes("/shared/")) {
+    return "__global";
+  }
+  return null;
+}
+function getCollectorSummary() {
+  const routes = getAllRoutes();
+  const totalFiles = _collector.files.size;
+  const totalGlobal = _collector.global.size;
+  const lines = [
+    `[tailwind-styled-v4] Route CSS Summary:`,
+    `  Files processed: ${totalFiles}`,
+    `  Global classes: ${totalGlobal}`,
+    `  Routes found: ${routes.length}`,
+    ...routes.map((r) => {
+      const cls = getRouteClasses(r).size;
+      return `    ${r} \u2192 ${cls} classes`;
+    })
+  ];
+  return lines.join("\n");
+}
+
+// packages/compiler/src/loaderCore.ts
+var SKIP_PATHS = ["node_modules", ".next", ".rspack-dist", ".turbo", "dist/", "out/"];
+function shouldSkipFile(filepath) {
+  return SKIP_PATHS.some((p) => filepath.includes(p)) || !/\.[jt]sx?$/.test(filepath);
+}
+function runLoaderTransform(ctx) {
+  const { filepath, source, options } = ctx;
+  const passthrough = { code: source, changed: false, classes: [] };
+  if (shouldSkipFile(filepath)) return passthrough;
+  try {
+    if (options.incremental !== false) {
+      const engine = getIncrementalEngine({ verbose: options.verbose });
+      const precheck = engine.processFile(filepath, source, []);
+      if (!precheck.changed) return passthrough;
+    }
+    const compiled = compileWithCore({
+      filepath,
+      source,
+      options: { ...options, filename: filepath }
+    });
+    if (!compiled.result.changed) return passthrough;
+    return finalize(
+      compiled.result,
+      filepath,
+      options,
+      compiled.engine,
+      compiled.cacheHit,
+      compiled.metadata
+    );
+  } catch (err) {
+    if (process.env.NODE_ENV !== "production") {
+      const name = filepath.split(/[/\\]/).pop();
+      console.warn(`[tailwind-styled] Transform failed for ${name}:`, err);
+    }
+    return passthrough;
+  }
+}
+function finalize(result, filepath, options, engine, cacheHit, metadata) {
+  if (!result.changed) {
+    return { code: result.code, changed: false, classes: [] };
+  }
+  if (options.routeCss && result.classes.length > 0) {
+    registerFileClasses(filepath, result.classes);
+  }
+  if (options.incremental !== false) {
+    try {
+      const engineInst = getIncrementalEngine({ verbose: options.verbose });
+      const nodes = parseClassesToNodes(result.classes);
+      const diff = engineInst.processFile(filepath, result.code, nodes);
+      getBucketEngine().applyDiff(diff.diff);
+    } catch {
+    }
+  }
+  if (options.verbose) {
+    const env = result.rsc?.isServer ? "server" : "client";
+    const name = filepath.split(/[/\\]/).pop();
+    const pathHint = result.rsc ? ` (${env})` : "";
+    const cacheText = cacheHit ? " cache-hit" : "";
+    const metaText = metadata?.length ? ` [${metadata.length} compound]` : "";
+    console.log(
+      `[tailwind-styled] ${name} -> ${result.classes.length} classes${pathHint} [${engine}${cacheText}]${metaText}`
+    );
+  }
+  return {
+    code: result.code,
+    changed: result.changed,
+    classes: result.classes,
+    rsc: result.rsc,
+    engine,
+    cacheHit,
+    metadata
+  };
+}
+var CONFIG_FILES = [
+  "tailwind.config.ts",
+  "tailwind.config.js",
+  "tailwind.config.mjs",
+  "tailwind.config.cjs"
+];
+var _cachedConfig = null;
+var _cachedCwd = "";
+function loadTailwindConfig(cwd = process.cwd()) {
+  if (_cachedConfig && _cachedCwd === cwd) return _cachedConfig;
+  _cachedCwd = cwd;
+  for (const file of CONFIG_FILES) {
+    const fullPath = path7__default.default.join(cwd, file);
+    if (fs3__default.default.existsSync(fullPath)) {
+      try {
+        const mod = __require(fullPath);
+        const config = mod.default ?? mod;
+        _cachedConfig = config;
+        console.log(`[tailwind-styled-v4] Using config: ${file}`);
+        return config;
+      } catch {
+      }
+    }
+  }
+  console.log("[tailwind-styled-v4] No tailwind config found \u2192 using built-in preset");
+  const { defaultPreset: defaultPreset2 } = (init_defaultPreset(), __toCommonJS(defaultPreset_exports));
+  _cachedConfig = defaultPreset2;
+  return defaultPreset2;
+}
+function getContentPaths(config, cwd = process.cwd()) {
+  const paths = [];
+  if (Array.isArray(config.content)) {
+    for (const item of config.content) {
+      if (typeof item === "string") paths.push(item);
+      else if (typeof item === "object" && item.raw) ;
+    }
+    return paths;
+  }
+  if (config.content?.files) {
+    return config.content.files.filter((f) => typeof f === "string");
+  }
+  return ["src", "app", "pages", "components"].filter((d) => fs3__default.default.existsSync(path7__default.default.join(cwd, d))).map((d) => `./${d}/**/*.{tsx,ts,jsx,js}`);
+}
+function invalidateConfigCache() {
+  _cachedConfig = null;
+  _cachedCwd = "";
+}
+function isZeroConfig(cwd = process.cwd()) {
+  return !CONFIG_FILES.some((f) => fs3__default.default.existsSync(path7__default.default.join(cwd, f)));
+}
+function bootstrapZeroConfig(cwd = process.cwd()) {
+  let generatedConfig = false;
+  let generatedCss = false;
+  generatedConfig = false;
+  const cssPaths = [
+    "src/app/globals.css",
+    "app/globals.css",
+    "src/index.css",
+    "src/styles/globals.css"
+  ];
+  const hasGlobalCss = cssPaths.some((p) => fs3__default.default.existsSync(path7__default.default.join(cwd, p)));
+  if (!hasGlobalCss) {
+    const { defaultGlobalCss: defaultGlobalCss2 } = (init_defaultPreset(), __toCommonJS(defaultPreset_exports));
+    const appDir = fs3__default.default.existsSync(path7__default.default.join(cwd, "src/app")) ? "src/app" : fs3__default.default.existsSync(path7__default.default.join(cwd, "app")) ? "app" : "src";
+    const cssPath = path7__default.default.join(cwd, appDir, "globals.css");
+    if (fs3__default.default.existsSync(path7__default.default.dirname(cssPath))) {
+      fs3__default.default.writeFileSync(cssPath, defaultGlobalCss2);
+      generatedCss = true;
+      console.log(`[tailwind-styled-v4] Generated ${cssPath}`);
+    }
+  }
+  return { generatedConfig, generatedCss };
+}
+
+// packages/compiler/src/index.ts
+init_nativeBridge();
+var _binding2;
+function getBinding2() {
+  if (_binding2 !== void 0) {
+    if (_binding2 === null) {
+      throw new Error(
+        `[tailwind-styled/compiler v5] Native CSS binding is required but not available.
+Please ensure the native module is properly built.`
+      );
+    }
+    return _binding2;
+  }
+  if (process.env.TWS_NO_NATIVE === "1") {
+    _binding2 = null;
+    throw new Error(
+      `[tailwind-styled/compiler v5] Native binding is required.
+The TWS_NO_NATIVE environment variable is set, which disables native binding.`
+    );
+  }
+  const req = typeof __require === "function" ? __require : module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('compiler.js', document.baseURI).href)));
+  const candidates = [
+    path7__default.default.resolve(process.cwd(), "native", "tailwind_styled_parser.node"),
+    path7__default.default.resolve(__dirname, "..", "..", "..", "native", "tailwind_styled_parser.node"),
+    path7__default.default.resolve(__dirname, "..", "..", "..", "..", "native", "tailwind_styled_parser.node")
+  ];
+  for (const c of candidates) {
+    try {
+      const mod = req(c);
+      if (mod?.compileCss) {
+        _binding2 = mod;
+        return _binding2;
+      }
+    } catch {
+    }
+  }
+  _binding2 = null;
+  throw new Error(
+    `[tailwind-styled/compiler v5] Native CSS binding not found.
+Tried loading from:
+` + candidates.map((c) => `  - ${c}`).join("\n") + `
+
+Please build the native module.`
+  );
+}
+function compileCssNative(classes, prefix = null) {
+  const binding = getBinding2();
+  const r = binding.compileCss(classes, prefix);
+  return { ...r, engine: "rust" };
+}
+function astExtractClassesNative(source, filename) {
+  const binding = getBinding2();
+  const r = binding.astExtractClasses(source, filename);
+  return { ...r, engine: "rust" };
+}
+var SCAN_EXTENSIONS2 = [".tsx", ".ts", ".jsx", ".js"];
+function scanDir(dir, files = []) {
+  if (!fs3__default.default.existsSync(dir)) return files;
+  const entries = fs3__default.default.readdirSync(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    if (entry.name === "node_modules" || entry.name === ".next" || entry.name === "dist") continue;
+    const fullPath = path7__default.default.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      scanDir(fullPath, files);
+    } else if (SCAN_EXTENSIONS2.some((ext) => entry.name.endsWith(ext))) {
+      files.push(fullPath);
+    }
+  }
+  return files;
+}
+function generateSafelist(scanDirs, outputPath = ".tailwind-styled-safelist.json", cwd = process.cwd()) {
+  const allClasses = /* @__PURE__ */ new Set();
+  for (const dir of scanDirs) {
+    const absDir = path7__default.default.isAbsolute(dir) ? dir : path7__default.default.resolve(cwd, dir);
+    const files = scanDir(absDir);
+    for (const file of files) {
+      try {
+        const source = fs3__default.default.readFileSync(file, "utf-8");
+        const classes = extractAllClasses(source);
+        classes.forEach((c) => allClasses.add(c));
+      } catch {
+      }
+    }
+  }
+  const sorted = Array.from(allClasses).sort();
+  const absOutput = path7__default.default.isAbsolute(outputPath) ? outputPath : path7__default.default.resolve(cwd, outputPath);
+  fs3__default.default.writeFileSync(absOutput, JSON.stringify(sorted, null, 2));
+  console.log(`[tailwind-styled-v4] Safelist: ${sorted.length} classes \u2192 ${absOutput}`);
+  return sorted;
+}
+function loadSafelist(safelistPath) {
+  try {
+    const content = fs3__default.default.readFileSync(safelistPath, "utf-8");
+    return JSON.parse(content);
+  } catch {
+    return [];
+  }
+}
+function generateSafelistCss(scanDirs, outputPath = "src/app/__tw-safelist.css", cwd = process.cwd()) {
+  const allClasses = /* @__PURE__ */ new Set();
+  for (const dir of scanDirs) {
+    const absDir = path7__default.default.isAbsolute(dir) ? dir : path7__default.default.resolve(cwd, dir);
+    const files = scanDir(absDir);
+    for (const file of files) {
+      try {
+        const source = fs3__default.default.readFileSync(file, "utf-8");
+        const classes = extractAllClasses(source);
+        classes.forEach((c) => allClasses.add(c));
+      } catch {
+      }
+    }
+  }
+  const sorted = Array.from(allClasses).sort();
+  const absOutput = path7__default.default.isAbsolute(outputPath) ? outputPath : path7__default.default.resolve(cwd, outputPath);
+  fs3__default.default.mkdirSync(path7__default.default.dirname(absOutput), { recursive: true });
+  const css = sorted.length > 0 ? `/* Auto-generated by tailwind-styled-v4 \u2014 DO NOT EDIT */
+@source inline("${sorted.join(" ")}");
+` : `/* Auto-generated by tailwind-styled-v4 \u2014 DO NOT EDIT */
+/* No safelist classes found */
+`;
+  fs3__default.default.writeFileSync(absOutput, css);
+  console.log(`[tailwind-styled-v4] Safelist: ${sorted.length} classes \u2192 ${absOutput}`);
+  return sorted;
+}
 async function generateCssForClasses(classes, config, cwd = process.cwd()) {
-  const twConfig = config != null ? config : loadTailwindConfig(cwd);
   try {
-    return await generateViaTailwindV4(classes, twConfig, cwd);
-  } catch (e) {
+    const { compileCssFromClasses: compileCssFromClasses2 } = (init_cssCompiler(), __toCommonJS(cssCompiler_exports));
+    const result = compileCssFromClasses2(classes);
+    if (result?.css && result.resolvedClasses.length > 0) {
+      const resolveRate = result.resolvedClasses.length / classes.length;
+      if (resolveRate >= 0.5) return result.css;
+    }
+  } catch {
   }
+  const twConfig = config ?? loadTailwindConfig(cwd);
   try {
-    return await generateViaTailwindV3(classes, twConfig);
-  } catch (e) {
+    return await generateViaTailwindV4(classes, twConfig, cwd);
+  } catch {
   }
   return generateManualCss(classes);
 }
@@ -3412,26 +4344,10 @@ async function generateViaTailwindV4(classes, _config, cwd) {
       optimize: { minify: false }
     })
   ]).process(virtualCss, {
-    from: path4.join(cwd, "virtual.css")
+    from: path7__default.default.join(cwd, "virtual.css")
   });
   return filterCssForClasses(result.css, classes);
 }
-async function generateViaTailwindV3(classes, config) {
-  const postcss = __require("postcss");
-  const tailwindcss = __require("tailwindcss");
-  const virtualContent = classes.map((c) => `<div class="${c}">`).join("\n");
-  const twConfigWithContent = __spreadProps(__spreadValues({}, config), {
-    content: [{ raw: virtualContent, extension: "html" }],
-    safelist: classes
-  });
-  const inputCss = `@tailwind base;
-@tailwind components;
-@tailwind utilities;`;
-  const result = await postcss([tailwindcss(twConfigWithContent)]).process(inputCss, {
-    from: void 0
-  });
-  return result.css;
-}
 function generateManualCss(classes) {
   const { generateAtomicCss: generateAtomicCss2, parseAtomicClass: parseAtomicClass2 } = (init_atomicCss(), __toCommonJS(atomicCss_exports));
   const rules = classes.map((c) => parseAtomicClass2(c)).filter(Boolean);
@@ -3481,7 +4397,7 @@ async function generateAllRouteCss(opts = {}) {
   const { cwd = process.cwd(), outputDir, config, minify = true } = opts;
   const results = [];
   const routes = getAllRoutes();
-  const twConfig = config != null ? config : loadTailwindConfig(cwd);
+  const twConfig = config ?? loadTailwindConfig(cwd);
   for (const route of routes) {
     const classes = Array.from(getRouteClasses(route));
     if (classes.length === 0) continue;
@@ -3501,13 +4417,13 @@ async function generateAllRouteCss(opts = {}) {
     }
   }
   if (outputDir) {
-    const fs5 = __require("fs");
-    fs5.mkdirSync(outputDir, { recursive: true });
+    const fs6 = __require("fs");
+    fs6.mkdirSync(outputDir, { recursive: true });
     for (const result of results) {
       const filename = routeToFilename(result.route);
-      const filepath = path4.join(outputDir, filename);
-      fs5.mkdirSync(path4.dirname(filepath), { recursive: true });
-      fs5.writeFileSync(filepath, result.css);
+      const filepath = path7__default.default.join(outputDir, filename);
+      fs6.mkdirSync(path7__default.default.dirname(filepath), { recursive: true });
+      fs6.writeFileSync(filepath, result.css);
     }
     const totalSize = results.reduce((sum, r) => sum + r.sizeBytes, 0);
     console.log(
@@ -3530,6 +4446,73 @@ function formatBytes(bytes) {
   return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
 }
 
-export { BucketEngine, IncrementalEngine, analyzeFile, analyzeVariantUsage, bootstrapZeroConfig, bucketSort, classifyNode, clearAtomicRegistry, compileVariants, detectConflicts, extractAllClasses, extractComponentUsage, fileToRoute, generateAllRouteCss, generateAtomicCss, generateCssForClasses, generateSafelist, generateSafelistCss, getAllRoutes, getAtomicRegistry, getBucketEngine, getCollector, getCollectorSummary, getContentPaths, getIncrementalEngine, getRouteClasses, hasInteractiveFeatures, hasTwUsage, hoistComponents, injectClientDirective, injectServerOnlyComment, invalidateConfigCache, isDynamic, isServerComponent, isZeroConfig, loadSafelist, loadTailwindConfig, mergeClassesStatic, normalizeClasses, parseAtomicClass, parseClassesToNodes, registerFileClasses, registerGlobalClasses, resetBucketEngine, resetCollector, resetIncrementalEngine, resolveServerVariant, runElimination, scanProjectUsage, hasTwUsage as shouldProcess, toAtomicClasses, transformSource };
+exports.BucketEngine = BucketEngine;
+exports.CompileContext = CompileContext;
+exports.IncrementalEngine = IncrementalEngine;
+exports.Pipeline = Pipeline;
+exports.adaptNativeResult = adaptNativeResult;
+exports.analyzeFile = analyzeFile;
+exports.analyzeVariantUsage = analyzeVariantUsage;
+exports.astExtractClassesNative = astExtractClassesNative;
+exports.bootstrapZeroConfig = bootstrapZeroConfig;
+exports.bucketSort = bucketSort;
+exports.buildStyleTag = buildStyleTag;
+exports.classifyNode = classifyNode;
+exports.clearAtomicRegistry = clearAtomicRegistry;
+exports.compileCssFromClasses = compileCssFromClasses;
+exports.compileCssNative = compileCssNative;
+exports.compileVariants = compileVariants;
+exports.compileWithCore = compileWithCore;
+exports.detectConflicts = detectConflicts;
+exports.eliminateDeadCss = eliminateDeadCss;
+exports.extractAllClasses = extractAllClasses;
+exports.extractComponentUsage = extractComponentUsage;
+exports.fileToRoute = fileToRoute;
+exports.findDeadVariants = findDeadVariants;
+exports.generateAllRouteCss = generateAllRouteCss;
+exports.generateAtomicCss = generateAtomicCss;
+exports.generateCssForClasses = generateCssForClasses;
+exports.generateSafelist = generateSafelist;
+exports.generateSafelistCss = generateSafelistCss;
+exports.getAllRoutes = getAllRoutes;
+exports.getAtomicRegistry = getAtomicRegistry;
+exports.getBucketEngine = getBucketEngine;
+exports.getCollector = getCollector;
+exports.getCollectorSummary = getCollectorSummary;
+exports.getContentPaths = getContentPaths;
+exports.getIncrementalEngine = getIncrementalEngine;
+exports.getNativeBridge = getNativeBridge;
+exports.getRouteClasses = getRouteClasses;
+exports.hasInteractiveFeatures = hasInteractiveFeatures;
+exports.hasTwUsage = hasTwUsage;
+exports.hoistComponents = hoistComponents;
+exports.injectClientDirective = injectClientDirective;
+exports.injectServerOnlyComment = injectServerOnlyComment;
+exports.invalidateConfigCache = invalidateConfigCache;
+exports.isDynamic = isDynamic;
+exports.isServerComponent = isServerComponent;
+exports.isZeroConfig = isZeroConfig;
+exports.loadSafelist = loadSafelist;
+exports.loadTailwindConfig = loadTailwindConfig;
+exports.mergeClassesStatic = mergeClassesStatic;
+exports.normalizeClasses = normalizeClasses;
+exports.optimizeCss = optimizeCss;
+exports.parseAtomicClass = parseAtomicClass;
+exports.parseClassesToNodes = parseClassesToNodes;
+exports.registerFileClasses = registerFileClasses;
+exports.registerGlobalClasses = registerGlobalClasses;
+exports.resetBucketEngine = resetBucketEngine;
+exports.resetCollector = resetCollector;
+exports.resetCompileCache = resetCompileCache;
+exports.resetIncrementalEngine = resetIncrementalEngine;
+exports.resetNativeBridgeCache = resetNativeBridgeCache;
+exports.resolveServerVariant = resolveServerVariant;
+exports.runElimination = runElimination;
+exports.runLoaderTransform = runLoaderTransform;
+exports.scanProjectUsage = scanProjectUsage;
+exports.shouldProcess = hasTwUsage;
+exports.shouldSkipFile = shouldSkipFile;
+exports.toAtomicClasses = toAtomicClasses;
+exports.transformSource = transformSource;
 //# sourceMappingURL=compiler.js.map
 //# sourceMappingURL=compiler.js.map