@umituz/react-native-design-system 2.9.54 → 2.9.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.54",
+  "version": "2.9.55",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/responsive/useResponsive.ts

@@ -5,7 +5,7 @@
 
 import { useCallback, useMemo } from "react";
 import { useWindowDimensions } from "react-native";
-import { useSafeAreaInsets } from "../safe-area";
+import { initialWindowMetrics } from "../safe-area";
 import {
   getResponsiveLogoSize,
   getResponsiveInputHeight,
@@ -19,9 +19,22 @@ import { computeResponsiveSizes, computeOnboardingSizes } from "./compute/comput
 import { computeResponsivePositioning } from "./compute/computeResponsivePositioning";
 import type { UseResponsiveReturn } from "./types/responsiveTypes";
 
+/**
+ * Get safe area insets from initial window metrics
+ * Used before SafeAreaProvider initializes
+ */
+const getInitialSafeAreaInsets = () => {
+  if (initialWindowMetrics?.insets) {
+    return initialWindowMetrics.insets;
+  }
+
+  // Fallback to zero insets if no metrics available
+  return { top: 0, bottom: 0, left: 0, right: 0 };
+};
+
 export const useResponsive = (): UseResponsiveReturn => {
   const { width, height } = useWindowDimensions();
-  const insets = useSafeAreaInsets();
+  const insets = getInitialSafeAreaInsets();
 
   // Memoize utility functions
   const getLogoSize = useCallback(
@@ -111,7 +124,7 @@ export const useResponsive = (): UseResponsiveReturn => {
         getGridCols,
       };
     },
-    [width, height, insets, getLogoSize, getInputHeight, getIconSize, getMaxWidth, getFontSize, getGridCols], // Added callbacks to dep array
+    [width, height, getLogoSize, getInputHeight, getIconSize, getMaxWidth, getFontSize, getGridCols],
   );
 
   return responsiveValues;