@kbach/react 0.5.40 → 0.5.42

package/dist/{chunk-6NHHYHNV.mjs → chunk-AAPA3CRV.mjs}

@@ -4,7 +4,7 @@ import {
   hasResponsiveBuckets,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-EYPBYQSB.mjs";
+} from "./chunk-GOQNOKFN.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -13,10 +13,10 @@ import {
   getInteractiveModifiers,
   getModeModifiers,
   getResponsiveModifiers,
-  isWeb,
+  isNative,
   normalizeClassString,
   resolve
-} from "./chunk-IZ3W6G3V.mjs";
+} from "./chunk-VCNP57PR.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -195,7 +195,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return _jsx(InteractiveWrapper, {
       Component: actualType,
       resolvedStyle: resolved,
-      ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {},
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
       style: userStyle,
       ...passProps
     }, key);
@@ -204,7 +204,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return _jsx(DarkWrapper, {
       Component: actualType,
       resolvedStyle: resolved,
-      ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {},
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
       style: userStyle,
       ...passProps
     }, key);
@@ -216,7 +216,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
   return makeElement(isStaticChildren, actualType, {
     ...passProps,
     style: finalStyle,
-    ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {}
+    ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {}
   }, key);
 }
 function jsx(type, props, key) {

package/dist/{chunk-EYPBYQSB.mjs → chunk-GOQNOKFN.mjs}

@@ -3,9 +3,10 @@ import {
   getActiveBreakpoints,
   getGlobalWidth,
   getResponsiveModifiers,
+  isNative,
   isWeb,
   subscribeGlobalWidth
-} from "./chunk-IZ3W6G3V.mjs";
+} from "./chunk-VCNP57PR.mjs";
 
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";
@@ -203,10 +204,10 @@ var InteractiveWrapper = forwardRef(
       ref,
       ...restWithoutChildren,
       style: finalStyle,
-      ...isWeb && className ? { className } : {},
+      ...!isNative && className ? { className } : {},
       // onPressIn / onPressOut are React Native-only.
       // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
-      ...isWeb ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
+      ...!isNative ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       onFocus: handleFocus,

package/dist/{chunk-IZ3W6G3V.mjs → chunk-VCNP57PR.mjs}

@@ -543,12 +543,13 @@ var defaultTheme = {
 
 // src/core/platform.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+var isNative = !isWeb && (typeof globalThis.HermesInternal !== "undefined" || typeof globalThis.__fbBatchedBridge !== "undefined" || typeof navigator !== "undefined" && navigator.product === "ReactNative");
 var _cssGenMode = false;
 function setCSSGenMode(on) {
   _cssGenMode = on;
 }
 function getEffectiveIsWeb() {
-  return isWeb || _cssGenMode;
+  return isWeb || _cssGenMode || !isNative;
 }
 function toNativeValue(raw) {
   if (/^-?\d+(\.\d+)?px$/.test(raw)) return parseFloat(raw);
@@ -2780,7 +2781,7 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (defaultFont && !("fontFamily" in result)) {
     result.fontFamily = defaultFont;
   }
-  if (isWeb) {
+  if (!isNative) {
     const r = result;
     const ph = r.paddingHorizontal;
     if (ph !== void 0) {
@@ -3000,6 +3001,7 @@ export {
   defaultColors,
   defaultTheme,
   isWeb,
+  isNative,
   setCSSGenMode,
   getInteractiveModifiers,
   getModeModifiers,

package/dist/index.js

@@ -728,9 +728,10 @@ var LRUCache = class {
 
 // src/core/platform.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+var isNative = !isWeb && (typeof globalThis.HermesInternal !== "undefined" || typeof globalThis.__fbBatchedBridge !== "undefined" || typeof navigator !== "undefined" && navigator.product === "ReactNative");
 var _cssGenMode = false;
 function getEffectiveIsWeb() {
-  return isWeb || _cssGenMode;
+  return isWeb || _cssGenMode || !isNative;
 }
 function toNativeValue(raw) {
   if (/^-?\d+(\.\d+)?px$/.test(raw)) return parseFloat(raw);
@@ -2900,7 +2901,7 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (defaultFont && !("fontFamily" in result)) {
     result.fontFamily = defaultFont;
   }
-  if (isWeb) {
+  if (!isNative) {
     const r = result;
     const ph = r.paddingHorizontal;
     if (ph !== void 0) {
@@ -3718,10 +3719,10 @@ var InteractiveWrapper = (0, import_react10.forwardRef)(
       ref,
       ...restWithoutChildren,
       style: finalStyle,
-      ...isWeb && className ? { className } : {},
+      ...!isNative && className ? { className } : {},
       // onPressIn / onPressOut are React Native-only.
       // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
-      ...isWeb ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
+      ...!isNative ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       onFocus: handleFocus,

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-EYPBYQSB.mjs";
+} from "./chunk-GOQNOKFN.mjs";
 import {
   __require,
   buildConfig,
@@ -28,7 +28,7 @@ import {
   syncGlobalScreens,
   syncGlobalWidth,
   updateConfig
-} from "./chunk-IZ3W6G3V.mjs";
+} from "./chunk-VCNP57PR.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -617,9 +617,10 @@ var LRUCache = class {
 
 // src/core/platform.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+var isNative = !isWeb && (typeof globalThis.HermesInternal !== "undefined" || typeof globalThis.__fbBatchedBridge !== "undefined" || typeof navigator !== "undefined" && navigator.product === "ReactNative");
 var _cssGenMode = false;
 function getEffectiveIsWeb() {
-  return isWeb || _cssGenMode;
+  return isWeb || _cssGenMode || !isNative;
 }
 function toNativeValue(raw) {
   if (/^-?\d+(\.\d+)?px$/.test(raw)) return parseFloat(raw);
@@ -2789,7 +2790,7 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (defaultFont && !("fontFamily" in result)) {
     result.fontFamily = defaultFont;
   }
-  if (isWeb) {
+  if (!isNative) {
     const r = result;
     const ph = r.paddingHorizontal;
     if (ph !== void 0) {
@@ -3158,10 +3159,10 @@ var InteractiveWrapper = (0, import_react3.forwardRef)(
       ref,
       ...restWithoutChildren,
       style: finalStyle,
-      ...isWeb && className ? { className } : {},
+      ...!isNative && className ? { className } : {},
       // onPressIn / onPressOut are React Native-only.
       // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
-      ...isWeb ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
+      ...!isNative ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       onFocus: handleFocus,
@@ -3342,7 +3343,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return (0, import_jsx_runtime.jsx)(InteractiveWrapper, {
       Component: actualType,
       resolvedStyle: resolved,
-      ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {},
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
       style: userStyle,
       ...passProps
     }, key);
@@ -3351,7 +3352,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return (0, import_jsx_runtime.jsx)(DarkWrapper, {
       Component: actualType,
       resolvedStyle: resolved,
-      ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {},
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
       style: userStyle,
       ...passProps
     }, key);
@@ -3363,7 +3364,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
   return makeElement(isStaticChildren, actualType, {
     ...passProps,
     style: finalStyle,
-    ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {}
+    ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {}
   }, key);
 }
 function jsx(type, props, key) {

package/dist/jsx-dev-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-6NHHYHNV.mjs";
-import "./chunk-EYPBYQSB.mjs";
-import "./chunk-IZ3W6G3V.mjs";
+} from "./chunk-AAPA3CRV.mjs";
+import "./chunk-GOQNOKFN.mjs";
+import "./chunk-VCNP57PR.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.js

@@ -617,9 +617,10 @@ var LRUCache = class {
 
 // src/core/platform.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+var isNative = !isWeb && (typeof globalThis.HermesInternal !== "undefined" || typeof globalThis.__fbBatchedBridge !== "undefined" || typeof navigator !== "undefined" && navigator.product === "ReactNative");
 var _cssGenMode = false;
 function getEffectiveIsWeb() {
-  return isWeb || _cssGenMode;
+  return isWeb || _cssGenMode || !isNative;
 }
 function toNativeValue(raw) {
   if (/^-?\d+(\.\d+)?px$/.test(raw)) return parseFloat(raw);
@@ -2789,7 +2790,7 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
   if (defaultFont && !("fontFamily" in result)) {
     result.fontFamily = defaultFont;
   }
-  if (isWeb) {
+  if (!isNative) {
     const r = result;
     const ph = r.paddingHorizontal;
     if (ph !== void 0) {
@@ -3158,10 +3159,10 @@ var InteractiveWrapper = (0, import_react3.forwardRef)(
       ref,
       ...restWithoutChildren,
       style: finalStyle,
-      ...isWeb && className ? { className } : {},
+      ...!isNative && className ? { className } : {},
       // onPressIn / onPressOut are React Native-only.
       // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
-      ...isWeb ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
+      ...!isNative ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       onFocus: handleFocus,
@@ -3345,7 +3346,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return (0, import_jsx_runtime.jsx)(InteractiveWrapper, {
       Component: actualType,
       resolvedStyle: resolved,
-      ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {},
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
       style: userStyle,
       ...passProps
     }, key);
@@ -3354,7 +3355,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return (0, import_jsx_runtime.jsx)(DarkWrapper, {
       Component: actualType,
       resolvedStyle: resolved,
-      ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {},
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
       style: userStyle,
       ...passProps
     }, key);
@@ -3366,7 +3367,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
   return makeElement(isStaticChildren, actualType, {
     ...passProps,
     style: finalStyle,
-    ...isWeb && classStr ? { className: normalizeClassString(classStr) } : {}
+    ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {}
   }, key);
 }
 function jsx(type, props, key) {

package/dist/jsx-runtime.mjs

@@ -3,9 +3,9 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-6NHHYHNV.mjs";
-import "./chunk-EYPBYQSB.mjs";
-import "./chunk-IZ3W6G3V.mjs";
+} from "./chunk-AAPA3CRV.mjs";
+import "./chunk-GOQNOKFN.mjs";
+import "./chunk-VCNP57PR.mjs";
 export {
   Fragment,
   _invalidateDefaultFontCache,

package/dist/vite-plugin.js

@@ -28,12 +28,13 @@ var import_path = require("path");
 
 // src/core/platform.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+var isNative = !isWeb && (typeof globalThis.HermesInternal !== "undefined" || typeof globalThis.__fbBatchedBridge !== "undefined" || typeof navigator !== "undefined" && navigator.product === "ReactNative");
 var _cssGenMode = false;
 function setCSSGenMode(on) {
   _cssGenMode = on;
 }
 function getEffectiveIsWeb() {
-  return isWeb || _cssGenMode;
+  return isWeb || _cssGenMode || !isNative;
 }
 function toNativeValue(raw) {
   if (/^-?\d+(\.\d+)?px$/.test(raw)) return parseFloat(raw);
@@ -2804,6 +2805,10 @@ var customVariants = new Proxy(
 );
 
 // src/vite-plugin.ts
+function normPath(p) {
+  const fwd = p.replace(/\\/g, "/");
+  return process.platform === "win32" ? fwd.toLowerCase() : fwd;
+}
 setCSSGenMode(true);
 var KBACH_START = "/* kbach:start */";
 var KBACH_END = "/* kbach:end */";
@@ -2972,6 +2977,7 @@ function kbach(userConfig) {
   const fileTokens = /* @__PURE__ */ new Map();
   const tokenCSS = /* @__PURE__ */ new Map();
   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)) {
@@ -2981,7 +2987,7 @@ function kbach(userConfig) {
         }
       }
     }
-    fileTokens.set(filePath, tokens);
+    fileTokens.set(key, tokens);
   }
   function buildTokenCSSView() {
     const active = /* @__PURE__ */ new Set();
@@ -3017,7 +3023,7 @@ function kbach(userConfig) {
       try {
         processFile(file, (0, import_fs.readFileSync)(file, "utf-8"));
       } catch {
-        fileTokens.delete(file);
+        fileTokens.delete(normPath(file));
       }
       if (mainCSSFile) writeKbachToFile(mainCSSFile, generateCSS());
     }

package/dist/vite-plugin.mjs

@@ -3,11 +3,15 @@ import {
   generateClassCSS,
   setCSSGenMode,
   splitClassTokens
-} from "./chunk-IZ3W6G3V.mjs";
+} from "./chunk-VCNP57PR.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, existsSync, readdirSync, statSync } from "fs";
 import { join } from "path";
+function normPath(p) {
+  const fwd = p.replace(/\\/g, "/");
+  return process.platform === "win32" ? fwd.toLowerCase() : fwd;
+}
 setCSSGenMode(true);
 var KBACH_START = "/* kbach:start */";
 var KBACH_END = "/* kbach:end */";
@@ -176,6 +180,7 @@ function kbach(userConfig) {
   const fileTokens = /* @__PURE__ */ new Map();
   const tokenCSS = /* @__PURE__ */ new Map();
   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)) {
@@ -185,7 +190,7 @@ function kbach(userConfig) {
         }
       }
     }
-    fileTokens.set(filePath, tokens);
+    fileTokens.set(key, tokens);
   }
   function buildTokenCSSView() {
     const active = /* @__PURE__ */ new Set();
@@ -221,7 +226,7 @@ function kbach(userConfig) {
       try {
         processFile(file, readFileSync(file, "utf-8"));
       } catch {
-        fileTokens.delete(file);
+        fileTokens.delete(normPath(file));
       }
       if (mainCSSFile) writeKbachToFile(mainCSSFile, generateCSS());
     }

package/package.json

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