@bamboocss/generator 1.48.4 → 1.49.0

package/dist/index.cjs

@@ -471,11 +471,24 @@ function generateCx(ctx) {
 		js: outdent.default`
   ${ctx.file.import("splitProps", "../helpers")}
 
-  function cx(...args) {
-    let str = ''
+  function cx(a, b) {
+    const n = arguments.length
+
+    // \`cx(<compiled class literal>, className)\` is what the transform emits at nearly every
+    // call site it cannot fold, so it is the shape that actually runs per render — a wrapper
+    // forwarding a className down. Answering it here skips the rest-array allocation and the
+    // loop below. \`b\` covers the whole non-string tail \`cx\` ignores (null/undefined/booleans),
+    // which is the \`cond && cls\` idiom when the condition is false.
+    if (n === 2 && typeof a === 'string') {
+      if (typeof b === 'string') return a ? (b ? a + ' ' + b : a) : b
+      if (b == null || b === false || b === true) return a
+    }
 
-    for (let i = 0; i < args.length; i++) {
-      const arg = args[i]
+    let str = ''
+    // \`arguments\` rather than a rest parameter: this is the variadic tail, and allocating an
+    // array per call to iterate it once is the cost the fast path above exists to avoid.
+    for (let i = 0; i < n; i++) {
+      const arg = arguments[i]
       if (!arg) continue
       // Arrays are part of the declared type, so this branch has to handle them.
       // Returning '' for \`cx(['a', 'b'])\` would be a lie.

package/dist/index.mjs

@@ -445,11 +445,24 @@ function generateCx(ctx) {
 		js: outdent$1`
   ${ctx.file.import("splitProps", "../helpers")}
 
-  function cx(...args) {
-    let str = ''
+  function cx(a, b) {
+    const n = arguments.length
+
+    // \`cx(<compiled class literal>, className)\` is what the transform emits at nearly every
+    // call site it cannot fold, so it is the shape that actually runs per render — a wrapper
+    // forwarding a className down. Answering it here skips the rest-array allocation and the
+    // loop below. \`b\` covers the whole non-string tail \`cx\` ignores (null/undefined/booleans),
+    // which is the \`cond && cls\` idiom when the condition is false.
+    if (n === 2 && typeof a === 'string') {
+      if (typeof b === 'string') return a ? (b ? a + ' ' + b : a) : b
+      if (b == null || b === false || b === true) return a
+    }
 
-    for (let i = 0; i < args.length; i++) {
-      const arg = args[i]
+    let str = ''
+    // \`arguments\` rather than a rest parameter: this is the variadic tail, and allocating an
+    // array per call to iterate it once is the cost the fast path above exists to avoid.
+    for (let i = 0; i < n; i++) {
+      const arg = arguments[i]
       if (!arg) continue
       // Arrays are part of the declared type, so this branch has to handle them.
       // Returning '' for \`cx(['a', 'b'])\` would be a lie.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/generator",
-  "version": "1.48.4",
+  "version": "1.49.0",
   "description": "The css generator for css bamboo",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -38,12 +38,12 @@
     "pluralize": "8.0.0",
     "postcss": "8.5.26",
     "ts-pattern": "5.9.0",
-    "@bamboocss/core": "1.48.4",
-    "@bamboocss/is-valid-prop": "^1.48.4",
-    "@bamboocss/logger": "1.48.4",
-    "@bamboocss/shared": "1.48.4",
-    "@bamboocss/token-dictionary": "1.48.4",
-    "@bamboocss/types": "1.48.4"
+    "@bamboocss/core": "1.49.0",
+    "@bamboocss/is-valid-prop": "^1.49.0",
+    "@bamboocss/logger": "1.49.0",
+    "@bamboocss/shared": "1.49.0",
+    "@bamboocss/token-dictionary": "1.49.0",
+    "@bamboocss/types": "1.49.0"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"