expo-router 4.0.0-preview.13 → 4.0.0-preview.14

package/build/onboard/Tutorial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,wBAAgB,QAAQ,sBAiCvB"}
+{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,wBAAgB,QAAQ,sBAgEvB"}

package/build/onboard/Tutorial.js

@@ -10,22 +10,6 @@ const react_native_safe_area_context_1 = require("react-native-safe-area-context
 const createEntryFile_1 = require("./createEntryFile");
 const exports_1 = require("../exports");
 const Pressable_1 = require("../views/Pressable");
-// TODO: Use openLinkFromBrowser thing
-function Header() {
-    return (<Pressable_1.Pressable>
-      {({ hovered }) => (<react_native_1.Text role="heading" aria-level={1} style={[styles.title, react_native_1.Platform.OS !== 'web' && { textAlign: 'left' }]}>
-          Welcome to{' '}
-          <exports_1.Link href="https://github.com/expo/expo-router/" style={[
-                hovered && {
-                    textDecorationColor: 'white',
-                    textDecorationLine: 'underline',
-                },
-            ]}>
-            Expo
-          </exports_1.Link>
-        </react_native_1.Text>)}
-    </Pressable_1.Pressable>);
-}
 const canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;
 function Tutorial() {
     react_1.default.useEffect(() => {
@@ -39,24 +23,50 @@ function Tutorial() {
                 location.replace('/');
             }
             if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {
-                window.document.title = 'npx expo start';
+                window.document.title = 'Welcome to Expo';
             }
         }
     }, []);
-    return (<react_native_1.View style={styles.background}>
+    return (<react_native_safe_area_context_1.SafeAreaView style={styles.background}>
       <react_native_1.StatusBar barStyle="light-content"/>
-
-      <react_native_safe_area_context_1.SafeAreaView style={styles.safeArea}>
-        <react_native_1.View style={styles.container}>
-          <Header />
-          <react_native_1.Text role="heading" aria-level={2} style={styles.subtitle}>
-            Start by creating a file{'\n'}in the{' '}
-            <react_native_1.Text style={{ fontWeight: 'bold' }}>{getRootDir()}</react_native_1.Text> directory.
-          </react_native_1.Text>
-          {canAutoTouchFile && <Button />}
+      <react_native_1.View style={styles.container}>
+        <react_native_1.View style={styles.logotypeWrapper}>
+          <react_native_1.Image style={styles.logotype} source={require('expo-router/assets/logotype.png')}/>
         </react_native_1.View>
-      </react_native_safe_area_context_1.SafeAreaView>
-    </react_native_1.View>);
+        <react_native_1.Text role="heading" aria-level={1} style={styles.title}>
+          Welcome to Expo
+        </react_native_1.Text>
+        <react_native_1.Text role="heading" aria-level={2} style={[styles.subtitle, styles.textSecondary]}>
+          Start by creating a file{react_native_1.Platform.OS !== 'web' ? '\n' : ' '}in the{' '}
+          <react_native_1.Text style={{ fontWeight: '600' }}>{getRootDir()}</react_native_1.Text> directory.
+        </react_native_1.Text>
+        <react_native_1.Text>
+          <exports_1.Link href="https://docs.expo.dev/router/introduction/" {...react_native_1.Platform.select({ web: { target: '_blank' }, native: { asChild: true } })}>
+            <Pressable_1.Pressable>
+              {({ hovered, pressed }) => (<react_native_1.Text style={[
+                styles.link,
+                react_native_1.Platform.select({
+                    web: {
+                        transitionDuration: '200ms',
+                        marginBottom: 12,
+                    },
+                }),
+                hovered && {
+                    opacity: 0.8,
+                    textDecorationLine: 'underline',
+                },
+                pressed && {
+                    opacity: 0.8,
+                },
+            ]}>
+                  Learn more about Expo Router in the documentation.
+                </react_native_1.Text>)}
+            </Pressable_1.Pressable>
+          </exports_1.Link>
+        </react_native_1.Text>
+        {canAutoTouchFile && <Button />}
+      </react_native_1.View>
+    </react_native_safe_area_context_1.SafeAreaView>);
 }
 exports.Tutorial = Tutorial;
 function getRootDir() {
@@ -72,111 +82,155 @@ function getRootDir() {
 function Button() {
     return (<Pressable_1.Pressable onPress={() => {
             (0, createEntryFile_1.createEntryFileAsync)();
-        }} style={{
-            ...react_native_1.Platform.select({
-                web: {
-                    // subtle white shadow
-                    boxShadow: 'rgba(255, 255, 255, 0.15) 0px 0px 20px 5px',
-                },
-                native: {
-                    position: 'absolute',
-                    bottom: 24,
-                    left: 24,
-                    right: 24,
-                    overflow: 'hidden',
-                },
-            }),
-        }}>
+        }} style={styles.button}>
       {({ pressed, hovered }) => (<react_native_1.View style={[
                 styles.buttonContainer,
                 hovered && {
-                    backgroundColor: 'white',
-                },
-                pressed && {
-                    backgroundColor: 'rgba(255,255,255,0.7)',
+                    backgroundColor: '#fff',
                 },
+                pressed &&
+                    react_native_1.Platform.select({
+                        web: {
+                            transform: 'scale(0.98)',
+                            transitionDuration: '200ms',
+                        },
+                        default: {
+                            backgroundColor: '#fff',
+                        },
+                    }),
+            ]}>
+          <react_native_1.Text style={[
+                styles.code,
+                hovered && { color: '#000' },
+                pressed &&
+                    react_native_1.Platform.select({
+                        native: { color: '#000' },
+                    }),
             ]}>
-          <react_native_1.Text style={[styles.code, hovered && { color: 'black' }]}>
-            <react_native_1.Text style={{ color: '#BCC3CD' }}>$</react_native_1.Text> touch {getRootDir()}
-            /index.js
+            <react_native_1.Text style={styles.textSecondary}>$</react_native_1.Text> touch {getRootDir()}
+            /index.tsx
           </react_native_1.Text>
         </react_native_1.View>)}
     </Pressable_1.Pressable>);
 }
 const styles = react_native_1.StyleSheet.create({
     background: {
-        ...react_native_1.Platform.select({
-            web: {
-                backgroundImage: 'radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)',
-                backgroundPositionX: -3,
-                backgroundPositionY: -3,
-                backgroundSize: '40px 40px',
-            },
-        }),
-        backgroundColor: 'black',
+        backgroundColor: '#000',
         flex: 1,
     },
-    safeArea: {
-        flex: 1,
-        maxWidth: 960,
-        marginHorizontal: 'auto',
-        alignItems: 'stretch',
-    },
     container: {
         flex: 1,
         padding: 24,
-        alignItems: 'flex-start',
+        paddingBottom: 64,
+        alignItems: 'center',
         justifyContent: 'center',
+        marginHorizontal: 'auto',
+        gap: 16,
+        ...react_native_1.Platform.select({
+            web: {
+                maxWidth: 960,
+            },
+            native: {
+                width: '100%',
+            },
+        }),
+    },
+    logotypeWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: '#151718',
+        borderRadius: 12,
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderColor: '#313538',
+        width: 78,
+        height: 78,
+        marginBottom: 8,
+    },
+    logotype: {
+        width: 48,
+        height: 44,
     },
     title: {
-        color: 'white',
-        fontSize: 64,
-        paddingBottom: 24,
-        fontWeight: 'bold',
+        ...react_native_1.Platform.select({
+            web: {
+                fontSize: 64,
+                lineHeight: 68,
+            },
+            default: {
+                fontSize: 56,
+                lineHeight: 60,
+            },
+        }),
+        color: '#fff',
+        fontWeight: '800',
+        textAlign: 'center',
     },
     buttonContainer: {
         ...react_native_1.Platform.select({
             web: {
                 transitionDuration: '200ms',
-                backgroundColor: 'transparent',
-            },
-            default: {
-                backgroundColor: 'white',
             },
         }),
-        borderColor: 'white',
+        backgroundColor: 'transparent',
+        borderColor: '#fff',
         borderWidth: 2,
         paddingVertical: 12,
         paddingHorizontal: 24,
+        borderRadius: 8,
     },
-    buttonText: {
-        color: 'black',
+    button: {
+        ...react_native_1.Platform.select({
+            web: {
+                marginTop: 12,
+            },
+            native: {
+                position: 'absolute',
+                bottom: 24,
+                left: 32,
+                right: 32,
+                overflow: 'hidden',
+            },
+        }),
     },
     code: {
         ...react_native_1.Platform.select({
             web: {
                 transitionDuration: '200ms',
-                color: 'white',
-                fontFamily: 'Courier',
+                fontFamily: 'Courier, monospace',
             },
             default: {
-                color: 'black',
                 fontFamily: react_native_1.Platform.select({
                     ios: 'Courier New',
                     android: 'monospace',
                 }),
             },
         }),
+        color: '#fff',
+        textAlign: 'center',
         userSelect: 'none',
         fontSize: 18,
         fontWeight: 'bold',
     },
     subtitle: {
-        color: '#BCC3CD',
-        fontSize: 36,
-        fontWeight: '100',
-        paddingBottom: 36,
-        maxWidth: 960,
+        fontSize: 34,
+        fontWeight: '200',
+        textAlign: 'center',
+    },
+    link: {
+        fontSize: 20,
+        lineHeight: 26,
+        textAlign: 'center',
+        color: '#52a9ff',
+        marginTop: 12,
+        ...react_native_1.Platform.select({
+            web: {
+                marginBottom: 24,
+            },
+        }),
+    },
+    textSecondary: {
+        color: '#9ba1a6',
     },
 });
 //# sourceMappingURL=Tutorial.js.map

package/build/onboard/Tutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Platform, StatusBar, StyleSheet, Text, View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { createEntryFileAsync } from './createEntryFile';\nimport { Link } from '../exports';\nimport { Pressable } from '../views/Pressable';\n\n// TODO: Use openLinkFromBrowser thing\nfunction Header() {\n  return (\n    <Pressable>\n      {({ hovered }) => (\n        <Text\n          role=\"heading\"\n          aria-level={1}\n          style={[styles.title, Platform.OS !== 'web' && { textAlign: 'left' }]}>\n          Welcome to{' '}\n          <Link\n            href=\"https://github.com/expo/expo-router/\"\n            style={[\n              hovered && {\n                textDecorationColor: 'white',\n                textDecorationLine: 'underline',\n              },\n            ]}>\n            Expo\n          </Link>\n        </Text>\n      )}\n    </Pressable>\n  );\n}\n\nconst canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;\n\nexport function Tutorial() {\n  React.useEffect(() => {\n    if (Platform.OS === 'web') {\n      // Reset the route on web so the initial route isn't a 404 after\n      // the user has created the entry file.\n      // This is useful for cases where you are testing the tutorial.\n      // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.\n      // you should see the tutorial again and be able to create the entry file once more.\n      if (typeof location !== 'undefined' && location.pathname !== '/') {\n        location.replace('/');\n      }\n      if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {\n        window.document.title = 'npx expo start';\n      }\n    }\n  }, []);\n\n  return (\n    <View style={styles.background}>\n      <StatusBar barStyle=\"light-content\" />\n\n      <SafeAreaView style={styles.safeArea}>\n        <View style={styles.container}>\n          <Header />\n          <Text role=\"heading\" aria-level={2} style={styles.subtitle}>\n            Start by creating a file{'\\n'}in the{' '}\n            <Text style={{ fontWeight: 'bold' }}>{getRootDir()}</Text> directory.\n          </Text>\n          {canAutoTouchFile && <Button />}\n        </View>\n      </SafeAreaView>\n    </View>\n  );\n}\n\nfunction getRootDir() {\n  const dir = process.env.EXPO_ROUTER_ABS_APP_ROOT!;\n  if (dir.match(/\\/src\\/app$/)) {\n    return 'src/app';\n  } else if (dir.match(/\\/app$/)) {\n    return 'app';\n  }\n  return dir.split('/').pop() ?? dir;\n}\n\nfunction Button() {\n  return (\n    <Pressable\n      onPress={() => {\n        createEntryFileAsync();\n      }}\n      style={{\n        ...Platform.select({\n          web: {\n            // subtle white shadow\n            boxShadow: 'rgba(255, 255, 255, 0.15) 0px 0px 20px 5px',\n          },\n          native: {\n            position: 'absolute',\n            bottom: 24,\n            left: 24,\n            right: 24,\n            overflow: 'hidden',\n          },\n        }),\n      }}>\n      {({ pressed, hovered }) => (\n        <View\n          style={[\n            styles.buttonContainer,\n            hovered && {\n              backgroundColor: 'white',\n            },\n            pressed && {\n              backgroundColor: 'rgba(255,255,255,0.7)',\n            },\n          ]}>\n          <Text style={[styles.code, hovered && { color: 'black' }]}>\n            <Text style={{ color: '#BCC3CD' }}>$</Text> touch {getRootDir()}\n            /index.js\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    ...Platform.select({\n      web: {\n        backgroundImage:\n          'radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0)',\n        backgroundPositionX: -3,\n        backgroundPositionY: -3,\n        backgroundSize: '40px 40px',\n      },\n    }),\n    backgroundColor: 'black',\n    flex: 1,\n  },\n  safeArea: {\n    flex: 1,\n    maxWidth: 960,\n    marginHorizontal: 'auto',\n    alignItems: 'stretch',\n  },\n  container: {\n    flex: 1,\n    padding: 24,\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n  },\n  title: {\n    color: 'white',\n    fontSize: 64,\n    paddingBottom: 24,\n    fontWeight: 'bold',\n  },\n  buttonContainer: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        backgroundColor: 'transparent',\n      },\n      default: {\n        backgroundColor: 'white',\n      },\n    }),\n\n    borderColor: 'white',\n    borderWidth: 2,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n  },\n  buttonText: {\n    color: 'black',\n  },\n  code: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        color: 'white',\n        fontFamily: 'Courier',\n      },\n      default: {\n        color: 'black',\n        fontFamily: Platform.select({\n          ios: 'Courier New',\n          android: 'monospace',\n        }),\n      },\n    }),\n\n    userSelect: 'none',\n    fontSize: 18,\n    fontWeight: 'bold',\n  },\n  subtitle: {\n    color: '#BCC3CD',\n    fontSize: 36,\n    fontWeight: '100',\n    paddingBottom: 36,\n    maxWidth: 960,\n  },\n});\n"]}
+{"version":3,"file":"Tutorial.js","sourceRoot":"","sources":["../../src/onboard/Tutorial.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Platform, StatusBar, StyleSheet, Text, View, Image } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { createEntryFileAsync } from './createEntryFile';\nimport { Link } from '../exports';\nimport { Pressable } from '../views/Pressable';\n\nconst canAutoTouchFile = process.env.EXPO_ROUTER_APP_ROOT != null;\n\nexport function Tutorial() {\n  React.useEffect(() => {\n    if (Platform.OS === 'web') {\n      // Reset the route on web so the initial route isn't a 404 after\n      // the user has created the entry file.\n      // This is useful for cases where you are testing the tutorial.\n      // To test: touch the new file, then navigate to a missing route `/foobar`, then delete the app folder.\n      // you should see the tutorial again and be able to create the entry file once more.\n      if (typeof location !== 'undefined' && location.pathname !== '/') {\n        location.replace('/');\n      }\n      if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {\n        window.document.title = 'Welcome to Expo';\n      }\n    }\n  }, []);\n\n  return (\n    <SafeAreaView style={styles.background}>\n      <StatusBar barStyle=\"light-content\" />\n      <View style={styles.container}>\n        <View style={styles.logotypeWrapper}>\n          <Image style={styles.logotype} source={require('expo-router/assets/logotype.png')} />\n        </View>\n        <Text role=\"heading\" aria-level={1} style={styles.title}>\n          Welcome to Expo\n        </Text>\n        <Text role=\"heading\" aria-level={2} style={[styles.subtitle, styles.textSecondary]}>\n          Start by creating a file{Platform.OS !== 'web' ? '\\n' : ' '}in the{' '}\n          <Text style={{ fontWeight: '600' }}>{getRootDir()}</Text> directory.\n        </Text>\n        <Text>\n          <Link\n            href=\"https://docs.expo.dev/router/introduction/\"\n            {...Platform.select({ web: { target: '_blank' }, native: { asChild: true } })}>\n            <Pressable>\n              {({ hovered, pressed }) => (\n                <Text\n                  style={[\n                    styles.link,\n                    Platform.select({\n                      web: {\n                        transitionDuration: '200ms',\n                        marginBottom: 12,\n                      },\n                    }),\n                    hovered && {\n                      opacity: 0.8,\n                      textDecorationLine: 'underline',\n                    },\n                    pressed && {\n                      opacity: 0.8,\n                    },\n                  ]}>\n                  Learn more about Expo Router in the documentation.\n                </Text>\n              )}\n            </Pressable>\n          </Link>\n        </Text>\n        {canAutoTouchFile && <Button />}\n      </View>\n    </SafeAreaView>\n  );\n}\n\nfunction getRootDir() {\n  const dir = process.env.EXPO_ROUTER_ABS_APP_ROOT!;\n  if (dir.match(/\\/src\\/app$/)) {\n    return 'src/app';\n  } else if (dir.match(/\\/app$/)) {\n    return 'app';\n  }\n  return dir.split('/').pop() ?? dir;\n}\n\nfunction Button() {\n  return (\n    <Pressable\n      onPress={() => {\n        createEntryFileAsync();\n      }}\n      style={styles.button}>\n      {({ pressed, hovered }) => (\n        <View\n          style={[\n            styles.buttonContainer,\n            hovered && {\n              backgroundColor: '#fff',\n            },\n            pressed &&\n              Platform.select({\n                web: {\n                  transform: 'scale(0.98)',\n                  transitionDuration: '200ms',\n                },\n                default: {\n                  backgroundColor: '#fff',\n                },\n              }),\n          ]}>\n          <Text\n            style={[\n              styles.code,\n              hovered && { color: '#000' },\n              pressed &&\n                Platform.select({\n                  native: { color: '#000' },\n                }),\n            ]}>\n            <Text style={styles.textSecondary}>$</Text> touch {getRootDir()}\n            /index.tsx\n          </Text>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    backgroundColor: '#000',\n    flex: 1,\n  },\n  container: {\n    flex: 1,\n    padding: 24,\n    paddingBottom: 64,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginHorizontal: 'auto',\n    gap: 16,\n    ...Platform.select({\n      web: {\n        maxWidth: 960,\n      },\n      native: {\n        width: '100%',\n      },\n    }),\n  },\n  logotypeWrapper: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: '#151718',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: '#313538',\n    width: 78,\n    height: 78,\n    marginBottom: 8,\n  },\n  logotype: {\n    width: 48,\n    height: 44,\n  },\n  title: {\n    ...Platform.select({\n      web: {\n        fontSize: 64,\n        lineHeight: 68,\n      },\n      default: {\n        fontSize: 56,\n        lineHeight: 60,\n      },\n    }),\n    color: '#fff',\n    fontWeight: '800',\n    textAlign: 'center',\n  },\n  buttonContainer: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n      },\n    }),\n    backgroundColor: 'transparent',\n    borderColor: '#fff',\n    borderWidth: 2,\n    paddingVertical: 12,\n    paddingHorizontal: 24,\n    borderRadius: 8,\n  },\n  button: {\n    ...Platform.select({\n      web: {\n        marginTop: 12,\n      },\n      native: {\n        position: 'absolute',\n        bottom: 24,\n        left: 32,\n        right: 32,\n        overflow: 'hidden',\n      },\n    }),\n  },\n  code: {\n    ...Platform.select({\n      web: {\n        transitionDuration: '200ms',\n        fontFamily: 'Courier, monospace',\n      },\n      default: {\n        fontFamily: Platform.select({\n          ios: 'Courier New',\n          android: 'monospace',\n        }),\n      },\n    }),\n    color: '#fff',\n    textAlign: 'center',\n    userSelect: 'none',\n    fontSize: 18,\n    fontWeight: 'bold',\n  },\n  subtitle: {\n    fontSize: 34,\n    fontWeight: '200',\n    textAlign: 'center',\n  },\n  link: {\n    fontSize: 20,\n    lineHeight: 26,\n    textAlign: 'center',\n    color: '#52a9ff',\n    marginTop: 12,\n    ...Platform.select({\n      web: {\n        marginBottom: 24,\n      },\n    }),\n  },\n  textSecondary: {\n    color: '#9ba1a6',\n  },\n});\n"]}

package/build/views/Sitemap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sitemap.d.ts","sourceRoot":"","sources":["../../src/views/Sitemap.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,wBAAgB,aAAa,IAAI,4BAA4B,CAmB5D;AAED,wBAAgB,OAAO,sBA2BtB"}
+{"version":3,"file":"Sitemap.d.ts","sourceRoot":"","sources":["../../src/views/Sitemap.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,wBAAgB,aAAa,IAAI,4BAA4B,CAiC5D;AAED,wBAAgB,OAAO,sBAStB"}

package/build/views/Sitemap.js

@@ -15,11 +15,10 @@ const imperative_api_1 = require("../imperative-api");
 const Link_1 = require("../link/Link");
 const matchers_1 = require("../matchers");
 const statusbar_1 = require("../utils/statusbar");
-const INDENT = 24;
+const INDENT = 20;
 function getNavOptions() {
     return {
         title: 'sitemap',
-        headerShown: false,
         presentation: 'modal',
         headerLargeTitle: false,
         headerTitleStyle: {
@@ -34,40 +33,36 @@ function getNavOptions() {
             // @ts-expect-error: mistyped
             borderBottomColor: '#323232',
         },
+        header: () => {
+            const WrapperElement = react_native_1.Platform.OS === 'android' ? react_native_safe_area_context_1.SafeAreaView : react_native_1.View;
+            return (<WrapperElement style={styles.header}>
+          <react_native_1.View style={styles.headerContent}>
+            <react_native_1.View style={styles.headerIcon}>
+              <SitemapIcon />
+            </react_native_1.View>
+            <react_native_1.Text role="heading" aria-level={1} style={styles.title}>
+              Sitemap
+            </react_native_1.Text>
+          </react_native_1.View>
+        </WrapperElement>);
+        },
     };
 }
 exports.getNavOptions = getNavOptions;
 function Sitemap() {
-    const { top, bottom } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    const { width } = (0, react_native_1.useWindowDimensions)();
     return (<react_native_1.View style={styles.container}>
       {!statusbar_1.hasViewControllerBasedStatusBarAppearance && <react_native_1.StatusBar barStyle="light-content"/>}
-      <react_native_1.View style={[
-            styles.main,
-            {
-                minWidth: Math.min(960, width * 0.9),
-            },
-        ]}>
-        <react_native_1.ScrollView contentContainerStyle={[
-            styles.scroll,
-            {
-                paddingTop: top + 12,
-                paddingBottom: bottom + 12,
-            },
-        ]} style={{ flex: 1 }}>
-          <FileSystemView />
-        </react_native_1.ScrollView>
-      </react_native_1.View>
+      <react_native_1.ScrollView contentContainerStyle={styles.scroll}>
+        <FileSystemView />
+      </react_native_1.ScrollView>
     </react_native_1.View>);
 }
 exports.Sitemap = Sitemap;
 function FileSystemView() {
     const routes = (0, router_store_1.useExpoRouter)().getSortedRoutes();
-    return (<>
-      {routes.map((child) => (<react_native_1.View key={child.contextKey} style={styles.itemContainer}>
-          <FileItem route={child}/>
-        </react_native_1.View>))}
-    </>);
+    return routes.map((route) => (<react_native_1.View key={route.contextKey} style={styles.itemContainer}>
+      <FileItem route={route}/>
+    </react_native_1.View>));
 }
 function FileItem({ route, level = 0, parents = [], isInitial = false, }) {
     const disabled = route.children.length > 0;
@@ -75,13 +70,13 @@ function FileItem({ route, level = 0, parents = [], isInitial = false, }) {
     const href = react_1.default.useMemo(() => {
         return ('/' +
             segments
-                .map((v) => {
+                .map((segment) => {
                 // add an extra layer of entropy to the url for deep dynamic routes
-                if ((0, matchers_1.matchDeepDynamicRouteName)(v)) {
-                    return v + '/' + Date.now();
+                if ((0, matchers_1.matchDeepDynamicRouteName)(segment)) {
+                    return segment + '/' + Date.now();
                 }
                 // index must be erased but groups can be preserved.
-                return v === 'index' ? '' : v;
+                return segment === 'index' ? '' : segment;
             })
                 .filter(Boolean)
                 .join('/'));
@@ -92,10 +87,10 @@ function FileItem({ route, level = 0, parents = [], isInitial = false, }) {
         if (route.contextKey.match(/_layout\.[jt]sx?$/)) {
             return segments[segments.length - 2] + '/' + segments[segments.length - 1];
         }
-        const segmentCount = route.route.split('/').length;
+        const routeSegmentsCount = route.route.split('/').length;
         // Join the segment count in reverse order
         // This presents files without layout routes as children with all relevant segments.
-        return segments.slice(-segmentCount).join('/');
+        return segments.slice(-routeSegmentsCount).join('/');
     }, [route]);
     const info = isInitial ? 'Initial' : route.generated ? 'Virtual' : '';
     return (<>
@@ -104,17 +99,17 @@ function FileItem({ route, level = 0, parents = [], isInitial = false, }) {
                     // Ensure the modal pops
                     imperative_api_1.router.back();
                 }
-            }} style={{ flex: 1, display: 'flex' }} disabled={disabled} asChild 
+            }} disabled={disabled} asChild 
         // Ensure we replace the history so you can't go back to this page.
         replace>
-          <Pressable_1.Pressable style={{ flex: 1 }}>
+          <Pressable_1.Pressable>
             {({ pressed, hovered }) => (<react_native_1.View style={[
                     styles.itemPressable,
                     {
                         paddingLeft: INDENT + level * INDENT,
-                        backgroundColor: hovered ? 'rgba(255,255,255,0.1)' : 'transparent',
+                        backgroundColor: hovered ? '#202425' : 'transparent',
                     },
-                    pressed && { backgroundColor: '#323232' },
+                    pressed && { backgroundColor: '#26292b' },
                     disabled && { opacity: 0.4 },
                 ]}>
                 <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center' }}>
@@ -141,27 +136,70 @@ function PkgIcon() {
 function ForwardIcon() {
     return <react_native_1.Image style={styles.image} source={require('expo-router/assets/forward.png')}/>;
 }
+function SitemapIcon() {
+    return <react_native_1.Image style={styles.image} source={require('expo-router/assets/sitemap.png')}/>;
+}
 const styles = react_native_1.StyleSheet.create({
     container: {
         backgroundColor: 'black',
         flex: 1,
         alignItems: 'stretch',
     },
-    main: {
-        marginHorizontal: 'auto',
-        flex: 1,
-        alignItems: 'stretch',
+    header: {
+        backgroundColor: '#151718',
+        paddingVertical: 16,
+        borderBottomWidth: 1,
+        borderColor: '#313538',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 3,
+        },
+        shadowOpacity: 0.33,
+        shadowRadius: 3,
+        elevation: 8,
+    },
+    headerContent: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 14,
+        paddingHorizontal: '5%',
+        ...react_native_1.Platform.select({
+            web: {
+                width: '100%',
+                maxWidth: 960,
+                marginHorizontal: 'auto',
+            },
+        }),
+    },
+    title: {
+        color: 'white',
+        fontSize: 28,
+        fontWeight: 'bold',
     },
     scroll: {
-        paddingHorizontal: 12,
-        // flex: 1,
-        // paddingTop: top + 12,
-        alignItems: 'stretch',
+        paddingHorizontal: '5%',
+        paddingVertical: 16,
+        ...react_native_1.Platform.select({
+            ios: {
+                paddingBottom: 24,
+            },
+            web: {
+                width: '100%',
+                maxWidth: 960,
+                marginHorizontal: 'auto',
+                paddingBottom: 24,
+            },
+            default: {
+                paddingBottom: 12,
+            },
+        }),
     },
     itemContainer: {
         borderWidth: 1,
-        borderColor: '#323232',
-        borderRadius: 19,
+        borderColor: '#313538',
+        backgroundColor: '#151718',
+        borderRadius: 12,
         marginBottom: 12,
         overflow: 'hidden',
     },
@@ -179,6 +217,15 @@ const styles = react_native_1.StyleSheet.create({
     },
     filename: { color: 'white', fontSize: 20, marginLeft: 12 },
     virtual: { textAlign: 'right', color: 'white' },
-    image: { width: 24, height: 24, resizeMode: 'contain' },
+    image: { width: 24, height: 24, resizeMode: 'contain', opacity: 0.6 },
+    headerIcon: {
+        width: 40,
+        height: 40,
+        backgroundColor: '#202425',
+        borderRadius: 8,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
 });
 //# sourceMappingURL=Sitemap.js.map

package/build/views/Sitemap.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sitemap.js","sourceRoot":"","sources":["../../src/views/Sitemap.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright © 2024 650 Industries.\n'use client';\n\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React from 'react';\nimport {\n  Image,\n  StyleSheet,\n  Text,\n  View,\n  ScrollView,\n  Platform,\n  StatusBar,\n  useWindowDimensions,\n} from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Pressable } from './Pressable';\nimport { RouteNode } from '../Route';\nimport { useExpoRouter } from '../global-state/router-store';\nimport { router } from '../imperative-api';\nimport { Link } from '../link/Link';\nimport { matchDeepDynamicRouteName } from '../matchers';\nimport { hasViewControllerBasedStatusBarAppearance } from '../utils/statusbar';\n\nconst INDENT = 24;\n\nexport function getNavOptions(): NativeStackNavigationOptions {\n  return {\n    title: 'sitemap',\n    headerShown: false,\n    presentation: 'modal',\n    headerLargeTitle: false,\n    headerTitleStyle: {\n      color: 'white',\n    },\n    headerTintColor: 'white',\n    headerLargeTitleStyle: {\n      color: 'white',\n    },\n    headerStyle: {\n      backgroundColor: 'black',\n      // @ts-expect-error: mistyped\n      borderBottomColor: '#323232',\n    },\n  };\n}\n\nexport function Sitemap() {\n  const { top, bottom } = useSafeAreaInsets();\n  const { width } = useWindowDimensions();\n  return (\n    <View style={styles.container}>\n      {!hasViewControllerBasedStatusBarAppearance && <StatusBar barStyle=\"light-content\" />}\n      <View\n        style={[\n          styles.main,\n          {\n            minWidth: Math.min(960, width * 0.9),\n          },\n        ]}>\n        <ScrollView\n          contentContainerStyle={[\n            styles.scroll,\n            {\n              paddingTop: top + 12,\n              paddingBottom: bottom + 12,\n            },\n          ]}\n          style={{ flex: 1 }}>\n          <FileSystemView />\n        </ScrollView>\n      </View>\n    </View>\n  );\n}\n\nfunction FileSystemView() {\n  const routes = useExpoRouter().getSortedRoutes();\n\n  return (\n    <>\n      {routes.map((child) => (\n        <View key={child.contextKey} style={styles.itemContainer}>\n          <FileItem route={child} />\n        </View>\n      ))}\n    </>\n  );\n}\n\nfunction FileItem({\n  route,\n  level = 0,\n  parents = [],\n  isInitial = false,\n}: {\n  route: RouteNode;\n  level?: number;\n  parents?: string[];\n  isInitial?: boolean;\n}) {\n  const disabled = route.children.length > 0;\n\n  const segments = React.useMemo(\n    () => [...parents, ...route.route.split('/')],\n    [parents, route.route]\n  );\n\n  const href = React.useMemo(() => {\n    return (\n      '/' +\n      segments\n        .map((v) => {\n          // add an extra layer of entropy to the url for deep dynamic routes\n          if (matchDeepDynamicRouteName(v)) {\n            return v + '/' + Date.now();\n          }\n          // index must be erased but groups can be preserved.\n          return v === 'index' ? '' : v;\n        })\n        .filter(Boolean)\n        .join('/')\n    );\n  }, [segments, route.route]);\n\n  const filename = React.useMemo(() => {\n    const segments = route.contextKey.split('/');\n    // join last two segments for layout routes\n    if (route.contextKey.match(/_layout\\.[jt]sx?$/)) {\n      return segments[segments.length - 2] + '/' + segments[segments.length - 1];\n    }\n\n    const segmentCount = route.route.split('/').length;\n\n    // Join the segment count in reverse order\n    // This presents files without layout routes as children with all relevant segments.\n    return segments.slice(-segmentCount).join('/');\n  }, [route]);\n\n  const info = isInitial ? 'Initial' : route.generated ? 'Virtual' : '';\n\n  return (\n    <>\n      {!route.internal && (\n        <Link\n          accessibilityLabel={route.contextKey}\n          href={href}\n          onPress={() => {\n            if (Platform.OS !== 'web' && router.canGoBack()) {\n              // Ensure the modal pops\n              router.back();\n            }\n          }}\n          style={{ flex: 1, display: 'flex' }}\n          disabled={disabled}\n          asChild\n          // Ensure we replace the history so you can't go back to this page.\n          replace>\n          <Pressable style={{ flex: 1 }}>\n            {({ pressed, hovered }) => (\n              <View\n                style={[\n                  styles.itemPressable,\n                  {\n                    paddingLeft: INDENT + level * INDENT,\n                    backgroundColor: hovered ? 'rgba(255,255,255,0.1)' : 'transparent',\n                  },\n                  pressed && { backgroundColor: '#323232' },\n                  disabled && { opacity: 0.4 },\n                ]}>\n                <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                  {route.children.length ? <PkgIcon /> : <FileIcon />}\n                  <Text style={styles.filename}>{filename}</Text>\n                </View>\n\n                <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                  {!!info && (\n                    <Text style={[styles.virtual, !disabled && { marginRight: 8 }]}>{info}</Text>\n                  )}\n                  {!disabled && <ForwardIcon />}\n                </View>\n              </View>\n            )}\n          </Pressable>\n        </Link>\n      )}\n      {route.children.map((child) => (\n        <FileItem\n          key={child.contextKey}\n          route={child}\n          isInitial={route.initialRouteName === child.route}\n          parents={segments}\n          level={level + (route.generated ? 0 : 1)}\n        />\n      ))}\n    </>\n  );\n}\n\nfunction FileIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/file.png')} />;\n}\n\nfunction PkgIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/pkg.png')} />;\n}\n\nfunction ForwardIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/forward.png')} />;\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'black',\n    flex: 1,\n    alignItems: 'stretch',\n  },\n  main: {\n    marginHorizontal: 'auto',\n    flex: 1,\n\n    alignItems: 'stretch',\n  },\n  scroll: {\n    paddingHorizontal: 12,\n    // flex: 1,\n    // paddingTop: top + 12,\n    alignItems: 'stretch',\n  },\n  itemContainer: {\n    borderWidth: 1,\n    borderColor: '#323232',\n    borderRadius: 19,\n    marginBottom: 12,\n    overflow: 'hidden',\n  },\n  itemPressable: {\n    paddingHorizontal: INDENT,\n    paddingVertical: 16,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    ...Platform.select({\n      web: {\n        transitionDuration: '100ms',\n      },\n    }),\n  },\n  filename: { color: 'white', fontSize: 20, marginLeft: 12 },\n  virtual: { textAlign: 'right', color: 'white' },\n  image: { width: 24, height: 24, resizeMode: 'contain' },\n});\n"]}
+{"version":3,"file":"Sitemap.js","sourceRoot":"","sources":["../../src/views/Sitemap.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright © 2024 650 Industries.\n'use client';\n\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React from 'react';\nimport { Image, StyleSheet, Text, View, ScrollView, Platform, StatusBar } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { Pressable } from './Pressable';\nimport { RouteNode } from '../Route';\nimport { useExpoRouter } from '../global-state/router-store';\nimport { router } from '../imperative-api';\nimport { Link } from '../link/Link';\nimport { matchDeepDynamicRouteName } from '../matchers';\nimport { hasViewControllerBasedStatusBarAppearance } from '../utils/statusbar';\n\nconst INDENT = 20;\n\nexport function getNavOptions(): NativeStackNavigationOptions {\n  return {\n    title: 'sitemap',\n    presentation: 'modal',\n    headerLargeTitle: false,\n    headerTitleStyle: {\n      color: 'white',\n    },\n    headerTintColor: 'white',\n    headerLargeTitleStyle: {\n      color: 'white',\n    },\n    headerStyle: {\n      backgroundColor: 'black',\n      // @ts-expect-error: mistyped\n      borderBottomColor: '#323232',\n    },\n    header: () => {\n      const WrapperElement = Platform.OS === 'android' ? SafeAreaView : View;\n      return (\n        <WrapperElement style={styles.header}>\n          <View style={styles.headerContent}>\n            <View style={styles.headerIcon}>\n              <SitemapIcon />\n            </View>\n            <Text role=\"heading\" aria-level={1} style={styles.title}>\n              Sitemap\n            </Text>\n          </View>\n        </WrapperElement>\n      );\n    },\n  };\n}\n\nexport function Sitemap() {\n  return (\n    <View style={styles.container}>\n      {!hasViewControllerBasedStatusBarAppearance && <StatusBar barStyle=\"light-content\" />}\n      <ScrollView contentContainerStyle={styles.scroll}>\n        <FileSystemView />\n      </ScrollView>\n    </View>\n  );\n}\n\nfunction FileSystemView() {\n  const routes = useExpoRouter().getSortedRoutes();\n  return routes.map((route) => (\n    <View key={route.contextKey} style={styles.itemContainer}>\n      <FileItem route={route} />\n    </View>\n  ));\n}\n\nfunction FileItem({\n  route,\n  level = 0,\n  parents = [],\n  isInitial = false,\n}: {\n  route: RouteNode;\n  level?: number;\n  parents?: string[];\n  isInitial?: boolean;\n}) {\n  const disabled = route.children.length > 0;\n\n  const segments = React.useMemo(\n    () => [...parents, ...route.route.split('/')],\n    [parents, route.route]\n  );\n\n  const href = React.useMemo(() => {\n    return (\n      '/' +\n      segments\n        .map((segment) => {\n          // add an extra layer of entropy to the url for deep dynamic routes\n          if (matchDeepDynamicRouteName(segment)) {\n            return segment + '/' + Date.now();\n          }\n          // index must be erased but groups can be preserved.\n          return segment === 'index' ? '' : segment;\n        })\n        .filter(Boolean)\n        .join('/')\n    );\n  }, [segments, route.route]);\n\n  const filename = React.useMemo(() => {\n    const segments = route.contextKey.split('/');\n    // join last two segments for layout routes\n    if (route.contextKey.match(/_layout\\.[jt]sx?$/)) {\n      return segments[segments.length - 2] + '/' + segments[segments.length - 1];\n    }\n\n    const routeSegmentsCount = route.route.split('/').length;\n\n    // Join the segment count in reverse order\n    // This presents files without layout routes as children with all relevant segments.\n    return segments.slice(-routeSegmentsCount).join('/');\n  }, [route]);\n\n  const info = isInitial ? 'Initial' : route.generated ? 'Virtual' : '';\n\n  return (\n    <>\n      {!route.internal && (\n        <Link\n          accessibilityLabel={route.contextKey}\n          href={href}\n          onPress={() => {\n            if (Platform.OS !== 'web' && router.canGoBack()) {\n              // Ensure the modal pops\n              router.back();\n            }\n          }}\n          disabled={disabled}\n          asChild\n          // Ensure we replace the history so you can't go back to this page.\n          replace>\n          <Pressable>\n            {({ pressed, hovered }) => (\n              <View\n                style={[\n                  styles.itemPressable,\n                  {\n                    paddingLeft: INDENT + level * INDENT,\n                    backgroundColor: hovered ? '#202425' : 'transparent',\n                  },\n                  pressed && { backgroundColor: '#26292b' },\n                  disabled && { opacity: 0.4 },\n                ]}>\n                <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                  {route.children.length ? <PkgIcon /> : <FileIcon />}\n                  <Text style={styles.filename}>{filename}</Text>\n                </View>\n\n                <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n                  {!!info && (\n                    <Text style={[styles.virtual, !disabled && { marginRight: 8 }]}>{info}</Text>\n                  )}\n                  {!disabled && <ForwardIcon />}\n                </View>\n              </View>\n            )}\n          </Pressable>\n        </Link>\n      )}\n      {route.children.map((child) => (\n        <FileItem\n          key={child.contextKey}\n          route={child}\n          isInitial={route.initialRouteName === child.route}\n          parents={segments}\n          level={level + (route.generated ? 0 : 1)}\n        />\n      ))}\n    </>\n  );\n}\n\nfunction FileIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/file.png')} />;\n}\n\nfunction PkgIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/pkg.png')} />;\n}\n\nfunction ForwardIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/forward.png')} />;\n}\n\nfunction SitemapIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/sitemap.png')} />;\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'black',\n    flex: 1,\n    alignItems: 'stretch',\n  },\n  header: {\n    backgroundColor: '#151718',\n    paddingVertical: 16,\n    borderBottomWidth: 1,\n    borderColor: '#313538',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 3,\n    },\n    shadowOpacity: 0.33,\n    shadowRadius: 3,\n    elevation: 8,\n  },\n  headerContent: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 14,\n    paddingHorizontal: '5%',\n    ...Platform.select({\n      web: {\n        width: '100%',\n        maxWidth: 960,\n        marginHorizontal: 'auto',\n      },\n    }),\n  },\n  title: {\n    color: 'white',\n    fontSize: 28,\n    fontWeight: 'bold',\n  },\n  scroll: {\n    paddingHorizontal: '5%',\n    paddingVertical: 16,\n    ...Platform.select({\n      ios: {\n        paddingBottom: 24,\n      },\n      web: {\n        width: '100%',\n        maxWidth: 960,\n        marginHorizontal: 'auto',\n        paddingBottom: 24,\n      },\n      default: {\n        paddingBottom: 12,\n      },\n    }),\n  },\n  itemContainer: {\n    borderWidth: 1,\n    borderColor: '#313538',\n    backgroundColor: '#151718',\n    borderRadius: 12,\n    marginBottom: 12,\n    overflow: 'hidden',\n  },\n  itemPressable: {\n    paddingHorizontal: INDENT,\n    paddingVertical: 16,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    ...Platform.select({\n      web: {\n        transitionDuration: '100ms',\n      },\n    }),\n  },\n  filename: { color: 'white', fontSize: 20, marginLeft: 12 },\n  virtual: { textAlign: 'right', color: 'white' },\n  image: { width: 24, height: 24, resizeMode: 'contain', opacity: 0.6 },\n  headerIcon: {\n    width: 40,\n    height: 40,\n    backgroundColor: '#202425',\n    borderRadius: 8,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "4.0.0-preview.13",
+  "version": "4.0.0-preview.14",
   "description": "Expo Router is a file-based router for React Native and web applications.",
   "author": "650 Industries, Inc.",
   "license": "MIT",
@@ -73,7 +73,7 @@
     "expo"
   ],
   "peerDependencies": {
-    "@react-navigation/drawer": "7.0.0-rc.33",
+    "@react-navigation/drawer": "7.0.0",
     "expo": "*",
     "expo-constants": "*",
     "expo-linking": "*",
@@ -93,7 +93,7 @@
     }
   },
   "devDependencies": {
-    "@react-navigation/drawer": "7.0.0-rc.33",
+    "@react-navigation/drawer": "7.0.0",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react": "^15.0.7",
     "@testing-library/react-native": "^12.5.1",
@@ -105,14 +105,14 @@
     "@expo/metro-runtime": "4.0.0-preview.2",
     "@expo/server": "^0.5.0-preview.0",
     "@radix-ui/react-slot": "1.0.1",
-    "@react-navigation/bottom-tabs": "7.0.0-rc.36",
-    "@react-navigation/native": "7.0.0-rc.21",
-    "@react-navigation/native-stack": "7.0.0-rc.30",
+    "@react-navigation/bottom-tabs": "7.0.0",
+    "@react-navigation/native": "7.0.0",
+    "@react-navigation/native-stack": "7.0.0",
     "client-only": "^0.0.1",
     "react-helmet-async": "^1.3.0",
     "react-native-helmet-async": "2.0.4",
     "schema-utils": "^4.0.1",
     "server-only": "^0.0.1"
   },
-  "gitHead": "a64603dce90981bf7688657f87dfa4be3e24f58b"
+  "gitHead": "c0899e56c5be08b0142f06f05aa7bac8d6bc18b8"
 }