@react-navigation/elements 2.4.2 → 2.4.4

package/lib/module/Header/Header.js

@@ -4,8 +4,9 @@ import { useNavigation, useTheme } from '@react-navigation/native';
 import Color from 'color';
 import * as React from 'react';
 import { Animated, Platform, StyleSheet, View } from 'react-native';
-import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import searchIcon from '../assets/search-icon.png';
+import { useFrameSize } from "../useFrameSize.js";
 import { getDefaultHeaderHeight } from "./getDefaultHeaderHeight.js";
 import { HeaderBackButton } from "./HeaderBackButton.js";
 import { HeaderBackground } from "./HeaderBackground.js";
@@ -30,7 +31,7 @@ const warnIfHeaderStylesDefined = styles => {
 };
 export function Header(props) {
   const insets = useSafeAreaInsets();
-  const frame = useSafeAreaFrame();
+  const frame = useFrameSize(size => size, true);
   const {
     colors
   } = useTheme();

package/lib/module/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNavigation","useTheme","Color","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","searchIcon","getDefaultHeaderHeight","HeaderBackButton","HeaderBackground","HeaderButton","HeaderIcon","HeaderSearchBar","HeaderShownContext","HeaderTitle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","colors","navigation","isParentHeaderShown","useContext","searchBarVisible","setSearchBarVisible","useState","titleLayout","setTitleLayout","onTitleLayout","e","height","width","nativeEvent","layout","modal","back","title","headerTitle","customTitle","headerTitleAlign","OS","headerLeft","headerSearchBarOptions","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackButtonDisplayMode","headerBackTitleStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","select","android","web","default","iconTintColor","ios","primary","text","leftButton","tintColor","pressColor","pressOpacity","displayMode","screenLayout","canGoBack","Boolean","onPress","goBack","label","labelStyle","href","rightButton","pointerEvents","style","children","absoluteFill","alpha","content","large","start","expand","marginStart","left","maxWidth","Math","max","right","marginHorizontal","allowFontScaling","onLayout","end","marginEnd","onOpen","source","visible","onClose","paddingTop","card","create","flex","flexDirection","alignItems","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useNavigation","useTheme","Color","React","Animated","Platform","StyleSheet","View","useSafeAreaInsets","searchIcon","useFrameSize","getDefaultHeaderHeight","HeaderBackButton","HeaderBackground","HeaderButton","HeaderIcon","HeaderSearchBar","HeaderShownContext","HeaderTitle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","size","colors","navigation","isParentHeaderShown","useContext","searchBarVisible","setSearchBarVisible","useState","titleLayout","setTitleLayout","onTitleLayout","e","height","width","nativeEvent","layout","modal","back","title","headerTitle","customTitle","headerTitleAlign","OS","headerLeft","headerSearchBarOptions","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackButtonDisplayMode","headerBackTitleStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","minHeight","maxHeight","backgroundColor","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopColor","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopWidth","borderWidth","boxShadow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","opacity","transform","unsafeStyles","flatten","process","env","NODE_ENV","safeStyles","backgroundStyle","select","android","web","default","iconTintColor","ios","primary","text","leftButton","tintColor","pressColor","pressOpacity","displayMode","screenLayout","canGoBack","Boolean","onPress","goBack","label","labelStyle","href","rightButton","pointerEvents","style","children","absoluteFill","alpha","content","large","start","expand","marginStart","left","maxWidth","Math","max","right","marginHorizontal","allowFontScaling","onLayout","end","marginEnd","onOpen","source","visible","onClose","paddingTop","card","create","flex","flexDirection","alignItems","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SafeAreaProviderCompat.js

@@ -2,8 +2,9 @@
 
 import * as React from 'react';
 import { Dimensions, Platform, StyleSheet, View } from 'react-native';
-import { initialWindowMetrics, SafeAreaFrameContext, SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { initialWindowMetrics, SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
+import { FrameSizeProvider } from "./useFrameSize.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   width = 0,
   height = 0
@@ -31,6 +32,9 @@ export function SafeAreaProviderCompat({
   style
 }) {
   const insets = React.useContext(SafeAreaInsetsContext);
+  children = /*#__PURE__*/_jsx(FrameSizeProvider, {
+    children: children
+  });
   if (insets) {
     // If we already have insets, don't wrap the stack in another safe area provider
     // This avoids an issue with updates at the cost of potentially incorrect values
@@ -40,81 +44,12 @@ export function SafeAreaProviderCompat({
       children: children
     });
   }
-  if (Platform.OS === 'web') {
-    children = /*#__PURE__*/_jsx(SafeAreaFrameProvider, {
-      initialMetrics: initialMetrics,
-      children: children
-    });
-  }
   return /*#__PURE__*/_jsx(SafeAreaProvider, {
     initialMetrics: initialMetrics,
     style: style,
     children: children
   });
 }
-
-// FIXME: On the Web, the safe area frame value doesn't update on resize
-// So we workaround this by measuring the frame on resize
-const SafeAreaFrameProvider = ({
-  initialMetrics,
-  children
-}) => {
-  const element = React.useRef(null);
-  const [frame, setFrame] = React.useState(initialMetrics.frame);
-  React.useEffect(() => {
-    if (element.current == null) {
-      return;
-    }
-    const rect = element.current.getBoundingClientRect();
-
-    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
-    setFrame({
-      x: rect.x,
-      y: rect.y,
-      width: rect.width,
-      height: rect.height
-    });
-    let timeout;
-    const observer = new ResizeObserver(entries => {
-      const entry = entries[0];
-      if (entry) {
-        const {
-          x,
-          y,
-          width,
-          height
-        } = entry.contentRect;
-
-        // Debounce the frame updates to avoid too many updates in a short time
-        clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          setFrame({
-            x,
-            y,
-            width,
-            height
-          });
-        }, 100);
-      }
-    });
-    observer.observe(element.current);
-    return () => {
-      observer.disconnect();
-      clearTimeout(timeout);
-    };
-  }, []);
-  return /*#__PURE__*/_jsxs(SafeAreaFrameContext.Provider, {
-    value: frame,
-    children: [/*#__PURE__*/_jsx("div", {
-      ref: element,
-      style: {
-        ...StyleSheet.absoluteFillObject,
-        pointerEvents: 'none',
-        visibility: 'hidden'
-      }
-    }), children]
-  });
-};
 SafeAreaProviderCompat.initialMetrics = initialMetrics;
 const styles = StyleSheet.create({
   container: {

package/lib/module/SafeAreaProviderCompat.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","Platform","StyleSheet","View","initialWindowMetrics","SafeAreaFrameContext","SafeAreaInsetsContext","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","width","height","get","initialMetrics","OS","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","children","style","useContext","styles","container","SafeAreaFrameProvider","element","useRef","setFrame","useState","useEffect","current","rect","getBoundingClientRect","timeout","observer","ResizeObserver","entries","entry","contentRect","clearTimeout","setTimeout","observe","disconnect","Provider","value","ref","absoluteFillObject","pointerEvents","visibility","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Dimensions","Platform","StyleSheet","View","initialWindowMetrics","SafeAreaInsetsContext","SafeAreaProvider","FrameSizeProvider","jsx","_jsx","width","height","get","initialMetrics","OS","frame","x","y","insets","top","left","right","bottom","SafeAreaProviderCompat","children","style","useContext","styles","container","create","flex"],"sourceRoot":"../../src","sources":["SafeAreaProviderCompat.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,QAAQ,EAERC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,gBAAgB,QACX,gCAAgC;AAEvC,SAASC,iBAAiB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOnD,MAAM;EAAEC,KAAK,GAAG,CAAC;EAAEC,MAAM,GAAG;AAAE,CAAC,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC;;AAE1D;AACA;AACA;AACA,MAAMC,cAAc,GAClBZ,QAAQ,CAACa,EAAE,KAAK,KAAK,IAAIV,oBAAoB,IAAI,IAAI,GACjD;EACEW,KAAK,EAAE;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE,CAAC;IAAEP,KAAK;IAAEC;EAAO,CAAC;EACpCO,MAAM,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE;AACjD,CAAC,GACDlB,oBAAoB;AAE1B,OAAO,SAASmB,sBAAsBA,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EACjE,MAAMP,MAAM,GAAGnB,KAAK,CAAC2B,UAAU,CAACrB,qBAAqB,CAAC;EAEtDmB,QAAQ,gBAAGf,IAAA,CAACF,iBAAiB;IAAAiB,QAAA,EAAEA;EAAQ,CAAoB,CAAC;EAE5D,IAAIN,MAAM,EAAE;IACV;IACA;IACA;IACA,oBAAOT,IAAA,CAACN,IAAI;MAACsB,KAAK,EAAE,CAACE,MAAM,CAACC,SAAS,EAAEH,KAAK,CAAE;MAAAD,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAClE;EAEA,oBACEf,IAAA,CAACH,gBAAgB;IAACO,cAAc,EAAEA,cAAe;IAACY,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAC5DA;EAAQ,CACO,CAAC;AAEvB;AAEAD,sBAAsB,CAACV,cAAc,GAAGA,cAAc;AAEtD,MAAMc,MAAM,GAAGzB,UAAU,CAAC2B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Screen.js

@@ -3,14 +3,14 @@
 import { NavigationContext, NavigationRouteContext } from '@react-navigation/native';
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Background } from "./Background.js";
 import { getDefaultHeaderHeight } from "./Header/getDefaultHeaderHeight.js";
 import { HeaderHeightContext } from "./Header/HeaderHeightContext.js";
 import { HeaderShownContext } from "./Header/HeaderShownContext.js";
+import { useFrameSize } from "./useFrameSize.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Screen(props) {
-  const dimensions = useSafeAreaFrame();
   const insets = useSafeAreaInsets();
   const isParentHeaderShown = React.useContext(HeaderShownContext);
   const parentHeaderHeight = React.useContext(HeaderHeightContext);
@@ -26,7 +26,8 @@ export function Screen(props) {
     children,
     style
   } = props;
-  const [headerHeight, setHeaderHeight] = React.useState(() => getDefaultHeaderHeight(dimensions, modal, headerStatusBarHeight));
+  const defaultHeaderHeight = useFrameSize(size => getDefaultHeaderHeight(size, modal, headerStatusBarHeight));
+  const [headerHeight, setHeaderHeight] = React.useState(defaultHeaderHeight);
   return /*#__PURE__*/_jsxs(Background, {
     "aria-hidden": !focused,
     style: [styles.container, style]

package/lib/module/Screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","jsx","_jsx","jsxs","_jsxs","Screen","props","dimensions","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","headerHeight","setHeaderHeight","useState","styles","container","collapsable","Provider","value","pointerEvents","onLayout","e","height","nativeEvent","layout","absolute","content","create","flex","zIndex","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["NavigationContext","NavigationRouteContext","React","StyleSheet","View","useSafeAreaInsets","Background","getDefaultHeaderHeight","HeaderHeightContext","HeaderShownContext","useFrameSize","jsx","_jsx","jsxs","_jsxs","Screen","props","insets","isParentHeaderShown","useContext","parentHeaderHeight","focused","modal","header","headerShown","headerTransparent","headerStatusBarHeight","top","navigation","route","children","style","defaultHeaderHeight","size","headerHeight","setHeaderHeight","useState","styles","container","collapsable","Provider","value","pointerEvents","onLayout","e","height","nativeEvent","layout","absolute","content","create","flex","zIndex","position","start","end"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/getNamedContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","contexts","globalThis","Map","getNamedContext","name","initialValue","context","get","createContext","displayName","set"],"sourceRoot":"../../src","sources":["getNamedContext.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,QAAQ,GAAG,uCAAuC;AAOxD;AACAC,UAAU,CAACD,QAAQ,CAAC,GAClBC,UAAU,CAACD,QAAQ,CAAC,IAAI,IAAIE,GAAG,CAA6B,CAAC;AAE/D,OAAO,SAASC,eAAeA,CAC7BC,IAAY,EACZC,YAAe,EACG;EAClB,IAAIC,OAAO,GAAGL,UAAU,CAACD,QAAQ,CAAC,CAACO,GAAG,CAACH,IAAI,CAAC;EAE5C,IAAIE,OAAO,EAAE;IACX,OAAOA,OAAO;EAChB;EAEAA,OAAO,gBAAGP,KAAK,CAACS,aAAa,CAAIH,YAAY,CAAC;EAC9CC,OAAO,CAACG,WAAW,GAAGL,IAAI;EAE1BH,UAAU,CAACD,QAAQ,CAAC,CAACU,GAAG,CAACN,IAAI,EAAEE,OAAO,CAAC;EAEvC,OAAOA,OAAO;AAChB","ignoreList":[]}
+{"version":3,"names":["React","contexts","globalThis","Map","getNamedContext","name","initialValue","context","get","createContext","displayName","set"],"sourceRoot":"../../src","sources":["getNamedContext.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,QAAQ,GAAG,uCAAuC;AAMxD;AACAC,UAAU,CAACD,QAAQ,CAAC,GAClBC,UAAU,CAACD,QAAQ,CAAC,IAAI,IAAIE,GAAG,CAA6B,CAAC;AAE/D,OAAO,SAASC,eAAeA,CAC7BC,IAAY,EACZC,YAAe,EACG;EAClB,IAAIC,OAAO,GAAGL,UAAU,CAACD,QAAQ,CAAC,CAACO,GAAG,CAACH,IAAI,CAAC;EAE5C,IAAIE,OAAO,EAAE;IACX,OAAOA,OAAO;EAChB;EAEAA,OAAO,gBAAGP,KAAK,CAACS,aAAa,CAAIH,YAAY,CAAC;EAC9CC,OAAO,CAACG,WAAW,GAAGL,IAAI;EAE1BH,UAAU,CAACD,QAAQ,CAAC,CAACU,GAAG,CAACN,IAAI,EAAEE,OAAO,CAAC;EAEvC,OAAOA,OAAO;AAChB","ignoreList":[]}

package/lib/module/index.js

@@ -27,6 +27,7 @@ export { ResourceSavingView } from "./ResourceSavingView.js";
 export { SafeAreaProviderCompat } from "./SafeAreaProviderCompat.js";
 export { Screen } from "./Screen.js";
 export { Text } from "./Text.js";
+export { useFrameSize } from "./useFrameSize.js";
 export const Assets = [backIcon, backIconMask, searchIcon, closeIcon, clearIcon];
 export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["backIcon","backIconMask","clearIcon","closeIcon","searchIcon","Background","Button","getDefaultSidebarWidth","getDefaultHeaderHeight","getHeaderTitle","Header","HeaderBackButton","HeaderBackContext","HeaderBackground","HeaderButton","HeaderHeightContext","HeaderShownContext","HeaderTitle","useHeaderHeight","getLabel","Label","MissingIcon","PlatformPressable","ResourceSavingView","SafeAreaProviderCompat","Screen","Text","Assets"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,YAAY,MAAM,6BAA6B;AACtD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,UAAU,MAAM,0BAA0B;AAEjD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,sBAAsB,QAAQ,oCAAiC;AACxE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,iBAAiB,QAAQ,+BAA4B;AAC9D,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SAASC,mBAAmB,QAAQ,iCAA8B;AAClE,SAASC,kBAAkB,QAAQ,gCAA6B;AAChE,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,eAAe,QAAQ,6BAA0B;AAC1D,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,KAAK,QAAQ,kBAAe;AACrC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAE7B,OAAO,MAAMC,MAAM,GAAG,CACpB3B,QAAQ,EACRC,YAAY,EACZG,UAAU,EACVD,SAAS,EACTD,SAAS,CACV;AAED,cAAc,YAAS","ignoreList":[]}
+{"version":3,"names":["backIcon","backIconMask","clearIcon","closeIcon","searchIcon","Background","Button","getDefaultSidebarWidth","getDefaultHeaderHeight","getHeaderTitle","Header","HeaderBackButton","HeaderBackContext","HeaderBackground","HeaderButton","HeaderHeightContext","HeaderShownContext","HeaderTitle","useHeaderHeight","getLabel","Label","MissingIcon","PlatformPressable","ResourceSavingView","SafeAreaProviderCompat","Screen","Text","useFrameSize","Assets"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,YAAY,MAAM,6BAA6B;AACtD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,UAAU,MAAM,0BAA0B;AAEjD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,sBAAsB,QAAQ,oCAAiC;AACxE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,iBAAiB,QAAQ,+BAA4B;AAC9D,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SAASC,mBAAmB,QAAQ,iCAA8B;AAClE,SAASC,kBAAkB,QAAQ,gCAA6B;AAChE,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,eAAe,QAAQ,6BAA0B;AAC1D,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,KAAK,QAAQ,kBAAe;AACrC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,OAAO,MAAMC,MAAM,GAAG,CACpB5B,QAAQ,EACRC,YAAY,EACZG,UAAU,EACVD,SAAS,EACTD,SAAS,CACV;AAED,cAAc,YAAS","ignoreList":[]}

package/lib/module/useFrameSize.js

@@ -0,0 +1,142 @@
+"use strict";
+
+import * as React from 'react';
+import { Dimensions, Platform, StyleSheet } from 'react-native';
+// eslint-disable-next-line no-restricted-imports
+import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import useLatestCallback from 'use-latest-callback';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FrameContext = /*#__PURE__*/React.createContext(undefined);
+export function useFrameSize(selector, debounce) {
+  const context = React.useContext(FrameContext);
+  if (context == null) {
+    throw new Error('useFrameSize must be used within a FrameSizeProvider');
+  }
+  const value = React.useSyncExternalStore(debounce ? context.subscribeDebounced : context.subscribe, () => selector(context.getCurrent()), () => selector(context.getCurrent()));
+  return value;
+}
+export function FrameSizeProvider({
+  children
+}) {
+  const context = React.useContext(FrameContext);
+  if (context != null) {
+    // If the context is already present, don't wrap again
+    return children;
+  }
+  return /*#__PURE__*/_jsx(FrameSizeProviderInner, {
+    children: children
+  });
+}
+function FrameSizeProviderInner({
+  children
+}) {
+  const listeners = React.useRef(new Set());
+  const {
+    element,
+    get
+  } = useResizeListener(size => {
+    listeners.current.forEach(listener => listener(size));
+  });
+  const getCurrent = useLatestCallback(get);
+  const subscribe = useLatestCallback(listener => {
+    listeners.current.add(listener);
+    return () => {
+      listeners.current.delete(listener);
+    };
+  });
+  const subscribeDebounced = useLatestCallback(listener => {
+    let timer;
+    const debouncedListener = size => {
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        listener(size);
+      }, 100);
+    };
+    listeners.current.add(debouncedListener);
+    return () => {
+      clearTimeout(timer);
+      listeners.current.delete(debouncedListener);
+    };
+  });
+  const context = React.useMemo(() => ({
+    getCurrent,
+    subscribe,
+    subscribeDebounced
+  }), [subscribe, subscribeDebounced, getCurrent]);
+  return /*#__PURE__*/_jsxs(FrameContext.Provider, {
+    value: context,
+    children: [element, children]
+  });
+}
+const useResizeListener = Platform.OS === 'web' ? useResizeListenerWeb : useResizeListenerNative;
+function useResizeListenerNative(onChange) {
+  const frame = useSafeAreaFrame();
+  React.useLayoutEffect(() => {
+    onChange(frame);
+  }, [frame, onChange]);
+  return {
+    element: null,
+    get: () => frame
+  };
+}
+const {
+  width = 0,
+  height = 0
+} = Dimensions.get('window');
+
+// FIXME: On the Web, the safe area frame value doesn't update on resize
+// So we workaround this by measuring the frame on resize
+function useResizeListenerWeb(onChange) {
+  const frameRef = React.useRef({
+    width,
+    height
+  });
+  const elementRef = React.useRef(null);
+  React.useEffect(() => {
+    if (elementRef.current == null) {
+      return;
+    }
+    const update = size => {
+      if (frameRef.current.width === size.width && frameRef.current.height === size.height) {
+        return;
+      }
+      frameRef.current = size;
+      onChange(size);
+    };
+    const rect = elementRef.current.getBoundingClientRect();
+    update({
+      width: rect.width,
+      height: rect.height
+    });
+    const observer = new ResizeObserver(entries => {
+      const entry = entries[0];
+      if (entry) {
+        const {
+          width,
+          height
+        } = entry.contentRect;
+        update({
+          width,
+          height
+        });
+      }
+    });
+    observer.observe(elementRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [onChange]);
+  const element = /*#__PURE__*/_jsx("div", {
+    ref: elementRef,
+    style: {
+      ...StyleSheet.absoluteFillObject,
+      pointerEvents: 'none',
+      visibility: 'hidden'
+    }
+  });
+  return {
+    element,
+    get: () => frameRef.current
+  };
+}
+//# sourceMappingURL=useFrameSize.js.map

package/lib/module/useFrameSize.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","Platform","StyleSheet","useSafeAreaFrame","useLatestCallback","jsx","_jsx","jsxs","_jsxs","FrameContext","createContext","undefined","useFrameSize","selector","debounce","context","useContext","Error","value","useSyncExternalStore","subscribeDebounced","subscribe","getCurrent","FrameSizeProvider","children","FrameSizeProviderInner","listeners","useRef","Set","element","get","useResizeListener","size","current","forEach","listener","add","delete","timer","debouncedListener","clearTimeout","setTimeout","useMemo","Provider","OS","useResizeListenerWeb","useResizeListenerNative","onChange","frame","useLayoutEffect","width","height","frameRef","elementRef","useEffect","update","rect","getBoundingClientRect","observer","ResizeObserver","entries","entry","contentRect","observe","disconnect","ref","style","absoluteFillObject","pointerEvents","visibility"],"sourceRoot":"../../src","sources":["useFrameSize.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/Header/Header.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAatD,KAAK,KAAK,GAAG,aAAa,GAAG;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE;QACL;;WAEG;QACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B;;WAEG;QACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;KAC1B,CAAC;IACF;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAkBF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CA2VlC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/Header/Header.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AActD,KAAK,KAAK,GAAG,aAAa,GAAG;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE;QACL;;WAEG;QACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B;;WAEG;QACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;KAC1B,CAAC;IACF;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAkBF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CA2VlC"}

package/lib/typescript/src/SafeAreaProviderCompat.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { type StyleProp, type ViewStyle } from 'react-native';
-import { type Metrics } from 'react-native-safe-area-context';
 type Props = {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
 };
 export declare function SafeAreaProviderCompat({ children, style }: Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace SafeAreaProviderCompat {
-    var initialMetrics: Metrics;
+    var initialMetrics: import("react-native-safe-area-context").Metrics;
 }
 export {};
 //# sourceMappingURL=SafeAreaProviderCompat.d.ts.map

package/lib/typescript/src/SafeAreaProviderCompat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,KAAK,OAAO,EAIb,MAAM,gCAAgC,CAAC;AAExC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAeF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAuBhE;yBAvBe,sBAAsB"}
+{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAeF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBhE;yBAjBe,sBAAsB"}

package/lib/typescript/src/Screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CAiElC"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,2CAkElC"}

package/lib/typescript/src/getNamedContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNamedContext.d.ts","sourceRoot":"","sources":["../../../src/getNamedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,qCAAqC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;CAC5E;AAMD,wBAAgB,eAAe,CAAC,CAAC,EAC/B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAalB"}
+{"version":3,"file":"getNamedContext.d.ts","sourceRoot":"","sources":["../../../src/getNamedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,qCAAqC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;CAC5E;AAMD,wBAAgB,eAAe,CAAC,CAAC,EAC/B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAalB"}

package/lib/typescript/src/index.d.ts

@@ -20,6 +20,7 @@ export { ResourceSavingView } from './ResourceSavingView';
 export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
 export { Screen } from './Screen';
 export { Text } from './Text';
+export { useFrameSize } from './useFrameSize';
 export declare const Assets: any[];
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,eAAO,MAAM,MAAM,OAMlB,CAAC;AAEF,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,MAAM,OAMlB,CAAC;AAEF,cAAc,SAAS,CAAC"}

package/lib/typescript/src/useFrameSize.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+type Size = {
+    width: number;
+    height: number;
+};
+export declare function useFrameSize<T>(selector: (size: Size) => T, debounce?: boolean): T;
+export declare function FrameSizeProvider({ children }: {
+    children: React.ReactNode;
+}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=useFrameSize.d.ts.map

package/lib/typescript/src/useFrameSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameSize.d.ts","sourceRoot":"","sources":["../../../src/useFrameSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,EAC3B,QAAQ,CAAC,EAAE,OAAO,GACjB,CAAC,CAcH;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,yTAS5E"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/elements",
   "description": "UI Components for React Navigation",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -18,11 +18,11 @@
     "url": "https://github.com/react-navigation/react-navigation/issues"
   },
   "homepage": "https://reactnavigation.org",
-  "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
+      "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
@@ -42,24 +42,25 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "color": "^4.2.3"
+    "color": "^4.2.3",
+    "use-latest-callback": "^0.2.4"
   },
   "devDependencies": {
-    "@jest/globals": "^29.7.0",
+    "@jest/globals": "^30.0.0",
     "@react-native-masked-view/masked-view": "0.3.2",
-    "@react-navigation/native": "^7.1.9",
+    "@react-navigation/native": "^7.1.11",
     "@testing-library/react-native": "^13.2.0",
     "@types/react": "~19.0.10",
     "del-cli": "^6.0.0",
     "react": "19.0.0",
-    "react-native": "0.79.2",
-    "react-native-builder-bob": "^0.40.9",
+    "react-native": "0.79.3",
+    "react-native-builder-bob": "^0.40.12",
     "react-test-renderer": "19.0.0",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
     "@react-native-masked-view/masked-view": ">= 0.2.0",
-    "@react-navigation/native": "^7.1.9",
+    "@react-navigation/native": "^7.1.11",
     "react": ">= 18.2.0",
     "react-native": "*",
     "react-native-safe-area-context": ">= 4.0.0"
@@ -87,5 +88,5 @@
       ]
     ]
   },
-  "gitHead": "9805f3b244eab19148a61bc888fc58e3d674cd2b"
+  "gitHead": "27560ad2fc55987654a2f9419a016225387e78fe"
 }

package/src/Header/Header.tsx

@@ -9,13 +9,11 @@ import {
   View,
   type ViewStyle,
 } from 'react-native';
-import {
-  useSafeAreaFrame,
-  useSafeAreaInsets,
-} from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import searchIcon from '../assets/search-icon.png';
 import type { HeaderOptions, Layout } from '../types';
+import { useFrameSize } from '../useFrameSize';
 import { getDefaultHeaderHeight } from './getDefaultHeaderHeight';
 import { HeaderBackButton } from './HeaderBackButton';
 import { HeaderBackground } from './HeaderBackground';
@@ -74,7 +72,7 @@ const warnIfHeaderStylesDefined = (styles: Record<string, any>) => {
 
 export function Header(props: Props) {
   const insets = useSafeAreaInsets();
-  const frame = useSafeAreaFrame();
+  const frame = useFrameSize((size) => size, true);
   const { colors } = useTheme();
 
   const navigation = useNavigation();

package/src/SafeAreaProviderCompat.tsx

@@ -9,12 +9,12 @@ import {
 } from 'react-native';
 import {
   initialWindowMetrics,
-  type Metrics,
-  SafeAreaFrameContext,
   SafeAreaInsetsContext,
   SafeAreaProvider,
 } from 'react-native-safe-area-context';
 
+import { FrameSizeProvider } from './useFrameSize';
+
 type Props = {
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
@@ -36,6 +36,8 @@ const initialMetrics =
 export function SafeAreaProviderCompat({ children, style }: Props) {
   const insets = React.useContext(SafeAreaInsetsContext);
 
+  children = <FrameSizeProvider>{children}</FrameSizeProvider>;
+
   if (insets) {
     // If we already have insets, don't wrap the stack in another safe area provider
     // This avoids an issue with updates at the cost of potentially incorrect values
@@ -43,14 +45,6 @@ export function SafeAreaProviderCompat({ children, style }: Props) {
     return <View style={[styles.container, style]}>{children}</View>;
   }
 
-  if (Platform.OS === 'web') {
-    children = (
-      <SafeAreaFrameProvider initialMetrics={initialMetrics}>
-        {children}
-      </SafeAreaFrameProvider>
-    );
-  }
-
   return (
     <SafeAreaProvider initialMetrics={initialMetrics} style={style}>
       {children}
@@ -58,72 +52,6 @@ export function SafeAreaProviderCompat({ children, style }: Props) {
   );
 }
 
-// FIXME: On the Web, the safe area frame value doesn't update on resize
-// So we workaround this by measuring the frame on resize
-const SafeAreaFrameProvider = ({
-  initialMetrics,
-  children,
-}: {
-  initialMetrics: Metrics;
-  children: React.ReactNode;
-}) => {
-  const element = React.useRef<HTMLDivElement>(null);
-  const [frame, setFrame] = React.useState(initialMetrics.frame);
-
-  React.useEffect(() => {
-    if (element.current == null) {
-      return;
-    }
-
-    const rect = element.current.getBoundingClientRect();
-
-    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
-    setFrame({
-      x: rect.x,
-      y: rect.y,
-      width: rect.width,
-      height: rect.height,
-    });
-
-    let timeout: ReturnType<typeof setTimeout>;
-
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-
-      if (entry) {
-        const { x, y, width, height } = entry.contentRect;
-
-        // Debounce the frame updates to avoid too many updates in a short time
-        clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          setFrame({ x, y, width, height });
-        }, 100);
-      }
-    });
-
-    observer.observe(element.current);
-
-    return () => {
-      observer.disconnect();
-      clearTimeout(timeout);
-    };
-  }, []);
-
-  return (
-    <SafeAreaFrameContext.Provider value={frame}>
-      <div
-        ref={element}
-        style={{
-          ...StyleSheet.absoluteFillObject,
-          pointerEvents: 'none',
-          visibility: 'hidden',
-        }}
-      />
-      {children}
-    </SafeAreaFrameContext.Provider>
-  );
-};
-
 SafeAreaProviderCompat.initialMetrics = initialMetrics;
 
 const styles = StyleSheet.create({

package/src/Screen.tsx

@@ -13,15 +13,13 @@ import {
   View,
   type ViewStyle,
 } from 'react-native';
-import {
-  useSafeAreaFrame,
-  useSafeAreaInsets,
-} from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { Background } from './Background';
 import { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
 import { HeaderHeightContext } from './Header/HeaderHeightContext';
 import { HeaderShownContext } from './Header/HeaderShownContext';
+import { useFrameSize } from './useFrameSize';
 
 type Props = {
   focused: boolean;
@@ -37,7 +35,6 @@ type Props = {
 };
 
 export function Screen(props: Props) {
-  const dimensions = useSafeAreaFrame();
   const insets = useSafeAreaInsets();
 
   const isParentHeaderShown = React.useContext(HeaderShownContext);
@@ -56,10 +53,12 @@ export function Screen(props: Props) {
     style,
   } = props;
 
-  const [headerHeight, setHeaderHeight] = React.useState(() =>
-    getDefaultHeaderHeight(dimensions, modal, headerStatusBarHeight)
+  const defaultHeaderHeight = useFrameSize((size) =>
+    getDefaultHeaderHeight(size, modal, headerStatusBarHeight)
   );
 
+  const [headerHeight, setHeaderHeight] = React.useState(defaultHeaderHeight);
+
   return (
     <Background
       aria-hidden={!focused}

package/src/getNamedContext.tsx

@@ -3,7 +3,6 @@ import * as React from 'react';
 const contexts = '__react_navigation__elements_contexts';
 
 declare global {
-  // eslint-disable-next-line no-var
   var __react_navigation__elements_contexts: Map<string, React.Context<any>>;
 }
 

package/src/index.tsx

@@ -26,6 +26,7 @@ export { ResourceSavingView } from './ResourceSavingView';
 export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
 export { Screen } from './Screen';
 export { Text } from './Text';
+export { useFrameSize } from './useFrameSize';
 
 export const Assets = [
   backIcon,

package/src/useFrameSize.tsx

@@ -0,0 +1,198 @@
+import * as React from 'react';
+import { Dimensions, Platform, StyleSheet } from 'react-native';
+// eslint-disable-next-line no-restricted-imports
+import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import useLatestCallback from 'use-latest-callback';
+
+type Size = {
+  width: number;
+  height: number;
+};
+
+type Listener = (size: Size) => void;
+
+type RemoveListener = () => void;
+
+type FrameContextType = {
+  getCurrent: () => Size;
+  subscribe: (listener: Listener, debounce?: boolean) => RemoveListener;
+  subscribeDebounced: (listener: Listener) => RemoveListener;
+};
+
+const FrameContext = React.createContext<FrameContextType | undefined>(
+  undefined
+);
+
+export function useFrameSize<T>(
+  selector: (size: Size) => T,
+  debounce?: boolean
+): T {
+  const context = React.useContext(FrameContext);
+
+  if (context == null) {
+    throw new Error('useFrameSize must be used within a FrameSizeProvider');
+  }
+
+  const value = React.useSyncExternalStore(
+    debounce ? context.subscribeDebounced : context.subscribe,
+    () => selector(context.getCurrent()),
+    () => selector(context.getCurrent())
+  );
+
+  return value;
+}
+
+export function FrameSizeProvider({ children }: { children: React.ReactNode }) {
+  const context = React.useContext(FrameContext);
+
+  if (context != null) {
+    // If the context is already present, don't wrap again
+    return children;
+  }
+
+  return <FrameSizeProviderInner>{children}</FrameSizeProviderInner>;
+}
+
+function FrameSizeProviderInner({
+  children,
+}: {
+  children: React.ReactNode;
+}): React.JSX.Element {
+  const listeners = React.useRef<Set<Listener>>(new Set());
+
+  const { element, get } = useResizeListener((size) => {
+    listeners.current.forEach((listener) => listener(size));
+  });
+
+  const getCurrent = useLatestCallback(get);
+
+  const subscribe = useLatestCallback((listener: Listener): RemoveListener => {
+    listeners.current.add(listener);
+
+    return () => {
+      listeners.current.delete(listener);
+    };
+  });
+
+  const subscribeDebounced = useLatestCallback(
+    (listener: Listener): RemoveListener => {
+      let timer: ReturnType<typeof setTimeout>;
+
+      const debouncedListener = (size: Size) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          listener(size);
+        }, 100);
+      };
+
+      listeners.current.add(debouncedListener);
+
+      return () => {
+        clearTimeout(timer);
+        listeners.current.delete(debouncedListener);
+      };
+    }
+  );
+
+  const context = React.useMemo<FrameContextType>(
+    () => ({
+      getCurrent,
+      subscribe,
+      subscribeDebounced,
+    }),
+    [subscribe, subscribeDebounced, getCurrent]
+  );
+
+  return (
+    <FrameContext.Provider value={context}>
+      {element}
+      {children}
+    </FrameContext.Provider>
+  );
+}
+
+const useResizeListener =
+  Platform.OS === 'web' ? useResizeListenerWeb : useResizeListenerNative;
+
+function useResizeListenerNative(onChange: (size: Size) => void) {
+  const frame = useSafeAreaFrame();
+
+  React.useLayoutEffect(() => {
+    onChange(frame);
+  }, [frame, onChange]);
+
+  return {
+    element: null,
+    get: () => frame,
+  };
+}
+
+const { width = 0, height = 0 } = Dimensions.get('window');
+
+// FIXME: On the Web, the safe area frame value doesn't update on resize
+// So we workaround this by measuring the frame on resize
+function useResizeListenerWeb(onChange: (size: Size) => void) {
+  const frameRef = React.useRef<Size>({
+    width,
+    height,
+  });
+
+  const elementRef = React.useRef<HTMLDivElement>(null);
+
+  React.useEffect(() => {
+    if (elementRef.current == null) {
+      return;
+    }
+
+    const update = (size: Size) => {
+      if (
+        frameRef.current.width === size.width &&
+        frameRef.current.height === size.height
+      ) {
+        return;
+      }
+
+      frameRef.current = size;
+      onChange(size);
+    };
+
+    const rect = elementRef.current.getBoundingClientRect();
+
+    update({
+      width: rect.width,
+      height: rect.height,
+    });
+
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+
+      if (entry) {
+        const { width, height } = entry.contentRect;
+
+        update({ width, height });
+      }
+    });
+
+    observer.observe(elementRef.current);
+
+    return () => {
+      observer.disconnect();
+    };
+  }, [onChange]);
+
+  const element = (
+    <div
+      ref={elementRef}
+      style={{
+        ...StyleSheet.absoluteFillObject,
+        pointerEvents: 'none',
+        visibility: 'hidden',
+      }}
+    />
+  );
+
+  return {
+    element,
+    get: () => frameRef.current,
+  };
+}