expo-router 5.2.0-canary-20250630-547cd82 → 5.2.0-canary-20250709-136b77f

package/build/modal/web/modalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalStyles.js","sourceRoot":"","sources":["../../../src/modal/web/modalStyles.ts"],"names":[],"mappings":";;;;;AAAA,wFAAsD;AAEtD,kBAAe,0BAAM,CAAC","sourcesContent":["import styles from '../../../assets/modal.module.css';\n\nexport default styles;\n"]}

package/build/modal/web/types.d.ts

@@ -0,0 +1,14 @@
+import { ParamListBase, StackActionHelpers, StackNavigationState, StackRouterOptions, useNavigationBuilder } from '@react-navigation/native';
+import { NativeStackNavigationEventMap, NativeStackNavigationOptions } from '@react-navigation/native-stack';
+import { ExtendedStackNavigationOptions } from '../../layouts/StackClient';
+export type ModalStackNavigatorProps = {
+    initialRouteName?: string;
+    screenOptions?: ExtendedStackNavigationOptions;
+    children: React.ReactNode;
+};
+export type ModalStackViewProps = Omit<ReturnType<typeof useNavigationBuilder<StackNavigationState<ParamListBase>, StackRouterOptions, StackActionHelpers<ParamListBase>, NativeStackNavigationOptions, NativeStackNavigationEventMap>>, 'NavigationContent'>;
+export type CSSWithVars = React.CSSProperties & {
+    [key: `--${string}`]: string | number;
+};
+export type PresentationOptions = Partial<Pick<ExtendedStackNavigationOptions, 'presentation'>>;
+//# sourceMappingURL=types.d.ts.map

package/build/modal/web/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,6BAA6B,EAC7B,4BAA4B,EAC7B,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,UAAU,CACR,OAAO,oBAAoB,CACzB,oBAAoB,CAAC,aAAa,CAAC,EACnC,kBAAkB,EAClB,kBAAkB,CAAC,aAAa,CAAC,EACjC,4BAA4B,EAC5B,6BAA6B,CAC9B,CACF,EACD,mBAAmB,CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,GAAG;IAC9C,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC,CAAC"}

package/build/modal/web/types.js

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

package/build/modal/web/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/modal/web/types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  ParamListBase,\n  StackActionHelpers,\n  StackNavigationState,\n  StackRouterOptions,\n  useNavigationBuilder,\n} from '@react-navigation/native';\nimport {\n  NativeStackNavigationEventMap,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack';\n\nimport { ExtendedStackNavigationOptions } from '../../layouts/StackClient';\n\nexport type ModalStackNavigatorProps = {\n  initialRouteName?: string;\n  screenOptions?: ExtendedStackNavigationOptions;\n  children: React.ReactNode;\n};\n\nexport type ModalStackViewProps = Omit<\n  ReturnType<\n    typeof useNavigationBuilder<\n      StackNavigationState<ParamListBase>,\n      StackRouterOptions,\n      StackActionHelpers<ParamListBase>,\n      NativeStackNavigationOptions,\n      NativeStackNavigationEventMap\n    >\n  >,\n  'NavigationContent'\n>;\n\nexport type CSSWithVars = React.CSSProperties & {\n  [key: `--${string}`]: string | number;\n};\n\nexport type PresentationOptions = Partial<Pick<ExtendedStackNavigationOptions, 'presentation'>>;\n"]}

package/build/modal/web/utils.d.ts

@@ -0,0 +1,70 @@
+import { ParamListBase, StackNavigationState } from '@react-navigation/native';
+import { ExtendedStackNavigationOptions } from '../../layouts/StackClient';
+/**
+ * A minimal subset of `ExtendedStackNavigationOptions` needed for the helper
+ * @internal
+ */
+export type PresentationOptions = Partial<Pick<ExtendedStackNavigationOptions, 'presentation'>>;
+/**
+ * Helper to determine if a given screen should be treated as a modal-type presentation
+ *
+ * @param options - The navigation options.
+ * @returns Whether the screen should be treated as a modal-type presentation.
+ *
+ * @internal
+ */
+export declare function isModalPresentation(options?: PresentationOptions | null): boolean;
+/**
+ * Helper to determine if a given screen should be treated as a transparent modal-type presentation
+ *
+ * @param options - The navigation options.
+ * @returns Whether the screen should be treated as a transparent modal-type presentation.
+ *
+ * @internal
+ */
+export declare function isTransparentModalPresentation(options?: PresentationOptions | null): boolean;
+/**
+ * SSR-safe viewport detection: initial render always returns `false` so that
+ * server and client markup match. The actual media query evaluation happens
+ * after mount.
+ *
+ * @internal
+ */
+export declare function useIsDesktop(breakpoint?: number): boolean;
+/**
+ * Returns a copy of the given Stack navigation state with any modal-type routes removed
+ * (only when running on the web) and a recalculated `index` that still points at the
+ * currently active non-modal route. If the active route *is* a modal that gets
+ * filtered out, we fall back to the last remaining route – this matches the logic
+ * used inside `ModalStackView` so that the underlying `NativeStackView` never tries
+ * to render a modal screen that is simultaneously being shown in the overlay.
+ *
+ * This helper is exported primarily for unit-testing; it should be considered
+ * internal to `ModalStack.web` and not a public API.
+ *
+ * @param state - The navigation state.
+ * @param descriptors - The navigation descriptors.
+ * @param isWeb - Whether the current platform is web.
+ * @returns The navigation state with any modal-type routes removed.
+ *
+ * @internal
+ */
+export declare function convertStackStateToNonModalState(state: StackNavigationState<ParamListBase>, descriptors: Record<string, {
+    options: ExtendedStackNavigationOptions;
+}>, isWeb: boolean): {
+    routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+    index: number;
+};
+/**
+ * Returns the index of the last route in the stack that is *not* a modal.
+ *
+ * @param state - The navigation state.
+ * @param descriptors - The navigation descriptors.
+ * @returns The index of the last non-modal route.
+ *
+ * @internal
+ */
+export declare function findLastNonModalIndex(state: StackNavigationState<ParamListBase>, descriptors: Record<string, {
+    options: ExtendedStackNavigationOptions;
+}>): number;
+//# sourceMappingURL=utils.d.ts.map

package/build/modal/web/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/modal/web/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAG/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC,CAAC;AAEhG;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,WAUvE;AAED;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,WAGlF;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,UAAU,GAAE,MAAY,WAoBpD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,EAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,8BAA8B,CAAA;CAAE,CAAC,EACxE,KAAK,EAAE,OAAO;;;EAmBf;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,EAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,8BAA8B,CAAA;CAAE,CAAC,UASzE"}

package/build/modal/web/utils.js

@@ -0,0 +1,117 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isModalPresentation = isModalPresentation;
+exports.isTransparentModalPresentation = isTransparentModalPresentation;
+exports.useIsDesktop = useIsDesktop;
+exports.convertStackStateToNonModalState = convertStackStateToNonModalState;
+exports.findLastNonModalIndex = findLastNonModalIndex;
+const react_1 = __importDefault(require("react"));
+/**
+ * Helper to determine if a given screen should be treated as a modal-type presentation
+ *
+ * @param options - The navigation options.
+ * @returns Whether the screen should be treated as a modal-type presentation.
+ *
+ * @internal
+ */
+function isModalPresentation(options) {
+    const presentation = options?.presentation;
+    return (presentation === 'modal' ||
+        presentation === 'formSheet' ||
+        presentation === 'fullScreenModal' ||
+        presentation === 'containedModal' ||
+        presentation === 'transparentModal' ||
+        presentation === 'containedTransparentModal');
+}
+/**
+ * Helper to determine if a given screen should be treated as a transparent modal-type presentation
+ *
+ * @param options - The navigation options.
+ * @returns Whether the screen should be treated as a transparent modal-type presentation.
+ *
+ * @internal
+ */
+function isTransparentModalPresentation(options) {
+    const presentation = options?.presentation;
+    return presentation === 'transparentModal' || presentation === 'containedTransparentModal';
+}
+/**
+ * SSR-safe viewport detection: initial render always returns `false` so that
+ * server and client markup match. The actual media query evaluation happens
+ * after mount.
+ *
+ * @internal
+ */
+function useIsDesktop(breakpoint = 768) {
+    const isWeb = process.env.EXPO_OS === 'web';
+    // Ensure server-side and initial client render agree (mobile first).
+    const [isDesktop, setIsDesktop] = react_1.default.useState(false);
+    react_1.default.useEffect(() => {
+        if (!isWeb || typeof window === 'undefined')
+            return;
+        const mql = window.matchMedia(`(min-width: ${breakpoint}px)`);
+        const listener = (e) => setIsDesktop(e.matches);
+        // Update immediately after mount
+        setIsDesktop(mql.matches);
+        mql.addEventListener('change', listener);
+        return () => mql.removeEventListener('change', listener);
+    }, [breakpoint, isWeb]);
+    return isDesktop;
+}
+/**
+ * Returns a copy of the given Stack navigation state with any modal-type routes removed
+ * (only when running on the web) and a recalculated `index` that still points at the
+ * currently active non-modal route. If the active route *is* a modal that gets
+ * filtered out, we fall back to the last remaining route – this matches the logic
+ * used inside `ModalStackView` so that the underlying `NativeStackView` never tries
+ * to render a modal screen that is simultaneously being shown in the overlay.
+ *
+ * This helper is exported primarily for unit-testing; it should be considered
+ * internal to `ModalStack.web` and not a public API.
+ *
+ * @param state - The navigation state.
+ * @param descriptors - The navigation descriptors.
+ * @param isWeb - Whether the current platform is web.
+ * @returns The navigation state with any modal-type routes removed.
+ *
+ * @internal
+ */
+function convertStackStateToNonModalState(state, descriptors, isWeb) {
+    if (!isWeb) {
+        return { routes: state.routes, index: state.index };
+    }
+    // Remove every modal-type route from the stack on web.
+    const routes = state.routes.filter((route) => {
+        return !isModalPresentation(descriptors[route.key].options);
+    });
+    // Recalculate the active index so it still points at the same non-modal route, or –
+    // if that route was filtered out – at the last remaining route.
+    let index = routes.findIndex((r) => r.key === state.routes[state.index]?.key);
+    if (index < 0) {
+        index = routes.length > 0 ? routes.length - 1 : 0;
+    }
+    return { routes, index };
+}
+/**
+ * Returns the index of the last route in the stack that is *not* a modal.
+ *
+ * @param state - The navigation state.
+ * @param descriptors - The navigation descriptors.
+ * @returns The index of the last non-modal route.
+ *
+ * @internal
+ */
+function findLastNonModalIndex(state, descriptors) {
+    // Iterate backwards through the stack to find the last non-modal route.
+    for (let i = state.routes.length - 1; i >= 0; i--) {
+        if (!isModalPresentation(descriptors[state.routes[i].key].options)) {
+            return i;
+        }
+    }
+    return -1;
+}
+//# sourceMappingURL=utils.js.map

package/build/modal/web/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/modal/web/utils.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;AAoBb,kDAUC;AAUD,wEAGC;AASD,oCAoBC;AAoBD,4EAsBC;AAWD,sDAWC;AAtID,kDAA0B;AAU1B;;;;;;;GAOG;AACH,SAAgB,mBAAmB,CAAC,OAAoC;IACtE,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,OAAO,CACL,YAAY,KAAK,OAAO;QACxB,YAAY,KAAK,WAAW;QAC5B,YAAY,KAAK,iBAAiB;QAClC,YAAY,KAAK,gBAAgB;QACjC,YAAY,KAAK,kBAAkB;QACnC,YAAY,KAAK,2BAA2B,CAC7C,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,8BAA8B,CAAC,OAAoC;IACjF,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,OAAO,YAAY,KAAK,kBAAkB,IAAI,YAAY,KAAK,2BAA2B,CAAC;AAC7F,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,YAAY,CAAC,aAAqB,GAAG;IACnD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC;IAE5C,qEAAqE;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjE,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAEpD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,UAAU,KAAK,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAErE,iCAAiC;QACjC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1B,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,gCAAgC,CAC9C,KAA0C,EAC1C,WAAwE,EACxE,KAAc;IAEd,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACtD,CAAC;IAED,uDAAuD;IACvD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3C,OAAO,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,oFAAoF;IACpF,gEAAgE;IAChE,IAAI,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC9E,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AAC3B,CAAC;AAED;;;;;;;;GAQG;AACH,SAAgB,qBAAqB,CACnC,KAA0C,EAC1C,WAAwE;IAExE,wEAAwE;IACxE,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAClD,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;YACnE,OAAO,CAAC,CAAC;QACX,CAAC;IACH,CAAC;IACD,OAAO,CAAC,CAAC,CAAC;AACZ,CAAC","sourcesContent":["'use client';\nimport { ParamListBase, StackNavigationState } from '@react-navigation/native';\nimport React from 'react';\n\nimport { ExtendedStackNavigationOptions } from '../../layouts/StackClient';\n\n/**\n * A minimal subset of `ExtendedStackNavigationOptions` needed for the helper\n * @internal\n */\nexport type PresentationOptions = Partial<Pick<ExtendedStackNavigationOptions, 'presentation'>>;\n\n/**\n * Helper to determine if a given screen should be treated as a modal-type presentation\n *\n * @param options - The navigation options.\n * @returns Whether the screen should be treated as a modal-type presentation.\n *\n * @internal\n */\nexport function isModalPresentation(options?: PresentationOptions | null) {\n  const presentation = options?.presentation;\n  return (\n    presentation === 'modal' ||\n    presentation === 'formSheet' ||\n    presentation === 'fullScreenModal' ||\n    presentation === 'containedModal' ||\n    presentation === 'transparentModal' ||\n    presentation === 'containedTransparentModal'\n  );\n}\n\n/**\n * Helper to determine if a given screen should be treated as a transparent modal-type presentation\n *\n * @param options - The navigation options.\n * @returns Whether the screen should be treated as a transparent modal-type presentation.\n *\n * @internal\n */\nexport function isTransparentModalPresentation(options?: PresentationOptions | null) {\n  const presentation = options?.presentation;\n  return presentation === 'transparentModal' || presentation === 'containedTransparentModal';\n}\n\n/**\n * SSR-safe viewport detection: initial render always returns `false` so that\n * server and client markup match. The actual media query evaluation happens\n * after mount.\n *\n * @internal\n */\nexport function useIsDesktop(breakpoint: number = 768) {\n  const isWeb = process.env.EXPO_OS === 'web';\n\n  // Ensure server-side and initial client render agree (mobile first).\n  const [isDesktop, setIsDesktop] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    if (!isWeb || typeof window === 'undefined') return;\n\n    const mql = window.matchMedia(`(min-width: ${breakpoint}px)`);\n    const listener = (e: MediaQueryListEvent) => setIsDesktop(e.matches);\n\n    // Update immediately after mount\n    setIsDesktop(mql.matches);\n\n    mql.addEventListener('change', listener);\n    return () => mql.removeEventListener('change', listener);\n  }, [breakpoint, isWeb]);\n\n  return isDesktop;\n}\n\n/**\n * Returns a copy of the given Stack navigation state with any modal-type routes removed\n * (only when running on the web) and a recalculated `index` that still points at the\n * currently active non-modal route. If the active route *is* a modal that gets\n * filtered out, we fall back to the last remaining route – this matches the logic\n * used inside `ModalStackView` so that the underlying `NativeStackView` never tries\n * to render a modal screen that is simultaneously being shown in the overlay.\n *\n * This helper is exported primarily for unit-testing; it should be considered\n * internal to `ModalStack.web` and not a public API.\n *\n * @param state - The navigation state.\n * @param descriptors - The navigation descriptors.\n * @param isWeb - Whether the current platform is web.\n * @returns The navigation state with any modal-type routes removed.\n *\n * @internal\n */\nexport function convertStackStateToNonModalState(\n  state: StackNavigationState<ParamListBase>,\n  descriptors: Record<string, { options: ExtendedStackNavigationOptions }>,\n  isWeb: boolean\n) {\n  if (!isWeb) {\n    return { routes: state.routes, index: state.index };\n  }\n\n  // Remove every modal-type route from the stack on web.\n  const routes = state.routes.filter((route) => {\n    return !isModalPresentation(descriptors[route.key].options);\n  });\n\n  // Recalculate the active index so it still points at the same non-modal route, or –\n  // if that route was filtered out – at the last remaining route.\n  let index = routes.findIndex((r) => r.key === state.routes[state.index]?.key);\n  if (index < 0) {\n    index = routes.length > 0 ? routes.length - 1 : 0;\n  }\n\n  return { routes, index };\n}\n\n/**\n * Returns the index of the last route in the stack that is *not* a modal.\n *\n * @param state - The navigation state.\n * @param descriptors - The navigation descriptors.\n * @returns The index of the last non-modal route.\n *\n * @internal\n */\nexport function findLastNonModalIndex(\n  state: StackNavigationState<ParamListBase>,\n  descriptors: Record<string, { options: ExtendedStackNavigationOptions }>\n) {\n  // Iterate backwards through the stack to find the last non-modal route.\n  for (let i = state.routes.length - 1; i >= 0; i--) {\n    if (!isModalPresentation(descriptors[state.routes[i].key].options)) {\n      return i;\n    }\n  }\n  return -1;\n}\n"]}

package/ios/ExpoHead.podspec

@@ -13,7 +13,7 @@ Pod::Spec.new do |s|
   s.platforms      = {
     :ios => '15.1'
   }
-  s.swift_version  = '5.4'
+  s.swift_version  = '5.9'
   s.source         = { git: 'https://github.com/expo/expo.git' }
   s.static_framework = true
 

package/ios/LinkPreview/LinkPreviewNativeActionView.swift

@@ -4,9 +4,31 @@ import WebKit
 class LinkPreviewNativeActionView: ExpoView {
   var id: String = ""
   var title: String = ""
+  var icon: String?
+  var subActions: [LinkPreviewNativeActionView] = []
 
   required init(appContext: AppContext? = nil) {
     super.init(appContext: appContext)
     clipsToBounds = true
   }
+
+  override func mountChildComponentView(_ childComponentView: UIView, index: Int) {
+    if let childActionView = childComponentView as? LinkPreviewNativeActionView {
+      subActions.append(childActionView)
+    } else {
+      print(
+        "ExpoRouter: Unknown child component view (\(childComponentView)) mounted to NativeLinkPreviewActionView"
+      )
+    }
+  }
+
+  override func unmountChildComponentView(_ child: UIView, index: Int) {
+    if let childActionView = child as? LinkPreviewNativeActionView {
+      subActions.removeAll(where: { $0 == childActionView })
+    } else {
+      print(
+        "ExpoRouter: Unknown child component view (\(child)) unmounted from NativeLinkPreviewActionView"
+      )
+    }
+  }
 }

package/ios/LinkPreview/LinkPreviewNativeModule.swift

@@ -43,6 +43,9 @@ public class LinkPreviewNativeModule: Module {
       Prop("title") { (view: LinkPreviewNativeActionView, title: String) in
         view.title = title
       }
+      Prop("icon") { (view: LinkPreviewNativeActionView, icon: String) in
+        view.icon = icon
+      }
     }
 
     View(NativeLinkPreviewTrigger.self) {}

package/ios/LinkPreview/LinkPreviewNativeView.swift

@@ -25,7 +25,7 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
 
   func setNextScreenId(_ screenId: String) {
     self.nextScreenId = screenId
-      linkPreviewNativeNavigation.updatePreloadedView(screenId, with: self)
+    linkPreviewNativeNavigation.updatePreloadedView(screenId, with: self)
   }
 
   // MARK: - Children
@@ -138,8 +138,8 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
     animator: UIContextMenuInteractionCommitAnimating
   ) {
     linkPreviewNativeNavigation.pushPreloadedView()
+    onPreviewTapped()
     animator.addCompletion { [weak self] in
-      self?.onPreviewTapped()
     }
   }
 
@@ -159,17 +159,36 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
   }
 
   private func createContextMenu() -> UIMenu {
-    let uiActions = actions.map { action in
-      return UIAction(
-        title: action.title
-      ) { _ in
-        self.onActionSelected([
-          "id": action.id
-        ])
-      }
+    if actions.count == 1, let menu = convertActionViewToUiAction(actions[0]) as? UIMenu {
+      return menu
     }
+    return UIMenu(
+      title: "",
+      children: actions.map { action in
+        self.convertActionViewToUiAction(action)
+      }
+    )
+  }
 
-    return UIMenu(title: "", children: uiActions)
+  private func convertActionViewToUiAction(_ action: LinkPreviewNativeActionView) -> UIMenuElement {
+    if !action.subActions.isEmpty {
+      let subActions = action.subActions.map { subAction in
+        self.convertActionViewToUiAction(subAction)
+      }
+      return UIMenu(
+        title: action.title,
+        image: action.icon.flatMap { UIImage(systemName: $0) },
+        children: subActions
+      )
+    }
+    return UIAction(
+      title: action.title,
+      image: action.icon.flatMap { UIImage(systemName: $0) }
+    ) { _ in
+      self.onActionSelected([
+        "id": action.id
+      ])
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-router",
-  "version": "5.2.0-canary-20250630-547cd82",
+  "version": "5.2.0-canary-20250709-136b77f",
   "description": "Expo Router is a file-based router for React Native and web applications.",
   "author": "650 Industries, Inc.",
   "license": "MIT",
@@ -76,9 +76,9 @@
   ],
   "peerDependencies": {
     "@react-navigation/drawer": "^7.3.9",
-    "expo": "54.0.0-canary-20250630-547cd82",
-    "expo-constants": "17.1.7-canary-20250630-547cd82",
-    "expo-linking": "7.1.6-canary-20250630-547cd82",
+    "expo": "54.0.0-canary-20250709-136b77f",
+    "expo-constants": "17.1.8-canary-20250709-136b77f",
+    "expo-linking": "7.1.8-canary-20250709-136b77f",
     "react-native-reanimated": "*",
     "react-native-safe-area-context": "*",
     "react-native-screens": "*"
@@ -105,8 +105,8 @@
     "tsd": "^0.28.1"
   },
   "dependencies": {
-    "@expo/metro-runtime": "6.0.0-canary-20250630-547cd82",
-    "@expo/server": "0.6.4-canary-20250630-547cd82",
+    "@expo/metro-runtime": "6.0.0-canary-20250709-136b77f",
+    "@expo/server": "0.6.4-canary-20250709-136b77f",
     "@radix-ui/react-slot": "1.2.0",
     "@react-navigation/bottom-tabs": "^7.3.10",
     "@react-navigation/native": "^7.1.6",
@@ -118,6 +118,8 @@
     "schema-utils": "^4.0.1",
     "semver": "~7.6.3",
     "server-only": "^0.0.1",
-    "shallowequal": "^1.1.0"
+    "sf-symbols-typescript": "^2.1.0",
+    "shallowequal": "^1.1.0",
+    "vaul": "^0.9.0"
   }
 }