@react-navigation/elements 2.0.0-rc.2 → 2.0.0-rc.21

package/lib/module/Header/HeaderSearchBar.js

@@ -0,0 +1,260 @@
+"use strict";
+
+import { useNavigation, useTheme } from '@react-navigation/native';
+import Color from 'color';
+import * as React from 'react';
+import { Animated, Image, Platform, StyleSheet, TextInput, View } from 'react-native';
+import clearIcon from '../assets/clear-icon.png';
+import closeIcon from '../assets/close-icon.png';
+import searchIcon from '../assets/search-icon.png';
+import { PlatformPressable } from "../PlatformPressable.js";
+import { Text } from "../Text.js";
+import { HeaderButton } from "./HeaderButton.js";
+import { HeaderIcon } from "./HeaderIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INPUT_TYPE_TO_MODE = {
+  text: 'text',
+  number: 'numeric',
+  phone: 'tel',
+  email: 'email'
+};
+export function HeaderSearchBar({
+  visible,
+  inputType,
+  autoFocus = true,
+  placeholder = 'Search',
+  cancelButtonText = 'Cancel',
+  onChangeText,
+  onClose,
+  style,
+  ...rest
+}) {
+  const navigation = useNavigation();
+  const {
+    dark,
+    colors,
+    fonts
+  } = useTheme();
+  const [value, setValue] = React.useState('');
+  const [rendered, setRendered] = React.useState(visible);
+  const [visibleAnim] = React.useState(() => new Animated.Value(visible ? 1 : 0));
+  const [clearVisibleAnim] = React.useState(() => new Animated.Value(0));
+  const visibleValueRef = React.useRef(visible);
+  const clearVisibleValueRef = React.useRef(false);
+  const inputRef = React.useRef(null);
+  React.useEffect(() => {
+    // Avoid act warning in tests just by rendering header
+    if (visible === visibleValueRef.current) {
+      return;
+    }
+    Animated.timing(visibleAnim, {
+      toValue: visible ? 1 : 0,
+      duration: 100,
+      useNativeDriver: true
+    }).start(({
+      finished
+    }) => {
+      if (finished) {
+        setRendered(visible);
+        visibleValueRef.current = visible;
+      }
+    });
+    return () => {
+      visibleAnim.stopAnimation();
+    };
+  }, [visible, visibleAnim]);
+  const hasText = value !== '';
+  React.useEffect(() => {
+    if (clearVisibleValueRef.current === hasText) {
+      return;
+    }
+    Animated.timing(clearVisibleAnim, {
+      toValue: hasText ? 1 : 0,
+      duration: 100,
+      useNativeDriver: true
+    }).start(({
+      finished
+    }) => {
+      if (finished) {
+        clearVisibleValueRef.current = hasText;
+      }
+    });
+  }, [clearVisibleAnim, hasText]);
+  const onClear = React.useCallback(() => {
+    inputRef.current?.clear();
+    inputRef.current?.focus();
+    setValue('');
+    // FIXME: figure out how to create a SyntheticEvent
+    // @ts-expect-error: we don't have the native event here
+    onChangeText?.({
+      nativeEvent: {
+        text: ''
+      }
+    });
+  }, [onChangeText]);
+  React.useEffect(() => navigation?.addListener('blur', () => {
+    onClear();
+    onClose();
+  }), [navigation, onClear, onClose]);
+  if (!visible && !rendered) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    pointerEvents: visible ? 'auto' : 'none',
+    accessibilityLiveRegion: "polite",
+    accessibilityElementsHidden: !visible,
+    importantForAccessibility: visible ? 'auto' : 'no-hide-descendants',
+    style: [styles.container, {
+      opacity: visibleAnim
+    }, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.searchbarContainer,
+      children: [/*#__PURE__*/_jsx(HeaderIcon, {
+        source: searchIcon,
+        style: styles.inputSearchIcon
+      }), /*#__PURE__*/_jsx(TextInput, {
+        ...rest,
+        ref: inputRef,
+        onChange: onChangeText,
+        onChangeText: setValue,
+        autoFocus: autoFocus,
+        inputMode: INPUT_TYPE_TO_MODE[inputType ?? 'text'],
+        placeholder: placeholder,
+        placeholderTextColor: Color(colors.text).alpha(0.5).string(),
+        cursorColor: colors.primary,
+        selectionHandleColor: colors.primary,
+        selectionColor: Color(colors.primary).alpha(0.3).string(),
+        style: [fonts.regular, styles.searchbar, {
+          backgroundColor: Platform.select({
+            ios: dark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
+            default: 'transparent'
+          }),
+          color: colors.text,
+          borderBottomColor: colors.border
+        }]
+      }), Platform.OS === 'ios' ? /*#__PURE__*/_jsx(PlatformPressable, {
+        onPress: onClear,
+        style: [{
+          opacity: clearVisibleAnim,
+          transform: [{
+            scale: clearVisibleAnim
+          }]
+        }, styles.clearButton],
+        children: /*#__PURE__*/_jsx(Image, {
+          source: clearIcon,
+          resizeMode: "contain",
+          style: [styles.clearIcon, {
+            tintColor: colors.text
+          }]
+        })
+      }) : null]
+    }), Platform.OS !== 'ios' ? /*#__PURE__*/_jsx(HeaderButton, {
+      onPress: () => {
+        if (value) {
+          onClear();
+        } else {
+          onClose();
+        }
+      },
+      style: styles.closeButton,
+      children: /*#__PURE__*/_jsx(HeaderIcon, {
+        source: closeIcon
+      })
+    }) : null, Platform.OS === 'ios' ? /*#__PURE__*/_jsx(PlatformPressable, {
+      onPress: () => {
+        onClear();
+        onClose();
+      },
+      style: styles.cancelButton,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [fonts.regular, {
+          color: colors.primary
+        }, styles.cancelText],
+        children: cancelButtonText
+      })
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'stretch'
+  },
+  inputSearchIcon: {
+    position: 'absolute',
+    opacity: 0.5,
+    left: Platform.select({
+      ios: 16,
+      default: 4
+    }),
+    top: Platform.select({
+      ios: -1,
+      default: 17
+    }),
+    ...Platform.select({
+      ios: {
+        height: 18,
+        width: 18
+      },
+      default: {}
+    })
+  },
+  closeButton: {
+    position: 'absolute',
+    opacity: 0.5,
+    right: Platform.select({
+      ios: 0,
+      default: 8
+    }),
+    top: Platform.select({
+      ios: -2,
+      default: 17
+    })
+  },
+  clearButton: {
+    position: 'absolute',
+    right: 0,
+    top: -7,
+    bottom: 0,
+    justifyContent: 'center',
+    padding: 8
+  },
+  clearIcon: {
+    height: 16,
+    width: 16,
+    opacity: 0.5
+  },
+  cancelButton: {
+    alignSelf: 'center',
+    top: -4
+  },
+  cancelText: {
+    fontSize: 17,
+    marginHorizontal: 12
+  },
+  searchbarContainer: {
+    flex: 1
+  },
+  searchbar: Platform.select({
+    ios: {
+      flex: 1,
+      fontSize: 17,
+      paddingHorizontal: 32,
+      marginLeft: 16,
+      marginTop: -2,
+      marginBottom: 5,
+      borderRadius: 8
+    },
+    default: {
+      flex: 1,
+      fontSize: 18,
+      paddingHorizontal: 36,
+      marginRight: 8,
+      marginTop: 8,
+      marginBottom: 8,
+      borderBottomWidth: 1
+    }
+  })
+});
+//# sourceMappingURL=HeaderSearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useNavigation","useTheme","Color","React","Animated","Image","Platform","StyleSheet","TextInput","View","clearIcon","closeIcon","searchIcon","PlatformPressable","Text","HeaderButton","HeaderIcon","jsx","_jsx","jsxs","_jsxs","INPUT_TYPE_TO_MODE","text","number","phone","email","HeaderSearchBar","visible","inputType","autoFocus","placeholder","cancelButtonText","onChangeText","onClose","style","rest","navigation","dark","colors","fonts","value","setValue","useState","rendered","setRendered","visibleAnim","Value","clearVisibleAnim","visibleValueRef","useRef","clearVisibleValueRef","inputRef","useEffect","current","timing","toValue","duration","useNativeDriver","start","finished","stopAnimation","hasText","onClear","useCallback","clear","focus","nativeEvent","addListener","pointerEvents","accessibilityLiveRegion","accessibilityElementsHidden","importantForAccessibility","styles","container","opacity","children","searchbarContainer","source","inputSearchIcon","ref","onChange","inputMode","placeholderTextColor","alpha","string","cursorColor","primary","selectionHandleColor","selectionColor","regular","searchbar","backgroundColor","select","ios","default","color","borderBottomColor","border","OS","onPress","transform","scale","clearButton","resizeMode","tintColor","closeButton","cancelButton","cancelText","create","flex","flexDirection","alignItems","position","left","top","height","width","right","bottom","justifyContent","padding","alignSelf","fontSize","marginHorizontal","paddingHorizontal","marginLeft","marginTop","marginBottom","borderRadius","marginRight","borderBottomWidth"],"sourceRoot":"../../../src","sources":["Header/HeaderSearchBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Header/HeaderShownContext.js

@@ -1,3 +1,5 @@
-import { getNamedContext } from '../getNamedContext';
+"use strict";
+
+import { getNamedContext } from "../getNamedContext.js";
 export const HeaderShownContext = getNamedContext('HeaderShownContext', false);
 //# sourceMappingURL=HeaderShownContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getNamedContext","HeaderShownContext"],"sourceRoot":"../../../src","sources":["Header/HeaderShownContext.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,kBAAkB,GAAGD,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC","ignoreList":[]}
+{"version":3,"names":["getNamedContext","HeaderShownContext"],"sourceRoot":"../../../src","sources":["Header/HeaderShownContext.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,uBAAoB;AAEpD,OAAO,MAAMC,kBAAkB,GAAGD,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC","ignoreList":[]}

package/lib/module/Header/HeaderTitle.js

@@ -1,7 +1,8 @@
-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); }
+"use strict";
+
 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 HeaderTitle({
   tintColor,
   style,
@@ -11,18 +12,18 @@ export function HeaderTitle({
     colors,
     fonts
   } = useTheme();
-  return /*#__PURE__*/React.createElement(Animated.Text, _extends({
+  return /*#__PURE__*/_jsx(Animated.Text, {
     accessibilityRole: "header",
     "aria-level": "1",
-    numberOfLines: 1
-  }, rest, {
+    numberOfLines: 1,
+    ...rest,
     style: [{
       color: tintColor === undefined ? colors.text : tintColor
     }, Platform.select({
       ios: fonts.bold,
       default: fonts.medium
     }), styles.title, style]
-  }));
+  });
 }
 const styles = StyleSheet.create({
   title: Platform.select({

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

@@ -1 +1 @@
-{"version":3,"names":["useTheme","React","Animated","Platform","StyleSheet","HeaderTitle","tintColor","style","rest","colors","fonts","createElement","Text","_extends","accessibilityRole","numberOfLines","color","undefined","text","select","ios","bold","default","medium","styles","title","create","fontSize","android"],"sourceRoot":"../../../src","sources":["Header/HeaderTitle.tsx"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAQrB,OAAO,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAChE,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAEpC,oBACEC,KAAA,CAAAU,aAAA,CAACT,QAAQ,CAACU,IAAI,EAAAC,QAAA;IACZC,iBAAiB,EAAC,QAAQ;IAC1B,cAAW,GAAG;IACdC,aAAa,EAAE;EAAE,GACbP,IAAI;IACRD,KAAK,EAAE,CACL;MAAES,KAAK,EAAEV,SAAS,KAAKW,SAAS,GAAGR,MAAM,CAACS,IAAI,GAAGZ;IAAU,CAAC,EAC5DH,QAAQ,CAACgB,MAAM,CAAC;MAAEC,GAAG,EAAEV,KAAK,CAACW,IAAI;MAAEC,OAAO,EAAEZ,KAAK,CAACa;IAAO,CAAC,CAAC,EAC3DC,MAAM,CAACC,KAAK,EACZlB,KAAK;EACL,EACH,CAAC;AAEN;AAEA,MAAMiB,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,KAAK,EAAEtB,QAAQ,CAACgB,MAAM,CAAC;IACrBC,GAAG,EAAE;MACHO,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPD,QAAQ,EAAE;IACZ,CAAC;IACDL,OAAO,EAAE;MACPK,QAAQ,EAAE;IACZ;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useTheme","Animated","Platform","StyleSheet","jsx","_jsx","HeaderTitle","tintColor","style","rest","colors","fonts","Text","accessibilityRole","numberOfLines","color","undefined","text","select","ios","bold","default","medium","styles","title","create","fontSize","android"],"sourceRoot":"../../../src","sources":["Header/HeaderTitle.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,SACEC,QAAQ,EACRC,QAAQ,EAERC,UAAU,QAGL,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtB,OAAO,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAChE,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEpC,oBACEK,IAAA,CAACJ,QAAQ,CAACW,IAAI;IACZC,iBAAiB,EAAC,QAAQ;IAC1B,cAAW,GAAG;IACdC,aAAa,EAAE,CAAE;IAAA,GACbL,IAAI;IACRD,KAAK,EAAE,CACL;MAAEO,KAAK,EAAER,SAAS,KAAKS,SAAS,GAAGN,MAAM,CAACO,IAAI,GAAGV;IAAU,CAAC,EAC5DL,QAAQ,CAACgB,MAAM,CAAC;MAAEC,GAAG,EAAER,KAAK,CAACS,IAAI;MAAEC,OAAO,EAAEV,KAAK,CAACW;IAAO,CAAC,CAAC,EAC3DC,MAAM,CAACC,KAAK,EACZhB,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAMe,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,KAAK,EAAEtB,QAAQ,CAACgB,MAAM,CAAC;IACrBC,GAAG,EAAE;MACHO,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPD,QAAQ,EAAE;IACZ,CAAC;IACDL,OAAO,EAAE;MACPK,QAAQ,EAAE;IACZ;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/lib/module/Header/getDefaultHeaderHeight.js

@@ -1,3 +1,5 @@
+"use strict";
+
 import { PixelRatio, Platform } from 'react-native';
 export function getDefaultHeaderHeight(layout, modalPresentation, topInset) {
   let headerHeight;

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

@@ -1 +1 @@
-{"version":3,"names":["PixelRatio","Platform","getDefaultHeaderHeight","layout","modalPresentation","topInset","headerHeight","hasDynamicIsland","OS","statusBarHeight","get","isLandscape","width","height","isPad","isTV"],"sourceRoot":"../../../src","sources":["Header/getDefaultHeaderHeight.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAInD,OAAO,SAASC,sBAAsBA,CACpCC,MAAc,EACdC,iBAA0B,EAC1BC,QAAgB,EACR;EACR,IAAIC,YAAY;;EAEhB;EACA,MAAMC,gBAAgB,GAAGN,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAIH,QAAQ,GAAG,EAAE;EAC/D,MAAMI,eAAe,GAAGF,gBAAgB,GACpCF,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACU,GAAG,CAAC,CAAC,CAAC,GACrCL,QAAQ;EAEZ,MAAMM,WAAW,GAAGR,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACU,MAAM;EAEhD,IAAIZ,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;IACzB,IAAIP,QAAQ,CAACa,KAAK,IAAIb,QAAQ,CAACc,IAAI,EAAE;MACnC,IAAIX,iBAAiB,EAAE;QACrBE,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACLA,YAAY,GAAG,EAAE;MACnB;IACF,CAAC,MAAM;MACL,IAAIK,WAAW,EAAE;QACfL,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACL,IAAIF,iBAAiB,EAAE;UACrBE,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM;UACLA,YAAY,GAAG,EAAE;QACnB;MACF;IACF;EACF,CAAC,MAAM;IACLA,YAAY,GAAG,EAAE;EACnB;EAEA,OAAOA,YAAY,GAAGG,eAAe;AACvC","ignoreList":[]}
+{"version":3,"names":["PixelRatio","Platform","getDefaultHeaderHeight","layout","modalPresentation","topInset","headerHeight","hasDynamicIsland","OS","statusBarHeight","get","isLandscape","width","height","isPad","isTV"],"sourceRoot":"../../../src","sources":["Header/getDefaultHeaderHeight.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAInD,OAAO,SAASC,sBAAsBA,CACpCC,MAAc,EACdC,iBAA0B,EAC1BC,QAAgB,EACR;EACR,IAAIC,YAAY;;EAEhB;EACA,MAAMC,gBAAgB,GAAGN,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAIH,QAAQ,GAAG,EAAE;EAC/D,MAAMI,eAAe,GAAGF,gBAAgB,GACpCF,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACU,GAAG,CAAC,CAAC,CAAC,GACrCL,QAAQ;EAEZ,MAAMM,WAAW,GAAGR,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACU,MAAM;EAEhD,IAAIZ,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;IACzB,IAAIP,QAAQ,CAACa,KAAK,IAAIb,QAAQ,CAACc,IAAI,EAAE;MACnC,IAAIX,iBAAiB,EAAE;QACrBE,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACLA,YAAY,GAAG,EAAE;MACnB;IACF,CAAC,MAAM;MACL,IAAIK,WAAW,EAAE;QACfL,YAAY,GAAG,EAAE;MACnB,CAAC,MAAM;QACL,IAAIF,iBAAiB,EAAE;UACrBE,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM;UACLA,YAAY,GAAG,EAAE;QACnB;MACF;IACF;EACF,CAAC,MAAM;IACLA,YAAY,GAAG,EAAE;EACnB;EAEA,OAAOA,YAAY,GAAGG,eAAe;AACvC","ignoreList":[]}

package/lib/module/Header/getHeaderTitle.js

@@ -1,3 +1,5 @@
+"use strict";
+
 export function getHeaderTitle(options, fallback) {
   return typeof options.headerTitle === 'string' ? options.headerTitle : options.title !== undefined ? options.title : fallback;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["getHeaderTitle","options","fallback","headerTitle","title","undefined"],"sourceRoot":"../../../src","sources":["Header/getHeaderTitle.tsx"],"mappings":"AAEA,OAAO,SAASA,cAAcA,CAC5BC,OAAuE,EACvEC,QAAgB,EACR;EACR,OAAO,OAAOD,OAAO,CAACE,WAAW,KAAK,QAAQ,GAC1CF,OAAO,CAACE,WAAW,GACnBF,OAAO,CAACG,KAAK,KAAKC,SAAS,GACzBJ,OAAO,CAACG,KAAK,GACbF,QAAQ;AAChB","ignoreList":[]}
+{"version":3,"names":["getHeaderTitle","options","fallback","headerTitle","title","undefined"],"sourceRoot":"../../../src","sources":["Header/getHeaderTitle.tsx"],"mappings":";;AAEA,OAAO,SAASA,cAAcA,CAC5BC,OAAuE,EACvEC,QAAgB,EACR;EACR,OAAO,OAAOD,OAAO,CAACE,WAAW,KAAK,QAAQ,GAC1CF,OAAO,CAACE,WAAW,GACnBF,OAAO,CAACG,KAAK,KAAKC,SAAS,GACzBJ,OAAO,CAACG,KAAK,GACbF,QAAQ;AAChB","ignoreList":[]}

package/lib/module/Header/useHeaderHeight.js

@@ -1,5 +1,7 @@
+"use strict";
+
 import * as React from 'react';
-import { HeaderHeightContext } from './HeaderHeightContext';
+import { HeaderHeightContext } from "./HeaderHeightContext.js";
 export function useHeaderHeight() {
   const height = React.useContext(HeaderHeightContext);
   if (height === undefined) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","HeaderHeightContext","useHeaderHeight","height","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["Header/useHeaderHeight.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACH,mBAAmB,CAAC;EAEpD,IAAIE,MAAM,KAAKE,SAAS,EAAE;IACxB,MAAM,IAAIC,KAAK,CACb,wFACF,CAAC;EACH;EAEA,OAAOH,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["React","HeaderHeightContext","useHeaderHeight","height","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["Header/useHeaderHeight.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACH,mBAAmB,CAAC;EAEpD,IAAIE,MAAM,KAAKE,SAAS,EAAE;IACxB,MAAM,IAAIC,KAAK,CACb,wFACF,CAAC;EACH;EAEA,OAAOH,MAAM;AACf","ignoreList":[]}

package/lib/module/Label/Label.js

@@ -1,19 +1,20 @@
-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 * as React from 'react';
+"use strict";
+
 import { StyleSheet } from 'react-native';
-import { Text } from '../Text';
+import { Text } from "../Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function Label({
   tintColor,
   style,
   ...rest
 }) {
-  return /*#__PURE__*/React.createElement(Text, _extends({
-    numberOfLines: 1
-  }, rest, {
+  return /*#__PURE__*/_jsx(Text, {
+    numberOfLines: 1,
+    ...rest,
     style: [styles.label, tintColor != null && {
       color: tintColor
     }, style]
-  }));
+  });
 }
 const styles = StyleSheet.create({
   label: {

package/lib/module/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","Label","tintColor","style","rest","createElement","_extends","numberOfLines","styles","label","color","create","textAlign","backgroundColor"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAEEC,UAAU,QAGL,cAAc;AAErB,SAASC,IAAI,QAAQ,SAAS;AAQ9B,OAAO,SAASC,KAAKA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAC1D,oBACEN,KAAA,CAAAO,aAAA,CAACL,IAAI,EAAAM,QAAA;IACHC,aAAa,EAAE;EAAE,GACbH,IAAI;IACRD,KAAK,EAAE,CAACK,MAAM,CAACC,KAAK,EAAEP,SAAS,IAAI,IAAI,IAAI;MAAEQ,KAAK,EAAER;IAAU,CAAC,EAAEC,KAAK;EAAE,EACzE,CAAC;AAEN;AAEA,MAAMK,MAAM,GAAGT,UAAU,CAACY,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Text","jsx","_jsx","Label","tintColor","style","rest","numberOfLines","styles","label","color","create","textAlign","backgroundColor"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";;AAAA,SAEEA,UAAU,QAGL,cAAc;AAErB,SAASC,IAAI,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/B,OAAO,SAASC,KAAKA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EAC1D,oBACEJ,IAAA,CAACF,IAAI;IACHO,aAAa,EAAE,CAAE;IAAA,GACbD,IAAI;IACRD,KAAK,EAAE,CAACG,MAAM,CAACC,KAAK,EAAEL,SAAS,IAAI,IAAI,IAAI;MAAEM,KAAK,EAAEN;IAAU,CAAC,EAAEC,KAAK;EAAE,CACzE,CAAC;AAEN;AAEA,MAAMG,MAAM,GAAGT,UAAU,CAACY,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Label/getLabel.js

@@ -1,3 +1,5 @@
+"use strict";
+
 export function getLabel(options, fallback) {
   return options.label !== undefined ? options.label : options.title !== undefined ? options.title : fallback;
 }

package/lib/module/Label/getLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["getLabel","options","fallback","label","undefined","title"],"sourceRoot":"../../../src","sources":["Label/getLabel.tsx"],"mappings":"AAAA,OAAO,SAASA,QAAQA,CACtBC,OAA2C,EAC3CC,QAAgB,EACR;EACR,OAAOD,OAAO,CAACE,KAAK,KAAKC,SAAS,GAC9BH,OAAO,CAACE,KAAK,GACbF,OAAO,CAACI,KAAK,KAAKD,SAAS,GACzBH,OAAO,CAACI,KAAK,GACbH,QAAQ;AAChB","ignoreList":[]}
+{"version":3,"names":["getLabel","options","fallback","label","undefined","title"],"sourceRoot":"../../../src","sources":["Label/getLabel.tsx"],"mappings":";;AAAA,OAAO,SAASA,QAAQA,CACtBC,OAA2C,EAC3CC,QAAgB,EACR;EACR,OAAOD,OAAO,CAACE,KAAK,KAAKC,SAAS,GAC9BH,OAAO,CAACE,KAAK,GACbF,OAAO,CAACI,KAAK,KAAKD,SAAS,GACzBH,OAAO,CAACI,KAAK,GACbH,QAAQ;AAChB","ignoreList":[]}

package/lib/module/MaskedView.android.js

@@ -1,2 +1,4 @@
-export { MaskedView } from './MaskedViewNative';
+"use strict";
+
+export { MaskedView } from "./MaskedViewNative.js";
 //# sourceMappingURL=MaskedView.android.js.map

package/lib/module/MaskedView.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["MaskedView"],"sourceRoot":"../../src","sources":["MaskedView.android.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,oBAAoB","ignoreList":[]}
+{"version":3,"names":["MaskedView"],"sourceRoot":"../../src","sources":["MaskedView.android.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/MaskedView.ios.js

@@ -1,2 +1,4 @@
-export { MaskedView } from './MaskedViewNative';
+"use strict";
+
+export { MaskedView } from "./MaskedViewNative.js";
 //# sourceMappingURL=MaskedView.ios.js.map

package/lib/module/MaskedView.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["MaskedView"],"sourceRoot":"../../src","sources":["MaskedView.ios.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,oBAAoB","ignoreList":[]}
+{"version":3,"names":["MaskedView"],"sourceRoot":"../../src","sources":["MaskedView.ios.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/MaskedView.js

@@ -1,3 +1,5 @@
+"use strict";
+
 /**
  * Use a stub for MaskedView on all Platforms that don't support it.
  */

package/lib/module/MaskedView.js.map

@@ -1 +1 @@
-{"version":3,"names":["MaskedView","children"],"sourceRoot":"../../src","sources":["MaskedView.tsx"],"mappings":"AAAA;AACA;AACA;;AAQA,OAAO,SAASA,UAAUA,CAAC;EAAEC;AAAgB,CAAC,EAAE;EAC9C,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["MaskedView","children"],"sourceRoot":"../../src","sources":["MaskedView.tsx"],"mappings":";;AAAA;AACA;AACA;;AAQA,OAAO,SAASA,UAAUA,CAAC;EAAEC;AAAgB,CAAC,EAAE;EAC9C,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/lib/module/MaskedViewNative.js

@@ -1,8 +1,11 @@
+"use strict";
+
 /**
  * The native MaskedView that we explicitly re-export for supported platforms: Android, iOS.
  */
 import * as React from 'react';
 import { UIManager } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
 let RNCMaskedView;
 try {
   // Add try/catch to support usage even if it's not installed, since it's optional.
@@ -18,7 +21,10 @@ export function MaskedView({
   ...rest
 }) {
   if (isMaskedViewAvailable && RNCMaskedView) {
-    return /*#__PURE__*/React.createElement(RNCMaskedView, rest, children);
+    return /*#__PURE__*/_jsx(RNCMaskedView, {
+      ...rest,
+      children: children
+    });
   }
   return children;
 }

package/lib/module/MaskedViewNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","UIManager","RNCMaskedView","require","default","e","isMaskedViewAvailable","getViewManagerConfig","MaskedView","children","rest","createElement"],"sourceRoot":"../../src","sources":["MaskedViewNative.tsx"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,cAAc;AASxC,IAAIC,aAAyC;AAE7C,IAAI;EACF;EACA;EACA;EACAA,aAAa,GAAGC,OAAO,CAAC,uCAAuC,CAAC,CAACC,OAAO;AAC1E,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,MAAMC,qBAAqB,GACzBL,SAAS,CAACM,oBAAoB,CAAC,eAAe,CAAC,IAAI,IAAI;AAEzD,OAAO,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAY,CAAC,EAAE;EACvD,IAAIJ,qBAAqB,IAAIJ,aAAa,EAAE;IAC1C,oBAAOF,KAAA,CAAAW,aAAA,CAACT,aAAa,EAAKQ,IAAI,EAAGD,QAAwB,CAAC;EAC5D;EAEA,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["React","UIManager","jsx","_jsx","RNCMaskedView","require","default","e","isMaskedViewAvailable","getViewManagerConfig","MaskedView","children","rest"],"sourceRoot":"../../src","sources":["MaskedViewNative.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzC,IAAIC,aAAyC;AAE7C,IAAI;EACF;EACA;EACA;EACAA,aAAa,GAAGC,OAAO,CAAC,uCAAuC,CAAC,CAACC,OAAO;AAC1E,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,MAAMC,qBAAqB,GACzBP,SAAS,CAACQ,oBAAoB,CAAC,eAAe,CAAC,IAAI,IAAI;AAEzD,OAAO,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAY,CAAC,EAAE;EACvD,IAAIJ,qBAAqB,IAAIJ,aAAa,EAAE;IAC1C,oBAAOD,IAAA,CAACC,aAAa;MAAA,GAAKQ,IAAI;MAAAD,QAAA,EAAGA;IAAQ,CAAgB,CAAC;EAC5D;EAEA,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/lib/module/MissingIcon.js

@@ -1,18 +1,20 @@
-// TODO
-// @ts-expect-error: investigate why TypeScript errors here
-import * as React from 'react';
-import { StyleSheet, Text } from 'react-native';
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Text } from "./Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function MissingIcon({
   color,
   size,
   style
 }) {
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     style: [styles.icon, {
       color,
       fontSize: size
-    }, style]
-  }, "\u23F7");
+    }, style],
+    children: "\u23F7"
+  });
 }
 const styles = StyleSheet.create({
   icon: {

package/lib/module/MissingIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","MissingIcon","color","size","style","createElement","styles","icon","fontSize","create","backgroundColor"],"sourceRoot":"../../src","sources":["MissingIcon.tsx"],"mappings":"AAAA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAQ/E,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAE;EACzD,oBAAON,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACI,KAAK,EAAE,CAACE,MAAM,CAACC,IAAI,EAAE;MAAEL,KAAK;MAAEM,QAAQ,EAAEL;IAAK,CAAC,EAAEC,KAAK;EAAE,GAAC,QAAO,CAAC;AAC/E;AAEA,MAAME,MAAM,GAAGP,UAAU,CAACU,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Text","jsx","_jsx","MissingIcon","color","size","style","styles","icon","fontSize","children","create","backgroundColor"],"sourceRoot":"../../src","sources":["MissingIcon.tsx"],"mappings":";;AAAA,SAAyBA,UAAU,QAAwB,cAAc;AAEzE,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9B,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAE;EACzD,oBAAOJ,IAAA,CAACF,IAAI;IAACM,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEJ,KAAK;MAAEK,QAAQ,EAAEJ;IAAK,CAAC,EAAEC,KAAK,CAAE;IAAAI,QAAA,EAAC;EAAC,CAAM,CAAC;AAC/E;AAEA,MAAMH,MAAM,GAAGR,UAAU,CAACY,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/PlatformPressable.js

@@ -1,7 +1,9 @@
-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); }
+"use strict";
+
 import { useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import { Animated, Easing, Platform, Pressable } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 const ANDROID_VERSION_LOLLIPOP = 21;
 const ANDROID_SUPPORTS_RIPPLE = Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_LOLLIPOP;
@@ -17,7 +19,9 @@ export function PlatformPressable({
   android_ripple,
   pressColor,
   pressOpacity = 0.3,
+  hoverEffect,
   style,
+  children,
   ...rest
 }) {
   const {
@@ -61,7 +65,7 @@ export function PlatformPressable({
     animateTo(1, 200);
     onPressOut?.(e);
   };
-  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
     accessible: true,
     accessibilityRole: Platform.OS === 'web' && rest.href != null ? 'link' : 'button',
     onPress: disabled ? undefined : handlePress,
@@ -72,10 +76,63 @@ export function PlatformPressable({
       ...android_ripple
     } : undefined,
     style: [{
-      cursor: 'pointer',
-      // Add hover effect on iPad and VisionOS
+      cursor: Platform.OS === 'web' || Platform.OS === 'ios' ?
+      // Pointer cursor on web
+      // Hover effect on iPad and visionOS
+      'pointer' : 'auto',
       opacity: !ANDROID_SUPPORTS_RIPPLE ? opacity : 1
-    }, style]
-  }, rest));
+    }, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(HoverEffect, {
+      ...hoverEffect
+    }), children]
+  });
 }
+const css = String.raw;
+const CLASS_NAME = `__react-navigation_elements_Pressable_hover`;
+const CSS_TEXT = css`
+  .${CLASS_NAME} {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: inherit;
+    background-color: var(--overlay-color);
+    opacity: 0;
+    transition: opacity 0.15s;
+  }
+
+  a:hover > .${CLASS_NAME}, button:hover > .${CLASS_NAME} {
+    opacity: var(--overlay-hover-opacity);
+  }
+
+  a:active > .${CLASS_NAME}, button:active > .${CLASS_NAME} {
+    opacity: var(--overlay-active-opacity);
+  }
+`;
+const HoverEffect = ({
+  color,
+  hoverOpacity = 0.08,
+  activeOpacity = 0.16
+}) => {
+  if (Platform.OS !== 'web' || color == null) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("style", {
+      dangerouslySetInnerHTML: {
+        __html: CSS_TEXT
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: CLASS_NAME,
+      style: {
+        // @ts-expect-error: CSS variables are not typed
+        '--overlay-color': color,
+        '--overlay-hover-opacity': hoverOpacity,
+        '--overlay-active-opacity': activeOpacity
+      }
+    })]
+  });
+};
 //# sourceMappingURL=PlatformPressable.js.map