expo-router 5.2.0-canary-20250713-8f814f8 → 5.2.0-canary-20250729-d8899ae

package/build/modal/types.d.ts

@@ -0,0 +1,19 @@
+import type { NavigationProp, ParamListBase } from '@react-navigation/native';
+import { type ViewProps } from 'react-native';
+export interface ModalConfig {
+    component: React.ReactNode;
+    parentNavigationProp: NavigationProp<ParamListBase>;
+    uniqueId: string;
+    animationType?: 'slide' | 'fade' | 'none';
+    presentationStyle?: 'fullScreen' | 'overFullScreen' | 'pageSheet' | 'formSheet';
+    transparent?: boolean;
+    viewProps?: ViewProps;
+    detents?: number[] | 'fitToContents';
+}
+export interface ModalsRendererProps {
+    children?: React.ReactNode;
+    modalConfigs: ModalConfig[];
+    onDismissed?: (id: string) => void;
+    onShow?: (id: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,iBAAiB,CAAC,EAAE,YAAY,GAAG,gBAAgB,GAAG,WAAW,GAAG,WAAW,CAAC;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B"}

package/build/modal/types.js

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

package/build/modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { NavigationProp, ParamListBase } from '@react-navigation/native';\nimport { type ViewProps } from 'react-native';\n\nexport interface ModalConfig {\n  component: React.ReactNode;\n  parentNavigationProp: NavigationProp<ParamListBase>;\n  uniqueId: string;\n  animationType?: 'slide' | 'fade' | 'none';\n  presentationStyle?: 'fullScreen' | 'overFullScreen' | 'pageSheet' | 'formSheet';\n  transparent?: boolean;\n  viewProps?: ViewProps;\n  detents?: number[] | 'fitToContents';\n}\n\nexport interface ModalsRendererProps {\n  children?: React.ReactNode;\n  modalConfigs: ModalConfig[];\n  onDismissed?: (id: string) => void;\n  onShow?: (id: string) => void;\n}\n"]}

package/build/modal/utils.d.ts

@@ -1,3 +1,7 @@
+import type { StackAnimationTypes } from 'react-native-screens';
 import type { ModalProps } from './Modal';
+import type { ModalConfig } from './types';
 export declare function areDetentsValid(detents: ModalProps['detents']): boolean;
+export declare function getStackAnimationType(config: ModalConfig): StackAnimationTypes | undefined;
+export declare function getStackPresentationType(config: ModalConfig): "transparentModal" | "fullScreenModal" | "formSheet" | "pageSheet";
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,OAAO,CAcvE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,OAAO,CAcvE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,mBAAmB,GAAG,SAAS,CAU1F;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,sEAgC3D"}

package/build/modal/utils.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.areDetentsValid = areDetentsValid;
+exports.getStackAnimationType = getStackAnimationType;
+exports.getStackPresentationType = getStackPresentationType;
 function areDetentsValid(detents) {
     if (Array.isArray(detents)) {
         return (!!detents.length &&
@@ -11,4 +13,48 @@ function areDetentsValid(detents) {
     }
     return detents === 'fitToContents' || detents === undefined || detents === null;
 }
+function getStackAnimationType(config) {
+    switch (config.animationType) {
+        case 'fade':
+            return 'fade';
+        case 'none':
+            return 'none';
+        case 'slide':
+        default:
+            return 'slide_from_bottom';
+    }
+}
+function getStackPresentationType(config) {
+    if (process.env.EXPO_OS === 'android') {
+        if (config.transparent) {
+            return 'transparentModal';
+        }
+        switch (config.presentationStyle) {
+            case 'fullScreen':
+                return 'fullScreenModal';
+            case 'overFullScreen':
+                return 'transparentModal';
+            case 'pageSheet':
+                return 'pageSheet';
+            case 'formSheet':
+                return 'formSheet';
+            default:
+                return 'fullScreenModal';
+        }
+    }
+    switch (config.presentationStyle) {
+        case 'overFullScreen':
+            return 'transparentModal';
+        case 'pageSheet':
+            return 'pageSheet';
+        case 'formSheet':
+            return 'formSheet';
+        case 'fullScreen':
+        default:
+            if (config.transparent) {
+                return 'transparentModal';
+            }
+            return 'fullScreenModal';
+    }
+}
 //# sourceMappingURL=utils.js.map

package/build/modal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":";;AAEA,0CAcC;AAdD,SAAgB,eAAe,CAAC,OAA8B;IAC5D,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,OAAO,CACL,CAAC,CAAC,OAAO,CAAC,MAAM;YAChB,OAAO,CAAC,KAAK,CACX,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CACrB,OAAO,MAAM,KAAK,QAAQ;gBAC1B,MAAM,IAAI,CAAC;gBACX,MAAM,IAAI,CAAC;gBACX,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAClC,CACF,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,KAAK,eAAe,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC;AAClF,CAAC","sourcesContent":["import type { ModalProps } from './Modal';\n\nexport function areDetentsValid(detents: ModalProps['detents']): boolean {\n  if (Array.isArray(detents)) {\n    return (\n      !!detents.length &&\n      detents.every(\n        (detent, index, arr) =>\n          typeof detent === 'number' &&\n          detent >= 0 &&\n          detent <= 1 &&\n          detent >= (arr[index - 1] ?? 0)\n      )\n    );\n  }\n  return detents === 'fitToContents' || detents === undefined || detents === null;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":";;AAKA,0CAcC;AAED,sDAUC;AAED,4DAgCC;AA5DD,SAAgB,eAAe,CAAC,OAA8B;IAC5D,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,OAAO,CACL,CAAC,CAAC,OAAO,CAAC,MAAM;YAChB,OAAO,CAAC,KAAK,CACX,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CACrB,OAAO,MAAM,KAAK,QAAQ;gBAC1B,MAAM,IAAI,CAAC;gBACX,MAAM,IAAI,CAAC;gBACX,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAClC,CACF,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,KAAK,eAAe,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC;AAClF,CAAC;AAED,SAAgB,qBAAqB,CAAC,MAAmB;IACvD,QAAQ,MAAM,CAAC,aAAa,EAAE,CAAC;QAC7B,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO,CAAC;QACb;YACE,OAAO,mBAAmB,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,SAAgB,wBAAwB,CAAC,MAAmB;IAC1D,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACtC,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACvB,OAAO,kBAAkB,CAAC;QAC5B,CAAC;QACD,QAAQ,MAAM,CAAC,iBAAiB,EAAE,CAAC;YACjC,KAAK,YAAY;gBACf,OAAO,iBAAiB,CAAC;YAC3B,KAAK,gBAAgB;gBACnB,OAAO,kBAAkB,CAAC;YAC5B,KAAK,WAAW;gBACd,OAAO,WAAW,CAAC;YACrB,KAAK,WAAW;gBACd,OAAO,WAAW,CAAC;YACrB;gBACE,OAAO,iBAAiB,CAAC;QAC7B,CAAC;IACH,CAAC;IACD,QAAQ,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACjC,KAAK,gBAAgB;YACnB,OAAO,kBAAkB,CAAC;QAC5B,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QACrB,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QACrB,KAAK,YAAY,CAAC;QAClB;YACE,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;gBACvB,OAAO,kBAAkB,CAAC;YAC5B,CAAC;YACD,OAAO,iBAAiB,CAAC;IAC7B,CAAC;AACH,CAAC","sourcesContent":["import type { StackAnimationTypes } from 'react-native-screens';\n\nimport type { ModalProps } from './Modal';\nimport type { ModalConfig } from './types';\n\nexport function areDetentsValid(detents: ModalProps['detents']): boolean {\n  if (Array.isArray(detents)) {\n    return (\n      !!detents.length &&\n      detents.every(\n        (detent, index, arr) =>\n          typeof detent === 'number' &&\n          detent >= 0 &&\n          detent <= 1 &&\n          detent >= (arr[index - 1] ?? 0)\n      )\n    );\n  }\n  return detents === 'fitToContents' || detents === undefined || detents === null;\n}\n\nexport function getStackAnimationType(config: ModalConfig): StackAnimationTypes | undefined {\n  switch (config.animationType) {\n    case 'fade':\n      return 'fade';\n    case 'none':\n      return 'none';\n    case 'slide':\n    default:\n      return 'slide_from_bottom';\n  }\n}\n\nexport function getStackPresentationType(config: ModalConfig) {\n  if (process.env.EXPO_OS === 'android') {\n    if (config.transparent) {\n      return 'transparentModal';\n    }\n    switch (config.presentationStyle) {\n      case 'fullScreen':\n        return 'fullScreenModal';\n      case 'overFullScreen':\n        return 'transparentModal';\n      case 'pageSheet':\n        return 'pageSheet';\n      case 'formSheet':\n        return 'formSheet';\n      default:\n        return 'fullScreenModal';\n    }\n  }\n  switch (config.presentationStyle) {\n    case 'overFullScreen':\n      return 'transparentModal';\n    case 'pageSheet':\n      return 'pageSheet';\n    case 'formSheet':\n      return 'formSheet';\n    case 'fullScreen':\n    default:\n      if (config.transparent) {\n        return 'transparentModal';\n      }\n      return 'fullScreenModal';\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalStack.web.d.ts","sourceRoot":"","sources":["../../../src/modal/web/ModalStack.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAOd,MAAM,0BAA0B,CAAC;AAMlC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAwG3C,QAAA,MAAM,WAAW;;;;;;;;;;;CAAkD,CAAC;AACpE,QAAA,MAAM,iBAAiB;;;;;;;;6DAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"ModalStack.web.d.ts","sourceRoot":"","sources":["../../../src/modal/web/ModalStack.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAOd,MAAM,0BAA0B,CAAC;AAMlC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAgG3C,QAAA,MAAM,WAAW;;;;;;;;;;;CAAkD,CAAC;AACpE,QAAA,MAAM,iBAAiB;;;;;;;;6DAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}

package/build/modal/web/ModalStack.web.js

@@ -71,10 +71,10 @@ const ModalStackView = ({ state, navigation, descriptors, describe }) => {
       {isWeb &&
             overlayRoutes.map((route) => {
                 const isTransparentModal = (0, utils_1.isTransparentModalPresentation)(descriptors[route.key].options);
-                if (isTransparentModal) {
-                    return (<TransparentModalStackRouteDrawer_web_1.TransparentModalStackRouteDrawer key={route.key} routeKey={route.key} options={descriptors[route.key].options} renderScreen={descriptors[route.key].render} onDismiss={dismiss}/>);
-                }
-                return (<ModalStackRouteDrawer_web_1.ModalStackRouteDrawer key={route.key} routeKey={route.key} options={descriptors[route.key].options} renderScreen={descriptors[route.key].render} onDismiss={dismiss} themeColors={colors}/>);
+                const ModalComponent = isTransparentModal
+                    ? TransparentModalStackRouteDrawer_web_1.TransparentModalStackRouteDrawer
+                    : ModalStackRouteDrawer_web_1.ModalStackRouteDrawer;
+                return (<ModalComponent key={route.key} routeKey={route.key} options={descriptors[route.key].options} renderScreen={descriptors[route.key].render} onDismiss={dismiss} themeColors={colors}/>);
             })}
     </div>);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ModalStack.web.js","sourceRoot":"","sources":["../../../src/modal/web/ModalStack.web.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport {\n  createNavigatorFactory,\n  ParamListBase,\n  StackActionHelpers,\n  StackNavigationState,\n  StackRouter,\n  StackRouterOptions,\n  useNavigationBuilder,\n  useTheme,\n} from '@react-navigation/native';\nimport {\n  NativeStackNavigationEventMap,\n  NativeStackNavigationOptions,\n  NativeStackView,\n} from '@react-navigation/native-stack';\nimport React, { useCallback } from 'react';\n\nimport { ModalStackRouteDrawer } from './ModalStackRouteDrawer.web';\nimport { TransparentModalStackRouteDrawer } from './TransparentModalStackRouteDrawer.web';\nimport { ModalStackNavigatorProps, ModalStackViewProps } from './types';\nimport {\n  convertStackStateToNonModalState,\n  findLastNonModalIndex,\n  isTransparentModalPresentation,\n} from './utils';\nimport { ExtendedStackNavigationOptions } from '../../layouts/StackClient';\nimport { withLayoutContext } from '../../layouts/withLayoutContext';\n\nfunction ModalStackNavigator({\n  initialRouteName,\n  children,\n  screenOptions,\n}: ModalStackNavigatorProps) {\n  const { state, navigation, descriptors, NavigationContent, describe } = useNavigationBuilder<\n    StackNavigationState<ParamListBase>,\n    StackRouterOptions,\n    StackActionHelpers<ParamListBase>,\n    NativeStackNavigationOptions,\n    NativeStackNavigationEventMap\n  >(StackRouter, {\n    children,\n    screenOptions,\n    initialRouteName,\n  });\n\n  return (\n    <NavigationContent>\n      <ModalStackView\n        state={state}\n        navigation={navigation}\n        descriptors={descriptors}\n        describe={describe}\n      />\n    </NavigationContent>\n  );\n}\n\nconst ModalStackView = ({ state, navigation, descriptors, describe }: ModalStackViewProps) => {\n  const isWeb = process.env.EXPO_OS === 'web';\n  const { colors } = useTheme();\n\n  const { routes: filteredRoutes, index: nonModalIndex } = convertStackStateToNonModalState(\n    state,\n    descriptors,\n    isWeb\n  );\n\n  const newStackState = { ...state, routes: filteredRoutes, index: nonModalIndex };\n\n  const dismiss = useCallback(() => {\n    navigation.goBack();\n  }, [navigation]);\n\n  const overlayRoutes = React.useMemo(() => {\n    if (!isWeb) return [];\n    const idx = findLastNonModalIndex(state, descriptors);\n    return state.routes.slice(idx + 1);\n  }, [isWeb, state, descriptors]);\n\n  return (\n    <div style={{ flex: 1, display: 'flex' }}>\n      <NativeStackView\n        state={newStackState}\n        navigation={navigation}\n        descriptors={descriptors}\n        describe={describe}\n      />\n      {isWeb &&\n        overlayRoutes.map((route) => {\n          const isTransparentModal = isTransparentModalPresentation(descriptors[route.key].options);\n\n          if (isTransparentModal) {\n            return (\n              <TransparentModalStackRouteDrawer\n                key={route.key}\n                routeKey={route.key}\n                options={descriptors[route.key].options as ExtendedStackNavigationOptions}\n                renderScreen={descriptors[route.key].render}\n                onDismiss={dismiss}\n              />\n            );\n          }\n\n          return (\n            <ModalStackRouteDrawer\n              key={route.key}\n              routeKey={route.key}\n              options={descriptors[route.key].options as ExtendedStackNavigationOptions}\n              renderScreen={descriptors[route.key].render}\n              onDismiss={dismiss}\n              themeColors={colors}\n            />\n          );\n        })}\n    </div>\n  );\n};\n\nconst createModalStack = createNavigatorFactory(ModalStackNavigator);\nconst RouterModal = withLayoutContext(createModalStack().Navigator);\nconst RouterModalScreen = RouterModal.Screen;\n\nexport { RouterModal, RouterModalScreen };\n"]}
+{"version":3,"file":"ModalStack.web.js","sourceRoot":"","sources":["../../../src/modal/web/ModalStack.web.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport {\n  createNavigatorFactory,\n  ParamListBase,\n  StackActionHelpers,\n  StackNavigationState,\n  StackRouter,\n  StackRouterOptions,\n  useNavigationBuilder,\n  useTheme,\n} from '@react-navigation/native';\nimport {\n  NativeStackNavigationEventMap,\n  NativeStackNavigationOptions,\n  NativeStackView,\n} from '@react-navigation/native-stack';\nimport React, { useCallback } from 'react';\n\nimport { ModalStackRouteDrawer } from './ModalStackRouteDrawer.web';\nimport { TransparentModalStackRouteDrawer } from './TransparentModalStackRouteDrawer.web';\nimport { ModalStackNavigatorProps, ModalStackViewProps } from './types';\nimport {\n  convertStackStateToNonModalState,\n  findLastNonModalIndex,\n  isTransparentModalPresentation,\n} from './utils';\nimport { ExtendedStackNavigationOptions } from '../../layouts/StackClient';\nimport { withLayoutContext } from '../../layouts/withLayoutContext';\n\nfunction ModalStackNavigator({\n  initialRouteName,\n  children,\n  screenOptions,\n}: ModalStackNavigatorProps) {\n  const { state, navigation, descriptors, NavigationContent, describe } = useNavigationBuilder<\n    StackNavigationState<ParamListBase>,\n    StackRouterOptions,\n    StackActionHelpers<ParamListBase>,\n    NativeStackNavigationOptions,\n    NativeStackNavigationEventMap\n  >(StackRouter, {\n    children,\n    screenOptions,\n    initialRouteName,\n  });\n\n  return (\n    <NavigationContent>\n      <ModalStackView\n        state={state}\n        navigation={navigation}\n        descriptors={descriptors}\n        describe={describe}\n      />\n    </NavigationContent>\n  );\n}\n\nconst ModalStackView = ({ state, navigation, descriptors, describe }: ModalStackViewProps) => {\n  const isWeb = process.env.EXPO_OS === 'web';\n  const { colors } = useTheme();\n\n  const { routes: filteredRoutes, index: nonModalIndex } = convertStackStateToNonModalState(\n    state,\n    descriptors,\n    isWeb\n  );\n\n  const newStackState = { ...state, routes: filteredRoutes, index: nonModalIndex };\n\n  const dismiss = useCallback(() => {\n    navigation.goBack();\n  }, [navigation]);\n\n  const overlayRoutes = React.useMemo(() => {\n    if (!isWeb) return [];\n    const idx = findLastNonModalIndex(state, descriptors);\n    return state.routes.slice(idx + 1);\n  }, [isWeb, state, descriptors]);\n\n  return (\n    <div style={{ flex: 1, display: 'flex' }}>\n      <NativeStackView\n        state={newStackState}\n        navigation={navigation}\n        descriptors={descriptors}\n        describe={describe}\n      />\n      {isWeb &&\n        overlayRoutes.map((route) => {\n          const isTransparentModal = isTransparentModalPresentation(descriptors[route.key].options);\n\n          const ModalComponent = isTransparentModal\n            ? TransparentModalStackRouteDrawer\n            : ModalStackRouteDrawer;\n\n          return (\n            <ModalComponent\n              key={route.key}\n              routeKey={route.key}\n              options={descriptors[route.key].options as ExtendedStackNavigationOptions}\n              renderScreen={descriptors[route.key].render}\n              onDismiss={dismiss}\n              themeColors={colors}\n            />\n          );\n        })}\n    </div>\n  );\n};\n\nconst createModalStack = createNavigatorFactory(ModalStackNavigator);\nconst RouterModal = withLayoutContext(createModalStack().Navigator);\nconst RouterModalScreen = RouterModal.Screen;\n\nexport { RouterModal, RouterModalScreen };\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalStackRouteDrawer.web.d.ts","sourceRoot":"","sources":["../../../src/modal/web/ModalStackRouteDrawer.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,8BAA8B,CAAC;IACxC,YAAY,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD,qBAmMA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"ModalStackRouteDrawer.web.d.ts","sourceRoot":"","sources":["../../../src/modal/web/ModalStackRouteDrawer.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,8BAA8B,CAAC;IACxC,YAAY,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD,qBAuMA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/build/modal/web/ModalStackRouteDrawer.web.js

@@ -93,12 +93,14 @@ function ModalStackRouteDrawer({ routeKey, options, renderScreen, onDismiss, the
             modalStyleVars.minHeight = mh;
         }
     }
-    const fitToContents = isSheet && options.sheetAllowedDetents === 'fitToContents';
+    const fitToContents = options.sheetAllowedDetents === 'fitToContents';
     if (fitToContents) {
         modalStyleVars.height = 'auto';
         modalStyleVars.minHeight = 'auto';
+        // TODO:(@Hirbod) Clarify if we should limit maxHeight to sheets only
         // Allow sheet to grow with content but never exceed viewport height
-        modalStyleVars.maxHeight = 'calc(100vh)';
+        // dvh is important, otherwise it will scale over the visible viewport height
+        modalStyleVars.maxHeight = '100dvh';
     }
     // Apply corner radius (default 10px)
     const radiusValue = options.sheetCornerRadius ?? 10;
@@ -145,7 +147,8 @@ function ModalStackRouteDrawer({ routeKey, options, renderScreen, onDismiss, the
             : undefined}/>
         <vaul_1.Drawer.Content aria-describedby="modal-description" className={modalStyles_1.default.drawerContent} style={{
             pointerEvents: 'none',
-            ...(fitToContents ? { height: 'auto' } : null),
+            // This needs to be limited to sheets, otherwise it will position the modal at the bottom of the screen
+            ...(isSheet && fitToContents ? { height: 'auto' } : null),
         }}>
           <div className={modalStyles_1.default.modal} data-presentation={isSheet ? 'formSheet' : 'modal'} style={modalStyleVars}>
             {/* TODO:(@Hirbod) Figure out how to add title and description to the modal for screen readers in a meaningful way */}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalStackRouteDrawer.web.js","sourceRoot":"","sources":["../../../src/modal/web/ModalStackRouteDrawer.web.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport React from 'react';\nimport { Drawer } from 'vaul';\n\nimport modalStyles from './modalStyles';\nimport { CSSWithVars } from './types';\nimport { useIsDesktop } from './utils';\nimport { ExtendedStackNavigationOptions } from '../../layouts/StackClient';\n\nfunction ModalStackRouteDrawer({\n  routeKey,\n  options,\n  renderScreen,\n  onDismiss,\n  themeColors,\n}: {\n  routeKey: string;\n  options: ExtendedStackNavigationOptions;\n  renderScreen: () => React.ReactNode;\n  onDismiss: () => void;\n  themeColors: { card: string; background: string };\n}) {\n  const [open, setOpen] = React.useState(true);\n  // Determine sheet vs. modal with an SSR-safe hook. The first render (during\n  // hydration) always assumes mobile/sheet to match the server markup; an\n  // effect then updates the state after mount if the viewport is desktop.\n  const isDesktop = useIsDesktop();\n  const isSheet = !isDesktop;\n\n  // Resolve snap points logic.\n  const allowed = options.sheetAllowedDetents;\n\n  const isArrayDetents = Array.isArray(allowed);\n  const useCustomSnapPoints = isArrayDetents && !(allowed.length === 1 && allowed[0] === 1);\n\n  let snapPoints: (number | string)[] | undefined = useCustomSnapPoints\n    ? (allowed as (number | string)[])\n    : undefined;\n\n  if (!isSheet) {\n    snapPoints = [1];\n  }\n\n  const [snap, setSnap] = React.useState<number | string | null>(\n    useCustomSnapPoints && isArrayDetents ? allowed[0] : 1\n  );\n\n  // Update the snap value when custom snap points change.\n  React.useEffect(() => {\n    if (isSheet) {\n      const next = useCustomSnapPoints && isArrayDetents ? allowed[0] : 1;\n      setSnap(next);\n    } else {\n      // Desktop modal always fixed snap at 1\n      setSnap(1);\n    }\n  }, [isSheet, useCustomSnapPoints, isArrayDetents, allowed]);\n\n  // Map react-native-screens ios sheet undimmed logic to Vaul's fadeFromIndex\n  const fadeFromIndex = isSheet\n    ? options.sheetLargestUndimmedDetentIndex === 'last'\n      ? (snapPoints?.length ?? 0)\n      : typeof options.sheetLargestUndimmedDetentIndex === 'number'\n        ? options.sheetLargestUndimmedDetentIndex + 1\n        : 0\n    : 0;\n\n  // --- Styling -----------------------------------------------------------\n\n  // Using CSS variables so defaults live in CSS and can be overridden via props.\n  const modalStyleVars: CSSWithVars = {\n    backgroundColor: themeColors.background,\n  };\n\n  if (!isSheet) {\n    if (options.webModalStyle?.width) {\n      modalStyleVars['--expo-router-modal-width'] =\n        typeof options.webModalStyle.width === 'number'\n          ? `${options.webModalStyle.width}px`\n          : options.webModalStyle.width;\n\n      modalStyleVars['--expo-router-modal-max-width'] =\n        typeof options.webModalStyle.width === 'number'\n          ? `${options.webModalStyle.width}px`\n          : options.webModalStyle.width;\n\n      // Also set explicit width so browsers that ignore CSS vars in `width` prop still work.\n      modalStyleVars.width =\n        typeof options.webModalStyle.width === 'number'\n          ? `${options.webModalStyle.width}px`\n          : options.webModalStyle.width;\n    }\n\n    // Min width override\n    if (options.webModalStyle?.minWidth) {\n      const mw =\n        typeof options.webModalStyle.minWidth === 'number'\n          ? `${options.webModalStyle.minWidth}px`\n          : options.webModalStyle.minWidth;\n      modalStyleVars['--expo-router-modal-min-width'] = mw;\n      modalStyleVars.minWidth = mw;\n    }\n\n    if (options.webModalStyle?.height) {\n      const h =\n        typeof options.webModalStyle.height === 'number'\n          ? `${options.webModalStyle.height}px`\n          : options.webModalStyle.height;\n      modalStyleVars['--expo-router-modal-height'] = h;\n      modalStyleVars.maxHeight = h;\n      modalStyleVars.height = h;\n      modalStyleVars.minHeight = h;\n    }\n\n    // Separate min-height override (takes precedence over modalHeight)\n    if (options.webModalStyle?.minHeight) {\n      const mh =\n        typeof options.webModalStyle.minHeight === 'number'\n          ? `${options.webModalStyle.minHeight}px`\n          : options.webModalStyle.minHeight;\n      modalStyleVars['--expo-router-modal-min-height'] = mh;\n      modalStyleVars.minHeight = mh;\n    }\n  }\n\n  const fitToContents = isSheet && options.sheetAllowedDetents === 'fitToContents';\n\n  if (fitToContents) {\n    modalStyleVars.height = 'auto';\n    modalStyleVars.minHeight = 'auto';\n    // Allow sheet to grow with content but never exceed viewport height\n    modalStyleVars.maxHeight = 'calc(100vh)';\n  }\n\n  // Apply corner radius (default 10px)\n  const radiusValue = options.sheetCornerRadius ?? 10;\n  const radiusCss = typeof radiusValue === 'number' ? `${radiusValue}px` : radiusValue;\n\n  if (options.webModalStyle?.border) {\n    modalStyleVars['--expo-router-modal-border'] = options.webModalStyle.border;\n  }\n\n  if (isSheet) {\n    // Only top corners for mobile sheet\n    modalStyleVars.borderTopLeftRadius = radiusCss;\n    modalStyleVars.borderTopRightRadius = radiusCss;\n\n    // Only apply CSS var override if a custom corner radius was provided\n    if (options.sheetCornerRadius) {\n      modalStyleVars['--expo-router-modal-border-radius'] = radiusCss;\n    }\n  } else {\n    // All corners for desktop modal\n    if (options.sheetCornerRadius) {\n      modalStyleVars.borderRadius = radiusCss;\n      modalStyleVars['--expo-router-modal-border-radius'] = radiusCss;\n    }\n  }\n  // --- End Styling -----------------------------------------------------------\n\n  const handleOpenChange = (open: boolean) => {\n    if (!open) onDismiss();\n  };\n\n  // Props that only make sense for sheets\n  const sheetProps = isSheet\n    ? {\n        snapPoints: snapPoints as (number | string)[],\n        activeSnapPoint: snap,\n        setActiveSnapPoint: setSnap,\n        fadeFromIndex,\n      }\n    : {};\n\n  return (\n    <Drawer.Root\n      key={`${routeKey}-${isSheet ? 'sheet' : 'modal'}`}\n      open={open}\n      dismissible={options.gestureEnabled ?? true}\n      onAnimationEnd={handleOpenChange}\n      shouldScaleBackground\n      autoFocus\n      onOpenChange={setOpen}\n      {...sheetProps}>\n      <Drawer.Portal>\n        <Drawer.Overlay\n          className={modalStyles.overlay}\n          style={\n            options.webModalStyle?.overlayBackground\n              ? ({\n                  '--expo-router-modal-overlay-background': options.webModalStyle.overlayBackground,\n                } as React.CSSProperties)\n              : undefined\n          }\n        />\n        <Drawer.Content\n          aria-describedby=\"modal-description\"\n          className={modalStyles.drawerContent}\n          style={{\n            pointerEvents: 'none',\n            ...(fitToContents ? { height: 'auto' } : null),\n          }}>\n          <div\n            className={modalStyles.modal}\n            data-presentation={isSheet ? 'formSheet' : 'modal'}\n            style={modalStyleVars}>\n            {/* TODO:(@Hirbod) Figure out how to add title and description to the modal for screen readers in a meaningful way */}\n            <Drawer.Title about=\"\" aria-describedby=\"\" className={modalStyles.srOnly} />\n            <Drawer.Description about=\"\" className={modalStyles.srOnly} />\n            {/* Render the screen content */}\n            <div className={modalStyles.modalBody}>{renderScreen()}</div>\n          </div>\n        </Drawer.Content>\n      </Drawer.Portal>\n    </Drawer.Root>\n  );\n}\n\nexport { ModalStackRouteDrawer };\n"]}
+{"version":3,"file":"ModalStackRouteDrawer.web.js","sourceRoot":"","sources":["../../../src/modal/web/ModalStackRouteDrawer.web.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport React from 'react';\nimport { Drawer } from 'vaul';\n\nimport modalStyles from './modalStyles';\nimport { CSSWithVars } from './types';\nimport { useIsDesktop } from './utils';\nimport { ExtendedStackNavigationOptions } from '../../layouts/StackClient';\n\nfunction ModalStackRouteDrawer({\n  routeKey,\n  options,\n  renderScreen,\n  onDismiss,\n  themeColors,\n}: {\n  routeKey: string;\n  options: ExtendedStackNavigationOptions;\n  renderScreen: () => React.ReactNode;\n  onDismiss: () => void;\n  themeColors: { card: string; background: string };\n}) {\n  const [open, setOpen] = React.useState(true);\n  // Determine sheet vs. modal with an SSR-safe hook. The first render (during\n  // hydration) always assumes mobile/sheet to match the server markup; an\n  // effect then updates the state after mount if the viewport is desktop.\n  const isDesktop = useIsDesktop();\n  const isSheet = !isDesktop;\n\n  // Resolve snap points logic.\n  const allowed = options.sheetAllowedDetents;\n\n  const isArrayDetents = Array.isArray(allowed);\n  const useCustomSnapPoints = isArrayDetents && !(allowed.length === 1 && allowed[0] === 1);\n\n  let snapPoints: (number | string)[] | undefined = useCustomSnapPoints\n    ? (allowed as (number | string)[])\n    : undefined;\n\n  if (!isSheet) {\n    snapPoints = [1];\n  }\n\n  const [snap, setSnap] = React.useState<number | string | null>(\n    useCustomSnapPoints && isArrayDetents ? allowed[0] : 1\n  );\n\n  // Update the snap value when custom snap points change.\n  React.useEffect(() => {\n    if (isSheet) {\n      const next = useCustomSnapPoints && isArrayDetents ? allowed[0] : 1;\n      setSnap(next);\n    } else {\n      // Desktop modal always fixed snap at 1\n      setSnap(1);\n    }\n  }, [isSheet, useCustomSnapPoints, isArrayDetents, allowed]);\n\n  // Map react-native-screens ios sheet undimmed logic to Vaul's fadeFromIndex\n  const fadeFromIndex = isSheet\n    ? options.sheetLargestUndimmedDetentIndex === 'last'\n      ? (snapPoints?.length ?? 0)\n      : typeof options.sheetLargestUndimmedDetentIndex === 'number'\n        ? options.sheetLargestUndimmedDetentIndex + 1\n        : 0\n    : 0;\n\n  // --- Styling -----------------------------------------------------------\n\n  // Using CSS variables so defaults live in CSS and can be overridden via props.\n  const modalStyleVars: CSSWithVars = {\n    backgroundColor: themeColors.background,\n  };\n\n  if (!isSheet) {\n    if (options.webModalStyle?.width) {\n      modalStyleVars['--expo-router-modal-width'] =\n        typeof options.webModalStyle.width === 'number'\n          ? `${options.webModalStyle.width}px`\n          : options.webModalStyle.width;\n\n      modalStyleVars['--expo-router-modal-max-width'] =\n        typeof options.webModalStyle.width === 'number'\n          ? `${options.webModalStyle.width}px`\n          : options.webModalStyle.width;\n\n      // Also set explicit width so browsers that ignore CSS vars in `width` prop still work.\n      modalStyleVars.width =\n        typeof options.webModalStyle.width === 'number'\n          ? `${options.webModalStyle.width}px`\n          : options.webModalStyle.width;\n    }\n\n    // Min width override\n    if (options.webModalStyle?.minWidth) {\n      const mw =\n        typeof options.webModalStyle.minWidth === 'number'\n          ? `${options.webModalStyle.minWidth}px`\n          : options.webModalStyle.minWidth;\n      modalStyleVars['--expo-router-modal-min-width'] = mw;\n      modalStyleVars.minWidth = mw;\n    }\n\n    if (options.webModalStyle?.height) {\n      const h =\n        typeof options.webModalStyle.height === 'number'\n          ? `${options.webModalStyle.height}px`\n          : options.webModalStyle.height;\n      modalStyleVars['--expo-router-modal-height'] = h;\n      modalStyleVars.maxHeight = h;\n      modalStyleVars.height = h;\n      modalStyleVars.minHeight = h;\n    }\n\n    // Separate min-height override (takes precedence over modalHeight)\n    if (options.webModalStyle?.minHeight) {\n      const mh =\n        typeof options.webModalStyle.minHeight === 'number'\n          ? `${options.webModalStyle.minHeight}px`\n          : options.webModalStyle.minHeight;\n      modalStyleVars['--expo-router-modal-min-height'] = mh;\n      modalStyleVars.minHeight = mh;\n    }\n  }\n\n  const fitToContents = options.sheetAllowedDetents === 'fitToContents';\n\n  if (fitToContents) {\n    modalStyleVars.height = 'auto';\n    modalStyleVars.minHeight = 'auto';\n\n    // TODO:(@Hirbod) Clarify if we should limit maxHeight to sheets only\n    // Allow sheet to grow with content but never exceed viewport height\n    // dvh is important, otherwise it will scale over the visible viewport height\n    modalStyleVars.maxHeight = '100dvh';\n  }\n\n  // Apply corner radius (default 10px)\n  const radiusValue = options.sheetCornerRadius ?? 10;\n  const radiusCss = typeof radiusValue === 'number' ? `${radiusValue}px` : radiusValue;\n\n  if (options.webModalStyle?.border) {\n    modalStyleVars['--expo-router-modal-border'] = options.webModalStyle.border;\n  }\n\n  if (isSheet) {\n    // Only top corners for mobile sheet\n    modalStyleVars.borderTopLeftRadius = radiusCss;\n    modalStyleVars.borderTopRightRadius = radiusCss;\n\n    // Only apply CSS var override if a custom corner radius was provided\n    if (options.sheetCornerRadius) {\n      modalStyleVars['--expo-router-modal-border-radius'] = radiusCss;\n    }\n  } else {\n    // All corners for desktop modal\n    if (options.sheetCornerRadius) {\n      modalStyleVars.borderRadius = radiusCss;\n      modalStyleVars['--expo-router-modal-border-radius'] = radiusCss;\n    }\n  }\n  // --- End Styling -----------------------------------------------------------\n\n  const handleOpenChange = (open: boolean) => {\n    if (!open) onDismiss();\n  };\n\n  // Props that only make sense for sheets\n  const sheetProps = isSheet\n    ? {\n        snapPoints: snapPoints as (number | string)[],\n        activeSnapPoint: snap,\n        setActiveSnapPoint: setSnap,\n        fadeFromIndex,\n      }\n    : {};\n\n  return (\n    <Drawer.Root\n      key={`${routeKey}-${isSheet ? 'sheet' : 'modal'}`}\n      open={open}\n      dismissible={options.gestureEnabled ?? true}\n      onAnimationEnd={handleOpenChange}\n      shouldScaleBackground\n      autoFocus\n      onOpenChange={setOpen}\n      {...sheetProps}>\n      <Drawer.Portal>\n        <Drawer.Overlay\n          className={modalStyles.overlay}\n          style={\n            options.webModalStyle?.overlayBackground\n              ? ({\n                  '--expo-router-modal-overlay-background': options.webModalStyle.overlayBackground,\n                } as React.CSSProperties)\n              : undefined\n          }\n        />\n        <Drawer.Content\n          aria-describedby=\"modal-description\"\n          className={modalStyles.drawerContent}\n          style={{\n            pointerEvents: 'none',\n            // This needs to be limited to sheets, otherwise it will position the modal at the bottom of the screen\n            ...(isSheet && fitToContents ? { height: 'auto' } : null),\n          }}>\n          <div\n            className={modalStyles.modal}\n            data-presentation={isSheet ? 'formSheet' : 'modal'}\n            style={modalStyleVars}>\n            {/* TODO:(@Hirbod) Figure out how to add title and description to the modal for screen readers in a meaningful way */}\n            <Drawer.Title about=\"\" aria-describedby=\"\" className={modalStyles.srOnly} />\n            <Drawer.Description about=\"\" className={modalStyles.srOnly} />\n            {/* Render the screen content */}\n            <div className={modalStyles.modalBody}>{renderScreen()}</div>\n          </div>\n        </Drawer.Content>\n      </Drawer.Portal>\n    </Drawer.Root>\n  );\n}\n\nexport { ModalStackRouteDrawer };\n"]}

package/build/utils/splash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splash.d.ts","sourceRoot":"","sources":["../../src/utils/splash.ts"],"names":[],"mappings":"AAMA,wBAAgB,IAAI,SAMnB;AAED,wBAAsB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAE/C;AAED,wBAAsB,oBAAoB,iBAMzC;AAED,wBAAsB,8BAA8B,IAAI,OAAO,CAAC,OAAO,CAAC,CAoBvE;AAED,wBAAsB,wBAAwB,iBAM7C"}
+{"version":3,"file":"splash.d.ts","sourceRoot":"","sources":["../../src/utils/splash.ts"],"names":[],"mappings":"AAMA,wBAAgB,IAAI,SAMnB;AAED,wBAAsB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAE/C;AAED,wBAAsB,oBAAoB,iBAMzC;AAED,wBAAsB,8BAA8B,IAAI,OAAO,CAAC,OAAO,CAAC,CAqBvE;AAED,wBAAsB,wBAAwB,iBAO7C"}

package/build/utils/splash.js

@@ -24,7 +24,8 @@ async function preventAutoHideAsync() {
     return SplashModule.preventAutoHideAsync();
 }
 async function _internal_preventAutoHideAsync() {
-    if (!SplashModule) {
+    // The internal function might be missing if an app is using an older version of the SplashModule
+    if (!SplashModule || !SplashModule.internalPreventAutoHideAsync) {
         return false;
     }
     if (!_initializedErrorHandler) {
@@ -42,7 +43,8 @@ async function _internal_preventAutoHideAsync() {
     return SplashModule.internalPreventAutoHideAsync();
 }
 async function _internal_maybeHideAsync() {
-    if (!SplashModule) {
+    // The internal function might be missing if an app is using an older version of the SplashModule
+    if (!SplashModule || !SplashModule.internalMaybeHideAsync) {
         return false;
     }
     return SplashModule.internalMaybeHideAsync();

package/build/utils/splash.js.map

@@ -1 +1 @@
-{"version":3,"file":"splash.js","sourceRoot":"","sources":["../../src/utils/splash.ts"],"names":[],"mappings":";;AAMA,oBAMC;AAED,8BAEC;AAED,oDAMC;AAED,wEAoBC;AAED,4DAMC;AAtDD,+BAAmD;AAEnD,MAAM,YAAY,GAAG,IAAA,kCAA2B,EAAC,kBAAkB,CAAC,CAAC;AAErE,IAAI,wBAAwB,GAAG,KAAK,CAAC;AAErC,SAAgB,IAAI;IAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO;IACT,CAAC;IAED,YAAY,CAAC,IAAI,EAAE,CAAC;AACtB,CAAC;AAEM,KAAK,UAAU,SAAS;IAC7B,IAAI,EAAE,CAAC;AACT,CAAC;AAEM,KAAK,UAAU,oBAAoB;IACxC,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO;IACT,CAAC;IAED,OAAO,YAAY,CAAC,oBAAoB,EAAE,CAAC;AAC7C,CAAC;AAEM,KAAK,UAAU,8BAA8B;IAClD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC9B,oGAAoG;QACpG,oEAAoE;QACpE,IAAI,UAAU,EAAE,gBAAgB,EAAE,CAAC;YACjC,MAAM,eAAe,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAC;YACtD,UAAU,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC7C,IAAI,EAAE,CAAC;gBACP,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACL,CAAC;QAED,wBAAwB,GAAG,IAAI,CAAC;IAClC,CAAC;IAED,OAAO,YAAY,CAAC,4BAA4B,EAAE,CAAC;AACrD,CAAC;AAEM,KAAK,UAAU,wBAAwB;IAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,YAAY,CAAC,sBAAsB,EAAE,CAAC;AAC/C,CAAC","sourcesContent":["import { requireOptionalNativeModule } from 'expo';\n\nconst SplashModule = requireOptionalNativeModule('ExpoSplashScreen');\n\nlet _initializedErrorHandler = false;\n\nexport function hide() {\n  if (!SplashModule) {\n    return;\n  }\n\n  SplashModule.hide();\n}\n\nexport async function hideAsync(): Promise<void> {\n  hide();\n}\n\nexport async function preventAutoHideAsync() {\n  if (!SplashModule) {\n    return;\n  }\n\n  return SplashModule.preventAutoHideAsync();\n}\n\nexport async function _internal_preventAutoHideAsync(): Promise<boolean> {\n  if (!SplashModule) {\n    return false;\n  }\n\n  if (!_initializedErrorHandler) {\n    // Append error handling to ensure any uncaught exceptions result in the splash screen being hidden.\n    // This prevents the splash screen from floating over error screens.\n    if (ErrorUtils?.getGlobalHandler) {\n      const originalHandler = ErrorUtils.getGlobalHandler();\n      ErrorUtils.setGlobalHandler((error, isFatal) => {\n        hide();\n        originalHandler(error, isFatal);\n      });\n    }\n\n    _initializedErrorHandler = true;\n  }\n\n  return SplashModule.internalPreventAutoHideAsync();\n}\n\nexport async function _internal_maybeHideAsync() {\n  if (!SplashModule) {\n    return false;\n  }\n\n  return SplashModule.internalMaybeHideAsync();\n}\n"]}
+{"version":3,"file":"splash.js","sourceRoot":"","sources":["../../src/utils/splash.ts"],"names":[],"mappings":";;AAMA,oBAMC;AAED,8BAEC;AAED,oDAMC;AAED,wEAqBC;AAED,4DAOC;AAxDD,+BAAmD;AAEnD,MAAM,YAAY,GAAG,IAAA,kCAA2B,EAAC,kBAAkB,CAAC,CAAC;AAErE,IAAI,wBAAwB,GAAG,KAAK,CAAC;AAErC,SAAgB,IAAI;IAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO;IACT,CAAC;IAED,YAAY,CAAC,IAAI,EAAE,CAAC;AACtB,CAAC;AAEM,KAAK,UAAU,SAAS;IAC7B,IAAI,EAAE,CAAC;AACT,CAAC;AAEM,KAAK,UAAU,oBAAoB;IACxC,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO;IACT,CAAC;IAED,OAAO,YAAY,CAAC,oBAAoB,EAAE,CAAC;AAC7C,CAAC;AAEM,KAAK,UAAU,8BAA8B;IAClD,iGAAiG;IACjG,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,4BAA4B,EAAE,CAAC;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC9B,oGAAoG;QACpG,oEAAoE;QACpE,IAAI,UAAU,EAAE,gBAAgB,EAAE,CAAC;YACjC,MAAM,eAAe,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAC;YACtD,UAAU,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC7C,IAAI,EAAE,CAAC;gBACP,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACL,CAAC;QAED,wBAAwB,GAAG,IAAI,CAAC;IAClC,CAAC;IAED,OAAO,YAAY,CAAC,4BAA4B,EAAE,CAAC;AACrD,CAAC;AAEM,KAAK,UAAU,wBAAwB;IAC5C,iGAAiG;IACjG,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,CAAC;QAC1D,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,YAAY,CAAC,sBAAsB,EAAE,CAAC;AAC/C,CAAC","sourcesContent":["import { requireOptionalNativeModule } from 'expo';\n\nconst SplashModule = requireOptionalNativeModule('ExpoSplashScreen');\n\nlet _initializedErrorHandler = false;\n\nexport function hide() {\n  if (!SplashModule) {\n    return;\n  }\n\n  SplashModule.hide();\n}\n\nexport async function hideAsync(): Promise<void> {\n  hide();\n}\n\nexport async function preventAutoHideAsync() {\n  if (!SplashModule) {\n    return;\n  }\n\n  return SplashModule.preventAutoHideAsync();\n}\n\nexport async function _internal_preventAutoHideAsync(): Promise<boolean> {\n  // The internal function might be missing if an app is using an older version of the SplashModule\n  if (!SplashModule || !SplashModule.internalPreventAutoHideAsync) {\n    return false;\n  }\n\n  if (!_initializedErrorHandler) {\n    // Append error handling to ensure any uncaught exceptions result in the splash screen being hidden.\n    // This prevents the splash screen from floating over error screens.\n    if (ErrorUtils?.getGlobalHandler) {\n      const originalHandler = ErrorUtils.getGlobalHandler();\n      ErrorUtils.setGlobalHandler((error, isFatal) => {\n        hide();\n        originalHandler(error, isFatal);\n      });\n    }\n\n    _initializedErrorHandler = true;\n  }\n\n  return SplashModule.internalPreventAutoHideAsync();\n}\n\nexport async function _internal_maybeHideAsync() {\n  // The internal function might be missing if an app is using an older version of the SplashModule\n  if (!SplashModule || !SplashModule.internalMaybeHideAsync) {\n    return false;\n  }\n\n  return SplashModule.internalMaybeHideAsync();\n}\n"]}

package/build/views/Sitemap.js

@@ -136,14 +136,7 @@ const styles = react_native_1.StyleSheet.create({
         paddingVertical: 16,
         borderBottomWidth: 1,
         borderColor: '#313538',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 3,
-        },
-        shadowOpacity: 0.33,
-        shadowRadius: 3,
-        elevation: 8,
+        boxShadow: '0px 3px 3px rgba(0, 0, 0, 0.33)',
     },
     headerContent: {
         flexDirection: 'row',

package/build/views/Sitemap.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sitemap.js","sourceRoot":"","sources":["../../src/views/Sitemap.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright © 2024 650 Industries.\n'use client';\n\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React from 'react';\nimport {\n  Image,\n  StyleSheet,\n  Text,\n  View,\n  ScrollView,\n  Platform,\n  StatusBar,\n  ViewStyle,\n} from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { Pressable, PressableProps } from './Pressable';\nimport { useSitemap, SitemapType } from './useSitemap';\nimport { Link } from '../link/Link';\nimport { canOverrideStatusBarBehavior } from '../utils/statusbar';\n\nconst INDENT = 20;\n\nexport function getNavOptions(): NativeStackNavigationOptions {\n  return {\n    title: 'sitemap',\n    presentation: 'modal',\n    headerLargeTitle: false,\n    headerTitleStyle: {\n      color: 'white',\n    },\n    headerTintColor: 'white',\n    headerLargeTitleStyle: {\n      color: 'white',\n    },\n    headerStyle: {\n      backgroundColor: 'black',\n      // @ts-expect-error: mistyped\n      borderBottomColor: '#323232',\n    },\n    header: () => {\n      const WrapperElement = Platform.OS === 'android' ? SafeAreaView : View;\n      return (\n        <WrapperElement style={styles.header}>\n          <View style={styles.headerContent}>\n            <View style={styles.headerIcon}>\n              <SitemapIcon />\n            </View>\n            <Text role=\"heading\" aria-level={1} style={styles.title}>\n              Sitemap\n            </Text>\n          </View>\n        </WrapperElement>\n      );\n    },\n  };\n}\n\nexport function Sitemap() {\n  const sitemap = useSitemap();\n  const children = React.useMemo(\n    () => sitemap?.children.filter(({ isInternal }) => !isInternal) ?? [],\n    [sitemap]\n  );\n  return (\n    <View style={styles.container}>\n      {canOverrideStatusBarBehavior && <StatusBar barStyle=\"light-content\" />}\n      <ScrollView contentContainerStyle={styles.scroll}>\n        {children.map((child) => (\n          <View testID=\"sitemap-item-container\" key={child.contextKey} style={styles.itemContainer}>\n            <SitemapItem node={child} />\n          </View>\n        ))}\n      </ScrollView>\n    </View>\n  );\n}\n\ninterface SitemapItemProps {\n  node: SitemapType;\n  level?: number;\n  info?: string;\n}\n\nfunction SitemapItem({ node, level = 0 }: SitemapItemProps) {\n  const isLayout = React.useMemo(\n    () => node.children.length > 0 || node.contextKey.match(/_layout\\.[jt]sx?$/),\n    [node]\n  );\n  const info = node.isInitial ? 'Initial' : node.isGenerated ? 'Generated' : '';\n\n  if (isLayout) {\n    return <LayoutSitemapItem node={node} level={level} info={info} />;\n  }\n  return <StandardSitemapItem node={node} level={level} info={info} />;\n}\nfunction LayoutSitemapItem({ node, level, info }: Required<SitemapItemProps>) {\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  return (\n    <>\n      <SitemapItemPressable\n        style={{ opacity: 0.4 }}\n        leftIcon={<PkgIcon />}\n        rightIcon={<ArrowIcon rotation={isCollapsed ? 0 : 180} />}\n        filename={node.filename}\n        level={level}\n        info={info}\n        onPress={() => setIsCollapsed((prev) => !prev)}\n      />\n      {!isCollapsed &&\n        node.children.map((child) => (\n          <SitemapItem\n            key={child.contextKey}\n            node={child}\n            level={level + (node.isGenerated ? 0 : 1)}\n          />\n        ))}\n    </>\n  );\n}\n\nfunction StandardSitemapItem({ node, info, level }: Required<SitemapItemProps>) {\n  return (\n    <Link\n      accessibilityLabel={node.contextKey}\n      href={node.href}\n      asChild\n      // Ensure we replace the history so you can't go back to this page.\n      replace>\n      <SitemapItemPressable\n        leftIcon={<FileIcon />}\n        rightIcon={<ForwardIcon />}\n        filename={node.filename}\n        level={level}\n        info={info}\n      />\n    </Link>\n  );\n}\n\nfunction SitemapItemPressable({\n  style,\n  leftIcon,\n  rightIcon,\n  filename,\n  level,\n  info,\n  ...pressableProps\n}: {\n  style?: ViewStyle;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  filename: string;\n  level: number;\n  info?: string;\n} & Omit<PressableProps, 'style' | 'children'>) {\n  return (\n    <Pressable {...pressableProps}>\n      {({ pressed, hovered }) => (\n        <View\n          testID=\"sitemap-item\"\n          style={[\n            styles.itemPressable,\n            {\n              paddingLeft: INDENT + level * INDENT,\n              backgroundColor: hovered ? '#202425' : 'transparent',\n            },\n            pressed && { backgroundColor: '#26292b' },\n            style,\n          ]}>\n          <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n            {leftIcon}\n            <Text style={styles.filename}>{filename}</Text>\n          </View>\n\n          <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n            {!!info && <Text style={[styles.virtual, { marginRight: 8 }]}>{info}</Text>}\n            {rightIcon}\n          </View>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nfunction FileIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/file.png')} />;\n}\n\nfunction PkgIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/pkg.png')} />;\n}\n\nfunction ForwardIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/forward.png')} />;\n}\n\nfunction SitemapIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/sitemap.png')} />;\n}\n\nfunction ArrowIcon({ rotation = 0 }: { rotation?: number }) {\n  return (\n    <Image\n      style={[\n        styles.image,\n        {\n          transform: [{ rotate: `${rotation}deg` }],\n        },\n      ]}\n      source={require('expo-router/assets/arrow_down.png')}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'black',\n    flex: 1,\n    alignItems: 'stretch',\n  },\n  header: {\n    backgroundColor: '#151718',\n    paddingVertical: 16,\n    borderBottomWidth: 1,\n    borderColor: '#313538',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 3,\n    },\n    shadowOpacity: 0.33,\n    shadowRadius: 3,\n    elevation: 8,\n  },\n  headerContent: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 14,\n    paddingHorizontal: '5%',\n    ...Platform.select({\n      web: {\n        width: '100%',\n        maxWidth: 960,\n        marginHorizontal: 'auto',\n      },\n    }),\n  },\n  title: {\n    color: 'white',\n    fontSize: 28,\n    fontWeight: 'bold',\n  },\n  scroll: {\n    paddingHorizontal: '5%',\n    paddingVertical: 16,\n    ...Platform.select({\n      ios: {\n        paddingBottom: 24,\n      },\n      web: {\n        width: '100%',\n        maxWidth: 960,\n        marginHorizontal: 'auto',\n        paddingBottom: 24,\n      },\n      default: {\n        paddingBottom: 12,\n      },\n    }),\n  },\n  itemContainer: {\n    borderWidth: 1,\n    borderColor: '#313538',\n    backgroundColor: '#151718',\n    borderRadius: 12,\n    marginBottom: 12,\n    overflow: 'hidden',\n  },\n  itemPressable: {\n    paddingHorizontal: INDENT,\n    paddingVertical: 16,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    ...Platform.select({\n      web: {\n        transitionDuration: '100ms',\n      },\n    }),\n  },\n  filename: { color: 'white', fontSize: 20, marginLeft: 12 },\n  virtual: { textAlign: 'right', color: 'white' },\n  image: { width: 24, height: 24, resizeMode: 'contain', opacity: 0.6 },\n  headerIcon: {\n    width: 40,\n    height: 40,\n    backgroundColor: '#202425',\n    borderRadius: 8,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n"]}
+{"version":3,"file":"Sitemap.js","sourceRoot":"","sources":["../../src/views/Sitemap.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright © 2024 650 Industries.\n'use client';\n\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport React from 'react';\nimport {\n  Image,\n  StyleSheet,\n  Text,\n  View,\n  ScrollView,\n  Platform,\n  StatusBar,\n  ViewStyle,\n} from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport { Pressable, PressableProps } from './Pressable';\nimport { useSitemap, SitemapType } from './useSitemap';\nimport { Link } from '../link/Link';\nimport { canOverrideStatusBarBehavior } from '../utils/statusbar';\n\nconst INDENT = 20;\n\nexport function getNavOptions(): NativeStackNavigationOptions {\n  return {\n    title: 'sitemap',\n    presentation: 'modal',\n    headerLargeTitle: false,\n    headerTitleStyle: {\n      color: 'white',\n    },\n    headerTintColor: 'white',\n    headerLargeTitleStyle: {\n      color: 'white',\n    },\n    headerStyle: {\n      backgroundColor: 'black',\n      // @ts-expect-error: mistyped\n      borderBottomColor: '#323232',\n    },\n    header: () => {\n      const WrapperElement = Platform.OS === 'android' ? SafeAreaView : View;\n      return (\n        <WrapperElement style={styles.header}>\n          <View style={styles.headerContent}>\n            <View style={styles.headerIcon}>\n              <SitemapIcon />\n            </View>\n            <Text role=\"heading\" aria-level={1} style={styles.title}>\n              Sitemap\n            </Text>\n          </View>\n        </WrapperElement>\n      );\n    },\n  };\n}\n\nexport function Sitemap() {\n  const sitemap = useSitemap();\n  const children = React.useMemo(\n    () => sitemap?.children.filter(({ isInternal }) => !isInternal) ?? [],\n    [sitemap]\n  );\n  return (\n    <View style={styles.container}>\n      {canOverrideStatusBarBehavior && <StatusBar barStyle=\"light-content\" />}\n      <ScrollView contentContainerStyle={styles.scroll}>\n        {children.map((child) => (\n          <View testID=\"sitemap-item-container\" key={child.contextKey} style={styles.itemContainer}>\n            <SitemapItem node={child} />\n          </View>\n        ))}\n      </ScrollView>\n    </View>\n  );\n}\n\ninterface SitemapItemProps {\n  node: SitemapType;\n  level?: number;\n  info?: string;\n}\n\nfunction SitemapItem({ node, level = 0 }: SitemapItemProps) {\n  const isLayout = React.useMemo(\n    () => node.children.length > 0 || node.contextKey.match(/_layout\\.[jt]sx?$/),\n    [node]\n  );\n  const info = node.isInitial ? 'Initial' : node.isGenerated ? 'Generated' : '';\n\n  if (isLayout) {\n    return <LayoutSitemapItem node={node} level={level} info={info} />;\n  }\n  return <StandardSitemapItem node={node} level={level} info={info} />;\n}\nfunction LayoutSitemapItem({ node, level, info }: Required<SitemapItemProps>) {\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  return (\n    <>\n      <SitemapItemPressable\n        style={{ opacity: 0.4 }}\n        leftIcon={<PkgIcon />}\n        rightIcon={<ArrowIcon rotation={isCollapsed ? 0 : 180} />}\n        filename={node.filename}\n        level={level}\n        info={info}\n        onPress={() => setIsCollapsed((prev) => !prev)}\n      />\n      {!isCollapsed &&\n        node.children.map((child) => (\n          <SitemapItem\n            key={child.contextKey}\n            node={child}\n            level={level + (node.isGenerated ? 0 : 1)}\n          />\n        ))}\n    </>\n  );\n}\n\nfunction StandardSitemapItem({ node, info, level }: Required<SitemapItemProps>) {\n  return (\n    <Link\n      accessibilityLabel={node.contextKey}\n      href={node.href}\n      asChild\n      // Ensure we replace the history so you can't go back to this page.\n      replace>\n      <SitemapItemPressable\n        leftIcon={<FileIcon />}\n        rightIcon={<ForwardIcon />}\n        filename={node.filename}\n        level={level}\n        info={info}\n      />\n    </Link>\n  );\n}\n\nfunction SitemapItemPressable({\n  style,\n  leftIcon,\n  rightIcon,\n  filename,\n  level,\n  info,\n  ...pressableProps\n}: {\n  style?: ViewStyle;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  filename: string;\n  level: number;\n  info?: string;\n} & Omit<PressableProps, 'style' | 'children'>) {\n  return (\n    <Pressable {...pressableProps}>\n      {({ pressed, hovered }) => (\n        <View\n          testID=\"sitemap-item\"\n          style={[\n            styles.itemPressable,\n            {\n              paddingLeft: INDENT + level * INDENT,\n              backgroundColor: hovered ? '#202425' : 'transparent',\n            },\n            pressed && { backgroundColor: '#26292b' },\n            style,\n          ]}>\n          <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n            {leftIcon}\n            <Text style={styles.filename}>{filename}</Text>\n          </View>\n\n          <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n            {!!info && <Text style={[styles.virtual, { marginRight: 8 }]}>{info}</Text>}\n            {rightIcon}\n          </View>\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nfunction FileIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/file.png')} />;\n}\n\nfunction PkgIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/pkg.png')} />;\n}\n\nfunction ForwardIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/forward.png')} />;\n}\n\nfunction SitemapIcon() {\n  return <Image style={styles.image} source={require('expo-router/assets/sitemap.png')} />;\n}\n\nfunction ArrowIcon({ rotation = 0 }: { rotation?: number }) {\n  return (\n    <Image\n      style={[\n        styles.image,\n        {\n          transform: [{ rotate: `${rotation}deg` }],\n        },\n      ]}\n      source={require('expo-router/assets/arrow_down.png')}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: 'black',\n    flex: 1,\n    alignItems: 'stretch',\n  },\n  header: {\n    backgroundColor: '#151718',\n    paddingVertical: 16,\n    borderBottomWidth: 1,\n    borderColor: '#313538',\n    boxShadow: '0px 3px 3px rgba(0, 0, 0, 0.33)',\n  },\n  headerContent: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 14,\n    paddingHorizontal: '5%',\n    ...Platform.select({\n      web: {\n        width: '100%',\n        maxWidth: 960,\n        marginHorizontal: 'auto',\n      },\n    }),\n  },\n  title: {\n    color: 'white',\n    fontSize: 28,\n    fontWeight: 'bold',\n  },\n  scroll: {\n    paddingHorizontal: '5%',\n    paddingVertical: 16,\n    ...Platform.select({\n      ios: {\n        paddingBottom: 24,\n      },\n      web: {\n        width: '100%',\n        maxWidth: 960,\n        marginHorizontal: 'auto',\n        paddingBottom: 24,\n      },\n      default: {\n        paddingBottom: 12,\n      },\n    }),\n  },\n  itemContainer: {\n    borderWidth: 1,\n    borderColor: '#313538',\n    backgroundColor: '#151718',\n    borderRadius: 12,\n    marginBottom: 12,\n    overflow: 'hidden',\n  },\n  itemPressable: {\n    paddingHorizontal: INDENT,\n    paddingVertical: 16,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    ...Platform.select({\n      web: {\n        transitionDuration: '100ms',\n      },\n    }),\n  },\n  filename: { color: 'white', fontSize: 20, marginLeft: 12 },\n  virtual: { textAlign: 'right', color: 'white' },\n  image: { width: 24, height: 24, resizeMode: 'contain', opacity: 0.6 },\n  headerIcon: {\n    width: 40,\n    height: 40,\n    backgroundColor: '#202425',\n    borderRadius: 8,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n"]}

package/ios/LinkPreview/LinkPreviewNativeActionView.swift

@@ -12,6 +12,7 @@ class LinkPreviewNativeActionView: ExpoView {
     clipsToBounds = true
   }
 
+#if RCT_NEW_ARCH_ENABLED
   override func mountChildComponentView(_ childComponentView: UIView, index: Int) {
     if let childActionView = childComponentView as? LinkPreviewNativeActionView {
       subActions.append(childActionView)
@@ -31,4 +32,5 @@ class LinkPreviewNativeActionView: ExpoView {
       )
     }
   }
+#endif
 }

package/ios/LinkPreview/LinkPreviewNativeModule.swift

@@ -11,6 +11,7 @@ public class LinkPreviewNativeModule: Module {
 
       Events(
         "onPreviewTapped",
+        "onPreviewTappedAnimationCompleted",
         "onWillPreviewOpen",
         "onDidPreviewOpen",
         "onPreviewWillClose",

package/ios/LinkPreview/LinkPreviewNativeNavigation.h

@@ -1,5 +1,7 @@
 // Copyright 2015-present 650 Industries. All rights reserved.
 
+#import <RNScreens/RNSScreenStack.h>
+
 @interface LinkPreviewNativeNavigation: NSObject
 
 /*
@@ -16,3 +18,7 @@
 
 @end
 
+@protocol LinkPreviewModalDismissible <RNSDismissibleModalProtocol>
+@required
+@end
+

package/ios/LinkPreview/LinkPreviewNativeNavigation.mm

@@ -2,6 +2,7 @@
 
 #import "LinkPreviewNativeNavigation.h"
 #import <Foundation/Foundation.h>
+#include <Foundation/NSObjCRuntime.h>
 #import <RNScreens/RNSScreen.h>
 #import <RNScreens/RNSScreenStack.h>
 
@@ -16,6 +17,38 @@
     // React native screens will then handle the rest.
     [preloadedScreenView setActivityState:2];
     [stackView markChildUpdated];
+    // If the screen is modal with header then it will have exactly one child -
+    // RNSNavigationController.
+    // https://github.com/software-mansion/react-native-screens/blob/8b82e081e8fdfa6e0864821134bda9e87a745b00/src/components/ScreenStackItem.tsx#L146-L160
+    if (preloadedScreenView.isModal &&
+        preloadedScreenView.controller.childViewControllers.count == 1) {
+      // The first child should be RNSNavigationController (<ScreenStack>).
+      UIViewController *navController =
+          preloadedScreenView.controller.childViewControllers[0];
+      if ([navController isKindOfClass:[RNSNavigationController class]]) {
+        RNSNavigationController *rnsNavController =
+            (RNSNavigationController *)navController;
+        // The delegate of RNSNavigationController is RNSScreenStackView.
+        id<UINavigationControllerDelegate> delegate = rnsNavController.delegate;
+        if ([delegate isKindOfClass:[RNSScreenStackView class]]) {
+          RNSScreenStackView *innerScreenStack = (RNSScreenStackView *)delegate;
+          // The first and only child of the inner screen stack should be
+          // RNSScreenView (<ScreenStackItem>).
+          UIView *firstChild = innerScreenStack.reactSubviews != nil
+                                   ? innerScreenStack.reactSubviews[0]
+                                   : nil;
+          if (firstChild != nil &&
+              [firstChild isKindOfClass:[RNSScreenView class]]) {
+            RNSScreenView *screenContentView = (RNSScreenView *)firstChild;
+            // Same as above, we let React Native Screens handle the transition.
+            // We need to set the activity of inner screen as well, because its react value is the same as the preloaded screen - 0.
+            // https://github.com/software-mansion/react-native-screens/blob/8b82e081e8fdfa6e0864821134bda9e87a745b00/src/components/ScreenStackItem.tsx#L151
+            [screenContentView setActivityState:2];
+            [innerScreenStack markChildUpdated];
+          }
+        }
+      }
+    }
     NSLog(@"ExpoRouter: Preloaded screen view pushed.");
   } else {
     NSLog(@"ExpoRouter: No preloaded screen view found. Relying on JS "
@@ -38,8 +71,8 @@
   }
 }
 
-- (nonnull NSArray<RNSScreenStackView *> *)findAllScreenStackViewsInResponderChain:
-    (nonnull UIResponder *)responder {
+- (nonnull NSArray<RNSScreenStackView *> *)
+    findAllScreenStackViewsInResponderChain:(nonnull UIResponder *)responder {
   NSMutableArray<RNSScreenStackView *> *stackViews = [NSMutableArray array];
 
   while (responder) {
@@ -93,9 +126,9 @@
   return NO;
 }
 
-- (nullable RNSScreenView *)findPreloadedScreenView:
-                       (nonnull NSArray<RNSScreenView *> *)screenViews
-                              withScreenId:(nonnull NSString *)screenId {
+- (nullable RNSScreenView *)
+    findPreloadedScreenView:(nonnull NSArray<RNSScreenView *> *)screenViews
+               withScreenId:(nonnull NSString *)screenId {
   for (RNSScreenView *screenView in screenViews) {
     if (screenView.activityState == 0 &&
         [screenView.screenId isEqualToString:screenId]) {

package/ios/LinkPreview/LinkPreviewNativePreviewView.swift

@@ -10,6 +10,8 @@ class NativeLinkPreviewContentView: ExpoView {
   }
 
   func setInitialSize(bounds: CGRect) {
+#if RCT_NEW_ARCH_ENABLED
     self.setShadowNodeSize(Float(bounds.width), height: Float(bounds.height))
+#endif
   }
 }

package/ios/LinkPreview/LinkPreviewNativeView.swift

@@ -1,6 +1,6 @@
 import ExpoModulesCore
 
-class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
+class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate, LinkPreviewModalDismissible {
   private var trigger: NativeLinkPreviewTrigger?
   private var preview: NativeLinkPreviewContentView?
   private var interaction: UIContextMenuInteraction?
@@ -10,6 +10,7 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
   private let linkPreviewNativeNavigation = LinkPreviewNativeNavigation()
 
   let onPreviewTapped = EventDispatcher()
+  let onPreviewTappedAnimationCompleted = EventDispatcher()
   let onWillPreviewOpen = EventDispatcher()
   let onDidPreviewOpen = EventDispatcher()
   let onPreviewWillClose = EventDispatcher()
@@ -21,6 +22,12 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
     self.interaction = UIContextMenuInteraction(delegate: self)
   }
 
+  // MARK: - LinkPreviewModalDismissable
+
+  func isDismissible() -> Bool {
+    return false
+  }
+
   // MARK: - Props
 
   func setNextScreenId(_ screenId: String) {
@@ -29,7 +36,7 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
   }
 
   // MARK: - Children
-
+#if RCT_NEW_ARCH_ENABLED
   override func mountChildComponentView(_ childComponentView: UIView, index: Int) {
     if let triggerView = childComponentView as? NativeLinkPreviewTrigger {
       trigger = triggerView
@@ -72,6 +79,7 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
         "ExpoRouter: Unknown child component view (\(child)) unmounted from NativeLinkPreviewView")
     }
   }
+#endif
 
   // MARK: - UIContextMenuInteractionDelegate
 
@@ -137,9 +145,10 @@ class NativeLinkPreviewView: ExpoView, UIContextMenuInteractionDelegate {
     willPerformPreviewActionForMenuWith configuration: UIContextMenuConfiguration,
     animator: UIContextMenuInteractionCommitAnimating
   ) {
-    linkPreviewNativeNavigation.pushPreloadedView()
-    onPreviewTapped()
+    self.onPreviewTapped()
     animator.addCompletion { [weak self] in
+      self?.linkPreviewNativeNavigation.pushPreloadedView()
+      self?.onPreviewTappedAnimationCompleted()
     }
   }