expo-router 7.0.0-canary-20260113-4879b86 → 7.0.0-canary-20260119-70f7c28

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderMenu.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {\n  NativeStackHeaderItemMenu,\n  NativeStackHeaderItemMenuAction,\n  NativeStackHeaderItemMenuSubmenu,\n} from '@react-navigation/native-stack';\nimport { Children, type ReactNode } from 'react';\nimport type { ImageSourcePropType } from 'react-native';\nimport type { HeaderBarButtonItemSubmenu } from 'react-native-screens';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport {\n  convertStackHeaderSharedPropsToRNSharedHeaderItem,\n  type StackHeaderItemSharedProps,\n} from './shared';\nimport { Menu, MenuAction } from '../../primitives';\nimport { isChildOfType } from '../../utils/children';\n\nexport interface StackHeaderMenuProps {\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  /**\n   * There are two ways to specify the content of the menu header item - using props or child components:\n   *\n   * @example\n   * ```tsx\n   * import { Stack } from 'expo-router';\n   *\n   * ...\n   * <Stack.Header.Menu icon=\"star.fill\" title=\"As props\">\n   *  <Stack.Header.MenuAction>Action 1</Stack.Header.MenuAction>\n   * </Stack.Header.Menu>\n   * ```\n   *\n   * @example\n   * ```tsx\n   * import { Stack } from 'expo-router';\n   *\n   * ...\n   * <Stack.Header.Menu>\n   *   <Stack.Header.Icon sf=\"star.fill\" />\n   *   <Stack.Header.Label>As components</Stack.Header.Label>\n   *   <Stack.Header.Badge>3</Stack.Header.Badge>\n   *   <Stack.Header.MenuAction>Action 1</Stack.Header.MenuAction>\n   * </Stack.Header.Menu>\n   * ```\n   *\n   * **Note**: When icon is used, the label will not be shown and will be used for accessibility purposes only.\n   */\n  children?: ReactNode;\n  /**\n   * If `true`, the menu item will be displayed as destructive.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenuelement/attributes/destructive) for more information.\n   */\n  destructive?: boolean;\n  disabled?: boolean;\n  /**\n   * Whether to hide the shared background.\n   *\n   * @see [Official Apple documentation](https://developer.apple.com/documentation/uikit/uibarbuttonitem/hidessharedbackground) for more information.\n   *\n   * @platform iOS 26+\n   */\n  hidesSharedBackground?: boolean;\n  /**\n   * Whether the menu should be hidden.\n   *\n   * @default false\n   */\n  hidden?: boolean;\n  /**\n   * Icon for the menu item.\n   *\n   * Can be an SF Symbol name or an image source.\n   */\n  icon?: StackHeaderItemSharedProps['icon'];\n  /**\n   * If `true`, the menu will be displayed inline.\n   * This means that the menu will not be collapsed\n   *\n   * > **Note*: Inline menus are only supported in submenus.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenu/options-swift.struct/displayinline) for more information.\n   */\n  inline?: boolean;\n  /**\n   * If `true`, the menu will be displayed as a palette.\n   * This means that the menu will be displayed as one row\n   *\n   * > **Note**: Palette menus are only supported in submenus.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenu/options-swift.struct/displayaspalette) for more information.\n   */\n  palette?: boolean;\n  /**\n   * Whether to separate the background of this item from other header items.\n   *\n   * @default false\n   */\n  separateBackground?: boolean;\n  /**\n   * Style for the label of the header item.\n   */\n  style?: StackHeaderItemSharedProps['style'];\n  /**\n   * The tint color to apply to the button item\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarbuttonitem/tintcolor) for more information.\n   */\n  tintColor?: StackHeaderItemSharedProps['tintColor'];\n  /**\n   * Optional title to show on top of the menu.\n   */\n  title?: string;\n  /**\n   * @default 'plain'\n   */\n  variant?: StackHeaderItemSharedProps['variant'];\n}\n\n/**\n * Component representing menu for `Stack.Header.Right` or `Stack.Header.Left`.\n *\n * Use as `Stack.Header.Menu` to provide top-level menus on iOS header bars.\n * It accepts `Stack.Header.MenuAction` and nested `Stack.Header.Menu`\n * elements. Menu can be configured using both component props and child\n * elements.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n * import { Alert } from 'react-native';\n *\n * export default function Screen() {\n *   return (\n *     <>\n *       <ScreenContent />\n *       <Stack.Screen>\n *         <Stack.Header>\n *           <Stack.Header.Right>\n *             <Stack.Header.Menu>\n *               <Stack.Header.Label>Menu</Stack.Header.Label>\n *               <Stack.Header.Icon sf=\"ellipsis.circle\" />\n *               <Stack.Header.MenuAction onPress={() => Alert.alert('Action 1 pressed!')}>\n *                 Action 1\n *               </Stack.Header.MenuAction>\n *               <Stack.Header.MenuAction isOn icon=\"star.fill\">\n *                 Action 2\n *               </Stack.Header.MenuAction>\n *               <Stack.Header.Menu inline>\n *                 <Stack.Header.MenuAction isOn>Sub Action</Stack.Header.MenuAction>\n *               </Stack.Header.Menu>\n *             </Stack.Header.Menu>\n *           </Stack.Header.Right>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n * import { Text } from 'react-native';\n *\n * export default function Screen() {\n *   return (\n *     <>\n *       <ScreenContent />\n *       <Stack.Screen>\n *         <Stack.Header>\n *           <Stack.Header.Left>\n *             <Stack.Header.Menu>\n *               <Stack.Header.MenuAction onPress={() => Alert.alert('Action 1 pressed!')}>\n *                 Action 1\n *               </Stack.Header.MenuAction>\n *               <Stack.Header.Menu inline palette title=\"Icons\">\n *                 <Stack.Header.MenuAction isOn icon=\"star.fill\" />\n *                 <Stack.Header.MenuAction icon=\"heart.fill\" />\n *               </Stack.Header.Menu>\n *             </Stack.Header.Menu>\n *           </Stack.Header.Left>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </>\n *   );\n * }\n * ```\n *\n * @see [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/menus) for more information about menus on iOS.\n *\n * @platform ios\n */\nexport const StackHeaderMenu: React.FC<StackHeaderMenuProps> = Menu;\n\nexport function convertStackHeaderMenuPropsToRNHeaderItem(\n  props: StackHeaderMenuProps\n): NativeStackHeaderItemMenu | undefined {\n  if (props.hidden) {\n    return undefined;\n  }\n  const { title, ...rest } = props;\n  const actions = Children.toArray(props.children).filter(\n    (child) => isChildOfType(child, StackHeaderMenuAction) || isChildOfType(child, StackHeaderMenu)\n  );\n  const item: NativeStackHeaderItemMenu = {\n    ...convertStackHeaderSharedPropsToRNSharedHeaderItem(rest),\n    type: 'menu',\n    menu: {\n      items: actions\n        .map((action) => {\n          if (isChildOfType(action, StackHeaderMenu)) {\n            return convertStackHeaderSubmenuMenuPropsToRNHeaderItem(action.props);\n          }\n          return convertStackHeaderMenuActionPropsToRNHeaderItem(action.props);\n        })\n        .filter((i) => !!i),\n    },\n  };\n  if (title) {\n    item.menu.title = title;\n  }\n\n  return item;\n}\n\nfunction convertStackHeaderSubmenuMenuPropsToRNHeaderItem(\n  props: StackHeaderMenuProps\n): NativeStackHeaderItemMenuSubmenu | undefined {\n  if (props.hidden) {\n    return undefined;\n  }\n  // Removing children. Otherwise the buttons will be broken\n  const sharedProps = convertStackHeaderSharedPropsToRNSharedHeaderItem(props);\n  const actions = Children.toArray(props.children).filter(\n    (child) => isChildOfType(child, StackHeaderMenuAction) || isChildOfType(child, StackHeaderMenu)\n  );\n\n  // TODO: Remove  Pick<HeaderBarButtonItemSubmenu> when this PR is merged and released in react-navigation:\n  // https://github.com/react-navigation/react-navigation/pull/12895\n  const item: NativeStackHeaderItemMenuSubmenu &\n    Pick<HeaderBarButtonItemSubmenu, 'displayAsPalette' | 'displayInline' | 'destructive'> = {\n    type: 'submenu',\n    items: actions\n      .map((action) => {\n        if (isChildOfType(action, StackHeaderMenu)) {\n          return convertStackHeaderSubmenuMenuPropsToRNHeaderItem(action.props);\n        }\n        return convertStackHeaderMenuActionPropsToRNHeaderItem(action.props);\n      })\n      .filter((i) => !!i),\n    label: sharedProps.label || props.title || '',\n  };\n\n  if (props.inline !== undefined) {\n    item.displayInline = props.inline;\n  }\n  if (props.palette !== undefined) {\n    item.displayAsPalette = props.palette;\n  }\n  if (props.destructive !== undefined) {\n    item.destructive = props.destructive;\n  }\n  // TODO: Add elementSize to react-native-screens\n\n  if (sharedProps.icon) {\n    // Only SF Symbols are supported in submenu icons\n    if (sharedProps.icon.type === 'sfSymbol') {\n      item.icon = sharedProps.icon;\n    } else {\n      console.warn(\n        'When Icon is used inside Stack.Header.Menu used as a submenu, only sfSymbol icons are supported. This is a limitation of React Native Screens.'\n      );\n    }\n  }\n\n  return item;\n}\n\nexport interface StackHeaderMenuActionProps {\n  /**\n   * Can be an Icon, Label or string title.\n   */\n  children?: ReactNode;\n  /**\n   * If `true`, the menu item will be disabled and not selectable.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenuelement/attributes/disabled) for more information.\n   */\n  disabled?: boolean;\n  icon?: SFSymbol | ImageSourcePropType;\n  /**\n   * If `true`, the menu item will be displayed as destructive.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenuelement/attributes/destructive) for more information.\n   */\n  destructive?: boolean;\n  /**\n   * If `true`, the menu will be kept presented after the action is selected.\n   *\n   * This is marked as unstable, because when action is selected it will recreate the menu,\n   * which will close all opened submenus and reset the scroll position.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenuelement/attributes/keepsmenupresented) for more information.\n   */\n  unstable_keepPresented?: boolean;\n  /**\n   * If `true`, the menu item will be displayed as selected.\n   */\n  isOn?: boolean;\n  onPress?: () => void;\n  /**\n   * An elaborated title that explains the purpose of the action.\n   */\n  discoverabilityLabel?: string;\n  /**\n   * An optional subtitle for the menu item.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenuelement/subtitle) for more information.\n   */\n  subtitle?: string;\n  hidden?: boolean;\n}\n\n/**\n * An action item for a `Stack.Header.Menu`.\n *\n * @example\n * ```tsx\n * import React from 'react';\n * import { Alert } from 'react-native';\n * import { Stack, Label, Icon } from 'expo-router';\n *\n * export default function ExampleScreen() {\n *   return (\n *     <>\n *       <ScreenContent />\n *       <Stack.Screen>\n *         <Stack.Header>\n *           <Stack.Header.Right>\n *             <Stack.Header.Menu icon=\"ellipsis.circle\">\n *               <Stack.Header.MenuAction onPress={() => Alert.alert('Action 1 pressed!')}>\n *                 Action 1\n *               </Stack.Header.MenuAction>\n *               <Stack.Header.MenuAction isOn onPress={() => Alert.alert('Action 2 pressed!')}>\n *                 <Label>Action 2</Label>\n *                 <Icon sf=\"star.fill\" />\n *               </Stack.Header.MenuAction>\n *             </Stack.Header.Menu>\n *           </Stack.Header.Right>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </>\n *   );\n * }\n * ```\n *\n * @see [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/menus) for more information about menus on iOS.\n *\n * @platform ios\n */\nexport const StackHeaderMenuAction: React.FC<StackHeaderMenuActionProps> = MenuAction;\n\nexport function convertStackHeaderMenuActionPropsToRNHeaderItem(\n  props: StackHeaderMenuActionProps\n): NativeStackHeaderItemMenuAction {\n  const { children, isOn, unstable_keepPresented, icon, ...rest } = props;\n  const sharedProps = convertStackHeaderSharedPropsToRNSharedHeaderItem(props);\n  const item: NativeStackHeaderItemMenuAction = {\n    ...rest,\n    type: 'action',\n    label: sharedProps.label,\n    state: isOn ? 'on' : 'off',\n    onPress: props.onPress ?? (() => {}),\n  };\n  if (unstable_keepPresented !== undefined) {\n    item.keepsMenuPresented = unstable_keepPresented;\n  }\n  if (sharedProps.icon) {\n    // Only SF Symbols are supported in action icons\n    if (sharedProps.icon.type === 'sfSymbol') {\n      item.icon = sharedProps.icon;\n    } else {\n      console.warn(\n        'When Icon is used inside Stack.Header.Menu.Action, only sfSymbol icons are supported. This is a limitation of React Native Screens.'\n      );\n    }\n  }\n  return item;\n}\n"]}

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

@@ -1,46 +0,0 @@
-import type { NativeStackHeaderItemSpacing } from '@react-navigation/native-stack';
-export interface StackHeaderSpacerProps {
-    /**
-     * Whether the spacer should be hidden.
-     *
-     * @default false
-     */
-    hidden?: boolean;
-    /**
-     * The width of the spacing element.
-     *
-     * This is typically used to create space between header elements.
-     */
-    width: number;
-}
-/**
- * A spacing helper used inside `Stack.Header.Left` or `Stack.Header.Right` to create
- * empty space between header items.
- *
- * @example
- * ```tsx
- * import { Stack } from 'expo-router';
- *
- * export default function Screen() {
- *   return (
- *     <>
- *       <ScreenContent />
- *       <Stack.Screen>
- *         <Stack.Header>
- *           <Stack.Header.Left>
- *             <Stack.Header.Button icon="arrow.left" />
- *             <Stack.Header.Spacer width={8} />
- *             <Stack.Header.Button icon="arrow.right" />
- *           </Stack.Header.Left>
- *         </Stack.Header>
- *       </Stack.Screen>
- *     </>
- *   );
- * }
- * ```
- *
- * @platform ios
- */
-export declare const StackHeaderSpacer: React.FC<StackHeaderSpacerProps>;
-export declare function convertStackHeaderSpacerPropsToRNHeaderItem({ hidden, width, }: StackHeaderSpacerProps): NativeStackHeaderItemSpacing | undefined;
-//# sourceMappingURL=StackHeaderSpacer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderSpacer.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderSpacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAEnF,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;CAIf;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAc,CAAC;AAE9E,wBAAgB,2CAA2C,CAAC,EAC1D,MAAM,EACN,KAAK,GACN,EAAE,sBAAsB,GAAG,4BAA4B,GAAG,SAAS,CAQnE"}

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackHeaderSpacer = void 0;
-exports.convertStackHeaderSpacerPropsToRNHeaderItem = convertStackHeaderSpacerPropsToRNHeaderItem;
-/**
- * A spacing helper used inside `Stack.Header.Left` or `Stack.Header.Right` to create
- * empty space between header items.
- *
- * @example
- * ```tsx
- * import { Stack } from 'expo-router';
- *
- * export default function Screen() {
- *   return (
- *     <>
- *       <ScreenContent />
- *       <Stack.Screen>
- *         <Stack.Header>
- *           <Stack.Header.Left>
- *             <Stack.Header.Button icon="arrow.left" />
- *             <Stack.Header.Spacer width={8} />
- *             <Stack.Header.Button icon="arrow.right" />
- *           </Stack.Header.Left>
- *         </Stack.Header>
- *       </Stack.Screen>
- *     </>
- *   );
- * }
- * ```
- *
- * @platform ios
- */
-const StackHeaderSpacer = () => null;
-exports.StackHeaderSpacer = StackHeaderSpacer;
-function convertStackHeaderSpacerPropsToRNHeaderItem({ hidden, width, }) {
-    if (hidden) {
-        return undefined;
-    }
-    return {
-        type: 'spacing',
-        spacing: width,
-    };
-}
-//# sourceMappingURL=StackHeaderSpacer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderSpacer.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderSpacer.tsx"],"names":[],"mappings":";;;AAmDA,kGAWC;AAzCD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACI,MAAM,iBAAiB,GAAqC,GAAG,EAAE,CAAC,IAAI,CAAC;AAAjE,QAAA,iBAAiB,qBAAgD;AAE9E,SAAgB,2CAA2C,CAAC,EAC1D,MAAM,EACN,KAAK,GACkB;IACvB,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK;KACf,CAAC;AACJ,CAAC","sourcesContent":["import type { NativeStackHeaderItemSpacing } from '@react-navigation/native-stack';\n\nexport interface StackHeaderSpacerProps {\n  /**\n   * Whether the spacer should be hidden.\n   *\n   * @default false\n   */\n  hidden?: boolean;\n  // TODO: implement fluid spacing in react-native-screens\n  /**\n   * The width of the spacing element.\n   *\n   * This is typically used to create space between header elements.\n   */\n  width: number;\n  // TODO: implement missing props in react-native-screens\n  // hidesSharedBackground?: boolean;\n  // sharesBackground?: boolean;\n}\n\n/**\n * A spacing helper used inside `Stack.Header.Left` or `Stack.Header.Right` to create\n * empty space between header items.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Screen() {\n *   return (\n *     <>\n *       <ScreenContent />\n *       <Stack.Screen>\n *         <Stack.Header>\n *           <Stack.Header.Left>\n *             <Stack.Header.Button icon=\"arrow.left\" />\n *             <Stack.Header.Spacer width={8} />\n *             <Stack.Header.Button icon=\"arrow.right\" />\n *           </Stack.Header.Left>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport const StackHeaderSpacer: React.FC<StackHeaderSpacerProps> = () => null;\n\nexport function convertStackHeaderSpacerPropsToRNHeaderItem({\n  hidden,\n  width,\n}: StackHeaderSpacerProps): NativeStackHeaderItemSpacing | undefined {\n  if (hidden) {\n    return undefined;\n  }\n  return {\n    type: 'spacing',\n    spacing: width,\n  };\n}\n"]}

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

@@ -1,22 +0,0 @@
-import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
-import { type StyleProp, type TextStyle } from 'react-native';
-export type StackHeaderTitleProps = {
-    children?: string;
-    style?: StyleProp<{
-        fontFamily?: TextStyle['fontFamily'];
-        fontSize?: TextStyle['fontSize'];
-        fontWeight?: Exclude<TextStyle['fontWeight'], number>;
-        color?: string;
-        textAlign?: 'left' | 'center';
-    }>;
-    largeStyle?: StyleProp<{
-        fontFamily?: TextStyle['fontFamily'];
-        fontSize?: TextStyle['fontSize'];
-        fontWeight?: Exclude<TextStyle['fontWeight'], number>;
-        color?: string;
-    }>;
-    large?: boolean;
-};
-export declare function StackHeaderTitle(props: StackHeaderTitleProps): null;
-export declare function appendStackHeaderTitlePropsToOptions(options: NativeStackNavigationOptions, props: StackHeaderTitleProps): NativeStackNavigationOptions;
-//# sourceMappingURL=StackHeaderTitle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderTitle.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAChB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACjC,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;QAGtD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC/B,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;QACrB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACjC,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;QAGtD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,QAE5D;AAED,wBAAgB,oCAAoC,CAClD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,qBAAqB,GAC3B,4BAA4B,CA0B9B"}

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

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackHeaderTitle = StackHeaderTitle;
-exports.appendStackHeaderTitlePropsToOptions = appendStackHeaderTitlePropsToOptions;
-const react_native_1 = require("react-native");
-const style_1 = require("../../utils/style");
-function StackHeaderTitle(props) {
-    return null;
-}
-function appendStackHeaderTitlePropsToOptions(options, props) {
-    const flattenedStyle = react_native_1.StyleSheet.flatten(props.style);
-    const flattenedLargeStyle = react_native_1.StyleSheet.flatten(props.largeStyle);
-    return {
-        ...options,
-        title: props.children,
-        headerLargeTitle: props.large,
-        headerTitleAlign: flattenedStyle?.textAlign,
-        headerTitleStyle: {
-            ...flattenedStyle,
-            ...(flattenedStyle?.fontWeight
-                ? {
-                    fontWeight: (0, style_1.convertFontWeightToStringFontWeight)(flattenedStyle?.fontWeight),
-                }
-                : {}),
-        },
-        headerLargeTitleStyle: {
-            ...flattenedLargeStyle,
-            ...(flattenedLargeStyle?.fontWeight
-                ? {
-                    fontWeight: (0, style_1.convertFontWeightToStringFontWeight)(flattenedLargeStyle?.fontWeight),
-                }
-                : {}),
-        },
-    };
-}
-//# sourceMappingURL=StackHeaderTitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderTitle.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderTitle.tsx"],"names":[],"mappings":";;AA2BA,4CAEC;AAED,oFA6BC;AA3DD,+CAA0E;AAE1E,6CAAwE;AAwBxE,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,oCAAoC,CAClD,OAAqC,EACrC,KAA4B;IAE5B,MAAM,cAAc,GAAG,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,mBAAmB,GAAG,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAEjE,OAAO;QACL,GAAG,OAAO;QACV,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,gBAAgB,EAAE,KAAK,CAAC,KAAK;QAC7B,gBAAgB,EAAE,cAAc,EAAE,SAAS;QAC3C,gBAAgB,EAAE;YAChB,GAAG,cAAc;YACjB,GAAG,CAAC,cAAc,EAAE,UAAU;gBAC5B,CAAC,CAAC;oBACE,UAAU,EAAE,IAAA,2CAAmC,EAAC,cAAc,EAAE,UAAU,CAAC;iBAC5E;gBACH,CAAC,CAAC,EAAE,CAAC;SACR;QACD,qBAAqB,EAAE;YACrB,GAAG,mBAAmB;YACtB,GAAG,CAAC,mBAAmB,EAAE,UAAU;gBACjC,CAAC,CAAC;oBACE,UAAU,EAAE,IAAA,2CAAmC,EAAC,mBAAmB,EAAE,UAAU,CAAC;iBACjF;gBACH,CAAC,CAAC,EAAE,CAAC;SACR;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { StyleSheet, type StyleProp, type TextStyle } from 'react-native';\n\nimport { convertFontWeightToStringFontWeight } from '../../utils/style';\n\nexport type StackHeaderTitleProps = {\n  children?: string;\n  style?: StyleProp<{\n    fontFamily?: TextStyle['fontFamily'];\n    fontSize?: TextStyle['fontSize'];\n    fontWeight?: Exclude<TextStyle['fontWeight'], number>;\n    // TODO(@ubax): This should be ColorValue, but react-navigation types\n    // currently only accept string for color props. In RN v8 we can change this to ColorValue.\n    color?: string;\n    textAlign?: 'left' | 'center';\n  }>;\n  largeStyle?: StyleProp<{\n    fontFamily?: TextStyle['fontFamily'];\n    fontSize?: TextStyle['fontSize'];\n    fontWeight?: Exclude<TextStyle['fontWeight'], number>;\n    // TODO(@ubax): This should be ColorValue, but react-navigation types\n    // currently only accept string for color props. In RN v8 we can change this to ColorValue.\n    color?: string;\n  }>;\n  large?: boolean;\n};\n\nexport function StackHeaderTitle(props: StackHeaderTitleProps) {\n  return null;\n}\n\nexport function appendStackHeaderTitlePropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackHeaderTitleProps\n): NativeStackNavigationOptions {\n  const flattenedStyle = StyleSheet.flatten(props.style);\n  const flattenedLargeStyle = StyleSheet.flatten(props.largeStyle);\n\n  return {\n    ...options,\n    title: props.children,\n    headerLargeTitle: props.large,\n    headerTitleAlign: flattenedStyle?.textAlign,\n    headerTitleStyle: {\n      ...flattenedStyle,\n      ...(flattenedStyle?.fontWeight\n        ? {\n            fontWeight: convertFontWeightToStringFontWeight(flattenedStyle?.fontWeight),\n          }\n        : {}),\n    },\n    headerLargeTitleStyle: {\n      ...flattenedLargeStyle,\n      ...(flattenedLargeStyle?.fontWeight\n        ? {\n            fontWeight: convertFontWeightToStringFontWeight(flattenedLargeStyle?.fontWeight),\n          }\n        : {}),\n    },\n  };\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderView.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC,SAAS,CAAC,CAAC;IAClD;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAGjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAc,CAAC;AAE1E,wBAAgB,yCAAyC,CACvD,KAAK,EAAE,oBAAoB,GAC1B,2BAA2B,GAAG,SAAS,CAgBzC"}

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

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackHeaderView = void 0;
-exports.convertStackHeaderViewPropsToRNHeaderItem = convertStackHeaderViewPropsToRNHeaderItem;
-/**
- * A wrapper to render custom content in the header.
- *
- * Use as `Stack.Header.Item` to render a custom React element into the header
- *
- * @example
- * ```tsx
- * import { Stack } from 'expo-router';
- * import { Text } from 'react-native';
- *
- * function CustomHeaderElement() {
- *   return <Text>Custom Element</Text>;
- * }
- *
- * function Screen() {
- *   return (
- *     <>
- *       <ScreenContent />
- *       <Stack.Screen>
- *         <Stack.Header>
- *           <Stack.Header.Left>
- *             <Stack.Header.Item>
- *               <CustomHeaderElement />
- *             </Stack.Header.Item>
- *           </Stack.Header.Left>
- *         </Stack.Header>
- *       </Stack.Screen>
- *     </>
- *   );
- * }
- * ```
- *
- * @platform ios
- */
-const StackHeaderView = () => null;
-exports.StackHeaderView = StackHeaderView;
-function convertStackHeaderViewPropsToRNHeaderItem(props) {
-    if (props.hidden) {
-        return undefined;
-    }
-    const { children, hidesSharedBackground } = props;
-    if (!children) {
-        console.warn('Stack.Header.View requires a child element to render custom content in the header.');
-    }
-    const element = children ? children : <></>;
-    return {
-        type: 'custom',
-        element,
-        hidesSharedBackground,
-    };
-}
-//# sourceMappingURL=StackHeaderView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHeaderView.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackHeaderView.tsx"],"names":[],"mappings":";;;AA6DA,8FAkBC;AAtDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACI,MAAM,eAAe,GAAmC,GAAG,EAAE,CAAC,IAAI,CAAC;AAA7D,QAAA,eAAe,mBAA8C;AAE1E,SAAgB,yCAAyC,CACvD,KAA2B;IAE3B,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,EAAE,QAAQ,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,IAAI,CACV,oFAAoF,CACrF,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAC5C,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO;QACP,qBAAqB;KACtB,CAAC;AACJ,CAAC","sourcesContent":["import type { NativeStackHeaderItemCustom } from '@react-navigation/native-stack';\n\nexport interface StackHeaderViewProps {\n  /**\n   * Can be any React node.\n   */\n  children?: NativeStackHeaderItemCustom['element'];\n  /**\n   * Whether the view should be hidden.\n   *\n   * @default false\n   */\n  hidden?: boolean;\n  /**\n   * Whether to hide the shared background.\n   *\n   * @see [Official Apple documentation](https://developer.apple.com/documentation/uikit/uibarbuttonitem/hidessharedbackground) for more information.\n   *\n   * @platform iOS 26+\n   */\n  hidesSharedBackground?: boolean;\n  // TODO: implement missing props in react-native-screens\n  // separateBackground?: boolean;\n}\n\n/**\n * A wrapper to render custom content in the header.\n *\n * Use as `Stack.Header.Item` to render a custom React element into the header\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n * import { Text } from 'react-native';\n *\n * function CustomHeaderElement() {\n *   return <Text>Custom Element</Text>;\n * }\n *\n * function Screen() {\n *   return (\n *     <>\n *       <ScreenContent />\n *       <Stack.Screen>\n *         <Stack.Header>\n *           <Stack.Header.Left>\n *             <Stack.Header.Item>\n *               <CustomHeaderElement />\n *             </Stack.Header.Item>\n *           </Stack.Header.Left>\n *         </Stack.Header>\n *       </Stack.Screen>\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport const StackHeaderView: React.FC<StackHeaderViewProps> = () => null;\n\nexport function convertStackHeaderViewPropsToRNHeaderItem(\n  props: StackHeaderViewProps\n): NativeStackHeaderItemCustom | undefined {\n  if (props.hidden) {\n    return undefined;\n  }\n  const { children, hidesSharedBackground } = props;\n  if (!children) {\n    console.warn(\n      'Stack.Header.View requires a child element to render custom content in the header.'\n    );\n  }\n  const element = children ? children : <></>;\n  return {\n    type: 'custom',\n    element,\n    hidesSharedBackground,\n  };\n}\n"]}