expo-router 7.0.0-canary-20260114-d8e19f5 → 7.0.0-canary-20260119-70f7c28

package/build/layouts/stack-utils/toolbar/StackToolbarClient.d.ts

@@ -0,0 +1,104 @@
+import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
+import React, { type ReactNode } from 'react';
+import { type ToolbarPlacement } from './context';
+export interface StackToolbarProps {
+    /**
+     * Child elements to compose the toolbar. Can include Stack.Toolbar.Button,
+     * Stack.Toolbar.Menu, Stack.Toolbar.View, Stack.Toolbar.Spacer, and
+     * Stack.Toolbar.SearchBarSlot (bottom only) components.
+     */
+    children?: ReactNode;
+    /**
+     * The placement of the toolbar.
+     *
+     * - `'left'`: Renders items in the left area of the header.
+     * - `'right'`: Renders items in the right area of the header.
+     * - `'bottom'`: Renders items in the bottom toolbar (iOS only).
+     *
+     * @default 'bottom'
+     */
+    placement?: ToolbarPlacement;
+    /**
+     * When `true`, renders children as a custom component in the header area,
+     * replacing the default header layout.
+     *
+     * Only applies to `placement="left"` and `placement="right"`.
+     *
+     * @default false
+     */
+    asChild?: boolean;
+}
+/**
+ * The component used to configure the stack toolbar.
+ *
+ * - Use `placement="left"` to customize the left side of the header.
+ * - Use `placement="right"` to customize the right side of the header.
+ * - Use `placement="bottom"` (default) to show a bottom toolbar (iOS only).
+ *
+ * > **Note:** Using `Stack.Toolbar` with `placement="left"` or `placement="right"` will
+ * automatically make the header visible (`headerShown: true`), as the toolbar is rendered
+ * as part of the native header.
+ *
+ * > **Note:** `Stack.Toolbar` with `placement="bottom"` can only be used inside **page**
+ * components, not in layout components.
+ *
+ * > **Note**: Stack.Toolbar is an experimental API and may change without notice.
+ *
+ * @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="sidebar.left" onPress={() => alert('Left button pressed!')} />
+ *         </Stack.Toolbar>
+ *         <Stack.Toolbar placement="right">
+ *           <Stack.Toolbar.Button icon="ellipsis.circle" onPress={() => alert('Right button 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="sidebar.left" onPress={() => alert('Left button pressed!')} />
+ *       </Stack.Toolbar>
+ *       <Stack.Toolbar>
+ *         <Stack.Toolbar.Spacer />
+ *         <Stack.Toolbar.Button icon="magnifyingglass" onPress={() => {}} />
+ *         <Stack.Toolbar.Spacer />
+ *       </Stack.Toolbar>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+export declare const StackToolbar: {
+    ({ children, placement, asChild }: StackToolbarProps): React.JSX.Element;
+    Button: React.FC<import("./StackToolbarButton").StackToolbarButtonProps>;
+    Menu: React.FC<import("./StackToolbarMenu").StackToolbarMenuProps>;
+    MenuAction: React.FC<import("./StackToolbarMenu").StackToolbarMenuActionProps>;
+    SearchBarSlot: React.FC<import("./StackToolbarSearchBarSlot").StackToolbarSearchBarSlotProps>;
+    Spacer: React.FC<import("./StackToolbarSpacer").StackToolbarSpacerProps>;
+    View: React.FC<import("./StackToolbarView").StackToolbarViewProps>;
+    Label: React.FC<import("../common-primitives").StackToolbarLabelProps>;
+    Icon: React.FC<import("../common-primitives").StackToolbarIconProps>;
+    Badge: React.FC<import("../common-primitives").StackToolbarBadgeProps>;
+};
+export declare function appendStackToolbarPropsToOptions(options: NativeStackNavigationOptions, props: StackToolbarProps): NativeStackNavigationOptions;
+export default StackToolbar;
+//# sourceMappingURL=StackToolbarClient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackToolbarClient.d.ts","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/toolbar/StackToolbarClient.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBxE,OAAO,EAAgD,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAOhG,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,YAAY;uCAAiD,iBAAiB;;;;;;;;;;CA4B1F,CAAC;AAiDF,wBAAgB,gCAAgC,CAC9C,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,iBAAiB,GACvB,4BAA4B,CAqC9B;AAYD,eAAe,YAAY,CAAC"}

package/build/layouts/stack-utils/toolbar/StackToolbarClient.js

@@ -0,0 +1,214 @@
+"use strict";
+'use client';
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackToolbar = void 0;
+exports.appendStackToolbarPropsToOptions = appendStackToolbarPropsToOptions;
+const react_1 = __importStar(require("react"));
+const react_2 = require("react");
+const StackToolbarButton_1 = require("./StackToolbarButton");
+const StackToolbarMenu_1 = require("./StackToolbarMenu");
+const StackToolbarSearchBarSlot_1 = require("./StackToolbarSearchBarSlot");
+const StackToolbarSpacer_1 = require("./StackToolbarSpacer");
+const StackToolbarView_1 = require("./StackToolbarView");
+const context_1 = require("./context");
+const NativeMenuContext_1 = require("../../../link/NativeMenuContext");
+const native_1 = require("../../../toolbar/native");
+const children_1 = require("../../../utils/children");
+const Screen_1 = require("../../../views/Screen");
+const common_primitives_1 = require("../common-primitives");
+/**
+ * The component used to configure the stack toolbar.
+ *
+ * - Use `placement="left"` to customize the left side of the header.
+ * - Use `placement="right"` to customize the right side of the header.
+ * - Use `placement="bottom"` (default) to show a bottom toolbar (iOS only).
+ *
+ * > **Note:** Using `Stack.Toolbar` with `placement="left"` or `placement="right"` will
+ * automatically make the header visible (`headerShown: true`), as the toolbar is rendered
+ * as part of the native header.
+ *
+ * > **Note:** `Stack.Toolbar` with `placement="bottom"` can only be used inside **page**
+ * components, not in layout components.
+ *
+ * > **Note**: Stack.Toolbar is an experimental API and may change without notice.
+ *
+ * @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="sidebar.left" onPress={() => alert('Left button pressed!')} />
+ *         </Stack.Toolbar>
+ *         <Stack.Toolbar placement="right">
+ *           <Stack.Toolbar.Button icon="ellipsis.circle" onPress={() => alert('Right button 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="sidebar.left" onPress={() => alert('Left button pressed!')} />
+ *       </Stack.Toolbar>
+ *       <Stack.Toolbar>
+ *         <Stack.Toolbar.Spacer />
+ *         <Stack.Toolbar.Button icon="magnifyingglass" onPress={() => {}} />
+ *         <Stack.Toolbar.Spacer />
+ *       </Stack.Toolbar>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+const StackToolbar = ({ children, placement = 'bottom', asChild }) => {
+    const parentPlacement = (0, context_1.useToolbarPlacement)();
+    if (parentPlacement) {
+        throw new Error(`Stack.Toolbar cannot be nested inside another Stack.Toolbar.`);
+    }
+    if (placement === 'bottom') {
+        return (<context_1.ToolbarPlacementContext.Provider value="bottom">
+        <NativeMenuContext_1.NativeMenuContext value>
+          <native_1.RouterToolbarHost>{children}</native_1.RouterToolbarHost>
+        </NativeMenuContext_1.NativeMenuContext>
+      </context_1.ToolbarPlacementContext.Provider>);
+    }
+    // placement === 'left' or 'right'
+    // This component will only render when used inside a page
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const updatedOptions = (0, react_2.useMemo)(() => appendStackToolbarPropsToOptions({}, { children, placement, asChild }), [children, placement, asChild]);
+    return (<context_1.ToolbarPlacementContext.Provider value={placement}>
+      <Screen_1.Screen options={updatedOptions}/>
+    </context_1.ToolbarPlacementContext.Provider>);
+};
+exports.StackToolbar = StackToolbar;
+function convertToolbarChildrenToUnstableItems(children, side) {
+    const allChildren = react_1.default.Children.toArray(children);
+    const actions = allChildren.filter((child) => (0, children_1.isChildOfType)(child, StackToolbarButton_1.StackToolbarButton) ||
+        (0, children_1.isChildOfType)(child, StackToolbarMenu_1.StackToolbarMenu) ||
+        (0, children_1.isChildOfType)(child, StackToolbarSpacer_1.StackToolbarSpacer) ||
+        (0, children_1.isChildOfType)(child, StackToolbarView_1.StackToolbarView));
+    if (actions.length !== allChildren.length && process.env.NODE_ENV !== 'production') {
+        const otherElements = allChildren
+            .filter((child) => !actions.some((action) => action === child))
+            .map((e) => {
+            if ((0, react_1.isValidElement)(e)) {
+                if (e.type === react_1.Fragment) {
+                    return '<Fragment>';
+                }
+                else {
+                    return e.type?.name ?? e.type;
+                }
+            }
+            return String(e);
+        });
+        console.warn(`Stack.Toolbar with placement="${side}" only accepts <Stack.Toolbar.Button>, <Stack.Toolbar.Menu>, <Stack.Toolbar.View>, and <Stack.Toolbar.Spacer> as children. Found invalid children: ${otherElements.join(', ')}`);
+    }
+    return () => actions
+        .map((action) => {
+        if ((0, children_1.isChildOfType)(action, StackToolbarButton_1.StackToolbarButton)) {
+            return (0, StackToolbarButton_1.convertStackToolbarButtonPropsToRNHeaderItem)(action.props);
+        }
+        else if ((0, children_1.isChildOfType)(action, StackToolbarMenu_1.StackToolbarMenu)) {
+            return (0, StackToolbarMenu_1.convertStackToolbarMenuPropsToRNHeaderItem)(action.props);
+        }
+        else if ((0, children_1.isChildOfType)(action, StackToolbarSpacer_1.StackToolbarSpacer)) {
+            return (0, StackToolbarSpacer_1.convertStackToolbarSpacerPropsToRNHeaderItem)(action.props);
+        }
+        return (0, StackToolbarView_1.convertStackToolbarViewPropsToRNHeaderItem)(action.props);
+    })
+        .filter((item) => !!item);
+}
+function appendStackToolbarPropsToOptions(options, props) {
+    const { children, placement = 'bottom', asChild } = props;
+    if (placement === 'bottom') {
+        // Bottom toolbar doesn't modify navigation options
+        return options;
+    }
+    if (asChild) {
+        if (placement === 'left') {
+            return {
+                ...options,
+                headerShown: true,
+                headerLeft: () => children,
+            };
+        }
+        else {
+            return {
+                ...options,
+                headerShown: true,
+                headerRight: () => children,
+            };
+        }
+    }
+    if (placement === 'left') {
+        return {
+            ...options,
+            headerShown: true,
+            unstable_headerLeftItems: convertToolbarChildrenToUnstableItems(children, 'left'),
+        };
+    }
+    return {
+        ...options,
+        headerShown: true,
+        unstable_headerRightItems: convertToolbarChildrenToUnstableItems(children, 'right'),
+    };
+}
+exports.StackToolbar.Button = StackToolbarButton_1.StackToolbarButton;
+exports.StackToolbar.Menu = StackToolbarMenu_1.StackToolbarMenu;
+exports.StackToolbar.MenuAction = StackToolbarMenu_1.StackToolbarMenuAction;
+exports.StackToolbar.SearchBarSlot = StackToolbarSearchBarSlot_1.StackToolbarSearchBarSlot;
+exports.StackToolbar.Spacer = StackToolbarSpacer_1.StackToolbarSpacer;
+exports.StackToolbar.View = StackToolbarView_1.StackToolbarView;
+exports.StackToolbar.Label = common_primitives_1.StackToolbarLabel;
+exports.StackToolbar.Icon = common_primitives_1.StackToolbarIcon;
+exports.StackToolbar.Badge = common_primitives_1.StackToolbarBadge;
+exports.default = exports.StackToolbar;
+//# sourceMappingURL=StackToolbarClient.js.map

package/build/layouts/stack-utils/toolbar/StackToolbarClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackToolbarClient.js","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/toolbar/StackToolbarClient.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React, { Fragment, isValidElement, type ReactNode } from 'react';\nimport { useMemo } from 'react';\n\nimport {\n  convertStackToolbarButtonPropsToRNHeaderItem,\n  StackToolbarButton,\n} from './StackToolbarButton';\nimport {\n  convertStackToolbarMenuPropsToRNHeaderItem,\n  StackToolbarMenu,\n  StackToolbarMenuAction,\n} from './StackToolbarMenu';\nimport { StackToolbarSearchBarSlot } from './StackToolbarSearchBarSlot';\nimport {\n  convertStackToolbarSpacerPropsToRNHeaderItem,\n  StackToolbarSpacer,\n} from './StackToolbarSpacer';\nimport { convertStackToolbarViewPropsToRNHeaderItem, StackToolbarView } from './StackToolbarView';\nimport { ToolbarPlacementContext, useToolbarPlacement, type ToolbarPlacement } from './context';\nimport { NativeMenuContext } from '../../../link/NativeMenuContext';\nimport { RouterToolbarHost } from '../../../toolbar/native';\nimport { isChildOfType } from '../../../utils/children';\nimport { Screen } from '../../../views/Screen';\nimport { StackToolbarBadge, StackToolbarIcon, StackToolbarLabel } from '../common-primitives';\n\nexport interface StackToolbarProps {\n  /**\n   * Child elements to compose the toolbar. Can include Stack.Toolbar.Button,\n   * Stack.Toolbar.Menu, Stack.Toolbar.View, Stack.Toolbar.Spacer, and\n   * Stack.Toolbar.SearchBarSlot (bottom only) components.\n   */\n  children?: ReactNode;\n  /**\n   * The placement of the toolbar.\n   *\n   * - `'left'`: Renders items in the left area of the header.\n   * - `'right'`: Renders items in the right area of the header.\n   * - `'bottom'`: Renders items in the bottom toolbar (iOS only).\n   *\n   * @default 'bottom'\n   */\n  placement?: ToolbarPlacement;\n  /**\n   * When `true`, renders children as a custom component in the header area,\n   * replacing the default header layout.\n   *\n   * Only applies to `placement=\"left\"` and `placement=\"right\"`.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\n\n/**\n * The component used to configure the stack toolbar.\n *\n * - Use `placement=\"left\"` to customize the left side of the header.\n * - Use `placement=\"right\"` to customize the right side of the header.\n * - Use `placement=\"bottom\"` (default) to show a bottom toolbar (iOS only).\n *\n * > **Note:** Using `Stack.Toolbar` with `placement=\"left\"` or `placement=\"right\"` will\n * automatically make the header visible (`headerShown: true`), as the toolbar is rendered\n * as part of the native header.\n *\n * > **Note:** `Stack.Toolbar` with `placement=\"bottom\"` can only be used inside **page**\n * components, not in layout components.\n *\n * > **Note**: Stack.Toolbar is an experimental API and may change without notice.\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=\"sidebar.left\" onPress={() => alert('Left button pressed!')} />\n *         </Stack.Toolbar>\n *         <Stack.Toolbar placement=\"right\">\n *           <Stack.Toolbar.Button icon=\"ellipsis.circle\" onPress={() => alert('Right button 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=\"sidebar.left\" onPress={() => alert('Left button pressed!')} />\n *       </Stack.Toolbar>\n *       <Stack.Toolbar>\n *         <Stack.Toolbar.Spacer />\n *         <Stack.Toolbar.Button icon=\"magnifyingglass\" onPress={() => {}} />\n *         <Stack.Toolbar.Spacer />\n *       </Stack.Toolbar>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport const StackToolbar = ({ children, placement = 'bottom', asChild }: StackToolbarProps) => {\n  const parentPlacement = useToolbarPlacement();\n  if (parentPlacement) {\n    throw new Error(`Stack.Toolbar cannot be nested inside another Stack.Toolbar.`);\n  }\n\n  if (placement === 'bottom') {\n    return (\n      <ToolbarPlacementContext.Provider value=\"bottom\">\n        <NativeMenuContext value>\n          <RouterToolbarHost>{children}</RouterToolbarHost>\n        </NativeMenuContext>\n      </ToolbarPlacementContext.Provider>\n    );\n  }\n\n  // placement === 'left' or 'right'\n  // This component will only render when used inside a page\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const updatedOptions = useMemo(\n    () => appendStackToolbarPropsToOptions({}, { children, placement, asChild }),\n    [children, placement, asChild]\n  );\n  return (\n    <ToolbarPlacementContext.Provider value={placement}>\n      <Screen options={updatedOptions} />\n    </ToolbarPlacementContext.Provider>\n  );\n};\n\nfunction convertToolbarChildrenToUnstableItems(\n  children: React.ReactNode,\n  side: 'left' | 'right'\n):\n  | NativeStackNavigationOptions['unstable_headerRightItems']\n  | NativeStackNavigationOptions['unstable_headerLeftItems'] {\n  const allChildren = React.Children.toArray(children);\n  const actions = allChildren.filter(\n    (child) =>\n      isChildOfType(child, StackToolbarButton) ||\n      isChildOfType(child, StackToolbarMenu) ||\n      isChildOfType(child, StackToolbarSpacer) ||\n      isChildOfType(child, StackToolbarView)\n  );\n  if (actions.length !== allChildren.length && process.env.NODE_ENV !== 'production') {\n    const otherElements = allChildren\n      .filter((child) => !actions.some((action) => action === child))\n      .map((e) => {\n        if (isValidElement(e)) {\n          if (e.type === Fragment) {\n            return '<Fragment>';\n          } else {\n            return (e.type as { name: string })?.name ?? e.type;\n          }\n        }\n\n        return String(e);\n      });\n    console.warn(\n      `Stack.Toolbar with placement=\"${side}\" only accepts <Stack.Toolbar.Button>, <Stack.Toolbar.Menu>, <Stack.Toolbar.View>, and <Stack.Toolbar.Spacer> as children. Found invalid children: ${otherElements.join(', ')}`\n    );\n  }\n  return () =>\n    actions\n      .map((action) => {\n        if (isChildOfType(action, StackToolbarButton)) {\n          return convertStackToolbarButtonPropsToRNHeaderItem(action.props);\n        } else if (isChildOfType(action, StackToolbarMenu)) {\n          return convertStackToolbarMenuPropsToRNHeaderItem(action.props);\n        } else if (isChildOfType(action, StackToolbarSpacer)) {\n          return convertStackToolbarSpacerPropsToRNHeaderItem(action.props);\n        }\n        return convertStackToolbarViewPropsToRNHeaderItem(action.props);\n      })\n      .filter((item) => !!item);\n}\n\nexport function appendStackToolbarPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackToolbarProps\n): NativeStackNavigationOptions {\n  const { children, placement = 'bottom', asChild } = props;\n\n  if (placement === 'bottom') {\n    // Bottom toolbar doesn't modify navigation options\n    return options;\n  }\n\n  if (asChild) {\n    if (placement === 'left') {\n      return {\n        ...options,\n        headerShown: true,\n        headerLeft: () => children,\n      };\n    } else {\n      return {\n        ...options,\n        headerShown: true,\n        headerRight: () => children,\n      };\n    }\n  }\n\n  if (placement === 'left') {\n    return {\n      ...options,\n      headerShown: true,\n      unstable_headerLeftItems: convertToolbarChildrenToUnstableItems(children, 'left'),\n    };\n  }\n\n  return {\n    ...options,\n    headerShown: true,\n    unstable_headerRightItems: convertToolbarChildrenToUnstableItems(children, 'right'),\n  };\n}\n\nStackToolbar.Button = StackToolbarButton;\nStackToolbar.Menu = StackToolbarMenu;\nStackToolbar.MenuAction = StackToolbarMenuAction;\nStackToolbar.SearchBarSlot = StackToolbarSearchBarSlot;\nStackToolbar.Spacer = StackToolbarSpacer;\nStackToolbar.View = StackToolbarView;\nStackToolbar.Label = StackToolbarLabel;\nStackToolbar.Icon = StackToolbarIcon;\nStackToolbar.Badge = StackToolbarBadge;\n\nexport default StackToolbar;\n"]}

package/build/layouts/stack-utils/{StackHeaderMenu.d.ts → toolbar/StackToolbarMenu.d.ts}

@@ -1,38 +1,23 @@
 import type { NativeStackHeaderItemMenu, NativeStackHeaderItemMenuAction } from '@react-navigation/native-stack';
+import type { ImageRef } from 'expo-image';
 import { type ReactNode } from 'react';
 import type { ImageSourcePropType } from 'react-native';
 import type { SFSymbol } from 'sf-symbols-typescript';
-import { type StackHeaderItemSharedProps } from './shared';
-export interface StackHeaderMenuProps {
+import { type StackHeaderItemSharedProps } from '../shared';
+export interface StackToolbarMenuProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
     /**
-     * There are two ways to specify the content of the menu header item - using props or child components:
+     * Menu content - can include icons, labels, badges and menu actions.
      *
      * @example
      * ```tsx
-     * import { Stack } from 'expo-router';
-     *
-     * ...
-     * <Stack.Header.Menu icon="star.fill" title="As props">
-     *  <Stack.Header.MenuAction>Action 1</Stack.Header.MenuAction>
-     * </Stack.Header.Menu>
+     * <Stack.Toolbar.Menu>
+     *   <Stack.Toolbar.Icon sfSymbol="ellipsis.circle" />
+     *   <Stack.Toolbar.Label>Options</Stack.Toolbar.Label>
+     *   <Stack.Toolbar.MenuAction onPress={() => {}}>Action 1</Stack.Toolbar.MenuAction>
+     * </Stack.Toolbar.Menu>
      * ```
-     *
-     * @example
-     * ```tsx
-     * import { Stack } from 'expo-router';
-     *
-     * ...
-     * <Stack.Header.Menu>
-     *   <Stack.Header.Icon sf="star.fill" />
-     *   <Stack.Header.Label>As components</Stack.Header.Label>
-     *   <Stack.Header.Badge>3</Stack.Header.Badge>
-     *   <Stack.Header.MenuAction>Action 1</Stack.Header.MenuAction>
-     * </Stack.Header.Menu>
-     * ```
-     *
-     * **Note**: When icon is used, the label will not be shown and will be used for accessibility purposes only.
      */
     children?: ReactNode;
     /**
@@ -42,6 +27,12 @@ export interface StackHeaderMenuProps {
      */
     destructive?: boolean;
     disabled?: boolean;
+    /**
+     * Image to display for the menu item.
+     *
+     * > **Note**: This prop is only supported in `Stack.Toolbar.Bottom`.
+     */
+    image?: ImageRef;
     /**
      * Whether to hide the shared background.
      *
@@ -66,7 +57,7 @@ export interface StackHeaderMenuProps {
      * If `true`, the menu will be displayed inline.
      * This means that the menu will not be collapsed
      *
-     * > **Note*: Inline menus are only supported in submenus.
+     * > **Note**: Inline menus are only supported in submenus.
      *
      * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenu/options-swift.struct/displayinline) for more information.
      */
@@ -104,12 +95,20 @@ export interface StackHeaderMenuProps {
      * @default 'plain'
      */
     variant?: StackHeaderItemSharedProps['variant'];
+    /**
+     * The preferred size of the menu elements.
+     *
+     * > **Note**: This prop is only supported in `Stack.Toolbar.Bottom`.
+     *
+     * @see [Apple documentation](https://developer.apple.com/documentation/uikit/uimenu/preferredelementsize) for more information.
+     *
+     * @platform iOS 16.0+
+     */
+    elementSize?: 'auto' | 'small' | 'medium' | 'large';
 }
 /**
- * Component representing menu for `Stack.Header.Right` or `Stack.Header.Left`.
- *
- * Use as `Stack.Header.Menu` to provide top-level menus on iOS header bars.
- * It accepts `Stack.Header.MenuAction` and nested `Stack.Header.Menu`
+ * 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.
  *
@@ -118,58 +117,17 @@ export interface StackHeaderMenuProps {
  * import { Stack } from 'expo-router';
  * import { Alert } from 'react-native';
  *
- * export default function Screen() {
+ * 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 />
- *       <Stack.Screen>
- *         <Stack.Header>
- *           <Stack.Header.Right>
- *             <Stack.Header.Menu>
- *               <Stack.Header.Label>Menu</Stack.Header.Label>
- *               <Stack.Header.Icon sf="ellipsis.circle" />
- *               <Stack.Header.MenuAction onPress={() => Alert.alert('Action 1 pressed!')}>
- *                 Action 1
- *               </Stack.Header.MenuAction>
- *               <Stack.Header.MenuAction isOn icon="star.fill">
- *                 Action 2
- *               </Stack.Header.MenuAction>
- *               <Stack.Header.Menu inline>
- *                 <Stack.Header.MenuAction isOn>Sub Action</Stack.Header.MenuAction>
- *               </Stack.Header.Menu>
- *             </Stack.Header.Menu>
- *           </Stack.Header.Right>
- *         </Stack.Header>
- *       </Stack.Screen>
- *     </>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * import { Stack } from 'expo-router';
- * import { Text } from 'react-native';
- *
- * export default function Screen() {
- *   return (
- *     <>
- *       <ScreenContent />
- *       <Stack.Screen>
- *         <Stack.Header>
- *           <Stack.Header.Left>
- *             <Stack.Header.Menu>
- *               <Stack.Header.MenuAction onPress={() => Alert.alert('Action 1 pressed!')}>
- *                 Action 1
- *               </Stack.Header.MenuAction>
- *               <Stack.Header.Menu inline palette title="Icons">
- *                 <Stack.Header.MenuAction isOn icon="star.fill" />
- *                 <Stack.Header.MenuAction icon="heart.fill" />
- *               </Stack.Header.Menu>
- *             </Stack.Header.Menu>
- *           </Stack.Header.Left>
- *         </Stack.Header>
- *       </Stack.Screen>
  *     </>
  *   );
  * }
@@ -179,9 +137,9 @@ export interface StackHeaderMenuProps {
  *
  * @platform ios
  */
-export declare const StackHeaderMenu: React.FC<StackHeaderMenuProps>;
-export declare function convertStackHeaderMenuPropsToRNHeaderItem(props: StackHeaderMenuProps): NativeStackHeaderItemMenu | undefined;
-export interface StackHeaderMenuActionProps {
+export declare const StackToolbarMenu: React.FC<StackToolbarMenuProps>;
+export declare function convertStackToolbarMenuPropsToRNHeaderItem(props: StackToolbarMenuProps): NativeStackHeaderItemMenu | undefined;
+export interface StackToolbarMenuActionProps {
     /**
      * Can be an Icon, Label or string title.
      */
@@ -193,6 +151,12 @@ export interface StackHeaderMenuActionProps {
      */
     disabled?: boolean;
     icon?: SFSymbol | ImageSourcePropType;
+    /**
+     * Image to display for the menu action.
+     *
+     * > **Note**: This prop is only supported in `Stack.Toolbar.Bottom`.
+     */
+    image?: ImageRef;
     /**
      * If `true`, the menu item will be displayed as destructive.
      *
@@ -226,42 +190,30 @@ export interface StackHeaderMenuActionProps {
     hidden?: boolean;
 }
 /**
- * An action item for a `Stack.Header.Menu`.
+ * An action item for a `Stack.Toolbar.Menu`.
  *
  * @example
  * ```tsx
- * import React from 'react';
- * import { Alert } from 'react-native';
- * import { Stack, Label, Icon } from 'expo-router';
+ * import { Stack } from 'expo-router';
  *
- * export default function ExampleScreen() {
+ * 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 />
- *       <Stack.Screen>
- *         <Stack.Header>
- *           <Stack.Header.Right>
- *             <Stack.Header.Menu icon="ellipsis.circle">
- *               <Stack.Header.MenuAction onPress={() => Alert.alert('Action 1 pressed!')}>
- *                 Action 1
- *               </Stack.Header.MenuAction>
- *               <Stack.Header.MenuAction isOn onPress={() => Alert.alert('Action 2 pressed!')}>
- *                 <Label>Action 2</Label>
- *                 <Icon sf="star.fill" />
- *               </Stack.Header.MenuAction>
- *             </Stack.Header.Menu>
- *           </Stack.Header.Right>
- *         </Stack.Header>
- *       </Stack.Screen>
  *     </>
  *   );
  * }
  * ```
  *
- * @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 StackHeaderMenuAction: React.FC<StackHeaderMenuActionProps>;
-export declare function convertStackHeaderMenuActionPropsToRNHeaderItem(props: StackHeaderMenuActionProps): NativeStackHeaderItemMenuAction;
-//# sourceMappingURL=StackHeaderMenu.d.ts.map
+export declare const StackToolbarMenuAction: React.FC<StackToolbarMenuActionProps>;
+export declare function convertStackToolbarMenuActionPropsToRNHeaderItem(props: StackToolbarMenuActionProps): NativeStackHeaderItemMenuAction;
+//# sourceMappingURL=StackToolbarMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackToolbarMenu.d.ts","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/toolbar/StackToolbarMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,+BAA+B,EAEhC,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMtD,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAC1C;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAEhD;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+B5D,CAAC;AAEF,wBAAgB,0CAA0C,CACxD,KAAK,EAAE,qBAAqB,GAC3B,yBAAyB,GAAG,SAAS,CA4BvC;AAwDD,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,mBAAmB,CAAC;IAEtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAUxE,CAAC;AAEF,wBAAgB,gDAAgD,CAC9D,KAAK,EAAE,2BAA2B,GACjC,+BAA+B,CAyBjC"}