@kbach/react 0.5.49 → 0.5.51

package/dist/{chunk-KWB2XQSF.mjs → chunk-6YN6SRMN.mjs}

@@ -6,7 +6,7 @@ import {
   transformToWebProps,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-3UUTNNWV.mjs";
+} from "./chunk-JVTA5SC3.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -20,7 +20,7 @@ import {
   isWeb,
   normalizeClassString,
   resolve
-} from "./chunk-BKSXIWL7.mjs";
+} from "./chunk-JBV2R655.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -36,6 +36,7 @@ var DarkWrapper = React.forwardRef(
     const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
     const isNonStringComponent = typeof Component !== "string";
     const computedStyle = useMemo(() => {
+      if (isWeb) return {};
       const s = flatten(resolvedStyle, isDark, {}, breakpoints);
       stripInternalMarkers(s);
       if (isNonStringComponent) stripWebOnlyProps(s);
@@ -186,7 +187,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return makeElement(isStaticChildren, effectiveType, { ...passProps2, style: finalStyle2 }, key);
   }
   const config = getConfig();
-  const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
+  const resolved = !isWeb && __kbachStyles != null ? __kbachStyles : classStr ? resolve(classStr, config.theme, config.darkMode) : {};
   const { style: userStyle, ...passProps } = omitConsumed(workingProps);
   const { interactive, modeOrResponsive } = bucketMods(resolved);
   if (interactive) {

package/dist/{chunk-BKSXIWL7.mjs → chunk-JBV2R655.mjs}

@@ -2805,9 +2805,11 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
       Object.assign(result, styles);
     }
   }
-  const defaultFont = getDefaultFontFamily();
-  if (defaultFont && !("fontFamily" in result)) {
-    result.fontFamily = defaultFont;
+  if (isNative) {
+    const defaultFont = getDefaultFontFamily();
+    if (defaultFont && !("fontFamily" in result)) {
+      result.fontFamily = defaultFont;
+    }
   }
   if (!isNative) {
     const r = result;

package/dist/{chunk-3UUTNNWV.mjs → chunk-JVTA5SC3.mjs}

@@ -7,7 +7,7 @@ import {
   isNative,
   isWeb,
   subscribeGlobalWidth
-} from "./chunk-BKSXIWL7.mjs";
+} from "./chunk-JBV2R655.mjs";
 
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";
@@ -260,6 +260,7 @@ var InteractiveWrapper = forwardRef(
     const handleBlur = useCallback(chain(onBlur, () => setFocused(false)), [onBlur]);
     const computedStyle = useMemo(
       () => {
+        if (isWeb) return {};
         const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused, disabled: !!rest.disabled, checked: !!rest.checked }, breakpoints);
         delete s.__divideX;
         delete s.__divideY;

package/dist/index.js

@@ -2933,9 +2933,11 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
       Object.assign(result, styles);
     }
   }
-  const defaultFont = getDefaultFontFamily();
-  if (defaultFont && !("fontFamily" in result)) {
-    result.fontFamily = defaultFont;
+  if (isNative) {
+    const defaultFont = getDefaultFontFamily();
+    if (defaultFont && !("fontFamily" in result)) {
+      result.fontFamily = defaultFont;
+    }
   }
   if (!isNative) {
     const r = result;
@@ -3689,7 +3691,7 @@ function styled(Component, baseClasses = "") {
       const width = useConditionalWidth(needsWidth);
       const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
       const computedStyle = (0, import_react6.useMemo)(
-        () => flatten(resolved, isDark, { pressed, hover: hovered, focus: focused, disabled, checked }, breakpoints),
+        () => isWeb ? {} : flatten(resolved, isDark, { pressed, hover: hovered, focus: focused, disabled, checked }, breakpoints),
         [resolved, isDark, pressed, hovered, focused, disabled, checked, width]
         // eslint-disable-line react-hooks/exhaustive-deps
       );
@@ -3828,6 +3830,7 @@ var InteractiveWrapper = (0, import_react10.forwardRef)(
     const handleBlur = (0, import_react10.useCallback)(chain(onBlur, () => setFocused(false)), [onBlur]);
     const computedStyle = (0, import_react10.useMemo)(
       () => {
+        if (isWeb) return {};
         const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused, disabled: !!rest.disabled, checked: !!rest.checked }, breakpoints);
         delete s.__divideX;
         delete s.__divideY;

package/dist/index.mjs

@@ -11,7 +11,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-3UUTNNWV.mjs";
+} from "./chunk-JVTA5SC3.mjs";
 import {
   __require,
   buildConfig,
@@ -33,7 +33,7 @@ import {
   syncGlobalScreens,
   syncGlobalWidth,
   updateConfig
-} from "./chunk-BKSXIWL7.mjs";
+} from "./chunk-JBV2R655.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";
@@ -476,7 +476,7 @@ function styled(Component, baseClasses = "") {
       const width = useConditionalWidth(needsWidth);
       const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
       const computedStyle = useMemo3(
-        () => flatten(resolved, isDark, { pressed, hover: hovered, focus: focused, disabled, checked }, breakpoints),
+        () => isWeb ? {} : flatten(resolved, isDark, { pressed, hover: hovered, focus: focused, disabled, checked }, breakpoints),
         [resolved, isDark, pressed, hovered, focused, disabled, checked, width]
         // eslint-disable-line react-hooks/exhaustive-deps
       );

package/dist/jsx-dev-runtime.js

@@ -2811,9 +2811,11 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
       Object.assign(result, styles);
     }
   }
-  const defaultFont = getDefaultFontFamily();
-  if (defaultFont && !("fontFamily" in result)) {
-    result.fontFamily = defaultFont;
+  if (isNative) {
+    const defaultFont = getDefaultFontFamily();
+    if (defaultFont && !("fontFamily" in result)) {
+      result.fontFamily = defaultFont;
+    }
   }
   if (!isNative) {
     const r = result;
@@ -3147,6 +3149,7 @@ var InteractiveWrapper = (0, import_react3.forwardRef)(
     const handleBlur = (0, import_react3.useCallback)(chain(onBlur, () => setFocused(false)), [onBlur]);
     const computedStyle = (0, import_react3.useMemo)(
       () => {
+        if (isWeb) return {};
         const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused, disabled: !!rest.disabled, checked: !!rest.checked }, breakpoints);
         delete s.__divideX;
         delete s.__divideY;
@@ -3212,6 +3215,7 @@ var DarkWrapper = import_react4.default.forwardRef(
     const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS2;
     const isNonStringComponent = typeof Component !== "string";
     const computedStyle = (0, import_react4.useMemo)(() => {
+      if (isWeb) return {};
       const s = flatten(resolvedStyle, isDark, {}, breakpoints);
       stripInternalMarkers(s);
       if (isNonStringComponent) stripWebOnlyProps(s);
@@ -3439,7 +3443,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return makeElement(isStaticChildren, effectiveType, { ...passProps2, style: finalStyle2 }, key);
   }
   const config = getConfig();
-  const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
+  const resolved = !isWeb && __kbachStyles != null ? __kbachStyles : classStr ? resolve(classStr, config.theme, config.darkMode) : {};
   const { style: userStyle, ...passProps } = omitConsumed(workingProps);
   const { interactive, modeOrResponsive } = bucketMods(resolved);
   if (interactive) {

package/dist/jsx-dev-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-KWB2XQSF.mjs";
-import "./chunk-3UUTNNWV.mjs";
-import "./chunk-BKSXIWL7.mjs";
+} from "./chunk-6YN6SRMN.mjs";
+import "./chunk-JVTA5SC3.mjs";
+import "./chunk-JBV2R655.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.js

@@ -2812,9 +2812,11 @@ function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new
       Object.assign(result, styles);
     }
   }
-  const defaultFont = getDefaultFontFamily();
-  if (defaultFont && !("fontFamily" in result)) {
-    result.fontFamily = defaultFont;
+  if (isNative) {
+    const defaultFont = getDefaultFontFamily();
+    if (defaultFont && !("fontFamily" in result)) {
+      result.fontFamily = defaultFont;
+    }
   }
   if (!isNative) {
     const r = result;
@@ -3148,6 +3150,7 @@ var InteractiveWrapper = (0, import_react3.forwardRef)(
     const handleBlur = (0, import_react3.useCallback)(chain(onBlur, () => setFocused(false)), [onBlur]);
     const computedStyle = (0, import_react3.useMemo)(
       () => {
+        if (isWeb) return {};
         const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused, disabled: !!rest.disabled, checked: !!rest.checked }, breakpoints);
         delete s.__divideX;
         delete s.__divideY;
@@ -3213,6 +3216,7 @@ var DarkWrapper = import_react4.default.forwardRef(
     const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS2;
     const isNonStringComponent = typeof Component !== "string";
     const computedStyle = (0, import_react4.useMemo)(() => {
+      if (isWeb) return {};
       const s = flatten(resolvedStyle, isDark, {}, breakpoints);
       stripInternalMarkers(s);
       if (isNonStringComponent) stripWebOnlyProps(s);
@@ -3448,7 +3452,7 @@ function processElement(type, rawProps, key, isStaticChildren) {
     return makeElement(isStaticChildren, effectiveType, { ...passProps2, style: finalStyle2 }, key);
   }
   const config = getConfig();
-  const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
+  const resolved = !isWeb && __kbachStyles != null ? __kbachStyles : classStr ? resolve(classStr, config.theme, config.darkMode) : {};
   const { style: userStyle, ...passProps } = omitConsumed(workingProps);
   const { interactive, modeOrResponsive } = bucketMods(resolved);
   if (interactive) {

package/dist/jsx-runtime.mjs

@@ -3,11 +3,11 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-KWB2XQSF.mjs";
+} from "./chunk-6YN6SRMN.mjs";
 import {
   registerWebElement
-} from "./chunk-3UUTNNWV.mjs";
-import "./chunk-BKSXIWL7.mjs";
+} from "./chunk-JVTA5SC3.mjs";
+import "./chunk-JBV2R655.mjs";
 export {
   Fragment,
   _invalidateDefaultFontCache,

package/dist/vite-plugin.mjs

@@ -4,7 +4,7 @@ import {
   generateClassCSS,
   setCSSGenMode,
   splitClassTokens
-} from "./chunk-BKSXIWL7.mjs";
+} from "./chunk-JBV2R655.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, readdirSync, statSync } from "fs";

package/package.json

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