@kbach/react 0.5.47 → 0.5.49

package/dist/vite-plugin.js

@@ -642,7 +642,12 @@ function resolveColor(value, colors, isArbitrary) {
     }
   }
   if (!hex) return null;
-  if (!opacityPart) return hex;
+  if (!opacityPart) {
+    if (!isWeb && hex.startsWith("#") && hex.length === 9) {
+      return hexToRgba(hex, Math.round(parseInt(hex.slice(7, 9), 16) / 255 * 1e3) / 1e3);
+    }
+    return hex;
+  }
   let alpha;
   if (opacityPart.startsWith("[") && opacityPart.endsWith("]")) {
     const v = parseFloat(opacityPart.slice(1, -1));
@@ -2205,12 +2210,6 @@ var RESOLVERS = {
 function resolveUtility(parsed, theme) {
   if (!parsed.value) {
     if (parsed.utility in PLUGIN_STANDALONE) return PLUGIN_STANDALONE[parsed.utility] ?? null;
-    if (parsed.utility === "grd" || parsed.utility === "grid") {
-      return getEffectiveIsWeb() ? { display: "grid" } : null;
-    }
-    if (parsed.utility === "inline-grid") {
-      return getEffectiveIsWeb() ? { display: "inline-grid" } : null;
-    }
     if (parsed.utility in getStandalone()) return getStandalone()[parsed.utility] ?? null;
   }
   const resolver = PLUGIN_RESOLVERS[parsed.utility] ?? RESOLVERS[parsed.utility];
@@ -2763,6 +2762,8 @@ function buildConfig(userConfig) {
   };
   clearPluginUtilities();
   clearPluginModifiers();
+  const _store = getConfigStore();
+  for (const k of Object.keys(_store.customVariants)) delete _store.customVariants[k];
   const pluginAPI = makePluginAPI(resolved.theme);
   for (const plugin of resolved.plugins) {
     plugin(pluginAPI);
@@ -3008,13 +3009,25 @@ function extractClassStrings(code) {
       i++;
     }
     jsxExprRe.lastIndex = i + 1;
-    const innerStrings = block.match(/["'`]([^"'`]{1,300})["'`]/g) ?? [];
+    const innerStrings = block.match(/["'`]([^"'`]{1,2000})["'`]/g) ?? [];
     for (const s of innerStrings) pushTokens(s.slice(1, -1), found);
   }
-  const clsxRe = /(?:clsx|cn|classnames|cx)\(([^)]{1,1000})\)/g;
-  while ((m = clsxRe.exec(code)) !== null) {
-    const block = m[1];
-    const innerStrings = block.match(/["'`]([^"'`]{1,300})["'`]/g) ?? [];
+  const clsxCallRe = /(?:clsx|cn|classnames|cx)\(/g;
+  while ((m = clsxCallRe.exec(code)) !== null) {
+    let depth = 1;
+    let i = m.index + m[0].length;
+    let block = "";
+    while (i < code.length && depth > 0) {
+      const ch = code[i];
+      if (ch === "(") depth++;
+      else if (ch === ")") {
+        if (--depth === 0) break;
+      }
+      block += ch;
+      i++;
+    }
+    clsxCallRe.lastIndex = i + 1;
+    const innerStrings = block.match(/["'`]([^"'`]{1,2000})["'`]/g) ?? [];
     for (const s of innerStrings) pushTokens(s.slice(1, -1), found);
   }
   const templateRe = /`([^`]{1,2000})`/g;
@@ -3064,12 +3077,10 @@ function kbach(userConfig) {
   function processFile(filePath, code) {
     const key = normPath(filePath);
     const tokens = /* @__PURE__ */ new Set();
-    for (const cls of extractClassStrings(code)) {
-      for (const tok of splitClassTokens(cls)) {
-        tokens.add(tok);
-        if (!tokenCSS.has(tok)) {
-          tokenCSS.set(tok, generateClassCSS(tok, cfg.theme, cfg.darkMode, screens));
-        }
+    for (const tok of extractClassStrings(code)) {
+      tokens.add(tok);
+      if (!tokenCSS.has(tok)) {
+        tokenCSS.set(tok, generateClassCSS(tok, cfg.theme, cfg.darkMode, screens));
       }
     }
     fileTokens.set(key, tokens);

package/dist/vite-plugin.mjs

@@ -4,7 +4,7 @@ import {
   generateClassCSS,
   setCSSGenMode,
   splitClassTokens
-} from "./chunk-NIBECTRQ.mjs";
+} from "./chunk-BKSXIWL7.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, readdirSync, statSync } from "fs";
@@ -186,13 +186,25 @@ function extractClassStrings(code) {
       i++;
     }
     jsxExprRe.lastIndex = i + 1;
-    const innerStrings = block.match(/["'`]([^"'`]{1,300})["'`]/g) ?? [];
+    const innerStrings = block.match(/["'`]([^"'`]{1,2000})["'`]/g) ?? [];
     for (const s of innerStrings) pushTokens(s.slice(1, -1), found);
   }
-  const clsxRe = /(?:clsx|cn|classnames|cx)\(([^)]{1,1000})\)/g;
-  while ((m = clsxRe.exec(code)) !== null) {
-    const block = m[1];
-    const innerStrings = block.match(/["'`]([^"'`]{1,300})["'`]/g) ?? [];
+  const clsxCallRe = /(?:clsx|cn|classnames|cx)\(/g;
+  while ((m = clsxCallRe.exec(code)) !== null) {
+    let depth = 1;
+    let i = m.index + m[0].length;
+    let block = "";
+    while (i < code.length && depth > 0) {
+      const ch = code[i];
+      if (ch === "(") depth++;
+      else if (ch === ")") {
+        if (--depth === 0) break;
+      }
+      block += ch;
+      i++;
+    }
+    clsxCallRe.lastIndex = i + 1;
+    const innerStrings = block.match(/["'`]([^"'`]{1,2000})["'`]/g) ?? [];
     for (const s of innerStrings) pushTokens(s.slice(1, -1), found);
   }
   const templateRe = /`([^`]{1,2000})`/g;
@@ -242,12 +254,10 @@ function kbach(userConfig) {
   function processFile(filePath, code) {
     const key = normPath(filePath);
     const tokens = /* @__PURE__ */ new Set();
-    for (const cls of extractClassStrings(code)) {
-      for (const tok of splitClassTokens(cls)) {
-        tokens.add(tok);
-        if (!tokenCSS.has(tok)) {
-          tokenCSS.set(tok, generateClassCSS(tok, cfg.theme, cfg.darkMode, screens));
-        }
+    for (const tok of extractClassStrings(code)) {
+      tokens.add(tok);
+      if (!tokenCSS.has(tok)) {
+        tokenCSS.set(tok, generateClassCSS(tok, cfg.theme, cfg.darkMode, screens));
       }
     }
     fileTokens.set(key, tokens);

package/dist/web-substitute-CfpYFnE7.d.mts

@@ -0,0 +1,22 @@
+/**
+ * React Native → HTML element substitution for web rendering.
+ *
+ * When isWeb is true, known React Native component types (View, Text, Pressable, …)
+ * are replaced with plain HTML element strings ('div', 'span', …) so the DOM shows
+ * clean Kbach class names instead of React Native Web's generated css-view-* classes.
+ *
+ * Used by: jsx-runtime (bare JSX), styled(), DarkWrapper, InteractiveWrapper.
+ */
+/**
+ * Register a custom React Native component → HTML tag substitution.
+ * Call once at app startup before first render.
+ *
+ * ```ts
+ * import { Animated } from 'react-native';
+ * import { registerWebElement } from '@kbach/react';
+ * registerWebElement(Animated.View, 'div');
+ * ```
+ */
+declare function registerWebElement(rnComponent: unknown, htmlTag: string): void;
+
+export { registerWebElement as r };

package/dist/web-substitute-CfpYFnE7.d.ts

@@ -0,0 +1,22 @@
+/**
+ * React Native → HTML element substitution for web rendering.
+ *
+ * When isWeb is true, known React Native component types (View, Text, Pressable, …)
+ * are replaced with plain HTML element strings ('div', 'span', …) so the DOM shows
+ * clean Kbach class names instead of React Native Web's generated css-view-* classes.
+ *
+ * Used by: jsx-runtime (bare JSX), styled(), DarkWrapper, InteractiveWrapper.
+ */
+/**
+ * Register a custom React Native component → HTML tag substitution.
+ * Call once at app startup before first render.
+ *
+ * ```ts
+ * import { Animated } from 'react-native';
+ * import { registerWebElement } from '@kbach/react';
+ * registerWebElement(Animated.View, 'div');
+ * ```
+ */
+declare function registerWebElement(rnComponent: unknown, htmlTag: string): void;
+
+export { registerWebElement as r };

package/package.json

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