expo-router 6.0.10 → 6.0.11

package/build/native-tabs/NativeBottomTabs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/types.ts"],"names":[],"mappings":";;;AAkMa,QAAA,sBAAsB,GAAG;IACpC,MAAM;IACN,eAAe;IACf,YAAY;IACZ,OAAO;IACP,MAAM;IACN,SAAS;IACT,WAAW;IACX,yBAAyB;IACzB,oBAAoB;IACpB,gBAAgB;IAChB,qBAAqB;IACrB,sBAAsB;IACtB,8BAA8B;IAC9B,yBAAyB;IACzB,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,6BAA6B;IAC7B,wBAAwB;IACxB,oBAAoB;IACpB,yBAAyB;IACzB,0BAA0B;CAClB,CAAC;AAuKE,QAAA,6CAA6C,GAAG;IAC3D,MAAM;IACN,UAAU;IACV,SAAS;IACT,WAAW;CACH,CAAC;AAUE,QAAA,oCAAoC,GAAG;IAClD,WAAW;IACX,OAAO;IACP,cAAc;IACd,YAAY;CACJ,CAAC;AA+DX,MAAM,4BAA4B,GAAG;IACnC,WAAW;IACX,UAAU;IACV,WAAW;IACX,WAAW;IACX,UAAU;IACV,SAAS;IACT,MAAM;IACN,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,UAAU;CACF,CAAC","sourcesContent":["import type {\n  DefaultRouterOptions,\n  ParamListBase,\n  TabNavigationState,\n  TabRouterOptions,\n  useNavigationBuilder,\n} from '@react-navigation/native';\nimport type { PropsWithChildren } from 'react';\nimport type { ColorValue, ImageSourcePropType, TextStyle } from 'react-native';\nimport type { BottomTabsScreenProps } from 'react-native-screens';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nexport interface NativeTabOptions extends DefaultRouterOptions {\n  /**\n   * The icon to display in the tab bar.\n   * @platform android\n   * @platform iOS\n   */\n  icon?: SymbolOrImageSource;\n  /**\n   * The icon to display when the tab is selected.\n   * @platform iOS\n   */\n  selectedIcon?: SymbolOrImageSource;\n  /**\n   * Title of the tab screen, displayed in the tab bar item.\n   *\n   * @platform android\n   * @platform iOS\n   */\n  title?: string;\n  /**\n   * Specifies content of tab bar item badge.\n   *\n   * On Android, the value is interpreted in the following order:\n   * - If the string can be parsed to integer, displays the value as a number\n   * - Otherwise if the string is empty, displays \"small dot\" badge\n   * - Otherwise, displays the value as a text\n   *\n   * On iOS, badge is displayed as regular string.\n   *\n   * @platform android\n   * @platform ios\n   */\n  badgeValue?: string;\n  /**\n   * The style of the tab label when the tab is selected.\n   */\n  selectedLabelStyle?: NativeTabsLabelStyle;\n  /**\n   * The style of all the tab labels, when the tab is selected\n   */\n  labelStyle?: NativeTabsLabelStyle;\n  /**\n   * System-provided tab bar item with predefined icon and title\n   *\n   * Uses Apple's built-in tab bar items (e.g., bookmarks, contacts, downloads) with\n   * standard iOS styling and localized titles. Custom `icon` or `selectedIcon`\n   * properties will override the system icon, but the system-defined title cannot\n   * be customized.\n   *\n   * @see {@link https://developer.apple.com/documentation/uikit/uitabbaritem/systemitem|UITabBarItem.SystemItem}\n   * @platform ios\n   */\n  role?: NativeTabsTabBarItemRole;\n  /**\n   * The color of the icon when the tab is selected.\n   */\n  selectedIconColor?: ColorValue;\n  /**\n   * The color of the badge when the tab is selected.\n   */\n  selectedBadgeBackgroundColor?: ColorValue;\n  /**\n   * The color of all the badges when the tab is selected.\n   */\n  badgeBackgroundColor?: ColorValue;\n  /**\n   * The color of the badge text.\n   *\n   * @platform android\n   * @platform web\n   */\n  badgeTextColor?: ColorValue;\n  /**\n   * The color of the background when the tab is selected.\n   */\n  backgroundColor?: ColorValue;\n  /**\n   * The blur effect to apply when the tab is selected.\n   *\n   * @platform iOS\n   */\n  blurEffect?: NativeTabsBlurEffect;\n  /**\n   * The color of the shadow when the tab is selected.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarappearance/shadowcolor)\n   *\n   * @platform iOS\n   */\n  shadowColor?: ColorValue;\n  /**\n   * The color of the icon when the tab is selected.\n   *\n   * On iOS 26+ you can change the icon color in the scroll edge state.\n   */\n  iconColor?: ColorValue;\n  /**\n   * When set to `true`, the tab bar will not become transparent when scrolled to the edge.\n   *\n   * @platform iOS\n   */\n  disableTransparentOnScrollEdge?: boolean;\n  /**\n   * The position adjustment for all the labels when the tab is selected.\n   *\n   * @platform iOS\n   */\n  titlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  /**\n   * The position adjustment for the label when the tab is selected.\n   *\n   * @platform iOS\n   */\n  selectedTitlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  /**\n   * The color of the tab indicator.\n   *\n   * @platform android\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n}\n\nexport type SymbolOrImageSource =\n  | {\n      /**\n       * The name of the SF Symbol to use as an icon.\n       * @platform iOS\n       */\n      sf?: SFSymbol;\n      /**\n       * The name of the drawable resource to use as an icon.\n       * @platform android\n       */\n      drawable?: string;\n    }\n  | {\n      /**\n       * The image source to use as an icon.\n       */\n      src?: ImageSourcePropType | Promise<ImageSourcePropType | null>;\n    };\n\nexport interface ExtendedNativeTabOptions extends NativeTabOptions {\n  /**\n   * If true, the tab will be hidden from the tab bar.\n   */\n  hidden?: boolean;\n  specialEffects?: BottomTabsScreenProps['specialEffects'];\n}\n\ntype NumericFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport interface NativeTabsLabelStyle {\n  /**\n   * The font family of the tab label.\n   */\n  fontFamily?: TextStyle['fontFamily'];\n  /**\n   * The font size of the tab label.\n   */\n  fontSize?: TextStyle['fontSize'];\n  /**\n   * The font weight of the tab label.\n   */\n  fontWeight?: NumericFontWeight | `${NumericFontWeight}`;\n  /**\n   * The font style of the tab label.\n   */\n  fontStyle?: TextStyle['fontStyle'];\n  /**\n   * The color of the tab label.\n   */\n  color?: TextStyle['color'];\n}\n\nexport const SUPPORTED_BLUR_EFFECTS = [\n  'none',\n  'systemDefault',\n  'extraLight',\n  'light',\n  'dark',\n  'regular',\n  'prominent',\n  'systemUltraThinMaterial',\n  'systemThinMaterial',\n  'systemMaterial',\n  'systemThickMaterial',\n  'systemChromeMaterial',\n  'systemUltraThinMaterialLight',\n  'systemThinMaterialLight',\n  'systemMaterialLight',\n  'systemThickMaterialLight',\n  'systemChromeMaterialLight',\n  'systemUltraThinMaterialDark',\n  'systemThinMaterialDark',\n  'systemMaterialDark',\n  'systemThickMaterialDark',\n  'systemChromeMaterialDark',\n] as const;\n\n/**\n * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uiblureffect/style)\n */\nexport type NativeTabsBlurEffect = (typeof SUPPORTED_BLUR_EFFECTS)[number];\n\n/**\n * @platform android\n * @platform web\n */\nexport interface NativeTabsActiveStyleType {\n  /**\n   * @platform android\n   * @platform web\n   */\n  color?: ColorValue;\n  /**\n   * @platform android\n   * @platform web\n   */\n  fontSize?: TextStyle['fontSize'];\n  /**\n   * @platform android\n   */\n  iconColor?: ColorValue;\n  /**\n   * @platform android\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n}\n\nexport interface NativeTabsProps extends PropsWithChildren {\n  // #region common props\n  /**\n   * The style of the every tab label in the tab bar.\n   */\n  labelStyle?: NativeTabsLabelStyle;\n  // disabledLabelStyle?: NativeTabsLabelStyle;\n  /**\n   * The color of every tab icon in the tab bar.\n   */\n  iconColor?: ColorValue;\n  /**\n   * The tint color of the tab icon.\n   *\n   * Can be overridden by icon color and label color for each tab individually.\n   */\n  tintColor?: ColorValue;\n  /**\n   * The background color of the tab bar.\n   */\n  backgroundColor?: ColorValue | null;\n  /**\n   * The background color of every badge in the tab bar.\n   */\n  badgeBackgroundColor?: ColorValue;\n  // #endregion common props\n  // #region iOS props\n  /**\n   * Specifies the minimize behavior for the tab bar.\n   *\n   * Available starting from iOS 26.\n   *\n   * The following values are currently supported:\n   *\n   * - `automatic` - resolves to the system default minimize behavior\n   * - `never` - the tab bar does not minimize\n   * - `onScrollDown` - the tab bar minimizes when scrolling down and\n   *   expands when scrolling back up\n   * - `onScrollUp` - the tab bar minimizes when scrolling up and expands\n   *   when scrolling back down\n   *\n   * @see The supported values correspond to the official [UIKit documentation](https://developer.apple.com/documentation/uikit/uitabbarcontroller/minimizebehavior).\n   *\n   * @default automatic\n   *\n   * @platform iOS 26+\n   */\n  minimizeBehavior?: NativeTabsTabBarMinimizeBehavior;\n  /**\n   * The blur effect applied to the tab bar.\n   *\n   * @platform iOS\n   */\n  blurEffect?: NativeTabsBlurEffect;\n  /**\n   * The color of the shadow.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarappearance/shadowcolor)\n   *\n   * @platform iOS\n   */\n  shadowColor?: ColorValue;\n  /**\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uitabbaritem/titlepositionadjustment)\n   *\n   * @platform iOS\n   */\n  titlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  /**\n   * When set to `true`, the tab bar will not become transparent when scrolled to the edge.\n   *\n   * @platform iOS\n   */\n  disableTransparentOnScrollEdge?: boolean;\n  // #endregion iOS props\n  // #region android props\n  /**\n   * Disables the active indicator for the tab bar.\n   *\n   * @platform android\n   */\n  disableIndicator?: boolean;\n  /**\n   * The behavior when navigating back with the back button.\n   *\n   * @platform android\n   */\n  backBehavior?: 'none' | 'initialRoute' | 'history';\n  /**\n   * The visibility mode of the tab item label.\n   *\n   * @see [Material Components documentation](https://github.com/material-components/material-components-android/blob/master/docs/components/BottomNavigation.md#making-navigation-bar-accessible)\n   *\n   * @platform android\n   */\n  labelVisibilityMode?: NativeTabsTabBarItemLabelVisibilityMode;\n  /**\n   * The color of the ripple effect when the tab is pressed.\n   *\n   * @platform android\n   */\n  rippleColor?: ColorValue;\n  /**\n   * The color of the tab indicator.\n   *\n   * @platform android\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n  /**\n   * The color of the badge text.\n   *\n   * @platform android\n   * @platform web\n   */\n  badgeTextColor?: ColorValue;\n  // #endregion android props\n}\nexport interface NativeTabsViewProps extends NativeTabsProps {\n  focusedIndex: number;\n  builder: ReturnType<\n    typeof useNavigationBuilder<\n      TabNavigationState<ParamListBase>,\n      TabRouterOptions,\n      Record<string, (...args: any) => void>,\n      NativeTabOptions,\n      Record<string, any>\n    >\n  >;\n}\n\nexport const SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES = [\n  'auto',\n  'selected',\n  'labeled',\n  'unlabeled',\n] as const;\n\n/**\n * @see [Material Components documentation](https://github.com/material-components/material-components-android/blob/master/docs/components/BottomNavigation.md#making-navigation-bar-accessible)\n *\n * @platform android\n */\nexport type NativeTabsTabBarItemLabelVisibilityMode =\n  (typeof SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES)[number];\n\nexport const SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS = [\n  'automatic',\n  'never',\n  'onScrollDown',\n  'onScrollUp',\n] as const;\n\n/**\n * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uitabbarcontroller/minimizebehavior)\n *\n * @platform iOS 26\n */\nexport type NativeTabsTabBarMinimizeBehavior =\n  (typeof SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS)[number];\n\nexport interface NativeTabTriggerProps {\n  /**\n   * The name of the route.\n   *\n   * This is required when used inside a Layout component.\n   *\n   * When used in a route it has no effect.\n   */\n  name?: string;\n  /**\n   * If true, the tab will be hidden from the tab bar.\n   */\n  hidden?: boolean;\n  /**\n   * The options for the trigger.\n   *\n   * Use `Icon`, `Label`, and `Badge` components as children to customize the tab, rather then raw options.\n   */\n  options?: NativeTabOptions;\n  /**\n   * If true, the tab will not pop stack to the root when selected again.\n   *\n   * @default false\n   * @platform iOS\n   */\n  disablePopToTop?: boolean;\n  /**\n   * If true, the tab will not scroll to the top when selected again.\n   * @default false\n   *\n   * @platform iOS\n   */\n  disableScrollToTop?: boolean;\n  /**\n   * The children of the trigger.\n   *\n   * Use `Icon`, `Label`, and `Badge` components to customize the tab.\n   */\n  children?: React.ReactNode;\n  /**\n   * System-provided tab bar item with predefined icon and title\n   *\n   * Uses Apple's built-in tab bar items (e.g., bookmarks, contacts, downloads) with\n   * standard iOS styling and localized titles. Custom `icon` or `selectedIcon`\n   * properties will override the system icon, but the system-defined title cannot\n   * be customized.\n   *\n   * @see {@link https://developer.apple.com/documentation/uikit/uitabbaritem/systemitem|UITabBarItem.SystemItem}\n   * @platform ios\n   */\n  role?: NativeTabsTabBarItemRole;\n}\n\nconst SUPPORTED_TAB_BAR_ITEM_ROLES = [\n  'bookmarks',\n  'contacts',\n  'downloads',\n  'favorites',\n  'featured',\n  'history',\n  'more',\n  'mostRecent',\n  'mostViewed',\n  'recents',\n  'search',\n  'topRated',\n] as const;\n\nexport type NativeTabsTabBarItemRole = (typeof SUPPORTED_TAB_BAR_ITEM_ROLES)[number];\n\nexport interface NativeTabsTriggerTabBarProps {\n  /**\n   * The style of the every tab label in the tab bar.\n   *\n   * @platform iOS\n   * @platform web\n   */\n  labelStyle?: NativeTabsLabelStyle;\n  /**\n   * The background color of the tab bar, when the tab is selected\n   */\n  backgroundColor?: ColorValue;\n  /**\n   * The color of every tab icon, when the tab is selected\n   *\n   * @platform iOS\n   */\n  iconColor?: ColorValue;\n  /**\n   * The background color of every badge in the tab bar.\n   *\n   * @platform iOS\n   * @platform web\n   */\n  badgeBackgroundColor?: ColorValue;\n  /**\n   * The blur effect applied to the tab bar, when the tab is selected\n   *\n   * @platform iOS\n   */\n  blurEffect?: NativeTabsBlurEffect;\n  /**\n   * The color of the shadow when the tab is selected.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarappearance/shadowcolor)\n   *\n   * @platform iOS\n   */\n  shadowColor?: ColorValue;\n  /**\n   * When set to `true`, the tab bar will not become transparent when scrolled to the edge.\n   *\n   * @platform iOS\n   */\n  disableTransparentOnScrollEdge?: boolean;\n  /**\n   * The color of the badge text.\n   *\n   * @platform web\n   */\n  badgeTextColor?: ColorValue;\n  /**\n   * The color of the tab indicator.\n   *\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/types.ts"],"names":[],"mappings":";;;AAkMa,QAAA,sBAAsB,GAAG;IACpC,MAAM;IACN,eAAe;IACf,YAAY;IACZ,OAAO;IACP,MAAM;IACN,SAAS;IACT,WAAW;IACX,yBAAyB;IACzB,oBAAoB;IACpB,gBAAgB;IAChB,qBAAqB;IACrB,sBAAsB;IACtB,8BAA8B;IAC9B,yBAAyB;IACzB,qBAAqB;IACrB,0BAA0B;IAC1B,2BAA2B;IAC3B,6BAA6B;IAC7B,wBAAwB;IACxB,oBAAoB;IACpB,yBAAyB;IACzB,0BAA0B;CAClB,CAAC;AAuKE,QAAA,6CAA6C,GAAG;IAC3D,MAAM;IACN,UAAU;IACV,SAAS;IACT,WAAW;CACH,CAAC;AAUE,QAAA,oCAAoC,GAAG;IAClD,WAAW;IACX,OAAO;IACP,cAAc;IACd,YAAY;CACJ,CAAC;AA+DX,MAAM,4BAA4B,GAAG;IACnC,WAAW;IACX,UAAU;IACV,WAAW;IACX,WAAW;IACX,UAAU;IACV,SAAS;IACT,MAAM;IACN,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,UAAU;CACF,CAAC","sourcesContent":["import type {\n  DefaultRouterOptions,\n  ParamListBase,\n  TabNavigationState,\n  TabRouterOptions,\n  useNavigationBuilder,\n} from '@react-navigation/native';\nimport type { PropsWithChildren } from 'react';\nimport type { ColorValue, ImageSourcePropType, TextStyle } from 'react-native';\nimport type { BottomTabsScreenProps } from 'react-native-screens';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nexport interface NativeTabOptions extends DefaultRouterOptions {\n  /**\n   * The icon to display in the tab bar.\n   * @platform android\n   * @platform iOS\n   */\n  icon?: SymbolOrImageSource;\n  /**\n   * The icon to display when the tab is selected.\n   * @platform iOS\n   */\n  selectedIcon?: SymbolOrImageSource;\n  /**\n   * Title of the tab screen, displayed in the tab bar item.\n   *\n   * @platform android\n   * @platform iOS\n   */\n  title?: string;\n  /**\n   * Specifies content of tab bar item badge.\n   *\n   * On Android, the value is interpreted in the following order:\n   * - If the string can be parsed to integer, displays the value as a number\n   * - Otherwise if the string is empty, displays \"small dot\" badge\n   * - Otherwise, displays the value as a text\n   *\n   * On iOS, badge is displayed as regular string.\n   *\n   * @platform android\n   * @platform ios\n   */\n  badgeValue?: string;\n  /**\n   * The style of the tab label when the tab is selected.\n   */\n  selectedLabelStyle?: NativeTabsLabelStyle;\n  /**\n   * The style of all the tab labels, when the tab is selected\n   */\n  labelStyle?: NativeTabsLabelStyle;\n  /**\n   * System-provided tab bar item with predefined icon and title\n   *\n   * Uses Apple's built-in tab bar items (e.g., bookmarks, contacts, downloads) with\n   * standard iOS styling and localized titles. If you override the `title`,\n   * `icon`, or `selectedIcon`, note that this is not officially supported\n   * by Apple and may lead to unexpected results.\n   *\n   * @see {@link https://developer.apple.com/documentation/uikit/uitabbaritem/systemitem|UITabBarItem.SystemItem}\n   * @platform ios\n   */\n  role?: NativeTabsTabBarItemRole;\n  /**\n   * The color of the icon when the tab is selected.\n   */\n  selectedIconColor?: ColorValue;\n  /**\n   * The color of the badge when the tab is selected.\n   */\n  selectedBadgeBackgroundColor?: ColorValue;\n  /**\n   * The color of all the badges when the tab is selected.\n   */\n  badgeBackgroundColor?: ColorValue;\n  /**\n   * The color of the badge text.\n   *\n   * @platform android\n   * @platform web\n   */\n  badgeTextColor?: ColorValue;\n  /**\n   * The color of the background when the tab is selected.\n   */\n  backgroundColor?: ColorValue;\n  /**\n   * The blur effect to apply when the tab is selected.\n   *\n   * @platform iOS\n   */\n  blurEffect?: NativeTabsBlurEffect;\n  /**\n   * The color of the shadow when the tab is selected.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarappearance/shadowcolor)\n   *\n   * @platform iOS\n   */\n  shadowColor?: ColorValue;\n  /**\n   * The color of the icon when the tab is selected.\n   *\n   * On iOS 26+ you can change the icon color in the scroll edge state.\n   */\n  iconColor?: ColorValue;\n  /**\n   * When set to `true`, the tab bar will not become transparent when scrolled to the edge.\n   *\n   * @platform iOS\n   */\n  disableTransparentOnScrollEdge?: boolean;\n  /**\n   * The position adjustment for all the labels when the tab is selected.\n   *\n   * @platform iOS\n   */\n  titlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  /**\n   * The position adjustment for the label when the tab is selected.\n   *\n   * @platform iOS\n   */\n  selectedTitlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  /**\n   * The color of the tab indicator.\n   *\n   * @platform android\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n}\n\nexport type SymbolOrImageSource =\n  | {\n      /**\n       * The name of the SF Symbol to use as an icon.\n       * @platform iOS\n       */\n      sf?: SFSymbol;\n      /**\n       * The name of the drawable resource to use as an icon.\n       * @platform android\n       */\n      drawable?: string;\n    }\n  | {\n      /**\n       * The image source to use as an icon.\n       */\n      src?: ImageSourcePropType | Promise<ImageSourcePropType | null>;\n    };\n\nexport interface ExtendedNativeTabOptions extends NativeTabOptions {\n  /**\n   * If true, the tab will be hidden from the tab bar.\n   */\n  hidden?: boolean;\n  specialEffects?: BottomTabsScreenProps['specialEffects'];\n}\n\ntype NumericFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport interface NativeTabsLabelStyle {\n  /**\n   * The font family of the tab label.\n   */\n  fontFamily?: TextStyle['fontFamily'];\n  /**\n   * The font size of the tab label.\n   */\n  fontSize?: TextStyle['fontSize'];\n  /**\n   * The font weight of the tab label.\n   */\n  fontWeight?: NumericFontWeight | `${NumericFontWeight}`;\n  /**\n   * The font style of the tab label.\n   */\n  fontStyle?: TextStyle['fontStyle'];\n  /**\n   * The color of the tab label.\n   */\n  color?: TextStyle['color'];\n}\n\nexport const SUPPORTED_BLUR_EFFECTS = [\n  'none',\n  'systemDefault',\n  'extraLight',\n  'light',\n  'dark',\n  'regular',\n  'prominent',\n  'systemUltraThinMaterial',\n  'systemThinMaterial',\n  'systemMaterial',\n  'systemThickMaterial',\n  'systemChromeMaterial',\n  'systemUltraThinMaterialLight',\n  'systemThinMaterialLight',\n  'systemMaterialLight',\n  'systemThickMaterialLight',\n  'systemChromeMaterialLight',\n  'systemUltraThinMaterialDark',\n  'systemThinMaterialDark',\n  'systemMaterialDark',\n  'systemThickMaterialDark',\n  'systemChromeMaterialDark',\n] as const;\n\n/**\n * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uiblureffect/style)\n */\nexport type NativeTabsBlurEffect = (typeof SUPPORTED_BLUR_EFFECTS)[number];\n\n/**\n * @platform android\n * @platform web\n */\nexport interface NativeTabsActiveStyleType {\n  /**\n   * @platform android\n   * @platform web\n   */\n  color?: ColorValue;\n  /**\n   * @platform android\n   * @platform web\n   */\n  fontSize?: TextStyle['fontSize'];\n  /**\n   * @platform android\n   */\n  iconColor?: ColorValue;\n  /**\n   * @platform android\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n}\n\nexport interface NativeTabsProps extends PropsWithChildren {\n  // #region common props\n  /**\n   * The style of the every tab label in the tab bar.\n   */\n  labelStyle?: NativeTabsLabelStyle;\n  // disabledLabelStyle?: NativeTabsLabelStyle;\n  /**\n   * The color of every tab icon in the tab bar.\n   */\n  iconColor?: ColorValue;\n  /**\n   * The tint color of the tab icon.\n   *\n   * Can be overridden by icon color and label color for each tab individually.\n   */\n  tintColor?: ColorValue;\n  /**\n   * The background color of the tab bar.\n   */\n  backgroundColor?: ColorValue | null;\n  /**\n   * The background color of every badge in the tab bar.\n   */\n  badgeBackgroundColor?: ColorValue;\n  // #endregion common props\n  // #region iOS props\n  /**\n   * Specifies the minimize behavior for the tab bar.\n   *\n   * Available starting from iOS 26.\n   *\n   * The following values are currently supported:\n   *\n   * - `automatic` - resolves to the system default minimize behavior\n   * - `never` - the tab bar does not minimize\n   * - `onScrollDown` - the tab bar minimizes when scrolling down and\n   *   expands when scrolling back up\n   * - `onScrollUp` - the tab bar minimizes when scrolling up and expands\n   *   when scrolling back down\n   *\n   * @see The supported values correspond to the official [UIKit documentation](https://developer.apple.com/documentation/uikit/uitabbarcontroller/minimizebehavior).\n   *\n   * @default automatic\n   *\n   * @platform iOS 26+\n   */\n  minimizeBehavior?: NativeTabsTabBarMinimizeBehavior;\n  /**\n   * The blur effect applied to the tab bar.\n   *\n   * @platform iOS\n   */\n  blurEffect?: NativeTabsBlurEffect;\n  /**\n   * The color of the shadow.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarappearance/shadowcolor)\n   *\n   * @platform iOS\n   */\n  shadowColor?: ColorValue;\n  /**\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uitabbaritem/titlepositionadjustment)\n   *\n   * @platform iOS\n   */\n  titlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  /**\n   * When set to `true`, the tab bar will not become transparent when scrolled to the edge.\n   *\n   * @platform iOS\n   */\n  disableTransparentOnScrollEdge?: boolean;\n  // #endregion iOS props\n  // #region android props\n  /**\n   * Disables the active indicator for the tab bar.\n   *\n   * @platform android\n   */\n  disableIndicator?: boolean;\n  /**\n   * The behavior when navigating back with the back button.\n   *\n   * @platform android\n   */\n  backBehavior?: 'none' | 'initialRoute' | 'history';\n  /**\n   * The visibility mode of the tab item label.\n   *\n   * @see [Material Components documentation](https://github.com/material-components/material-components-android/blob/master/docs/components/BottomNavigation.md#making-navigation-bar-accessible)\n   *\n   * @platform android\n   */\n  labelVisibilityMode?: NativeTabsTabBarItemLabelVisibilityMode;\n  /**\n   * The color of the ripple effect when the tab is pressed.\n   *\n   * @platform android\n   */\n  rippleColor?: ColorValue;\n  /**\n   * The color of the tab indicator.\n   *\n   * @platform android\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n  /**\n   * The color of the badge text.\n   *\n   * @platform android\n   * @platform web\n   */\n  badgeTextColor?: ColorValue;\n  // #endregion android props\n}\nexport interface NativeTabsViewProps extends NativeTabsProps {\n  focusedIndex: number;\n  builder: ReturnType<\n    typeof useNavigationBuilder<\n      TabNavigationState<ParamListBase>,\n      TabRouterOptions,\n      Record<string, (...args: any) => void>,\n      NativeTabOptions,\n      Record<string, any>\n    >\n  >;\n}\n\nexport const SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES = [\n  'auto',\n  'selected',\n  'labeled',\n  'unlabeled',\n] as const;\n\n/**\n * @see [Material Components documentation](https://github.com/material-components/material-components-android/blob/master/docs/components/BottomNavigation.md#making-navigation-bar-accessible)\n *\n * @platform android\n */\nexport type NativeTabsTabBarItemLabelVisibilityMode =\n  (typeof SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES)[number];\n\nexport const SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS = [\n  'automatic',\n  'never',\n  'onScrollDown',\n  'onScrollUp',\n] as const;\n\n/**\n * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uitabbarcontroller/minimizebehavior)\n *\n * @platform iOS 26\n */\nexport type NativeTabsTabBarMinimizeBehavior =\n  (typeof SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS)[number];\n\nexport interface NativeTabTriggerProps {\n  /**\n   * The name of the route.\n   *\n   * This is required when used inside a Layout component.\n   *\n   * When used in a route it has no effect.\n   */\n  name?: string;\n  /**\n   * If true, the tab will be hidden from the tab bar.\n   */\n  hidden?: boolean;\n  /**\n   * The options for the trigger.\n   *\n   * Use `Icon`, `Label`, and `Badge` components as children to customize the tab, rather then raw options.\n   */\n  options?: NativeTabOptions;\n  /**\n   * If true, the tab will not pop stack to the root when selected again.\n   *\n   * @default false\n   * @platform iOS\n   */\n  disablePopToTop?: boolean;\n  /**\n   * If true, the tab will not scroll to the top when selected again.\n   * @default false\n   *\n   * @platform iOS\n   */\n  disableScrollToTop?: boolean;\n  /**\n   * The children of the trigger.\n   *\n   * Use `Icon`, `Label`, and `Badge` components to customize the tab.\n   */\n  children?: React.ReactNode;\n  /**\n   * System-provided tab bar item with predefined icon and title\n   *\n   * Uses Apple's built-in tab bar items (e.g., bookmarks, contacts, downloads) with\n   * standard iOS styling and localized titles. Custom `icon` or `selectedIcon`\n   * properties will override the system icon, but the system-defined title cannot\n   * be customized.\n   *\n   * @see {@link https://developer.apple.com/documentation/uikit/uitabbaritem/systemitem|UITabBarItem.SystemItem}\n   * @platform ios\n   */\n  role?: NativeTabsTabBarItemRole;\n}\n\nconst SUPPORTED_TAB_BAR_ITEM_ROLES = [\n  'bookmarks',\n  'contacts',\n  'downloads',\n  'favorites',\n  'featured',\n  'history',\n  'more',\n  'mostRecent',\n  'mostViewed',\n  'recents',\n  'search',\n  'topRated',\n] as const;\n\nexport type NativeTabsTabBarItemRole = (typeof SUPPORTED_TAB_BAR_ITEM_ROLES)[number];\n\nexport interface NativeTabsTriggerTabBarProps {\n  /**\n   * The style of the every tab label in the tab bar.\n   *\n   * @platform iOS\n   * @platform web\n   */\n  labelStyle?: NativeTabsLabelStyle;\n  /**\n   * The background color of the tab bar, when the tab is selected\n   */\n  backgroundColor?: ColorValue;\n  /**\n   * The color of every tab icon, when the tab is selected\n   *\n   * @platform iOS\n   */\n  iconColor?: ColorValue;\n  /**\n   * The background color of every badge in the tab bar.\n   *\n   * @platform iOS\n   * @platform web\n   */\n  badgeBackgroundColor?: ColorValue;\n  /**\n   * The blur effect applied to the tab bar, when the tab is selected\n   *\n   * @platform iOS\n   */\n  blurEffect?: NativeTabsBlurEffect;\n  /**\n   * The color of the shadow when the tab is selected.\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarappearance/shadowcolor)\n   *\n   * @platform iOS\n   */\n  shadowColor?: ColorValue;\n  /**\n   * When set to `true`, the tab bar will not become transparent when scrolled to the edge.\n   *\n   * @platform iOS\n   */\n  disableTransparentOnScrollEdge?: boolean;\n  /**\n   * The color of the badge text.\n   *\n   * @platform web\n   */\n  badgeTextColor?: ColorValue;\n  /**\n   * The color of the tab indicator.\n   *\n   * @platform web\n   */\n  indicatorColor?: ColorValue;\n}\n"]}

package/build/native-tabs/common/elements.d.ts

@@ -41,6 +41,7 @@ export interface SourceIconCombination {
     };
     drawable?: never;
     sf?: never;
+    androidSrc?: never;
 }
 export interface NamedIconCombination {
     /**
@@ -72,10 +73,67 @@ export interface NamedIconCombination {
      */
     drawable?: string;
     src?: never;
+    androidSrc?: never;
+}
+export interface CrossPlatformIconCombination {
+    /**
+     * The name of the SF Symbol to use as an icon on iOS.
+     *
+     * The value can be provided in two ways:
+     * - As a string with the SF Symbol name
+     * - As an object specifying the default and selected states
+     *
+     * @example
+     * ```tsx
+     * <Icon sf="magnifyingglass" androidSrc={require('./search.png')} />
+     * ```
+     *
+     * @example
+     * ```tsx
+     * <Icon
+     *   sf={{ default: "house", selected: "house.fill" }}
+     *   androidSrc={{ default: require('./home.png'), selected: require('./home-filled.png') }}
+     * />
+     * ```
+     *
+     * @platform iOS
+     */
+    sf?: SFSymbol | {
+        default?: SFSymbol;
+        selected: SFSymbol;
+    };
+    /**
+     * The image source to use as an icon on Android.
+     *
+     * The value can be provided in two ways:
+     * - As an image source
+     * - As an object specifying the default and selected states
+     *
+     * @example
+     * ```tsx
+     * <Icon sf="magnifyingglass" androidSrc={require('./search.png')} />
+     * ```
+     *
+     * @example
+     * ```tsx
+     * <Icon
+     *   sf={{ default: "house", selected: "house.fill" }}
+     *   androidSrc={{ default: require('./icon.png'), selected: require('./icon-selected.png') }}
+     * />
+     * ```
+     *
+     * @platform Android
+     */
+    androidSrc?: ImageSourcePropType | React.ReactElement | {
+        default?: ImageSourcePropType | React.ReactElement;
+        selected: ImageSourcePropType | React.ReactElement;
+    };
+    src?: never;
+    drawable?: never;
 }
 export type IconProps = {
     selectedColor?: ColorValue;
-} & (NamedIconCombination | SourceIconCombination);
+} & (NamedIconCombination | SourceIconCombination | CrossPlatformIconCombination);
 /**
  * Renders an icon for the tab.
  *

package/build/native-tabs/common/elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/native-tabs/common/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,QAEtC;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,GAAG,CAAC,EACA,mBAAmB,GACnB,KAAK,CAAC,YAAY,GAClB;QACE,OAAO,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC;QACnD,QAAQ,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC;KACpD,CAAC;IACN,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;;;;;;;;;OAkBG;IACH,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;QAAC,QAAQ,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,aAAa,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,CACrD,oBAAoB,GACpB,qBAAqB,CACxB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,QAEpC;AAED,MAAM,WAAW,eAAe,CAAC,KAAK,SAAS,MAAM;IACnD;;;;;;;OAOG;IACH,MAAM,EAAE;QACN,cAAc,EAAE,CACd,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,UAAU,KACd,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;KAC1C,CAAC;IACF;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,QAE7E;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB,CAAC,EAAE,UAAU,CAAC;CACtC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,QAEtC"}
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/native-tabs/common/elements.tsx"],"names":[],"mappings":"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"}

package/build/native-tabs/common/elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/native-tabs/common/elements.tsx"],"names":[],"mappings":";;AAkBA,sBAEC;AA0ED,oBAEC;AA2CD,gCAEC;AAiBD,sBAEC;AA9ID,SAAgB,KAAK,CAAC,KAAiB;IACrC,OAAO,IAAI,CAAC;AACd,CAAC;AAoED;;;;;GAKG;AACH,SAAgB,IAAI,CAAC,KAAgB;IACnC,OAAO,IAAI,CAAC;AACd,CAAC;AAwBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,UAAU,CAAuB,KAA6B;IAC5E,OAAO,IAAI,CAAC;AACd,CAAC;AAiBD,SAAgB,KAAK,CAAC,KAAiB;IACrC,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { ColorValue, ImageSourcePropType } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport type { NativeTabsLabelStyle } from '../NativeBottomTabs/types';\n\nexport interface LabelProps {\n  /**\n   * The text to display as the label for the tab.\n   */\n  children?: string;\n  selectedStyle?: NativeTabsLabelStyle;\n  /**\n   * If true, the label will be hidden.\n   * @default false\n   */\n  hidden?: boolean;\n}\n\nexport function Label(props: LabelProps) {\n  return null;\n}\n\nexport interface SourceIconCombination {\n  /**\n   * The image source to use as an icon.\n   *\n   * The value can be provided in two ways:\n   * - As an image source\n   * - As an object specifying the default and selected states\n   *\n   * @example\n   * ```tsx\n   * <Icon src={require('./path/to/icon.png')} />\n   * ```\n   *\n   * @example\n   * ```tsx\n   * <Icon src={{ default: require('./path/to/icon.png'), selected: require('./path/to/icon-selected.png') }} />\n   * ```\n   *\n   * @platform Android\n   * @platform iOS\n   */\n  src?:\n    | ImageSourcePropType\n    | React.ReactElement\n    | {\n        default?: ImageSourcePropType | React.ReactElement;\n        selected: ImageSourcePropType | React.ReactElement;\n      };\n  drawable?: never;\n  sf?: never;\n}\n\nexport interface NamedIconCombination {\n  /**\n   * The name of the SF Symbol to use as an icon.\n   *\n   * The value can be provided in two ways:\n   * - As a string with the SF Symbol name\n   * - As an object specifying the default and selected states\n   *\n   * @example\n   * ```tsx\n   * <Icon sf=\"magnifyingglass\" />\n   * ```\n   *\n   * @example\n   * ```tsx\n   * <Icon sf={{ default: \"house\", selected: \"house.fill\" }} />\n   * ```\n   *\n   * @platform iOS\n   */\n  sf?: SFSymbol | { default?: SFSymbol; selected: SFSymbol };\n  /**\n   * The name of the drawable resource to use as an icon.\n   * @platform android\n   */\n  drawable?: string;\n  src?: never;\n}\n\nexport type IconProps = { selectedColor?: ColorValue } & (\n  | NamedIconCombination\n  | SourceIconCombination\n);\n\n/**\n * Renders an icon for the tab.\n *\n * @platform ios\n * @platform android\n */\nexport function Icon(props: IconProps) {\n  return null;\n}\n\nexport interface VectorIconProps<NameT extends string> {\n  /**\n   * The family of the vector icon.\n   *\n   * @example\n   * ```tsx\n   * import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';\n   * ```\n   */\n  family: {\n    getImageSource: (\n      name: NameT,\n      size: number,\n      color: ColorValue\n    ) => Promise<ImageSourcePropType | null>;\n  };\n  /**\n   * The name of the vector icon.\n   */\n  name: NameT;\n}\n\n/**\n * Helper component which can be used to load vector icons for `NativeTabs`.\n *\n * @example\n * ```tsx\n * import { NativeTabs, VectorIcon } from 'expo-router';\n * import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';\n *\n * export default Layout(){\n *   return (\n *     <NativeTabs>\n *       <NativeTabs.Trigger name=\"index\">\n *         <Icon src={<VectorIcon family={MaterialCommunityIcons} name=\"home\" />} />\n *       </NativeTabs.Trigger>\n *     </NativeTabs>\n *   );\n * }\n * ```\n */\nexport function VectorIcon<NameT extends string>(props: VectorIconProps<NameT>) {\n  return null;\n}\n\nexport interface BadgeProps {\n  /**\n   * The text to display as the badge for the tab.\n   * If not provided, the badge will not be displayed.\n   */\n  children?: string;\n\n  /**\n   * If true, the badge will be hidden.\n   * @default false\n   */\n  hidden?: boolean;\n  selectedBackgroundColor?: ColorValue;\n}\n\nexport function Badge(props: BadgeProps) {\n  return null;\n}\n"]}
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/native-tabs/common/elements.tsx"],"names":[],"mappings":";;AAkBA,sBAEC;AAsID,oBAEC;AA2CD,gCAEC;AAiBD,sBAEC;AA1MD,SAAgB,KAAK,CAAC,KAAiB;IACrC,OAAO,IAAI,CAAC;AACd,CAAC;AAgID;;;;;GAKG;AACH,SAAgB,IAAI,CAAC,KAAgB;IACnC,OAAO,IAAI,CAAC;AACd,CAAC;AAwBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,UAAU,CAAuB,KAA6B;IAC5E,OAAO,IAAI,CAAC;AACd,CAAC;AAiBD,SAAgB,KAAK,CAAC,KAAiB;IACrC,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { ColorValue, ImageSourcePropType } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport type { NativeTabsLabelStyle } from '../NativeBottomTabs/types';\n\nexport interface LabelProps {\n  /**\n   * The text to display as the label for the tab.\n   */\n  children?: string;\n  selectedStyle?: NativeTabsLabelStyle;\n  /**\n   * If true, the label will be hidden.\n   * @default false\n   */\n  hidden?: boolean;\n}\n\nexport function Label(props: LabelProps) {\n  return null;\n}\n\nexport interface SourceIconCombination {\n  /**\n   * The image source to use as an icon.\n   *\n   * The value can be provided in two ways:\n   * - As an image source\n   * - As an object specifying the default and selected states\n   *\n   * @example\n   * ```tsx\n   * <Icon src={require('./path/to/icon.png')} />\n   * ```\n   *\n   * @example\n   * ```tsx\n   * <Icon src={{ default: require('./path/to/icon.png'), selected: require('./path/to/icon-selected.png') }} />\n   * ```\n   *\n   * @platform Android\n   * @platform iOS\n   */\n  src?:\n    | ImageSourcePropType\n    | React.ReactElement\n    | {\n        default?: ImageSourcePropType | React.ReactElement;\n        selected: ImageSourcePropType | React.ReactElement;\n      };\n  drawable?: never;\n  sf?: never;\n  androidSrc?: never;\n}\n\nexport interface NamedIconCombination {\n  /**\n   * The name of the SF Symbol to use as an icon.\n   *\n   * The value can be provided in two ways:\n   * - As a string with the SF Symbol name\n   * - As an object specifying the default and selected states\n   *\n   * @example\n   * ```tsx\n   * <Icon sf=\"magnifyingglass\" />\n   * ```\n   *\n   * @example\n   * ```tsx\n   * <Icon sf={{ default: \"house\", selected: \"house.fill\" }} />\n   * ```\n   *\n   * @platform iOS\n   */\n  sf?: SFSymbol | { default?: SFSymbol; selected: SFSymbol };\n  /**\n   * The name of the drawable resource to use as an icon.\n   * @platform android\n   */\n  drawable?: string;\n  src?: never;\n  androidSrc?: never;\n}\n\nexport interface CrossPlatformIconCombination {\n  /**\n   * The name of the SF Symbol to use as an icon on iOS.\n   *\n   * The value can be provided in two ways:\n   * - As a string with the SF Symbol name\n   * - As an object specifying the default and selected states\n   *\n   * @example\n   * ```tsx\n   * <Icon sf=\"magnifyingglass\" androidSrc={require('./search.png')} />\n   * ```\n   *\n   * @example\n   * ```tsx\n   * <Icon\n   *   sf={{ default: \"house\", selected: \"house.fill\" }}\n   *   androidSrc={{ default: require('./home.png'), selected: require('./home-filled.png') }}\n   * />\n   * ```\n   *\n   * @platform iOS\n   */\n  sf?: SFSymbol | { default?: SFSymbol; selected: SFSymbol };\n  /**\n   * The image source to use as an icon on Android.\n   *\n   * The value can be provided in two ways:\n   * - As an image source\n   * - As an object specifying the default and selected states\n   *\n   * @example\n   * ```tsx\n   * <Icon sf=\"magnifyingglass\" androidSrc={require('./search.png')} />\n   * ```\n   *\n   * @example\n   * ```tsx\n   * <Icon\n   *   sf={{ default: \"house\", selected: \"house.fill\" }}\n   *   androidSrc={{ default: require('./icon.png'), selected: require('./icon-selected.png') }}\n   * />\n   * ```\n   *\n   * @platform Android\n   */\n  androidSrc?:\n    | ImageSourcePropType\n    | React.ReactElement\n    | {\n        default?: ImageSourcePropType | React.ReactElement;\n        selected: ImageSourcePropType | React.ReactElement;\n      };\n  src?: never;\n  drawable?: never;\n}\n\nexport type IconProps = { selectedColor?: ColorValue } & (\n  | NamedIconCombination\n  | SourceIconCombination\n  | CrossPlatformIconCombination\n);\n\n/**\n * Renders an icon for the tab.\n *\n * @platform ios\n * @platform android\n */\nexport function Icon(props: IconProps) {\n  return null;\n}\n\nexport interface VectorIconProps<NameT extends string> {\n  /**\n   * The family of the vector icon.\n   *\n   * @example\n   * ```tsx\n   * import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';\n   * ```\n   */\n  family: {\n    getImageSource: (\n      name: NameT,\n      size: number,\n      color: ColorValue\n    ) => Promise<ImageSourcePropType | null>;\n  };\n  /**\n   * The name of the vector icon.\n   */\n  name: NameT;\n}\n\n/**\n * Helper component which can be used to load vector icons for `NativeTabs`.\n *\n * @example\n * ```tsx\n * import { NativeTabs, VectorIcon } from 'expo-router';\n * import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';\n *\n * export default Layout(){\n *   return (\n *     <NativeTabs>\n *       <NativeTabs.Trigger name=\"index\">\n *         <Icon src={<VectorIcon family={MaterialCommunityIcons} name=\"home\" />} />\n *       </NativeTabs.Trigger>\n *     </NativeTabs>\n *   );\n * }\n * ```\n */\nexport function VectorIcon<NameT extends string>(props: VectorIconProps<NameT>) {\n  return null;\n}\n\nexport interface BadgeProps {\n  /**\n   * The text to display as the badge for the tab.\n   * If not provided, the badge will not be displayed.\n   */\n  children?: string;\n\n  /**\n   * If true, the badge will be hidden.\n   * @default false\n   */\n  hidden?: boolean;\n  selectedBackgroundColor?: ColorValue;\n}\n\nexport function Badge(props: BadgeProps) {\n  return null;\n}\n"]}

package/build/routes-manifest.js

@@ -25,6 +25,6 @@ function createRoutesManifest(paths, options) {
     if (!routeTree) {
         return null;
     }
-    return (0, getServerManifest_1.getServerManifest)(routeTree);
+    return (0, getServerManifest_1.getServerManifest)(routeTree, { headers: options.headers });
 }
 //# sourceMappingURL=routes-manifest.js.map

package/build/routes-manifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes-manifest.js","sourceRoot":"","sources":["../src/routes-manifest.ts"],"names":[],"mappings":";;AA6CA,oDAkBC;AA/DD,0CAA0C;AAC1C,sBAAsB;AACtB,iDAAyD;AACzD,2DAAwD;AAgCxD,SAAS,uBAAuB,CAAC,MAAgB,EAAE;IACjD,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,KAAI,CAAC,EAAE,CAAC,CAAC;IAE3D,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE;QAC3C,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG;KACjB,CAAC,CAAC;IAEH,OAAO,aAA+B,CAAC;AACzC,CAAC;AAED,SAAgB,oBAAoB,CAClC,KAAe,EACf,OAAgB;IAEhB,mCAAmC;IACnC,MAAM,SAAS,GAAG,IAAA,wBAAS,EAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE;QAC1D,GAAG,OAAO;QACV,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,IAAI;QACjC,mBAAmB,EAAE,IAAI;QACzB,iBAAiB,EAAE,IAAI;QACvB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,IAAA,qCAAiB,EAAC,SAAS,CAAC,CAAC;AACtC,CAAC","sourcesContent":["// This file runs in Node.js environments.\n// no relative imports\nimport { type Options, getRoutes } from './getRoutesSSR';\nimport { getServerManifest } from './getServerManifest';\nimport { type RequireContext } from './types';\n\nexport { Options };\n\nexport type RouteInfo<TRegex = string> = {\n  file: string;\n  page: string;\n  namedRegex: TRegex;\n  routeKeys: Record<string, string>;\n  permanent?: boolean;\n  methods?: string[];\n};\n\nexport type MiddlewareInfo = {\n  /**\n   * Path to the module that contains the middleware function as a default export.\n   *\n   * @example _expo/functions/+middleware.js\n   */\n  file: string;\n};\n\nexport type ExpoRoutesManifestV1<TRegex = string> = {\n  middleware?: MiddlewareInfo;\n  apiRoutes: RouteInfo<TRegex>[];\n  htmlRoutes: RouteInfo<TRegex>[];\n  notFoundRoutes: RouteInfo<TRegex>[];\n  redirects: RouteInfo<TRegex>[];\n  rewrites: RouteInfo<TRegex>[];\n};\n\nfunction createMockContextModule(map: string[] = []) {\n  const contextModule = (_key: string) => ({ default() {} });\n\n  Object.defineProperty(contextModule, 'keys', {\n    value: () => map,\n  });\n\n  return contextModule as RequireContext;\n}\n\nexport function createRoutesManifest(\n  paths: string[],\n  options: Options\n): ExpoRoutesManifestV1 | null {\n  // TODO: Drop this part for Node.js\n  const routeTree = getRoutes(createMockContextModule(paths), {\n    ...options,\n    preserveApiRoutes: true,\n    preserveRedirectAndRewrites: true,\n    ignoreRequireErrors: true,\n    ignoreEntryPoints: true,\n    platform: 'web',\n  });\n\n  if (!routeTree) {\n    return null;\n  }\n  return getServerManifest(routeTree);\n}\n"]}
+{"version":3,"file":"routes-manifest.js","sourceRoot":"","sources":["../src/routes-manifest.ts"],"names":[],"mappings":";;AA6CA,oDAkBC;AA/DD,0CAA0C;AAC1C,sBAAsB;AACtB,iDAAyD;AACzD,2DAAwD;AAgCxD,SAAS,uBAAuB,CAAC,MAAgB,EAAE;IACjD,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,KAAI,CAAC,EAAE,CAAC,CAAC;IAE3D,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE;QAC3C,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG;KACjB,CAAC,CAAC;IAEH,OAAO,aAA+B,CAAC;AACzC,CAAC;AAED,SAAgB,oBAAoB,CAClC,KAAe,EACf,OAAgB;IAEhB,mCAAmC;IACnC,MAAM,SAAS,GAAG,IAAA,wBAAS,EAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE;QAC1D,GAAG,OAAO;QACV,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,IAAI;QACjC,mBAAmB,EAAE,IAAI;QACzB,iBAAiB,EAAE,IAAI;QACvB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,IAAA,qCAAiB,EAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;AACpE,CAAC","sourcesContent":["// This file runs in Node.js environments.\n// no relative imports\nimport { type Options, getRoutes } from './getRoutesSSR';\nimport { getServerManifest } from './getServerManifest';\nimport { type RequireContext } from './types';\n\nexport { Options };\n\nexport type RouteInfo<TRegex = string> = {\n  file: string;\n  page: string;\n  namedRegex: TRegex;\n  routeKeys: Record<string, string>;\n  permanent?: boolean;\n  methods?: string[];\n};\n\nexport type MiddlewareInfo = {\n  /**\n   * Path to the module that contains the middleware function as a default export.\n   *\n   * @example _expo/functions/+middleware.js\n   */\n  file: string;\n};\n\nexport type ExpoRoutesManifestV1<TRegex = string> = {\n  middleware?: MiddlewareInfo;\n  apiRoutes: RouteInfo<TRegex>[];\n  htmlRoutes: RouteInfo<TRegex>[];\n  notFoundRoutes: RouteInfo<TRegex>[];\n  redirects: RouteInfo<TRegex>[];\n  rewrites: RouteInfo<TRegex>[];\n};\n\nfunction createMockContextModule(map: string[] = []) {\n  const contextModule = (_key: string) => ({ default() {} });\n\n  Object.defineProperty(contextModule, 'keys', {\n    value: () => map,\n  });\n\n  return contextModule as RequireContext;\n}\n\nexport function createRoutesManifest(\n  paths: string[],\n  options: Options\n): ExpoRoutesManifestV1 | null {\n  // TODO: Drop this part for Node.js\n  const routeTree = getRoutes(createMockContextModule(paths), {\n    ...options,\n    preserveApiRoutes: true,\n    preserveRedirectAndRewrites: true,\n    ignoreRequireErrors: true,\n    ignoreEntryPoints: true,\n    platform: 'web',\n  });\n\n  if (!routeTree) {\n    return null;\n  }\n  return getServerManifest(routeTree, { headers: options.headers });\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "6.0.10",
+  "version": "6.0.11",
   "description": "Expo Router is a file-based router for React Native and web applications.",
   "author": "650 Industries, Inc.",
   "license": "MIT",
@@ -138,7 +138,7 @@
     "client-only": "^0.0.1",
     "debug": "^4.3.4",
     "escape-string-regexp": "^4.0.0",
-    "expo-server": "^1.0.0",
+    "expo-server": "^1.0.1",
     "fast-deep-equal": "^3.1.3",
     "invariant": "^2.2.4",
     "nanoid": "^3.3.8",
@@ -152,5 +152,5 @@
     "use-latest-callback": "^0.2.1",
     "vaul": "^1.1.2"
   },
-  "gitHead": "73d9bc0ee4f1e28cfda349dc36ee53d16fad0c5d"
+  "gitHead": "a2c8477a3fc5744980494805ae46f20dda94c852"
 }

package/plugin/build/index.d.ts

@@ -17,6 +17,8 @@ declare const withRouter: ConfigPlugin<{
     sitemap?: boolean;
     /** Generate partial typed routes */
     partialTypedGroups?: boolean;
+    /** A list of headers that are set on every route response from the server */
+    headers: Record<string, string | string[]>;
     /** Enable experimental server middleware support with a `+middleware.ts` file. Requires `web.output: 'server'` to be set in app config. */
     unstable_useServerMiddleware?: boolean;
 } | void>;

package/plugin/options.json

@@ -136,6 +136,23 @@
             }
           }
         },
+        "headers": {
+          "description": "A list of headers that are set on every route response from the server",
+          "type": "object",
+          "additionalProperties": {
+            "oneOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
         "unstable_useServerMiddleware": {
           "description": "Enable experimental server middleware support with a `+middleware.ts` file. Requires `web.output: 'server'` to be set in app config.",
           "type": "boolean",

package/plugin/src/index.ts

@@ -37,6 +37,8 @@ const withRouter: ConfigPlugin<
     sitemap?: boolean;
     /** Generate partial typed routes */
     partialTypedGroups?: boolean;
+    /** A list of headers that are set on every route response from the server */
+    headers: Record<string, string | string[]>;
     /** Enable experimental server middleware support with a `+middleware.ts` file. Requires `web.output: 'server'` to be set in app config. */
     unstable_useServerMiddleware?: boolean;
   } | void

package/build/modal/Modal.d.ts

@@ -1,95 +0,0 @@
-import { ViewProps } from 'react-native';
-import { type ModalConfig } from './ModalContext';
-export interface ModalProps extends ViewProps {
-    /**
-     * The content of the modal.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the modal is visible or not.
-     * When set to `true`, the modal will be opened.
-     * When set to `false`, the modal will be closed.
-     */
-    visible: boolean;
-    /**
-     * Callback that is called after modal is closed.
-     * This is called when the modal is closed programmatically or when the user dismisses it.
-     */
-    onClose?: () => void;
-    /**
-     * Callback that is called after modal is shown.
-     */
-    onShow?: () => void;
-    /**
-     * The animation type for the modal.
-     * This can be one of 'none', 'slide', or 'fade'.
-     */
-    animationType?: ModalConfig['animationType'];
-    /**
-     * The presentation style for the modal.
-     * This can be one of 'fullScreen', 'pageSheet', 'formSheet', or 'overFullScreen'.
-     * - `fullScreen`: The modal covers the entire screen. When `transparent` is set to `true`, it will fallback to `overFullScreen`.
-     * - `pageSheet`: The modal is presented as a page sheet on iOS. Defaults to `fullScreen` on Android.
-     * - `formSheet`: The modal is presented as a form sheet.
-     * - `overFullScreen`: The modal is presented over the full screen, allowing interaction with the underlying content.
-     *
-     * @default 'fullScreen'
-     */
-    presentationStyle?: ModalConfig['presentationStyle'];
-    /**
-     * Whether the modal should be rendered as a transparent overlay.
-     * This will render the modal without a background, allowing the content behind it to be visible.
-     *
-     * On Android, this will fallback to `overFullScreen` presentation style.
-     */
-    transparent?: boolean;
-    /**
-     * See {@link ScreenProps["sheetAllowedDetents"]}.
-     *
-     * Describes heights where a sheet can rest.
-     * Works only when `presentation` is set to `formSheet`.
-     *
-     * Heights should be described as fraction (a number from `[0, 1]` interval) of screen height / maximum detent height.
-     * You can pass an array of ascending values each defining allowed sheet detent. iOS accepts any number of detents,
-     * while **Android is limited to three**.
-     *
-     * @default 'fitToContents'
-     */
-    detents?: ModalConfig['detents'];
-    /**
-     * Determines whether the modal should close when navigating away from the screen that opened it.
-     *
-     * If set to `true`, the modal will close when the user navigates to a different screen.
-     *
-     * If set to `false`, the modal will remain open when pushing a new screen.
-     * However, it will still close when navigating back or replacing the current screen.
-     */
-    closeOnNavigation?: boolean;
-}
-/**
- * A standalone modal component that can be used in Expo Router apps.
- * It always renders on top of the application's content.
- * Internally, the modal is rendered as a `Stack.Screen`, with the presentation style determined by the `presentationStyle` prop.
- *
- * **Props should be set before the modal is opened. Changes to the props will take effect after the modal is reopened.**
- *
- * This component is not linkable. If you need to link to a modal, use `<Stack.Screen options={{ presentationStyle: "modal" }} />` instead.
- *
- * @example
- * ```tsx
- * import { Modal } from 'expo-router';
- *
- * function Page() {
- *  const [modalVisible, setModalVisible] = useState(false);
- *  return (
- *    <Modal
- *      visible={modalVisible}
- *      onClose={() => setModalVisible(false)}
- *    >
- *      <Text>Hello World</Text>
- *    </Modal>
- *  );
- * }
- */
-export declare function Modal(props: ModalProps): null;
-//# sourceMappingURL=Modal.d.ts.map

package/build/modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAInE,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C;;;;;;;;;OASG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACrD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,QAgGtC"}

package/build/modal/Modal.js

@@ -1,116 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = Modal;
-const non_secure_1 = require("nanoid/non-secure");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const ModalContext_1 = require("./ModalContext");
-const useNavigation_1 = require("../useNavigation");
-const utils_1 = require("./utils");
-/**
- * A standalone modal component that can be used in Expo Router apps.
- * It always renders on top of the application's content.
- * Internally, the modal is rendered as a `Stack.Screen`, with the presentation style determined by the `presentationStyle` prop.
- *
- * **Props should be set before the modal is opened. Changes to the props will take effect after the modal is reopened.**
- *
- * This component is not linkable. If you need to link to a modal, use `<Stack.Screen options={{ presentationStyle: "modal" }} />` instead.
- *
- * @example
- * ```tsx
- * import { Modal } from 'expo-router';
- *
- * function Page() {
- *  const [modalVisible, setModalVisible] = useState(false);
- *  return (
- *    <Modal
- *      visible={modalVisible}
- *      onClose={() => setModalVisible(false)}
- *    >
- *      <Text>Hello World</Text>
- *    </Modal>
- *  );
- * }
- */
-function Modal(props) {
-    const { children, visible, onClose, onShow, animationType, presentationStyle, transparent, detents, closeOnNavigation, ...viewProps } = props;
-    const { openModal, updateModal, closeModal, addEventListener } = (0, ModalContext_1.useModalContext)();
-    const [currentModalId, setCurrentModalId] = (0, react_1.useState)();
-    const navigation = (0, useNavigation_1.useNavigation)();
-    (0, react_1.useEffect)(() => {
-        if (!(0, utils_1.areDetentsValid)(detents)) {
-            throw new Error(`Invalid detents provided to Modal: ${JSON.stringify(detents)}`);
-        }
-    }, [detents]);
-    (0, react_1.useEffect)(() => {
-        if (__DEV__ &&
-            presentationStyle === 'formSheet' &&
-            detents !== 'fitToContents' &&
-            process.env.EXPO_OS === 'ios' &&
-            react_native_1.StyleSheet.flatten(props.style)?.flex) {
-            console.warn(
-            // TODO: ENG-16230: Add warning link to documentation
-            'The `formSheet` presentation style does not support flex styles on iOS. Consider using a fixed height view or scroll view with `fitToContents` detent instead. See ');
-        }
-    }, [props.style, presentationStyle, detents]);
-    (0, react_1.useEffect)(() => {
-        if (visible) {
-            const newId = (0, non_secure_1.nanoid)();
-            openModal({
-                animationType,
-                presentationStyle,
-                transparent,
-                viewProps,
-                component: children,
-                uniqueId: newId,
-                parentNavigationProp: navigation,
-                detents: detents ?? (presentationStyle === 'formSheet' ? 'fitToContents' : undefined),
-            });
-            setCurrentModalId(newId);
-            return () => {
-                closeModal(newId);
-            };
-        }
-        return () => { };
-    }, [visible]);
-    (0, react_1.useEffect)(() => {
-        if (navigation.isFocused()) {
-            return navigation.addListener('blur', () => {
-                if (currentModalId && closeOnNavigation) {
-                    closeModal(currentModalId);
-                }
-            });
-        }
-        return () => { };
-    }, [navigation, closeModal, currentModalId, closeOnNavigation]);
-    (0, react_1.useEffect)(() => {
-        if (currentModalId && visible) {
-            updateModal(currentModalId, {
-                component: children,
-            });
-        }
-    }, [children]);
-    (0, react_1.useEffect)(() => {
-        if (currentModalId) {
-            const unsubscribeShow = addEventListener('show', (id) => {
-                if (id === currentModalId) {
-                    onShow?.();
-                }
-            });
-            const unsubscribeClose = addEventListener('close', (id) => {
-                if (id === currentModalId) {
-                    onClose?.();
-                    setCurrentModalId(undefined);
-                }
-            });
-            return () => {
-                unsubscribeShow();
-                unsubscribeClose();
-            };
-        }
-        return () => { };
-    }, [currentModalId, addEventListener, onClose, onShow]);
-    return null;
-}
-//# sourceMappingURL=Modal.js.map

package/build/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { type NavigationProp, type ParamListBase } from '@react-navigation/native';\nimport { nanoid } from 'nanoid/non-secure';\nimport { useEffect, useState } from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport { type ScreenProps } from 'react-native-screens';\n\nimport { useModalContext, type ModalConfig } from './ModalContext';\nimport { useNavigation } from '../useNavigation';\nimport { areDetentsValid } from './utils';\n\nexport interface ModalProps extends ViewProps {\n  /**\n   * The content of the modal.\n   */\n  children?: React.ReactNode;\n  /**\n   * Whether the modal is visible or not.\n   * When set to `true`, the modal will be opened.\n   * When set to `false`, the modal will be closed.\n   */\n  visible: boolean;\n  /**\n   * Callback that is called after modal is closed.\n   * This is called when the modal is closed programmatically or when the user dismisses it.\n   */\n  onClose?: () => void;\n  /**\n   * Callback that is called after modal is shown.\n   */\n  onShow?: () => void;\n  /**\n   * The animation type for the modal.\n   * This can be one of 'none', 'slide', or 'fade'.\n   */\n  animationType?: ModalConfig['animationType'];\n  /**\n   * The presentation style for the modal.\n   * This can be one of 'fullScreen', 'pageSheet', 'formSheet', or 'overFullScreen'.\n   * - `fullScreen`: The modal covers the entire screen. When `transparent` is set to `true`, it will fallback to `overFullScreen`.\n   * - `pageSheet`: The modal is presented as a page sheet on iOS. Defaults to `fullScreen` on Android.\n   * - `formSheet`: The modal is presented as a form sheet.\n   * - `overFullScreen`: The modal is presented over the full screen, allowing interaction with the underlying content.\n   *\n   * @default 'fullScreen'\n   */\n  presentationStyle?: ModalConfig['presentationStyle'];\n  /**\n   * Whether the modal should be rendered as a transparent overlay.\n   * This will render the modal without a background, allowing the content behind it to be visible.\n   *\n   * On Android, this will fallback to `overFullScreen` presentation style.\n   */\n  transparent?: boolean;\n  /**\n   * See {@link ScreenProps[\"sheetAllowedDetents\"]}.\n   *\n   * Describes heights where a sheet can rest.\n   * Works only when `presentation` is set to `formSheet`.\n   *\n   * Heights should be described as fraction (a number from `[0, 1]` interval) of screen height / maximum detent height.\n   * You can pass an array of ascending values each defining allowed sheet detent. iOS accepts any number of detents,\n   * while **Android is limited to three**.\n   *\n   * @default 'fitToContents'\n   */\n  detents?: ModalConfig['detents'];\n  /**\n   * Determines whether the modal should close when navigating away from the screen that opened it.\n   *\n   * If set to `true`, the modal will close when the user navigates to a different screen.\n   *\n   * If set to `false`, the modal will remain open when pushing a new screen.\n   * However, it will still close when navigating back or replacing the current screen.\n   */\n  closeOnNavigation?: boolean;\n}\n\n/**\n * A standalone modal component that can be used in Expo Router apps.\n * It always renders on top of the application's content.\n * Internally, the modal is rendered as a `Stack.Screen`, with the presentation style determined by the `presentationStyle` prop.\n *\n * **Props should be set before the modal is opened. Changes to the props will take effect after the modal is reopened.**\n *\n * This component is not linkable. If you need to link to a modal, use `<Stack.Screen options={{ presentationStyle: \"modal\" }} />` instead.\n *\n * @example\n * ```tsx\n * import { Modal } from 'expo-router';\n *\n * function Page() {\n *  const [modalVisible, setModalVisible] = useState(false);\n *  return (\n *    <Modal\n *      visible={modalVisible}\n *      onClose={() => setModalVisible(false)}\n *    >\n *      <Text>Hello World</Text>\n *    </Modal>\n *  );\n * }\n */\nexport function Modal(props: ModalProps) {\n  const {\n    children,\n    visible,\n    onClose,\n    onShow,\n    animationType,\n    presentationStyle,\n    transparent,\n    detents,\n    closeOnNavigation,\n    ...viewProps\n  } = props;\n  const { openModal, updateModal, closeModal, addEventListener } = useModalContext();\n  const [currentModalId, setCurrentModalId] = useState<string | undefined>();\n  const navigation = useNavigation<NavigationProp<ParamListBase>>();\n  useEffect(() => {\n    if (!areDetentsValid(detents)) {\n      throw new Error(`Invalid detents provided to Modal: ${JSON.stringify(detents)}`);\n    }\n  }, [detents]);\n  useEffect(() => {\n    if (\n      __DEV__ &&\n      presentationStyle === 'formSheet' &&\n      detents !== 'fitToContents' &&\n      process.env.EXPO_OS === 'ios' &&\n      StyleSheet.flatten(props.style)?.flex\n    ) {\n      console.warn(\n        // TODO: ENG-16230: Add warning link to documentation\n        'The `formSheet` presentation style does not support flex styles on iOS. Consider using a fixed height view or scroll view with `fitToContents` detent instead. See '\n      );\n    }\n  }, [props.style, presentationStyle, detents]);\n  useEffect(() => {\n    if (visible) {\n      const newId = nanoid();\n      openModal({\n        animationType,\n        presentationStyle,\n        transparent,\n        viewProps,\n        component: children,\n        uniqueId: newId,\n        parentNavigationProp: navigation,\n        detents: detents ?? (presentationStyle === 'formSheet' ? 'fitToContents' : undefined),\n      });\n      setCurrentModalId(newId);\n      return () => {\n        closeModal(newId);\n      };\n    }\n    return () => {};\n  }, [visible]);\n\n  useEffect(() => {\n    if (navigation.isFocused()) {\n      return navigation.addListener('blur', () => {\n        if (currentModalId && closeOnNavigation) {\n          closeModal(currentModalId);\n        }\n      });\n    }\n    return () => {};\n  }, [navigation, closeModal, currentModalId, closeOnNavigation]);\n\n  useEffect(() => {\n    if (currentModalId && visible) {\n      updateModal(currentModalId, {\n        component: children,\n      });\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (currentModalId) {\n      const unsubscribeShow = addEventListener('show', (id) => {\n        if (id === currentModalId) {\n          onShow?.();\n        }\n      });\n      const unsubscribeClose = addEventListener('close', (id) => {\n        if (id === currentModalId) {\n          onClose?.();\n          setCurrentModalId(undefined);\n        }\n      });\n      return () => {\n        unsubscribeShow();\n        unsubscribeClose();\n      };\n    }\n    return () => {};\n  }, [currentModalId, addEventListener, onClose, onShow]);\n  return null;\n}\n"]}

package/build/modal/ModalComponent.d.ts

@@ -1,7 +0,0 @@
-import { type ModalConfig } from './ModalContext';
-interface ModalComponentProps {
-    modalConfig: ModalConfig;
-}
-export declare function ModalComponent({ modalConfig }: ModalComponentProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=ModalComponent.d.ts.map

package/build/modal/ModalComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalComponent.d.ts","sourceRoot":"","sources":["../../src/modal/ModalComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAKlE"}

package/build/modal/ModalComponent.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalComponent = ModalComponent;
-const native_1 = require("@react-navigation/native");
-function ModalComponent({ modalConfig }) {
-    const component = modalConfig.component;
-    const navigationProp = modalConfig.parentNavigationProp;
-    return <native_1.NavigationContext value={navigationProp}>{component}</native_1.NavigationContext>;
-}
-//# sourceMappingURL=ModalComponent.js.map

package/build/modal/ModalComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalComponent.js","sourceRoot":"","sources":["../../src/modal/ModalComponent.tsx"],"names":[],"mappings":";;AAQA,wCAKC;AAbD,qDAA6D;AAQ7D,SAAgB,cAAc,CAAC,EAAE,WAAW,EAAuB;IACjE,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;IACxC,MAAM,cAAc,GAAG,WAAW,CAAC,oBAAoB,CAAC;IAExD,OAAO,CAAC,0BAAiB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,0BAAiB,CAAC,CAAC;AACnF,CAAC","sourcesContent":["import { NavigationContext } from '@react-navigation/native';\n\nimport { type ModalConfig } from './ModalContext';\n\ninterface ModalComponentProps {\n  modalConfig: ModalConfig;\n}\n\nexport function ModalComponent({ modalConfig }: ModalComponentProps) {\n  const component = modalConfig.component;\n  const navigationProp = modalConfig.parentNavigationProp;\n\n  return <NavigationContext value={navigationProp}>{component}</NavigationContext>;\n}\n"]}

package/build/modal/ModalContext.d.ts

@@ -1,15 +0,0 @@
-import { type PropsWithChildren } from 'react';
-import { type ModalConfig } from './types';
-export { type ModalConfig };
-declare const ALLOWED_EVENT_TYPE_LISTENERS: readonly ["close", "show"];
-type AllowedEventTypeListeners = (typeof ALLOWED_EVENT_TYPE_LISTENERS)[number];
-export interface ModalContextType {
-    modalConfigs: ModalConfig[];
-    openModal: (config: ModalConfig) => void;
-    updateModal: (id: string, config: Omit<Partial<ModalConfig>, 'uniqueId'>) => void;
-    closeModal: (id: string) => void;
-    addEventListener: (type: AllowedEventTypeListeners, callback: (id: string) => void) => () => void;
-}
-export declare const ModalContextProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
-export declare const useModalContext: () => ModalContextType;
-//# sourceMappingURL=ModalContext.d.ts.map

package/build/modal/ModalContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../src/modal/ModalContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,KAAK,WAAW,EAAE,CAAC;AAE5B,QAAA,MAAM,4BAA4B,4BAA6B,CAAC;AAChE,KAAK,yBAAyB,GAAG,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClF,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,EAAE,CAAC,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CACnG;AAID,eAAO,MAAM,oBAAoB,GAAI,cAAc,iBAAiB,gCA0FnE,CAAC;AAEF,eAAO,MAAM,eAAe,wBAM3B,CAAC"}