@csszyx/compiler 0.6.2 → 0.8.0

package/dist/{index.js → shared/compiler.C6jT0mcT.cjs}

@@ -1,11 +1,5 @@
-import {
-  __require
-} from "./chunk-3RG5ZIWI.js";
+'use strict';
 
-// src/compiler.ts
-import { init, transform_sz, version as getWasmVersion } from "@csszyx/core";
-
-// src/property-types.ts
 var PropertyCategory = /* @__PURE__ */ ((PropertyCategory2) => {
   PropertyCategory2[PropertyCategory2["SPACING"] = 0] = "SPACING";
   PropertyCategory2[PropertyCategory2["COLOR"] = 1] = "COLOR";
@@ -17,7 +11,7 @@ var PropertyCategory = /* @__PURE__ */ ((PropertyCategory2) => {
   PropertyCategory2[PropertyCategory2["PASSTHROUGH"] = 7] = "PASSTHROUGH";
   return PropertyCategory2;
 })(PropertyCategory || {});
-var PROPERTY_CATEGORY_MAP = {
+const PROPERTY_CATEGORY_MAP = {
   // ---- SPACING ----
   p: 0 /* SPACING */,
   pt: 0 /* SPACING */,
@@ -181,7 +175,7 @@ var PROPERTY_CATEGORY_MAP = {
 function getPropertyCategory(property) {
   return PROPERTY_CATEGORY_MAP[property] ?? 7 /* PASSTHROUGH */;
 }
-var COLOR_PROPERTIES = new Set(
+const COLOR_PROPERTIES = new Set(
   Object.entries(PROPERTY_CATEGORY_MAP).filter(([, cat]) => cat === 1 /* COLOR */).map(([key]) => key)
 );
 function getCSSVariableName(property, variantPrefix) {
@@ -192,8 +186,7 @@ function getCSSVariableName(property, variantPrefix) {
   return `--_sz-${prop}`;
 }
 
-// src/color-validation.ts
-var COLOR_STRING_KEYWORDS = /* @__PURE__ */ new Set([
+const COLOR_STRING_KEYWORDS = /* @__PURE__ */ new Set([
   "inherit",
   "current",
   "transparent",
@@ -239,10 +232,10 @@ function stripInvalidColorStrings(sz) {
       result[key] = stripInvalidColorStrings(value);
       continue;
     }
-    if (typeof value === "string" && PROPERTY_CATEGORY_MAP[key] === 1 /* COLOR */) {
+    if (typeof value === "string" && PROPERTY_CATEGORY_MAP[key] === PropertyCategory.COLOR) {
       const strVal = value.replace(/!$/, "");
       if (hasSlashOpacity(strVal)) {
-        if (process.env["NODE_ENV"] !== "production" && typeof window === "undefined") {
+        if (process.env.NODE_ENV !== "production" && typeof window === "undefined") {
           const slashIdx = strVal.indexOf("/");
           const colorPart = strVal.slice(0, slashIdx);
           const opPart = strVal.slice(slashIdx + 1);
@@ -253,7 +246,7 @@ function stripInvalidColorStrings(sz) {
         continue;
       }
       if (!isValidColorString(strVal)) {
-        if (process.env["NODE_ENV"] !== "production" && typeof window === "undefined") {
+        if (process.env.NODE_ENV !== "production" && typeof window === "undefined") {
           console.warn(
             `[csszyx] "${key}: '${strVal}'" is not a recognized color value and will be ignored. Use a Tailwind color ("blue-500"), CSS variable ("--my-color"), hex/rgb/hsl ("#ff0000"), or object form ({ color: "blue-500", op: 50 }).`
           );
@@ -266,45 +259,7 @@ function stripInvalidColorStrings(sz) {
   return result;
 }
 
-// src/transform.ts
-import * as babel from "@babel/core";
-import * as t from "@babel/types";
-
-// src/ast-budget.ts
-var AST_BUDGET = 5e4;
-var ASTBudgetExceededError = class extends Error {
-  /**
-   *
-   * @param filename Source filename if known, otherwise `undefined`.
-   * @param nodeCount Node count at the point traversal was aborted.
-   * @param budget Effective budget that was exceeded. Defaults to
-   *   {@link AST_BUDGET} for backwards compatibility with callers that
-   *   don't pass an override.
-   */
-  constructor(filename, nodeCount, budget = AST_BUDGET) {
-    const where = filename ?? "<anonymous>";
-    super(
-      `[csszyx] AST budget exceeded: ${where} has more than ${budget} nodes (traversal aborted at ${nodeCount}). Files this large are almost always machine-generated and should be excluded from sz transformation. Either exclude the file from the plugin (Vite: \`csszyx({ exclude: [/large-data\\.ts$/] })\`), or raise the limit globally with \`csszyx({ build: { astBudgetLimit: 100_000 } })\`.`
-    );
-    this.name = "ASTBudgetExceededError";
-    this.filename = filename;
-    this.nodeCount = nodeCount;
-    this.budget = budget;
-  }
-};
-
-// src/recovery-tokens.ts
-import { createHash } from "crypto";
-function generateInlineRecoveryToken(filename, line, column, elementType) {
-  const input = `${filename}:${line}:${column}:${elementType}`;
-  return createHash("sha256").update(input).digest("hex").substring(0, 12);
-}
-function isValidInlineRecoveryMode(value) {
-  return value === "csr" || value === "dev-only";
-}
-
-// src/transform-core.ts
-var PROPERTY_MAP = {
+const PROPERTY_MAP = {
   // Background
   bg: "bg",
   bgAttach: "bg",
@@ -624,12 +579,12 @@ var PROPERTY_MAP = {
   // Overflow
   overflow: "overflow"
 };
-var CSS_VAR_TYPE_HINTS = {
+const CSS_VAR_TYPE_HINTS = {
   fontFamily: "family-name",
   fontWeight: "weight",
   text: "length"
 };
-var SUGGESTION_MAP = {
+const SUGGESTION_MAP = {
   // Background
   backgroundColor: "bg",
   backgroundImage: "bgImg",
@@ -739,7 +694,7 @@ var SUGGESTION_MAP = {
   flexWrapReverse: "flexWrap: 'wrap-reverse'",
   flexNowrap: "flexWrap: 'nowrap'"
 };
-var VARIANT_MAP = {
+const VARIANT_MAP = {
   // Focus variants
   focusWithin: "focus-within",
   focusVisible: "focus-visible",
@@ -778,7 +733,7 @@ var VARIANT_MAP = {
   "@maxXl": "@max-xl",
   "@max2xl": "@max-2xl"
 };
-var KNOWN_VARIANTS = /* @__PURE__ */ new Set([
+const KNOWN_VARIANTS = /* @__PURE__ */ new Set([
   // Responsive
   "sm",
   "md",
@@ -879,7 +834,7 @@ var KNOWN_VARIANTS = /* @__PURE__ */ new Set([
   "ltr",
   "rtl"
 ]);
-var ARIA_STATES = /* @__PURE__ */ new Set([
+const ARIA_STATES = /* @__PURE__ */ new Set([
   "checked",
   "disabled",
   "expanded",
@@ -895,7 +850,7 @@ var ARIA_STATES = /* @__PURE__ */ new Set([
   "atomic",
   "modal"
 ]);
-var BOOLEAN_SHORTHANDS = /* @__PURE__ */ new Set([
+const BOOLEAN_SHORTHANDS = /* @__PURE__ */ new Set([
   // Display
   "block",
   "inline",
@@ -973,7 +928,7 @@ var BOOLEAN_SHORTHANDS = /* @__PURE__ */ new Set([
   // Outline
   "outline"
 ]);
-var BOOLEAN_TO_CLASS = {
+const BOOLEAN_TO_CLASS = {
   inlineBlock: "inline-block",
   inlineFlex: "inline-flex",
   inlineGrid: "inline-grid",
@@ -1009,7 +964,7 @@ var BOOLEAN_TO_CLASS = {
   // Misc
   proseInvert: "prose-invert"
 };
-var SNAP_DIRECT_MAP = {
+const SNAP_DIRECT_MAP = {
   snapAlign: {
     start: "snap-start",
     end: "snap-end",
@@ -1031,7 +986,7 @@ var SNAP_DIRECT_MAP = {
     proximity: "snap-proximity"
   }
 };
-var NEGATIVE_ALLOWED = /* @__PURE__ */ new Set([
+const NEGATIVE_ALLOWED = /* @__PURE__ */ new Set([
   "m",
   "mt",
   "mr",
@@ -1120,7 +1075,7 @@ function normalizeArbitraryValue(value) {
   const stripped = value.startsWith("[") && value.endsWith("]") ? value.slice(1, -1) : value;
   return stripped.trim().replace(/\s+/g, "_");
 }
-var FRACTION_SUPPORTED_PROPS = /* @__PURE__ */ new Set([
+const FRACTION_SUPPORTED_PROPS = /* @__PURE__ */ new Set([
   // Sizing (both rawKey and resolved key forms)
   "w",
   "width",
@@ -1166,8 +1121,12 @@ var FRACTION_SUPPORTED_PROPS = /* @__PURE__ */ new Set([
 ]);
 function needsArbitraryBrackets(value) {
   const v = value.startsWith("[") && value.endsWith("]") ? value.slice(1, -1) : value;
-  return /^\d+(\.\d+)?(px|rem|em|%|vh|vw|ch|dvh|dvw|svh|svw|lvh|lvw|cqw|cqh|deg|rad|turn|grad|ms|s|fr)$/.test(v) || // Positive units
-  /^-\d+(\.\d+)?(px|rem|em|%|vh|vw|ch|dvh|dvw|svh|svw|lvh|lvw|cqw|cqh|deg|rad|turn|grad|ms|s|fr)$/.test(v) || // Negative units like -1px, -2rem
+  return /^\d+(\.\d+)?(px|rem|em|%|vh|vw|ch|dvh|dvw|svh|svw|lvh|lvw|cqw|cqh|deg|rad|turn|grad|ms|s|fr)$/.test(
+    v
+  ) || // Positive units
+  /^-\d+(\.\d+)?(px|rem|em|%|vh|vw|ch|dvh|dvw|svh|svw|lvh|lvw|cqw|cqh|deg|rad|turn|grad|ms|s|fr)$/.test(
+    v
+  ) || // Negative units like -1px, -2rem
   /^\.\d+(px|rem|em|%|vh|vw|ch)?$/.test(v) || // Values starting with . like .25em
   /^-\.\d+(px|rem|em|%|vh|vw|ch)?$/.test(v) || // Negative values starting with -. like -.25em
   v.startsWith("#") || // Hex colors
@@ -1182,8 +1141,8 @@ function needsArbitraryBrackets(value) {
   v.includes("max(") || // Max
   v.includes(" ");
 }
-var LIST_STYLE_STANDARD = /* @__PURE__ */ new Set(["none", "disc", "decimal"]);
-var FONT_STRETCH_KEYWORDS = /* @__PURE__ */ new Set([
+const LIST_STYLE_STANDARD = /* @__PURE__ */ new Set(["none", "disc", "decimal"]);
+const FONT_STRETCH_KEYWORDS = /* @__PURE__ */ new Set([
   "ultra-condensed",
   "extra-condensed",
   "condensed",
@@ -1514,10 +1473,10 @@ function transform(szProp, prefix = "", mangleMap) {
       }
       continue;
     }
-    if (typeof value === "string" && PROPERTY_CATEGORY_MAP[rawKey] === 1 /* COLOR */) {
+    if (typeof value === "string" && PROPERTY_CATEGORY_MAP[rawKey] === PropertyCategory.COLOR) {
       const strVal = value.replace(/!$/, "");
       if (hasSlashOpacity(strVal)) {
-        if (process.env["NODE_ENV"] !== "production" && typeof window === "undefined") {
+        if (process.env.NODE_ENV !== "production" && typeof window === "undefined") {
           const slashIdx = strVal.indexOf("/");
           const colorPart = strVal.slice(0, slashIdx);
           const opPart = strVal.slice(slashIdx + 1);
@@ -1528,7 +1487,7 @@ function transform(szProp, prefix = "", mangleMap) {
         continue;
       }
       if (!isValidColorString(strVal)) {
-        if (process.env["NODE_ENV"] !== "production" && typeof window === "undefined") {
+        if (process.env.NODE_ENV !== "production" && typeof window === "undefined") {
           console.warn(
             `[csszyx] "${rawKey}: '${strVal}'" is not a recognized color value and will be ignored. Use a Tailwind color ("blue-500"), CSS variable ("--my-color"), hex/rgb/hsl ("#ff0000"), or object form ({ color: "blue-500", op: 50 }).`
           );
@@ -1619,7 +1578,10 @@ function transform(szProp, prefix = "", mangleMap) {
             }
           } else if (PROPERTY_MAP[nestedKey] || BOOLEAN_SHORTHANDS.has(nestedKey) || nestedKey.startsWith("@")) {
             const nestedPrefix2 = `${prefix}${mappedKey}:`;
-            const result = transform({ [nestedKey]: nestedValue }, nestedPrefix2);
+            const result = transform(
+              { [nestedKey]: nestedValue },
+              nestedPrefix2
+            );
             if (result.className) {
               classes.push(result.className);
             }
@@ -1631,7 +1593,10 @@ function transform(szProp, prefix = "", mangleMap) {
             }
           } else {
             const nestedPrefix2 = `${prefix}${mappedKey}:`;
-            const result = transform({ [nestedKey]: nestedValue }, nestedPrefix2);
+            const result = transform(
+              { [nestedKey]: nestedValue },
+              nestedPrefix2
+            );
             if (result.className) {
               classes.push(result.className);
             }
@@ -1745,7 +1710,9 @@ function transform(szProp, prefix = "", mangleMap) {
     }
     if (typeof value === "string") {
       if (rawKey === "decoration") {
-        if (["underline", "overline", "line-through", "no-underline", "none"].includes(value)) {
+        if (["underline", "overline", "line-through", "no-underline", "none"].includes(
+          value
+        )) {
           className += value === "none" ? "no-underline" : value;
           classes.push(className);
           continue;
@@ -1783,9 +1750,9 @@ function transform(szProp, prefix = "", mangleMap) {
       }
       if (rawKey === "break") {
         const wbMap = {
-          "normal": "break-normal",
-          "all": "break-all",
-          "keep": "break-keep",
+          normal: "break-normal",
+          all: "break-all",
+          keep: "break-keep",
           "break-normal": "break-normal",
           "break-all": "break-all",
           "break-keep": "break-keep"
@@ -1796,9 +1763,9 @@ function transform(szProp, prefix = "", mangleMap) {
       }
       if (rawKey === "wrap") {
         const owMap = {
-          "normal": "wrap-normal",
+          normal: "wrap-normal",
           "break-word": "wrap-break-word",
-          "anywhere": "wrap-anywhere",
+          anywhere: "wrap-anywhere",
           "wrap-normal": "wrap-normal",
           "wrap-break-word": "wrap-break-word",
           "wrap-anywhere": "wrap-anywhere"
@@ -1821,7 +1788,7 @@ function transform(szProp, prefix = "", mangleMap) {
           className += `line-clamp-(${sValue})`;
         } else {
           const numVal = Number(sValue);
-          if (!isNaN(numVal) && Number.isInteger(numVal)) {
+          if (!Number.isNaN(numVal) && Number.isInteger(numVal)) {
             className += `line-clamp-${sValue}`;
           } else {
             className += `line-clamp-[${sValue}]`;
@@ -2149,7 +2116,17 @@ function transform(szProp, prefix = "", mangleMap) {
         continue;
       }
       if (rawKey === "perspectiveOrigin") {
-        const STANDARD_ORIGINS = /* @__PURE__ */ new Set(["center", "top", "right", "bottom", "left", "top-left", "top-right", "bottom-left", "bottom-right"]);
+        const STANDARD_ORIGINS = /* @__PURE__ */ new Set([
+          "center",
+          "top",
+          "right",
+          "bottom",
+          "left",
+          "top-left",
+          "top-right",
+          "bottom-left",
+          "bottom-right"
+        ]);
         if (STANDARD_ORIGINS.has(value)) {
           className += `perspective-origin-${value}`;
         } else {
@@ -2223,8 +2200,7 @@ function transform(szProp, prefix = "", mangleMap) {
           finalValue = `[${finalValue}]`;
         }
       } else if (key === "aspect" && /^[0-9]+(?:\.[0-9]+)?\/[0-9]+(?:\.[0-9]+)?$/.test(finalValue)) {
-        if (finalValue === "auto" || finalValue === "square" || finalValue === "video" || /^\d+\/\d+$/.test(finalValue)) {
-        } else {
+        if (finalValue === "auto" || finalValue === "square" || finalValue === "video" || /^\d+\/\d+$/.test(finalValue)) ; else {
           finalValue = `[${finalValue}]`;
         }
       } else if (needsArbitraryBrackets(finalValue) || /^\d+\.\d+%$/.test(finalValue)) {
@@ -2294,1530 +2270,20 @@ function normalizeClassName(className) {
   return className.split(/\s+/).filter(Boolean).join(" ");
 }
 
-// src/transform.ts
-function transformSourceCode(source, filename, options) {
-  const astBudget = options?.astBudget ?? AST_BUDGET;
-  let usesRuntime = false;
-  let usesMerge = false;
-  let usesColorVar = false;
-  let transformed = false;
-  const collectedClasses = /* @__PURE__ */ new Set();
-  const rawClassNames = /* @__PURE__ */ new Set();
-  const diagnostics = [];
-  const recoveryTokens = /* @__PURE__ */ new Map();
-  if (!source.includes("sz")) {
-    return { code: source, transformed: false, usesRuntime: false, usesMerge: false, usesColorVar: false, classes: collectedClasses, rawClassNames, diagnostics, recoveryTokens };
-  }
-  try {
-    const result = babel.transformSync(source, {
-      filename: filename ?? "file.tsx",
-      // Enable TS/JSX parsing
-      ast: true,
-      code: true,
-      configFile: false,
-      babelrc: false,
-      parserOpts: {
-        plugins: ["typescript", "jsx"]
-      },
-      plugins: [
-        function() {
-          return {
-            // Budget guard runs in `pre` (before the visitor pass)
-            // so it short-circuits pathologically large files
-            // before any sz transform work begins, and doesn't
-            // interfere with the JSXAttribute handler below.
-            pre(file) {
-              let nodeCount = 0;
-              babel.traverse(file.ast, {
-                enter() {
-                  nodeCount++;
-                  if (nodeCount > astBudget) {
-                    throw new ASTBudgetExceededError(filename, nodeCount, astBudget);
-                  }
-                }
-              });
-            },
-            visitor: {
-              JSXAttribute(path) {
-                const attrName = t.isJSXIdentifier(path.node.name) ? path.node.name.name : "";
-                if (attrName === "className" || attrName === "class") {
-                  const val = path.node.value;
-                  if (t.isStringLiteral(val)) {
-                    for (const c of val.value.split(/\s+/)) {
-                      if (c) {
-                        rawClassNames.add(c);
-                      }
-                    }
-                  }
-                  return;
-                }
-                if (attrName === "szRecover") {
-                  const recoverValue = path.node.value;
-                  if (!t.isStringLiteral(recoverValue)) {
-                    diagnostics.push(
-                      `[csszyx] szRecover at ${filename ?? "<anonymous>"}: only string-literal values ("csr" | "dev-only") are supported. Dynamic values disable token emission for this element.`
-                    );
-                    return;
-                  }
-                  if (!isValidInlineRecoveryMode(recoverValue.value)) {
-                    diagnostics.push(
-                      `[csszyx] szRecover at ${filename ?? "<anonymous>"}: unknown mode "${recoverValue.value}" \u2014 expected "csr" or "dev-only". Token emission skipped.`
-                    );
-                    return;
-                  }
-                  const opening = path.parentPath;
-                  if (!opening?.isJSXOpeningElement()) {
-                    return;
-                  }
-                  const alreadyTagged = opening.node.attributes.some(
-                    (attr) => t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === "data-sz-recovery-token"
-                  );
-                  if (alreadyTagged) {
-                    return;
-                  }
-                  const loc = path.node.loc;
-                  const elementType = t.isJSXIdentifier(opening.node.name) ? opening.node.name.name : t.isJSXMemberExpression(opening.node.name) ? "<member>" : "<unknown>";
-                  const line = loc?.start.line ?? 0;
-                  const column = loc?.start.column ?? 0;
-                  const file = filename ?? "file.tsx";
-                  const token = generateInlineRecoveryToken(file, line, column, elementType);
-                  opening.node.attributes.push(
-                    t.jsxAttribute(
-                      t.jsxIdentifier("data-sz-recovery-token"),
-                      t.stringLiteral(token)
-                    )
-                  );
-                  recoveryTokens.set(token, {
-                    mode: recoverValue.value,
-                    component: elementType,
-                    path: `${file}:${line}:${column}`
-                  });
-                  transformed = true;
-                  return;
-                }
-                if (attrName !== "sz") {
-                  return;
-                }
-                const value = path.node.value;
-                let existingClassNameNode = null;
-                let existingClassExpr = null;
-                let existingStyleNode = null;
-                let existingStyleExpr = null;
-                if (path.parentPath?.isJSXOpeningElement()) {
-                  for (const attr of path.parentPath.node.attributes) {
-                    if (t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name)) {
-                      const aName = attr.name;
-                      if (aName.name === "className" || aName.name === "class") {
-                        existingClassNameNode = attr;
-                        const aVal = attr.value;
-                        if (t.isStringLiteral(aVal)) {
-                          existingClassExpr = aVal;
-                        } else if (t.isJSXExpressionContainer(aVal)) {
-                          if (t.isExpression(aVal.expression)) {
-                            existingClassExpr = aVal.expression;
-                          }
-                        }
-                      } else if (aName.name === "style") {
-                        existingStyleNode = attr;
-                        const aVal = attr.value;
-                        if (t.isJSXExpressionContainer(aVal)) {
-                          if (t.isExpression(aVal.expression)) {
-                            existingStyleExpr = aVal.expression;
-                          }
-                        } else if (t.isStringLiteral(aVal)) {
-                          existingStyleExpr = aVal;
-                        }
-                      }
-                    }
-                  }
-                }
-                const createMergedClassNameValue = (szExpr) => {
-                  if (!existingClassExpr) {
-                    return t.isStringLiteral(szExpr) ? szExpr : t.jsxExpressionContainer(szExpr);
-                  }
-                  if (existingClassNameNode && path.parentPath?.isJSXOpeningElement()) {
-                    path.parentPath.node.attributes = path.parentPath.node.attributes.filter(
-                      (a) => a !== existingClassNameNode
-                    );
-                    existingClassNameNode = null;
-                  }
-                  if (t.isStringLiteral(existingClassExpr) && t.isStringLiteral(szExpr)) {
-                    const merged = `${existingClassExpr.value} ${szExpr.value}`.trim();
-                    return t.stringLiteral(merged);
-                  }
-                  usesRuntime = true;
-                  usesMerge = true;
-                  return t.jsxExpressionContainer(
-                    t.callExpression(t.identifier("_szMerge"), [existingClassExpr, szExpr])
-                  );
-                };
-                const mergeAndInjectStyle = (newStyleProps) => {
-                  if (newStyleProps.length === 0) {
-                    return;
-                  }
-                  if (!path.parentPath?.isJSXOpeningElement()) {
-                    return;
-                  }
-                  if (existingStyleNode && existingStyleExpr) {
-                    path.parentPath.node.attributes = path.parentPath.node.attributes.filter(
-                      (a) => a !== existingStyleNode
-                    );
-                    existingStyleNode = null;
-                    if (t.isObjectExpression(existingStyleExpr)) {
-                      existingStyleExpr.properties.push(...newStyleProps);
-                      path.parentPath.node.attributes.push(
-                        t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(existingStyleExpr))
-                      );
-                    } else if (t.isStringLiteral(existingStyleExpr)) {
-                      const parsedOldProps = parseStyleStringToObjectExpr(existingStyleExpr.value).properties;
-                      path.parentPath.node.attributes.push(
-                        t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(
-                          t.objectExpression([...parsedOldProps, ...newStyleProps])
-                        ))
-                      );
-                    } else {
-                      const mergedStyle = t.objectExpression([
-                        t.spreadElement(existingStyleExpr),
-                        ...newStyleProps
-                      ]);
-                      path.parentPath.node.attributes.push(
-                        t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(mergedStyle))
-                      );
-                    }
-                  } else {
-                    path.parentPath.node.attributes.push(
-                      t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(t.objectExpression(newStyleProps)))
-                    );
-                    existingStyleExpr = t.objectExpression(newStyleProps);
-                    existingStyleNode = path.parentPath.node.attributes[path.parentPath.node.attributes.length - 1];
-                  }
-                };
-                if (t.isStringLiteral(value)) {
-                  path.node.name.name = "className";
-                  for (const c of value.value.split(/\s+/)) {
-                    if (c) {
-                      collectedClasses.add(c);
-                    }
-                  }
-                  path.node.value = createMergedClassNameValue(value);
-                  transformed = true;
-                  return;
-                }
-                if (t.isJSXExpressionContainer(value)) {
-                  const expression = value.expression;
-                  if (t.isObjectExpression(expression)) {
-                    const getBinding = (name) => path.scope.getBinding(name);
-                    const flatExpression = resolveObjectSpreads(expression, getBinding) ?? expression;
-                    const staticObject = evaluateStaticObject(flatExpression);
-                    if (staticObject !== null) {
-                      const { className, attributes } = transform(staticObject);
-                      for (const c of className.split(/\s+/)) {
-                        if (c) {
-                          collectedClasses.add(c);
-                        }
-                      }
-                      path.node.name.name = "className";
-                      path.node.value = createMergedClassNameValue(t.stringLiteral(className));
-                      Object.entries(attributes).forEach(([key, val]) => {
-                        if (path.parentPath?.isJSXOpeningElement()) {
-                          if (key === "style") {
-                            const newProps = parseStyleStringToObjectExpr(val).properties;
-                            mergeAndInjectStyle(newProps);
-                          } else {
-                            path.parentPath.node.attributes.push(
-                              t.jsxAttribute(
-                                t.jsxIdentifier(key),
-                                t.stringLiteral(val)
-                              )
-                            );
-                          }
-                        }
-                      });
-                      transformed = true;
-                      return;
-                    }
-                    const hoisted = tryHoistConditionalSpread(expression, getBinding);
-                    if (hoisted !== null) {
-                      path.node.name.name = "className";
-                      path.node.value = createMergedClassNameValue(hoisted);
-                      collectFromExpr(hoisted, collectedClasses);
-                      transformed = true;
-                      return;
-                    }
-                    const partial = evaluatePartialObject(flatExpression);
-                    if (partial !== null && !partial.hasSpread && (partial.dynamicProps.size > 0 || partial.conditionalClasses.length > 0)) {
-                      const staticClasses = [];
-                      if (Object.keys(partial.staticProps).length > 0) {
-                        const { className: sc } = transform(partial.staticProps);
-                        if (sc) {
-                          staticClasses.push(sc);
-                        }
-                      }
-                      const cssVarClasses = [];
-                      const styleProps = [];
-                      for (const [, info] of partial.dynamicProps) {
-                        if (!info.skipClass) {
-                          cssVarClasses.push(buildCSSVarClassName(info));
-                        }
-                        styleProps.push(
-                          t.objectProperty(
-                            t.stringLiteral(info.varName),
-                            generateStyleValueExpression(info)
-                          )
-                        );
-                      }
-                      const baseClasses = [...staticClasses, ...partial.rawClasses, ...cssVarClasses].join(" ");
-                      for (const c of baseClasses.split(/\s+/)) {
-                        if (c) {
-                          collectedClasses.add(c);
-                        }
-                      }
-                      for (const cc of partial.conditionalClasses) {
-                        for (const c of cc.consequent.split(/\s+/)) {
-                          if (c) {
-                            collectedClasses.add(c);
-                          }
-                        }
-                        for (const c of cc.alternate.split(/\s+/)) {
-                          if (c) {
-                            collectedClasses.add(c);
-                          }
-                        }
-                      }
-                      const classExpr = partial.conditionalClasses.length > 0 ? buildConditionalClassExpr(baseClasses, partial.conditionalClasses) : t.stringLiteral(baseClasses);
-                      path.node.name.name = "className";
-                      path.node.value = createMergedClassNameValue(classExpr);
-                      mergeAndInjectStyle(styleProps);
-                      if (partial.usesColorVar) {
-                        usesColorVar = true;
-                      }
-                      transformed = true;
-                      return;
-                    }
-                  }
-                  if (t.isIdentifier(expression) && !t.isJSXEmptyExpression(expression)) {
-                    const binding = path.scope.getBinding(expression.name);
-                    if (binding && binding.path.isVariableDeclarator()) {
-                      const init2 = binding.path.node.init;
-                      if (init2) {
-                        const gbIdent = (name) => path.scope.getBinding(name);
-                        const resolved = tryStaticTransformNode(init2, gbIdent);
-                        if (resolved !== null) {
-                          path.node.name.name = "className";
-                          if (t.isStringLiteral(resolved)) {
-                            path.node.value = createMergedClassNameValue(resolved);
-                            for (const c of resolved.value.split(/\s+/)) {
-                              if (c) {
-                                collectedClasses.add(c);
-                              }
-                            }
-                          } else {
-                            path.node.value = createMergedClassNameValue(resolved);
-                            collectFromExpr(resolved, collectedClasses);
-                          }
-                          transformed = true;
-                          return;
-                        }
-                      }
-                    }
-                  }
-                  if (t.isConditionalExpression(expression)) {
-                    const gbCond = (name) => path.scope.getBinding(name);
-                    const resolved = tryStaticTransformNode(expression, gbCond);
-                    if (resolved !== null) {
-                      path.node.name.name = "className";
-                      if (t.isStringLiteral(resolved)) {
-                        path.node.value = createMergedClassNameValue(resolved);
-                        for (const c of resolved.value.split(/\s+/)) {
-                          if (c) {
-                            collectedClasses.add(c);
-                          }
-                        }
-                      } else {
-                        path.node.value = createMergedClassNameValue(resolved);
-                        collectFromExpr(resolved, collectedClasses);
-                      }
-                      transformed = true;
-                      return;
-                    }
-                  }
-                  if (t.isArrayExpression(expression)) {
-                    const parts = [];
-                    let hasRuntime = false;
-                    const getBindingForArray = (name) => path.scope.getBinding(name);
-                    for (const element of expression.elements) {
-                      if (element === null) {
-                        continue;
-                      }
-                      if (t.isBooleanLiteral(element) && !element.value) {
-                        continue;
-                      }
-                      if (t.isNullLiteral(element)) {
-                        continue;
-                      }
-                      if (t.isIdentifier(element) && element.name === "undefined") {
-                        continue;
-                      }
-                      if (t.isLogicalExpression(element) && element.operator === "&&") {
-                        const resolved2 = tryStaticTransformNode(element.right, getBindingForArray);
-                        if (resolved2 !== null && t.isStringLiteral(resolved2)) {
-                          if (resolved2.value) {
-                            parts.push(t.logicalExpression("&&", element.left, resolved2));
-                            for (const c of resolved2.value.split(/\s+/)) {
-                              if (c) {
-                                collectedClasses.add(c);
-                              }
-                            }
-                            hasRuntime = true;
-                          }
-                          continue;
-                        }
-                        parts.push(element);
-                        hasRuntime = true;
-                        continue;
-                      }
-                      const resolved = tryStaticTransformNode(element, getBindingForArray);
-                      if (resolved !== null) {
-                        if (t.isStringLiteral(resolved)) {
-                          if (resolved.value) {
-                            parts.push(resolved);
-                            for (const c of resolved.value.split(/\s+/)) {
-                              if (c) {
-                                collectedClasses.add(c);
-                              }
-                            }
-                          }
-                        } else {
-                          parts.push(resolved);
-                          collectFromExpr(resolved, collectedClasses);
-                          hasRuntime = true;
-                        }
-                      } else {
-                        parts.push(element);
-                        hasRuntime = true;
-                      }
-                    }
-                    path.node.name.name = "className";
-                    if (parts.length === 0) {
-                      path.node.value = createMergedClassNameValue(t.stringLiteral(""));
-                    } else if (!hasRuntime) {
-                      const merged = parts.map((p) => p.value).filter(Boolean).join(" ");
-                      path.node.value = createMergedClassNameValue(t.stringLiteral(merged));
-                    } else {
-                      if (existingClassExpr) {
-                        parts.unshift(existingClassExpr);
-                        if (existingClassNameNode && path.parentPath?.isJSXOpeningElement()) {
-                          path.parentPath.node.attributes = path.parentPath.node.attributes.filter(
-                            (a) => a !== existingClassNameNode
-                          );
-                          existingClassNameNode = null;
-                        }
-                      }
-                      const szCall2 = t.callExpression(
-                        t.identifier("_szMerge"),
-                        parts
-                      );
-                      path.node.value = t.jsxExpressionContainer(szCall2);
-                      usesMerge = true;
-                      usesRuntime = true;
-                    }
-                    transformed = true;
-                    return;
-                  }
-                  const loc = expression.loc;
-                  const lineCol = loc ? `${loc.start.line}:${loc.start.column + 1}` : "?";
-                  let reason, suggestion;
-                  if (t.isCallExpression(expression)) {
-                    const callee = expression.callee;
-                    const name = t.isIdentifier(callee) ? callee.name : t.isMemberExpression(callee) && t.isIdentifier(callee.property) ? callee.property.name : "?";
-                    reason = `function call \`${name}()\` result is unknown at build time`;
-                    suggestion = "If it returns static variants \u2192 convert to szv(). If it depends on runtime data \u2192 use dynamic().";
-                  } else if (t.isIdentifier(expression)) {
-                    reason = `identifier \`${expression.name}\` could not be resolved to a static value`;
-                    suggestion = "Make sure it's a module-level or function-body const with a literal object value. For variant-based styling \u2192 szv(). For true runtime values \u2192 dynamic().";
-                  } else if (t.isMemberExpression(expression)) {
-                    reason = "member expression is not statically resolvable";
-                    suggestion = "Extract the value to a module-level const. For variant-based styling \u2192 szv(). For true runtime values \u2192 dynamic().";
-                  } else {
-                    reason = `expression of type \`${expression.type}\` is not statically analyzable`;
-                    suggestion = "Use a literal sz object or a module-level const. For variant-based styling \u2192 szv(). For true runtime values \u2192 dynamic().";
-                  }
-                  diagnostics.push(`sz fallback at ${lineCol}: ${reason}.
-  Suggestion: ${suggestion}`);
-                  path.node.name.name = "className";
-                  const szCall = t.callExpression(
-                    t.identifier("_sz"),
-                    [expression]
-                  );
-                  path.node.value = createMergedClassNameValue(szCall);
-                  usesRuntime = true;
-                  transformed = true;
-                }
-              },
-              // ── szv catalog extraction ────────────────────────────────────────
-              // When the compiler sees `const X = szv({...})` with a static config,
-              // it emits a no-op catalog array so Tailwind JIT can scan all variant
-              // class strings — even when szv is called at runtime with dynamic args.
-              VariableDeclarator(path) {
-                const init2 = path.node.init;
-                if (!t.isCallExpression(init2)) {
-                  return;
-                }
-                if (!t.isIdentifier(init2.callee) || init2.callee.name !== "szv") {
-                  return;
-                }
-                if (init2.arguments.length === 0) {
-                  return;
-                }
-                if (!t.isIdentifier(path.node.id)) {
-                  return;
-                }
-                const configArg = init2.arguments[0];
-                if (!t.isObjectExpression(configArg)) {
-                  return;
-                }
-                const config = evaluateStaticObject(configArg);
-                if (!config) {
-                  return;
-                }
-                const base = config.base ?? {};
-                const variants = config.variants ?? {};
-                const classStrings = [];
-                const baseResult = transform(base);
-                const baseCls = typeof baseResult === "string" ? baseResult : baseResult.className;
-                if (baseCls) {
-                  classStrings.push(baseCls);
-                }
-                for (const variantValues of Object.values(variants)) {
-                  for (const variantObj of Object.values(variantValues)) {
-                    if (!variantObj || typeof variantObj !== "object") {
-                      continue;
-                    }
-                    const merged = { ...base, ...variantObj };
-                    const result2 = transform(merged);
-                    const cls = typeof result2 === "string" ? result2 : result2.className;
-                    if (cls) {
-                      classStrings.push(cls);
-                    }
-                  }
-                }
-                if (classStrings.length === 0) {
-                  return;
-                }
-                for (const combined of classStrings) {
-                  for (const c of combined.split(/\s+/)) {
-                    if (c) {
-                      collectedClasses.add(c);
-                    }
-                  }
-                }
-                const catalogDecl = t.variableDeclaration("const", [
-                  t.variableDeclarator(
-                    t.identifier(`_szv_catalog_${path.node.id.name}`),
-                    t.arrayExpression(classStrings.map((s) => t.stringLiteral(s)))
-                  )
-                ]);
-                const parentPath = path.parentPath;
-                if (parentPath && t.isVariableDeclaration(parentPath.node)) {
-                  parentPath.insertAfter(catalogDecl);
-                  transformed = true;
-                }
-              },
-              // ── dynamic() literal extraction ──────────────────────────────────
-              // Detects `dynamic({...})` and `dynamic(CONST_IDENTIFIER)` calls
-              // with statically-analyzable arguments and adds the resulting
-              // class tokens to collectedClasses so prescanAndWriteClasses()
-              // includes them in csszyx-classes.html for Tailwind to scan.
-              // This means dynamic() with static/const args works in Astro SSR
-              // without needing client:* directives.
-              CallExpression(path) {
-                const callee = path.node.callee;
-                if (!t.isIdentifier(callee) || callee.name !== "dynamic") {
-                  return;
-                }
-                if (path.node.arguments.length === 0) {
-                  return;
-                }
-                const arg = path.node.arguments[0];
-                if (t.isObjectExpression(arg)) {
-                  const staticObj = evaluateStaticObject(arg);
-                  if (!staticObj) {
-                    return;
-                  }
-                  const { className } = transform(staticObj);
-                  for (const c of className.split(/\s+/)) {
-                    if (c) {
-                      collectedClasses.add(c);
-                    }
-                  }
-                  return;
-                }
-                let argExpr = arg;
-                while (t.isTSAsExpression(argExpr) || t.isTSSatisfiesExpression(argExpr)) {
-                  argExpr = argExpr.expression;
-                }
-                if (t.isIdentifier(argExpr)) {
-                  const binding = path.scope.getBinding(argExpr.name);
-                  if (!binding) {
-                    return;
-                  }
-                  const declarator = binding.path.node;
-                  if (!t.isVariableDeclarator(declarator) || !declarator.init) {
-                    return;
-                  }
-                  let initExpr = declarator.init;
-                  while (t.isTSAsExpression(initExpr) || t.isTSSatisfiesExpression(initExpr)) {
-                    initExpr = initExpr.expression;
-                  }
-                  if (!t.isObjectExpression(initExpr)) {
-                    return;
-                  }
-                  const staticObj = evaluateStaticObject(initExpr);
-                  if (!staticObj) {
-                    return;
-                  }
-                  const { className } = transform(staticObj);
-                  for (const c of className.split(/\s+/)) {
-                    if (c) {
-                      collectedClasses.add(c);
-                    }
-                  }
-                }
-              }
-            }
-          };
-        }
-      ]
-    });
-    return {
-      code: result?.code || source,
-      transformed,
-      usesRuntime,
-      usesMerge,
-      usesColorVar,
-      classes: collectedClasses,
-      rawClassNames,
-      diagnostics,
-      recoveryTokens
-    };
-  } catch (e) {
-    if (e instanceof ASTBudgetExceededError) {
-      throw e;
-    }
-    console.warn("[csszyx] AST transform failed, falling back to original code:", e);
-    return { code: source, transformed: false, usesRuntime: false, usesMerge: false, usesColorVar: false, classes: collectedClasses, rawClassNames, diagnostics, recoveryTokens };
-  }
-}
-function parseStyleStringToObjectExpr(styleStr) {
-  const props = styleStr.split(";").map((s) => s.trim()).filter(Boolean);
-  const objProps = [];
-  for (const prop of props) {
-    const idx = prop.indexOf(":");
-    if (idx > -1) {
-      const k = prop.slice(0, idx).trim();
-      const v = prop.slice(idx + 1).trim();
-      let keyNode;
-      if (k.startsWith("--")) {
-        keyNode = t.stringLiteral(k);
-      } else {
-        const camel = k.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-        keyNode = t.identifier(camel);
-      }
-      objProps.push(t.objectProperty(keyNode, t.stringLiteral(v)));
-    }
-  }
-  return t.objectExpression(objProps);
-}
-function tryStaticTransformNode(node, getBinding) {
-  if (t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node)) {
-    return tryStaticTransformNode(node.expression, getBinding);
-  }
-  if (t.isObjectExpression(node)) {
-    const resolved = getBinding ? resolveObjectSpreads(node, getBinding) ?? node : node;
-    const staticObj = evaluateStaticObject(resolved);
-    if (staticObj !== null) {
-      const { className } = transform(staticObj);
-      return t.stringLiteral(className);
-    }
-    if (getBinding) {
-      const hoisted = tryHoistConditionalSpread(node, getBinding);
-      if (hoisted !== null) {
-        return hoisted;
-      }
-    }
-    return null;
-  }
-  if (t.isStringLiteral(node)) {
-    return node;
-  }
-  if (t.isIdentifier(node) && getBinding) {
-    const binding = getBinding(node.name);
-    if (binding && binding.path.isVariableDeclarator()) {
-      const init2 = binding.path.node.init;
-      if (init2) {
-        return tryStaticTransformNode(init2, getBinding);
-      }
-    }
-    return null;
-  }
-  if (t.isConditionalExpression(node)) {
-    const consequent = tryStaticTransformNode(node.consequent, getBinding);
-    const alternate = tryStaticTransformNode(node.alternate, getBinding);
-    if (consequent !== null && alternate !== null) {
-      return t.conditionalExpression(node.test, consequent, alternate);
-    }
-    return null;
-  }
-  return null;
-}
-function tryHoistConditionalSpread(node, getBinding) {
-  let conditionalSpreadIdx = -1;
-  let conditionalExpr = null;
-  for (let i = 0; i < node.properties.length; i++) {
-    const prop = node.properties[i];
-    if (!t.isSpreadElement(prop)) {
-      continue;
-    }
-    if (t.isConditionalExpression(prop.argument)) {
-      if (conditionalSpreadIdx !== -1) {
-        return null;
-      }
-      conditionalSpreadIdx = i;
-      conditionalExpr = prop.argument;
-    } else {
-      return null;
-    }
-  }
-  if (conditionalSpreadIdx === -1 || conditionalExpr === null) {
-    return null;
-  }
-  const otherProps = node.properties.filter((_, i) => i !== conditionalSpreadIdx);
-  const mkObj = (branch) => t.objectExpression([t.spreadElement(branch), ...otherProps]);
-  const resolvedA = tryStaticTransformNode(mkObj(conditionalExpr.consequent), getBinding);
-  const resolvedB = tryStaticTransformNode(mkObj(conditionalExpr.alternate), getBinding);
-  if (!resolvedA || !resolvedB) {
-    return null;
-  }
-  if (!t.isStringLiteral(resolvedA) || !t.isStringLiteral(resolvedB)) {
-    return null;
-  }
-  return t.conditionalExpression(conditionalExpr.test, resolvedA, resolvedB);
-}
-function evaluateStaticObject(node) {
-  const result = {};
-  for (const prop of node.properties) {
-    if (!t.isObjectProperty(prop)) {
-      return null;
-    }
-    if (prop.computed) {
-      return null;
-    }
-    let key;
-    if (t.isIdentifier(prop.key)) {
-      key = prop.key.name;
-    } else if (t.isStringLiteral(prop.key)) {
-      key = prop.key.value;
-    } else if (t.isNumericLiteral(prop.key)) {
-      key = String(prop.key.value);
-    } else {
-      return null;
-    }
-    const value = prop.value;
-    if (t.isStringLiteral(value)) {
-      result[key] = value.value;
-    } else if (t.isNumericLiteral(value)) {
-      result[key] = value.value;
-    } else if (t.isBooleanLiteral(value)) {
-      result[key] = value.value;
-    } else if (t.isUnaryExpression(value) && value.operator === "-" && t.isNumericLiteral(value.argument)) {
-      result[key] = -value.argument.value;
-    } else if (t.isObjectExpression(value)) {
-      const nested = evaluateStaticObject(value);
-      if (nested === null) {
-        return null;
-      }
-      result[key] = nested;
-    } else {
-      return null;
-    }
-  }
-  return result;
-}
-function resolveObjectSpreads(node, getBinding) {
-  const newProps = [];
-  for (const prop of node.properties) {
-    if (!t.isSpreadElement(prop)) {
-      if (t.isObjectProperty(prop) && t.isObjectExpression(prop.value)) {
-        const resolvedValue = resolveObjectSpreads(prop.value, getBinding);
-        if (resolvedValue === null) {
-          return null;
-        }
-        newProps.push(t.objectProperty(prop.key, resolvedValue, prop.computed, prop.shorthand));
-      } else {
-        newProps.push(prop);
-      }
-      continue;
-    }
-    const arg = prop.argument;
-    if (!t.isIdentifier(arg)) {
-      return null;
-    }
-    const binding = getBinding(arg.name);
-    if (!binding || !binding.path.isVariableDeclarator()) {
-      return null;
-    }
-    let init2 = binding.path.node.init;
-    if (t.isTSAsExpression(init2) || t.isTSSatisfiesExpression(init2)) {
-      init2 = init2.expression;
-    }
-    if (!t.isObjectExpression(init2)) {
-      return null;
-    }
-    const inner = resolveObjectSpreads(init2, getBinding);
-    if (inner === null) {
-      return null;
-    }
-    newProps.push(...inner.properties);
-  }
-  return t.objectExpression(newProps);
-}
-function extractStaticLiteralValue(node) {
-  if (t.isStringLiteral(node)) {
-    return node.value;
-  }
-  if (t.isNumericLiteral(node)) {
-    return node.value;
-  }
-  if (t.isBooleanLiteral(node)) {
-    return node.value;
-  }
-  if (t.isUnaryExpression(node) && node.operator === "-" && t.isNumericLiteral(node.argument)) {
-    return -node.argument.value;
-  }
-  return null;
-}
-function buildConditionalClassExpr(baseClasses, conditionalClasses) {
-  if (conditionalClasses.length === 0) {
-    return t.stringLiteral(baseClasses);
-  }
-  const makeCondExpr = (cc) => t.conditionalExpression(cc.test, t.stringLiteral(cc.consequent), t.stringLiteral(cc.alternate));
-  if (conditionalClasses.length === 1 && !baseClasses) {
-    return makeCondExpr(conditionalClasses[0]);
-  }
-  const quasis = [];
-  const exprs = [];
-  for (let i = 0; i < conditionalClasses.length; i++) {
-    const prefix = i === 0 ? baseClasses ? baseClasses + " " : "" : " ";
-    quasis.push(t.templateElement({ raw: prefix, cooked: prefix }, false));
-    exprs.push(makeCondExpr(conditionalClasses[i]));
-  }
-  quasis.push(t.templateElement({ raw: "", cooked: "" }, true));
-  return t.templateLiteral(quasis, exprs);
-}
-function evaluatePartialObject(node, variantChain = "") {
-  const staticProps = {};
-  const dynamicProps = /* @__PURE__ */ new Map();
-  const rawClasses = [];
-  const conditionalClasses = [];
-  let usesColorVar = false;
-  for (const prop of node.properties) {
-    if (t.isSpreadElement(prop)) {
-      return null;
-    }
-    if (!t.isObjectProperty(prop)) {
-      return null;
-    }
-    if (prop.computed) {
-      return null;
-    }
-    let key;
-    if (t.isIdentifier(prop.key)) {
-      key = prop.key.name;
-    } else if (t.isStringLiteral(prop.key)) {
-      key = prop.key.value;
-    } else if (t.isNumericLiteral(prop.key)) {
-      key = String(prop.key.value);
-    } else {
-      return null;
-    }
-    const value = prop.value;
-    if (t.isStringLiteral(value)) {
-      staticProps[key] = value.value;
-    } else if (t.isNumericLiteral(value)) {
-      staticProps[key] = value.value;
-    } else if (t.isBooleanLiteral(value)) {
-      staticProps[key] = value.value;
-    } else if (t.isUnaryExpression(value) && value.operator === "-" && t.isNumericLiteral(value.argument)) {
-      staticProps[key] = -value.argument.value;
-    } else if (t.isObjectExpression(value)) {
-      const nested = evaluateStaticObject(value);
-      if (nested !== null) {
-        staticProps[key] = nested;
-      } else {
-        const colorObjProps = /* @__PURE__ */ new Map();
-        for (const p of value.properties) {
-          if (t.isObjectProperty(p) && !p.computed && t.isIdentifier(p.key)) {
-            colorObjProps.set(p.key.name, p);
-          }
-        }
-        if (colorObjProps.has("color") && COLOR_PROPERTIES.has(key)) {
-          const colorProp = colorObjProps.get("color");
-          if (!colorProp) {
-            continue;
-          }
-          const opProp = colorObjProps.get("op");
-          const twPrefix = PROPERTY_MAP[key] || key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-          let colorStr = null;
-          if (t.isStringLiteral(colorProp.value)) {
-            colorStr = colorProp.value.value;
-          }
-          if (colorStr && opProp) {
-            const opVarName = getCSSVariableName(`${key}-op`, variantChain || void 0);
-            const uniqueKey = variantChain ? `${variantChain}-${key}-op` : `${key}-op`;
-            if (t.isStringLiteral(opProp.value) || t.isNumericLiteral(opProp.value)) {
-              const opVal = t.isStringLiteral(opProp.value) ? opProp.value.value : opProp.value.value;
-              staticProps[key] = { color: colorStr, op: opVal };
-            } else if (t.isExpression(opProp.value)) {
-              const variantPfx = variantChain ? `${variantChain}:` : "";
-              rawClasses.push(`${variantPfx}${twPrefix}-${colorStr}/(${opVarName})`);
-              dynamicProps.set(uniqueKey, {
-                expression: opProp.value,
-                category: 3 /* UNITLESS */,
-                varName: opVarName,
-                twPrefix: `${twPrefix}-op`,
-                variantChain: variantChain || "",
-                skipClass: true
-              });
-            }
-          } else if (!colorStr && opProp) {
-            const varName = getCSSVariableName(key, variantChain || void 0);
-            const uniqueKey = variantChain ? `${variantChain}-${key}` : key;
-            usesColorVar = true;
-            dynamicProps.set(uniqueKey, {
-              expression: t.isExpression(colorProp.value) ? colorProp.value : t.stringLiteral(""),
-              category: 1 /* COLOR */,
-              varName,
-              twPrefix,
-              variantChain: variantChain || ""
-            });
-          } else if (colorStr && !opProp) {
-            staticProps[key] = colorStr;
-          }
-        } else {
-          const isVariant = KNOWN_VARIANTS.has(key) || KNOWN_VARIANTS.has(getVariantPrefix(key));
-          if (isVariant) {
-            const variantKey = variantChain ? `${variantChain}-${key}` : key;
-            const nestedResult = evaluatePartialObject(value, variantKey);
-            if (nestedResult === null) {
-              return null;
-            }
-            if (Object.keys(nestedResult.staticProps).length > 0) {
-              staticProps[key] = nestedResult.staticProps;
-            }
-            for (const [k, v] of nestedResult.dynamicProps) {
-              dynamicProps.set(k, v);
-            }
-            rawClasses.push(...nestedResult.rawClasses);
-            conditionalClasses.push(...nestedResult.conditionalClasses);
-            if (nestedResult.usesColorVar) {
-              usesColorVar = true;
-            }
-          } else {
-            return null;
-          }
-        }
-      }
-    } else if (t.isConditionalExpression(value)) {
-      const consVal = extractStaticLiteralValue(value.consequent);
-      const altVal = extractStaticLiteralValue(value.alternate);
-      if (consVal !== null && altVal !== null) {
-        const { className: classA } = transform({ [key]: consVal });
-        const { className: classB } = transform({ [key]: altVal });
-        const vPfx = variantChain ? getVariantPrefix(variantChain) + ":" : "";
-        const prefixed = (cls) => vPfx ? cls.split(/\s+/).filter(Boolean).map((c) => vPfx + c).join(" ") : cls;
-        conditionalClasses.push({ test: value.test, consequent: prefixed(classA), alternate: prefixed(classB) });
-      } else {
-        const twPrefix = PROPERTY_MAP[key] || key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-        const category = getPropertyCategory(key);
-        const varName = getCSSVariableName(key, variantChain || void 0);
-        const uniqueKey = variantChain ? `${variantChain}-${key}` : key;
-        if (COLOR_PROPERTIES.has(key)) {
-          usesColorVar = true;
-        }
-        dynamicProps.set(uniqueKey, { expression: value, category, varName, twPrefix, variantChain: variantChain || "" });
-      }
-    } else if (t.isExpression(value)) {
-      const twPrefix = PROPERTY_MAP[key] || key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-      const category = getPropertyCategory(key);
-      const varName = getCSSVariableName(key, variantChain || void 0);
-      const uniqueKey = variantChain ? `${variantChain}-${key}` : key;
-      if (COLOR_PROPERTIES.has(key)) {
-        usesColorVar = true;
-      }
-      dynamicProps.set(uniqueKey, {
-        expression: value,
-        category,
-        varName,
-        twPrefix,
-        variantChain: variantChain || ""
-      });
-    } else {
-      return null;
-    }
-  }
-  return { staticProps, dynamicProps, rawClasses, conditionalClasses, hasSpread: false, usesColorVar };
-}
-function generateStyleValueExpression(info) {
-  const { expression, category } = info;
-  switch (category) {
-    case 0 /* SPACING */:
-      return t.templateLiteral(
-        [
-          t.templateElement({ raw: "calc(", cooked: "calc(" }, false),
-          t.templateElement({ raw: " * var(--spacing))", cooked: " * var(--spacing))" }, true)
-        ],
-        [expression]
-      );
-    case 1 /* COLOR */:
-      return t.callExpression(
-        t.identifier("__szColorVar"),
-        [expression]
-      );
-    case 4 /* ANGLE */:
-      return t.templateLiteral(
-        [
-          t.templateElement({ raw: "", cooked: "" }, false),
-          t.templateElement({ raw: "deg", cooked: "deg" }, true)
-        ],
-        [expression]
-      );
-    case 5 /* DURATION */:
-      return t.templateLiteral(
-        [
-          t.templateElement({ raw: "", cooked: "" }, false),
-          t.templateElement({ raw: "ms", cooked: "ms" }, true)
-        ],
-        [expression]
-      );
-    case 3 /* UNITLESS */:
-    case 7 /* PASSTHROUGH */:
-    case 2 /* FRACTION */:
-    case 6 /* ARBITRARY */:
-    default:
-      return t.templateLiteral(
-        [
-          t.templateElement({ raw: "", cooked: "" }, false),
-          t.templateElement({ raw: "", cooked: "" }, true)
-        ],
-        [expression]
-      );
-  }
-}
-function collectFromExpr(node, classes) {
-  if (t.isStringLiteral(node)) {
-    for (const c of node.value.split(/\s+/)) {
-      if (c) {
-        classes.add(c);
-      }
-    }
-  } else if (t.isConditionalExpression(node)) {
-    collectFromExpr(node.consequent, classes);
-    collectFromExpr(node.alternate, classes);
-  }
-}
-function buildCSSVarClassName(info) {
-  const { twPrefix, varName, variantChain } = info;
-  const variantPrefix = variantChain ? `${getVariantPrefix(variantChain)}:` : "";
-  return `${variantPrefix}${twPrefix}-(${varName})`;
-}
-
-// src/compiler.ts
-var CsszyxCompiler = class _CsszyxCompiler {
-  /**
-   * Private constructor to enforce singleton pattern.
-   */
-  constructor() {
-    this.wasmLoaded = false;
-  }
-  /**
-   * Gets the singleton instance of the compiler.
-   *
-   * @returns {CsszyxCompiler} The compiler instance.
-   */
-  static getInstance() {
-    if (!_CsszyxCompiler.instance) {
-      _CsszyxCompiler.instance = new _CsszyxCompiler();
-    }
-    return _CsszyxCompiler.instance;
-  }
-  /**
-   * Initializes the WASM core.
-   *
-   * @returns {Promise<void>} Resolves when WASM is ready.
-   */
-  async init() {
-    if (this.wasmLoaded) {
-      return;
-    }
-    try {
-      init();
-      this.wasmLoaded = true;
-      console.info(`[csszyx] WASM Core initialized (v${getWasmVersion()})`);
-    } catch (error) {
-      console.warn(
-        "[csszyx] Failed to initialize WASM core, falling back to JavaScript transformer",
-        error
-      );
-      this.wasmLoaded = false;
-    }
-  }
-  /**
-   * Transforms an sz object into Tailwind classes.
-   *
-   * @param {SzObject} sz - The object to transform.
-   * @returns {string} The transformed class string.
-   */
-  transform(sz) {
-    if (this.wasmLoaded) {
-      const cleaned = stripInvalidColorStrings(sz);
-      try {
-        return transform_sz(cleaned);
-      } catch (error) {
-        console.warn(
-          "[csszyx] WASM transformation failed, using JS fallback",
-          error
-        );
-        return transform(sz).className;
-      }
-    }
-    return transform(sz).className;
-  }
-  /**
-   * Checks if the WASM core is currently active.
-   *
-   * @returns {boolean} True if WASM is loaded.
-   */
-  isWasmActive() {
-    return this.wasmLoaded;
-  }
-  /**
-   * Generates a recovery token using WASM or JS fallback.
-   *
-   * @param {object} metadata - Token metadata
-   * @param metadata.component - Component name
-   * @param metadata.filePath - File path source
-   * @param metadata.line - Line number
-   * @param metadata.column - Column number
-   * @param metadata.mode - Build mode (dev/prod)
-   * @param metadata.buildId - Unique build identifier
-   * @returns {string} The generated token
-   */
-  generateRecoveryToken(metadata) {
-    if (this.wasmLoaded) {
-      try {
-        const { generate_token } = __require("@csszyx/core");
-        return generate_token(
-          metadata.component,
-          metadata.filePath,
-          metadata.line,
-          metadata.column,
-          metadata.mode,
-          metadata.buildId
-        );
-      } catch (error) {
-        console.warn("[csszyx] WASM token generation failed", error);
-      }
-    }
-    const str = `${metadata.component}:${metadata.filePath}:${metadata.line}:${metadata.column}:${metadata.mode}:${metadata.buildId}`;
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-      hash = (hash << 5) - hash + str.charCodeAt(i) | 0;
-    }
-    return Math.abs(hash).toString(16).padStart(12, "0").slice(0, 12);
-  }
-};
-
-// src/recovery.ts
-function isValidRecoveryMode(value) {
-  return value === "csr" || value === "dev-only";
-}
-function generateRecoveryToken(metadata) {
-  return CsszyxCompiler.getInstance().generateRecoveryToken(metadata);
-}
-function createRecoveryToken(metadata, buildId) {
-  const fullMetadata = {
-    ...metadata,
-    buildId
-  };
-  const token = generateRecoveryToken(fullMetadata);
-  return {
-    token,
-    metadata: fullMetadata
-  };
-}
-function validateSzRecover(value, componentName) {
-  if (!isValidRecoveryMode(value)) {
-    return {
-      valid: false,
-      error: `szRecover in ${componentName} must be static literal "csr" or "dev-only", got: ${JSON.stringify(value)}`
-    };
-  }
-  return { valid: true };
-}
-function injectRecoveryToken(attributes, token) {
-  return {
-    ...attributes,
-    "data-sz-recovery-token": token
-  };
-}
-
-// src/manifest.ts
-import { createHash as createHash2 } from "crypto";
-var ManifestBuilder = class {
-  /**
-   * Creates a new manifest builder.
-   *
-   * @param {string} buildId - Build ID (git hash or timestamp)
-   *
-   * @example
-   * ```typescript
-   * const builder = new ManifestBuilder('abc123');
-   * ```
-   */
-  constructor(buildId) {
-    this.tokens = /* @__PURE__ */ new Map();
-    this.buildId = buildId;
-  }
-  /**
-   * Adds a token to the manifest.
-   *
-   * @param {string} token - The recovery token
-   * @param {TokenMetadata} metadata - Token metadata
-   *
-   * @example
-   * ```typescript
-   * builder.addToken('a94f1c2e8b3d', {
-   *     mode: 'csr',
-   *     component: 'Button',
-   *     filePath: '/app/Button.tsx',
-   *     line: 10,
-   *     column: 5,
-   *     buildId: 'abc123'
-   * });
-   * ```
-   */
-  addToken(token, metadata) {
-    const relativePath = this.toRelativePath(metadata.filePath);
-    this.tokens.set(token, {
-      mode: metadata.mode,
-      component: metadata.component,
-      path: relativePath
-    });
-  }
-  /**
-   * Converts absolute path to relative path.
-   *
-   * @param {string} absolutePath - Absolute file path
-   * @returns {string} Relative path
-   */
-  toRelativePath(absolutePath) {
-    if (absolutePath.startsWith("/")) {
-      const parts = absolutePath.split("/");
-      const rootIndex = parts.findIndex(
-        (p) => p === "src" || p === "app" || p === "components"
-      );
-      if (rootIndex > 0) {
-        return parts.slice(rootIndex).join("/");
-      }
-    }
-    return absolutePath;
-  }
-  /**
-   * Computes checksum of the tokens object.
-   *
-   * @param {Record<string, TokenData>} tokens - Tokens object
-   * @returns {string} SHA-256 checksum
-   */
-  computeChecksum(tokens) {
-    const sortedKeys = Object.keys(tokens).sort();
-    const sortedTokens = {};
-    for (const key of sortedKeys) {
-      sortedTokens[key] = tokens[key];
-    }
-    const content = JSON.stringify(sortedTokens);
-    return createHash2("sha256").update(content).digest("hex");
-  }
-  /**
-   * Builds the final recovery manifest.
-   *
-   * @returns {RecoveryManifest} The complete recovery manifest
-   *
-   * @example
-   * ```typescript
-   * const manifest = builder.build();
-   * // Returns: { buildId: 'abc123', checksum: '...', tokens: {...} }
-   * ```
-   */
-  build() {
-    const tokensObject = {};
-    for (const [token, data] of this.tokens.entries()) {
-      tokensObject[token] = data;
-    }
-    const checksum = this.computeChecksum(tokensObject);
-    return {
-      buildId: this.buildId,
-      checksum,
-      tokens: tokensObject
-    };
-  }
-  /**
-   * Gets the number of tokens in the manifest.
-   *
-   * @returns {number} Token count
-   */
-  size() {
-    return this.tokens.size;
-  }
-  /**
-   * Checks if a token exists in the manifest.
-   *
-   * @param {string} token - Token to check
-   * @returns {boolean} True if token exists
-   */
-  hasToken(token) {
-    return this.tokens.has(token);
-  }
-  /**
-   * Clears all tokens from the manifest.
-   */
-  clear() {
-    this.tokens.clear();
-  }
-};
-function serializeManifest(manifest, pretty = false) {
-  return JSON.stringify(manifest, null, pretty ? 2 : 0);
-}
-function parseManifest(json) {
-  const parsed = JSON.parse(json);
-  if (!parsed.buildId || !parsed.checksum || !parsed.tokens) {
-    throw new Error("Invalid recovery manifest format");
-  }
-  return parsed;
-}
-function validateManifest(manifest) {
-  if (!manifest || typeof manifest !== "object") {
-    return { valid: false, error: "Manifest must be an object" };
-  }
-  const m = manifest;
-  if (typeof m.buildId !== "string") {
-    return { valid: false, error: "buildId must be a string" };
-  }
-  if (typeof m.checksum !== "string") {
-    return { valid: false, error: "checksum must be a string" };
-  }
-  if (!m.tokens || typeof m.tokens !== "object") {
-    return { valid: false, error: "tokens must be an object" };
-  }
-  return { valid: true };
-}
-
-// src/hoisting.ts
-import * as t2 from "@babel/types";
-function findLCA(nodeA, nodeB, parentMap) {
-  const ancestorsA = /* @__PURE__ */ new Set();
-  let current = nodeA;
-  while (current) {
-    ancestorsA.add(current);
-    current = parentMap.get(current);
-  }
-  current = nodeB;
-  while (current) {
-    if (ancestorsA.has(current) && t2.isJSXOpeningElement(current) && current !== nodeA && current !== nodeB) {
-      return current;
-    }
-    current = parentMap.get(current);
-  }
-  return null;
-}
-function isFragment(node) {
-  if (t2.isJSXIdentifier(node.name)) {
-    return node.name.name === "Fragment";
-  }
-  if (t2.isJSXMemberExpression(node.name)) {
-    return t2.isJSXIdentifier(node.name.property) && node.name.property.name === "Fragment";
-  }
-  return false;
-}
-function removeStyleVar(element, varName) {
-  for (const attr of element.attributes) {
-    if (!t2.isJSXAttribute(attr)) {
-      continue;
-    }
-    if (!t2.isJSXIdentifier(attr.name) || attr.name.name !== "style") {
-      continue;
-    }
-    if (!t2.isJSXExpressionContainer(attr.value)) {
-      continue;
-    }
-    const styleObj = attr.value.expression;
-    if (!t2.isObjectExpression(styleObj)) {
-      continue;
-    }
-    styleObj.properties = styleObj.properties.filter((prop) => {
-      if (!t2.isObjectProperty(prop)) {
-        return true;
-      }
-      if (t2.isStringLiteral(prop.key)) {
-        return prop.key.value !== varName;
-      }
-      return true;
-    });
-    if (styleObj.properties.length === 0) {
-      const idx = element.attributes.indexOf(attr);
-      if (idx !== -1) {
-        element.attributes.splice(idx, 1);
-      }
-    }
-    break;
-  }
-}
-function addStyleVar(element, varName, valueExpr) {
-  for (const attr of element.attributes) {
-    if (!t2.isJSXAttribute(attr)) {
-      continue;
-    }
-    if (!t2.isJSXIdentifier(attr.name) || attr.name.name !== "style") {
-      continue;
-    }
-    if (!t2.isJSXExpressionContainer(attr.value)) {
-      continue;
-    }
-    const styleObj = attr.value.expression;
-    if (!t2.isObjectExpression(styleObj)) {
-      continue;
-    }
-    const existing = styleObj.properties.find(
-      (prop) => t2.isObjectProperty(prop) && t2.isStringLiteral(prop.key) && prop.key.value === varName
-    );
-    if (!existing) {
-      styleObj.properties.push(
-        t2.objectProperty(t2.stringLiteral(varName), valueExpr)
-      );
-    }
-    return;
-  }
-  element.attributes.push(
-    t2.jsxAttribute(
-      t2.jsxIdentifier("style"),
-      t2.jsxExpressionContainer(
-        t2.objectExpression([
-          t2.objectProperty(t2.stringLiteral(varName), valueExpr)
-        ])
-      )
-    )
-  );
-}
-function hoistCSSVariables(usages, parentMap) {
-  if (usages.length < 2) {
-    return;
-  }
-  const groups = /* @__PURE__ */ new Map();
-  for (const usage of usages) {
-    if (usage.serializedValue === null) {
-      continue;
-    }
-    const groupKey = `${usage.varName}::${usage.serializedValue}`;
-    const group = groups.get(groupKey) || [];
-    group.push(usage);
-    groups.set(groupKey, group);
-  }
-  for (const [, group] of groups) {
-    if (group.length < 2) {
-      continue;
-    }
-    let lca = group[0].element;
-    for (let i = 1; i < group.length; i++) {
-      const newLca = findLCA(lca, group[i].element, parentMap);
-      if (newLca === null || isFragment(newLca)) {
-        lca = null;
-        break;
-      }
-      lca = newLca;
-    }
-    if (!lca) {
-      continue;
-    }
-    addStyleVar(lca, group[0].varName, group[0].valueExpr);
-    for (const usage of group) {
-      removeStyleVar(usage.element, usage.varName);
-    }
-  }
-}
-function buildParentMap(ast) {
-  const map = /* @__PURE__ */ new Map();
-  function traverse2(node, parent) {
-    if (parent) {
-      map.set(node, parent);
-    }
-    for (const key of Object.keys(node)) {
-      const value = node[key];
-      if (value && typeof value === "object") {
-        if (Array.isArray(value)) {
-          for (const item of value) {
-            if (item && typeof item === "object" && "type" in item) {
-              traverse2(item, node);
-            }
-          }
-        } else if ("type" in value) {
-          traverse2(value, node);
-        }
-      }
-    }
-  }
-  traverse2(ast);
-  return map;
-}
-
-// src/index.ts
-var VERSION = "0.0.0";
-var DEFAULT_COMPILER_OPTIONS = {
-  buildId: Date.now().toString(),
-  development: process.env.NODE_ENV !== "production",
-  strictMode: false
-};
-function mergeOptions(options = {}) {
-  return {
-    ...DEFAULT_COMPILER_OPTIONS,
-    ...options
-  };
-}
-export {
-  BOOLEAN_SHORTHANDS,
-  COLOR_PROPERTIES,
-  CsszyxCompiler,
-  DEFAULT_COMPILER_OPTIONS,
-  KNOWN_VARIANTS,
-  ManifestBuilder,
-  PROPERTY_CATEGORY_MAP,
-  PROPERTY_MAP,
-  PropertyCategory,
-  SUGGESTION_MAP,
-  VERSION,
-  buildParentMap,
-  createRecoveryToken,
-  generateRecoveryToken,
-  getCSSVariableName,
-  getPropertyCategory,
-  hoistCSSVariables,
-  injectRecoveryToken,
-  isValidRecoveryMode,
-  isValidSzProp,
-  mergeOptions,
-  normalizeClassName,
-  parseManifest,
-  serializeManifest,
-  transform,
-  transformSourceCode,
-  validateManifest,
-  validateSzRecover
-};
+exports.BOOLEAN_SHORTHANDS = BOOLEAN_SHORTHANDS;
+exports.COLOR_PROPERTIES = COLOR_PROPERTIES;
+exports.KNOWN_VARIANTS = KNOWN_VARIANTS;
+exports.PROPERTY_CATEGORY_MAP = PROPERTY_CATEGORY_MAP;
+exports.PROPERTY_MAP = PROPERTY_MAP;
+exports.PropertyCategory = PropertyCategory;
+exports.SUGGESTION_MAP = SUGGESTION_MAP;
+exports.VARIANT_MAP = VARIANT_MAP;
+exports.getCSSVariableName = getCSSVariableName;
+exports.getPropertyCategory = getPropertyCategory;
+exports.getVariantPrefix = getVariantPrefix;
+exports.isValidSzProp = isValidSzProp;
+exports.normalizeArbitraryValue = normalizeArbitraryValue;
+exports.normalizeArbitraryVariant = normalizeArbitraryVariant;
+exports.normalizeClassName = normalizeClassName;
+exports.stripInvalidColorStrings = stripInvalidColorStrings;
+exports.transform = transform;