@kbach/react 1.0.0-beta.24 → 1.0.0-beta.26

package/AGENTS.md

@@ -12,6 +12,23 @@ underlying engine is built, see the repo root's
 
 ## 1. Install + wire up the build
 
+```sh
+npx @kbach/cli init
+```
+
+Automates everything below — installs `@kbach/react`, patches
+`vite.config.ts` or `postcss.config.js` via a format-preserving codemod
+(never string templating), and for the PostCSS path ensures the marker
+pair exists in `globals.css`. Safe to re-run at any time (idempotent —
+reports "already wired up" rather than duplicating an entry). See
+[`packages/cli/AGENTS.md`](../cli/AGENTS.md) for exactly what it detects
+and changes, and what it does when a codemod can't safely apply (prints
+the same manual snippet shown below, rather than guessing).
+
+The manual steps below are both the CLI's own fallback and the accurate
+reference for what it actually does — start here if you're wiring this
+up by hand, or the CLI reported it couldn't:
+
 ```sh
 npm install @kbach/react@beta
 ```

package/dist/{chunk-QYTXXF22.mjs → chunk-KTRJZDVE.mjs}

@@ -299,11 +299,28 @@ function splitClassTokens(str) {
   return str.split(/\s+/).filter(Boolean);
 }
 var NOT_A_CLASS_NAME_RE = /[${}]|-$|^[?:&|!"'=<>]+$/;
+function hasUnbracketedParen(token) {
+  let bracketDepth = 0;
+  for (const ch of token) {
+    if (ch === "[") bracketDepth++;
+    else if (ch === "]") bracketDepth = Math.max(0, bracketDepth - 1);
+    else if ((ch === "(" || ch === ")") && bracketDepth === 0) return true;
+  }
+  return false;
+}
 function pushTokens(str, into) {
   for (const tok of splitClassTokens(str)) {
-    if (tok && !NOT_A_CLASS_NAME_RE.test(tok)) into.add(tok);
+    if (tok && !NOT_A_CLASS_NAME_RE.test(tok) && !hasUnbracketedParen(tok)) into.add(tok);
   }
 }
+var JSX_CHILD_CONTEXT_WINDOW = 40;
+var JSX_CHILD_BEFORE_RE = />\s*\{\s*$/;
+var JSX_CHILD_AFTER_RE = /^\s*\}\s*</;
+function isJsxExpressionChildTemplateLiteral(code, matchStart, matchEnd) {
+  const before = code.slice(Math.max(0, matchStart - JSX_CHILD_CONTEXT_WINDOW), matchStart);
+  const after = code.slice(matchEnd, matchEnd + JSX_CHILD_CONTEXT_WINDOW);
+  return JSX_CHILD_BEFORE_RE.test(before) && JSX_CHILD_AFTER_RE.test(after);
+}
 function pushTemplateLiteralBody(body, into) {
   const interpolationRe = /\$\{(?:[^{}]|\{[^{}]*\})*\}/g;
   let im;
@@ -374,7 +391,10 @@ function extractClassStrings(rawCode) {
     if (depth === 0) pushClassLikeStrings(block, found);
   }
   const templateRe = /`([^`]{1,2000})`/g;
-  while ((m = templateRe.exec(code)) !== null) pushTemplateLiteralBody(m[1], found);
+  while ((m = templateRe.exec(code)) !== null) {
+    if (isJsxExpressionChildTemplateLiteral(code, m.index, templateRe.lastIndex)) continue;
+    pushTemplateLiteralBody(m[1], found);
+  }
   return [...found];
 }
 var SKIP_DIRS = /* @__PURE__ */ new Set(["node_modules", "dist", "build", "out", ".next", ".output", ".git", ".svn", ".cache", "coverage"]);

package/dist/postcss-plugin.js

@@ -128,11 +128,28 @@ function splitClassTokens(str) {
   return str.split(/\s+/).filter(Boolean);
 }
 var NOT_A_CLASS_NAME_RE = /[${}]|-$|^[?:&|!"'=<>]+$/;
+function hasUnbracketedParen(token) {
+  let bracketDepth = 0;
+  for (const ch of token) {
+    if (ch === "[") bracketDepth++;
+    else if (ch === "]") bracketDepth = Math.max(0, bracketDepth - 1);
+    else if ((ch === "(" || ch === ")") && bracketDepth === 0) return true;
+  }
+  return false;
+}
 function pushTokens(str, into) {
   for (const tok of splitClassTokens(str)) {
-    if (tok && !NOT_A_CLASS_NAME_RE.test(tok)) into.add(tok);
+    if (tok && !NOT_A_CLASS_NAME_RE.test(tok) && !hasUnbracketedParen(tok)) into.add(tok);
   }
 }
+var JSX_CHILD_CONTEXT_WINDOW = 40;
+var JSX_CHILD_BEFORE_RE = />\s*\{\s*$/;
+var JSX_CHILD_AFTER_RE = /^\s*\}\s*</;
+function isJsxExpressionChildTemplateLiteral(code, matchStart, matchEnd) {
+  const before = code.slice(Math.max(0, matchStart - JSX_CHILD_CONTEXT_WINDOW), matchStart);
+  const after = code.slice(matchEnd, matchEnd + JSX_CHILD_CONTEXT_WINDOW);
+  return JSX_CHILD_BEFORE_RE.test(before) && JSX_CHILD_AFTER_RE.test(after);
+}
 function pushTemplateLiteralBody(body, into) {
   const interpolationRe = /\$\{(?:[^{}]|\{[^{}]*\})*\}/g;
   let im;
@@ -203,7 +220,10 @@ function extractClassStrings(rawCode) {
     if (depth === 0) pushClassLikeStrings(block, found);
   }
   const templateRe = /`([^`]{1,2000})`/g;
-  while ((m = templateRe.exec(code)) !== null) pushTemplateLiteralBody(m[1], found);
+  while ((m = templateRe.exec(code)) !== null) {
+    if (isJsxExpressionChildTemplateLiteral(code, m.index, templateRe.lastIndex)) continue;
+    pushTemplateLiteralBody(m[1], found);
+  }
   return [...found];
 }
 var SKIP_DIRS = /* @__PURE__ */ new Set(["node_modules", "dist", "build", "out", ".next", ".output", ".git", ".svn", ".cache", "coverage"]);
@@ -1251,3 +1271,5 @@ function kbachPostcss(options = {}) {
   };
 }
 kbachPostcss.postcss = true;
+
+module.exports = module.exports.default;

package/dist/postcss-plugin.mjs

@@ -6,7 +6,7 @@ import {
   highlight,
   kbachTag,
   resolveEffectiveTheme
-} from "./chunk-QYTXXF22.mjs";
+} from "./chunk-KTRJZDVE.mjs";
 import "./chunk-43FOLRQA.mjs";
 import "./chunk-OVKVZA7B.mjs";
 

package/dist/vite-plugin.js

@@ -919,11 +919,28 @@ function splitClassTokens(str) {
   return str.split(/\s+/).filter(Boolean);
 }
 var NOT_A_CLASS_NAME_RE = /[${}]|-$|^[?:&|!"'=<>]+$/;
+function hasUnbracketedParen(token) {
+  let bracketDepth = 0;
+  for (const ch of token) {
+    if (ch === "[") bracketDepth++;
+    else if (ch === "]") bracketDepth = Math.max(0, bracketDepth - 1);
+    else if ((ch === "(" || ch === ")") && bracketDepth === 0) return true;
+  }
+  return false;
+}
 function pushTokens(str, into) {
   for (const tok of splitClassTokens(str)) {
-    if (tok && !NOT_A_CLASS_NAME_RE.test(tok)) into.add(tok);
+    if (tok && !NOT_A_CLASS_NAME_RE.test(tok) && !hasUnbracketedParen(tok)) into.add(tok);
   }
 }
+var JSX_CHILD_CONTEXT_WINDOW = 40;
+var JSX_CHILD_BEFORE_RE = />\s*\{\s*$/;
+var JSX_CHILD_AFTER_RE = /^\s*\}\s*</;
+function isJsxExpressionChildTemplateLiteral(code, matchStart, matchEnd) {
+  const before = code.slice(Math.max(0, matchStart - JSX_CHILD_CONTEXT_WINDOW), matchStart);
+  const after = code.slice(matchEnd, matchEnd + JSX_CHILD_CONTEXT_WINDOW);
+  return JSX_CHILD_BEFORE_RE.test(before) && JSX_CHILD_AFTER_RE.test(after);
+}
 function pushTemplateLiteralBody(body, into) {
   const interpolationRe = /\$\{(?:[^{}]|\{[^{}]*\})*\}/g;
   let im;
@@ -994,7 +1011,10 @@ function extractClassStrings(rawCode) {
     if (depth === 0) pushClassLikeStrings(block, found);
   }
   const templateRe = /`([^`]{1,2000})`/g;
-  while ((m = templateRe.exec(code)) !== null) pushTemplateLiteralBody(m[1], found);
+  while ((m = templateRe.exec(code)) !== null) {
+    if (isJsxExpressionChildTemplateLiteral(code, m.index, templateRe.lastIndex)) continue;
+    pushTemplateLiteralBody(m[1], found);
+  }
   return [...found];
 }
 var SKIP_DIRS = /* @__PURE__ */ new Set(["node_modules", "dist", "build", "out", ".next", ".output", ".git", ".svn", ".cache", "coverage"]);

package/dist/vite-plugin.mjs

@@ -5,7 +5,7 @@ import {
   kbach,
   loadConfigFile,
   resolveEffectiveTheme
-} from "./chunk-QYTXXF22.mjs";
+} from "./chunk-KTRJZDVE.mjs";
 import "./chunk-43FOLRQA.mjs";
 import "./chunk-OVKVZA7B.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "1.0.0-beta.24",
+  "version": "1.0.0-beta.26",
   "description": "A utility-first styling engine for React, powered by a real Rust/WASM core — Tailwind CSS v4 feature parity with Kbach's own color palette.",
   "keywords": [
     "css",
@@ -65,7 +65,7 @@
     }
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && node scripts/fix-postcss-cjs-interop.mjs",
     "dev": "tsup --watch",
     "test": "vitest run --passWithNoTests",
     "test:coverage": "vitest run --coverage --passWithNoTests",