@csszyx/runtime 0.9.4 → 0.9.6

package/dist/index.cjs

@@ -257,6 +257,25 @@ function endHydration() {
   }
 }
 
+function transform(szProp) {
+  const res = browser.transform(szProp);
+  const className = res.className;
+  if (!className) {
+    return res;
+  }
+  const globals = globalThis;
+  const ssrMangleMap = globals.__csszyx_ssr_mangle_map || globals.__csszyx?.mangleMap;
+  const browserMangleMap = typeof window !== "undefined" ? window.__csszyx?.mangleMap : void 0;
+  const activeMangleMap = ssrMangleMap || browserMangleMap;
+  if (activeMangleMap) {
+    const mangled = className.split(/\s+/).filter(Boolean).map((c) => activeMangleMap[c] || c).join(" ");
+    return {
+      className: mangled,
+      attributes: res.attributes
+    };
+  }
+  return res;
+}
 function _sz(...classes) {
   if (classes.length === 1) {
     const cls = classes[0];
@@ -266,7 +285,10 @@ function _sz(...classes) {
     if (!cls) {
       return "";
     }
-    const res = browser.transform(cls);
+    if (Array.isArray(cls)) {
+      return _sz(...cls);
+    }
+    const res = transform(cls);
     return typeof res === "string" ? res : res.className;
   }
   let result = "";
@@ -276,7 +298,19 @@ function _sz(...classes) {
     if (!cls) {
       continue;
     }
-    const res = typeof cls === "string" ? cls : browser.transform(cls);
+    if (Array.isArray(cls)) {
+      const str2 = _sz(...cls);
+      if (!str2) {
+        continue;
+      }
+      if (needsSpace) {
+        result += " ";
+      }
+      result += str2;
+      needsSpace = true;
+      continue;
+    }
+    const res = typeof cls === "string" ? cls : transform(cls);
     const str = typeof res === "string" ? res : res.className;
     if (!str) {
       continue;
@@ -297,7 +331,10 @@ function _szIf(condition, truthyValue, falsyValue) {
   if (typeof value === "string") {
     return value;
   }
-  const res = browser.transform(value);
+  if (Array.isArray(value)) {
+    return _sz(...value);
+  }
+  const res = transform(value);
   return typeof res === "string" ? res : res.className;
 }
 function _szSwitch(conditions, defaultValue = "") {
@@ -310,7 +347,10 @@ function _szSwitch(conditions, defaultValue = "") {
       if (typeof value === "string") {
         return value;
       }
-      const res2 = browser.transform(value);
+      if (Array.isArray(value)) {
+        return _sz(...value);
+      }
+      const res2 = transform(value);
       return typeof res2 === "string" ? res2 : res2.className;
     }
   }
@@ -320,7 +360,10 @@ function _szSwitch(conditions, defaultValue = "") {
   if (typeof defaultValue === "string") {
     return defaultValue;
   }
-  const res = browser.transform(defaultValue);
+  if (Array.isArray(defaultValue)) {
+    return _sz(...defaultValue);
+  }
+  const res = transform(defaultValue);
   return typeof res === "string" ? res : res.className;
 }
 function _szMerge(...classes) {
@@ -331,7 +374,22 @@ function _szMerge(...classes) {
     if (!cls) {
       continue;
     }
-    const res = typeof cls === "string" ? cls : browser.transform(cls);
+    if (Array.isArray(cls)) {
+      const str2 = _szMerge(...cls);
+      if (!str2) {
+        continue;
+      }
+      const parts2 = str2.split(/\s+/);
+      for (let j = 0; j < parts2.length; j++) {
+        const part = parts2[j];
+        if (part && !seen.has(part)) {
+          seen.add(part);
+          result.push(part);
+        }
+      }
+      continue;
+    }
+    const res = typeof cls === "string" ? cls : transform(cls);
     const str = typeof res === "string" ? res : res.className;
     if (!str) {
       continue;

package/dist/index.d.cts

@@ -13,9 +13,9 @@ export { __szColorVar } from '@csszyx/compiler/color-var';
  */
 
 /**
- * Type for sz input - can be a pre-compiled string or SzObject.
+ * Type for sz input - can be a pre-compiled string, SzObject, or recursive array.
  */
-type SzInput = string | SzObject | null | undefined | false;
+type SzInput = string | SzObject | SzInput[] | null | undefined | false;
 /**
  * Zero-overhead className passthrough/concatenation helper.
  *

package/dist/index.d.mts

@@ -13,9 +13,9 @@ export { __szColorVar } from '@csszyx/compiler/color-var';
  */
 
 /**
- * Type for sz input - can be a pre-compiled string or SzObject.
+ * Type for sz input - can be a pre-compiled string, SzObject, or recursive array.
  */
-type SzInput = string | SzObject | null | undefined | false;
+type SzInput = string | SzObject | SzInput[] | null | undefined | false;
 /**
  * Zero-overhead className passthrough/concatenation helper.
  *

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { transform } from '@csszyx/compiler/browser';
+import { transform as transform$1 } from '@csszyx/compiler/browser';
 export { __szColorVar } from '@csszyx/compiler/color-var';
 
 function verifyRecoveryToken(element, manifest) {
@@ -255,6 +255,25 @@ function endHydration() {
   }
 }
 
+function transform(szProp) {
+  const res = transform$1(szProp);
+  const className = res.className;
+  if (!className) {
+    return res;
+  }
+  const globals = globalThis;
+  const ssrMangleMap = globals.__csszyx_ssr_mangle_map || globals.__csszyx?.mangleMap;
+  const browserMangleMap = typeof window !== "undefined" ? window.__csszyx?.mangleMap : void 0;
+  const activeMangleMap = ssrMangleMap || browserMangleMap;
+  if (activeMangleMap) {
+    const mangled = className.split(/\s+/).filter(Boolean).map((c) => activeMangleMap[c] || c).join(" ");
+    return {
+      className: mangled,
+      attributes: res.attributes
+    };
+  }
+  return res;
+}
 function _sz(...classes) {
   if (classes.length === 1) {
     const cls = classes[0];
@@ -264,6 +283,9 @@ function _sz(...classes) {
     if (!cls) {
       return "";
     }
+    if (Array.isArray(cls)) {
+      return _sz(...cls);
+    }
     const res = transform(cls);
     return typeof res === "string" ? res : res.className;
   }
@@ -274,6 +296,18 @@ function _sz(...classes) {
     if (!cls) {
       continue;
     }
+    if (Array.isArray(cls)) {
+      const str2 = _sz(...cls);
+      if (!str2) {
+        continue;
+      }
+      if (needsSpace) {
+        result += " ";
+      }
+      result += str2;
+      needsSpace = true;
+      continue;
+    }
     const res = typeof cls === "string" ? cls : transform(cls);
     const str = typeof res === "string" ? res : res.className;
     if (!str) {
@@ -295,6 +329,9 @@ function _szIf(condition, truthyValue, falsyValue) {
   if (typeof value === "string") {
     return value;
   }
+  if (Array.isArray(value)) {
+    return _sz(...value);
+  }
   const res = transform(value);
   return typeof res === "string" ? res : res.className;
 }
@@ -308,6 +345,9 @@ function _szSwitch(conditions, defaultValue = "") {
       if (typeof value === "string") {
         return value;
       }
+      if (Array.isArray(value)) {
+        return _sz(...value);
+      }
       const res2 = transform(value);
       return typeof res2 === "string" ? res2 : res2.className;
     }
@@ -318,6 +358,9 @@ function _szSwitch(conditions, defaultValue = "") {
   if (typeof defaultValue === "string") {
     return defaultValue;
   }
+  if (Array.isArray(defaultValue)) {
+    return _sz(...defaultValue);
+  }
   const res = transform(defaultValue);
   return typeof res === "string" ? res : res.className;
 }
@@ -329,6 +372,21 @@ function _szMerge(...classes) {
     if (!cls) {
       continue;
     }
+    if (Array.isArray(cls)) {
+      const str2 = _szMerge(...cls);
+      if (!str2) {
+        continue;
+      }
+      const parts2 = str2.split(/\s+/);
+      for (let j = 0; j < parts2.length; j++) {
+        const part = parts2[j];
+        if (part && !seen.has(part)) {
+          seen.add(part);
+          result.push(part);
+        }
+      }
+      continue;
+    }
     const res = typeof cls === "string" ? cls : transform(cls);
     const str = typeof res === "string" ? res : res.className;
     if (!str) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/runtime",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "Runtime helpers and hydration guards for csszyx",
   "keywords": [
     "csszyx",
@@ -49,8 +49,8 @@
     "dist"
   ],
   "dependencies": {
-    "@csszyx/compiler": "0.9.4",
-    "@csszyx/core": "0.9.4"
+    "@csszyx/compiler": "0.9.6",
+    "@csszyx/core": "0.9.6"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",