expo-router 7.0.0-canary-20251216-6e1f9a7 → 7.0.0-canary-20251216-3f01dbf

package/android/build.gradle

@@ -4,13 +4,13 @@ plugins {
 }
 
 group = 'expo.modules.router'
-version = '7.0.0-canary-20251216-6e1f9a7'
+version = '7.0.0-canary-20251216-3f01dbf'
 
 android {
   namespace "expo.modules.router"
   defaultConfig {
     versionCode 1
-    versionName "7.0.0-canary-20251216-6e1f9a7"
+    versionName "7.0.0-canary-20251216-3f01dbf"
   }
   lintOptions {
     abortOnError false

package/build/layouts/StackClient.d.ts

@@ -154,8 +154,8 @@ declare const Stack: ((props: ComponentProps<typeof RNStack>) => React.JSX.Eleme
     Screen: typeof StackScreen;
     Protected: React.FunctionComponent<ProtectedProps>;
     Header: typeof import("./stack-utils/StackHeaderComponent").StackHeaderComponent & {
-        Left: typeof import("./stack-utils").StackHeaderLeft;
-        Right: typeof import("./stack-utils").StackHeaderRight;
+        Left: React.FC<import("./stack-utils").StackHeaderLeftProps>;
+        Right: React.FC<import("./stack-utils").StackHeaderRightProps>;
         BackButton: typeof import("./stack-utils").StackHeaderBackButton;
         Title: typeof import("./stack-utils").StackHeaderTitle;
         SearchBar: typeof import("./stack-utils").StackHeaderSearchBar;

package/build/layouts/stack-utils/StackHeaderComponent.d.ts

@@ -3,20 +3,103 @@ import { type ReactNode } from 'react';
 import { type ColorValue, type StyleProp } from 'react-native';
 import type { ScreenStackHeaderConfigProps } from 'react-native-screens';
 export interface StackHeaderProps {
+    /**
+     * Child elements to compose the header. Can include Stack.Header.Title, Stack.Header.Left,
+     * Stack.Header.Right, Stack.Header.BackButton, and Stack.Header.SearchBar components.
+     */
     children?: ReactNode;
+    /**
+     * Whether to hide the header completely. When set to `true`, the header will not be rendered.
+     *
+     * @default false
+     */
     hidden?: boolean;
+    /**
+     * When `true`, renders children as a custom header component, replacing the default header entirely.
+     * Use this to implement fully custom header layouts.
+     *
+     * @default false
+     */
     asChild?: boolean;
+    /**
+     * The blur effect to apply to the header background on iOS.
+     * Common values include 'regular', 'prominent', 'systemMaterial', etc.
+     *
+     * @platform ios
+     */
     blurEffect?: ScreenStackHeaderConfigProps['blurEffect'];
+    /**
+     * Style properties for the standard-sized header.
+     * - `color`: Tint color for header elements (similar to tintColor in React Navigation)
+     * - `backgroundColor`: Background color of the header
+     * - `shadowColor`: Set to 'transparent' to hide the header shadow/border
+     */
     style?: StyleProp<{
         color?: ColorValue;
         backgroundColor?: ScreenStackHeaderConfigProps['backgroundColor'];
         shadowColor?: undefined | 'transparent';
     }>;
+    /**
+     * Style properties for the large title header (iOS).
+     * - `backgroundColor`: Background color of the large title header
+     * - `shadowColor`: Set to 'transparent' to hide the large title shadow/border
+     *
+     * @platform ios
+     */
     largeStyle?: StyleProp<{
         backgroundColor?: ScreenStackHeaderConfigProps['largeTitleBackgroundColor'];
         shadowColor?: undefined | 'transparent';
     }>;
 }
-export declare function StackHeaderComponent(props: StackHeaderProps): null;
+/**
+ * The component used to configure the whole stack header.
+ *
+ * When used inside a screen, it allows you to customize the header dynamically by composing
+ * header subcomponents (title, left/right areas, back button, search bar, etc.).
+ *
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Header>
+ *         <Stack.Header.Title>Page title</Stack.Header.Title>
+ *         <Stack.Header.Left>
+ *           <Stack.Header.Button onPress={() => alert('Left pressed')} />
+ *         </Stack.Header.Left>
+ *         <Stack.Header.Right>
+ *           <Stack.Header.Button onPress={() => alert('Right pressed')} />
+ *         </Stack.Header.Right>
+ *       </Stack.Header>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * When used inside a layout, it needs to be wrapped in `Stack.Screen` to take effect.
+ *
+ * Example (inside a layout):
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Header>
+ *           <Stack.Header.Title>Layout title</Stack.Header.Title>
+ *           <Stack.Header.Right>
+ *             <Stack.Header.Button onPress={() => alert('Right pressed')} />
+ *           </Stack.Header.Right>
+ *         </Stack.Header>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+export declare function StackHeaderComponent(props: StackHeaderProps): import("react").JSX.Element;
 export declare function appendStackHeaderPropsToOptions(options: NativeStackNavigationOptions, props: StackHeaderProps): NativeStackNavigationOptions;
 //# sourceMappingURL=StackHeaderComponent.d.ts.map

package/build/layouts/stack-utils/StackHeaderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackHeaderComponent.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAc,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAmBzE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,4BAA4B,CAAC,YAAY,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;QAChB,KAAK,CAAC,EAAE,UAAU,CAAC;QACnB,eAAe,CAAC,EAAE,4BAA4B,CAAC,iBAAiB,CAAC,CAAC;QAClE,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;KACzC,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;QACrB,eAAe,CAAC,EAAE,4BAA4B,CAAC,2BAA2B,CAAC,CAAC;QAC5E,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;KACzC,CAAC,CAAC;CACJ;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,QAE3D;AAED,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,gBAAgB,GACtB,4BAA4B,CAqD9B"}
+{"version":3,"file":"StackHeaderComponent.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAc,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAoBzE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,4BAA4B,CAAC,YAAY,CAAC,CAAC;IACxD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;QAChB,KAAK,CAAC,EAAE,UAAU,CAAC;QACnB,eAAe,CAAC,EAAE,4BAA4B,CAAC,iBAAiB,CAAC,CAAC;QAClE,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;KACzC,CAAC,CAAC;IACH;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;QACrB,eAAe,CAAC,EAAE,4BAA4B,CAAC,2BAA2B,CAAC,CAAC;QAC5E,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;KACzC,CAAC,CAAC;CACJ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,+BAK3D;AAED,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,gBAAgB,GACtB,4BAA4B,CAqD9B"}

package/build/layouts/stack-utils/StackHeaderComponent.js

@@ -9,8 +9,61 @@ const StackHeaderLeftRight_1 = require("./StackHeaderLeftRight");
 const StackHeaderSearchBar_1 = require("./StackHeaderSearchBar");
 const StackHeaderTitle_1 = require("./StackHeaderTitle");
 const children_1 = require("../../utils/children");
+const Screen_1 = require("../../views/Screen");
+/**
+ * The component used to configure the whole stack header.
+ *
+ * When used inside a screen, it allows you to customize the header dynamically by composing
+ * header subcomponents (title, left/right areas, back button, search bar, etc.).
+ *
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Header>
+ *         <Stack.Header.Title>Page title</Stack.Header.Title>
+ *         <Stack.Header.Left>
+ *           <Stack.Header.Button onPress={() => alert('Left pressed')} />
+ *         </Stack.Header.Left>
+ *         <Stack.Header.Right>
+ *           <Stack.Header.Button onPress={() => alert('Right pressed')} />
+ *         </Stack.Header.Right>
+ *       </Stack.Header>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * When used inside a layout, it needs to be wrapped in `Stack.Screen` to take effect.
+ *
+ * Example (inside a layout):
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Header>
+ *           <Stack.Header.Title>Layout title</Stack.Header.Title>
+ *           <Stack.Header.Right>
+ *             <Stack.Header.Button onPress={() => alert('Right pressed')} />
+ *           </Stack.Header.Right>
+ *         </Stack.Header>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
 function StackHeaderComponent(props) {
-    return null;
+    // This component will only render when used inside a page
+    // but only if it is not wrapped in Stack.Screen
+    const updatedOptions = (0, react_1.useMemo)(() => appendStackHeaderPropsToOptions({}, props), [props]);
+    return <Screen_1.Screen options={updatedOptions}/>;
 }
 function appendStackHeaderPropsToOptions(options, props) {
     const flattenedStyle = react_native_1.StyleSheet.flatten(props.style);

package/build/layouts/stack-utils/StackHeaderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackHeaderComponent.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { Children, isValidElement, type ReactNode } from 'react';\nimport { StyleSheet, type ColorValue, type StyleProp } from 'react-native';\nimport type { ScreenStackHeaderConfigProps } from 'react-native-screens';\n\nimport {\n  appendStackHeaderBackButtonPropsToOptions,\n  StackHeaderBackButton,\n} from './StackHeaderBackButton';\nimport {\n  appendStackHeaderLeftPropsToOptions,\n  appendStackHeaderRightPropsToOptions,\n  StackHeaderLeft,\n  StackHeaderRight,\n} from './StackHeaderLeftRight';\nimport {\n  appendStackHeaderSearchBarPropsToOptions,\n  StackHeaderSearchBar,\n} from './StackHeaderSearchBar';\nimport { appendStackHeaderTitlePropsToOptions, StackHeaderTitle } from './StackHeaderTitle';\nimport { isChildOfType } from '../../utils/children';\n\nexport interface StackHeaderProps {\n  children?: ReactNode;\n  hidden?: boolean;\n  asChild?: boolean;\n  blurEffect?: ScreenStackHeaderConfigProps['blurEffect'];\n  style?: StyleProp<{\n    color?: ColorValue; // tintColor from ReactNavigation\n    backgroundColor?: ScreenStackHeaderConfigProps['backgroundColor'];\n    shadowColor?: undefined | 'transparent';\n  }>;\n  largeStyle?: StyleProp<{\n    backgroundColor?: ScreenStackHeaderConfigProps['largeTitleBackgroundColor'];\n    shadowColor?: undefined | 'transparent';\n  }>;\n}\n\nexport function StackHeaderComponent(props: StackHeaderProps) {\n  return null;\n}\n\nexport function appendStackHeaderPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderProps\n): NativeStackNavigationOptions {\n  const flattenedStyle = StyleSheet.flatten(props.style);\n  const flattenedLargeStyle = StyleSheet.flatten(props.largeStyle);\n\n  if (props.hidden) {\n    return { ...options, headerShown: false };\n  }\n\n  if (props.asChild) {\n    return { ...options, header: () => props.children };\n  }\n\n  let updatedOptions: NativeStackNavigationOptions = {\n    ...options,\n    headerShown: !props.hidden,\n    headerBlurEffect: props.blurEffect,\n    headerStyle: {\n      backgroundColor: flattenedStyle?.backgroundColor as string | undefined,\n    },\n    headerLargeStyle: {\n      backgroundColor: flattenedLargeStyle?.backgroundColor as string | undefined,\n    },\n    headerShadowVisible: flattenedStyle?.shadowColor !== 'transparent',\n    headerLargeTitleShadowVisible: flattenedLargeStyle?.shadowColor !== 'transparent',\n  };\n\n  function appendChildOptions(child: React.ReactElement, options: NativeStackNavigationOptions) {\n    let updatedOptions = options;\n    if (isChildOfType(child, StackHeaderTitle)) {\n      updatedOptions = appendStackHeaderTitlePropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderLeft)) {\n      updatedOptions = appendStackHeaderLeftPropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderRight)) {\n      updatedOptions = appendStackHeaderRightPropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderBackButton)) {\n      updatedOptions = appendStackHeaderBackButtonPropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderSearchBar)) {\n      updatedOptions = appendStackHeaderSearchBarPropsToOptions(updatedOptions, child.props);\n    } else {\n      console.warn(\n        `Warning: Unknown child element passed to Stack.Header: ${(child.type as { name: string }).name ?? child.type}`\n      );\n    }\n    return updatedOptions;\n  }\n\n  Children.forEach(props.children, (child) => {\n    if (isValidElement(child)) {\n      updatedOptions = appendChildOptions(child, updatedOptions);\n    }\n  });\n\n  return updatedOptions;\n}\n"]}
+{"version":3,"file":"StackHeaderComponent.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { Children, isValidElement, useMemo, type ReactNode } from 'react';\nimport { StyleSheet, type ColorValue, type StyleProp } from 'react-native';\nimport type { ScreenStackHeaderConfigProps } from 'react-native-screens';\n\nimport {\n  appendStackHeaderBackButtonPropsToOptions,\n  StackHeaderBackButton,\n} from './StackHeaderBackButton';\nimport {\n  appendStackHeaderLeftPropsToOptions,\n  appendStackHeaderRightPropsToOptions,\n  StackHeaderLeft,\n  StackHeaderRight,\n} from './StackHeaderLeftRight';\nimport {\n  appendStackHeaderSearchBarPropsToOptions,\n  StackHeaderSearchBar,\n} from './StackHeaderSearchBar';\nimport { appendStackHeaderTitlePropsToOptions, StackHeaderTitle } from './StackHeaderTitle';\nimport { isChildOfType } from '../../utils/children';\nimport { Screen } from '../../views/Screen';\n\nexport interface StackHeaderProps {\n  /**\n   * Child elements to compose the header. Can include Stack.Header.Title, Stack.Header.Left,\n   * Stack.Header.Right, Stack.Header.BackButton, and Stack.Header.SearchBar components.\n   */\n  children?: ReactNode;\n  /**\n   * Whether to hide the header completely. When set to `true`, the header will not be rendered.\n   *\n   * @default false\n   */\n  hidden?: boolean;\n  /**\n   * When `true`, renders children as a custom header component, replacing the default header entirely.\n   * Use this to implement fully custom header layouts.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * The blur effect to apply to the header background on iOS.\n   * Common values include 'regular', 'prominent', 'systemMaterial', etc.\n   *\n   * @platform ios\n   */\n  blurEffect?: ScreenStackHeaderConfigProps['blurEffect'];\n  /**\n   * Style properties for the standard-sized header.\n   * - `color`: Tint color for header elements (similar to tintColor in React Navigation)\n   * - `backgroundColor`: Background color of the header\n   * - `shadowColor`: Set to 'transparent' to hide the header shadow/border\n   */\n  style?: StyleProp<{\n    color?: ColorValue; // tintColor from ReactNavigation\n    backgroundColor?: ScreenStackHeaderConfigProps['backgroundColor'];\n    shadowColor?: undefined | 'transparent';\n  }>;\n  /**\n   * Style properties for the large title header (iOS).\n   * - `backgroundColor`: Background color of the large title header\n   * - `shadowColor`: Set to 'transparent' to hide the large title shadow/border\n   *\n   * @platform ios\n   */\n  largeStyle?: StyleProp<{\n    backgroundColor?: ScreenStackHeaderConfigProps['largeTitleBackgroundColor'];\n    shadowColor?: undefined | 'transparent';\n  }>;\n}\n\n/**\n * The component used to configure the whole stack header.\n *\n * When used inside a screen, it allows you to customize the header dynamically by composing\n * header subcomponents (title, left/right areas, back button, search bar, etc.).\n *\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Header>\n *         <Stack.Header.Title>Page title</Stack.Header.Title>\n *         <Stack.Header.Left>\n *           <Stack.Header.Button onPress={() => alert('Left pressed')} />\n *         </Stack.Header.Left>\n *         <Stack.Header.Right>\n *           <Stack.Header.Button onPress={() => alert('Right pressed')} />\n *         </Stack.Header.Right>\n *       </Stack.Header>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * When used inside a layout, it needs to be wrapped in `Stack.Screen` to take effect.\n *\n * Example (inside a layout):\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Layout() {\n *   return (\n *     <Stack>\n *       <Stack.Screen name=\"index\">\n *         <Stack.Header>\n *           <Stack.Header.Title>Layout title</Stack.Header.Title>\n *           <Stack.Header.Right>\n *             <Stack.Header.Button onPress={() => alert('Right pressed')} />\n *           </Stack.Header.Right>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </Stack>\n *   );\n * }\n * ```\n */\nexport function StackHeaderComponent(props: StackHeaderProps) {\n  // This component will only render when used inside a page\n  // but only if it is not wrapped in Stack.Screen\n  const updatedOptions = useMemo(() => appendStackHeaderPropsToOptions({}, props), [props]);\n  return <Screen options={updatedOptions} />;\n}\n\nexport function appendStackHeaderPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderProps\n): NativeStackNavigationOptions {\n  const flattenedStyle = StyleSheet.flatten(props.style);\n  const flattenedLargeStyle = StyleSheet.flatten(props.largeStyle);\n\n  if (props.hidden) {\n    return { ...options, headerShown: false };\n  }\n\n  if (props.asChild) {\n    return { ...options, header: () => props.children };\n  }\n\n  let updatedOptions: NativeStackNavigationOptions = {\n    ...options,\n    headerShown: !props.hidden,\n    headerBlurEffect: props.blurEffect,\n    headerStyle: {\n      backgroundColor: flattenedStyle?.backgroundColor as string | undefined,\n    },\n    headerLargeStyle: {\n      backgroundColor: flattenedLargeStyle?.backgroundColor as string | undefined,\n    },\n    headerShadowVisible: flattenedStyle?.shadowColor !== 'transparent',\n    headerLargeTitleShadowVisible: flattenedLargeStyle?.shadowColor !== 'transparent',\n  };\n\n  function appendChildOptions(child: React.ReactElement, options: NativeStackNavigationOptions) {\n    let updatedOptions = options;\n    if (isChildOfType(child, StackHeaderTitle)) {\n      updatedOptions = appendStackHeaderTitlePropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderLeft)) {\n      updatedOptions = appendStackHeaderLeftPropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderRight)) {\n      updatedOptions = appendStackHeaderRightPropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderBackButton)) {\n      updatedOptions = appendStackHeaderBackButtonPropsToOptions(updatedOptions, child.props);\n    } else if (isChildOfType(child, StackHeaderSearchBar)) {\n      updatedOptions = appendStackHeaderSearchBarPropsToOptions(updatedOptions, child.props);\n    } else {\n      console.warn(\n        `Warning: Unknown child element passed to Stack.Header: ${(child.type as { name: string }).name ?? child.type}`\n      );\n    }\n    return updatedOptions;\n  }\n\n  Children.forEach(props.children, (child) => {\n    if (isValidElement(child)) {\n      updatedOptions = appendChildOptions(child, updatedOptions);\n    }\n  });\n\n  return updatedOptions;\n}\n"]}

package/build/layouts/stack-utils/StackHeaderLeftRight.d.ts

@@ -1,15 +1,119 @@
 import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface StackHeaderLeftProps {
+    /**
+     * Child elements to compose the left area of the header. Can include Stack.Header.Button,
+     * Stack.Header.Menu, Stack.Header.Item, and Stack.Header.Spacer components.
+     */
     children?: ReactNode;
+    /**
+     * When `true`, renders children as a custom component in the header left area,
+     * replacing the default header left layout.
+     *
+     * @default false
+     */
     asChild?: boolean;
 }
 export interface StackHeaderRightProps {
+    /**
+     * Child elements to compose the right area of the header. Can include Stack.Header.Button,
+     * Stack.Header.Menu, Stack.Header.Item, and Stack.Header.Spacer components.
+     */
     children?: ReactNode;
+    /**
+     * When `true`, renders children as a custom component in the header right area,
+     * replacing the default header right layout.
+     *
+     * @default false
+     */
     asChild?: boolean;
 }
-export declare function StackHeaderLeft(props: StackHeaderLeftProps): null;
-export declare function StackHeaderRight(props: StackHeaderRightProps): null;
+/**
+ * The component used to configure the left area of the stack header.
+ *
+ * When used inside a screen, it allows you to customize the left side of the header dynamically.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Header.Left>
+ *         <Stack.Header.Button onPress={() => alert('Left button pressed!')} />
+ *       </Stack.Header.Left>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * When used inside the layout, it needs to be wrapped in `Stack.Header` to take effect.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Header>
+ *           <Stack.Header.Left>
+ *             <Stack.Header.Button onPress={() => alert('Left button pressed!')} />
+ *           </Stack.Header.Left>
+ *         </Stack.Header>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+export declare const StackHeaderLeft: React.FC<StackHeaderLeftProps>;
+/**
+ * The component used to configure the right area of the stack header.
+ *
+ * When used inside a screen, it allows you to customize the right side of the header dynamically.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Header.Right>
+ *         <Stack.Header.Button onPress={() => alert('Right button pressed!')} />
+ *       </Stack.Header.Right>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * When used inside the layout, it needs to be wrapped in `Stack.Header` to take effect.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Header>
+ *           <Stack.Header.Right>
+ *             <Stack.Header.Button onPress={() => alert('Right button pressed!')} />
+ *           </Stack.Header.Right>
+ *         </Stack.Header>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+export declare const StackHeaderRight: React.FC<StackHeaderRightProps>;
 export declare function appendStackHeaderRightPropsToOptions(options: NativeStackNavigationOptions, props: StackHeaderRightProps): NativeStackNavigationOptions;
 export declare function appendStackHeaderLeftPropsToOptions(options: NativeStackNavigationOptions, props: StackHeaderLeftProps): NativeStackNavigationOptions;
 //# sourceMappingURL=StackHeaderLeftRight.d.ts.map

package/build/layouts/stack-utils/StackHeaderLeftRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackHeaderLeftRight.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderLeftRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAc,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcxE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,QAE1D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,QAE5D;AA+CD,wBAAgB,oCAAoC,CAClD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,qBAAqB,GAC3B,4BAA4B,CAe9B;AAED,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,oBAAoB,GAC1B,4BAA4B,CAW9B"}
+{"version":3,"file":"StackHeaderLeftRight.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderLeftRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBxE,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAK1D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAK5D,CAAC;AA+CF,wBAAgB,oCAAoC,CAClD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,qBAAqB,GAC3B,4BAA4B,CAe9B;AAED,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,oBAAoB,GAC1B,4BAA4B,CAW9B"}

package/build/layouts/stack-utils/StackHeaderLeftRight.js

@@ -33,22 +33,115 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackHeaderLeft = StackHeaderLeft;
-exports.StackHeaderRight = StackHeaderRight;
+exports.StackHeaderRight = exports.StackHeaderLeft = void 0;
 exports.appendStackHeaderRightPropsToOptions = appendStackHeaderRightPropsToOptions;
 exports.appendStackHeaderLeftPropsToOptions = appendStackHeaderLeftPropsToOptions;
 const react_1 = __importStar(require("react"));
+const react_2 = require("react");
 const StackHeaderButton_1 = require("./StackHeaderButton");
 const StackHeaderItem_1 = require("./StackHeaderItem");
 const StackHeaderMenu_1 = require("./StackHeaderMenu");
 const StackHeaderSpacer_1 = require("./StackHeaderSpacer");
 const children_1 = require("../../utils/children");
-function StackHeaderLeft(props) {
-    return null;
-}
-function StackHeaderRight(props) {
-    return null;
-}
+const Screen_1 = require("../../views/Screen");
+/**
+ * The component used to configure the left area of the stack header.
+ *
+ * When used inside a screen, it allows you to customize the left side of the header dynamically.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Header.Left>
+ *         <Stack.Header.Button onPress={() => alert('Left button pressed!')} />
+ *       </Stack.Header.Left>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * When used inside the layout, it needs to be wrapped in `Stack.Header` to take effect.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Header>
+ *           <Stack.Header.Left>
+ *             <Stack.Header.Button onPress={() => alert('Left button pressed!')} />
+ *           </Stack.Header.Left>
+ *         </Stack.Header>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+const StackHeaderLeft = (props) => {
+    // This component will only render when used inside a page
+    // but only if it is not wrapped in Stack.Screen.Header
+    const updatedOptions = (0, react_2.useMemo)(() => appendStackHeaderLeftPropsToOptions({}, props), [props]);
+    return <Screen_1.Screen options={updatedOptions}/>;
+};
+exports.StackHeaderLeft = StackHeaderLeft;
+/**
+ * The component used to configure the right area of the stack header.
+ *
+ * When used inside a screen, it allows you to customize the right side of the header dynamically.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Header.Right>
+ *         <Stack.Header.Button onPress={() => alert('Right button pressed!')} />
+ *       </Stack.Header.Right>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * When used inside the layout, it needs to be wrapped in `Stack.Header` to take effect.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Header>
+ *           <Stack.Header.Right>
+ *             <Stack.Header.Button onPress={() => alert('Right button pressed!')} />
+ *           </Stack.Header.Right>
+ *         </Stack.Header>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+const StackHeaderRight = (props) => {
+    // This component will only render when used inside a page
+    // but only if it is not wrapped in Stack.Screen.Header
+    const updatedOptions = (0, react_2.useMemo)(() => appendStackHeaderRightPropsToOptions({}, props), [props]);
+    return <Screen_1.Screen options={updatedOptions}/>;
+};
+exports.StackHeaderRight = StackHeaderRight;
 function convertHeaderRightLeftChildrenToUnstableItems(children, side) {
     const allChildren = react_1.default.Children.toArray(children);
     const actions = allChildren.filter((child) => (0, children_1.isChildOfType)(child, StackHeaderButton_1.StackHeaderButton) ||

package/build/layouts/stack-utils/StackHeaderLeftRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackHeaderLeftRight.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderLeftRight.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React, { Fragment, isValidElement, type ReactNode } from 'react';\n\nimport {\n  convertStackHeaderButtonPropsToRNHeaderItem,\n  StackHeaderButton,\n} from './StackHeaderButton';\nimport { convertStackHeaderItemPropsToRNHeaderItem, StackHeaderItem } from './StackHeaderItem';\nimport { convertStackHeaderMenuPropsToRNHeaderItem, StackHeaderMenu } from './StackHeaderMenu';\nimport {\n  convertStackHeaderSpacerPropsToRNHeaderItem,\n  StackHeaderSpacer,\n} from './StackHeaderSpacer';\nimport { isChildOfType } from '../../utils/children';\n\nexport interface StackHeaderLeftProps {\n  children?: ReactNode;\n  asChild?: boolean;\n}\n\nexport interface StackHeaderRightProps {\n  children?: ReactNode;\n  asChild?: boolean;\n}\n\nexport function StackHeaderLeft(props: StackHeaderLeftProps) {\n  return null;\n}\n\nexport function StackHeaderRight(props: StackHeaderRightProps) {\n  return null;\n}\n\nfunction convertHeaderRightLeftChildrenToUnstableItems(\n  children: React.ReactNode,\n  side: 'Left' | 'Right'\n):\n  | NativeStackNavigationOptions['unstable_headerRightItems']\n  | NativeStackNavigationOptions['unstable_headerLeftItems'] {\n  const allChildren = React.Children.toArray(children);\n  const actions = allChildren.filter(\n    (child) =>\n      isChildOfType(child, StackHeaderButton) ||\n      isChildOfType(child, StackHeaderMenu) ||\n      isChildOfType(child, StackHeaderSpacer) ||\n      isChildOfType(child, StackHeaderItem)\n  );\n  if (actions.length !== allChildren.length && process.env.NODE_ENV !== 'production') {\n    const otherElements = allChildren\n      .filter((child) => !actions.some((action) => action === child))\n      .map((e) => {\n        if (isValidElement(e)) {\n          if (e.type === Fragment) {\n            return '<Fragment>';\n          } else {\n            return (e.type as { name: string })?.name ?? e.type;\n          }\n        }\n\n        return String(e);\n      });\n    console.warn(\n      `Stack.Header.${side} only accepts <Stack.Header.Button>, <Stack.Header.Menu>, <Menu>, and <Stack.Header.Item> as children. Found invalid children: ${otherElements.join(', ')}`\n    );\n  }\n  return () =>\n    actions.map((action) => {\n      if (isChildOfType(action, StackHeaderButton)) {\n        return convertStackHeaderButtonPropsToRNHeaderItem(action.props);\n      } else if (isChildOfType(action, StackHeaderMenu)) {\n        return convertStackHeaderMenuPropsToRNHeaderItem(action.props);\n      } else if (isChildOfType(action, StackHeaderSpacer)) {\n        return convertStackHeaderSpacerPropsToRNHeaderItem(action.props);\n      }\n      return convertStackHeaderItemPropsToRNHeaderItem(action.props);\n    });\n}\n\nexport function appendStackHeaderRightPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderRightProps\n): NativeStackNavigationOptions {\n  if (props.asChild) {\n    return {\n      ...options,\n      headerRight: () => props.children,\n    };\n  }\n\n  return {\n    ...options,\n    unstable_headerRightItems: convertHeaderRightLeftChildrenToUnstableItems(\n      props.children,\n      'Right'\n    ),\n  };\n}\n\nexport function appendStackHeaderLeftPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderLeftProps\n): NativeStackNavigationOptions {\n  if (props.asChild) {\n    return {\n      ...options,\n      headerLeft: () => props.children,\n    };\n  }\n  return {\n    ...options,\n    unstable_headerLeftItems: convertHeaderRightLeftChildrenToUnstableItems(props.children, 'Left'),\n  };\n}\n"]}
+{"version":3,"file":"StackHeaderLeftRight.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderLeftRight.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React, { Fragment, isValidElement, type ReactNode } from 'react';\nimport { useMemo } from 'react';\n\nimport {\n  convertStackHeaderButtonPropsToRNHeaderItem,\n  StackHeaderButton,\n} from './StackHeaderButton';\nimport { convertStackHeaderItemPropsToRNHeaderItem, StackHeaderItem } from './StackHeaderItem';\nimport { convertStackHeaderMenuPropsToRNHeaderItem, StackHeaderMenu } from './StackHeaderMenu';\nimport {\n  convertStackHeaderSpacerPropsToRNHeaderItem,\n  StackHeaderSpacer,\n} from './StackHeaderSpacer';\nimport { isChildOfType } from '../../utils/children';\nimport { Screen } from '../../views/Screen';\n\nexport interface StackHeaderLeftProps {\n  /**\n   * Child elements to compose the left area of the header. Can include Stack.Header.Button,\n   * Stack.Header.Menu, Stack.Header.Item, and Stack.Header.Spacer components.\n   */\n  children?: ReactNode;\n  /**\n   * When `true`, renders children as a custom component in the header left area,\n   * replacing the default header left layout.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\n\nexport interface StackHeaderRightProps {\n  /**\n   * Child elements to compose the right area of the header. Can include Stack.Header.Button,\n   * Stack.Header.Menu, Stack.Header.Item, and Stack.Header.Spacer components.\n   */\n  children?: ReactNode;\n  /**\n   * When `true`, renders children as a custom component in the header right area,\n   * replacing the default header right layout.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\n\n/**\n * The component used to configure the left area of the stack header.\n *\n * When used inside a screen, it allows you to customize the left side of the header dynamically.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Header.Left>\n *         <Stack.Header.Button onPress={() => alert('Left button pressed!')} />\n *       </Stack.Header.Left>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * When used inside the layout, it needs to be wrapped in `Stack.Header` to take effect.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Layout() {\n *   return (\n *     <Stack>\n *       <Stack.Screen name=\"index\">\n *         <Stack.Header>\n *           <Stack.Header.Left>\n *             <Stack.Header.Button onPress={() => alert('Left button pressed!')} />\n *           </Stack.Header.Left>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </Stack>\n *   );\n * }\n * ```\n */\nexport const StackHeaderLeft: React.FC<StackHeaderLeftProps> = (props) => {\n  // This component will only render when used inside a page\n  // but only if it is not wrapped in Stack.Screen.Header\n  const updatedOptions = useMemo(() => appendStackHeaderLeftPropsToOptions({}, props), [props]);\n  return <Screen options={updatedOptions} />;\n};\n\n/**\n * The component used to configure the right area of the stack header.\n *\n * When used inside a screen, it allows you to customize the right side of the header dynamically.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Header.Right>\n *         <Stack.Header.Button onPress={() => alert('Right button pressed!')} />\n *       </Stack.Header.Right>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * When used inside the layout, it needs to be wrapped in `Stack.Header` to take effect.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Layout() {\n *   return (\n *     <Stack>\n *       <Stack.Screen name=\"index\">\n *         <Stack.Header>\n *           <Stack.Header.Right>\n *             <Stack.Header.Button onPress={() => alert('Right button pressed!')} />\n *           </Stack.Header.Right>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </Stack>\n *   );\n * }\n * ```\n */\nexport const StackHeaderRight: React.FC<StackHeaderRightProps> = (props) => {\n  // This component will only render when used inside a page\n  // but only if it is not wrapped in Stack.Screen.Header\n  const updatedOptions = useMemo(() => appendStackHeaderRightPropsToOptions({}, props), [props]);\n  return <Screen options={updatedOptions} />;\n};\n\nfunction convertHeaderRightLeftChildrenToUnstableItems(\n  children: React.ReactNode,\n  side: 'Left' | 'Right'\n):\n  | NativeStackNavigationOptions['unstable_headerRightItems']\n  | NativeStackNavigationOptions['unstable_headerLeftItems'] {\n  const allChildren = React.Children.toArray(children);\n  const actions = allChildren.filter(\n    (child) =>\n      isChildOfType(child, StackHeaderButton) ||\n      isChildOfType(child, StackHeaderMenu) ||\n      isChildOfType(child, StackHeaderSpacer) ||\n      isChildOfType(child, StackHeaderItem)\n  );\n  if (actions.length !== allChildren.length && process.env.NODE_ENV !== 'production') {\n    const otherElements = allChildren\n      .filter((child) => !actions.some((action) => action === child))\n      .map((e) => {\n        if (isValidElement(e)) {\n          if (e.type === Fragment) {\n            return '<Fragment>';\n          } else {\n            return (e.type as { name: string })?.name ?? e.type;\n          }\n        }\n\n        return String(e);\n      });\n    console.warn(\n      `Stack.Header.${side} only accepts <Stack.Header.Button>, <Stack.Header.Menu>, <Menu>, and <Stack.Header.Item> as children. Found invalid children: ${otherElements.join(', ')}`\n    );\n  }\n  return () =>\n    actions.map((action) => {\n      if (isChildOfType(action, StackHeaderButton)) {\n        return convertStackHeaderButtonPropsToRNHeaderItem(action.props);\n      } else if (isChildOfType(action, StackHeaderMenu)) {\n        return convertStackHeaderMenuPropsToRNHeaderItem(action.props);\n      } else if (isChildOfType(action, StackHeaderSpacer)) {\n        return convertStackHeaderSpacerPropsToRNHeaderItem(action.props);\n      }\n      return convertStackHeaderItemPropsToRNHeaderItem(action.props);\n    });\n}\n\nexport function appendStackHeaderRightPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderRightProps\n): NativeStackNavigationOptions {\n  if (props.asChild) {\n    return {\n      ...options,\n      headerRight: () => props.children,\n    };\n  }\n\n  return {\n    ...options,\n    unstable_headerRightItems: convertHeaderRightLeftChildrenToUnstableItems(\n      props.children,\n      'Right'\n    ),\n  };\n}\n\nexport function appendStackHeaderLeftPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderLeftProps\n): NativeStackNavigationOptions {\n  if (props.asChild) {\n    return {\n      ...options,\n      headerLeft: () => props.children,\n    };\n  }\n  return {\n    ...options,\n    unstable_headerLeftItems: convertHeaderRightLeftChildrenToUnstableItems(props.children, 'Left'),\n  };\n}\n"]}

package/build/layouts/stack-utils/index.d.ts

@@ -10,8 +10,8 @@ import { StackHeaderTitle, type StackHeaderTitleProps } from './StackHeaderTitle
 import { StackHeaderBadge, StackHeaderIcon, StackHeaderLabel, type StackHeaderBadgeProps, type StackHeaderIconProps, type StackHeaderLabelProps } from './common-primitives';
 import type { StackHeaderItemSharedProps } from './shared';
 export declare const StackHeader: typeof StackHeaderComponent & {
-    Left: typeof StackHeaderLeft;
-    Right: typeof StackHeaderRight;
+    Left: import("react").FC<StackHeaderLeftProps>;
+    Right: import("react").FC<StackHeaderRightProps>;
     BackButton: typeof StackHeaderBackButton;
     Title: typeof StackHeaderTitle;
     SearchBar: typeof StackHeaderSearchBar;

package/expo-module.config.json

@@ -9,7 +9,7 @@
     "publication": {
       "groupId": "expo.modules.router",
       "artifactId": "expo.modules.router",
-      "version": "7.0.0-canary-20251216-6e1f9a7",
+      "version": "7.0.0-canary-20251216-3f01dbf",
       "repository": "local-maven-repo"
     }
   }

package/local-maven-repo/expo/modules/router/expo.modules.router/{7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.module → 7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.router",
     "module": "expo.modules.router",
-    "version": "7.0.0-canary-20251216-6e1f9a7",
+    "version": "7.0.0-canary-20251216-3f01dbf",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.router-7.0.0-canary-20251216-6e1f9a7.aar",
-          "url": "expo.modules.router-7.0.0-canary-20251216-6e1f9a7.aar",
+          "name": "expo.modules.router-7.0.0-canary-20251216-3f01dbf.aar",
+          "url": "expo.modules.router-7.0.0-canary-20251216-3f01dbf.aar",
           "size": 13671,
           "sha512": "f51bd2a6d3fcc9075dbf99d66f77162d530586d0793d68e109a55f6edfbe4ff98bc9c9c5d587d0feec99807b6ae94a729232000e89f840278b21f4d423caa520",
           "sha256": "089d182f36875a201ad1b30b44d39812cd5155af987f3d33cd5eef8542103c82",
@@ -60,8 +60,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.router-7.0.0-canary-20251216-6e1f9a7.aar",
-          "url": "expo.modules.router-7.0.0-canary-20251216-6e1f9a7.aar",
+          "name": "expo.modules.router-7.0.0-canary-20251216-3f01dbf.aar",
+          "url": "expo.modules.router-7.0.0-canary-20251216-3f01dbf.aar",
           "size": 13671,
           "sha512": "f51bd2a6d3fcc9075dbf99d66f77162d530586d0793d68e109a55f6edfbe4ff98bc9c9c5d587d0feec99807b6ae94a729232000e89f840278b21f4d423caa520",
           "sha256": "089d182f36875a201ad1b30b44d39812cd5155af987f3d33cd5eef8542103c82",
@@ -80,8 +80,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.router-7.0.0-canary-20251216-6e1f9a7-sources.jar",
-          "url": "expo.modules.router-7.0.0-canary-20251216-6e1f9a7-sources.jar",
+          "name": "expo.modules.router-7.0.0-canary-20251216-3f01dbf-sources.jar",
+          "url": "expo.modules.router-7.0.0-canary-20251216-3f01dbf-sources.jar",
           "size": 2318,
           "sha512": "9864add8e93e3c0a9a9c930aaed67016b15054c3fafd59a0bd3a5402d7cdc5827be84c22c2c137f3e5acb4e39270d9bfb9ca3fe11234458d4f2e0d4c78747f48",
           "sha256": "d5dff6259e86de721fc0f07fe740a5e18088e19b76738719b0a6f94caef06224",

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.module.md5

@@ -0,0 +1 @@
+980f1756d5642865552fd43801f8abe5

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.module.sha1

@@ -0,0 +1 @@
+7ba3ad18448600ff5b3fbea9b80af09b957f4ffe

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.module.sha256

@@ -0,0 +1 @@
+22272a2aa622a4d9c43b7c2046986e4be39c4b77fd39b5908d9cd4e2de58a107

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.module.sha512

@@ -0,0 +1 @@
+7237f4347e6074bf802bbb98fb3b5e8f492b5f2a4468a0b9bf69400622ec3c7ded0d66c1a027534cf905f0626ff8ec860f371987fd2a89ac5f78dac1ef38f5b4

package/local-maven-repo/expo/modules/router/expo.modules.router/{7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.pom → 7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.router</groupId>
   <artifactId>expo.modules.router</artifactId>
-  <version>7.0.0-canary-20251216-6e1f9a7</version>
+  <version>7.0.0-canary-20251216-3f01dbf</version>
   <packaging>aar</packaging>
   <name>expo.modules.router</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.pom.md5

@@ -0,0 +1 @@
+623e6de4d29fc7e154b4c5a2ac82124b

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.pom.sha1

@@ -0,0 +1 @@
+dc45576f195bc2e2205d8d9d1de15509b756d201

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.pom.sha256

@@ -0,0 +1 @@
+93a5b41f60470c70dc1168b5b6978c9db4f7b8975c35ceaf33f893e416963407

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-3f01dbf/expo.modules.router-7.0.0-canary-20251216-3f01dbf.pom.sha512

@@ -0,0 +1 @@
+7265c79b09c5f0f94adb2ce3b8494377dbcb201112282df4de4cfc97aac57527a9d6ceed820a8249be7dc5d723de2db63f685a0ee4004554a064070cb4c5066b

package/local-maven-repo/expo/modules/router/expo.modules.router/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.router</groupId>
   <artifactId>expo.modules.router</artifactId>
   <versioning>
-    <latest>7.0.0-canary-20251216-6e1f9a7</latest>
-    <release>7.0.0-canary-20251216-6e1f9a7</release>
+    <latest>7.0.0-canary-20251216-3f01dbf</latest>
+    <release>7.0.0-canary-20251216-3f01dbf</release>
     <versions>
-      <version>7.0.0-canary-20251216-6e1f9a7</version>
+      <version>7.0.0-canary-20251216-3f01dbf</version>
     </versions>
-    <lastUpdated>20251216074519</lastUpdated>
+    <lastUpdated>20251216100703</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/router/expo.modules.router/maven-metadata.xml.md5

@@ -1 +1 @@
-2a4f62869e73091472ab8285a3723da5
+dcb34d0007a906a1f8599fda8c76af9b

package/local-maven-repo/expo/modules/router/expo.modules.router/maven-metadata.xml.sha1

@@ -1 +1 @@
-0bf438566c4abf2eb9360ea041d7570ba4607032
+efe2fbed7b724d595979cf7bd89e8f2ee66001f5

package/local-maven-repo/expo/modules/router/expo.modules.router/maven-metadata.xml.sha256

@@ -1 +1 @@
-543f585654035c7f66c63d4a89ec26cf6c0a434d6b743944e9aa19cf5a532d38
+1e41c4205eff8fd4eae2ca72fee52318ae65e23e26f917e32887ecbe195e6018

package/local-maven-repo/expo/modules/router/expo.modules.router/maven-metadata.xml.sha512

@@ -1 +1 @@
-51d9160727f18e8b69ad1de60f6a27f75bf1510d64f591e1a2201d49597673f6a4fd8d1a4128e57fa1072c03a7f697b9c641d48c7afffe16401412a4a70a1d52
+1023e15a73becd063b37d27c12ef62342c1c059aad29e2ed1782b0d9542dd2702b258d1d36536710c1052f630191df57eaff82f30b12dcdfb7f3cb58dd5cc21c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "7.0.0-canary-20251216-6e1f9a7",
+  "version": "7.0.0-canary-20251216-3f01dbf",
   "description": "Expo Router is a file-based router for React Native and web applications.",
   "author": "650 Industries, Inc.",
   "license": "MIT",
@@ -83,14 +83,14 @@
     "expo"
   ],
   "peerDependencies": {
-    "@expo/metro-runtime": "6.2.0-canary-20251216-6e1f9a7",
-    "@expo/log-box": "0.0.13-canary-20251216-6e1f9a7",
+    "@expo/metro-runtime": "6.2.0-canary-20251216-3f01dbf",
+    "@expo/log-box": "0.0.13-canary-20251216-3f01dbf",
     "@react-navigation/drawer": "^7.7.2",
     "@testing-library/react-native": ">= 12.0.0",
-    "expo": "55.0.0-canary-20251216-6e1f9a7",
-    "expo-constants": "18.1.0-canary-20251216-6e1f9a7",
-    "expo-linking": "8.0.11-canary-20251216-6e1f9a7",
-    "expo-symbols": "1.1.0-canary-20251216-6e1f9a7",
+    "expo": "55.0.0-canary-20251216-3f01dbf",
+    "expo-constants": "18.1.0-canary-20251216-3f01dbf",
+    "expo-linking": "8.0.11-canary-20251216-3f01dbf",
+    "expo-symbols": "1.1.0-canary-20251216-3f01dbf",
     "react": "*",
     "react-dom": "*",
     "react-native": "*",
@@ -135,8 +135,8 @@
     "react-server-dom-webpack": "~19.0.3"
   },
   "dependencies": {
-    "@expo/metro-runtime": "6.2.0-canary-20251216-6e1f9a7",
-    "@expo/schema-utils": "0.1.9-canary-20251216-6e1f9a7",
+    "@expo/metro-runtime": "6.2.0-canary-20251216-3f01dbf",
+    "@expo/schema-utils": "0.1.9-canary-20251216-3f01dbf",
     "@radix-ui/react-slot": "1.2.0",
     "@radix-ui/react-tabs": "^1.1.12",
     "@react-navigation/bottom-tabs": "^7.7.3",
@@ -145,7 +145,7 @@
     "client-only": "^0.0.1",
     "debug": "^4.3.4",
     "escape-string-regexp": "^4.0.0",
-    "expo-server": "1.0.6-canary-20251216-6e1f9a7",
+    "expo-server": "1.0.6-canary-20251216-3f01dbf",
     "fast-deep-equal": "^3.1.3",
     "invariant": "^2.2.4",
     "nanoid": "^3.3.8",

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.module.md5

@@ -1 +0,0 @@
-80fdefaa1629fc12b129e2adef5cf067

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.module.sha1

@@ -1 +0,0 @@
-de645d00e6ac280a0ddd46096c05b523fe335fc3

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.module.sha256

@@ -1 +0,0 @@
-088e98b8d749b887b4f9120c2604c9ebf79ab7217eda10ca9fcdede3f9e5115c

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.module.sha512

@@ -1 +0,0 @@
-d9665917800ec6a62bc4b9adaffb0aac3cf6534c3499fff8ff8d4d3fa5bdd199832a4ca51feebd86d2f1d1f3a86e13cd260ae8fa9c29ae33ad22f5013e8c71e7

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.pom.md5

@@ -1 +0,0 @@
-3ef2f993d44e8fefed3d3f623050a4fa

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.pom.sha1

@@ -1 +0,0 @@
-46cf342cdd49165e0326fdd2e445f5967a2ff08f

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.pom.sha256

@@ -1 +0,0 @@
-b81eb244de8bf9e2b92d1143b503a3f69001a89ae4676e16c980ab76ced8f3f4

package/local-maven-repo/expo/modules/router/expo.modules.router/7.0.0-canary-20251216-6e1f9a7/expo.modules.router-7.0.0-canary-20251216-6e1f9a7.pom.sha512

@@ -1 +0,0 @@
-ebe337d50192acd4ef69978915e08d3b51ad7e4078a52bb498de32bfae043866bbbc4cacff17af781deaec0b65e7e6a0a1496aab395dd4cba3634ca931efcca3