@react-navigation/elements 2.0.0-rc.0 → 2.0.0-rc.10

package/lib/commonjs/{getDefaultSidebarWidth.js → getDefaultSidebarWidth.cjs}

@@ -20,4 +20,4 @@ const getDefaultSidebarWidth = ({
   return DEFAULT_DRAWER_WIDTH;
 };
 exports.getDefaultSidebarWidth = getDefaultSidebarWidth;
-//# sourceMappingURL=getDefaultSidebarWidth.js.map
+//# sourceMappingURL=getDefaultSidebarWidth.cjs.map

package/lib/commonjs/{getNamedContext.js → getNamedContext.cjs}

@@ -20,4 +20,4 @@ function getNamedContext(name, initialValue) {
   globalThis[contexts].set(name, context);
   return context;
 }
-//# sourceMappingURL=getNamedContext.js.map
+//# sourceMappingURL=getNamedContext.cjs.map

package/lib/commonjs/{index.js → index.cjs}

@@ -161,29 +161,31 @@ Object.defineProperty(exports, "useHeaderHeight", {
     return _useHeaderHeight.useHeaderHeight;
   }
 });
-var _Background = require("./Background");
-var _Button = require("./Button");
-var _getDefaultSidebarWidth = require("./getDefaultSidebarWidth");
-var _getDefaultHeaderHeight = require("./Header/getDefaultHeaderHeight");
-var _getHeaderTitle = require("./Header/getHeaderTitle");
-var _Header = require("./Header/Header");
-var _HeaderBackButton = require("./Header/HeaderBackButton");
-var _HeaderBackContext = require("./Header/HeaderBackContext");
-var _HeaderBackground = require("./Header/HeaderBackground");
-var _HeaderButton = require("./Header/HeaderButton");
-var _HeaderHeightContext = require("./Header/HeaderHeightContext");
-var _HeaderShownContext = require("./Header/HeaderShownContext");
-var _HeaderTitle = require("./Header/HeaderTitle");
-var _useHeaderHeight = require("./Header/useHeaderHeight");
-var _getLabel = require("./Label/getLabel");
-var _Label = require("./Label/Label");
-var _MissingIcon = require("./MissingIcon");
-var _PlatformPressable = require("./PlatformPressable");
-var _ResourceSavingView = require("./ResourceSavingView");
-var _SafeAreaProviderCompat = require("./SafeAreaProviderCompat");
-var _Screen = require("./Screen");
-var _Text = require("./Text");
-var _types = require("./types");
+var _backIcon = _interopRequireDefault(require("./assets/back-icon.png"));
+var _backIconMask = _interopRequireDefault(require("./assets/back-icon-mask.png"));
+var _Background = require("./Background.cjs");
+var _Button = require("./Button.cjs");
+var _getDefaultSidebarWidth = require("./getDefaultSidebarWidth.cjs");
+var _getDefaultHeaderHeight = require("./Header/getDefaultHeaderHeight.cjs");
+var _getHeaderTitle = require("./Header/getHeaderTitle.cjs");
+var _Header = require("./Header/Header.cjs");
+var _HeaderBackButton = require("./Header/HeaderBackButton.cjs");
+var _HeaderBackContext = require("./Header/HeaderBackContext.cjs");
+var _HeaderBackground = require("./Header/HeaderBackground.cjs");
+var _HeaderButton = require("./Header/HeaderButton.cjs");
+var _HeaderHeightContext = require("./Header/HeaderHeightContext.cjs");
+var _HeaderShownContext = require("./Header/HeaderShownContext.cjs");
+var _HeaderTitle = require("./Header/HeaderTitle.cjs");
+var _useHeaderHeight = require("./Header/useHeaderHeight.cjs");
+var _getLabel = require("./Label/getLabel.cjs");
+var _Label = require("./Label/Label.cjs");
+var _MissingIcon = require("./MissingIcon.cjs");
+var _PlatformPressable = require("./PlatformPressable.cjs");
+var _ResourceSavingView = require("./ResourceSavingView.cjs");
+var _SafeAreaProviderCompat = require("./SafeAreaProviderCompat.cjs");
+var _Screen = require("./Screen.cjs");
+var _Text = require("./Text.cjs");
+var _types = require("./types.cjs");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -195,9 +197,6 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-const Assets = exports.Assets = [
-// eslint-disable-next-line import/no-commonjs
-require('./assets/back-icon.png'),
-// eslint-disable-next-line import/no-commonjs
-require('./assets/back-icon-mask.png')];
-//# sourceMappingURL=index.js.map
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Assets = exports.Assets = [_backIcon.default, _backIconMask.default];
+//# sourceMappingURL=index.cjs.map

package/lib/commonjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["_backIcon","_interopRequireDefault","require","_backIconMask","_Background","_Button","_getDefaultSidebarWidth","_getDefaultHeaderHeight","_getHeaderTitle","_Header","_HeaderBackButton","_HeaderBackContext","_HeaderBackground","_HeaderButton","_HeaderHeightContext","_HeaderShownContext","_HeaderTitle","_useHeaderHeight","_getLabel","_Label","_MissingIcon","_PlatformPressable","_ResourceSavingView","_SafeAreaProviderCompat","_Screen","_Text","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","__esModule","default","Assets","backIcon","backIconMask"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;AACA,IAAAU,iBAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;AACA,IAAAY,oBAAA,GAAAZ,OAAA;AACA,IAAAa,mBAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,gBAAA,GAAAf,OAAA;AACA,IAAAgB,SAAA,GAAAhB,OAAA;AACA,IAAAiB,MAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA;AACA,IAAAmB,kBAAA,GAAAnB,OAAA;AACA,IAAAoB,mBAAA,GAAApB,OAAA;AACA,IAAAqB,uBAAA,GAAArB,OAAA;AACA,IAAAsB,OAAA,GAAAtB,OAAA;AACA,IAAAuB,KAAA,GAAAvB,OAAA;AAIA,IAAAwB,MAAA,GAAAxB,OAAA;AAAAyB,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAA7B,uBAAAsC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAFjB,MAAMG,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAACC,iBAAQ,EAAEC,qBAAY,CAAC","ignoreList":[]}

package/lib/commonjs/{types.js → types.cjs}

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.cjs.map

package/lib/module/Background.mjs

@@ -0,0 +1,20 @@
+import { useTheme } from '@react-navigation/native';
+import * as React from 'react';
+import { Animated } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Background({
+  style,
+  ...rest
+}) {
+  const {
+    colors
+  } = useTheme();
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...rest,
+    style: [{
+      flex: 1,
+      backgroundColor: colors.background
+    }, style]
+  });
+}
+//# sourceMappingURL=Background.mjs.map

package/lib/module/Background.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","React","Animated","jsx","_jsx","Background","style","rest","colors","View","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,QAIH,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtB,OAAO,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAE7B,oBACEI,IAAA,CAACF,QAAQ,CAACO,IAAI;IAAA,GACRF,IAAI;IACRD,KAAK,EAAE,CAAC;MAAEI,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEH,MAAM,CAACI;IAAW,CAAC,EAAEN,KAAK;EAAE,CACjE,CAAC;AAEN","ignoreList":[]}

package/lib/module/{Button.js → Button.mjs}

@@ -1,16 +1,21 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useLinkProps, useTheme } from '@react-navigation/native';
 import Color from 'color';
 import * as React from 'react';
-import { StyleSheet } from 'react-native';
-import { PlatformPressable } from './PlatformPressable';
-import { Text } from './Text';
+import { Platform, StyleSheet } from 'react-native';
+import { PlatformPressable } from "./PlatformPressable.mjs";
+import { Text } from "./Text.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
 const BUTTON_RADIUS = 40;
 export function Button(props) {
   if ('screen' in props || 'action' in props) {
-    return /*#__PURE__*/React.createElement(ButtonLink, props);
+    // @ts-expect-error: This is already type-checked by the prop types
+    return /*#__PURE__*/_jsx(ButtonLink, {
+      ...props
+    });
   } else {
-    return /*#__PURE__*/React.createElement(ButtonBase, props);
+    return /*#__PURE__*/_jsx(ButtonBase, {
+      ...props
+    });
   }
 }
 function ButtonLink({
@@ -27,7 +32,10 @@ function ButtonLink({
     action,
     href
   });
-  return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, rest, props));
+  return /*#__PURE__*/_jsx(ButtonBase, {
+    ...rest,
+    ...props
+  });
 }
 function ButtonBase({
   variant = 'tinted',
@@ -58,20 +66,27 @@ function ButtonBase({
       textColor = Color(color).isDark() ? 'white' : Color(color).darken(0.71).string();
       break;
   }
-  return /*#__PURE__*/React.createElement(PlatformPressable, _extends({}, rest, {
-    style: [{
-      backgroundColor
-    }, styles.button, style],
+  return /*#__PURE__*/_jsx(PlatformPressable, {
+    ...rest,
     android_ripple: {
       radius: BUTTON_RADIUS,
       color: Color(textColor).fade(0.85).string(),
       ...android_ripple
-    }
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: [{
+    },
+    pressOpacity: Platform.OS === 'ios' ? undefined : 1,
+    hoverEffect: {
       color: textColor
-    }, fonts.regular, styles.text]
-  }, children));
+    },
+    style: [{
+      backgroundColor
+    }, styles.button, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [{
+        color: textColor
+      }, fonts.regular, styles.text],
+      children: children
+    })
+  });
 }
 const styles = StyleSheet.create({
   button: {
@@ -86,4 +101,4 @@ const styles = StyleSheet.create({
     textAlign: 'center'
   }
 });
-//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.mjs.map

package/lib/module/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLinkProps","useTheme","Color","React","Platform","StyleSheet","PlatformPressable","Text","jsx","_jsx","BUTTON_RADIUS","Button","props","ButtonLink","ButtonBase","screen","params","action","href","rest","variant","color","customColor","android_ripple","style","children","colors","fonts","primary","backgroundColor","textColor","fade","string","isDark","darken","radius","pressOpacity","OS","undefined","hoverEffect","styles","button","regular","text","create","paddingHorizontal","paddingVertical","borderRadius","fontSize","lineHeight","letterSpacing","textAlign"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Header/{Header.js → Header.mjs}

@@ -1,12 +1,14 @@
+import { useTheme } from '@react-navigation/core';
 import * as React from 'react';
 import { Animated, Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
-import { getDefaultHeaderHeight } from './getDefaultHeaderHeight';
-import { HeaderBackground } from './HeaderBackground';
-import { HeaderShownContext } from './HeaderShownContext';
-import { HeaderTitle } from './HeaderTitle';
+import { getDefaultHeaderHeight } from "./getDefaultHeaderHeight.mjs";
+import { HeaderBackground } from "./HeaderBackground.mjs";
+import { HeaderShownContext } from "./HeaderShownContext.mjs";
+import { HeaderTitle } from "./HeaderTitle.mjs";
 
 // Width of the screen in split layout on portrait mode on iPad Mini
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IPAD_MINI_MEDIUM_WIDTH = 414;
 const warnIfHeaderStylesDefined = styles => {
   Object.keys(styles).forEach(styleProp => {
@@ -21,6 +23,9 @@ const warnIfHeaderStylesDefined = styles => {
 export function Header(props) {
   const insets = useSafeAreaInsets();
   const frame = useSafeAreaFrame();
+  const {
+    colors
+  } = useTheme();
   const isParentHeaderShown = React.useContext(HeaderShownContext);
   const {
     layout = frame,
@@ -146,19 +151,25 @@ export function Header(props) {
     shadowOpacity: 0,
     borderBottomWidth: 0
   }];
+  const iconTintColor = headerTintColor ?? Platform.select({
+    ios: colors.primary,
+    default: colors.text
+  });
   const leftButton = headerLeft ? headerLeft({
-    tintColor: headerTintColor,
+    tintColor: iconTintColor,
     pressColor: headerPressColor,
     pressOpacity: headerPressOpacity,
     labelVisible: headerLeftLabelVisible
   }) : null;
   const rightButton = headerRight ? headerRight({
-    tintColor: headerTintColor,
+    tintColor: iconTintColor,
     pressColor: headerPressColor,
     pressOpacity: headerPressOpacity
   }) : null;
-  const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/React.createElement(HeaderTitle, props) : customTitle;
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  const headerTitle = typeof customTitle !== 'function' ? props => /*#__PURE__*/_jsx(HeaderTitle, {
+    ...props
+  }) : customTitle;
+  return /*#__PURE__*/_jsxs(Animated.View, {
     pointerEvents: "box-none",
     style: [{
       height,
@@ -166,46 +177,54 @@ export function Header(props) {
       maxHeight,
       opacity,
       transform
-    }]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [StyleSheet.absoluteFill, backgroundContainerStyle]
-  }, headerBackground ? headerBackground({
-    style: backgroundStyle
-  }) : headerTransparent ? null : /*#__PURE__*/React.createElement(HeaderBackground, {
-    style: backgroundStyle
-  })), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: {
-      height: headerStatusBarHeight
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "box-none",
-    style: [styles.content, Platform.OS === 'ios' && frame.width >= IPAD_MINI_MEDIUM_WIDTH ? styles.large : null]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.start, headerTitleAlign === 'center' && styles.expand, {
-      marginStart: insets.left
-    }, leftContainerStyle]
-  }, leftButton), /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.title, {
-      // Avoid the title from going offscreen or overlapping buttons
-      maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerLeftLabelVisible !== false ? 80 : 32 : 16) + (rightButton ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton ? 52 : 16) + insets.left - insets.right)
-    }, headerTitleAlign === 'left' && leftButton ? {
-      marginStart: 4
-    } : null, titleContainerStyle]
-  }, headerTitle({
-    children: title,
-    allowFontScaling: titleAllowFontScaling,
-    tintColor: headerTintColor,
-    style: titleStyle
-  })), /*#__PURE__*/React.createElement(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.end, styles.expand, {
-      marginEnd: insets.right
-    }, rightContainerStyle]
-  }, rightButton)));
+    }],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "box-none",
+      style: [StyleSheet.absoluteFill, backgroundContainerStyle],
+      children: headerBackground ? headerBackground({
+        style: backgroundStyle
+      }) : headerTransparent ? null : /*#__PURE__*/_jsx(HeaderBackground, {
+        style: backgroundStyle
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        height: headerStatusBarHeight
+      }
+    }), /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "box-none",
+      style: [styles.content, Platform.OS === 'ios' && frame.width >= IPAD_MINI_MEDIUM_WIDTH ? styles.large : null],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "box-none",
+        style: [styles.start, headerTitleAlign === 'center' && styles.expand, {
+          marginStart: insets.left
+        }, leftContainerStyle],
+        children: leftButton
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "box-none",
+        style: [styles.title, {
+          // Avoid the title from going offscreen or overlapping buttons
+          maxWidth: headerTitleAlign === 'center' ? layout.width - ((leftButton ? headerLeftLabelVisible !== false ? 80 : 32 : 16) + (rightButton ? 16 : 0) + Math.max(insets.left, insets.right)) * 2 : layout.width - ((leftButton ? 52 : 16) + (rightButton ? 52 : 16) + insets.left - insets.right)
+        }, headerTitleAlign === 'left' && leftButton ? {
+          marginStart: 4
+        } : {
+          marginStart: 16
+        }, titleContainerStyle],
+        children: headerTitle({
+          children: title,
+          allowFontScaling: titleAllowFontScaling,
+          tintColor: headerTintColor,
+          style: titleStyle
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "box-none",
+        style: [styles.end, styles.expand, {
+          marginEnd: insets.right
+        }, rightContainerStyle],
+        children: rightButton
+      })]
+    })]
+  });
 }
 const styles = StyleSheet.create({
   content: {
@@ -232,4 +251,4 @@ const styles = StyleSheet.create({
     flexBasis: 0
   }
 });
-//# sourceMappingURL=Header.js.map
+//# sourceMappingURL=Header.mjs.map

package/lib/module/Header/Header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","HeaderBackground","HeaderShownContext","HeaderTitle","jsx","_jsx","jsxs","_jsxs","IPAD_MINI_MEDIUM_WIDTH","warnIfHeaderStylesDefined","styles","Object","keys","forEach","styleProp","value","console","warn","undefined","Header","props","insets","frame","colors","isParentHeaderShown","useContext","layout","modal","title","headerTitle","customTitle","headerTitleAlign","select","ios","default","headerLeft","headerLeftLabelVisible","headerTransparent","headerTintColor","headerBackground","headerRight","headerTitleAllowFontScaling","titleAllowFontScaling","headerTitleStyle","titleStyle","headerLeftContainerStyle","leftContainerStyle","headerRightContainerStyle","rightContainerStyle","headerTitleContainerStyle","titleContainerStyle","headerBackgroundContainerStyle","backgroundContainerStyle","headerStyle","customHeaderStyle","headerShadowVisible","headerPressColor","headerPressOpacity","headerStatusBarHeight","top","defaultHeight","height","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","iconTintColor","primary","text","leftButton","tintColor","pressColor","pressOpacity","labelVisible","rightButton","pointerEvents","style","children","absoluteFill","content","OS","width","large","start","expand","marginStart","left","maxWidth","Math","max","right","allowFontScaling","end","marginEnd","create","flex","flexDirection","alignItems","marginHorizontal","justifyContent","flexGrow","flexBasis"],"sourceRoot":"../../../src","sources":["Header/Header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Header/{HeaderBackButton.js → HeaderBackButton.mjs}

@@ -1,8 +1,11 @@
 import { useLocale, useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import { Animated, Image, Platform, StyleSheet, View } from 'react-native';
+import backIcon from '../assets/back-icon.png';
+import backIconMask from '../assets/back-icon-mask.png';
 import { MaskedView } from '../MaskedView';
-import { HeaderButton } from './HeaderButton';
+import { HeaderButton } from "./HeaderButton.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function HeaderBackButton({
   disabled,
   allowFontScaling,
@@ -15,7 +18,7 @@ export function HeaderBackButton({
   pressColor,
   pressOpacity,
   screenLayout,
-  tintColor: customTintColor,
+  tintColor,
   titleLayout,
   truncatedLabel = 'Back',
   accessibilityLabel = label && label !== 'Back' ? `${label}, back` : 'Go back',
@@ -31,10 +34,6 @@ export function HeaderBackButton({
     direction
   } = useLocale();
   const [initialLabelWidth, setInitialLabelWidth] = React.useState(undefined);
-  const tintColor = customTintColor !== undefined ? customTintColor : Platform.select({
-    ios: colors.primary,
-    default: colors.text
-  });
   const handleLabelLayout = e => {
     onLabelLayout?.(e);
     const {
@@ -48,15 +47,15 @@ export function HeaderBackButton({
   const renderBackImage = () => {
     if (backImage) {
       return backImage({
-        tintColor
+        tintColor: tintColor ?? colors.text
       });
     } else {
-      return /*#__PURE__*/React.createElement(Image, {
+      return /*#__PURE__*/_jsx(Image, {
         style: [styles.icon, direction === 'rtl' && styles.flip, Boolean(labelVisible) && styles.iconWithLabel, Boolean(tintColor) && {
           tintColor
         }],
         resizeMode: "contain",
-        source: require('../assets/back-icon.png'),
+        source: backIcon,
         fadeDuration: 0
       });
     }
@@ -66,47 +65,51 @@ export function HeaderBackButton({
     if (!labelVisible || leftLabelText === undefined) {
       return null;
     }
-    const labelElement = /*#__PURE__*/React.createElement(View, {
-      style: styles.labelWrapper
-    }, /*#__PURE__*/React.createElement(Animated.Text, {
-      accessible: false,
-      onLayout:
-      // This measurement is used to determine if we should truncate the label when it doesn't fit
-      // Only measure it when label is not truncated because we want the measurement of full label
-      leftLabelText === label ? handleLabelLayout : undefined,
-      style: [tintColor ? {
-        color: tintColor
-      } : null, fonts.regular, styles.label, labelStyle],
-      numberOfLines: 1,
-      allowFontScaling: !!allowFontScaling
-    }, leftLabelText));
+    const labelElement = /*#__PURE__*/_jsx(View, {
+      style: styles.labelWrapper,
+      children: /*#__PURE__*/_jsx(Animated.Text, {
+        accessible: false,
+        onLayout:
+        // This measurement is used to determine if we should truncate the label when it doesn't fit
+        // Only measure it when label is not truncated because we want the measurement of full label
+        leftLabelText === label ? handleLabelLayout : undefined,
+        style: [tintColor ? {
+          color: tintColor
+        } : null, fonts.regular, styles.label, labelStyle],
+        numberOfLines: 1,
+        allowFontScaling: !!allowFontScaling,
+        children: leftLabelText
+      })
+    });
     if (backImage || Platform.OS !== 'ios') {
       // When a custom backimage is specified, we can't mask the label
       // Otherwise there might be weird effect due to our mask not being the same as the image
       return labelElement;
     }
-    return /*#__PURE__*/React.createElement(MaskedView, {
-      maskElement: /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/_jsx(MaskedView, {
+      maskElement: /*#__PURE__*/_jsxs(View, {
         style: [styles.iconMaskContainer,
         // Extend the mask to the center of the screen so that label isn't clipped during animation
         screenLayout ? {
           minWidth: screenLayout.width / 2 - 27
-        } : null]
-      }, /*#__PURE__*/React.createElement(Image, {
-        source: require('../assets/back-icon-mask.png'),
-        resizeMode: "contain",
-        style: [styles.iconMask, direction === 'rtl' && styles.flip]
-      }), /*#__PURE__*/React.createElement(View, {
-        style: styles.iconMaskFillerRect
-      }))
-    }, labelElement);
+        } : null],
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: backIconMask,
+          resizeMode: "contain",
+          style: [styles.iconMask, direction === 'rtl' && styles.flip]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.iconMaskFillerRect
+        })]
+      }),
+      children: labelElement
+    });
   };
   const handlePress = () => {
     if (onPress) {
       requestAnimationFrame(() => onPress());
     }
   };
-  return /*#__PURE__*/React.createElement(HeaderButton, {
+  return /*#__PURE__*/_jsx(HeaderButton, {
     disabled: disabled,
     href: href,
     accessibilityLabel: accessibilityLabel,
@@ -114,8 +117,11 @@ export function HeaderBackButton({
     onPress: handlePress,
     pressColor: pressColor,
     pressOpacity: pressOpacity,
-    style: [styles.container, style]
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, renderBackImage(), renderLabel()));
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [renderBackImage(), renderLabel()]
+    })
+  });
 }
 const styles = StyleSheet.create({
   container: {
@@ -187,4 +193,4 @@ const styles = StyleSheet.create({
     transform: 'scaleX(-1)'
   }
 });
-//# sourceMappingURL=HeaderBackButton.js.map
+//# sourceMappingURL=HeaderBackButton.mjs.map

package/lib/module/Header/HeaderBackButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLocale","useTheme","React","Animated","Image","Platform","StyleSheet","View","backIcon","backIconMask","MaskedView","HeaderButton","jsx","_jsx","jsxs","_jsxs","HeaderBackButton","disabled","allowFontScaling","backImage","label","labelStyle","labelVisible","OS","onLabelLayout","onPress","pressColor","pressOpacity","screenLayout","tintColor","titleLayout","truncatedLabel","accessibilityLabel","testID","style","href","colors","fonts","direction","initialLabelWidth","setInitialLabelWidth","useState","undefined","handleLabelLayout","e","layout","nativeEvent","y","x","width","shouldTruncateLabel","renderBackImage","text","styles","icon","flip","Boolean","iconWithLabel","resizeMode","source","fadeDuration","renderLabel","leftLabelText","labelElement","labelWrapper","children","Text","accessible","onLayout","color","regular","numberOfLines","maskElement","iconMaskContainer","minWidth","iconMask","iconMaskFillerRect","handlePress","requestAnimationFrame","container","Fragment","create","paddingHorizontal","hairlineWidth","select","ios","default","marginVertical","marginHorizontal","fontSize","letterSpacing","flexDirection","alignItems","marginEnd","height","marginStart","margin","flex","justifyContent","backgroundColor","alignSelf","transform"],"sourceRoot":"../../../src","sources":["Header/HeaderBackButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Header/HeaderBackContext.mjs

@@ -0,0 +1,3 @@
+import { getNamedContext } from "../getNamedContext.mjs";
+export const HeaderBackContext = getNamedContext('HeaderBackContext', undefined);
+//# sourceMappingURL=HeaderBackContext.mjs.map

package/lib/module/Header/{HeaderBackContext.js.map → HeaderBackContext.mjs.map}

@@ -1 +1 @@
-{"version":3,"names":["getNamedContext","HeaderBackContext","undefined"],"sourceRoot":"../../../src","sources":["Header/HeaderBackContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,iBAAiB,GAAGD,eAAe,CAE9C,mBAAmB,EAAEE,SAAS,CAAC","ignoreList":[]}
+{"version":3,"names":["getNamedContext","HeaderBackContext","undefined"],"sourceRoot":"../../../src","sources":["Header/HeaderBackContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,wBAAoB;AAEpD,OAAO,MAAMC,iBAAiB,GAAGD,eAAe,CAE9C,mBAAmB,EAAEE,SAAS,CAAC","ignoreList":[]}

package/lib/module/Header/{HeaderBackground.js → HeaderBackground.mjs}

@@ -1,21 +1,23 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import { Animated, Platform, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
 export function HeaderBackground({
   style,
   ...rest
 }) {
   const {
-    colors
+    colors,
+    dark
   } = useTheme();
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({
+  return /*#__PURE__*/_jsx(Animated.View, {
     style: [styles.container, {
       backgroundColor: colors.card,
       borderBottomColor: colors.border,
-      shadowColor: colors.border
-    }, style]
-  }, rest));
+      shadowColor: dark ? 'rgba(255, 255, 255, 0.45)' : 'rgba(0, 0, 0, 1)'
+    }, style],
+    ...rest
+  });
 }
 const styles = StyleSheet.create({
   container: {
@@ -25,7 +27,7 @@ const styles = StyleSheet.create({
         elevation: 4
       },
       ios: {
-        shadowOpacity: 0.85,
+        shadowOpacity: 0.3,
         shadowRadius: 0,
         shadowOffset: {
           width: 0,
@@ -38,4 +40,4 @@ const styles = StyleSheet.create({
     })
   }
 });
-//# sourceMappingURL=HeaderBackground.js.map
+//# sourceMappingURL=HeaderBackground.mjs.map

package/lib/module/Header/HeaderBackground.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","jsx","_jsx","HeaderBackground","style","rest","colors","dark","View","styles","container","backgroundColor","card","borderBottomColor","border","shadowColor","create","flex","select","android","elevation","ios","shadowOpacity","shadowRadius","shadowOffset","width","height","hairlineWidth","default","borderBottomWidth"],"sourceRoot":"../../../src","sources":["Header/HeaderBackground.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtB,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAC1D,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEnC,oBACEM,IAAA,CAACJ,QAAQ,CAACU,IAAI;IACZJ,KAAK,EAAE,CACLK,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEL,MAAM,CAACM,IAAI;MAC5BC,iBAAiB,EAAEP,MAAM,CAACQ,MAAM;MAChCC,WAAW,EAAER,IAAI,GAAG,2BAA2B,GAAG;IACpD,CAAC,EACDH,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN;AAEA,MAAMI,MAAM,GAAGT,UAAU,CAACgB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACP,GAAGlB,QAAQ,CAACmB,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,SAAS,EAAE;MACb,CAAC;MACDC,GAAG,EAAE;QACHC,aAAa,EAAE,GAAG;QAClBC,YAAY,EAAE,CAAC;QACfC,YAAY,EAAE;UACZC,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE1B,UAAU,CAAC2B;QACrB;MACF,CAAC;MACDC,OAAO,EAAE;QACPC,iBAAiB,EAAE7B,UAAU,CAAC2B;MAChC;IACF,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}