@kbach/react 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/index.js

@@ -806,7 +806,7 @@ var warnedMultipleProviders = false;
 function ThemeProvider({ children, defaultMode = "system" }) {
   (0, import_react2.useEffect)(() => {
     mountedProviderCount++;
-    if (mountedProviderCount > 1 && !warnedMultipleProviders) {
+    if (mountedProviderCount > 1 && !warnedMultipleProviders && process.env.NODE_ENV !== "production") {
       warnedMultipleProviders = true;
       console.warn(
         "[kbach] Multiple <ThemeProvider> instances are mounted at once. Dark-mode state is one global store useTheme() reads everywhere, not scoped per-provider, so their defaultMode seeds will fight over the same state."

package/dist/index.mjs

@@ -134,7 +134,7 @@ var warnedMultipleProviders = false;
 function ThemeProvider({ children, defaultMode = "system" }) {
   useEffect(() => {
     mountedProviderCount++;
-    if (mountedProviderCount > 1 && !warnedMultipleProviders) {
+    if (mountedProviderCount > 1 && !warnedMultipleProviders && process.env.NODE_ENV !== "production") {
       warnedMultipleProviders = true;
       console.warn(
         "[kbach] Multiple <ThemeProvider> instances are mounted at once. Dark-mode state is one global store useTheme() reads everywhere, not scoped per-provider, so their defaultMode seeds will fight over the same state."

package/dist/vite-plugin.d.mts

@@ -28,6 +28,7 @@ interface KbachPluginOptions {
      */
     safelist?: string[];
 }
+declare const CSS_SYNC_DEBOUNCE_MS = 50;
 /**
  * Build-time static CSS generation for Vite — scans source files for
  * Kbach class strings, resolves them through the same Rust engine the
@@ -39,4 +40,4 @@ interface KbachPluginOptions {
  */
 declare function kbach(options?: KbachPluginOptions): Plugin;
 
-export { type KbachPluginOptions, kbach };
+export { CSS_SYNC_DEBOUNCE_MS, type KbachPluginOptions, kbach };

package/dist/vite-plugin.d.ts

@@ -28,6 +28,7 @@ interface KbachPluginOptions {
      */
     safelist?: string[];
 }
+declare const CSS_SYNC_DEBOUNCE_MS = 50;
 /**
  * Build-time static CSS generation for Vite — scans source files for
  * Kbach class strings, resolves them through the same Rust engine the
@@ -39,4 +40,4 @@ interface KbachPluginOptions {
  */
 declare function kbach(options?: KbachPluginOptions): Plugin;
 
-export { type KbachPluginOptions, kbach };
+export { CSS_SYNC_DEBOUNCE_MS, type KbachPluginOptions, kbach };

package/dist/vite-plugin.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/vite-plugin/index.ts
 var vite_plugin_exports = {};
 __export(vite_plugin_exports, {
+  CSS_SYNC_DEBOUNCE_MS: () => CSS_SYNC_DEBOUNCE_MS,
   kbach: () => kbach
 });
 module.exports = __toCommonJS(vite_plugin_exports);
@@ -36,6 +37,82 @@ function generateCssForToken(token, themeJson) {
 // src/vite-plugin/scan.ts
 var import_fs = require("fs");
 var import_path = require("path");
+function stripComments(code) {
+  let out = "";
+  let i = 0;
+  const n = code.length;
+  while (i < n) {
+    const two = code[i] + (code[i + 1] ?? "");
+    if (two === "//") {
+      i += 2;
+      while (i < n && code[i] !== "\n") i++;
+      continue;
+    }
+    if (two === "/*") {
+      i += 2;
+      while (i < n && code[i] + (code[i + 1] ?? "") !== "*/") i++;
+      i += 2;
+      continue;
+    }
+    const ch = code[i];
+    if (ch === '"' || ch === "'") {
+      out += ch;
+      i++;
+      while (i < n && code[i] !== ch) {
+        if (code[i] === "\\") {
+          out += code[i] + (code[i + 1] ?? "");
+          i += 2;
+          continue;
+        }
+        out += code[i];
+        i++;
+      }
+      out += code[i] ?? "";
+      i++;
+      continue;
+    }
+    if (ch === "`") {
+      out += ch;
+      i++;
+      let interpolationDepth = 0;
+      while (i < n) {
+        if (interpolationDepth === 0 && code[i] === "`") {
+          out += code[i];
+          i++;
+          break;
+        }
+        if (interpolationDepth === 0 && code[i] === "\\") {
+          out += code[i] + (code[i + 1] ?? "");
+          i += 2;
+          continue;
+        }
+        if (interpolationDepth === 0 && code[i] + (code[i + 1] ?? "") === "${") {
+          out += "${";
+          i += 2;
+          interpolationDepth = 1;
+          continue;
+        }
+        if (interpolationDepth > 0) {
+          if (code[i] === "{") interpolationDepth++;
+          else if (code[i] === "}") {
+            interpolationDepth--;
+            if (interpolationDepth === 0) {
+              out += "}";
+              i++;
+              continue;
+            }
+          }
+        }
+        out += code[i];
+        i++;
+      }
+      continue;
+    }
+    out += ch;
+    i++;
+  }
+  return out;
+}
 function splitClassTokens(str) {
   return str.split(/\s+/).filter(Boolean);
 }
@@ -64,13 +141,15 @@ function pushClassLikeStrings(text, into) {
 }
 var JSX_TAG_RE = /<([a-z][a-zA-Z0-9]*)[\s/>]/g;
 function scanUsedTags(code) {
+  const cleaned = stripComments(code);
   const tags = /* @__PURE__ */ new Set();
   let m;
   JSX_TAG_RE.lastIndex = 0;
-  while ((m = JSX_TAG_RE.exec(code)) !== null) tags.add(m[1]);
+  while ((m = JSX_TAG_RE.exec(cleaned)) !== null) tags.add(m[1]);
   return tags;
 }
-function extractClassStrings(code) {
+function extractClassStrings(rawCode) {
+  const code = stripComments(rawCode);
   const found = /* @__PURE__ */ new Set();
   const simpleRe = /(?:className|kb)=(["'])((?:(?!\1).)*)\1/g;
   let m;
@@ -1018,6 +1097,41 @@ var STRUCTURAL_TOKENS = [
   "aria-required:",
   "aria-selected:",
   "aria-busy:",
+  // registry.rs modifiers, added later — same "fixed/static, finite" bar
+  // as the Phase 24 block above. Structural -of-type/empty, form-state and
+  // validation pseudo-classes, other native pseudo-classes with no aria-*
+  // counterpart, a pseudo-element, pointer media variants, and the
+  // direct-children/all-descendants variants. "supports-[...]:"/"in-*:" are
+  // deliberately excluded here for the same "no finite enumerable set"
+  // reason as has-[...]:/group-<pseudo>: above.
+  "first-of-type:",
+  "last-of-type:",
+  "only-of-type:",
+  "empty:",
+  "enabled:",
+  "read-only:",
+  "required:",
+  "optional:",
+  "valid:",
+  "invalid:",
+  "in-range:",
+  "out-of-range:",
+  "default:",
+  "indeterminate:",
+  "placeholder-shown:",
+  "autofill:",
+  "user-valid:",
+  "user-invalid:",
+  "target:",
+  "fullscreen:",
+  "popover-open:",
+  "details-content:",
+  "pointer-coarse:",
+  "pointer-fine:",
+  "any-pointer-coarse:",
+  "any-pointer-fine:",
+  "*:",
+  "**:",
   // Phase 25 (container queries & arbitrary properties). "@container" is a
   // real UTILITY (container-type: inline-size), not a modifier — included
   // as a bare token like "flex"/"hidden" above, not with the trailing ":"
@@ -1557,6 +1671,7 @@ function resolveKbachConfig(config) {
 
 // src/vite-plugin/index.ts
 var DEFAULT_SCAN_DIRS = ["src", "app", "pages", "components"];
+var CSS_SYNC_DEBOUNCE_MS = 50;
 function normPath(p) {
   const fwd = p.replace(/\\/g, "/");
   return process.platform === "win32" ? fwd.toLowerCase() : fwd;
@@ -1650,6 +1765,14 @@ function kbach(options = {}) {
     const changed = writeKbachToFile(mainCSSFile(), generateCSS(), readFile, writeFile);
     if (changed && server) server.watcher.emit("change", mainCSSFile());
   }
+  let syncTimer = null;
+  function scheduleSync(server) {
+    if (syncTimer) clearTimeout(syncTimer);
+    syncTimer = setTimeout(() => {
+      syncTimer = null;
+      syncMainCSSFile(server);
+    }, CSS_SYNC_DEBOUNCE_MS);
+  }
   function initialScan() {
     for (const dir of includeDirs) {
       scanDir((0, import_path3.join)(root, dir), processFile);
@@ -1693,7 +1816,7 @@ function kbach(options = {}) {
             fileTags.delete(normPath(file));
           }
         }
-        syncMainCSSFile(server);
+        scheduleSync(server);
       };
       server.watcher.on("add", (file) => onAddOrUnlink(file, false));
       server.watcher.on("unlink", (file) => onAddOrUnlink(file, true));
@@ -1707,11 +1830,12 @@ function kbach(options = {}) {
         fileTokens.delete(normPath(file));
         fileTags.delete(normPath(file));
       }
-      syncMainCSSFile(server);
+      scheduleSync(server);
     }
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CSS_SYNC_DEBOUNCE_MS,
   kbach
 });

package/dist/vite-plugin.mjs

@@ -20,6 +20,82 @@ function generateCssForToken(token, themeJson) {
 // src/vite-plugin/scan.ts
 import { readdirSync, readFileSync, statSync } from "fs";
 import { join } from "path";
+function stripComments(code) {
+  let out = "";
+  let i = 0;
+  const n = code.length;
+  while (i < n) {
+    const two = code[i] + (code[i + 1] ?? "");
+    if (two === "//") {
+      i += 2;
+      while (i < n && code[i] !== "\n") i++;
+      continue;
+    }
+    if (two === "/*") {
+      i += 2;
+      while (i < n && code[i] + (code[i + 1] ?? "") !== "*/") i++;
+      i += 2;
+      continue;
+    }
+    const ch = code[i];
+    if (ch === '"' || ch === "'") {
+      out += ch;
+      i++;
+      while (i < n && code[i] !== ch) {
+        if (code[i] === "\\") {
+          out += code[i] + (code[i + 1] ?? "");
+          i += 2;
+          continue;
+        }
+        out += code[i];
+        i++;
+      }
+      out += code[i] ?? "";
+      i++;
+      continue;
+    }
+    if (ch === "`") {
+      out += ch;
+      i++;
+      let interpolationDepth = 0;
+      while (i < n) {
+        if (interpolationDepth === 0 && code[i] === "`") {
+          out += code[i];
+          i++;
+          break;
+        }
+        if (interpolationDepth === 0 && code[i] === "\\") {
+          out += code[i] + (code[i + 1] ?? "");
+          i += 2;
+          continue;
+        }
+        if (interpolationDepth === 0 && code[i] + (code[i + 1] ?? "") === "${") {
+          out += "${";
+          i += 2;
+          interpolationDepth = 1;
+          continue;
+        }
+        if (interpolationDepth > 0) {
+          if (code[i] === "{") interpolationDepth++;
+          else if (code[i] === "}") {
+            interpolationDepth--;
+            if (interpolationDepth === 0) {
+              out += "}";
+              i++;
+              continue;
+            }
+          }
+        }
+        out += code[i];
+        i++;
+      }
+      continue;
+    }
+    out += ch;
+    i++;
+  }
+  return out;
+}
 function splitClassTokens(str) {
   return str.split(/\s+/).filter(Boolean);
 }
@@ -48,13 +124,15 @@ function pushClassLikeStrings(text, into) {
 }
 var JSX_TAG_RE = /<([a-z][a-zA-Z0-9]*)[\s/>]/g;
 function scanUsedTags(code) {
+  const cleaned = stripComments(code);
   const tags = /* @__PURE__ */ new Set();
   let m;
   JSX_TAG_RE.lastIndex = 0;
-  while ((m = JSX_TAG_RE.exec(code)) !== null) tags.add(m[1]);
+  while ((m = JSX_TAG_RE.exec(cleaned)) !== null) tags.add(m[1]);
   return tags;
 }
-function extractClassStrings(code) {
+function extractClassStrings(rawCode) {
+  const code = stripComments(rawCode);
   const found = /* @__PURE__ */ new Set();
   const simpleRe = /(?:className|kb)=(["'])((?:(?!\1).)*)\1/g;
   let m;
@@ -919,6 +997,41 @@ var STRUCTURAL_TOKENS = [
   "aria-required:",
   "aria-selected:",
   "aria-busy:",
+  // registry.rs modifiers, added later — same "fixed/static, finite" bar
+  // as the Phase 24 block above. Structural -of-type/empty, form-state and
+  // validation pseudo-classes, other native pseudo-classes with no aria-*
+  // counterpart, a pseudo-element, pointer media variants, and the
+  // direct-children/all-descendants variants. "supports-[...]:"/"in-*:" are
+  // deliberately excluded here for the same "no finite enumerable set"
+  // reason as has-[...]:/group-<pseudo>: above.
+  "first-of-type:",
+  "last-of-type:",
+  "only-of-type:",
+  "empty:",
+  "enabled:",
+  "read-only:",
+  "required:",
+  "optional:",
+  "valid:",
+  "invalid:",
+  "in-range:",
+  "out-of-range:",
+  "default:",
+  "indeterminate:",
+  "placeholder-shown:",
+  "autofill:",
+  "user-valid:",
+  "user-invalid:",
+  "target:",
+  "fullscreen:",
+  "popover-open:",
+  "details-content:",
+  "pointer-coarse:",
+  "pointer-fine:",
+  "any-pointer-coarse:",
+  "any-pointer-fine:",
+  "*:",
+  "**:",
   // Phase 25 (container queries & arbitrary properties). "@container" is a
   // real UTILITY (container-type: inline-size), not a modifier — included
   // as a bare token like "flex"/"hidden" above, not with the trailing ":"
@@ -1042,6 +1155,7 @@ function buildClassNameHintsDts(tokens) {
 
 // src/vite-plugin/index.ts
 var DEFAULT_SCAN_DIRS = ["src", "app", "pages", "components"];
+var CSS_SYNC_DEBOUNCE_MS = 50;
 function normPath(p) {
   const fwd = p.replace(/\\/g, "/");
   return process.platform === "win32" ? fwd.toLowerCase() : fwd;
@@ -1135,6 +1249,14 @@ function kbach(options = {}) {
     const changed = writeKbachToFile(mainCSSFile(), generateCSS(), readFile, writeFile);
     if (changed && server) server.watcher.emit("change", mainCSSFile());
   }
+  let syncTimer = null;
+  function scheduleSync(server) {
+    if (syncTimer) clearTimeout(syncTimer);
+    syncTimer = setTimeout(() => {
+      syncTimer = null;
+      syncMainCSSFile(server);
+    }, CSS_SYNC_DEBOUNCE_MS);
+  }
   function initialScan() {
     for (const dir of includeDirs) {
       scanDir(join3(root, dir), processFile);
@@ -1178,7 +1300,7 @@ function kbach(options = {}) {
             fileTags.delete(normPath(file));
           }
         }
-        syncMainCSSFile(server);
+        scheduleSync(server);
       };
       server.watcher.on("add", (file) => onAddOrUnlink(file, false));
       server.watcher.on("unlink", (file) => onAddOrUnlink(file, true));
@@ -1192,10 +1314,11 @@ function kbach(options = {}) {
         fileTokens.delete(normPath(file));
         fileTags.delete(normPath(file));
       }
-      syncMainCSSFile(server);
+      scheduleSync(server);
     }
   };
 }
 export {
+  CSS_SYNC_DEBOUNCE_MS,
   kbach
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "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", "react", "tailwind", "utility-first", "wasm", "styling"],
   "license": "MIT",
@@ -56,7 +56,7 @@
     "generate:colors": "node ../core-engine/scripts/generate-palette.mjs src/generatedPalette.ts"
   },
   "dependencies": {
-    "@kbach/core-engine": "1.0.0-beta.4"
+    "@kbach/core-engine": "1.0.0-beta.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",