expo-router 5.2.0-canary-20250613-b29d676-2 → 5.2.0-canary-20250701-6a945c5

package/build/link/preview/HrefPreview.js

@@ -0,0 +1,99 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HrefPreview = HrefPreview;
+const native_1 = require("@react-navigation/native");
+const react_1 = require("react");
+const PreviewRouteContext_1 = require("./PreviewRouteContext");
+const router_store_1 = require("../../global-state/router-store");
+const useNavigation_1 = require("../../useNavigation");
+const useScreens_1 = require("../../useScreens");
+const linking_1 = require("../linking");
+const constants_1 = require("../../constants");
+function HrefPreview({ href }) {
+    const navigation = (0, useNavigation_1.useNavigation)();
+    const { routeNode, params, state } = getParamsAndNodeFromHref(href);
+    const path = state ? (0, linking_1.getPathFromState)(state) : undefined;
+    const value = (0, react_1.useMemo)(() => ({
+        params,
+        pathname: href.toString(),
+        segments: path?.split('/').filter(Boolean) || [],
+    }), [params, href]);
+    // This can happen in a theoretical case where the state is not yet initialized or is incorrectly initialized.
+    // It also check ensures TypeScript type safety.
+    if (!routeNode) {
+        return null;
+    }
+    const Component = (0, useScreens_1.getQualifiedRouteComponent)(routeNode);
+    return (<PreviewRouteContext_1.PreviewRouteContext value={value}>
+      {/* Using NavigationContext to override useNavigation */}
+      <native_1.NavigationContext value={navigationPropWithWarnings}>
+        <Component navigation={navigation}/>
+      </native_1.NavigationContext>
+    </PreviewRouteContext_1.PreviewRouteContext>);
+}
+function getParamsAndNodeFromHref(href) {
+    const hrefState = router_store_1.store.getStateForHref(href);
+    if (hrefState?.routes[0] && hrefState.routes[0].name !== constants_1.INTERNAL_SLOT_NAME) {
+        const error = `Expo Router Error: Expected navigation state to begin with a ${constants_1.INTERNAL_SLOT_NAME} route`;
+        if (process.env.NODE_ENV !== 'production') {
+            throw new Error(error);
+        }
+        else {
+            console.warn(error);
+        }
+    }
+    // Assuming that root of the state is __root
+    const initialState = hrefState?.routes[0]?.state;
+    let state = initialState;
+    let routeNode = router_store_1.store.routeNode;
+    const params = {};
+    while (state && routeNode) {
+        const route = state.routes[state.index || state.routes.length - 1];
+        Object.assign(params, route.params);
+        state = route.state;
+        routeNode = routeNode.children.find((child) => child.route === route.name);
+    }
+    return { params, routeNode, state: initialState };
+}
+const displayWarningForProp = (prop) => {
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn(`navigation.${prop} should not be used in a previewed screen. To fix this issue, wrap navigation calls with 'if (!isPreview) { ... }'.`);
+    }
+};
+const createNOOPWithWarning = (prop) => () => displayWarningForProp(prop);
+const navigationPropWithWarnings = {
+    setParams: createNOOPWithWarning('setParams'),
+    setOptions: createNOOPWithWarning('setOptions'),
+    addListener: (() => () => { }),
+    removeListener: () => { },
+    isFocused: () => true,
+    canGoBack: () => false,
+    dispatch: createNOOPWithWarning('dispatch'),
+    navigate: createNOOPWithWarning('navigate'),
+    goBack: createNOOPWithWarning('goBack'),
+    reset: createNOOPWithWarning('reset'),
+    push: createNOOPWithWarning('push'),
+    pop: createNOOPWithWarning('pop'),
+    popToTop: createNOOPWithWarning('popToTop'),
+    navigateDeprecated: createNOOPWithWarning('navigateDeprecated'),
+    preload: createNOOPWithWarning('preload'),
+    getId: () => {
+        displayWarningForProp('getId');
+        return '';
+    },
+    // @ts-expect-error
+    getParent: createNOOPWithWarning('getParent'),
+    getState: () => {
+        displayWarningForProp('getState');
+        return {
+            key: '',
+            index: 0,
+            routeNames: [],
+            routes: [],
+            type: 'stack',
+            stale: false,
+        };
+    },
+};
+//# sourceMappingURL=HrefPreview.js.map

package/build/link/preview/HrefPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HrefPreview.js","sourceRoot":"","sources":["../../../src/link/preview/HrefPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport {\n  NavigationContext,\n  type NavigationProp,\n  type ParamListBase,\n} from '@react-navigation/native';\nimport { useMemo } from 'react';\n\nimport { PreviewRouteContext } from './PreviewRouteContext';\nimport { RouteNode } from '../../Route';\nimport { store } from '../../global-state/router-store';\nimport { Href, UnknownOutputParams } from '../../types';\nimport { useNavigation } from '../../useNavigation';\nimport { getQualifiedRouteComponent } from '../../useScreens';\nimport { getPathFromState } from '../linking';\nimport { INTERNAL_SLOT_NAME } from '../../constants';\n\nexport function HrefPreview({ href }: { href: Href }) {\n  const navigation = useNavigation();\n  const { routeNode, params, state } = getParamsAndNodeFromHref(href);\n\n  const path = state ? getPathFromState(state) : undefined;\n\n  const value = useMemo(\n    () => ({\n      params,\n      pathname: href.toString(),\n      segments: path?.split('/').filter(Boolean) || [],\n    }),\n    [params, href]\n  );\n\n  // This can happen in a theoretical case where the state is not yet initialized or is incorrectly initialized.\n  // It also check ensures TypeScript type safety.\n  if (!routeNode) {\n    return null;\n  }\n\n  const Component = getQualifiedRouteComponent(routeNode);\n\n  return (\n    <PreviewRouteContext value={value}>\n      {/* Using NavigationContext to override useNavigation */}\n      <NavigationContext value={navigationPropWithWarnings}>\n        <Component navigation={navigation} />\n      </NavigationContext>\n    </PreviewRouteContext>\n  );\n}\n\nfunction getParamsAndNodeFromHref(href: Href) {\n  const hrefState = store.getStateForHref(href as any);\n  if (hrefState?.routes[0] && hrefState.routes[0].name !== INTERNAL_SLOT_NAME) {\n    const error = `Expo Router Error: Expected navigation state to begin with a ${INTERNAL_SLOT_NAME} route`;\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(error);\n    } else {\n      console.warn(error);\n    }\n  }\n  // Assuming that root of the state is __root\n  const initialState = hrefState?.routes[0]?.state;\n  let state = initialState;\n  let routeNode: RouteNode | undefined | null = store.routeNode;\n\n  const params: UnknownOutputParams = {};\n\n  while (state && routeNode) {\n    const route = state.routes[state.index || state.routes.length - 1];\n    Object.assign(params, route.params);\n    state = route.state;\n    routeNode = routeNode.children.find((child) => child.route === route.name);\n  }\n\n  return { params, routeNode, state: initialState };\n}\n\nconst displayWarningForProp = (prop: string) => {\n  if (process.env.NODE_ENV !== 'production') {\n    console.warn(\n      `navigation.${prop} should not be used in a previewed screen. To fix this issue, wrap navigation calls with 'if (!isPreview) { ... }'.`\n    );\n  }\n};\n\nconst createNOOPWithWarning = (prop: string) => () => displayWarningForProp(prop);\n\nconst navigationPropWithWarnings: NavigationProp<ParamListBase> = {\n  setParams: createNOOPWithWarning('setParams'),\n  setOptions: createNOOPWithWarning('setOptions'),\n  addListener: (() => () => {}) as NavigationProp<ParamListBase>['addListener'],\n  removeListener: () => {},\n  isFocused: () => true,\n  canGoBack: () => false,\n  dispatch: createNOOPWithWarning('dispatch'),\n  navigate: createNOOPWithWarning('navigate'),\n  goBack: createNOOPWithWarning('goBack'),\n  reset: createNOOPWithWarning('reset'),\n  push: createNOOPWithWarning('push'),\n  pop: createNOOPWithWarning('pop'),\n  popToTop: createNOOPWithWarning('popToTop'),\n  navigateDeprecated: createNOOPWithWarning('navigateDeprecated'),\n  preload: createNOOPWithWarning('preload'),\n  getId: () => {\n    displayWarningForProp('getId');\n    return '';\n  },\n  // @ts-expect-error\n  getParent: createNOOPWithWarning('getParent'),\n  getState: () => {\n    displayWarningForProp('getState');\n    return {\n      key: '',\n      index: 0,\n      routeNames: [],\n      routes: [],\n      type: 'stack',\n      stale: false,\n    };\n  },\n};\n"]}

package/build/link/preview/LinkPreviewContext.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export declare function LinkPreviewContextProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+export declare const useLinkPreviewContext: () => {
+    isPreviewOpen: boolean;
+    setIsPreviewOpen: (isOpen: boolean) => void;
+};
+//# sourceMappingURL=LinkPreviewContext.d.ts.map

package/build/link/preview/LinkPreviewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPreviewContext.d.ts","sourceRoot":"","sources":["../../../src/link/preview/LinkPreviewContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAUxE,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAOzE;AAED,eAAO,MAAM,qBAAqB;mBAfb,OAAO;sBACJ,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;CAsBhD,CAAC"}

package/build/link/preview/LinkPreviewContext.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLinkPreviewContext = void 0;
+exports.LinkPreviewContextProvider = LinkPreviewContextProvider;
+const react_1 = require("react");
+const LinkPreviewContext = (0, react_1.createContext)(undefined);
+function LinkPreviewContextProvider({ children }) {
+    const [isPreviewOpen, setIsPreviewOpen] = (0, react_1.useState)(false);
+    return (<LinkPreviewContext.Provider value={{ isPreviewOpen, setIsPreviewOpen }}>
+      {children}
+    </LinkPreviewContext.Provider>);
+}
+const useLinkPreviewContext = () => {
+    const context = (0, react_1.use)(LinkPreviewContext);
+    if (context == null) {
+        throw new Error('useLinkPreviewContext must be used within a LinkPreviewContextProvider. This is likely a bug in Expo Router.');
+    }
+    return context;
+};
+exports.useLinkPreviewContext = useLinkPreviewContext;
+//# sourceMappingURL=LinkPreviewContext.js.map

package/build/link/preview/LinkPreviewContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPreviewContext.js","sourceRoot":"","sources":["../../../src/link/preview/LinkPreviewContext.tsx"],"names":[],"mappings":";;;AAUA,gEAOC;AAjBD,iCAAwE;AAExE,MAAM,kBAAkB,GAAG,IAAA,qBAAa,EAMtC,SAAS,CAAC,CAAC;AAEb,SAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAqB;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1D,OAAO,CACL,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC,CACtE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAC/B,CAAC;AACJ,CAAC;AAEM,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,OAAO,GAAG,IAAA,WAAG,EAAC,kBAAkB,CAAC,CAAC;IACxC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,8GAA8G,CAC/G,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,qBAAqB,yBAQhC","sourcesContent":["import { createContext, PropsWithChildren, use, useState } from 'react';\n\nconst LinkPreviewContext = createContext<\n  | {\n      isPreviewOpen: boolean;\n      setIsPreviewOpen: (isOpen: boolean) => void;\n    }\n  | undefined\n>(undefined);\n\nexport function LinkPreviewContextProvider({ children }: PropsWithChildren) {\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  return (\n    <LinkPreviewContext.Provider value={{ isPreviewOpen, setIsPreviewOpen }}>\n      {children}\n    </LinkPreviewContext.Provider>\n  );\n}\n\nexport const useLinkPreviewContext = () => {\n  const context = use(LinkPreviewContext);\n  if (context == null) {\n    throw new Error(\n      'useLinkPreviewContext must be used within a LinkPreviewContextProvider. This is likely a bug in Expo Router.'\n    );\n  }\n  return context;\n};\n"]}

package/build/link/preview/PreviewRouteContext.d.ts

@@ -0,0 +1,22 @@
+import type { UnknownOutputParams } from '../../types';
+export interface PreviewRouteContextType {
+    params: UnknownOutputParams;
+    pathname: string;
+    segments: string[];
+}
+export declare const PreviewRouteContext: import("react").Context<PreviewRouteContextType | undefined>;
+type UsePreviewInfo = {
+    isPreview: boolean;
+} & Partial<PreviewRouteContextType>;
+/**
+ * Returns information about the current route if it is displayed in preview mode.
+ */
+export declare function usePreviewInfo(): UsePreviewInfo;
+/**
+ * Hook to determine if the current route is rendered inside a preview.
+ *
+ *  @returns {boolean} - True if the current route is rendered inside a preview, false otherwise.
+ */
+export declare function useIsPreview(): boolean;
+export {};
+//# sourceMappingURL=PreviewRouteContext.d.ts.map

package/build/link/preview/PreviewRouteContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRouteContext.d.ts","sourceRoot":"","sources":["../../../src/link/preview/PreviewRouteContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,8DAAgE,CAAC;AAEjG,KAAK,cAAc,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;AAEhF;;GAEG;AACH,wBAAgB,cAAc,IAAI,cAAc,CAM/C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAGtC"}

package/build/link/preview/PreviewRouteContext.js

@@ -0,0 +1,28 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewRouteContext = void 0;
+exports.usePreviewInfo = usePreviewInfo;
+exports.useIsPreview = useIsPreview;
+const react_1 = require("react");
+exports.PreviewRouteContext = (0, react_1.createContext)(undefined);
+/**
+ * Returns information about the current route if it is displayed in preview mode.
+ */
+function usePreviewInfo() {
+    const paramsContext = (0, react_1.use)(exports.PreviewRouteContext);
+    return {
+        isPreview: !!paramsContext,
+        ...paramsContext,
+    };
+}
+/**
+ * Hook to determine if the current route is rendered inside a preview.
+ *
+ *  @returns {boolean} - True if the current route is rendered inside a preview, false otherwise.
+ */
+function useIsPreview() {
+    const { isPreview } = usePreviewInfo();
+    return isPreview;
+}
+//# sourceMappingURL=PreviewRouteContext.js.map

package/build/link/preview/PreviewRouteContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRouteContext.js","sourceRoot":"","sources":["../../../src/link/preview/PreviewRouteContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAmBb,wCAMC;AAOD,oCAGC;AAjCD,iCAA2C;AAU9B,QAAA,mBAAmB,GAAG,IAAA,qBAAa,EAAsC,SAAS,CAAC,CAAC;AAIjG;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,aAAa,GAAG,IAAA,WAAG,EAAC,2BAAmB,CAAC,CAAC;IAC/C,OAAO;QACL,SAAS,EAAE,CAAC,CAAC,aAAa;QAC1B,GAAG,aAAa;KACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,YAAY;IAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nimport type { UnknownOutputParams } from '../../types';\n\nexport interface PreviewRouteContextType {\n  params: UnknownOutputParams;\n  pathname: string;\n  segments: string[];\n}\n\nexport const PreviewRouteContext = createContext<PreviewRouteContextType | undefined>(undefined);\n\ntype UsePreviewInfo = { isPreview: boolean } & Partial<PreviewRouteContextType>;\n\n/**\n * Returns information about the current route if it is displayed in preview mode.\n */\nexport function usePreviewInfo(): UsePreviewInfo {\n  const paramsContext = use(PreviewRouteContext);\n  return {\n    isPreview: !!paramsContext,\n    ...paramsContext,\n  };\n}\n\n/**\n * Hook to determine if the current route is rendered inside a preview.\n *\n *  @returns {boolean} - True if the current route is rendered inside a preview, false otherwise.\n */\nexport function useIsPreview(): boolean {\n  const { isPreview } = usePreviewInfo();\n  return isPreview;\n}\n"]}

package/build/link/preview/native.d.ts

@@ -0,0 +1,31 @@
+import { type ViewProps } from 'react-native';
+export interface NativeLinkPreviewActionProps {
+    title: string;
+    id: string;
+}
+export declare function NativeLinkPreviewAction(props: NativeLinkPreviewActionProps): import("react").JSX.Element | null;
+export type NativeLinkPreviewTriggerProps = ViewProps;
+export declare function NativeLinkPreviewTrigger(props: NativeLinkPreviewTriggerProps): import("react").JSX.Element | null;
+export interface NativeLinkPreviewProps extends ViewProps {
+    nextScreenId: string | undefined;
+    onActionSelected?: (event: {
+        nativeEvent: {
+            id: string;
+        };
+    }) => void;
+    onWillPreviewOpen?: () => void;
+    onDidPreviewOpen?: () => void;
+    onPreviewWillClose?: () => void;
+    onPreviewDidClose?: () => void;
+    onPreviewTapped?: () => void;
+    children: React.ReactNode;
+}
+export declare function NativeLinkPreview(props: NativeLinkPreviewProps): import("react").JSX.Element | null;
+export interface NativeLinkPreviewContentProps extends ViewProps {
+    preferredContentSize?: {
+        width: number;
+        height: number;
+    };
+}
+export declare function NativeLinkPreviewContent(props: NativeLinkPreviewContentProps): import("react").JSX.Element | null;
+//# sourceMappingURL=native.d.ts.map

package/build/link/preview/native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/link/preview/native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,sCAK1E;AAID,MAAM,MAAM,6BAA6B,GAAG,SAAS,CAAC;AAKtD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,sCAK5E;AAID,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAKD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,sCAK9D;AAID,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,oBAAoB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1D;AAMD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,sCAW5E"}

package/build/link/preview/native.js

@@ -0,0 +1,53 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeLinkPreviewAction = NativeLinkPreviewAction;
+exports.NativeLinkPreviewTrigger = NativeLinkPreviewTrigger;
+exports.NativeLinkPreview = NativeLinkPreview;
+exports.NativeLinkPreviewContent = NativeLinkPreviewContent;
+const expo_1 = require("expo");
+const react_native_1 = require("react-native");
+const LinkPreviewNativeActionView = react_native_1.Platform.OS === 'ios'
+    ? (0, expo_1.requireNativeView)('ExpoRouterNativeLinkPreview', 'LinkPreviewNativeActionView')
+    : null;
+function NativeLinkPreviewAction(props) {
+    if (!LinkPreviewNativeActionView) {
+        return null;
+    }
+    return <LinkPreviewNativeActionView {...props}/>;
+}
+const NativeLinkPreviewTriggerView = react_native_1.Platform.OS === 'ios'
+    ? (0, expo_1.requireNativeView)('ExpoRouterNativeLinkPreview', 'NativeLinkPreviewTrigger')
+    : null;
+function NativeLinkPreviewTrigger(props) {
+    if (!NativeLinkPreviewTriggerView) {
+        return null;
+    }
+    return <NativeLinkPreviewTriggerView {...props}/>;
+}
+const NativeLinkPreviewView = react_native_1.Platform.OS === 'ios'
+    ? (0, expo_1.requireNativeView)('ExpoRouterNativeLinkPreview', 'NativeLinkPreviewView')
+    : null;
+function NativeLinkPreview(props) {
+    if (!NativeLinkPreviewView) {
+        return null;
+    }
+    return <NativeLinkPreviewView {...props}/>;
+}
+const NativeLinkPreviewContentView = react_native_1.Platform.OS === 'ios'
+    ? (0, expo_1.requireNativeView)('ExpoRouterNativeLinkPreview', 'NativeLinkPreviewContentView')
+    : null;
+function NativeLinkPreviewContent(props) {
+    if (!NativeLinkPreviewContentView) {
+        return null;
+    }
+    const style = react_native_1.StyleSheet.flatten([
+        props.style,
+        {
+            position: 'absolute',
+        },
+    ]);
+    return <NativeLinkPreviewContentView {...props} style={style}/>;
+}
+// #endregion
+//# sourceMappingURL=native.js.map

package/build/link/preview/native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.js","sourceRoot":"","sources":["../../../src/link/preview/native.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAcb,0DAKC;AASD,4DAKC;AAkBD,8CAKC;AAYD,4DAWC;AA7ED,+BAAyC;AACzC,+CAAoE;AAOpE,MAAM,2BAA2B,GAC/B,uBAAQ,CAAC,EAAE,KAAK,KAAK;IACnB,CAAC,CAAC,IAAA,wBAAiB,EAAC,6BAA6B,EAAE,6BAA6B,CAAC;IACjF,CAAC,CAAC,IAAI,CAAC;AACX,SAAgB,uBAAuB,CAAC,KAAmC;IACzE,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CAAC,2BAA2B,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACpD,CAAC;AAKD,MAAM,4BAA4B,GAChC,uBAAQ,CAAC,EAAE,KAAK,KAAK;IACnB,CAAC,CAAC,IAAA,wBAAiB,EAAC,6BAA6B,EAAE,0BAA0B,CAAC;IAC9E,CAAC,CAAC,IAAI,CAAC;AACX,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CAAC,4BAA4B,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrD,CAAC;AAcD,MAAM,qBAAqB,GACzB,uBAAQ,CAAC,EAAE,KAAK,KAAK;IACnB,CAAC,CAAC,IAAA,wBAAiB,EAAC,6BAA6B,EAAE,uBAAuB,CAAC;IAC3E,CAAC,CAAC,IAAI,CAAC;AACX,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC9C,CAAC;AAOD,MAAM,4BAA4B,GAChC,uBAAQ,CAAC,EAAE,KAAK,KAAK;IACnB,CAAC,CAAC,IAAA,wBAAiB,EAAC,6BAA6B,EAAE,8BAA8B,CAAC;IAClF,CAAC,CAAC,IAAI,CAAC;AAEX,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,KAAK,GAAG,yBAAU,CAAC,OAAO,CAAC;QAC/B,KAAK,CAAC,KAAK;QACX;YACE,QAAQ,EAAE,UAAU;SACZ;KACX,CAAC,CAAC;IACH,OAAO,CAAC,4BAA4B,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;AACnE,CAAC;AACD,aAAa","sourcesContent":["'use client';\n\nimport { requireNativeView } from 'expo';\nimport { Platform, StyleSheet, type ViewProps } from 'react-native';\n\n// #region Action View\nexport interface NativeLinkPreviewActionProps {\n  title: string;\n  id: string;\n}\nconst LinkPreviewNativeActionView: React.ComponentType<NativeLinkPreviewActionProps> | null =\n  Platform.OS === 'ios'\n    ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkPreviewNativeActionView')\n    : null;\nexport function NativeLinkPreviewAction(props: NativeLinkPreviewActionProps) {\n  if (!LinkPreviewNativeActionView) {\n    return null;\n  }\n  return <LinkPreviewNativeActionView {...props} />;\n}\n// #endregion\n\n// #region Trigger View\nexport type NativeLinkPreviewTriggerProps = ViewProps;\nconst NativeLinkPreviewTriggerView: React.ComponentType<NativeLinkPreviewTriggerProps> | null =\n  Platform.OS === 'ios'\n    ? requireNativeView('ExpoRouterNativeLinkPreview', 'NativeLinkPreviewTrigger')\n    : null;\nexport function NativeLinkPreviewTrigger(props: NativeLinkPreviewTriggerProps) {\n  if (!NativeLinkPreviewTriggerView) {\n    return null;\n  }\n  return <NativeLinkPreviewTriggerView {...props} />;\n}\n// #endregion\n\n// #region Preview View\nexport interface NativeLinkPreviewProps extends ViewProps {\n  nextScreenId: string | undefined;\n  onActionSelected?: (event: { nativeEvent: { id: string } }) => void;\n  onWillPreviewOpen?: () => void;\n  onDidPreviewOpen?: () => void;\n  onPreviewWillClose?: () => void;\n  onPreviewDidClose?: () => void;\n  onPreviewTapped?: () => void;\n  children: React.ReactNode;\n}\nconst NativeLinkPreviewView: React.ComponentType<NativeLinkPreviewProps> | null =\n  Platform.OS === 'ios'\n    ? requireNativeView('ExpoRouterNativeLinkPreview', 'NativeLinkPreviewView')\n    : null;\nexport function NativeLinkPreview(props: NativeLinkPreviewProps) {\n  if (!NativeLinkPreviewView) {\n    return null;\n  }\n  return <NativeLinkPreviewView {...props} />;\n}\n// #endregion\n\n// #region Preview Content View\nexport interface NativeLinkPreviewContentProps extends ViewProps {\n  preferredContentSize?: { width: number; height: number };\n}\nconst NativeLinkPreviewContentView: React.ComponentType<NativeLinkPreviewContentProps> | null =\n  Platform.OS === 'ios'\n    ? requireNativeView('ExpoRouterNativeLinkPreview', 'NativeLinkPreviewContentView')\n    : null;\n\nexport function NativeLinkPreviewContent(props: NativeLinkPreviewContentProps) {\n  if (!NativeLinkPreviewContentView) {\n    return null;\n  }\n  const style = StyleSheet.flatten([\n    props.style,\n    {\n      position: 'absolute',\n    } as const,\n  ]);\n  return <NativeLinkPreviewContentView {...props} style={style} />;\n}\n// #endregion\n"]}

package/build/link/preview/useNextScreenId.d.ts

@@ -0,0 +1,3 @@
+import { Href } from '../../types';
+export declare function useNextScreenId(): [string | undefined, (href: Href) => void];
+//# sourceMappingURL=useNextScreenId.d.ts.map

package/build/link/preview/useNextScreenId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNextScreenId.d.ts","sourceRoot":"","sources":["../../../src/link/preview/useNextScreenId.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,wBAAgB,eAAe,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAQ5E"}

package/build/link/preview/useNextScreenId.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNextScreenId = useNextScreenId;
+const react_1 = require("react");
+const router_store_1 = require("../../global-state/router-store");
+const href_1 = require("../href");
+function useNextScreenId() {
+    const [internalNextScreenId, internalSetNextScreenId] = (0, react_1.useState)();
+    const setNextScreenId = (0, react_1.useCallback)((href) => {
+        const preloadedRoute = getPreloadedRouteFromRootStateByHref(href);
+        const routeKey = preloadedRoute?.key;
+        internalSetNextScreenId(routeKey);
+    }, []);
+    return [internalNextScreenId, setNextScreenId];
+}
+function getPreloadedRouteFromRootStateByHref(href) {
+    const rootState = router_store_1.store.state;
+    let hrefState = router_store_1.store.getStateForHref((0, href_1.resolveHref)(href));
+    let state = rootState;
+    while (hrefState && state) {
+        const currentHrefRoute = hrefState.routes[0];
+        const currentStateRoute = currentHrefRoute
+            ? state.routes.find((r) => r.name === currentHrefRoute.name)
+            : undefined;
+        if (!currentStateRoute) {
+            // Only checking stack, because it is the only native navigator.
+            if (state.type === 'stack') {
+                const stackState = state;
+                // Sometimes the route is stored inside params
+                const innerRoute = currentHrefRoute.state ? currentHrefRoute.state.routes[0] : undefined;
+                const preloadedRoute = stackState.preloadedRoutes.find((route) => route.name === currentHrefRoute.name &&
+                    (!innerRoute ||
+                        (route.params && 'screen' in route.params && route.params.screen === innerRoute.name)));
+                return preloadedRoute;
+            }
+        }
+        hrefState = currentHrefRoute?.state;
+        state = currentStateRoute?.state;
+    }
+    return undefined;
+}
+//# sourceMappingURL=useNextScreenId.js.map

package/build/link/preview/useNextScreenId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNextScreenId.js","sourceRoot":"","sources":["../../../src/link/preview/useNextScreenId.ts"],"names":[],"mappings":";;AAWA,0CAQC;AAdD,iCAA8C;AAE9C,kEAAmF;AAEnF,kCAAsC;AAEtC,SAAgB,eAAe;IAC7B,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACvF,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAU,EAAQ,EAAE;QACvD,MAAM,cAAc,GAAG,oCAAoC,CAAC,IAAI,CAAC,CAAC;QAClE,MAAM,QAAQ,GAAG,cAAc,EAAE,GAAG,CAAC;QACrC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,oCAAoC,CAC3C,IAAU;IAEV,MAAM,SAAS,GAAG,oBAAK,CAAC,KAAK,CAAC;IAC9B,IAAI,SAAS,GAAG,oBAAK,CAAC,eAAe,CAAC,IAAA,kBAAW,EAAC,IAAI,CAAC,CAAC,CAAC;IACzD,IAAI,KAAK,GAAqC,SAAS,CAAC;IACxD,OAAO,SAAS,IAAI,KAAK,EAAE,CAAC;QAC1B,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,iBAAiB,GAAG,gBAAgB;YACxC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,CAAC;YAC5D,CAAC,CAAC,SAAS,CAAC;QAEd,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,gEAAgE;YAChE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC3B,MAAM,UAAU,GAAG,KAA4C,CAAC;gBAChE,8CAA8C;gBAC9C,MAAM,UAAU,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBACzF,MAAM,cAAc,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CACpD,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI;oBACpC,CAAC,CAAC,UAAU;wBACV,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAC3F,CAAC;gBACF,OAAO,cAAc,CAAC;YACxB,CAAC;QACH,CAAC;QACD,SAAS,GAAG,gBAAgB,EAAE,KAAK,CAAC;QACpC,KAAK,GAAG,iBAAiB,EAAE,KAAK,CAAC;IACnC,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import {\n  ParamListBase,\n  StackNavigationState,\n  type NavigationRoute,\n} from '@react-navigation/native';\nimport { useCallback, useState } from 'react';\n\nimport { store, type ReactNavigationState } from '../../global-state/router-store';\nimport { Href } from '../../types';\nimport { resolveHref } from '../href';\n\nexport function useNextScreenId(): [string | undefined, (href: Href) => void] {\n  const [internalNextScreenId, internalSetNextScreenId] = useState<string | undefined>();\n  const setNextScreenId = useCallback((href: Href): void => {\n    const preloadedRoute = getPreloadedRouteFromRootStateByHref(href);\n    const routeKey = preloadedRoute?.key;\n    internalSetNextScreenId(routeKey);\n  }, []);\n  return [internalNextScreenId, setNextScreenId];\n}\n\nfunction getPreloadedRouteFromRootStateByHref(\n  href: Href\n): NavigationRoute<ParamListBase, string> | undefined {\n  const rootState = store.state;\n  let hrefState = store.getStateForHref(resolveHref(href));\n  let state: ReactNavigationState | undefined = rootState;\n  while (hrefState && state) {\n    const currentHrefRoute = hrefState.routes[0];\n    const currentStateRoute = currentHrefRoute\n      ? state.routes.find((r) => r.name === currentHrefRoute.name)\n      : undefined;\n\n    if (!currentStateRoute) {\n      // Only checking stack, because it is the only native navigator.\n      if (state.type === 'stack') {\n        const stackState = state as StackNavigationState<ParamListBase>;\n        // Sometimes the route is stored inside params\n        const innerRoute = currentHrefRoute.state ? currentHrefRoute.state.routes[0] : undefined;\n        const preloadedRoute = stackState.preloadedRoutes.find(\n          (route) =>\n            route.name === currentHrefRoute.name &&\n            (!innerRoute ||\n              (route.params && 'screen' in route.params && route.params.screen === innerRoute.name))\n        );\n        return preloadedRoute;\n      }\n    }\n    hrefState = currentHrefRoute?.state;\n    state = currentStateRoute?.state;\n  }\n  return undefined;\n}\n"]}

package/build/link/useLinkHooks.d.ts

@@ -1,5 +1,5 @@
-import { MouseEvent } from 'react';
-import { TextProps, GestureResponderEvent } from 'react-native';
+import { MouseEvent, type Ref } from 'react';
+import { TextProps, GestureResponderEvent, type Text } from 'react-native';
 import { Href } from '../types';
 import { SingularOptions } from '../useScreens';
 /**
@@ -206,6 +206,7 @@ export interface LinkProps extends Omit<TextProps, 'href'>, WebAnchorProps {
      * Prefetches the route when the component is rendered on a focused screen.
      */
     prefetch?: boolean;
+    ref?: Ref<Text>;
 }
 export declare function useInteropClassName(props: {
     style?: TextProps['style'];

package/build/link/useLinkHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkHooks.d.ts","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAErE;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,cAAc;IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,IAAI,EAAE,IAAI,CAAC;IAGX;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;;;OAiBG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,qBAAqB,KAAK,IAAI,CAAC;IAEjF;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,eAAe,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;wBAoB5F;AAED,eAAO,MAAM,YAAY,UACf,OAAO,CAAC,SAAS,CAAC,KAAK;IAAE,SAAS,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,OAAO,CAAC,SAAS,CAoBtE,CAAC"}
+{"version":3,"file":"useLinkHooks.d.ts","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAW,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAY,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAErE;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,cAAc;IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,IAAI,EAAE,IAAI,CAAC;IAGX;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;;;OAiBG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,qBAAqB,KAAK,IAAI,CAAC;IAEjF;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,eAAe,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;CACjB;AAGD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;wBAoB5F;AAED,eAAO,MAAM,YAAY,UACf,OAAO,CAAC,SAAS,CAAC,KAAK;IAAE,SAAS,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,OAAO,CAAC,SAAS,CAoBtE,CAAC"}

package/build/link/useLinkHooks.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHrefAttrs = void 0;
 exports.useInteropClassName = useInteropClassName;

package/build/link/useLinkHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkHooks.js","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":";;;AAqOA,kDAoBC;AAzPD,wFAAwF;AACxF,mCAAmC;AACnC,iCAA4C;AAC5C,+CAA0E;AAiO1E,qDAAqD;AACrD,SAAgB,mBAAmB,CAAC,KAAyD;IAC3F,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,sDAAsD;IACtD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC,KAAK,CAAC;QACrB,CAAC;QACD,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,IAAI;YACX,qBAAqB,EAAE,KAAK,CAAC,SAAS;SACvC,CAAC;QAEF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACrC,CAAC;AAEY,QAAA,YAAY,GAAG,uBAAQ,CAAC,MAAM,CAEzC;IACA,GAAG,EAAE,SAAS,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAsB;QAC/E,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;YAClB,MAAM,SAAS,GAAG;gBAChB,GAAG;gBACH,MAAM;gBACN,QAAQ;aACT,CAAC;YACF,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,OAAO;gBACL,SAAS;aACV,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,EAAE,SAAS,YAAY;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { useMemo, MouseEvent } from 'react';\nimport { TextProps, GestureResponderEvent, Platform } from 'react-native';\n\nimport { Href } from '../types';\nimport { SingularOptions } from '../useScreens';\n\n// docsMissing\n/**\n * @platform web\n */\nexport type WebAnchorProps = {\n  /**\n   * Specifies where to open the [`href`](#href).\n   *\n   * - **_self**: the current tab.\n   * - **_blank**: opens in a new tab or window.\n   * - **_parent**: opens in the parent browsing context. If no parent, defaults to **_self**.\n   * - **_top**: opens in the highest browsing context ancestor. If no ancestors,\n   * defaults to **_self**.\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @default '_self'\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" target=\"_blank\">Go to Expo in new tab</Link>\n   * ```\n   */\n  target?: '_self' | '_blank' | '_parent' | '_top' | (string & object);\n\n  /**\n   * Specifies the relationship between the [`href`](#href) and the current route.\n   *\n   * Common values:\n   * - **nofollow**: Indicates to search engines that they should not follow the `href`.\n   * This is often used for user-generated content or links that should not influence\n   * search engine rankings.\n   * - **noopener**: Suggests that the `href` should not have access to the opening\n   * window's `window.opener` object, which is a security measure to prevent potentially\n   * harmful behavior in cases of links that open new tabs or windows.\n   * - **noreferrer**: Requests that the browser does not send the `Referer` HTTP header\n   * when navigating to the `href`. This can enhance user privacy.\n   *\n   * The `rel` property is primarily used for informational and instructive purposes, helping browsers and web\n   * crawlers make better decisions about how to handle and interpret the links on a web\n   * page. It is important to use appropriate `rel` values to ensure that links behave as intended and adhere\n   * to best practices for web development and SEO (Search Engine Optimization).\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" rel=\"nofollow\">Go to Expo</Link>\n   * ```\n   */\n  rel?: string;\n\n  /**\n   * Specifies that the [`href`](#href) should be downloaded when the user clicks on the\n   * link, instead of navigating to it. It is typically used for links that point to\n   * files that the user should download, such as PDFs, images, documents, and more.\n   *\n   * The value of the `download` property, which represents the filename for the\n   * downloaded file. This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"/image.jpg\" download=\"my-image.jpg\">Download image</Link>\n   * ```\n   */\n  download?: string;\n};\n\n// @docsMissing\nexport interface LinkProps extends Omit<TextProps, 'href'>, WebAnchorProps {\n  /**\n   * The path of the route to navigate to. It can either be:\n   * - **string**: A full path like `/profile/settings` or a relative path like `../settings`.\n   * - **object**: An object with a `pathname` and optional `params`. The `pathname` can be\n   * a full path like `/profile/settings` or a relative path like `../settings`. The\n   * params can be an object of key-value pairs.\n   *\n   * @example\n   * ```tsx Dynamic\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *    <Link href=\"/about\">About</Link>\n   *    <Link\n   *     href={{\n   *       pathname: '/user/[id]',\n   *       params: { id: 'bacon' }\n   *     }}>\n   *       View user\n   *    </Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  href: Href;\n\n  // TODO(EvanBacon): This may need to be extracted for React Native style support.\n  /**\n   * Used to customize the `Link` component. It will forward all props to the\n   * first child of the `Link`. Note that the child component must accept\n   * `onPress` or `onClick` props. The `href` and `role` are also\n   * passed to the child.\n   *\n   * @example\n   * ```tsx\n   * import { Link } from 'expo-router';\n   * import { Pressable, Text } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *    <Link href=\"/home\" asChild>\n   *      <Pressable>\n   *       <Text>Home</Text>\n   *      </Pressable>\n   *    </Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * Removes the current route from the history and replace it with the\n   * specified URL. This is useful for [redirects](/router/reference/redirects/).\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link replace href=\"/feed\">Login</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  replace?: boolean;\n  /**\n   * Always pushes a new route, and never pops or replaces to existing route.\n   * You can push the current route multiple times or with new parameters.\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link push href=\"/feed\">Login</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  push?: boolean;\n  /**\n   * While in a stack, this will dismiss screens until the provided `href` is reached. If the href is not found,\n   * it will instead replace the current screen with the provided `href`.\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link dismissTo href=\"/feed\">Close modal</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  dismissTo?: boolean;\n\n  /**\n   * On native, this can be used with CSS interop tools like Nativewind.\n   * On web, this sets the HTML `class` directly.\n   */\n  className?: string;\n\n  onPress?: (event: MouseEvent<HTMLAnchorElement> | GestureResponderEvent) => void;\n\n  /**\n   * Relative URL references are either relative to the directory or the document.\n   * By default, relative paths are relative to the document.\n   *\n   * @see [Resolving relative references in Mozilla's documentation](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references).\n   */\n  relativeToDirectory?: boolean;\n\n  /**\n   * Replaces the initial screen with the current route.\n   */\n  withAnchor?: boolean;\n\n  /**\n   * When navigating in a Stack, if the target is valid then screens in the history that matches\n   * the uniqueness constraint will be removed.\n   *\n   * If used with `push`, the history will be filtered even if no navigation occurs.\n   */\n  dangerouslySingular?: SingularOptions;\n\n  /**\n   * Prefetches the route when the component is rendered on a focused screen.\n   */\n  prefetch?: boolean;\n}\n\n// Mutate the style prop to add the className on web.\nexport function useInteropClassName(props: { style?: TextProps['style']; className?: string }) {\n  if (Platform.OS !== 'web') {\n    return props.style;\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useMemo(() => {\n    if (props.className == null) {\n      return props.style;\n    }\n    const cssStyle = {\n      $$css: true,\n      __routerLinkClassName: props.className,\n    };\n\n    if (Array.isArray(props.style)) {\n      return [...props.style, cssStyle];\n    }\n    return [props.style, cssStyle];\n  }, [props.style, props.className]);\n}\n\nexport const useHrefAttrs = Platform.select<\n  (props: Partial<LinkProps>) => { hrefAttrs?: any } & Partial<LinkProps>\n>({\n  web: function useHrefAttrs({ asChild, rel, target, download }: Partial<LinkProps>) {\n    return useMemo(() => {\n      const hrefAttrs = {\n        rel,\n        target,\n        download,\n      };\n      if (asChild) {\n        return hrefAttrs;\n      }\n      return {\n        hrefAttrs,\n      };\n    }, [asChild, rel, target, download]);\n  },\n  default: function useHrefAttrs() {\n    return {};\n  },\n});\n"]}
+{"version":3,"file":"useLinkHooks.js","sourceRoot":"","sources":["../../src/link/useLinkHooks.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAwOb,kDAoBC;AA3PD,wFAAwF;AACxF,mCAAmC;AACnC,iCAAsD;AACtD,+CAAqF;AAmOrF,qDAAqD;AACrD,SAAgB,mBAAmB,CAAC,KAAyD;IAC3F,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,sDAAsD;IACtD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC,KAAK,CAAC;QACrB,CAAC;QACD,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,IAAI;YACX,qBAAqB,EAAE,KAAK,CAAC,SAAS;SACvC,CAAC;QAEF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACrC,CAAC;AAEY,QAAA,YAAY,GAAG,uBAAQ,CAAC,MAAM,CAEzC;IACA,GAAG,EAAE,SAAS,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAsB;QAC/E,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;YAClB,MAAM,SAAS,GAAG;gBAChB,GAAG;gBACH,MAAM;gBACN,QAAQ;aACT,CAAC;YACF,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,OAAO;gBACL,SAAS;aACV,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,EAAE,SAAS,YAAY;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC,CAAC","sourcesContent":["'use client';\n// Fork of @react-navigation/native Link.tsx with `href` and `replace` support added and\n// `to` / `action` support removed.\nimport { useMemo, MouseEvent, type Ref } from 'react';\nimport { TextProps, GestureResponderEvent, Platform, type Text } from 'react-native';\n\nimport { Href } from '../types';\nimport { SingularOptions } from '../useScreens';\n\n// docsMissing\n/**\n * @platform web\n */\nexport type WebAnchorProps = {\n  /**\n   * Specifies where to open the [`href`](#href).\n   *\n   * - **_self**: the current tab.\n   * - **_blank**: opens in a new tab or window.\n   * - **_parent**: opens in the parent browsing context. If no parent, defaults to **_self**.\n   * - **_top**: opens in the highest browsing context ancestor. If no ancestors,\n   * defaults to **_self**.\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @default '_self'\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" target=\"_blank\">Go to Expo in new tab</Link>\n   * ```\n   */\n  target?: '_self' | '_blank' | '_parent' | '_top' | (string & object);\n\n  /**\n   * Specifies the relationship between the [`href`](#href) and the current route.\n   *\n   * Common values:\n   * - **nofollow**: Indicates to search engines that they should not follow the `href`.\n   * This is often used for user-generated content or links that should not influence\n   * search engine rankings.\n   * - **noopener**: Suggests that the `href` should not have access to the opening\n   * window's `window.opener` object, which is a security measure to prevent potentially\n   * harmful behavior in cases of links that open new tabs or windows.\n   * - **noreferrer**: Requests that the browser does not send the `Referer` HTTP header\n   * when navigating to the `href`. This can enhance user privacy.\n   *\n   * The `rel` property is primarily used for informational and instructive purposes, helping browsers and web\n   * crawlers make better decisions about how to handle and interpret the links on a web\n   * page. It is important to use appropriate `rel` values to ensure that links behave as intended and adhere\n   * to best practices for web development and SEO (Search Engine Optimization).\n   *\n   * This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"https://expo.dev\" rel=\"nofollow\">Go to Expo</Link>\n   * ```\n   */\n  rel?: string;\n\n  /**\n   * Specifies that the [`href`](#href) should be downloaded when the user clicks on the\n   * link, instead of navigating to it. It is typically used for links that point to\n   * files that the user should download, such as PDFs, images, documents, and more.\n   *\n   * The value of the `download` property, which represents the filename for the\n   * downloaded file. This property is passed to the underlying anchor (`<a>`) tag.\n   *\n   * @example\n   * ```jsx\n   * <Link href=\"/image.jpg\" download=\"my-image.jpg\">Download image</Link>\n   * ```\n   */\n  download?: string;\n};\n\n// @docsMissing\nexport interface LinkProps extends Omit<TextProps, 'href'>, WebAnchorProps {\n  /**\n   * The path of the route to navigate to. It can either be:\n   * - **string**: A full path like `/profile/settings` or a relative path like `../settings`.\n   * - **object**: An object with a `pathname` and optional `params`. The `pathname` can be\n   * a full path like `/profile/settings` or a relative path like `../settings`. The\n   * params can be an object of key-value pairs.\n   *\n   * @example\n   * ```tsx Dynamic\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *    <Link href=\"/about\">About</Link>\n   *    <Link\n   *     href={{\n   *       pathname: '/user/[id]',\n   *       params: { id: 'bacon' }\n   *     }}>\n   *       View user\n   *    </Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  href: Href;\n\n  // TODO(EvanBacon): This may need to be extracted for React Native style support.\n  /**\n   * Used to customize the `Link` component. It will forward all props to the\n   * first child of the `Link`. Note that the child component must accept\n   * `onPress` or `onClick` props. The `href` and `role` are also\n   * passed to the child.\n   *\n   * @example\n   * ```tsx\n   * import { Link } from 'expo-router';\n   * import { Pressable, Text } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *    <Link href=\"/home\" asChild>\n   *      <Pressable>\n   *       <Text>Home</Text>\n   *      </Pressable>\n   *    </Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * Removes the current route from the history and replace it with the\n   * specified URL. This is useful for [redirects](/router/reference/redirects/).\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link replace href=\"/feed\">Login</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  replace?: boolean;\n  /**\n   * Always pushes a new route, and never pops or replaces to existing route.\n   * You can push the current route multiple times or with new parameters.\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link push href=\"/feed\">Login</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  push?: boolean;\n  /**\n   * While in a stack, this will dismiss screens until the provided `href` is reached. If the href is not found,\n   * it will instead replace the current screen with the provided `href`.\n   *\n   * @example\n   *```tsx\n   * import { Link } from 'expo-router';\n   * import { View } from 'react-native';\n   *\n   * export default function Route() {\n   *  return (\n   *   <View>\n   *     <Link dismissTo href=\"/feed\">Close modal</Link>\n   *   </View>\n   *  );\n   *}\n   * ```\n   */\n  dismissTo?: boolean;\n\n  /**\n   * On native, this can be used with CSS interop tools like Nativewind.\n   * On web, this sets the HTML `class` directly.\n   */\n  className?: string;\n\n  onPress?: (event: MouseEvent<HTMLAnchorElement> | GestureResponderEvent) => void;\n\n  /**\n   * Relative URL references are either relative to the directory or the document.\n   * By default, relative paths are relative to the document.\n   *\n   * @see [Resolving relative references in Mozilla's documentation](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references).\n   */\n  relativeToDirectory?: boolean;\n\n  /**\n   * Replaces the initial screen with the current route.\n   */\n  withAnchor?: boolean;\n\n  /**\n   * When navigating in a Stack, if the target is valid then screens in the history that matches\n   * the uniqueness constraint will be removed.\n   *\n   * If used with `push`, the history will be filtered even if no navigation occurs.\n   */\n  dangerouslySingular?: SingularOptions;\n\n  /**\n   * Prefetches the route when the component is rendered on a focused screen.\n   */\n  prefetch?: boolean;\n\n  ref?: Ref<Text>;\n}\n\n// Mutate the style prop to add the className on web.\nexport function useInteropClassName(props: { style?: TextProps['style']; className?: string }) {\n  if (Platform.OS !== 'web') {\n    return props.style;\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useMemo(() => {\n    if (props.className == null) {\n      return props.style;\n    }\n    const cssStyle = {\n      $$css: true,\n      __routerLinkClassName: props.className,\n    };\n\n    if (Array.isArray(props.style)) {\n      return [...props.style, cssStyle];\n    }\n    return [props.style, cssStyle];\n  }, [props.style, props.className]);\n}\n\nexport const useHrefAttrs = Platform.select<\n  (props: Partial<LinkProps>) => { hrefAttrs?: any } & Partial<LinkProps>\n>({\n  web: function useHrefAttrs({ asChild, rel, target, download }: Partial<LinkProps>) {\n    return useMemo(() => {\n      const hrefAttrs = {\n        rel,\n        target,\n        download,\n      };\n      if (asChild) {\n        return hrefAttrs;\n      }\n      return {\n        hrefAttrs,\n      };\n    }, [asChild, rel, target, download]);\n  },\n  default: function useHrefAttrs() {\n    return {};\n  },\n});\n"]}

package/build/modal/Modal.d.ts

@@ -0,0 +1,82 @@
+import { ViewProps } from 'react-native';
+import { type ModalConfig } from './ModalContext';
+export interface ModalProps extends ViewProps {
+    /**
+     * The content of the modal.
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the modal is visible or not.
+     * When set to `true`, the modal will be opened.
+     * When set to `false`, the modal will be closed.
+     */
+    visible: boolean;
+    /**
+     * Callback that is called after modal is closed.
+     * This is called when the modal is dismissed by the user or programmatically.
+     */
+    onClose?: () => void;
+    /**
+     * Callback that is called after modal is shown.
+     */
+    onShow?: () => void;
+    /**
+     * The animation type for the modal.
+     * This can be one of 'none', 'slide', or 'fade'.
+     */
+    animationType?: ModalConfig['animationType'];
+    /**
+     * The presentation style for the modal.
+     * This can be one of 'fullScreen', 'pageSheet', 'formSheet', or 'overFullScreen'.
+     * - `fullScreen`: The modal covers the entire screen. When `transparent` is set to `true`, it will fallback to `overFullScreen`.
+     * - `pageSheet`: The modal is presented as a page sheet on iOS. Defaults to `fullScreen` on Android.
+     * - `formSheet`: The modal is presented as a form sheet.
+     * - `overFullScreen`: The modal is presented over the full screen, allowing interaction with the underlying content.
+     *
+     * @default 'fullScreen'
+     */
+    presentationStyle?: ModalConfig['presentationStyle'];
+    /**
+     * Whether the modal should be rendered as a transparent overlay.
+     * This will render the modal without a background, allowing the content behind it to be visible.
+     *
+     * On Android, this will fallback to `overFullScreen` presentation style.
+     */
+    transparent?: boolean;
+    /**
+     * See {@link ScreenProps["sheetAllowedDetents"]}.
+     *
+     * Describes heights where a sheet can rest.
+     * Works only when `presentation` is set to `formSheet`.
+     *
+     * Heights should be described as fraction (a number from `[0, 1]` interval) of screen height / maximum detent height.
+     * You can pass an array of ascending values each defining allowed sheet detent. iOS accepts any number of detents,
+     * while **Android is limited to three**.
+     */
+    detents?: ModalConfig['detents'];
+}
+/**
+ * A standalone modal component that can be used in Expo Router apps.
+ * It always renders on top of the application's content.
+ * Internally, the modal is rendered as a `Stack.Screen`, with the presentation style determined by the `presentationStyle` prop.
+ *
+ * This component is not linkable. If you need to link to a modal, use `<Stack.Screen options={{ presentationStyle: "modal" }} />` instead.
+ *
+ * @example
+ * ```tsx
+ * import { Modal } from 'expo-router';
+ *
+ * function Page() {
+ *  const [modalVisible, setModalVisible] = useState(false);
+ *  return (
+ *    <Modal
+ *      visible={modalVisible}
+ *      onClose={() => setModalVisible(false)}
+ *    >
+ *      <Text>Hello World</Text>
+ *    </Modal>
+ *  );
+ * }
+ */
+export declare function Modal(props: ModalProps): null;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGnE,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C;;;;;;;;;OASG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACrD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,QA0DtC"}