expo-router 56.2.5 → 56.2.6

package/android/build.gradle

@@ -4,13 +4,13 @@ plugins {
 }
 
 group = 'expo.modules.router'
-version = '56.2.5'
+version = '56.2.6'
 
 android {
   namespace "expo.modules.router"
   defaultConfig {
     versionCode 1
-    versionName "56.2.5"
+    versionName "56.2.6"
   }
   lintOptions {
     abortOnError false

package/build/layouts/Tabs.d.ts

@@ -1,4 +1,5 @@
 import Tabs from './TabsClient';
+export * from '../react-navigation/bottom-tabs';
 export { Tabs };
 export default Tabs;
 //# sourceMappingURL=Tabs.d.ts.map

package/build/layouts/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/layouts/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAKhC,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/layouts/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAGhC,cAAc,iCAAiC,CAAC;AAIhD,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,eAAe,IAAI,CAAC"}

package/build/layouts/Tabs.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,6 +21,7 @@ exports.Tabs = void 0;
 const TabsClient_1 = __importDefault(require("./TabsClient"));
 exports.Tabs = TabsClient_1.default;
 const Screen_1 = require("../views/Screen");
+__exportStar(require("../react-navigation/bottom-tabs"), exports);
 TabsClient_1.default.Screen = Screen_1.Screen;
 exports.default = TabsClient_1.default;
 //# sourceMappingURL=Tabs.js.map

package/build/layouts/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/layouts/Tabs.tsx"],"names":[],"mappings":";;;;;;AAAA,8DAAgC;AAKvB,eALF,oBAAI,CAKE;AAJb,4CAAyC;AAEzC,oBAAI,CAAC,MAAM,GAAG,eAAM,CAAC;AAIrB,kBAAe,oBAAI,CAAC","sourcesContent":["import Tabs from './TabsClient';\nimport { Screen } from '../views/Screen';\n\nTabs.Screen = Screen;\n\nexport { Tabs };\n\nexport default Tabs;\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/layouts/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,8DAAgC;AAOvB,eAPF,oBAAI,CAOE;AANb,4CAAyC;AAEzC,kEAAgD;AAEhD,oBAAI,CAAC,MAAM,GAAG,eAAM,CAAC;AAIrB,kBAAe,oBAAI,CAAC","sourcesContent":["import Tabs from './TabsClient';\nimport { Screen } from '../views/Screen';\n\nexport * from '../react-navigation/bottom-tabs';\n\nTabs.Screen = Screen;\n\nexport { Tabs };\n\nexport default Tabs;\n"]}

package/build/layouts/TabsClient.d.ts

@@ -3,7 +3,7 @@ import type { BottomTabNavigationEventMap, BottomTabNavigationOptions } from '..
 import type { ParamListBase, TabNavigationState } from '../react-navigation/native';
 import type { Href } from '../types';
 import { Protected } from '../views/Protected';
-declare const BottomTabNavigator: import("react").ComponentType<Omit<import("../react-navigation/bottom-tabs").BottomTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
+declare const BottomTabNavigator: import("react").ComponentType<Omit<import("./Tabs").BottomTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
     children: React.ReactNode;
     layout?: ((props: {
         state: TabNavigationState<ParamListBase>;
@@ -22,7 +22,7 @@ declare const BottomTabNavigator: import("react").ComponentType<Omit<import("../
         beforeRemove: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "beforeRemove", true>;
     }> | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
     }) => Partial<{
         tabPress: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabPress", true>;
         tabLongPress: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabLongPress", unknown>;
@@ -35,10 +35,10 @@ declare const BottomTabNavigator: import("react").ComponentType<Omit<import("../
     }>) | undefined;
     screenOptions?: BottomTabNavigationOptions | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
         theme: ReactNavigation.Theme;
     }) => BottomTabNavigationOptions) | undefined;
-    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, BottomTabNavigationOptions, import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
+    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, BottomTabNavigationOptions, import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
     UNSTABLE_router?: (<Action extends Readonly<{
         type: string;
         payload?: object;
@@ -55,7 +55,7 @@ export type BottomTabNavigator = typeof BottomTabNavigator;
 type TabsProps = BottomTabNavigationOptions & {
     href?: Href | null;
 };
-declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("../react-navigation/bottom-tabs").BottomTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
+declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("./Tabs").BottomTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
     children: React.ReactNode;
     layout?: ((props: {
         state: TabNavigationState<ParamListBase>;
@@ -74,7 +74,7 @@ declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<impo
         beforeRemove: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "beforeRemove", true>;
     }> | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
     }) => Partial<{
         tabPress: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabPress", true>;
         tabLongPress: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabLongPress", unknown>;
@@ -87,10 +87,10 @@ declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<impo
     }>) | undefined;
     screenOptions?: BottomTabNavigationOptions | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
         theme: ReactNavigation.Theme;
     }) => BottomTabNavigationOptions) | undefined;
-    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, BottomTabNavigationOptions, import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
+    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, BottomTabNavigationOptions, import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
     UNSTABLE_router?: (<Action extends Readonly<{
         type: string;
         payload?: object;
@@ -102,7 +102,7 @@ declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<impo
     id?: undefined;
 } | {
     id: string;
-})), "children"> & Partial<Pick<Omit<import("../react-navigation/bottom-tabs").BottomTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
+})), "children"> & Partial<Pick<Omit<import("./Tabs").BottomTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
     children: React.ReactNode;
     layout?: ((props: {
         state: TabNavigationState<ParamListBase>;
@@ -121,7 +121,7 @@ declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<impo
         beforeRemove: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "beforeRemove", true>;
     }> | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
     }) => Partial<{
         tabPress: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabPress", true>;
         tabLongPress: import("../react-navigation").EventListenerCallback<BottomTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabLongPress", unknown>;
@@ -134,10 +134,10 @@ declare const ExpoTabs: import("react").ForwardRefExoticComponent<Omit<Omit<impo
     }>) | undefined;
     screenOptions?: BottomTabNavigationOptions | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>;
         theme: ReactNavigation.Theme;
     }) => BottomTabNavigationOptions) | undefined;
-    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, BottomTabNavigationOptions, import("../react-navigation/bottom-tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
+    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, BottomTabNavigationOptions, import("./Tabs").BottomTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
     UNSTABLE_router?: (<Action extends Readonly<{
         type: string;
         payload?: object;

package/build/layouts/TopTabs.d.ts

@@ -1,4 +1,5 @@
 import TopTabs from './TopTabsClient';
 export { TopTabs };
+export * from '../react-navigation/material-top-tabs';
 export default TopTabs;
 //# sourceMappingURL=TopTabs.d.ts.map

package/build/layouts/TopTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopTabs.d.ts","sourceRoot":"","sources":["../../src/layouts/TopTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iBAAiB,CAAC;AAKtC,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"TopTabs.d.ts","sourceRoot":"","sources":["../../src/layouts/TopTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iBAAiB,CAAC;AAKtC,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,cAAc,uCAAuC,CAAC;AAEtD,eAAe,OAAO,CAAC"}

package/build/layouts/TopTabs.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,5 +22,6 @@ const TopTabsClient_1 = __importDefault(require("./TopTabsClient"));
 exports.TopTabs = TopTabsClient_1.default;
 const Screen_1 = require("../views/Screen");
 TopTabsClient_1.default.Screen = Screen_1.Screen;
+__exportStar(require("../react-navigation/material-top-tabs"), exports);
 exports.default = TopTabsClient_1.default;
 //# sourceMappingURL=TopTabs.js.map

package/build/layouts/TopTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopTabs.js","sourceRoot":"","sources":["../../src/layouts/TopTabs.tsx"],"names":[],"mappings":";;;;;;AAAA,oEAAsC;AAK7B,kBALF,uBAAO,CAKE;AAJhB,4CAAyC;AAEzC,uBAAO,CAAC,MAAM,GAAG,eAAM,CAAC;AAIxB,kBAAe,uBAAO,CAAC","sourcesContent":["import TopTabs from './TopTabsClient';\nimport { Screen } from '../views/Screen';\n\nTopTabs.Screen = Screen;\n\nexport { TopTabs };\n\nexport default TopTabs;\n"]}
+{"version":3,"file":"TopTabs.js","sourceRoot":"","sources":["../../src/layouts/TopTabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,oEAAsC;AAK7B,kBALF,uBAAO,CAKE;AAJhB,4CAAyC;AAEzC,uBAAO,CAAC,MAAM,GAAG,eAAM,CAAC;AAIxB,wEAAsD;AAEtD,kBAAe,uBAAO,CAAC","sourcesContent":["import TopTabs from './TopTabsClient';\nimport { Screen } from '../views/Screen';\n\nTopTabs.Screen = Screen;\n\nexport { TopTabs };\n\nexport * from '../react-navigation/material-top-tabs';\n\nexport default TopTabs;\n"]}

package/build/layouts/TopTabsClient.d.ts

@@ -3,7 +3,7 @@ import type { MaterialTopTabNavigationEventMap, MaterialTopTabNavigationOptions
 import type { ParamListBase, TabNavigationState } from '../react-navigation/native';
 import { Protected } from '../views/Protected';
 import { Screen } from '../views/Screen';
-declare const MaterialTopTabs: import("react").ForwardRefExoticComponent<Omit<import("..").PickPartial<Omit<import("../react-navigation/material-top-tabs").MaterialTopTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
+declare const MaterialTopTabs: import("react").ForwardRefExoticComponent<Omit<import("..").PickPartial<Omit<import("./TopTabs").MaterialTopTabNavigatorProps, "children" | "initialRouteName" | "layout" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router" | "UNSTABLE_routeNamesChangeBehavior" | "id"> & import("../react-navigation").DefaultRouterOptions<string> & ({
     children: React.ReactNode;
     layout?: ((props: {
         state: TabNavigationState<ParamListBase>;
@@ -22,7 +22,7 @@ declare const MaterialTopTabs: import("react").ForwardRefExoticComponent<Omit<im
         beforeRemove: import("../react-navigation").EventListenerCallback<MaterialTopTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "beforeRemove", true>;
     }> | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/material-top-tabs").MaterialTopTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./TopTabs").MaterialTopTabNavigationProp<ParamListBase, string, string | undefined>;
     }) => Partial<{
         tabPress: import("../react-navigation").EventListenerCallback<MaterialTopTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabPress", true>;
         tabLongPress: import("../react-navigation").EventListenerCallback<MaterialTopTabNavigationEventMap & import("../react-navigation").EventMapCore<TabNavigationState<ParamListBase>>, "tabLongPress", unknown>;
@@ -35,10 +35,10 @@ declare const MaterialTopTabs: import("react").ForwardRefExoticComponent<Omit<im
     }>) | undefined;
     screenOptions?: MaterialTopTabNavigationOptions | ((props: {
         route: import("../react-navigation").RouteProp<ParamListBase, string>;
-        navigation: import("../react-navigation/material-top-tabs").MaterialTopTabNavigationProp<ParamListBase, string, string | undefined>;
+        navigation: import("./TopTabs").MaterialTopTabNavigationProp<ParamListBase, string, string | undefined>;
         theme: ReactNavigation.Theme;
     }) => MaterialTopTabNavigationOptions) | undefined;
-    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, MaterialTopTabNavigationOptions, import("../react-navigation/material-top-tabs").MaterialTopTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
+    screenLayout?: ((props: import("../react-navigation").ScreenLayoutArgs<ParamListBase, string, MaterialTopTabNavigationOptions, import("./TopTabs").MaterialTopTabNavigationProp<ParamListBase, string, string | undefined>>) => React.ReactElement) | undefined;
     UNSTABLE_router?: (<Action extends Readonly<{
         type: string;
         payload?: object;

package/build/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native.ios.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0BlE,CAAC"}
+{"version":3,"file":"native.ios.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+BlE,CAAC"}

package/build/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.js

@@ -13,6 +13,9 @@ const native_1 = require("../../../../toolbar/native");
 const NativeToolbarButton = (props) => {
     const id = (0, react_1.useId)();
     const renderingMode = props.imageRenderingMode ?? (props.tintColor !== undefined ? 'template' : 'original');
+    if (process.env.NODE_ENV !== 'production' && props.source) {
+        console.warn('Stack.Toolbar.Button in placement="bottom" on iOS does not support image icons via the `icon` prop or <Stack.Toolbar.Icon src={...} />; the image will not render. Use the `icon` prop with a string SF Symbol name (e.g. "star.fill"), the `image` prop for a custom image, or <Stack.Toolbar.Icon xcasset="..." /> for an Xcode asset catalog image.');
+    }
     return ((0, jsx_runtime_1.jsx)(native_1.RouterToolbarItem, { accessibilityHint: props.accessibilityHint, accessibilityLabel: props.accessibilityLabel, barButtonItemStyle: props.variant === 'done' ? 'prominent' : props.variant, disabled: props.disabled, hidden: props.hidden, hidesSharedBackground: props.hidesSharedBackground, identifier: id, image: props.image, imageRenderingMode: renderingMode, onSelected: props.onPress, possibleTitles: props.possibleTitles, selected: props.selected, sharesBackground: !props.separateBackground, systemImageName: props.icon, xcassetName: props.xcassetName, title: props.label, tintColor: props.tintColor, titleStyle: react_native_1.StyleSheet.flatten(props.style) }));
 };
 exports.NativeToolbarButton = NativeToolbarButton;

package/build/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"native.ios.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA8B;AAC9B,+CAA0C;AAG1C,uDAA+D;AAE/D;;;GAGG;AACI,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,aAAa,GACjB,KAAK,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACxF,OAAO,CACL,uBAAC,0BAAiB,IAChB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,kBAAkB,EAAE,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1E,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,UAAU,EAAE,EAAE,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,kBAAkB,EAAE,aAAa,EACjC,UAAU,EAAE,KAAK,CAAC,OAAO,EACzB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,CAAC,KAAK,CAAC,kBAAkB,EAC3C,eAAe,EAAE,KAAK,CAAC,IAAI,EAC3B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,mBAAmB,uBA0B9B","sourcesContent":["'use client';\nimport { useId } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport type { NativeToolbarButtonProps } from './types';\nimport { RouterToolbarItem } from '../../../../toolbar/native';\n\n/**\n * Native toolbar button component for bottom toolbar.\n * Renders as RouterToolbarItem.\n */\nexport const NativeToolbarButton: React.FC<NativeToolbarButtonProps> = (props) => {\n  const id = useId();\n  const renderingMode =\n    props.imageRenderingMode ?? (props.tintColor !== undefined ? 'template' : 'original');\n  return (\n    <RouterToolbarItem\n      accessibilityHint={props.accessibilityHint}\n      accessibilityLabel={props.accessibilityLabel}\n      barButtonItemStyle={props.variant === 'done' ? 'prominent' : props.variant}\n      disabled={props.disabled}\n      hidden={props.hidden}\n      hidesSharedBackground={props.hidesSharedBackground}\n      identifier={id}\n      image={props.image}\n      imageRenderingMode={renderingMode}\n      onSelected={props.onPress}\n      possibleTitles={props.possibleTitles}\n      selected={props.selected}\n      sharesBackground={!props.separateBackground}\n      systemImageName={props.icon}\n      xcassetName={props.xcassetName}\n      title={props.label}\n      tintColor={props.tintColor}\n      titleStyle={StyleSheet.flatten(props.style)}\n    />\n  );\n};\n"]}
+{"version":3,"file":"native.ios.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/native.ios.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA8B;AAC9B,+CAA0C;AAG1C,uDAA+D;AAE/D;;;GAGG;AACI,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,aAAa,GACjB,KAAK,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACxF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QAC1D,OAAO,CAAC,IAAI,CACV,wVAAwV,CACzV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,uBAAC,0BAAiB,IAChB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,kBAAkB,EAAE,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1E,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,UAAU,EAAE,EAAE,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,kBAAkB,EAAE,aAAa,EACjC,UAAU,EAAE,KAAK,CAAC,OAAO,EACzB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,CAAC,KAAK,CAAC,kBAAkB,EAC3C,eAAe,EAAE,KAAK,CAAC,IAAI,EAC3B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,mBAAmB,uBA+B9B","sourcesContent":["'use client';\nimport { useId } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport type { NativeToolbarButtonProps } from './types';\nimport { RouterToolbarItem } from '../../../../toolbar/native';\n\n/**\n * Native toolbar button component for bottom toolbar.\n * Renders as RouterToolbarItem.\n */\nexport const NativeToolbarButton: React.FC<NativeToolbarButtonProps> = (props) => {\n  const id = useId();\n  const renderingMode =\n    props.imageRenderingMode ?? (props.tintColor !== undefined ? 'template' : 'original');\n  if (process.env.NODE_ENV !== 'production' && props.source) {\n    console.warn(\n      'Stack.Toolbar.Button in placement=\"bottom\" on iOS does not support image icons via the `icon` prop or <Stack.Toolbar.Icon src={...} />; the image will not render. Use the `icon` prop with a string SF Symbol name (e.g. \"star.fill\"), the `image` prop for a custom image, or <Stack.Toolbar.Icon xcasset=\"...\" /> for an Xcode asset catalog image.'\n    );\n  }\n  return (\n    <RouterToolbarItem\n      accessibilityHint={props.accessibilityHint}\n      accessibilityLabel={props.accessibilityLabel}\n      barButtonItemStyle={props.variant === 'done' ? 'prominent' : props.variant}\n      disabled={props.disabled}\n      hidden={props.hidden}\n      hidesSharedBackground={props.hidesSharedBackground}\n      identifier={id}\n      image={props.image}\n      imageRenderingMode={renderingMode}\n      onSelected={props.onPress}\n      possibleTitles={props.possibleTitles}\n      selected={props.selected}\n      sharesBackground={!props.separateBackground}\n      systemImageName={props.icon}\n      xcassetName={props.xcassetName}\n      title={props.label}\n      tintColor={props.tintColor}\n      titleStyle={StyleSheet.flatten(props.style)}\n    />\n  );\n};\n"]}

package/build/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native.ios.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqD9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,uBAAiB,CAAC"}
+{"version":3,"file":"native.ios.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2D9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,uBAAiB,CAAC"}

package/build/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.js

@@ -11,10 +11,13 @@ const native_1 = require("../../../../link/preview/native");
  * Native toolbar menu component for bottom toolbar.
  * Renders as NativeLinkPreviewAction.
  */
-const NativeToolbarMenu = ({ accessibilityHint, accessibilityLabel, separateBackground, hidesSharedBackground, palette, inline, hidden, subtitle, title, label, destructive, children, icon, xcassetName, image, imageRenderingMode, tintColor, variant, style, elementSize, }) => {
+const NativeToolbarMenu = ({ accessibilityHint, accessibilityLabel, separateBackground, hidesSharedBackground, palette, inline, hidden, subtitle, title, label, destructive, children, icon, source, xcassetName, image, imageRenderingMode, tintColor, variant, style, elementSize, }) => {
     const identifier = (0, react_1.useId)();
     const titleStyle = react_native_1.StyleSheet.flatten(style);
     const renderingMode = imageRenderingMode ?? (tintColor !== undefined ? 'template' : 'original');
+    if (process.env.NODE_ENV !== 'production' && source) {
+        console.warn('Stack.Toolbar.Menu in placement="bottom" on iOS does not support image icons via the `icon` prop or <Stack.Toolbar.Icon src={...} />; the image will not render. Use the `icon` prop with a string SF Symbol name (e.g. "star.fill"), the `image` prop for a custom image, or <Stack.Toolbar.Icon xcasset="..." /> for an Xcode asset catalog image.');
+    }
     return ((0, jsx_runtime_1.jsx)(native_1.NativeLinkPreviewAction, { sharesBackground: !separateBackground, hidesSharedBackground: hidesSharedBackground, hidden: hidden, icon: icon, xcassetName: xcassetName, 
         // TODO(@ubax): Handle image loading using useImage in a follow-up PR.
         image: image, imageRenderingMode: renderingMode, destructive: destructive, subtitle: subtitle, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint, displayAsPalette: palette, displayInline: inline, preferredElementSize: elementSize, tintColor: tintColor, titleStyle: titleStyle, barButtonItemStyle: variant === 'done' ? 'prominent' : variant, title: title ?? '', label: label, onSelected: () => { }, children: children, identifier: identifier }));

package/build/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"native.ios.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA8B;AAC9B,+CAA0C;AAG1C,wDAA2D;AAC3D,4DAA0E;AAE1E;;;GAGG;AACI,MAAM,iBAAiB,GAAqC,CAAC,EAClE,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,KAAK,EACL,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAE3B,MAAM,UAAU,GAAG,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,kBAAkB,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAChG,OAAO,CACL,uBAAC,gCAAuB,IACtB,gBAAgB,EAAE,CAAC,kBAAkB,EACrC,qBAAqB,EAAE,qBAAqB,EAC5C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW;QACxB,sEAAsE;QACtE,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,aAAa,EACjC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,OAAO,EACzB,aAAa,EAAE,MAAM,EACrB,oBAAoB,EAAE,WAAW,EACjC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EAC9D,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,iBAAiB,qBAqD5B;AAEF;;GAEG;AACU,QAAA,uBAAuB,GAAG,yBAAc,CAAC","sourcesContent":["'use client';\nimport { useId } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport type { NativeToolbarMenuProps } from './types';\nimport { LinkMenuAction } from '../../../../link/elements';\nimport { NativeLinkPreviewAction } from '../../../../link/preview/native';\n\n/**\n * Native toolbar menu component for bottom toolbar.\n * Renders as NativeLinkPreviewAction.\n */\nexport const NativeToolbarMenu: React.FC<NativeToolbarMenuProps> = ({\n  accessibilityHint,\n  accessibilityLabel,\n  separateBackground,\n  hidesSharedBackground,\n  palette,\n  inline,\n  hidden,\n  subtitle,\n  title,\n  label,\n  destructive,\n  children,\n  icon,\n  xcassetName,\n  image,\n  imageRenderingMode,\n  tintColor,\n  variant,\n  style,\n  elementSize,\n}) => {\n  const identifier = useId();\n\n  const titleStyle = StyleSheet.flatten(style);\n  const renderingMode = imageRenderingMode ?? (tintColor !== undefined ? 'template' : 'original');\n  return (\n    <NativeLinkPreviewAction\n      sharesBackground={!separateBackground}\n      hidesSharedBackground={hidesSharedBackground}\n      hidden={hidden}\n      icon={icon}\n      xcassetName={xcassetName}\n      // TODO(@ubax): Handle image loading using useImage in a follow-up PR.\n      image={image}\n      imageRenderingMode={renderingMode}\n      destructive={destructive}\n      subtitle={subtitle}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      displayAsPalette={palette}\n      displayInline={inline}\n      preferredElementSize={elementSize}\n      tintColor={tintColor}\n      titleStyle={titleStyle}\n      barButtonItemStyle={variant === 'done' ? 'prominent' : variant}\n      title={title ?? ''}\n      label={label}\n      onSelected={() => {}}\n      children={children}\n      identifier={identifier}\n    />\n  );\n};\n\n/**\n * Native toolbar menu action - reuses LinkMenuAction.\n */\nexport const NativeToolbarMenuAction = LinkMenuAction;\n"]}
+{"version":3,"file":"native.ios.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/native.ios.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA8B;AAC9B,+CAA0C;AAG1C,wDAA2D;AAC3D,4DAA0E;AAE1E;;;GAGG;AACI,MAAM,iBAAiB,GAAqC,CAAC,EAClE,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,KAAK,EACL,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAE3B,MAAM,UAAU,GAAG,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,kBAAkB,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAChG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,MAAM,EAAE,CAAC;QACpD,OAAO,CAAC,IAAI,CACV,sVAAsV,CACvV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,uBAAC,gCAAuB,IACtB,gBAAgB,EAAE,CAAC,kBAAkB,EACrC,qBAAqB,EAAE,qBAAqB,EAC5C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW;QACxB,sEAAsE;QACtE,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,aAAa,EACjC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,OAAO,EACzB,aAAa,EAAE,MAAM,EACrB,oBAAoB,EAAE,WAAW,EACjC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EAC9D,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,iBAAiB,qBA2D5B;AAEF;;GAEG;AACU,QAAA,uBAAuB,GAAG,yBAAc,CAAC","sourcesContent":["'use client';\nimport { useId } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport type { NativeToolbarMenuProps } from './types';\nimport { LinkMenuAction } from '../../../../link/elements';\nimport { NativeLinkPreviewAction } from '../../../../link/preview/native';\n\n/**\n * Native toolbar menu component for bottom toolbar.\n * Renders as NativeLinkPreviewAction.\n */\nexport const NativeToolbarMenu: React.FC<NativeToolbarMenuProps> = ({\n  accessibilityHint,\n  accessibilityLabel,\n  separateBackground,\n  hidesSharedBackground,\n  palette,\n  inline,\n  hidden,\n  subtitle,\n  title,\n  label,\n  destructive,\n  children,\n  icon,\n  source,\n  xcassetName,\n  image,\n  imageRenderingMode,\n  tintColor,\n  variant,\n  style,\n  elementSize,\n}) => {\n  const identifier = useId();\n\n  const titleStyle = StyleSheet.flatten(style);\n  const renderingMode = imageRenderingMode ?? (tintColor !== undefined ? 'template' : 'original');\n  if (process.env.NODE_ENV !== 'production' && source) {\n    console.warn(\n      'Stack.Toolbar.Menu in placement=\"bottom\" on iOS does not support image icons via the `icon` prop or <Stack.Toolbar.Icon src={...} />; the image will not render. Use the `icon` prop with a string SF Symbol name (e.g. \"star.fill\"), the `image` prop for a custom image, or <Stack.Toolbar.Icon xcasset=\"...\" /> for an Xcode asset catalog image.'\n    );\n  }\n  return (\n    <NativeLinkPreviewAction\n      sharesBackground={!separateBackground}\n      hidesSharedBackground={hidesSharedBackground}\n      hidden={hidden}\n      icon={icon}\n      xcassetName={xcassetName}\n      // TODO(@ubax): Handle image loading using useImage in a follow-up PR.\n      image={image}\n      imageRenderingMode={renderingMode}\n      destructive={destructive}\n      subtitle={subtitle}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      displayAsPalette={palette}\n      displayInline={inline}\n      preferredElementSize={elementSize}\n      tintColor={tintColor}\n      titleStyle={titleStyle}\n      barButtonItemStyle={variant === 'done' ? 'prominent' : variant}\n      title={title ?? ''}\n      label={label}\n      onSelected={() => {}}\n      children={children}\n      identifier={identifier}\n    />\n  );\n};\n\n/**\n * Native toolbar menu action - reuses LinkMenuAction.\n */\nexport const NativeToolbarMenuAction = LinkMenuAction;\n"]}

package/build/native-tabs/NativeBottomTabsNavigator.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { InternalNativeTabsProps, NativeTabsProps } from './types';
 export declare const NativeTabsContext: React.Context<boolean>;
-export declare function NativeTabsNavigator({ children, backBehavior, labelStyle, iconColor, blurEffect, backgroundColor, badgeBackgroundColor, indicatorColor, badgeTextColor, shadowColor, screenListeners, ...rest }: InternalNativeTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function NativeTabsNavigator({ children, backBehavior, labelStyle, iconColor, blurEffect, backgroundColor, badgeBackgroundColor, indicatorColor, badgeTextColor, shadowColor, rippleColor, disableIndicator, labelVisibilityMode, screenListeners, ...rest }: InternalNativeTabsProps): import("react/jsx-runtime").JSX.Element;
 export declare function NativeTabsNavigatorWrapper(props: NativeTabsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NativeBottomTabsNavigator.d.ts.map

package/build/native-tabs/NativeBottomTabsNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeBottomTabsNavigator.d.ts","sourceRoot":"","sources":["../../src/native-tabs/NativeBottomTabsNavigator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAKjE,OAAO,KAAK,EACV,uBAAuB,EAGvB,eAAe,EAGhB,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,iBAAiB,wBAAsC,CAAC;AAErE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAkC,EAClC,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,WAAW,EACX,eAAe,EACf,GAAG,IAAI,EACR,EAAE,uBAAuB,2CA4HzB;AAWD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,eAAe,2CAiBhE"}
+{"version":3,"file":"NativeBottomTabsNavigator.d.ts","sourceRoot":"","sources":["../../src/native-tabs/NativeBottomTabsNavigator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAKjE,OAAO,KAAK,EACV,uBAAuB,EAGvB,eAAe,EAGhB,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,iBAAiB,wBAAsC,CAAC;AAErE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAkC,EAClC,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAgIzB;AAWD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,eAAe,2CAiBhE"}

package/build/native-tabs/NativeBottomTabsNavigator.js

@@ -51,7 +51,7 @@ const children_1 = require("../utils/children");
 // In Jetpack Compose, the default back behavior is to go back to the initial route.
 const defaultBackBehavior = 'initialRoute';
 exports.NativeTabsContext = react_2.default.createContext(false);
-function NativeTabsNavigator({ children, backBehavior = defaultBackBehavior, labelStyle, iconColor, blurEffect, backgroundColor, badgeBackgroundColor, indicatorColor, badgeTextColor, shadowColor, screenListeners, ...rest }) {
+function NativeTabsNavigator({ children, backBehavior = defaultBackBehavior, labelStyle, iconColor, blurEffect, backgroundColor, badgeBackgroundColor, indicatorColor, badgeTextColor, shadowColor, rippleColor, disableIndicator, labelVisibilityMode, screenListeners, ...rest }) {
     if ((0, react_2.use)(exports.NativeTabsContext)) {
         throw new Error('Nesting Native Tabs inside each other is not supported natively. Use JS tabs for nesting instead.');
     }
@@ -81,6 +81,10 @@ function NativeTabsNavigator({ children, backBehavior = defaultBackBehavior, lab
             indicatorColor,
             badgeTextColor,
             shadowColor,
+            rippleColor,
+            disableIndicator,
+            labelVisibilityMode,
+            tintColor: rest.tintColor,
         },
     });
     const { routes } = state;

package/build/native-tabs/NativeBottomTabsNavigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeBottomTabsNavigator.js","sourceRoot":"","sources":["../../src/native-tabs/NativeBottomTabsNavigator.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { use, useCallback, useMemo, useRef } from 'react';\n\nimport { NativeBottomTabsRouter } from './NativeBottomTabsRouter';\nimport { NativeTabTrigger } from './NativeTabTrigger';\nimport { NativeTabsView } from './NativeTabsView';\nimport type {\n  InternalNativeTabsProps,\n  NativeTabNavigationEventMap,\n  NativeTabOptions,\n  NativeTabsProps,\n  NativeTabsViewTabItem,\n  OnTabChangeEventPayload,\n} from './types';\nimport { convertIconColorPropToObject, convertLabelStylePropToObject } from './utils';\nimport { withLayoutContext } from '../layouts/withLayoutContext';\nimport { getPathFromState } from '../link/linking';\nimport type {\n  ParamListBase,\n  TabNavigationState,\n  TabRouterOptions,\n} from '../react-navigation/native';\nimport { createNavigatorFactory, useNavigationBuilder } from '../react-navigation/native';\nimport { getAllChildrenNotOfType, getAllChildrenOfType } from '../utils/children';\n\n// In Jetpack Compose, the default back behavior is to go back to the initial route.\nconst defaultBackBehavior = 'initialRoute';\nexport const NativeTabsContext = React.createContext<boolean>(false);\n\nexport function NativeTabsNavigator({\n  children,\n  backBehavior = defaultBackBehavior,\n  labelStyle,\n  iconColor,\n  blurEffect,\n  backgroundColor,\n  badgeBackgroundColor,\n  indicatorColor,\n  badgeTextColor,\n  shadowColor,\n  screenListeners,\n  ...rest\n}: InternalNativeTabsProps) {\n  if (use(NativeTabsContext)) {\n    throw new Error(\n      'Nesting Native Tabs inside each other is not supported natively. Use JS tabs for nesting instead.'\n    );\n  }\n\n  const processedLabelStyle = convertLabelStylePropToObject(labelStyle);\n  const processedIconColor = convertIconColorPropToObject(iconColor);\n\n  const selectedLabelStyle = processedLabelStyle.selected\n    ? {\n        ...processedLabelStyle.selected,\n        color: processedLabelStyle.selected.color ?? rest.tintColor,\n      }\n    : rest.tintColor\n      ? { color: rest.tintColor }\n      : undefined;\n\n  const { state, descriptors, navigation, NavigationContent } = useNavigationBuilder<\n    TabNavigationState<ParamListBase>,\n    TabRouterOptions,\n    Record<string, (...args: unknown[]) => void>,\n    NativeTabOptions,\n    NativeTabNavigationEventMap\n  >(NativeBottomTabsRouter, {\n    children,\n    backBehavior,\n    screenListeners,\n    screenOptions: {\n      disableTransparentOnScrollEdge: rest.disableTransparentOnScrollEdge,\n      labelStyle: processedLabelStyle.default,\n      selectedLabelStyle,\n      iconColor: processedIconColor.default,\n      selectedIconColor: processedIconColor.selected ?? rest.tintColor,\n      blurEffect,\n      backgroundColor,\n      badgeBackgroundColor,\n      indicatorColor,\n      badgeTextColor,\n      shadowColor,\n    },\n  });\n\n  const { routes } = state;\n\n  const visibleTabs = useMemo(\n    () =>\n      routes\n        // The <NativeTab.Trigger> always sets `hidden` to defined boolean value.\n        // If it is not defined, then it was not specified, and we should hide the tab.\n        .filter((route) => descriptors[route.key]!.options?.hidden !== true)\n        .map(\n          (route): NativeTabsViewTabItem => ({\n            options: descriptors[route.key]!.options,\n            routeKey: route.key,\n            name: route.name,\n            contentRenderer: () => descriptors[route.key]!.render(),\n          })\n        ),\n    [routes, descriptors]\n  );\n  const visibleFocusedTabIndex = useMemo(\n    () => visibleTabs.findIndex((tab) => tab.routeKey === routes[state.index]!.key),\n    [visibleTabs, routes, state.index]\n  );\n  const visibleTabsKeys = useMemo(\n    () => visibleTabs.map((tab) => tab.routeKey).join(';'),\n    [visibleTabs]\n  );\n\n  if (visibleFocusedTabIndex < 0) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        `The focused tab in NativeTabsView cannot be displayed. Make sure path is correct and the route is not hidden. Path: \"${getPathFromState(state)}\"`\n      );\n    }\n  }\n  const focusedIndex = visibleFocusedTabIndex >= 0 ? visibleFocusedTabIndex : 0;\n  const provenanceRef = useRef(0);\n\n  const onTabChange = useCallback(\n    ({ selectedKey, provenance, isNativeAction }: OnTabChangeEventPayload) => {\n      // We should always send the last provenance we got from native side\n      provenanceRef.current = provenance;\n\n      if (isNativeAction) {\n        const { route } = descriptors[selectedKey]!;\n        navigation.emit({\n          type: 'tabPress',\n          target: selectedKey,\n          data: {\n            __internalTabsType: 'native',\n          },\n        });\n        navigation.dispatch({\n          type: 'JUMP_TO',\n          target: state.key,\n          payload: {\n            name: route.name,\n          },\n        });\n      }\n    },\n    [descriptors, navigation, state.key]\n  );\n\n  return (\n    <NavigationContent>\n      <NativeTabsContext value>\n        <NativeTabsView\n          {...rest}\n          key={visibleTabsKeys}\n          focusedIndex={focusedIndex}\n          // Provenance should only be sent with updates, and updates\n          // on JS side are only triggered by rerender, so passing ref\n          // here is ok.\n          provenance={provenanceRef.current}\n          tabs={visibleTabs}\n          onTabChange={onTabChange}\n        />\n      </NativeTabsContext>\n    </NavigationContent>\n  );\n}\n\nconst createNativeTabNavigator = createNavigatorFactory(NativeTabsNavigator);\n\nconst NativeTabsNavigatorWithContext = withLayoutContext<\n  NativeTabOptions,\n  typeof NativeTabsNavigator,\n  TabNavigationState<ParamListBase>,\n  NativeTabNavigationEventMap\n>(createNativeTabNavigator().Navigator, undefined, true);\n\nexport function NativeTabsNavigatorWrapper(props: NativeTabsProps) {\n  const triggerChildren = useMemo(\n    () => getAllChildrenOfType(props.children, NativeTabTrigger),\n    [props.children]\n  );\n  const nonTriggerChildren = useMemo(\n    () => getAllChildrenNotOfType(props.children, NativeTabTrigger),\n    [props.children]\n  );\n\n  return (\n    <NativeTabsNavigatorWithContext\n      {...props}\n      children={triggerChildren}\n      nonTriggerChildren={nonTriggerChildren}\n    />\n  );\n}\n"]}
+{"version":3,"file":"NativeBottomTabsNavigator.js","sourceRoot":"","sources":["../../src/native-tabs/NativeBottomTabsNavigator.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { use, useCallback, useMemo, useRef } from 'react';\n\nimport { NativeBottomTabsRouter } from './NativeBottomTabsRouter';\nimport { NativeTabTrigger } from './NativeTabTrigger';\nimport { NativeTabsView } from './NativeTabsView';\nimport type {\n  InternalNativeTabsProps,\n  NativeTabNavigationEventMap,\n  NativeTabOptions,\n  NativeTabsProps,\n  NativeTabsViewTabItem,\n  OnTabChangeEventPayload,\n} from './types';\nimport { convertIconColorPropToObject, convertLabelStylePropToObject } from './utils';\nimport { withLayoutContext } from '../layouts/withLayoutContext';\nimport { getPathFromState } from '../link/linking';\nimport type {\n  ParamListBase,\n  TabNavigationState,\n  TabRouterOptions,\n} from '../react-navigation/native';\nimport { createNavigatorFactory, useNavigationBuilder } from '../react-navigation/native';\nimport { getAllChildrenNotOfType, getAllChildrenOfType } from '../utils/children';\n\n// In Jetpack Compose, the default back behavior is to go back to the initial route.\nconst defaultBackBehavior = 'initialRoute';\nexport const NativeTabsContext = React.createContext<boolean>(false);\n\nexport function NativeTabsNavigator({\n  children,\n  backBehavior = defaultBackBehavior,\n  labelStyle,\n  iconColor,\n  blurEffect,\n  backgroundColor,\n  badgeBackgroundColor,\n  indicatorColor,\n  badgeTextColor,\n  shadowColor,\n  rippleColor,\n  disableIndicator,\n  labelVisibilityMode,\n  screenListeners,\n  ...rest\n}: InternalNativeTabsProps) {\n  if (use(NativeTabsContext)) {\n    throw new Error(\n      'Nesting Native Tabs inside each other is not supported natively. Use JS tabs for nesting instead.'\n    );\n  }\n\n  const processedLabelStyle = convertLabelStylePropToObject(labelStyle);\n  const processedIconColor = convertIconColorPropToObject(iconColor);\n\n  const selectedLabelStyle = processedLabelStyle.selected\n    ? {\n        ...processedLabelStyle.selected,\n        color: processedLabelStyle.selected.color ?? rest.tintColor,\n      }\n    : rest.tintColor\n      ? { color: rest.tintColor }\n      : undefined;\n\n  const { state, descriptors, navigation, NavigationContent } = useNavigationBuilder<\n    TabNavigationState<ParamListBase>,\n    TabRouterOptions,\n    Record<string, (...args: unknown[]) => void>,\n    NativeTabOptions,\n    NativeTabNavigationEventMap\n  >(NativeBottomTabsRouter, {\n    children,\n    backBehavior,\n    screenListeners,\n    screenOptions: {\n      disableTransparentOnScrollEdge: rest.disableTransparentOnScrollEdge,\n      labelStyle: processedLabelStyle.default,\n      selectedLabelStyle,\n      iconColor: processedIconColor.default,\n      selectedIconColor: processedIconColor.selected ?? rest.tintColor,\n      blurEffect,\n      backgroundColor,\n      badgeBackgroundColor,\n      indicatorColor,\n      badgeTextColor,\n      shadowColor,\n      rippleColor,\n      disableIndicator,\n      labelVisibilityMode,\n      tintColor: rest.tintColor,\n    },\n  });\n\n  const { routes } = state;\n\n  const visibleTabs = useMemo(\n    () =>\n      routes\n        // The <NativeTab.Trigger> always sets `hidden` to defined boolean value.\n        // If it is not defined, then it was not specified, and we should hide the tab.\n        .filter((route) => descriptors[route.key]!.options?.hidden !== true)\n        .map(\n          (route): NativeTabsViewTabItem => ({\n            options: descriptors[route.key]!.options,\n            routeKey: route.key,\n            name: route.name,\n            contentRenderer: () => descriptors[route.key]!.render(),\n          })\n        ),\n    [routes, descriptors]\n  );\n  const visibleFocusedTabIndex = useMemo(\n    () => visibleTabs.findIndex((tab) => tab.routeKey === routes[state.index]!.key),\n    [visibleTabs, routes, state.index]\n  );\n  const visibleTabsKeys = useMemo(\n    () => visibleTabs.map((tab) => tab.routeKey).join(';'),\n    [visibleTabs]\n  );\n\n  if (visibleFocusedTabIndex < 0) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        `The focused tab in NativeTabsView cannot be displayed. Make sure path is correct and the route is not hidden. Path: \"${getPathFromState(state)}\"`\n      );\n    }\n  }\n  const focusedIndex = visibleFocusedTabIndex >= 0 ? visibleFocusedTabIndex : 0;\n  const provenanceRef = useRef(0);\n\n  const onTabChange = useCallback(\n    ({ selectedKey, provenance, isNativeAction }: OnTabChangeEventPayload) => {\n      // We should always send the last provenance we got from native side\n      provenanceRef.current = provenance;\n\n      if (isNativeAction) {\n        const { route } = descriptors[selectedKey]!;\n        navigation.emit({\n          type: 'tabPress',\n          target: selectedKey,\n          data: {\n            __internalTabsType: 'native',\n          },\n        });\n        navigation.dispatch({\n          type: 'JUMP_TO',\n          target: state.key,\n          payload: {\n            name: route.name,\n          },\n        });\n      }\n    },\n    [descriptors, navigation, state.key]\n  );\n\n  return (\n    <NavigationContent>\n      <NativeTabsContext value>\n        <NativeTabsView\n          {...rest}\n          key={visibleTabsKeys}\n          focusedIndex={focusedIndex}\n          // Provenance should only be sent with updates, and updates\n          // on JS side are only triggered by rerender, so passing ref\n          // here is ok.\n          provenance={provenanceRef.current}\n          tabs={visibleTabs}\n          onTabChange={onTabChange}\n        />\n      </NativeTabsContext>\n    </NavigationContent>\n  );\n}\n\nconst createNativeTabNavigator = createNavigatorFactory(NativeTabsNavigator);\n\nconst NativeTabsNavigatorWithContext = withLayoutContext<\n  NativeTabOptions,\n  typeof NativeTabsNavigator,\n  TabNavigationState<ParamListBase>,\n  NativeTabNavigationEventMap\n>(createNativeTabNavigator().Navigator, undefined, true);\n\nexport function NativeTabsNavigatorWrapper(props: NativeTabsProps) {\n  const triggerChildren = useMemo(\n    () => getAllChildrenOfType(props.children, NativeTabTrigger),\n    [props.children]\n  );\n  const nonTriggerChildren = useMemo(\n    () => getAllChildrenNotOfType(props.children, NativeTabTrigger),\n    [props.children]\n  );\n\n  return (\n    <NativeTabsNavigatorWithContext\n      {...props}\n      children={triggerChildren}\n      nonTriggerChildren={nonTriggerChildren}\n    />\n  );\n}\n"]}

package/build/native-tabs/NativeTabTrigger.d.ts

@@ -44,7 +44,7 @@ export declare const NativeTabTrigger: typeof NativeTabTriggerImpl & {
     Badge: import("react").FC<NativeTabsTriggerBadgeProps>;
     VectorIcon: typeof import("..").VectorIcon;
 };
-export declare function convertTabPropsToOptions({ hidden, children, role, disablePopToTop, disableScrollToTop, unstable_nativeProps, disableAutomaticContentInsets, contentStyle, disableTransparentOnScrollEdge, disabled, }: NativeTabTriggerProps, isDynamic?: boolean): NativeTabOptions;
+export declare function convertTabPropsToOptions({ hidden, children, role, disablePopToTop, disableScrollToTop, unstable_nativeProps, disableAutomaticContentInsets, contentStyle, disableTransparentOnScrollEdge, disabled, rippleColor, indicatorColor, disableIndicator, labelVisibilityMode, }: NativeTabTriggerProps, isDynamic?: boolean): NativeTabOptions;
 export declare function isNativeTabTrigger(child: ReactNode, contextKey?: string): child is ReactElement<NativeTabTriggerProps & {
     name: string;
 }>;

package/build/native-tabs/NativeTabTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeTabTrigger.d.ts","sourceRoot":"","sources":["../../src/native-tabs/NativeTabTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvE,OAAO,EAKL,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EACjC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,QAuBzD;AAED,eAAO,MAAM,gBAAgB;;;;;CAK3B,CAAC;AAEH,wBAAgB,wBAAwB,CACtC,EACE,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,6BAA6B,EAC7B,YAAY,EACZ,8BAA8B,EAC9B,QAAQ,GACT,EAAE,qBAAqB,EACxB,SAAS,GAAE,OAAe,oBAyC3B;AAyBD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,SAAS,EAChB,UAAU,CAAC,EAAE,MAAM,GAClB,KAAK,IAAI,YAAY,CAAC,qBAAqB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAoBjE"}
+{"version":3,"file":"NativeTabTrigger.d.ts","sourceRoot":"","sources":["../../src/native-tabs/NativeTabTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvE,OAAO,EAKL,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EACjC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,QAuBzD;AAED,eAAO,MAAM,gBAAgB;;;;;CAK3B,CAAC;AAEH,wBAAgB,wBAAwB,CACtC,EACE,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,6BAA6B,EAC7B,YAAY,EACZ,8BAA8B,EAC9B,QAAQ,EACR,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,mBAAmB,GACpB,EAAE,qBAAqB,EACxB,SAAS,GAAE,OAAe,oBAiD3B;AAyBD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,SAAS,EAChB,UAAU,CAAC,EAAE,MAAM,GAClB,KAAK,IAAI,YAAY,CAAC,qBAAqB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAoBjE"}

package/build/native-tabs/NativeTabTrigger.js

@@ -72,12 +72,16 @@ exports.NativeTabTrigger = Object.assign(NativeTabTriggerImpl, {
     Badge: elements_1.NativeTabsTriggerBadge,
     VectorIcon: elements_1.NativeTabsTriggerVectorIcon,
 });
-function convertTabPropsToOptions({ hidden, children, role, disablePopToTop, disableScrollToTop, unstable_nativeProps, disableAutomaticContentInsets, contentStyle, disableTransparentOnScrollEdge, disabled, }, isDynamic = false) {
+function convertTabPropsToOptions({ hidden, children, role, disablePopToTop, disableScrollToTop, unstable_nativeProps, disableAutomaticContentInsets, contentStyle, disableTransparentOnScrollEdge, disabled, rippleColor, indicatorColor, disableIndicator, labelVisibilityMode, }, isDynamic = false) {
     const initialOptions = isDynamic
         ? {
             ...(unstable_nativeProps ? { nativeProps: unstable_nativeProps } : {}),
             ...(disableTransparentOnScrollEdge !== undefined ? { disableTransparentOnScrollEdge } : {}),
             ...(disabled !== undefined ? { disabled } : {}),
+            ...(rippleColor !== undefined ? { rippleColor } : {}),
+            ...(indicatorColor !== undefined ? { indicatorColor } : {}),
+            ...(disableIndicator !== undefined ? { disableIndicator } : {}),
+            ...(labelVisibilityMode !== undefined ? { labelVisibilityMode } : {}),
         }
         : {
             hidden: !!hidden,
@@ -93,6 +97,10 @@ function convertTabPropsToOptions({ hidden, children, role, disablePopToTop, dis
             disableAutomaticContentInsets,
             ...(disableTransparentOnScrollEdge !== undefined ? { disableTransparentOnScrollEdge } : {}),
             ...(disabled !== undefined ? { disabled } : {}),
+            ...(rippleColor !== undefined ? { rippleColor } : {}),
+            ...(indicatorColor !== undefined ? { indicatorColor } : {}),
+            ...(disableIndicator !== undefined ? { disableIndicator } : {}),
+            ...(labelVisibilityMode !== undefined ? { labelVisibilityMode } : {}),
         };
     const allowedChildren = (0, children_1.filterAllowedChildrenElements)(children, [
         elements_1.NativeTabsTriggerBadge,

package/build/native-tabs/NativeTabTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeTabTrigger.js","sourceRoot":"","sources":["../../src/native-tabs/NativeTabTrigger.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, type ReactElement, type ReactNode } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useNavigation, useRoute } from '../react-navigation/native';\nimport {\n  NativeTabsTriggerIcon,\n  NativeTabsTriggerBadge,\n  NativeTabsTriggerLabel,\n  NativeTabsTriggerVectorIcon,\n  type NativeTabsTriggerBadgeProps,\n  type NativeTabsTriggerLabelProps,\n} from './common/elements';\nimport type { NativeTabOptions, NativeTabTriggerProps } from './types';\nimport { appendIconOptions } from './utils/optionsIconConverter';\nimport { useIsPreview } from '../link/preview/PreviewRouteContext';\nimport { useFocusEffect } from '../useFocusEffect';\nimport { filterAllowedChildrenElements, isChildOfType } from '../utils/children';\n\n/**\n * The component used to customize the native tab options both in the _layout file and from the tab screen.\n *\n * When used in the _layout file, you need to provide a `name` prop.\n * When used in the tab screen, the `name` prop takes no effect.\n *\n * @example\n * ```tsx app/_layout.tsx\n * import { NativeTabs } from 'expo-router/unstable-native-tabs';\n *\n * export default function Layout() {\n *   return (\n *     <NativeTabs>\n *       <NativeTabs.Trigger name=\"home\" />\n *       <NativeTabs.Trigger name=\"settings\" />\n *     </NativeTabs>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx app/home.tsx\n * import { NativeTabs } from 'expo-router/unstable-native-tabs';\n *\n * export default function HomeScreen() {\n *   return (\n *     <View>\n *       <NativeTabs.Trigger>\n *         <NativeTabs.Trigger.Label>Home</NativeTabs.Trigger.Label>\n *       </NativeTabs.Trigger>\n *       <Text>This is home screen!</Text>\n *     </View>\n *   );\n * }\n * ```\n */\nfunction NativeTabTriggerImpl(props: NativeTabTriggerProps) {\n  const route = useRoute();\n  const navigation = useNavigation();\n  const isInPreview = useIsPreview();\n\n  useFocusEffect(\n    useCallback(() => {\n      // This will cause the tab to update only when it is focused.\n      // As long as all tabs are loaded at the start, we don't need this check.\n      // It is here to ensure similar behavior to stack\n      if (!isInPreview) {\n        if (navigation.getState()?.type !== 'tab') {\n          throw new Error(\n            `Trigger component can only be used in the tab screen. Current route: ${route.name}`\n          );\n        }\n        const options = convertTabPropsToOptions(props, true);\n        navigation.setOptions(options);\n      }\n    }, [props, isInPreview])\n  );\n\n  return null;\n}\n\nexport const NativeTabTrigger = Object.assign(NativeTabTriggerImpl, {\n  Label: NativeTabsTriggerLabel,\n  Icon: NativeTabsTriggerIcon,\n  Badge: NativeTabsTriggerBadge,\n  VectorIcon: NativeTabsTriggerVectorIcon,\n});\n\nexport function convertTabPropsToOptions(\n  {\n    hidden,\n    children,\n    role,\n    disablePopToTop,\n    disableScrollToTop,\n    unstable_nativeProps,\n    disableAutomaticContentInsets,\n    contentStyle,\n    disableTransparentOnScrollEdge,\n    disabled,\n  }: NativeTabTriggerProps,\n  isDynamic: boolean = false\n) {\n  const initialOptions: NativeTabOptions = isDynamic\n    ? {\n        ...(unstable_nativeProps ? { nativeProps: unstable_nativeProps } : {}),\n        ...(disableTransparentOnScrollEdge !== undefined ? { disableTransparentOnScrollEdge } : {}),\n        ...(disabled !== undefined ? { disabled } : {}),\n      }\n    : {\n        hidden: !!hidden,\n        specialEffects: {\n          repeatedTabSelection: {\n            popToRoot: !disablePopToTop,\n            scrollToTop: !disableScrollToTop,\n          },\n        },\n        contentStyle,\n        role,\n        nativeProps: unstable_nativeProps,\n        disableAutomaticContentInsets,\n        ...(disableTransparentOnScrollEdge !== undefined ? { disableTransparentOnScrollEdge } : {}),\n        ...(disabled !== undefined ? { disabled } : {}),\n      };\n  const allowedChildren = filterAllowedChildrenElements(children, [\n    NativeTabsTriggerBadge,\n    NativeTabsTriggerLabel,\n    NativeTabsTriggerIcon,\n  ]);\n  return allowedChildren.reduce<NativeTabOptions>(\n    (acc, child) => {\n      if (isChildOfType(child, NativeTabsTriggerBadge)) {\n        appendBadgeOptions(acc, child.props);\n      } else if (isChildOfType(child, NativeTabsTriggerLabel)) {\n        appendLabelOptions(acc, child.props);\n      } else if (isChildOfType(child, NativeTabsTriggerIcon)) {\n        appendIconOptions(acc, child.props);\n      }\n      return acc;\n    },\n    { ...initialOptions }\n  );\n}\n\nfunction appendBadgeOptions(options: NativeTabOptions, props: NativeTabsTriggerBadgeProps) {\n  if (props.children) {\n    options.badgeValue = String(props.children);\n    options.selectedBadgeBackgroundColor = props.selectedBackgroundColor;\n  } else if (!props.hidden) {\n    // If no value is provided, we set it to a space to show the badge\n    // Otherwise, the `react-native-screens` will interpret it as a hidden badge\n    // https://github.com/software-mansion/react-native-screens/blob/b4358fd95dd0736fc54df6bb97f210dc89edf24c/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm#L172\n    options.badgeValue = ' ';\n  }\n}\n\nfunction appendLabelOptions(options: NativeTabOptions, props: NativeTabsTriggerLabelProps) {\n  if (props.hidden) {\n    options.title = '';\n  } else {\n    options.title = props.children;\n    if (props.selectedStyle) {\n      options.selectedLabelStyle = StyleSheet.flatten(props.selectedStyle);\n    }\n  }\n}\n\nexport function isNativeTabTrigger(\n  child: ReactNode,\n  contextKey?: string\n): child is ReactElement<NativeTabTriggerProps & { name: string }> {\n  if (isChildOfType(child, NativeTabTrigger)) {\n    if ('name' in child.props && !child.props.name) {\n      throw new Error(\n        `<Trigger /> component in \\`default export\\` at \\`app${contextKey}/_layout\\` must have a \\`name\\` prop when used as a child of a Layout Route.`\n      );\n    }\n\n    if (process.env.NODE_ENV !== 'production') {\n      if ((['component', 'getComponent'] as const).some((key) => key in child.props)) {\n        throw new Error(\n          `<Trigger /> component in \\`default export\\` at \\`app${contextKey}/_layout\\` must not have a \\`component\\` or \\`getComponent\\` prop when used as a child of a Layout Route`\n        );\n      }\n    }\n\n    return true;\n  }\n\n  return false;\n}\n"]}
+{"version":3,"file":"NativeTabTrigger.js","sourceRoot":"","sources":["../../src/native-tabs/NativeTabTrigger.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, type ReactElement, type ReactNode } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useNavigation, useRoute } from '../react-navigation/native';\nimport {\n  NativeTabsTriggerIcon,\n  NativeTabsTriggerBadge,\n  NativeTabsTriggerLabel,\n  NativeTabsTriggerVectorIcon,\n  type NativeTabsTriggerBadgeProps,\n  type NativeTabsTriggerLabelProps,\n} from './common/elements';\nimport type { NativeTabOptions, NativeTabTriggerProps } from './types';\nimport { appendIconOptions } from './utils/optionsIconConverter';\nimport { useIsPreview } from '../link/preview/PreviewRouteContext';\nimport { useFocusEffect } from '../useFocusEffect';\nimport { filterAllowedChildrenElements, isChildOfType } from '../utils/children';\n\n/**\n * The component used to customize the native tab options both in the _layout file and from the tab screen.\n *\n * When used in the _layout file, you need to provide a `name` prop.\n * When used in the tab screen, the `name` prop takes no effect.\n *\n * @example\n * ```tsx app/_layout.tsx\n * import { NativeTabs } from 'expo-router/unstable-native-tabs';\n *\n * export default function Layout() {\n *   return (\n *     <NativeTabs>\n *       <NativeTabs.Trigger name=\"home\" />\n *       <NativeTabs.Trigger name=\"settings\" />\n *     </NativeTabs>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx app/home.tsx\n * import { NativeTabs } from 'expo-router/unstable-native-tabs';\n *\n * export default function HomeScreen() {\n *   return (\n *     <View>\n *       <NativeTabs.Trigger>\n *         <NativeTabs.Trigger.Label>Home</NativeTabs.Trigger.Label>\n *       </NativeTabs.Trigger>\n *       <Text>This is home screen!</Text>\n *     </View>\n *   );\n * }\n * ```\n */\nfunction NativeTabTriggerImpl(props: NativeTabTriggerProps) {\n  const route = useRoute();\n  const navigation = useNavigation();\n  const isInPreview = useIsPreview();\n\n  useFocusEffect(\n    useCallback(() => {\n      // This will cause the tab to update only when it is focused.\n      // As long as all tabs are loaded at the start, we don't need this check.\n      // It is here to ensure similar behavior to stack\n      if (!isInPreview) {\n        if (navigation.getState()?.type !== 'tab') {\n          throw new Error(\n            `Trigger component can only be used in the tab screen. Current route: ${route.name}`\n          );\n        }\n        const options = convertTabPropsToOptions(props, true);\n        navigation.setOptions(options);\n      }\n    }, [props, isInPreview])\n  );\n\n  return null;\n}\n\nexport const NativeTabTrigger = Object.assign(NativeTabTriggerImpl, {\n  Label: NativeTabsTriggerLabel,\n  Icon: NativeTabsTriggerIcon,\n  Badge: NativeTabsTriggerBadge,\n  VectorIcon: NativeTabsTriggerVectorIcon,\n});\n\nexport function convertTabPropsToOptions(\n  {\n    hidden,\n    children,\n    role,\n    disablePopToTop,\n    disableScrollToTop,\n    unstable_nativeProps,\n    disableAutomaticContentInsets,\n    contentStyle,\n    disableTransparentOnScrollEdge,\n    disabled,\n    rippleColor,\n    indicatorColor,\n    disableIndicator,\n    labelVisibilityMode,\n  }: NativeTabTriggerProps,\n  isDynamic: boolean = false\n) {\n  const initialOptions: NativeTabOptions = isDynamic\n    ? {\n        ...(unstable_nativeProps ? { nativeProps: unstable_nativeProps } : {}),\n        ...(disableTransparentOnScrollEdge !== undefined ? { disableTransparentOnScrollEdge } : {}),\n        ...(disabled !== undefined ? { disabled } : {}),\n        ...(rippleColor !== undefined ? { rippleColor } : {}),\n        ...(indicatorColor !== undefined ? { indicatorColor } : {}),\n        ...(disableIndicator !== undefined ? { disableIndicator } : {}),\n        ...(labelVisibilityMode !== undefined ? { labelVisibilityMode } : {}),\n      }\n    : {\n        hidden: !!hidden,\n        specialEffects: {\n          repeatedTabSelection: {\n            popToRoot: !disablePopToTop,\n            scrollToTop: !disableScrollToTop,\n          },\n        },\n        contentStyle,\n        role,\n        nativeProps: unstable_nativeProps,\n        disableAutomaticContentInsets,\n        ...(disableTransparentOnScrollEdge !== undefined ? { disableTransparentOnScrollEdge } : {}),\n        ...(disabled !== undefined ? { disabled } : {}),\n        ...(rippleColor !== undefined ? { rippleColor } : {}),\n        ...(indicatorColor !== undefined ? { indicatorColor } : {}),\n        ...(disableIndicator !== undefined ? { disableIndicator } : {}),\n        ...(labelVisibilityMode !== undefined ? { labelVisibilityMode } : {}),\n      };\n  const allowedChildren = filterAllowedChildrenElements(children, [\n    NativeTabsTriggerBadge,\n    NativeTabsTriggerLabel,\n    NativeTabsTriggerIcon,\n  ]);\n  return allowedChildren.reduce<NativeTabOptions>(\n    (acc, child) => {\n      if (isChildOfType(child, NativeTabsTriggerBadge)) {\n        appendBadgeOptions(acc, child.props);\n      } else if (isChildOfType(child, NativeTabsTriggerLabel)) {\n        appendLabelOptions(acc, child.props);\n      } else if (isChildOfType(child, NativeTabsTriggerIcon)) {\n        appendIconOptions(acc, child.props);\n      }\n      return acc;\n    },\n    { ...initialOptions }\n  );\n}\n\nfunction appendBadgeOptions(options: NativeTabOptions, props: NativeTabsTriggerBadgeProps) {\n  if (props.children) {\n    options.badgeValue = String(props.children);\n    options.selectedBadgeBackgroundColor = props.selectedBackgroundColor;\n  } else if (!props.hidden) {\n    // If no value is provided, we set it to a space to show the badge\n    // Otherwise, the `react-native-screens` will interpret it as a hidden badge\n    // https://github.com/software-mansion/react-native-screens/blob/b4358fd95dd0736fc54df6bb97f210dc89edf24c/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm#L172\n    options.badgeValue = ' ';\n  }\n}\n\nfunction appendLabelOptions(options: NativeTabOptions, props: NativeTabsTriggerLabelProps) {\n  if (props.hidden) {\n    options.title = '';\n  } else {\n    options.title = props.children;\n    if (props.selectedStyle) {\n      options.selectedLabelStyle = StyleSheet.flatten(props.selectedStyle);\n    }\n  }\n}\n\nexport function isNativeTabTrigger(\n  child: ReactNode,\n  contextKey?: string\n): child is ReactElement<NativeTabTriggerProps & { name: string }> {\n  if (isChildOfType(child, NativeTabTrigger)) {\n    if ('name' in child.props && !child.props.name) {\n      throw new Error(\n        `<Trigger /> component in \\`default export\\` at \\`app${contextKey}/_layout\\` must have a \\`name\\` prop when used as a child of a Layout Route.`\n      );\n    }\n\n    if (process.env.NODE_ENV !== 'production') {\n      if ((['component', 'getComponent'] as const).some((key) => key in child.props)) {\n        throw new Error(\n          `<Trigger /> component in \\`default export\\` at \\`app${contextKey}/_layout\\` must not have a \\`component\\` or \\`getComponent\\` prop when used as a child of a Layout Route`\n        );\n      }\n    }\n\n    return true;\n  }\n\n  return false;\n}\n"]}

package/build/native-tabs/NativeTabsView.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeTabsView.android.d.ts","sourceRoot":"","sources":["../../src/native-tabs/NativeTabsView.android.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiD,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGlG,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDA2DxD"}
+{"version":3,"file":"NativeTabsView.android.d.ts","sourceRoot":"","sources":["../../src/native-tabs/NativeTabsView.android.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAC;AAGjB,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDA6CxD"}

package/build/native-tabs/NativeTabsView.android.js

@@ -10,23 +10,11 @@ const appearance_1 = require("./appearance");
 const types_1 = require("./types");
 const optionsIconConverter_1 = require("./utils/optionsIconConverter");
 function NativeTabsView(props) {
-    const { disableIndicator, tabBarRespectsIMEInsets, tabs, unstable_nativeProps } = props;
+    const { tabBarRespectsIMEInsets, tabs, unstable_nativeProps } = props;
     const { android: rawAndroidProps, ios: _ignoredRawIosProps, ...rawHostRestProps } = unstable_nativeProps ?? {};
     const { selectedScreenKey, provenance } = (0, NativeTabsView_shared_1.useSelectedScreenKey)(props);
     const onTabSelected = (0, NativeTabsView_shared_1.useOnTabSelectedHandler)(props.onTabChange);
-    // TODO(@ubax): add per screen labelVisibilityMode + validation function
-    let labelVisibilityMode = props.labelVisibilityMode;
-    if (labelVisibilityMode && !supportedTabBarItemLabelVisibilityModesSet.has(labelVisibilityMode)) {
-        console.warn(`Unsupported labelVisibilityMode: ${labelVisibilityMode}. Supported values are: ${types_1.SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES.map((mode) => `"${mode}"`).join(', ')}`);
-        labelVisibilityMode = undefined;
-    }
-    const androidAppearances = tabs.map((tab) => (0, appearance_1.createAndroidScreenAppearance)({
-        options: tab.options,
-        tintColor: props.tintColor,
-        rippleColor: props.rippleColor,
-        disableIndicator,
-        labelVisibilityMode,
-    }));
+    const androidAppearances = (0, react_1.useMemo)(() => tabs.map((tab) => (0, appearance_1.createAndroidScreenAppearance)(sanitizeAndroidOptions(tab.options))), [tabs]);
     const children = tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(Screen, { routeKey: tab.routeKey, name: tab.name, options: tab.options, isFocused: selectedScreenKey === tab.routeKey, androidAppearance: androidAppearances[index], contentRenderer: tab.contentRenderer }, tab.routeKey)));
     if (children.length === 0) {
         return null;
@@ -40,7 +28,7 @@ function Screen(props) {
     const { options, androidAppearance, contentRenderer } = props;
     const shared = (0, NativeTabsView_shared_1.useSharedScreenProps)(props);
     const androidIcon = (0, optionsIconConverter_1.convertOptionsIconToScreensPropsIcon)(shared.icon);
-    const androidSelectedIcon = (0, optionsIconConverter_1.convertOptionsIconToScreensPropsIcon)(shared.selectedIcon);
+    const androidSelectedIcon = (0, optionsIconConverter_1.convertOptionsIconToScreensPropsIcon)(shared.selectedIcon ?? shared.icon);
     const content = (0, jsx_runtime_1.jsx)(NativeTabsView_shared_1.ScreenContent, { options: options, contentRenderer: contentRenderer });
     const wrappedContent = (0, react_1.useMemo)(() => {
         if (!options.disableAutomaticContentInsets) {
@@ -60,4 +48,12 @@ function Screen(props) {
         }, title: shared.title, preventNativeSelection: options.disabled, ...shared.nativeRestOverrides, screenKey: shared.screenKey, children: wrappedContent }));
 }
 const supportedTabBarItemLabelVisibilityModesSet = new Set(types_1.SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES);
+function sanitizeAndroidOptions(options) {
+    if (options.labelVisibilityMode &&
+        !supportedTabBarItemLabelVisibilityModesSet.has(options.labelVisibilityMode)) {
+        console.warn(`Unsupported labelVisibilityMode: ${options.labelVisibilityMode}. Supported values are: ${types_1.SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES.map((mode) => `"${mode}"`).join(', ')}`);
+        return { ...options, labelVisibilityMode: undefined };
+    }
+    return options;
+}
 //# sourceMappingURL=NativeTabsView.android.js.map