@kbach/react 0.3.6 → 0.3.7

package/dist/{chunk-UFSME6UC.mjs → chunk-2D35ZED5.mjs}

@@ -507,8 +507,8 @@ var defaultTheme = {
     }
   },
   screens: {
-    sm: 390,
-    // large phones (iPhone 12+, most Android flagships)
+    sm: 360,
+    // phones (virtually all modern devices)
     md: 768,
     // tablets (iPad and up)
     lg: 1024,

package/dist/{chunk-ALKTUEAA.mjs → chunk-VTAK5IRJ.mjs}

@@ -8,7 +8,7 @@ import {
   resolve,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-UFSME6UC.mjs";
+} from "./chunk-2D35ZED5.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";

package/dist/index.js

@@ -637,8 +637,8 @@ var defaultTheme = {
     }
   },
   screens: {
-    sm: 390,
-    // large phones (iPhone 12+, most Android flagships)
+    sm: 360,
+    // phones (virtually all modern devices)
     md: 768,
     // tablets (iPad and up)
     lg: 1024,
@@ -2463,6 +2463,9 @@ function ThemeProvider({
   const effectiveWidth = windowWidthProp ?? (isWeb ? webWidth : 0);
   syncGlobalWidth(effectiveWidth);
   syncGlobalScreens(resolvedConfig.theme.screens);
+  (0, import_react3.useEffect)(() => {
+    setGlobalWidth(effectiveWidth);
+  }, [effectiveWidth]);
   (0, import_react3.useEffect)(() => {
     if (!isWeb || typeof window === "undefined") return;
     let raf = 0;

package/dist/index.mjs

@@ -22,7 +22,7 @@ import {
   updateConfig,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-UFSME6UC.mjs";
+} from "./chunk-2D35ZED5.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";
@@ -148,6 +148,9 @@ function ThemeProvider({
   const effectiveWidth = windowWidthProp ?? (isWeb ? webWidth : 0);
   syncGlobalWidth(effectiveWidth);
   syncGlobalScreens(resolvedConfig.theme.screens);
+  useEffect(() => {
+    setGlobalWidth(effectiveWidth);
+  }, [effectiveWidth]);
   useEffect(() => {
     if (!isWeb || typeof window === "undefined") return;
     let raf = 0;

package/dist/jsx-dev-runtime.js

@@ -540,8 +540,8 @@ var defaultTheme = {
     }
   },
   screens: {
-    sm: 390,
-    // large phones (iPhone 12+, most Android flagships)
+    sm: 360,
+    // phones (virtually all modern devices)
     md: 768,
     // tablets (iPad and up)
     lg: 1024,

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-ALKTUEAA.mjs";
-import "./chunk-UFSME6UC.mjs";
+} from "./chunk-VTAK5IRJ.mjs";
+import "./chunk-2D35ZED5.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -539,8 +539,8 @@ var defaultTheme = {
     }
   },
   screens: {
-    sm: 390,
-    // large phones (iPhone 12+, most Android flagships)
+    sm: 360,
+    // phones (virtually all modern devices)
     md: 768,
     // tablets (iPad and up)
     lg: 1024,

package/dist/jsx-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-ALKTUEAA.mjs";
-import "./chunk-UFSME6UC.mjs";
+} from "./chunk-VTAK5IRJ.mjs";
+import "./chunk-2D35ZED5.mjs";
 export {
   Fragment,
   jsx,

package/package.json

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