@kbach/react 0.5.34 → 0.5.35

package/dist/{chunk-LMCUZ3HI.mjs → chunk-65BTN2UR.mjs}

@@ -3,7 +3,7 @@ import {
   InteractiveWrapper,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-6AUSWRH2.mjs";
+} from "./chunk-VRYE5CAE.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -11,7 +11,7 @@ import {
   getDefaultFontFamily,
   isWeb,
   resolve
-} from "./chunk-T3SOZ6AO.mjs";
+} from "./chunk-YU55J6F6.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/{chunk-6AUSWRH2.mjs → chunk-VRYE5CAE.mjs}

@@ -4,7 +4,7 @@ import {
   getGlobalWidth,
   isWeb,
   subscribeGlobalWidth
-} from "./chunk-T3SOZ6AO.mjs";
+} from "./chunk-YU55J6F6.mjs";
 
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";

package/dist/{chunk-T3SOZ6AO.mjs → chunk-YU55J6F6.mjs}

@@ -1249,7 +1249,7 @@ function parseClass(className) {
   const bracketStart = remaining.lastIndexOf("-[");
   if (bracketStart > 0 && remaining.endsWith("]")) {
     const utility = remaining.slice(0, bracketStart);
-    const value = remaining.slice(bracketStart + 2, -1);
+    const value = remaining.slice(bracketStart + 2, -1).replace(/_/g, " ");
     return { original: trimmed, modifiers, negative, important, utility, value, isArbitrary: true };
   }
   if (STANDALONE_UTILITIES.has(remaining)) {
@@ -1278,10 +1278,29 @@ function parseClass(className) {
   }
   return { original: trimmed, modifiers, negative, important, utility: remaining, value: "", isArbitrary: false };
 }
+function splitClassTokens(classString) {
+  const tokens = [];
+  let current = "";
+  let depth = 0;
+  for (let i = 0; i < classString.length; i++) {
+    const ch = classString[i];
+    if (ch === "[") depth++;
+    else if (ch === "]") depth--;
+    if (/\s/.test(ch) && depth === 0) {
+      if (current) {
+        tokens.push(current);
+        current = "";
+      }
+    } else {
+      current += ch;
+    }
+  }
+  if (current) tokens.push(current);
+  return tokens;
+}
 function parseClasses(classString) {
   const results = [];
-  for (const token of classString.split(/\s+/)) {
-    if (!token) continue;
+  for (const token of splitClassTokens(classString)) {
     const parsed = parseClass(token);
     if (parsed) results.push(parsed);
   }
@@ -3559,6 +3578,7 @@ export {
   isWeb,
   setCSSGenMode,
   parseClass,
+  splitClassTokens,
   parseClasses,
   syncGlobalWidth,
   syncGlobalScreens,

package/dist/index.js

@@ -1412,7 +1412,7 @@ function parseClass(className) {
   const bracketStart = remaining.lastIndexOf("-[");
   if (bracketStart > 0 && remaining.endsWith("]")) {
     const utility = remaining.slice(0, bracketStart);
-    const value = remaining.slice(bracketStart + 2, -1);
+    const value = remaining.slice(bracketStart + 2, -1).replace(/_/g, " ");
     return { original: trimmed, modifiers, negative, important, utility, value, isArbitrary: true };
   }
   if (STANDALONE_UTILITIES.has(remaining)) {
@@ -1441,10 +1441,29 @@ function parseClass(className) {
   }
   return { original: trimmed, modifiers, negative, important, utility: remaining, value: "", isArbitrary: false };
 }
+function splitClassTokens(classString) {
+  const tokens = [];
+  let current = "";
+  let depth = 0;
+  for (let i = 0; i < classString.length; i++) {
+    const ch = classString[i];
+    if (ch === "[") depth++;
+    else if (ch === "]") depth--;
+    if (/\s/.test(ch) && depth === 0) {
+      if (current) {
+        tokens.push(current);
+        current = "";
+      }
+    } else {
+      current += ch;
+    }
+  }
+  if (current) tokens.push(current);
+  return tokens;
+}
 function parseClasses(classString) {
   const results = [];
-  for (const token of classString.split(/\s+/)) {
-    if (!token) continue;
+  for (const token of splitClassTokens(classString)) {
     const parsed = parseClass(token);
     if (parsed) results.push(parsed);
   }

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-6AUSWRH2.mjs";
+} from "./chunk-VRYE5CAE.mjs";
 import {
   __require,
   buildConfig,
@@ -25,7 +25,7 @@ import {
   syncGlobalScreens,
   syncGlobalWidth,
   updateConfig
-} from "./chunk-T3SOZ6AO.mjs";
+} from "./chunk-YU55J6F6.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -1316,7 +1316,7 @@ function parseClass(className) {
   const bracketStart = remaining.lastIndexOf("-[");
   if (bracketStart > 0 && remaining.endsWith("]")) {
     const utility = remaining.slice(0, bracketStart);
-    const value = remaining.slice(bracketStart + 2, -1);
+    const value = remaining.slice(bracketStart + 2, -1).replace(/_/g, " ");
     return { original: trimmed, modifiers, negative, important, utility, value, isArbitrary: true };
   }
   if (STANDALONE_UTILITIES.has(remaining)) {
@@ -1345,10 +1345,29 @@ function parseClass(className) {
   }
   return { original: trimmed, modifiers, negative, important, utility: remaining, value: "", isArbitrary: false };
 }
+function splitClassTokens(classString) {
+  const tokens = [];
+  let current = "";
+  let depth = 0;
+  for (let i = 0; i < classString.length; i++) {
+    const ch = classString[i];
+    if (ch === "[") depth++;
+    else if (ch === "]") depth--;
+    if (/\s/.test(ch) && depth === 0) {
+      if (current) {
+        tokens.push(current);
+        current = "";
+      }
+    } else {
+      current += ch;
+    }
+  }
+  if (current) tokens.push(current);
+  return tokens;
+}
 function parseClasses(classString) {
   const results = [];
-  for (const token of classString.split(/\s+/)) {
-    if (!token) continue;
+  for (const token of splitClassTokens(classString)) {
     const parsed = parseClass(token);
     if (parsed) results.push(parsed);
   }

package/dist/jsx-dev-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-LMCUZ3HI.mjs";
-import "./chunk-6AUSWRH2.mjs";
-import "./chunk-T3SOZ6AO.mjs";
+} from "./chunk-65BTN2UR.mjs";
+import "./chunk-VRYE5CAE.mjs";
+import "./chunk-YU55J6F6.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -1315,7 +1315,7 @@ function parseClass(className) {
   const bracketStart = remaining.lastIndexOf("-[");
   if (bracketStart > 0 && remaining.endsWith("]")) {
     const utility = remaining.slice(0, bracketStart);
-    const value = remaining.slice(bracketStart + 2, -1);
+    const value = remaining.slice(bracketStart + 2, -1).replace(/_/g, " ");
     return { original: trimmed, modifiers, negative, important, utility, value, isArbitrary: true };
   }
   if (STANDALONE_UTILITIES.has(remaining)) {
@@ -1344,10 +1344,29 @@ function parseClass(className) {
   }
   return { original: trimmed, modifiers, negative, important, utility: remaining, value: "", isArbitrary: false };
 }
+function splitClassTokens(classString) {
+  const tokens = [];
+  let current = "";
+  let depth = 0;
+  for (let i = 0; i < classString.length; i++) {
+    const ch = classString[i];
+    if (ch === "[") depth++;
+    else if (ch === "]") depth--;
+    if (/\s/.test(ch) && depth === 0) {
+      if (current) {
+        tokens.push(current);
+        current = "";
+      }
+    } else {
+      current += ch;
+    }
+  }
+  if (current) tokens.push(current);
+  return tokens;
+}
 function parseClasses(classString) {
   const results = [];
-  for (const token of classString.split(/\s+/)) {
-    if (!token) continue;
+  for (const token of splitClassTokens(classString)) {
     const parsed = parseClass(token);
     if (parsed) results.push(parsed);
   }

package/dist/jsx-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-LMCUZ3HI.mjs";
-import "./chunk-6AUSWRH2.mjs";
-import "./chunk-T3SOZ6AO.mjs";
+} from "./chunk-65BTN2UR.mjs";
+import "./chunk-VRYE5CAE.mjs";
+import "./chunk-YU55J6F6.mjs";
 export {
   Fragment,
   jsx,

package/dist/vite-plugin.js

@@ -2896,7 +2896,7 @@ function parseClass(className) {
   const bracketStart = remaining.lastIndexOf("-[");
   if (bracketStart > 0 && remaining.endsWith("]")) {
     const utility = remaining.slice(0, bracketStart);
-    const value = remaining.slice(bracketStart + 2, -1);
+    const value = remaining.slice(bracketStart + 2, -1).replace(/_/g, " ");
     return { original: trimmed, modifiers, negative, important, utility, value, isArbitrary: true };
   }
   if (STANDALONE_UTILITIES.has(remaining)) {
@@ -2925,10 +2925,29 @@ function parseClass(className) {
   }
   return { original: trimmed, modifiers, negative, important, utility: remaining, value: "", isArbitrary: false };
 }
+function splitClassTokens(classString) {
+  const tokens = [];
+  let current = "";
+  let depth = 0;
+  for (let i = 0; i < classString.length; i++) {
+    const ch = classString[i];
+    if (ch === "[") depth++;
+    else if (ch === "]") depth--;
+    if (/\s/.test(ch) && depth === 0) {
+      if (current) {
+        tokens.push(current);
+        current = "";
+      }
+    } else {
+      current += ch;
+    }
+  }
+  if (current) tokens.push(current);
+  return tokens;
+}
 function parseClasses(classString) {
   const results = [];
-  for (const token of classString.split(/\s+/)) {
-    if (!token) continue;
+  for (const token of splitClassTokens(classString)) {
     const parsed = parseClass(token);
     if (parsed) results.push(parsed);
   }
@@ -3509,7 +3528,7 @@ function kbach(userConfig) {
     for (const dir of ["src", "app", "pages", "components", "views", "layouts"]) {
       scanDir((0, import_path.join)(root, dir), (code) => {
         for (const cls of extractClassStrings(code))
-          for (const token of cls.split(/\s+/).filter(Boolean))
+          for (const token of splitClassTokens(cls))
             if (!tokenCSS.has(token)) {
               const css = generateClassCSS(token, cfg.theme, cfg.darkMode, screens);
               tokenCSS.set(token, css);

package/dist/vite-plugin.mjs

@@ -1,8 +1,9 @@
 import {
   buildConfig,
   generateClassCSS,
-  setCSSGenMode
-} from "./chunk-T3SOZ6AO.mjs";
+  setCSSGenMode,
+  splitClassTokens
+} from "./chunk-YU55J6F6.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, existsSync, readdirSync, statSync } from "fs";
@@ -150,7 +151,7 @@ function kbach(userConfig) {
     for (const dir of ["src", "app", "pages", "components", "views", "layouts"]) {
       scanDir(join(root, dir), (code) => {
         for (const cls of extractClassStrings(code))
-          for (const token of cls.split(/\s+/).filter(Boolean))
+          for (const token of splitClassTokens(cls))
             if (!tokenCSS.has(token)) {
               const css = generateClassCSS(token, cfg.theme, cfg.darkMode, screens);
               tokenCSS.set(token, css);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.5.34",
+  "version": "0.5.35",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",