expo-router 55.0.6 → 55.0.8

package/android/build.gradle

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

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

@@ -0,0 +1,44 @@
+import type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';
+import type { StackToolbarButtonProps } from './types';
+export type { StackToolbarButtonProps, NativeToolbarButtonProps } from './types';
+/**
+ * A button used inside `Stack.Toolbar`.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Toolbar placement="left">
+ *           <Stack.Toolbar.Button icon="arrow.left.circle" onPress={() => alert('Left pressed')} />
+ *         </Stack.Toolbar>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Toolbar placement="left">
+ *         <Stack.Toolbar.Button icon="arrow.left.circle" onPress={() => alert('Left pressed')} />
+ *       </Stack.Toolbar>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+export declare const StackToolbarButton: React.FC<StackToolbarButtonProps>;
+export declare function convertStackToolbarButtonPropsToRNHeaderItem(props: StackToolbarButtonProps): NativeStackHeaderItemButton | undefined;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAIlF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAUvD,YAAY,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ChE,CAAC;AAEF,wBAAgB,4CAA4C,CAC1D,KAAK,EAAE,uBAAuB,GAC7B,2BAA2B,GAAG,SAAS,CAWzC"}

package/build/layouts/stack-utils/toolbar/{StackToolbarButton.js → StackToolbarButton/index.js}

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StackToolbarButton = void 0;
 exports.convertStackToolbarButtonPropsToRNHeaderItem = convertStackToolbarButtonPropsToRNHeaderItem;
 const react_1 = require("react");
-const react_native_1 = require("react-native");
-const context_1 = require("./context");
-const shared_1 = require("./shared");
-const toolbar_primitives_1 = require("./toolbar-primitives");
-const native_1 = require("../../../toolbar/native");
-const children_1 = require("../../../utils/children");
+const native_1 = require("./native");
+const children_1 = require("../../../../utils/children");
+const context_1 = require("../context");
+const shared_1 = require("../shared");
+const toolbar_primitives_1 = require("../toolbar-primitives");
 /**
  * A button used inside `Stack.Toolbar`.
  *
@@ -74,7 +73,7 @@ const StackToolbarButton = (props) => {
     const icon = sharedProps?.icon?.type === 'sfSymbol' ? sharedProps.icon.name : undefined;
     const xcassetName = (0, shared_1.extractXcassetName)(props);
     const imageRenderingMode = (0, shared_1.extractIconRenderingMode)(props) ?? props.iconRenderingMode;
-    return (<NativeToolbarButton {...sharedProps} icon={icon} xcassetName={xcassetName} image={props.image} imageRenderingMode={imageRenderingMode}/>);
+    return (<native_1.NativeToolbarButton {...sharedProps} icon={icon} xcassetName={xcassetName} image={props.image} imageRenderingMode={imageRenderingMode}/>);
 };
 exports.StackToolbarButton = StackToolbarButton;
 function convertStackToolbarButtonPropsToRNHeaderItem(props) {
@@ -89,14 +88,4 @@ function convertStackToolbarButtonPropsToRNHeaderItem(props) {
     };
 }
 const ALLOWED_CHILDREN = [toolbar_primitives_1.StackToolbarLabel, toolbar_primitives_1.StackToolbarIcon, toolbar_primitives_1.StackToolbarBadge];
-/**
- * Native toolbar button component for bottom toolbar.
- * Renders as RouterToolbarItem.
- */
-const NativeToolbarButton = (props) => {
-    const id = (0, react_1.useId)();
-    const renderingMode = props.imageRenderingMode ?? (props.tintColor !== undefined ? 'template' : 'original');
-    return (<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)}/>);
-};
-// #endregion
-//# sourceMappingURL=StackToolbarButton.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/index.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAwGb,oGAaC;AAnHD,iCAA0C;AAE1C,qCAA+C;AAE/C,yDAAgG;AAChG,wCAAiD;AACjD,sCAImB;AACnB,8DAA+F;AAI/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACI,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,MAAM,SAAS,GAAG,IAAA,6BAAmB,GAAE,CAAC;IAExC,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,IAAA,wCAA6B,EAAC,KAAK,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EACrE,CAAC,KAAK,CAAC,QAAQ,CAAC,CACjB,CAAC;IAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,sCAAsC;QACtC,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACvC,MAAM,WAAW,GAAG,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAI,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE,CAAC;gBAChD,MAAM,IAAI,KAAK,CACb,wIAAwI,CACzI,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QACpE,MAAM,QAAQ,GAAG,IAAA,8BAAmB,EAAC,KAAK,CAAC,QAAQ,EAAE,sCAAiB,CAAC,CAAC;QACxE,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CACV,qGAAqG,CACtG,CAAC;QACJ,CAAC;IACH,CAAC;IAED,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IAED,MAAM,WAAW,GAAG,IAAA,0DAAiD,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACnF,sEAAsE;IACtE,MAAM,IAAI,GAAG,WAAW,EAAE,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IACxF,MAAM,WAAW,GAAG,IAAA,2BAAkB,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,kBAAkB,GAAG,IAAA,iCAAwB,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC;IACtF,OAAO,CACL,CAAC,4BAAmB,CAClB,IAAI,WAAW,CAAC,CAChB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,EACvC,CACH,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,kBAAkB,sBA+C7B;AAEF,SAAgB,4CAA4C,CAC1D,KAA8B;IAE9B,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO;QACL,GAAG,IAAA,0DAAiD,EAAC,KAAK,CAAC;QAC3D,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;QACpC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;KAC3B,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,sCAAiB,EAAE,qCAAgB,EAAE,sCAAiB,CAAC,CAAC","sourcesContent":["'use client';\nimport type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';\nimport { Children, useMemo } from 'react';\n\nimport { NativeToolbarButton } from './native';\nimport type { StackToolbarButtonProps } from './types';\nimport { filterAllowedChildrenElements, getFirstChildOfType } from '../../../../utils/children';\nimport { useToolbarPlacement } from '../context';\nimport {\n  convertStackHeaderSharedPropsToRNSharedHeaderItem,\n  extractIconRenderingMode,\n  extractXcassetName,\n} from '../shared';\nimport { StackToolbarLabel, StackToolbarIcon, StackToolbarBadge } from '../toolbar-primitives';\n\nexport type { StackToolbarButtonProps, NativeToolbarButtonProps } from './types';\n\n/**\n * A button used inside `Stack.Toolbar`.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Layout() {\n *   return (\n *     <Stack>\n *       <Stack.Screen name=\"index\">\n *         <Stack.Toolbar placement=\"left\">\n *           <Stack.Toolbar.Button icon=\"arrow.left.circle\" onPress={() => alert('Left pressed')} />\n *         </Stack.Toolbar>\n *       </Stack.Screen>\n *     </Stack>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Toolbar placement=\"left\">\n *         <Stack.Toolbar.Button icon=\"arrow.left.circle\" onPress={() => alert('Left pressed')} />\n *       </Stack.Toolbar>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport const StackToolbarButton: React.FC<StackToolbarButtonProps> = (props) => {\n  const placement = useToolbarPlacement();\n\n  const validChildren = useMemo(\n    () => filterAllowedChildrenElements(props.children, ALLOWED_CHILDREN),\n    [props.children]\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // Skip validation for string children\n    if (typeof props.children !== 'string') {\n      const allChildren = Children.toArray(props.children);\n      if (allChildren.length !== validChildren.length) {\n        throw new Error(\n          `Stack.Toolbar.Button only accepts a single string or Stack.Toolbar.Label, Stack.Toolbar.Icon, and Stack.Toolbar.Badge as its children.`\n        );\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV !== 'production' && placement === 'bottom') {\n    const hasBadge = getFirstChildOfType(props.children, StackToolbarBadge);\n    if (hasBadge) {\n      console.warn(\n        'Stack.Toolbar.Badge is not supported in bottom toolbar (iOS limitation). The badge will be ignored.'\n      );\n    }\n  }\n\n  if (placement !== 'bottom') {\n    throw new Error('Stack.Toolbar.Button must be used inside a Stack.Toolbar');\n  }\n\n  const sharedProps = convertStackHeaderSharedPropsToRNSharedHeaderItem(props, true);\n  // TODO(@ubax): Handle image loading using useImage in a follow-up PR.\n  const icon = sharedProps?.icon?.type === 'sfSymbol' ? sharedProps.icon.name : undefined;\n  const xcassetName = extractXcassetName(props);\n  const imageRenderingMode = extractIconRenderingMode(props) ?? props.iconRenderingMode;\n  return (\n    <NativeToolbarButton\n      {...sharedProps}\n      icon={icon}\n      xcassetName={xcassetName}\n      image={props.image}\n      imageRenderingMode={imageRenderingMode}\n    />\n  );\n};\n\nexport function convertStackToolbarButtonPropsToRNHeaderItem(\n  props: StackToolbarButtonProps\n): NativeStackHeaderItemButton | undefined {\n  if (props.hidden) {\n    return undefined;\n  }\n\n  return {\n    ...convertStackHeaderSharedPropsToRNSharedHeaderItem(props),\n    type: 'button',\n    onPress: props.onPress ?? (() => {}),\n    selected: !!props.selected,\n  };\n}\n\nconst ALLOWED_CHILDREN = [StackToolbarLabel, StackToolbarIcon, StackToolbarBadge];\n"]}

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

@@ -0,0 +1,3 @@
+import type { NativeToolbarButtonProps } from './types';
+export declare const NativeToolbarButton: React.FC<NativeToolbarButtonProps>;
+//# sourceMappingURL=native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAc,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { NativeToolbarButtonProps } from './types';
+/**
+ * Native toolbar button component for bottom toolbar.
+ * Renders as RouterToolbarItem.
+ */
+export declare const NativeToolbarButton: React.FC<NativeToolbarButtonProps>;
+//# sourceMappingURL=native.ios.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeToolbarButton = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const native_1 = require("../../../../toolbar/native");
+/**
+ * Native toolbar button component for bottom toolbar.
+ * Renders as RouterToolbarItem.
+ */
+const NativeToolbarButton = (props) => {
+    const id = (0, react_1.useId)();
+    const renderingMode = props.imageRenderingMode ?? (props.tintColor !== undefined ? 'template' : 'original');
+    return (<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;
+//# sourceMappingURL=native.ios.js.map

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

@@ -0,0 +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,CAAC,0BAAiB,CAChB,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,kBAAkB,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAC7C,kBAAkB,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAC3E,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,qBAAqB,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC,CACnD,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAClC,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAC1B,cAAc,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CACrC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAC5C,eAAe,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAC5B,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAC3B,UAAU,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,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"]}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeToolbarButton = void 0;
+const NativeToolbarButton = () => null;
+exports.NativeToolbarButton = NativeToolbarButton;
+//# sourceMappingURL=native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/native.tsx"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,GAAuC,GAAG,EAAE,CAAC,IAAI,CAAC;AAArE,QAAA,mBAAmB,uBAAkD","sourcesContent":["import type { NativeToolbarButtonProps } from './types';\n\nexport const NativeToolbarButton: React.FC<NativeToolbarButtonProps> = () => null;\n"]}

package/build/layouts/stack-utils/toolbar/{StackToolbarButton.d.ts → StackToolbarButton/types.d.ts}

@@ -1,8 +1,9 @@
-import type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';
 import type { ImageRef } from 'expo-image';
-import { type ReactNode } from 'react';
-import { type StyleProp, type TextStyle } from 'react-native';
-import { type StackHeaderItemSharedProps } from './shared';
+import type { ReactNode } from 'react';
+import type { ColorValue, StyleProp, TextStyle } from 'react-native';
+import type { SFSymbol } from 'sf-symbols-typescript';
+import type { BasicTextStyle } from '../../../../utils/font';
+import type { StackHeaderItemSharedProps } from '../shared';
 export interface StackToolbarButtonProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
@@ -120,44 +121,23 @@ export interface StackToolbarButtonProps {
      */
     variant?: StackHeaderItemSharedProps['variant'];
 }
-/**
- * A button used inside `Stack.Toolbar`.
- *
- * @example
- * ```tsx
- * import { Stack } from 'expo-router';
- *
- * export default function Layout() {
- *   return (
- *     <Stack>
- *       <Stack.Screen name="index">
- *         <Stack.Toolbar placement="left">
- *           <Stack.Toolbar.Button icon="arrow.left.circle" onPress={() => alert('Left pressed')} />
- *         </Stack.Toolbar>
- *       </Stack.Screen>
- *     </Stack>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * import { Stack } from 'expo-router';
- *
- * export default function Page() {
- *   return (
- *     <>
- *       <Stack.Toolbar placement="left">
- *         <Stack.Toolbar.Button icon="arrow.left.circle" onPress={() => alert('Left pressed')} />
- *       </Stack.Toolbar>
- *       <ScreenContent />
- *     </>
- *   );
- * }
- * ```
- *
- * @platform ios
- */
-export declare const StackToolbarButton: React.FC<StackToolbarButtonProps>;
-export declare function convertStackToolbarButtonPropsToRNHeaderItem(props: StackToolbarButtonProps): NativeStackHeaderItemButton | undefined;
-//# sourceMappingURL=StackToolbarButton.d.ts.map
+export interface NativeToolbarButtonProps {
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    hidesSharedBackground?: boolean;
+    icon?: SFSymbol;
+    xcassetName?: string;
+    image?: ImageRef;
+    imageRenderingMode?: 'template' | 'original';
+    onPress?: () => void;
+    possibleTitles?: string[];
+    selected?: boolean;
+    separateBackground?: boolean;
+    style?: StyleProp<BasicTextStyle>;
+    tintColor?: ColorValue;
+    variant?: 'plain' | 'done' | 'prominent';
+    label?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAE1C;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;;;;;;;;;;;;;;OAeG;IACH,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACpD;;OAEG;IACH,OAAO,CAAC,EAAE,0BAA0B,CAAC,SAAS,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,wBAAwB;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,kBAAkB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/build/layouts/stack-utils/toolbar/StackToolbarButton/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarButton/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ImageRef } from 'expo-image';\nimport type { ReactNode } from 'react';\nimport type { ColorValue, StyleProp, TextStyle } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport type { BasicTextStyle } from '../../../../utils/font';\nimport type { StackHeaderItemSharedProps } from '../shared';\n\nexport interface StackToolbarButtonProps {\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  /**\n   * There are two ways to specify the content of the button:\n   *\n   * @example\n   * ```tsx\n   * import { Stack } from 'expo-router';\n   *\n   * export default function Page() {\n   *   return (\n   *     <>\n   *       <Stack.Toolbar placement=\"left\">\n   *         <Stack.Toolbar.Button icon=\"star.fill\">As text passed as children</Stack.Toolbar.Button>\n   *       </Stack.Toolbar>\n   *       <ScreenContent />\n   *     </>\n   *   );\n   * }\n   * ```\n   *\n   * @example\n   * ```tsx\n   * import { Stack } from 'expo-router';\n   *\n   * export default function Page() {\n   *   return (\n   *     <>\n   *       <Stack.Toolbar placement=\"left\">\n   *         <Stack.Toolbar.Button>\n   *           <Stack.Toolbar.Icon sf=\"star.fill\" />\n   *           <Stack.Toolbar.Label>As components</Stack.Toolbar.Label>\n   *           <Stack.Toolbar.Badge>3</Stack.Toolbar.Badge>\n   *         </Stack.Toolbar.Button>\n   *       </Stack.Toolbar>\n   *       <ScreenContent />\n   *     </>\n   *   );\n   * }\n   * ```\n   *\n   * > **Note**: When icon is used, the label will not be shown and will be used for accessibility purposes only. Badge is only supported in left/right placements, not in bottom (iOS toolbar limitation).\n   */\n  children?: ReactNode;\n  disabled?: boolean;\n  /**\n   * Whether the button should be hidden.\n   *\n   * @default false\n   */\n  hidden?: boolean;\n  /**\n   * Whether to hide the shared background.\n   *\n   * @platform iOS 26+\n   */\n  hidesSharedBackground?: boolean;\n  /**\n   * Icon to display in the button.\n   *\n   * Can be a string representing an SFSymbol or an image source.\n   *\n   * > **Note**: When used in `placement=\"bottom\"`, only string SFSymbols are supported. Use the `image` prop to provide custom images.\n   */\n  icon?: StackHeaderItemSharedProps['icon'];\n  // TODO(@ubax): Add useImage support in a follow-up PR.\n  /**\n   * Image to display in the button.\n   *\n   * > **Note**: This prop is only supported in toolbar with `placement=\"bottom\"`.\n   */\n  image?: ImageRef;\n  /**\n   * Controls how image-based icons are rendered on iOS.\n   *\n   * - `'template'`: iOS applies tint color to the icon\n   * - `'original'`: Preserves original icon colors (useful for multi-color icons)\n   *\n   * **Default behavior:**\n   * - If `tintColor` is specified, defaults to `'template'`\n   * - If no `tintColor`, defaults to `'original'`\n   *\n   * This prop only affects image-based icons (not SF Symbols).\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uiimage/renderingmode-swift.enum) for more information.\n   *\n   * @platform ios\n   */\n  iconRenderingMode?: 'template' | 'original';\n  onPress?: () => void;\n  /**\n   * Whether to separate the background of this item from other header items.\n   *\n   * @default false\n   */\n  separateBackground?: boolean;\n  /**\n   * Whether the button is in a selected state\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarbuttonitem/isselected) for more information\n   */\n  selected?: boolean;\n  /**\n   * Style for the label of the header item.\n   */\n  style?: StyleProp<TextStyle>;\n  /**\n   * The tint color to apply to the button item\n   *\n   * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uibarbuttonitem/tintcolor) for more information.\n   */\n  tintColor?: StackHeaderItemSharedProps['tintColor'];\n  /**\n   * @default 'plain'\n   */\n  variant?: StackHeaderItemSharedProps['variant'];\n}\n\nexport interface NativeToolbarButtonProps {\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  hidesSharedBackground?: boolean;\n  icon?: SFSymbol;\n  xcassetName?: string;\n  image?: ImageRef;\n  imageRenderingMode?: 'template' | 'original';\n  onPress?: () => void;\n  possibleTitles?: string[];\n  selected?: boolean;\n  separateBackground?: boolean;\n  style?: StyleProp<BasicTextStyle>;\n  tintColor?: ColorValue;\n  variant?: 'plain' | 'done' | 'prominent';\n  label?: string;\n}\n"]}

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

@@ -0,0 +1,64 @@
+import type { NativeStackHeaderItemMenu, NativeStackHeaderItemMenuAction } from '@react-navigation/native-stack';
+import type { StackToolbarMenuProps, StackToolbarMenuActionProps } from './types';
+export type { StackToolbarMenuProps, NativeToolbarMenuProps, StackToolbarMenuActionProps, NativeToolbarMenuActionProps, } from './types';
+/**
+ * Use as `Stack.Toolbar.Menu` to provide menus in iOS toolbar.
+ * It accepts `Stack.Toolbar.MenuAction` and nested `Stack.Toolbar.Menu`
+ * elements. Menu can be configured using both component props and child
+ * elements.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ * import { Alert } from 'react-native';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Toolbar placement="right">
+ *         <Stack.Toolbar.Menu icon="ellipsis.circle">
+ *           <Stack.Toolbar.MenuAction onPress={() => Alert.alert('Action pressed!')}>
+ *             Action 1
+ *           </Stack.Toolbar.MenuAction>
+ *         </Stack.Toolbar.Menu>
+ *       </Stack.Toolbar>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @see [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/menus) for more information about menus on iOS.
+ *
+ * @platform ios
+ */
+export declare const StackToolbarMenu: React.FC<StackToolbarMenuProps>;
+export declare function convertStackToolbarMenuPropsToRNHeaderItem(props: StackToolbarMenuProps, isBottomPlacement?: boolean): NativeStackHeaderItemMenu | undefined;
+/**
+ * An action item for a `Stack.Toolbar.Menu`.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Toolbar placement="right">
+ *         <Stack.Toolbar.Menu icon="ellipsis.circle">
+ *           <Stack.Toolbar.MenuAction onPress={() => alert('Action pressed!')}>
+ *             Action 1
+ *           </Stack.Toolbar.MenuAction>
+ *         </Stack.Toolbar.Menu>
+ *       </Stack.Toolbar>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+export declare const StackToolbarMenuAction: React.FC<StackToolbarMenuActionProps>;
+export declare function convertStackToolbarMenuActionPropsToRNHeaderItem(props: StackToolbarMenuActionProps): NativeStackHeaderItemMenuAction;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,+BAA+B,EAEhC,MAAM,gCAAgC,CAAC;AAMxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAclF,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,4BAA4B,GAC7B,MAAM,SAAS,CAAC;AAqBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsD5D,CAAC;AAEF,wBAAgB,0CAA0C,CACxD,KAAK,EAAE,qBAAqB,EAC5B,iBAAiB,GAAE,OAAe,GACjC,yBAAyB,GAAG,SAAS,CAsCvC;AAiED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiBxE,CAAC;AAEF,wBAAgB,gDAAgD,CAC9D,KAAK,EAAE,2BAA2B,GACjC,+BAA+B,CAwBjC"}

package/build/layouts/stack-utils/toolbar/{StackToolbarMenu.js → StackToolbarMenu/index.js}

@@ -5,13 +5,11 @@ exports.StackToolbarMenuAction = exports.StackToolbarMenu = void 0;
 exports.convertStackToolbarMenuPropsToRNHeaderItem = convertStackToolbarMenuPropsToRNHeaderItem;
 exports.convertStackToolbarMenuActionPropsToRNHeaderItem = convertStackToolbarMenuActionPropsToRNHeaderItem;
 const react_1 = require("react");
-const react_native_1 = require("react-native");
-const context_1 = require("./context");
-const shared_1 = require("./shared");
-const toolbar_primitives_1 = require("./toolbar-primitives");
-const elements_1 = require("../../../link/elements");
-const native_1 = require("../../../link/preview/native");
-const children_1 = require("../../../utils/children");
+const native_1 = require("./native");
+const children_1 = require("../../../../utils/children");
+const context_1 = require("../context");
+const shared_1 = require("../shared");
+const toolbar_primitives_1 = require("../toolbar-primitives");
 /**
  * Computes the label and menu title from children and title prop.
  *
@@ -86,7 +84,7 @@ const StackToolbarMenu = (props) => {
         }
     }
     // TODO(@ubax): Handle image loading using useImage in a follow-up PR.
-    return (<NativeToolbarMenu {...props} icon={icon} xcassetName={xcassetName} image={props.image} imageRenderingMode={imageRenderingMode} label={computedLabel} title={computedMenuTitle} children={validChildren}/>);
+    return (<native_1.NativeToolbarMenu {...props} icon={icon} xcassetName={xcassetName} image={props.image} imageRenderingMode={imageRenderingMode} label={computedLabel} title={computedMenuTitle} children={validChildren}/>);
 };
 exports.StackToolbarMenu = StackToolbarMenu;
 function convertStackToolbarMenuPropsToRNHeaderItem(props, isBottomPlacement = false) {
@@ -198,7 +196,7 @@ const StackToolbarMenuAction = (props) => {
     }
     // TODO(@ubax): Handle image loading using useImage in a follow-up PR.
     const icon = typeof props.icon === 'string' ? props.icon : undefined;
-    return (<NativeToolbarMenuAction {...props} icon={icon} image={props.image} imageRenderingMode={props.iconRenderingMode}/>);
+    return (<native_1.NativeToolbarMenuAction {...props} icon={icon} image={props.image} imageRenderingMode={props.iconRenderingMode}/>);
 };
 exports.StackToolbarMenuAction = StackToolbarMenuAction;
 function convertStackToolbarMenuActionPropsToRNHeaderItem(props) {
@@ -225,32 +223,13 @@ function convertStackToolbarMenuActionPropsToRNHeaderItem(props) {
     }
     return item;
 }
-/**
- * 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 identifier = (0, react_1.useId)();
-    const titleStyle = react_native_1.StyleSheet.flatten(style);
-    const renderingMode = imageRenderingMode ?? (tintColor !== undefined ? 'template' : 'original');
-    return (<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}/>);
-};
-// #endregion
-// #region NativeToolbarMenuAction
-/**
- * Native toolbar menu action - reuses LinkMenuAction.
- */
-const NativeToolbarMenuAction = elements_1.LinkMenuAction;
-// #endregion
 const ALLOWED_CHILDREN = [
     exports.StackToolbarMenu,
     exports.StackToolbarMenuAction,
-    NativeToolbarMenu,
-    NativeToolbarMenuAction,
+    native_1.NativeToolbarMenu,
+    native_1.NativeToolbarMenuAction,
     toolbar_primitives_1.StackToolbarLabel,
     toolbar_primitives_1.StackToolbarIcon,
     toolbar_primitives_1.StackToolbarBadge,
 ];
-//# sourceMappingURL=StackToolbarMenu.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/index.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport type {\n  NativeStackHeaderItemMenu,\n  NativeStackHeaderItemMenuAction,\n  NativeStackHeaderItemMenuSubmenu,\n} from '@react-navigation/native-stack';\nimport { Children, useMemo, type ReactNode } from 'react';\nimport type { ImageSourcePropType } from 'react-native';\nimport type { PlatformIconIOS } from 'react-native-screens';\n\nimport { NativeToolbarMenu, NativeToolbarMenuAction } from './native';\nimport type { StackToolbarMenuProps, StackToolbarMenuActionProps } from './types';\nimport {\n  filterAllowedChildrenElements,\n  getFirstChildOfType,\n  isChildOfType,\n} from '../../../../utils/children';\nimport { useToolbarPlacement } from '../context';\nimport {\n  convertStackHeaderSharedPropsToRNSharedHeaderItem,\n  extractIconRenderingMode,\n  extractXcassetName,\n} from '../shared';\nimport { StackToolbarLabel, StackToolbarIcon, StackToolbarBadge } from '../toolbar-primitives';\n\nexport type {\n  StackToolbarMenuProps,\n  NativeToolbarMenuProps,\n  StackToolbarMenuActionProps,\n  NativeToolbarMenuActionProps,\n} from './types';\n\n/**\n * Computes the label and menu title from children and title prop.\n *\n * - If only `title` prop is provided, it is used for both the label (button text) and menu title\n * - If only `.Label` child is provided, it is used for the label and the menu title is an empty string\n * - If both `.Label` child and `title` prop are provided. `.Label` is used for the label, and `title` is used for the menu title\n */\nfunction computeMenuLabelAndTitle(\n  children: ReactNode,\n  title: string | undefined\n): { label: string; menuTitle: string } {\n  const labelChild = getFirstChildOfType(children, StackToolbarLabel);\n  const labelFromChild = labelChild?.props.children;\n  return {\n    label: labelFromChild ?? title ?? '',\n    menuTitle: title ?? '',\n  };\n}\n\n/**\n * Use as `Stack.Toolbar.Menu` to provide menus in iOS toolbar.\n * It accepts `Stack.Toolbar.MenuAction` and nested `Stack.Toolbar.Menu`\n * elements. Menu can be configured using both component props and child\n * elements.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n * import { Alert } from 'react-native';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Toolbar placement=\"right\">\n *         <Stack.Toolbar.Menu icon=\"ellipsis.circle\">\n *           <Stack.Toolbar.MenuAction onPress={() => Alert.alert('Action pressed!')}>\n *             Action 1\n *           </Stack.Toolbar.MenuAction>\n *         </Stack.Toolbar.Menu>\n *       </Stack.Toolbar>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @see [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/menus) for more information about menus on iOS.\n *\n * @platform ios\n */\nexport const StackToolbarMenu: React.FC<StackToolbarMenuProps> = (props) => {\n  const placement = useToolbarPlacement();\n\n  if (placement !== 'bottom') {\n    // For placement other than bottom, this component will not render, and should be\n    // converted to RN header item using convertStackToolbarMenuPropsToRNHeaderItem.\n    // So if we reach here, it means we're not inside a toolbar or something else is wrong.\n    throw new Error('Stack.Toolbar.Menu must be used inside a Stack.Toolbar');\n  }\n\n  const validChildren = useMemo(\n    () => filterAllowedChildrenElements(props.children, ALLOWED_CHILDREN),\n    [props.children]\n  );\n\n  const sharedProps = convertStackToolbarMenuPropsToRNHeaderItem(props, true);\n\n  const computedLabel = sharedProps?.label;\n  const computedMenuTitle = sharedProps?.menu?.title;\n  const icon = sharedProps?.icon?.type === 'sfSymbol' ? sharedProps.icon.name : undefined;\n  const xcassetName = extractXcassetName(props);\n  const imageRenderingMode = extractIconRenderingMode(props) ?? props.iconRenderingMode;\n\n  if (process.env.NODE_ENV !== 'production') {\n    const allChildren = Children.toArray(props.children);\n    if (allChildren.length !== validChildren.length) {\n      throw new Error(\n        `Stack.Toolbar.Menu only accepts Stack.Toolbar.Menu, Stack.Toolbar.MenuAction, Stack.Toolbar.Label, Stack.Toolbar.Icon, and Stack.Toolbar.Badge as its children.`\n      );\n    }\n  }\n\n  if (process.env.NODE_ENV !== 'production') {\n    const hasBadge = getFirstChildOfType(props.children, StackToolbarBadge);\n    if (hasBadge) {\n      console.warn(\n        'Stack.Toolbar.Badge is not supported in bottom toolbar (iOS limitation). The badge will be ignored.'\n      );\n    }\n  }\n\n  // TODO(@ubax): Handle image loading using useImage in a follow-up PR.\n  return (\n    <NativeToolbarMenu\n      {...props}\n      icon={icon}\n      xcassetName={xcassetName}\n      image={props.image}\n      imageRenderingMode={imageRenderingMode}\n      label={computedLabel}\n      title={computedMenuTitle}\n      children={validChildren}\n    />\n  );\n};\n\nexport function convertStackToolbarMenuPropsToRNHeaderItem(\n  props: StackToolbarMenuProps,\n  isBottomPlacement: boolean = false\n): NativeStackHeaderItemMenu | undefined {\n  if (props.hidden) {\n    return undefined;\n  }\n  const { title, ...rest } = props;\n  const actions = Children.toArray(props.children).filter(\n    (child) =>\n      isChildOfType(child, StackToolbarMenuAction) || isChildOfType(child, StackToolbarMenu)\n  );\n\n  const { label: computedLabel, menuTitle: computedMenuTitle } = computeMenuLabelAndTitle(\n    props.children,\n    title\n  );\n\n  const sharedProps = convertStackHeaderSharedPropsToRNSharedHeaderItem(rest, isBottomPlacement);\n\n  const item: NativeStackHeaderItemMenu = {\n    ...sharedProps,\n    label: computedLabel,\n    type: 'menu',\n    menu: {\n      multiselectable: true,\n      items: actions\n        .map((action) => {\n          if (isChildOfType(action, StackToolbarMenu)) {\n            return convertStackToolbarSubmenuMenuPropsToRNHeaderItem(action.props);\n          }\n          return convertStackToolbarMenuActionPropsToRNHeaderItem(action.props);\n        })\n        .filter((i) => !!i),\n    },\n  };\n  if (computedMenuTitle) {\n    item.menu.title = computedMenuTitle;\n  }\n\n  return item;\n}\n\n// Custom menu action icons are not supported in react-navigation yet\n// But they are supported in react-native-screens\n// TODO(@ubax): Remove this workaround once react-navigation supports custom icons for menu actions.\n// https://linear.app/expo/issue/ENG-19853/remove-custom-conversion-logic-for-icon-from-packagesexpo\nfunction convertImageIconToPlatformIcon(icon: {\n  source: ImageSourcePropType;\n  tinted?: boolean;\n}): PlatformIconIOS {\n  return icon.tinted\n    ? { type: 'templateSource', templateSource: icon.source }\n    : { type: 'imageSource', imageSource: icon.source };\n}\n\nfunction convertStackToolbarSubmenuMenuPropsToRNHeaderItem(\n  props: StackToolbarMenuProps\n): NativeStackHeaderItemMenuSubmenu | undefined {\n  if (props.hidden) {\n    return undefined;\n  }\n  const sharedProps = convertStackHeaderSharedPropsToRNSharedHeaderItem(props);\n  const actions = Children.toArray(props.children).filter(\n    (child) =>\n      isChildOfType(child, StackToolbarMenuAction) || isChildOfType(child, StackToolbarMenu)\n  );\n\n  const item: NativeStackHeaderItemMenuSubmenu = {\n    type: 'submenu',\n    items: actions\n      .map((action) => {\n        if (isChildOfType(action, StackToolbarMenu)) {\n          return convertStackToolbarSubmenuMenuPropsToRNHeaderItem(action.props);\n        }\n        return convertStackToolbarMenuActionPropsToRNHeaderItem(action.props);\n      })\n      .filter((i) => !!i),\n    label: sharedProps.label || props.title || '',\n    multiselectable: true,\n  };\n\n  if (props.inline !== undefined) {\n    item.inline = props.inline;\n  }\n  if (props.palette !== undefined) {\n    item.layout = props.palette ? 'palette' : 'default';\n  }\n  if (props.destructive !== undefined) {\n    item.destructive = props.destructive;\n  }\n  // TODO: Add elementSize to react-native-screens\n\n  if (sharedProps.icon) {\n    if (sharedProps.icon.type === 'sfSymbol') {\n      item.icon = sharedProps.icon;\n    } else {\n      item.icon = convertImageIconToPlatformIcon(\n        sharedProps.icon\n      ) as unknown as NativeStackHeaderItemMenuSubmenu['icon'];\n    }\n  }\n\n  return item;\n}\n\n/**\n * An action item for a `Stack.Toolbar.Menu`.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Toolbar placement=\"right\">\n *         <Stack.Toolbar.Menu icon=\"ellipsis.circle\">\n *           <Stack.Toolbar.MenuAction onPress={() => alert('Action pressed!')}>\n *             Action 1\n *           </Stack.Toolbar.MenuAction>\n *         </Stack.Toolbar.Menu>\n *       </Stack.Toolbar>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport const StackToolbarMenuAction: React.FC<StackToolbarMenuActionProps> = (props) => {\n  const placement = useToolbarPlacement();\n\n  if (placement !== 'bottom') {\n    throw new Error('Stack.Toolbar.MenuAction must be used inside a Stack.Toolbar.Menu');\n  }\n\n  // TODO(@ubax): Handle image loading using useImage in a follow-up PR.\n  const icon = typeof props.icon === 'string' ? props.icon : undefined;\n  return (\n    <NativeToolbarMenuAction\n      {...props}\n      icon={icon}\n      image={props.image}\n      imageRenderingMode={props.iconRenderingMode}\n    />\n  );\n};\n\nexport function convertStackToolbarMenuActionPropsToRNHeaderItem(\n  props: StackToolbarMenuActionProps\n): NativeStackHeaderItemMenuAction {\n  const { children, isOn, unstable_keepPresented, icon, ...rest } = props;\n  const sharedProps = convertStackHeaderSharedPropsToRNSharedHeaderItem(props);\n  const item: NativeStackHeaderItemMenuAction = {\n    ...rest,\n    description: props.subtitle,\n    type: 'action',\n    label: sharedProps.label,\n    state: isOn ? 'on' : 'off',\n    onPress: props.onPress ?? (() => {}),\n  };\n  if (unstable_keepPresented !== undefined) {\n    item.keepsMenuPresented = unstable_keepPresented;\n  }\n  if (sharedProps.icon) {\n    if (sharedProps.icon.type === 'sfSymbol') {\n      item.icon = sharedProps.icon;\n    } else {\n      item.icon = convertImageIconToPlatformIcon(\n        sharedProps.icon\n      ) as unknown as NativeStackHeaderItemMenuAction['icon'];\n    }\n  }\n  return item;\n}\n\nconst ALLOWED_CHILDREN = [\n  StackToolbarMenu,\n  StackToolbarMenuAction,\n  NativeToolbarMenu,\n  NativeToolbarMenuAction,\n  StackToolbarLabel,\n  StackToolbarIcon,\n  StackToolbarBadge,\n];\n"]}

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

@@ -0,0 +1,4 @@
+import type { NativeToolbarMenuActionProps, NativeToolbarMenuProps } from './types';
+export declare const NativeToolbarMenu: React.FC<NativeToolbarMenuProps>;
+export declare const NativeToolbarMenuAction: React.FC<NativeToolbarMenuActionProps>;
+//# sourceMappingURL=native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEpF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAc,CAAC;AAE9E,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAAc,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { NativeToolbarMenuProps } from './types';
+import { LinkMenuAction } from '../../../../link/elements';
+/**
+ * Native toolbar menu component for bottom toolbar.
+ * Renders as NativeLinkPreviewAction.
+ */
+export declare const NativeToolbarMenu: React.FC<NativeToolbarMenuProps>;
+/**
+ * Native toolbar menu action - reuses LinkMenuAction.
+ */
+export declare const NativeToolbarMenuAction: typeof LinkMenuAction;
+//# sourceMappingURL=native.ios.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeToolbarMenuAction = exports.NativeToolbarMenu = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const elements_1 = require("../../../../link/elements");
+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 identifier = (0, react_1.useId)();
+    const titleStyle = react_native_1.StyleSheet.flatten(style);
+    const renderingMode = imageRenderingMode ?? (tintColor !== undefined ? 'template' : 'original');
+    return (<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}/>);
+};
+exports.NativeToolbarMenu = NativeToolbarMenu;
+/**
+ * Native toolbar menu action - reuses LinkMenuAction.
+ */
+exports.NativeToolbarMenuAction = elements_1.LinkMenuAction;
+//# sourceMappingURL=native.ios.js.map

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

@@ -0,0 +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,CAAC,gCAAuB,CACtB,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CACtC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,WAAW,CAAC,CAAC,WAAW,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAClC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAC1B,aAAa,CAAC,CAAC,MAAM,CAAC,CACtB,oBAAoB,CAAC,CAAC,WAAW,CAAC,CAClC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,kBAAkB,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAC/D,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,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"]}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeToolbarMenuAction = exports.NativeToolbarMenu = void 0;
+const NativeToolbarMenu = () => null;
+exports.NativeToolbarMenu = NativeToolbarMenu;
+const NativeToolbarMenuAction = () => null;
+exports.NativeToolbarMenuAction = NativeToolbarMenuAction;
+//# sourceMappingURL=native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native.js","sourceRoot":"","sources":["../../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu/native.tsx"],"names":[],"mappings":";;;AAEO,MAAM,iBAAiB,GAAqC,GAAG,EAAE,CAAC,IAAI,CAAC;AAAjE,QAAA,iBAAiB,qBAAgD;AAEvE,MAAM,uBAAuB,GAA2C,GAAG,EAAE,CAAC,IAAI,CAAC;AAA7E,QAAA,uBAAuB,2BAAsD","sourcesContent":["import type { NativeToolbarMenuActionProps, NativeToolbarMenuProps } from './types';\n\nexport const NativeToolbarMenu: React.FC<NativeToolbarMenuProps> = () => null;\n\nexport const NativeToolbarMenuAction: React.FC<NativeToolbarMenuActionProps> = () => null;\n"]}