expo-router 7.0.0-canary-20251211-7da85ea → 7.0.0-canary-20251216-6e1f9a7

package/build/layouts/stack-utils/index.js

@@ -1,24 +1,43 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.appendScreenStackPropsToOptions = exports.StackScreen = exports.StackHeaderTitle = exports.StackHeaderSearchBar = exports.StackHeaderRight = exports.StackHeaderLeft = exports.StackHeaderComponent = exports.StackHeaderBackButton = exports.StackHeader = void 0;
+exports.appendScreenStackPropsToOptions = exports.StackScreen = exports.StackHeaderSpacer = exports.StackHeaderItem = exports.StackHeaderMenuAction = exports.StackHeaderMenu = exports.StackHeaderIcon = exports.StackHeaderLabel = exports.StackHeaderBadge = exports.StackHeaderButton = exports.StackHeaderTitle = exports.StackHeaderSearchBar = exports.StackHeaderRight = exports.StackHeaderLeft = exports.StackHeaderBackButton = exports.StackHeader = void 0;
 const StackHeaderBackButton_1 = require("./StackHeaderBackButton");
 Object.defineProperty(exports, "StackHeaderBackButton", { enumerable: true, get: function () { return StackHeaderBackButton_1.StackHeaderBackButton; } });
+const StackHeaderButton_1 = require("./StackHeaderButton");
+Object.defineProperty(exports, "StackHeaderButton", { enumerable: true, get: function () { return StackHeaderButton_1.StackHeaderButton; } });
 const StackHeaderComponent_1 = require("./StackHeaderComponent");
-Object.defineProperty(exports, "StackHeaderComponent", { enumerable: true, get: function () { return StackHeaderComponent_1.StackHeaderComponent; } });
-const StackHeaderLeft_1 = require("./StackHeaderLeft");
-Object.defineProperty(exports, "StackHeaderLeft", { enumerable: true, get: function () { return StackHeaderLeft_1.StackHeaderLeft; } });
-const StackHeaderRight_1 = require("./StackHeaderRight");
-Object.defineProperty(exports, "StackHeaderRight", { enumerable: true, get: function () { return StackHeaderRight_1.StackHeaderRight; } });
+const StackHeaderItem_1 = require("./StackHeaderItem");
+Object.defineProperty(exports, "StackHeaderItem", { enumerable: true, get: function () { return StackHeaderItem_1.StackHeaderItem; } });
+const StackHeaderLeftRight_1 = require("./StackHeaderLeftRight");
+Object.defineProperty(exports, "StackHeaderLeft", { enumerable: true, get: function () { return StackHeaderLeftRight_1.StackHeaderLeft; } });
+Object.defineProperty(exports, "StackHeaderRight", { enumerable: true, get: function () { return StackHeaderLeftRight_1.StackHeaderRight; } });
+const StackHeaderMenu_1 = require("./StackHeaderMenu");
+Object.defineProperty(exports, "StackHeaderMenu", { enumerable: true, get: function () { return StackHeaderMenu_1.StackHeaderMenu; } });
+Object.defineProperty(exports, "StackHeaderMenuAction", { enumerable: true, get: function () { return StackHeaderMenu_1.StackHeaderMenuAction; } });
 const StackHeaderSearchBar_1 = require("./StackHeaderSearchBar");
 Object.defineProperty(exports, "StackHeaderSearchBar", { enumerable: true, get: function () { return StackHeaderSearchBar_1.StackHeaderSearchBar; } });
+const StackHeaderSpacer_1 = require("./StackHeaderSpacer");
+Object.defineProperty(exports, "StackHeaderSpacer", { enumerable: true, get: function () { return StackHeaderSpacer_1.StackHeaderSpacer; } });
 const StackHeaderTitle_1 = require("./StackHeaderTitle");
 Object.defineProperty(exports, "StackHeaderTitle", { enumerable: true, get: function () { return StackHeaderTitle_1.StackHeaderTitle; } });
+const common_primitives_1 = require("./common-primitives");
+Object.defineProperty(exports, "StackHeaderBadge", { enumerable: true, get: function () { return common_primitives_1.StackHeaderBadge; } });
+Object.defineProperty(exports, "StackHeaderIcon", { enumerable: true, get: function () { return common_primitives_1.StackHeaderIcon; } });
+Object.defineProperty(exports, "StackHeaderLabel", { enumerable: true, get: function () { return common_primitives_1.StackHeaderLabel; } });
 exports.StackHeader = Object.assign(StackHeaderComponent_1.StackHeaderComponent, {
-    Left: StackHeaderLeft_1.StackHeaderLeft,
-    Right: StackHeaderRight_1.StackHeaderRight,
+    Left: StackHeaderLeftRight_1.StackHeaderLeft,
+    Right: StackHeaderLeftRight_1.StackHeaderRight,
     BackButton: StackHeaderBackButton_1.StackHeaderBackButton,
     Title: StackHeaderTitle_1.StackHeaderTitle,
     SearchBar: StackHeaderSearchBar_1.StackHeaderSearchBar,
+    Button: StackHeaderButton_1.StackHeaderButton,
+    Badge: common_primitives_1.StackHeaderBadge,
+    Label: common_primitives_1.StackHeaderLabel,
+    Icon: common_primitives_1.StackHeaderIcon,
+    Menu: StackHeaderMenu_1.StackHeaderMenu,
+    MenuAction: StackHeaderMenu_1.StackHeaderMenuAction,
+    Item: StackHeaderItem_1.StackHeaderItem,
+    Spacer: StackHeaderSpacer_1.StackHeaderSpacer,
 });
 var StackScreen_1 = require("./StackScreen");
 Object.defineProperty(exports, "StackScreen", { enumerable: true, get: function () { return StackScreen_1.StackScreen; } });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/index.tsx"],"names":[],"mappings":";;;AAAA,mEAAiG;AAgB/F,sGAhBO,6CAAqB,OAgBP;AAfvB,iEAAqF;AAiBnF,qGAjBO,2CAAoB,OAiBP;AAhBtB,uDAA+E;AAkB7E,gGAlBO,iCAAe,OAkBP;AAjBjB,yDAAkF;AAmBhF,iGAnBO,mCAAgB,OAmBP;AAlBlB,iEAA8F;AAoB5F,qGApBO,2CAAoB,OAoBP;AAnBtB,yDAAkF;AAqBhF,iGArBO,mCAAgB,OAqBP;AAnBL,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,2CAAoB,EAAE;IAC7D,IAAI,EAAE,iCAAe;IACrB,KAAK,EAAE,mCAAgB;IACvB,UAAU,EAAE,6CAAqB;IACjC,KAAK,EAAE,mCAAgB;IACvB,SAAS,EAAE,2CAAoB;CAChC,CAAC,CAAC;AAgBH,6CAAoG;AAA3F,0GAAA,WAAW,OAAA;AAAE,8HAAA,+BAA+B,OAAA","sourcesContent":["import { StackHeaderBackButton, type StackHeaderBackButtonProps } from './StackHeaderBackButton';\nimport { StackHeaderComponent, type StackHeaderProps } from './StackHeaderComponent';\nimport { StackHeaderLeft, type StackHeaderLeftProps } from './StackHeaderLeft';\nimport { StackHeaderRight, type StackHeaderRightProps } from './StackHeaderRight';\nimport { StackHeaderSearchBar, type StackHeaderSearchBarProps } from './StackHeaderSearchBar';\nimport { StackHeaderTitle, type StackHeaderTitleProps } from './StackHeaderTitle';\n\nexport const StackHeader = Object.assign(StackHeaderComponent, {\n  Left: StackHeaderLeft,\n  Right: StackHeaderRight,\n  BackButton: StackHeaderBackButton,\n  Title: StackHeaderTitle,\n  SearchBar: StackHeaderSearchBar,\n});\n\nexport {\n  StackHeaderBackButton,\n  type StackHeaderBackButtonProps,\n  StackHeaderComponent,\n  type StackHeaderProps,\n  StackHeaderLeft,\n  type StackHeaderLeftProps,\n  StackHeaderRight,\n  type StackHeaderRightProps,\n  StackHeaderSearchBar,\n  type StackHeaderSearchBarProps,\n  StackHeaderTitle,\n  type StackHeaderTitleProps,\n};\nexport { StackScreen, appendScreenStackPropsToOptions, type StackScreenProps } from './StackScreen';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/index.tsx"],"names":[],"mappings":";;;AAAA,mEAAiG;AA8C/F,sGA9CO,6CAAqB,OA8CP;AA7CvB,2DAAqF;AAwDnF,kGAxDO,qCAAiB,OAwDP;AAvDnB,iEAAqF;AACrF,uDAA+E;AAkE7E,gGAlEO,iCAAe,OAkEP;AAjEjB,iEAKgC;AAwC9B,gGA5CA,sCAAe,OA4CA;AAEf,iGA5CA,uCAAgB,OA4CA;AAzClB,uDAK2B;AAkDzB,gGAtDA,iCAAe,OAsDA;AAEf,sGAvDA,uCAAqB,OAuDA;AAnDvB,iEAA8F;AAqC5F,qGArCO,2CAAoB,OAqCP;AApCtB,2DAAqF;AAsDnF,kGAtDO,qCAAiB,OAsDP;AArDnB,yDAAkF;AAqChF,iGArCO,mCAAgB,OAqCP;AApClB,2DAO6B;AAiC3B,iGAvCA,oCAAgB,OAuCA;AAIhB,gGA1CA,mCAAe,OA0CA;AAFf,iGAvCA,oCAAgB,OAuCA;AAhCL,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,2CAAoB,EAAE;IAC7D,IAAI,EAAE,sCAAe;IACrB,KAAK,EAAE,uCAAgB;IACvB,UAAU,EAAE,6CAAqB;IACjC,KAAK,EAAE,mCAAgB;IACvB,SAAS,EAAE,2CAAoB;IAC/B,MAAM,EAAE,qCAAiB;IACzB,KAAK,EAAE,oCAAgB;IACvB,KAAK,EAAE,oCAAgB;IACvB,IAAI,EAAE,mCAAe;IACrB,IAAI,EAAE,iCAAe;IACrB,UAAU,EAAE,uCAAqB;IACjC,IAAI,EAAE,iCAAe;IACrB,MAAM,EAAE,qCAAiB;CAC1B,CAAC,CAAC;AAiCH,6CAAoG;AAA3F,0GAAA,WAAW,OAAA;AAAE,8HAAA,+BAA+B,OAAA","sourcesContent":["import { StackHeaderBackButton, type StackHeaderBackButtonProps } from './StackHeaderBackButton';\nimport { StackHeaderButton, type StackHeaderButtonProps } from './StackHeaderButton';\nimport { StackHeaderComponent, type StackHeaderProps } from './StackHeaderComponent';\nimport { StackHeaderItem, type StackHeaderItemProps } from './StackHeaderItem';\nimport {\n  StackHeaderLeft,\n  type StackHeaderLeftProps,\n  StackHeaderRight,\n  type StackHeaderRightProps,\n} from './StackHeaderLeftRight';\nimport {\n  StackHeaderMenu,\n  StackHeaderMenuAction,\n  type StackHeaderMenuActionProps,\n  type StackHeaderMenuProps,\n} from './StackHeaderMenu';\nimport { StackHeaderSearchBar, type StackHeaderSearchBarProps } from './StackHeaderSearchBar';\nimport { StackHeaderSpacer, type StackHeaderSpacerProps } from './StackHeaderSpacer';\nimport { StackHeaderTitle, type StackHeaderTitleProps } from './StackHeaderTitle';\nimport {\n  StackHeaderBadge,\n  StackHeaderIcon,\n  StackHeaderLabel,\n  type StackHeaderBadgeProps,\n  type StackHeaderIconProps,\n  type StackHeaderLabelProps,\n} from './common-primitives';\nimport type { StackHeaderItemSharedProps } from './shared';\n\nexport const StackHeader = Object.assign(StackHeaderComponent, {\n  Left: StackHeaderLeft,\n  Right: StackHeaderRight,\n  BackButton: StackHeaderBackButton,\n  Title: StackHeaderTitle,\n  SearchBar: StackHeaderSearchBar,\n  Button: StackHeaderButton,\n  Badge: StackHeaderBadge,\n  Label: StackHeaderLabel,\n  Icon: StackHeaderIcon,\n  Menu: StackHeaderMenu,\n  MenuAction: StackHeaderMenuAction,\n  Item: StackHeaderItem,\n  Spacer: StackHeaderSpacer,\n});\n\nexport {\n  StackHeaderBackButton,\n  type StackHeaderBackButtonProps,\n  type StackHeaderProps,\n  StackHeaderLeft,\n  type StackHeaderLeftProps,\n  StackHeaderRight,\n  type StackHeaderRightProps,\n  StackHeaderSearchBar,\n  type StackHeaderSearchBarProps,\n  StackHeaderTitle,\n  type StackHeaderTitleProps,\n  StackHeaderButton,\n  type StackHeaderButtonProps,\n  StackHeaderBadge,\n  type StackHeaderBadgeProps,\n  StackHeaderLabel,\n  type StackHeaderLabelProps,\n  StackHeaderIcon,\n  type StackHeaderIconProps,\n  StackHeaderMenu,\n  type StackHeaderMenuProps,\n  StackHeaderMenuAction,\n  type StackHeaderMenuActionProps,\n  StackHeaderItem,\n  type StackHeaderItemProps,\n  StackHeaderSpacer,\n  type StackHeaderSpacerProps,\n  type StackHeaderItemSharedProps,\n};\n\nexport { StackScreen, appendScreenStackPropsToOptions, type StackScreenProps } from './StackScreen';\n"]}

package/build/layouts/stack-utils/shared.d.ts

@@ -0,0 +1,62 @@
+import type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';
+import { type ReactNode } from 'react';
+import { type ColorValue, type ImageSourcePropType, type StyleProp, type TextStyle } from 'react-native';
+import type { SFSymbol } from 'sf-symbols-typescript';
+export interface StackHeaderItemSharedProps {
+    /**
+     * There are two ways to specify the content of the header item:
+     *
+     * @example
+     * ```tsx
+     * import { Stack } from 'expo-router';
+     *
+     * ...
+     * <Stack.Header.Button>As text passed as children</Stack.Header.Button>
+     * ```
+     *
+     * @example
+     * ```tsx
+     * import { Stack } from 'expo-router';
+     *
+     * ...
+     * <Stack.Header.Button>
+     *   <Stack.Header.Icon sf="star.fill" />
+     *   <Stack.Header.Label>As components</Stack.Header.Label>
+     *   <Stack.Header.Badge>3</Stack.Header.Badge>
+     * </Stack.Header.Button>
+     * ```
+     *
+     * **Note**: When icon is used, the label will not be shown and will be used for accessibility purposes only.
+     */
+    children?: ReactNode;
+    /**
+     * Style for the label of the header item.
+     */
+    style?: StyleProp<Pick<TextStyle, 'fontFamily' | 'fontSize' | 'fontWeight' | 'color'> & {
+        /**
+         * When set to 'transparent', the button will have no background color.
+         *
+         * @platform iOS 26+
+         */
+        backgroundColor?: 'transparent';
+    }>;
+    /**
+     * Whether to separate the background of this item from other header items.
+     *
+     * @default false
+     */
+    separateBackground?: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    disabled?: boolean;
+    tintColor?: ColorValue;
+    icon?: SFSymbol | ImageSourcePropType;
+    /**
+     * @default 'plain'
+     */
+    variant?: 'plain' | 'done' | 'prominent';
+}
+type RNSharedHeaderItem = Pick<NativeStackHeaderItemButton, 'label' | 'labelStyle' | 'icon' | 'variant' | 'tintColor' | 'disabled' | 'width' | 'hidesSharedBackground' | 'sharesBackground' | 'identifier' | 'badge' | 'accessibilityLabel' | 'accessibilityHint'>;
+export declare function convertStackHeaderSharedPropsToRNSharedHeaderItem(props: StackHeaderItemSharedProps): RNSharedHeaderItem;
+export {};
+//# sourceMappingURL=shared.d.ts.map

package/build/layouts/stack-utils/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKtD,MAAM,WAAW,0BAA0B;IACzC;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CACf,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;QACpE;;;;WAIG;QACH,eAAe,CAAC,EAAE,aAAa,CAAC;KACjC,CACF,CAAC;IACF;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,mBAAmB,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;CAC1C;AAGD,KAAK,kBAAkB,GAAG,IAAI,CAC5B,2BAA2B,EACzB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,uBAAuB,GACvB,kBAAkB,GAClB,YAAY,GACZ,OAAO,GACP,oBAAoB,GACpB,mBAAmB,CACtB,CAAC;AAEF,wBAAgB,iDAAiD,CAC/D,KAAK,EAAE,0BAA0B,GAChC,kBAAkB,CAsDpB"}

package/build/layouts/stack-utils/shared.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertStackHeaderSharedPropsToRNSharedHeaderItem = convertStackHeaderSharedPropsToRNSharedHeaderItem;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const common_primitives_1 = require("./common-primitives");
+const children_1 = require("../../utils/children");
+function convertStackHeaderSharedPropsToRNSharedHeaderItem(props) {
+    const { children, style, separateBackground, icon, ...rest } = props;
+    const stringChildren = react_1.Children.toArray(children)
+        .filter((child) => typeof child === 'string')
+        .join('');
+    const label = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackHeaderLabel);
+    const iconPropConvertedToIcon = props.icon
+        ? typeof props.icon === 'string'
+            ? { sf: props.icon }
+            : { src: props.icon }
+        : undefined;
+    const iconComponentProps = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackHeaderIcon)?.props ?? iconPropConvertedToIcon;
+    const badgeComponent = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackHeaderBadge);
+    const rnsIcon = (() => {
+        if (!iconComponentProps) {
+            return undefined;
+        }
+        if ('src' in iconComponentProps) {
+            return {
+                type: 'image',
+                source: iconComponentProps.src,
+            };
+        }
+        return {
+            type: 'sfSymbol',
+            name: iconComponentProps.sf,
+        };
+    })();
+    const item = {
+        ...rest,
+        label: label?.props.children ?? stringChildren,
+        sharesBackground: !separateBackground,
+    };
+    if (style) {
+        const { backgroundColor, ...convertedStyle } = convertTextStyleToRNTextStyle(style) ?? {};
+        item.labelStyle = convertedStyle;
+        item.hidesSharedBackground = backgroundColor === 'transparent';
+    }
+    else {
+        item.hidesSharedBackground = false;
+    }
+    if (badgeComponent) {
+        item.badge = {
+            value: badgeComponent.props.children ?? '',
+        };
+        const badgeStyle = convertTextStyleToRNTextStyle(badgeComponent.props.style);
+        if (badgeStyle) {
+            item.badge.style = badgeStyle;
+        }
+    }
+    if (rnsIcon) {
+        item.icon = rnsIcon;
+    }
+    return item;
+}
+function convertTextStyleToRNTextStyle(style) {
+    const flattenedStyle = react_native_1.StyleSheet.flatten(style);
+    if (!flattenedStyle) {
+        return undefined;
+    }
+    if ('fontWeight' in flattenedStyle) {
+        return {
+            ...flattenedStyle,
+            fontWeight: typeof flattenedStyle.fontWeight === 'number'
+                ? String(flattenedStyle.fontWeight)
+                : flattenedStyle.fontWeight,
+        };
+    }
+    return flattenedStyle;
+}
+//# sourceMappingURL=shared.js.map

package/build/layouts/stack-utils/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/shared.ts"],"names":[],"mappings":"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","sourcesContent":["import type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';\nimport { Children, type ReactNode } from 'react';\nimport {\n  StyleSheet,\n  type ColorValue,\n  type ImageSourcePropType,\n  type StyleProp,\n  type TextStyle,\n} from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport { StackHeaderBadge, StackHeaderIcon, StackHeaderLabel } from './common-primitives';\nimport { getFirstChildOfType } from '../../utils/children';\n\nexport interface StackHeaderItemSharedProps {\n  /**\n   * There are two ways to specify the content of the header item:\n   *\n   * @example\n   * ```tsx\n   * import { Stack } from 'expo-router';\n   *\n   * ...\n   * <Stack.Header.Button>As text passed as children</Stack.Header.Button>\n   * ```\n   *\n   * @example\n   * ```tsx\n   * import { Stack } from 'expo-router';\n   *\n   * ...\n   * <Stack.Header.Button>\n   *   <Stack.Header.Icon sf=\"star.fill\" />\n   *   <Stack.Header.Label>As components</Stack.Header.Label>\n   *   <Stack.Header.Badge>3</Stack.Header.Badge>\n   * </Stack.Header.Button>\n   * ```\n   *\n   * **Note**: When icon is used, the label will not be shown and will be used for accessibility purposes only.\n   */\n  children?: ReactNode;\n  /**\n   * Style for the label of the header item.\n   */\n  style?: StyleProp<\n    Pick<TextStyle, 'fontFamily' | 'fontSize' | 'fontWeight' | 'color'> & {\n      /**\n       * When set to 'transparent', the button will have no background color.\n       *\n       * @platform iOS 26+\n       */\n      backgroundColor?: 'transparent';\n    }\n  >;\n  /**\n   * Whether to separate the background of this item from other header items.\n   *\n   * @default false\n   */\n  separateBackground?: boolean;\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  disabled?: boolean;\n  tintColor?: ColorValue;\n  icon?: SFSymbol | ImageSourcePropType;\n  /**\n   * @default 'plain'\n   */\n  variant?: 'plain' | 'done' | 'prominent';\n}\n\n// We need to pick these properties, as the SharedHeaderItem is not exported by React Navigation\ntype RNSharedHeaderItem = Pick<\n  NativeStackHeaderItemButton,\n  | 'label'\n  | 'labelStyle'\n  | 'icon'\n  | 'variant'\n  | 'tintColor'\n  | 'disabled'\n  | 'width'\n  | 'hidesSharedBackground'\n  | 'sharesBackground'\n  | 'identifier'\n  | 'badge'\n  | 'accessibilityLabel'\n  | 'accessibilityHint'\n>;\n\nexport function convertStackHeaderSharedPropsToRNSharedHeaderItem(\n  props: StackHeaderItemSharedProps\n): RNSharedHeaderItem {\n  const { children, style, separateBackground, icon, ...rest } = props;\n  const stringChildren = Children.toArray(children)\n    .filter((child) => typeof child === 'string')\n    .join('');\n  const label = getFirstChildOfType(children, StackHeaderLabel);\n  const iconPropConvertedToIcon = props.icon\n    ? typeof props.icon === 'string'\n      ? { sf: props.icon }\n      : { src: props.icon }\n    : undefined;\n  const iconComponentProps =\n    getFirstChildOfType(children, StackHeaderIcon)?.props ?? iconPropConvertedToIcon;\n  const badgeComponent = getFirstChildOfType(children, StackHeaderBadge);\n  const rnsIcon: NativeStackHeaderItemButton['icon'] = (() => {\n    if (!iconComponentProps) {\n      return undefined;\n    }\n    if ('src' in iconComponentProps) {\n      return {\n        type: 'image',\n        source: iconComponentProps.src,\n      };\n    }\n    return {\n      type: 'sfSymbol',\n      name: iconComponentProps.sf,\n    };\n  })();\n  const item: RNSharedHeaderItem = {\n    ...rest,\n    label: label?.props.children ?? stringChildren,\n    sharesBackground: !separateBackground,\n  };\n  if (style) {\n    const { backgroundColor, ...convertedStyle } = convertTextStyleToRNTextStyle(style) ?? {};\n    item.labelStyle = convertedStyle;\n    item.hidesSharedBackground = backgroundColor === 'transparent';\n  } else {\n    item.hidesSharedBackground = false;\n  }\n  if (badgeComponent) {\n    item.badge = {\n      value: badgeComponent.props.children ?? '',\n    };\n    const badgeStyle = convertTextStyleToRNTextStyle(badgeComponent.props.style);\n    if (badgeStyle) {\n      item.badge.style = badgeStyle;\n    }\n  }\n  if (rnsIcon) {\n    item.icon = rnsIcon;\n  }\n  return item;\n}\n\ntype NumericFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\ntype ConvertedFontWeightType = Exclude<TextStyle['fontWeight'], number> | `${NumericFontWeight}`;\n\nfunction convertTextStyleToRNTextStyle<BaseStyleType extends Pick<TextStyle, 'fontWeight'>>(\n  style: StyleProp<BaseStyleType | undefined>\n):\n  | (Omit<BaseStyleType, 'fontWeight'> & {\n      fontWeight?: ConvertedFontWeightType;\n    })\n  | undefined {\n  const flattenedStyle = StyleSheet.flatten(style) as BaseStyleType | undefined;\n  if (!flattenedStyle) {\n    return undefined;\n  }\n  if ('fontWeight' in flattenedStyle) {\n    return {\n      ...flattenedStyle,\n      fontWeight:\n        typeof flattenedStyle.fontWeight === 'number'\n          ? (String(flattenedStyle.fontWeight) as `${NumericFontWeight}`)\n          : flattenedStyle.fontWeight,\n    };\n  }\n  return flattenedStyle as Omit<BaseStyleType, 'fontWeight'>;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ExpoLink.d.ts","sourceRoot":"","sources":["../../src/link/ExpoLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBA4BxC"}
+{"version":3,"file":"ExpoLink.d.ts","sourceRoot":"","sources":["../../src/link/ExpoLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBAMxC"}

package/build/link/ExpoLink.js

@@ -44,29 +44,30 @@ const BaseExpoRouterLink_1 = require("./BaseExpoRouterLink");
 const LinkWithPreview_1 = require("./LinkWithPreview");
 const elements_1 = require("./elements");
 const PreviewRouteContext_1 = require("./preview/PreviewRouteContext");
-const useZoomTransitionPrimitives_1 = require("./zoom/useZoomTransitionPrimitives");
+const useZoomHref_1 = require("./zoom/useZoomHref");
 const url_1 = require("../utils/url");
-const zoom_transition_context_1 = require("./zoom/zoom-transition-context");
+const zoom_transition_context_providers_1 = require("./zoom/zoom-transition-context-providers");
 function ExpoLink(props) {
+    return (<zoom_transition_context_providers_1.ZoomTransitionSourceContextProvider linkProps={props}>
+      <ExpoLinkImpl {...props}/>
+    </zoom_transition_context_providers_1.ZoomTransitionSourceContextProvider>);
+}
+function ExpoLinkImpl(props) {
     const isPreview = (0, PreviewRouteContext_1.useIsPreview)();
-    const { zoomTransitionSourceContextValue, href } = (0, useZoomTransitionPrimitives_1.useZoomTransitionPrimitives)(props);
+    const href = (0, useZoomHref_1.useZoomHref)(props);
     const shouldUseLinkWithPreview = process.env.EXPO_OS === 'ios' &&
         isLinkWithPreview(props) &&
         !isPreview &&
         expo_constants_1.default?.expoConfig?.newArchEnabled !== false;
     if (shouldUseLinkWithPreview) {
-        return (<zoom_transition_context_1.ZoomTransitionSourceContext value={zoomTransitionSourceContextValue}>
-        <LinkWithPreview_1.LinkWithPreview {...props} href={href} hrefForPreviewNavigation={props.href}/>
-      </zoom_transition_context_1.ZoomTransitionSourceContext>);
+        return <LinkWithPreview_1.LinkWithPreview {...props} href={href} hrefForPreviewNavigation={props.href}/>;
     }
     let children = props.children;
     if (react_1.default.Children.count(props.children) > 1) {
         const arrayChildren = react_1.default.Children.toArray(props.children).filter((child) => !(0, react_1.isValidElement)(child) || (child.type !== elements_1.LinkPreview && child.type !== elements_1.LinkMenu));
         children = arrayChildren.length === 1 ? arrayChildren[0] : props.children;
     }
-    return (<zoom_transition_context_1.ZoomTransitionSourceContext value={zoomTransitionSourceContextValue}>
-      <BaseExpoRouterLink_1.BaseExpoRouterLink {...props} href={href} children={children}/>
-    </zoom_transition_context_1.ZoomTransitionSourceContext>);
+    return <BaseExpoRouterLink_1.BaseExpoRouterLink {...props} href={href} children={children}/>;
 }
 function isLinkWithPreview(props) {
     const isExternal = (0, url_1.shouldLinkExternally)(String(props.href));

package/build/link/ExpoLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoLink.js","sourceRoot":"","sources":["../../src/link/ExpoLink.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcb,4BA4BC;AAxCD,oEAAuC;AACvC,+CAAwD;AAExD,6DAA0D;AAC1D,uDAAoD;AACpD,yCAAmD;AACnD,uEAA6D;AAE7D,oFAAiF;AACjF,sCAAoD;AACpD,4EAA6E;AAE7E,SAAgB,QAAQ,CAAC,KAAgB;IACvC,MAAM,SAAS,GAAG,IAAA,kCAAY,GAAE,CAAC;IACjC,MAAM,EAAE,gCAAgC,EAAE,IAAI,EAAE,GAAG,IAAA,yDAA2B,EAAC,KAAK,CAAC,CAAC;IACtF,MAAM,wBAAwB,GAC5B,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK;QAC7B,iBAAiB,CAAC,KAAK,CAAC;QACxB,CAAC,SAAS;QACV,wBAAS,EAAE,UAAU,EAAE,cAAc,KAAK,KAAK,CAAC;IAClD,IAAI,wBAAwB,EAAE,CAAC;QAC7B,OAAO,CACL,CAAC,qDAA2B,CAAC,KAAK,CAAC,CAAC,gCAAgC,CAAC,CACnE;QAAA,CAAC,iCAAe,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,wBAAwB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAC/E;MAAA,EAAE,qDAA2B,CAAC,CAC/B,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC9B,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7C,MAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACjE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAW,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,CAAC,CAC7F,CAAC;QACF,QAAQ,GAAG,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5E,CAAC;IAED,OAAO,CACL,CAAC,qDAA2B,CAAC,KAAK,CAAC,CAAC,gCAAgC,CAAC,CACnE;MAAA,CAAC,uCAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAChE;IAAA,EAAE,qDAA2B,CAAC,CAC/B,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAgB;IACzC,MAAM,UAAU,GAAG,IAAA,0BAAoB,EAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC1C,CAAC,KAAK,EAAE,EAAE,CACR,IAAA,sBAAc,EAAC,KAAK,CAAC;QACrB,CAAC,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI,KAAK,sBAAW,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,CAAC,CAC3E,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport Constants from 'expo-constants';\nimport React, { Children, isValidElement } from 'react';\n\nimport { BaseExpoRouterLink } from './BaseExpoRouterLink';\nimport { LinkWithPreview } from './LinkWithPreview';\nimport { LinkMenu, LinkPreview } from './elements';\nimport { useIsPreview } from './preview/PreviewRouteContext';\nimport { LinkProps } from './useLinkHooks';\nimport { useZoomTransitionPrimitives } from './zoom/useZoomTransitionPrimitives';\nimport { shouldLinkExternally } from '../utils/url';\nimport { ZoomTransitionSourceContext } from './zoom/zoom-transition-context';\n\nexport function ExpoLink(props: LinkProps) {\n  const isPreview = useIsPreview();\n  const { zoomTransitionSourceContextValue, href } = useZoomTransitionPrimitives(props);\n  const shouldUseLinkWithPreview =\n    process.env.EXPO_OS === 'ios' &&\n    isLinkWithPreview(props) &&\n    !isPreview &&\n    Constants?.expoConfig?.newArchEnabled !== false;\n  if (shouldUseLinkWithPreview) {\n    return (\n      <ZoomTransitionSourceContext value={zoomTransitionSourceContextValue}>\n        <LinkWithPreview {...props} href={href} hrefForPreviewNavigation={props.href} />\n      </ZoomTransitionSourceContext>\n    );\n  }\n  let children = props.children;\n  if (React.Children.count(props.children) > 1) {\n    const arrayChildren = React.Children.toArray(props.children).filter(\n      (child) => !isValidElement(child) || (child.type !== LinkPreview && child.type !== LinkMenu)\n    );\n    children = arrayChildren.length === 1 ? arrayChildren[0] : props.children;\n  }\n\n  return (\n    <ZoomTransitionSourceContext value={zoomTransitionSourceContextValue}>\n      <BaseExpoRouterLink {...props} href={href} children={children} />\n    </ZoomTransitionSourceContext>\n  );\n}\n\nfunction isLinkWithPreview(props: LinkProps): boolean {\n  const isExternal = shouldLinkExternally(String(props.href));\n  return Children.toArray(props.children).some(\n    (child) =>\n      isValidElement(child) &&\n      ((!isExternal && child.type === LinkPreview) || child.type === LinkMenu)\n  );\n}\n"]}
+{"version":3,"file":"ExpoLink.js","sourceRoot":"","sources":["../../src/link/ExpoLink.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcb,4BAMC;AAlBD,oEAAuC;AACvC,+CAAwD;AAExD,6DAA0D;AAC1D,uDAAoD;AACpD,yCAAmD;AACnD,uEAA6D;AAE7D,oDAAiD;AACjD,sCAAoD;AACpD,gGAA+F;AAE/F,SAAgB,QAAQ,CAAC,KAAgB;IACvC,OAAO,CACL,CAAC,uEAAmC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CACpD;MAAA,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,EAC1B;IAAA,EAAE,uEAAmC,CAAC,CACvC,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAgB;IACpC,MAAM,SAAS,GAAG,IAAA,kCAAY,GAAE,CAAC;IACjC,MAAM,IAAI,GAAG,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,wBAAwB,GAC5B,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK;QAC7B,iBAAiB,CAAC,KAAK,CAAC;QACxB,CAAC,SAAS;QACV,wBAAS,EAAE,UAAU,EAAE,cAAc,KAAK,KAAK,CAAC;IAClD,IAAI,wBAAwB,EAAE,CAAC;QAC7B,OAAO,CAAC,iCAAe,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,wBAAwB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAG,CAAC;IAC1F,CAAC;IACD,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC9B,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7C,MAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACjE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,sBAAW,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,CAAC,CAC7F,CAAC;QACF,QAAQ,GAAG,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5E,CAAC;IAED,OAAO,CAAC,uCAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAG,CAAC;AAC3E,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAgB;IACzC,MAAM,UAAU,GAAG,IAAA,0BAAoB,EAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC1C,CAAC,KAAK,EAAE,EAAE,CACR,IAAA,sBAAc,EAAC,KAAK,CAAC;QACrB,CAAC,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI,KAAK,sBAAW,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,CAAC,CAC3E,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport Constants from 'expo-constants';\nimport React, { Children, isValidElement } from 'react';\n\nimport { BaseExpoRouterLink } from './BaseExpoRouterLink';\nimport { LinkWithPreview } from './LinkWithPreview';\nimport { LinkMenu, LinkPreview } from './elements';\nimport { useIsPreview } from './preview/PreviewRouteContext';\nimport { LinkProps } from './useLinkHooks';\nimport { useZoomHref } from './zoom/useZoomHref';\nimport { shouldLinkExternally } from '../utils/url';\nimport { ZoomTransitionSourceContextProvider } from './zoom/zoom-transition-context-providers';\n\nexport function ExpoLink(props: LinkProps) {\n  return (\n    <ZoomTransitionSourceContextProvider linkProps={props}>\n      <ExpoLinkImpl {...props} />\n    </ZoomTransitionSourceContextProvider>\n  );\n}\n\nfunction ExpoLinkImpl(props: LinkProps) {\n  const isPreview = useIsPreview();\n  const href = useZoomHref(props);\n  const shouldUseLinkWithPreview =\n    process.env.EXPO_OS === 'ios' &&\n    isLinkWithPreview(props) &&\n    !isPreview &&\n    Constants?.expoConfig?.newArchEnabled !== false;\n  if (shouldUseLinkWithPreview) {\n    return <LinkWithPreview {...props} href={href} hrefForPreviewNavigation={props.href} />;\n  }\n  let children = props.children;\n  if (React.Children.count(props.children) > 1) {\n    const arrayChildren = React.Children.toArray(props.children).filter(\n      (child) => !isValidElement(child) || (child.type !== LinkPreview && child.type !== LinkMenu)\n    );\n    children = arrayChildren.length === 1 ? arrayChildren[0] : props.children;\n  }\n\n  return <BaseExpoRouterLink {...props} href={href} children={children} />;\n}\n\nfunction isLinkWithPreview(props: LinkProps): boolean {\n  const isExternal = shouldLinkExternally(String(props.href));\n  return Children.toArray(props.children).some(\n    (child) =>\n      isValidElement(child) &&\n      ((!isExternal && child.type === LinkPreview) || child.type === LinkMenu)\n  );\n}\n"]}

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

@@ -50,10 +50,12 @@ interface LinkSourceAlignmentRect {
     width: number;
     height: number;
 }
-export declare function LinkZoomTransitionSource(props: PropsWithChildren<{
+interface LinkZoomTransitionSourceProps extends PropsWithChildren {
     identifier: string;
     alignment?: LinkSourceAlignmentRect;
-}>): import("react").JSX.Element | null;
+    animateAspectRatioChange?: boolean;
+}
+export declare function LinkZoomTransitionSource(props: LinkZoomTransitionSourceProps): import("react").JSX.Element | null;
 export declare function LinkZoomTransitionAlignmentRectDetector(props: {
     identifier: string;
     children: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/link/preview/native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IAKf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,sCAK1E;AAID,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,OAAO,EACH;QACE,IAAI,EAAE,OAAO,EAAE,CAAC;KACjB,GACD,SAAS,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,iCAAiC,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/C,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,sCAa5E;AASD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,8BAA8B,EAAE,MAAM,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,sCAWA;AAED,UAAU,uBAAuB;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAWD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,iBAAiB,CAAC;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,uBAAuB,CAAA;CAAE,CAAC,sCActF;AAOD,wBAAgB,uCAAuC,CAAC,KAAK,EAAE;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sCAaA"}
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/link/preview/native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IAKf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,sCAK1E;AAID,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,OAAO,EACH;QACE,IAAI,EAAE,OAAO,EAAE,CAAC;KACjB,GACD,SAAS,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,iCAAiC,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/C,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,sCAa5E;AASD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,8BAA8B,EAAE,MAAM,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,sCAWA;AAID,UAAU,uBAAuB;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,6BAA8B,SAAQ,iBAAiB;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAUD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,sCAa5E;AASD,wBAAgB,uCAAuC,CAAC,KAAK,EAAE;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sCAaA"}

package/build/link/preview/native.js

@@ -47,7 +47,7 @@ function NativeLinkPreviewContent(props) {
     return <NativeLinkPreviewContentView {...props} style={style}/>;
 }
 // #endregion
-// #region Zoom transition
+// #region Zoom transition enabler
 const LinkZoomTransitionEnablerNativeView = areNativeViewsAvailable
     ? (0, expo_1.requireNativeView)('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionEnabler')
     : null;
@@ -66,6 +66,8 @@ function LinkZoomTransitionSource(props) {
     }
     return (<LinkZoomTransitionSourceNativeView {...props} disableForceFlatten collapsable={false} collapsableChildren={false} style={{ display: 'contents' }}/>);
 }
+// #endregion
+// #region Zoom transition rect detector
 const LinkZoomTransitionAlignmentRectDetectorNative = areNativeViewsAvailable
     ? (0, expo_1.requireNativeView)('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionAlignmentRectDetector')
     : react_1.Fragment;

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

@@ -1 +1 @@
-{"version":3,"file":"native.js","sourceRoot":"","sources":["../../../src/link/preview/native.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { requireNativeView } from 'expo';\nimport { Fragment, type PropsWithChildren } from 'react';\nimport { Platform, StyleSheet, type ViewProps } from 'react-native';\n\nconst areNativeViewsAvailable =\n  process.env.EXPO_OS === 'ios' && !Platform.isTV && global.RN$Bridgeless === true;\n\n// #region Action View\nexport interface NativeLinkPreviewActionProps {\n  identifier: string;\n  title: string;\n  icon?: string;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  destructive?: boolean;\n  // This may lead to race conditions, when two menu actions are on at the same time.\n  // The logic should be enforced in the JS code, rather than in the native code.\n  // singleSelection?: boolean;\n  displayAsPalette?: boolean;\n  displayInline?: boolean;\n  isOn?: boolean;\n  // There are issues with menu state updates when keep presented is set to true.\n  // When updating the context menu state, it will either not update or it will recreate the menu. The latter is a problem,\n  // because it will close all opened submenus and reset the scroll position.\n  // TODO: (@ubax) find a way to fix this.\n  keepPresented?: boolean;\n  onSelected: () => void;\n}\nconst LinkPreviewNativeActionView: React.ComponentType<NativeLinkPreviewActionProps> | null =\n  areNativeViewsAvailable\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 Preview View\nexport interface TabPath {\n  oldTabKey: string;\n  newTabKey: string;\n}\nexport interface NativeLinkPreviewProps extends ViewProps {\n  nextScreenId: string | undefined;\n  tabPath:\n    | {\n        path: TabPath[];\n      }\n    | undefined;\n  disableForceFlatten?: boolean;\n  onWillPreviewOpen?: () => void;\n  onDidPreviewOpen?: () => void;\n  onPreviewWillClose?: () => void;\n  onPreviewDidClose?: () => void;\n  onPreviewTapped?: () => void;\n  onPreviewTappedAnimationCompleted?: () => void;\n  children: React.ReactNode;\n}\nconst NativeLinkPreviewView: React.ComponentType<NativeLinkPreviewProps> | null =\n  areNativeViewsAvailable\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  areNativeViewsAvailable\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      top: 0,\n      left: 0,\n    } as const,\n  ]);\n  return <NativeLinkPreviewContentView {...props} style={style} />;\n}\n// #endregion\n\n// #region Zoom transition\nconst LinkZoomTransitionEnablerNativeView: React.ComponentType<\n  ViewProps & { zoomTransitionSourceIdentifier: string; disableForceFlatten?: boolean }\n> | null = areNativeViewsAvailable\n  ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionEnabler')\n  : null;\nexport function LinkZoomTransitionEnabler(props: {\n  zoomTransitionSourceIdentifier: string;\n  preventInteractiveDismissal?: boolean;\n}) {\n  if (!LinkZoomTransitionEnablerNativeView) {\n    return null;\n  }\n  return (\n    <LinkZoomTransitionEnablerNativeView\n      {...props}\n      disableForceFlatten\n      style={{ display: 'contents' }}\n    />\n  );\n}\n\ninterface LinkSourceAlignmentRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nconst LinkZoomTransitionSourceNativeView: React.ComponentType<\n  ViewProps & {\n    identifier: string;\n    disableForceFlatten?: boolean;\n    alignment?: LinkSourceAlignmentRect;\n  }\n> | null = areNativeViewsAvailable\n  ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionSource')\n  : null;\nexport function LinkZoomTransitionSource(\n  props: PropsWithChildren<{ identifier: string; alignment?: LinkSourceAlignmentRect }>\n) {\n  if (!LinkZoomTransitionSourceNativeView) {\n    return null;\n  }\n  return (\n    <LinkZoomTransitionSourceNativeView\n      {...props}\n      disableForceFlatten\n      collapsable={false}\n      collapsableChildren={false}\n      style={{ display: 'contents' }}\n    />\n  );\n}\n\nconst LinkZoomTransitionAlignmentRectDetectorNative: React.ComponentType<\n  ViewProps & { identifier: string; disableForceFlatten?: boolean; children?: React.ReactNode }\n> | null = areNativeViewsAvailable\n  ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionAlignmentRectDetector')\n  : Fragment;\nexport function LinkZoomTransitionAlignmentRectDetector(props: {\n  identifier: string;\n  children: React.ReactNode;\n}) {\n  if (!LinkZoomTransitionAlignmentRectDetectorNative) {\n    return null;\n  }\n  return (\n    <LinkZoomTransitionAlignmentRectDetectorNative\n      {...props}\n      disableForceFlatten\n      collapsable={false}\n      collapsableChildren={false}\n      style={{ display: 'contents' }}\n    />\n  );\n}\n// #endregion\n"]}
+{"version":3,"file":"native.js","sourceRoot":"","sources":["../../../src/link/preview/native.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { requireNativeView } from 'expo';\nimport { Fragment, type PropsWithChildren } from 'react';\nimport { Platform, StyleSheet, type ViewProps } from 'react-native';\n\nconst areNativeViewsAvailable =\n  process.env.EXPO_OS === 'ios' && !Platform.isTV && global.RN$Bridgeless === true;\n\n// #region Action View\nexport interface NativeLinkPreviewActionProps {\n  identifier: string;\n  title: string;\n  icon?: string;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  destructive?: boolean;\n  // This may lead to race conditions, when two menu actions are on at the same time.\n  // The logic should be enforced in the JS code, rather than in the native code.\n  // singleSelection?: boolean;\n  displayAsPalette?: boolean;\n  displayInline?: boolean;\n  isOn?: boolean;\n  // There are issues with menu state updates when keep presented is set to true.\n  // When updating the context menu state, it will either not update or it will recreate the menu. The latter is a problem,\n  // because it will close all opened submenus and reset the scroll position.\n  // TODO: (@ubax) find a way to fix this.\n  keepPresented?: boolean;\n  onSelected: () => void;\n}\nconst LinkPreviewNativeActionView: React.ComponentType<NativeLinkPreviewActionProps> | null =\n  areNativeViewsAvailable\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 Preview View\nexport interface TabPath {\n  oldTabKey: string;\n  newTabKey: string;\n}\nexport interface NativeLinkPreviewProps extends ViewProps {\n  nextScreenId: string | undefined;\n  tabPath:\n    | {\n        path: TabPath[];\n      }\n    | undefined;\n  disableForceFlatten?: boolean;\n  onWillPreviewOpen?: () => void;\n  onDidPreviewOpen?: () => void;\n  onPreviewWillClose?: () => void;\n  onPreviewDidClose?: () => void;\n  onPreviewTapped?: () => void;\n  onPreviewTappedAnimationCompleted?: () => void;\n  children: React.ReactNode;\n}\nconst NativeLinkPreviewView: React.ComponentType<NativeLinkPreviewProps> | null =\n  areNativeViewsAvailable\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  areNativeViewsAvailable\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      top: 0,\n      left: 0,\n    } as const,\n  ]);\n  return <NativeLinkPreviewContentView {...props} style={style} />;\n}\n// #endregion\n\n// #region Zoom transition enabler\nconst LinkZoomTransitionEnablerNativeView: React.ComponentType<\n  ViewProps & { zoomTransitionSourceIdentifier: string; disableForceFlatten?: boolean }\n> | null = areNativeViewsAvailable\n  ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionEnabler')\n  : null;\nexport function LinkZoomTransitionEnabler(props: {\n  zoomTransitionSourceIdentifier: string;\n  preventInteractiveDismissal?: boolean;\n}) {\n  if (!LinkZoomTransitionEnablerNativeView) {\n    return null;\n  }\n  return (\n    <LinkZoomTransitionEnablerNativeView\n      {...props}\n      disableForceFlatten\n      style={{ display: 'contents' }}\n    />\n  );\n}\n// #endregion\n\n// #region Zoom transition source\ninterface LinkSourceAlignmentRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface LinkZoomTransitionSourceProps extends PropsWithChildren {\n  identifier: string;\n  alignment?: LinkSourceAlignmentRect;\n  animateAspectRatioChange?: boolean;\n}\n\ninterface LinkZoomTransitionSourceNativeProps extends ViewProps, LinkZoomTransitionSourceProps {\n  disableForceFlatten?: boolean;\n}\n\nconst LinkZoomTransitionSourceNativeView: React.ComponentType<LinkZoomTransitionSourceNativeProps> | null =\n  areNativeViewsAvailable\n    ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionSource')\n    : null;\nexport function LinkZoomTransitionSource(props: LinkZoomTransitionSourceProps) {\n  if (!LinkZoomTransitionSourceNativeView) {\n    return null;\n  }\n  return (\n    <LinkZoomTransitionSourceNativeView\n      {...props}\n      disableForceFlatten\n      collapsable={false}\n      collapsableChildren={false}\n      style={{ display: 'contents' }}\n    />\n  );\n}\n// #endregion\n\n// #region Zoom transition rect detector\nconst LinkZoomTransitionAlignmentRectDetectorNative: React.ComponentType<\n  ViewProps & { identifier: string; disableForceFlatten?: boolean; children?: React.ReactNode }\n> | null = areNativeViewsAvailable\n  ? requireNativeView('ExpoRouterNativeLinkPreview', 'LinkZoomTransitionAlignmentRectDetector')\n  : Fragment;\nexport function LinkZoomTransitionAlignmentRectDetector(props: {\n  identifier: string;\n  children: React.ReactNode;\n}) {\n  if (!LinkZoomTransitionAlignmentRectDetectorNative) {\n    return null;\n  }\n  return (\n    <LinkZoomTransitionAlignmentRectDetectorNative\n      {...props}\n      disableForceFlatten\n      collapsable={false}\n      collapsableChildren={false}\n      style={{ display: 'contents' }}\n    />\n  );\n}\n// #endregion\n"]}

package/build/link/zoom/ZoomTransitionEnabler.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomTransitionEnabler.ios.d.ts","sourceRoot":"","sources":["../../../src/link/zoom/ZoomTransitionEnabler.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAahF,wBAAgB,oBAAoB,SAGnC;AAED,wBAAgB,uBAAuB,YAEtC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,sCAmC1E"}
+{"version":3,"file":"ZoomTransitionEnabler.ios.d.ts","sourceRoot":"","sources":["../../../src/link/zoom/ZoomTransitionEnabler.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAahF,wBAAgB,oBAAoB,SAKnC;AAED,wBAAgB,uBAAuB,YAEtC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,sCAmC1E"}

package/build/link/zoom/ZoomTransitionEnabler.ios.js

@@ -10,8 +10,10 @@ const PreviewRouteContext_1 = require("../preview/PreviewRouteContext");
 const native_1 = require("../preview/native");
 let _isZoomTransitionEnabled = false;
 function enableZoomTransition() {
-    console.warn('[expo-router] Zoom transition is an experimental feature. Use at your own risk.');
-    _isZoomTransitionEnabled = true;
+    if (process.env.EXPO_OS === 'ios') {
+        console.warn('[expo-router] Zoom transition is an experimental feature. Use at your own risk.');
+        _isZoomTransitionEnabled = true;
+    }
 }
 function isZoomTransitionEnabled() {
     return _isZoomTransitionEnabled;

package/build/link/zoom/ZoomTransitionEnabler.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomTransitionEnabler.ios.js","sourceRoot":"","sources":["../../../src/link/zoom/ZoomTransitionEnabler.ios.tsx"],"names":[],"mappings":";;AAeA,oDAGC;AAED,0DAEC;AAED,sDAmCC;AA3DD,iCAA4B;AAG5B,qFAAiF;AACjF,6DAKgC;AAChC,wEAA8D;AAC9D,8CAA8D;AAE9D,IAAI,wBAAwB,GAAG,KAAK,CAAC;AAErC,SAAgB,oBAAoB;IAClC,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;IAChG,wBAAwB,GAAG,IAAI,CAAC;AAClC,CAAC;AAED,SAAgB,uBAAuB;IACrC,OAAO,wBAAwB,CAAC;AAClC,CAAC;AAED,SAAgB,qBAAqB,CAAC,EAAE,KAAK,EAA8B;IACzE,MAAM,SAAS,GAAG,IAAA,kCAAY,GAAE,CAAC;IACjC,IACE,uBAAuB,EAAE;QACzB,CAAC,SAAS;QACV,KAAK;QACL,OAAO,KAAK,KAAK,QAAQ;QACzB,QAAQ,IAAI,KAAK;QACjB,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;QAChC,KAAK,IAAI,KAAK;QACd,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,EAC7B,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;QAClC,MAAM,cAAc,GAAG,IAAA,8CAA2B,EAAC,MAAM,CAAC,CAAC;QAC3D,MAAM,gBAAgB,GACpB,cAAc,CAAC,4EAAyD,CAAC,CAAC;QAC5E,MAAM,sBAAsB,GAC1B,cAAc,CAAC,4EAAyD,CAAC,CAAC;QAC5E,MAAM,uBAAuB,GAC3B,CAAC,CAAC,cAAc,CAAC,wEAAqD,CAAC,CAAC;QAC1E,MAAM,iBAAiB,GACrB,CAAC,CAAC,gBAAgB,IAAI,sBAAsB,KAAK,KAAK,CAAC,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACzF,IAAI,iBAAiB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;YAC9D,MAAM,cAAc,GAAG,IAAA,WAAG,EAAC,wCAAkB,CAAC,CAAC;YAC/C,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACpD,MAAM,2BAA2B,GAAG,iBAAiB,EAAE,OAAO,EAAE,cAAc,KAAK,KAAK,CAAC;YACzF,OAAO,CACL,CAAC,kCAAyB,CACxB,8BAA8B,CAAC,CAAC,gBAAgB,CAAC,CACjD,2BAA2B,CAAC,CAAC,2BAA2B,CAAC,EACzD,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { use } from 'react';\n\nimport type { ZoomTransitionEnablerProps } from './ZoomTransitionEnabler.types';\nimport { DescriptorsContext } from '../../fork/native-stack/descriptors-context';\nimport {\n  getInternalExpoRouterParams,\n  INTERNAL_EXPO_ROUTER_IS_PREVIEW_NAVIGATION_PARAM_NAME,\n  INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SCREEN_ID_PARAM_NAME,\n  INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME,\n} from '../../navigationParams';\nimport { useIsPreview } from '../preview/PreviewRouteContext';\nimport { LinkZoomTransitionEnabler } from '../preview/native';\n\nlet _isZoomTransitionEnabled = false;\n\nexport function enableZoomTransition() {\n  console.warn('[expo-router] Zoom transition is an experimental feature. Use at your own risk.');\n  _isZoomTransitionEnabled = true;\n}\n\nexport function isZoomTransitionEnabled() {\n  return _isZoomTransitionEnabled;\n}\n\nexport function ZoomTransitionEnabler({ route }: ZoomTransitionEnablerProps) {\n  const isPreview = useIsPreview();\n  if (\n    isZoomTransitionEnabled() &&\n    !isPreview &&\n    route &&\n    typeof route === 'object' &&\n    'params' in route &&\n    typeof route.params === 'object' &&\n    'key' in route &&\n    typeof route.key === 'string'\n  ) {\n    const params = route.params ?? {};\n    const internalParams = getInternalExpoRouterParams(params);\n    const zoomTransitionId =\n      internalParams[INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME];\n    const zoomTransitionScreenId =\n      internalParams[INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SCREEN_ID_PARAM_NAME];\n    const isLinkPreviewNavigation =\n      !!internalParams[INTERNAL_EXPO_ROUTER_IS_PREVIEW_NAVIGATION_PARAM_NAME];\n    const hasZoomTransition =\n      !!zoomTransitionId && zoomTransitionScreenId === route.key && !isLinkPreviewNavigation;\n    if (hasZoomTransition && typeof zoomTransitionId === 'string') {\n      const descriptorsMap = use(DescriptorsContext);\n      const currentDescriptor = descriptorsMap[route.key];\n      const preventInteractiveDismissal = currentDescriptor?.options?.gestureEnabled === false;\n      return (\n        <LinkZoomTransitionEnabler\n          zoomTransitionSourceIdentifier={zoomTransitionId}\n          preventInteractiveDismissal={preventInteractiveDismissal}\n        />\n      );\n    }\n  }\n  return null;\n}\n"]}
+{"version":3,"file":"ZoomTransitionEnabler.ios.js","sourceRoot":"","sources":["../../../src/link/zoom/ZoomTransitionEnabler.ios.tsx"],"names":[],"mappings":";;AAeA,oDAKC;AAED,0DAEC;AAED,sDAmCC;AA7DD,iCAA4B;AAG5B,qFAAiF;AACjF,6DAKgC;AAChC,wEAA8D;AAC9D,8CAA8D;AAE9D,IAAI,wBAAwB,GAAG,KAAK,CAAC;AAErC,SAAgB,oBAAoB;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;QAClC,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;QAChG,wBAAwB,GAAG,IAAI,CAAC;IAClC,CAAC;AACH,CAAC;AAED,SAAgB,uBAAuB;IACrC,OAAO,wBAAwB,CAAC;AAClC,CAAC;AAED,SAAgB,qBAAqB,CAAC,EAAE,KAAK,EAA8B;IACzE,MAAM,SAAS,GAAG,IAAA,kCAAY,GAAE,CAAC;IACjC,IACE,uBAAuB,EAAE;QACzB,CAAC,SAAS;QACV,KAAK;QACL,OAAO,KAAK,KAAK,QAAQ;QACzB,QAAQ,IAAI,KAAK;QACjB,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;QAChC,KAAK,IAAI,KAAK;QACd,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,EAC7B,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;QAClC,MAAM,cAAc,GAAG,IAAA,8CAA2B,EAAC,MAAM,CAAC,CAAC;QAC3D,MAAM,gBAAgB,GACpB,cAAc,CAAC,4EAAyD,CAAC,CAAC;QAC5E,MAAM,sBAAsB,GAC1B,cAAc,CAAC,4EAAyD,CAAC,CAAC;QAC5E,MAAM,uBAAuB,GAC3B,CAAC,CAAC,cAAc,CAAC,wEAAqD,CAAC,CAAC;QAC1E,MAAM,iBAAiB,GACrB,CAAC,CAAC,gBAAgB,IAAI,sBAAsB,KAAK,KAAK,CAAC,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACzF,IAAI,iBAAiB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;YAC9D,MAAM,cAAc,GAAG,IAAA,WAAG,EAAC,wCAAkB,CAAC,CAAC;YAC/C,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACpD,MAAM,2BAA2B,GAAG,iBAAiB,EAAE,OAAO,EAAE,cAAc,KAAK,KAAK,CAAC;YACzF,OAAO,CACL,CAAC,kCAAyB,CACxB,8BAA8B,CAAC,CAAC,gBAAgB,CAAC,CACjD,2BAA2B,CAAC,CAAC,2BAA2B,CAAC,EACzD,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { use } from 'react';\n\nimport type { ZoomTransitionEnablerProps } from './ZoomTransitionEnabler.types';\nimport { DescriptorsContext } from '../../fork/native-stack/descriptors-context';\nimport {\n  getInternalExpoRouterParams,\n  INTERNAL_EXPO_ROUTER_IS_PREVIEW_NAVIGATION_PARAM_NAME,\n  INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SCREEN_ID_PARAM_NAME,\n  INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME,\n} from '../../navigationParams';\nimport { useIsPreview } from '../preview/PreviewRouteContext';\nimport { LinkZoomTransitionEnabler } from '../preview/native';\n\nlet _isZoomTransitionEnabled = false;\n\nexport function enableZoomTransition() {\n  if (process.env.EXPO_OS === 'ios') {\n    console.warn('[expo-router] Zoom transition is an experimental feature. Use at your own risk.');\n    _isZoomTransitionEnabled = true;\n  }\n}\n\nexport function isZoomTransitionEnabled() {\n  return _isZoomTransitionEnabled;\n}\n\nexport function ZoomTransitionEnabler({ route }: ZoomTransitionEnablerProps) {\n  const isPreview = useIsPreview();\n  if (\n    isZoomTransitionEnabled() &&\n    !isPreview &&\n    route &&\n    typeof route === 'object' &&\n    'params' in route &&\n    typeof route.params === 'object' &&\n    'key' in route &&\n    typeof route.key === 'string'\n  ) {\n    const params = route.params ?? {};\n    const internalParams = getInternalExpoRouterParams(params);\n    const zoomTransitionId =\n      internalParams[INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME];\n    const zoomTransitionScreenId =\n      internalParams[INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SCREEN_ID_PARAM_NAME];\n    const isLinkPreviewNavigation =\n      !!internalParams[INTERNAL_EXPO_ROUTER_IS_PREVIEW_NAVIGATION_PARAM_NAME];\n    const hasZoomTransition =\n      !!zoomTransitionId && zoomTransitionScreenId === route.key && !isLinkPreviewNavigation;\n    if (hasZoomTransition && typeof zoomTransitionId === 'string') {\n      const descriptorsMap = use(DescriptorsContext);\n      const currentDescriptor = descriptorsMap[route.key];\n      const preventInteractiveDismissal = currentDescriptor?.options?.gestureEnabled === false;\n      return (\n        <LinkZoomTransitionEnabler\n          zoomTransitionSourceIdentifier={zoomTransitionId}\n          preventInteractiveDismissal={preventInteractiveDismissal}\n        />\n      );\n    }\n  }\n  return null;\n}\n"]}

package/build/link/zoom/link-apple-zoom.js

@@ -29,11 +29,18 @@ function LinkAppleZoomImpl({ children, alignmentRect, ...rest }) {
         addSource();
         return removeSource;
     }, [addSource, removeSource]);
-    if (react_1.Children.count(children) > 1) {
-        console.warn('[expo-router] Link.ZoomTransitionSource only accepts a single child component. Please wrap multiple children in a View or another container component.');
+    const hasTooManyChildren = react_1.Children.count(children) > 1;
+    (0, react_1.useEffect)(() => {
+        if (process.env.NODE_ENV !== 'production' && hasTooManyChildren) {
+            console.warn('[expo-router] Link.ZoomTransitionSource only accepts a single child component. Please wrap multiple children in a View or another container component.');
+        }
+    }, [hasTooManyChildren]);
+    if (hasTooManyChildren) {
         return null;
     }
-    return (<native_1.LinkZoomTransitionSource identifier={identifier} alignment={alignmentRect}>
+    return (<native_1.LinkZoomTransitionSource identifier={identifier} alignment={alignmentRect} 
+    // Note(@ubax): Even though we always set this to true, I want to keep the prop here for easier future changes.
+    animateAspectRatioChange>
       <Slot_1.Slot {...rest}>{children}</Slot_1.Slot>
     </native_1.LinkZoomTransitionSource>);
 }

package/build/link/zoom/link-apple-zoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-apple-zoom.js","sourceRoot":"","sources":["../../../src/link/zoom/link-apple-zoom.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA6Bb,sCAKC;AAhCD,iCAAyE;AAEzE,2EAAsE;AACtE,uEAAwE;AACxE,wCAAqC;AACrC,8CAA6D;AAgB7D;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,IAAI,CAAC,IAAA,mDAAuB,GAAE,EAAE,CAAC;QAC/B,OAAO,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1C,CAAC;AAMD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI,EAA0B;IACrF,MAAM,KAAK,GAAG,IAAA,WAAG,EAAC,qDAA2B,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;IACxF,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,EAAE,CAAC;QACZ,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,IAAI,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,OAAO,CAAC,IAAI,CACV,wJAAwJ,CACzJ,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,iCAAwB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CACzE;MAAA,CAAC,WAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAClC;IAAA,EAAE,iCAAwB,CAAC,CAC5B,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { Children, use, useEffect, type PropsWithChildren } from 'react';\n\nimport { isZoomTransitionEnabled } from './ZoomTransitionEnabler.ios';\nimport { ZoomTransitionSourceContext } from './zoom-transition-context';\nimport { Slot } from '../../ui/Slot';\nimport { LinkZoomTransitionSource } from '../preview/native';\n\ninterface LinkAppleZoomProps extends PropsWithChildren {\n  /**\n   * Defines the rectangle used for the zoom transition's alignment. This rectangle is specified in the zoomed screen's coordinate space.\n   *\n   * @platform ios 18+\n   */\n  alignmentRect?: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  };\n}\n\n/**\n * When this component is used inside a Link, [zoom transition](https://developer.apple.com/documentation/uikit/enhancing-your-app-with-fluid-transitions?language=objc)\n * will be used when navigating to the link's href.\n *\n * @platform ios 18+\n */\nexport function LinkAppleZoom(props: LinkAppleZoomProps) {\n  if (!isZoomTransitionEnabled()) {\n    return <Slot {...props} />;\n  }\n  return <LinkAppleZoomImpl {...props} />;\n}\n\ntype LinkAppleZoomImplProps = LinkAppleZoomProps & {\n  onPress?: () => void;\n};\n\nfunction LinkAppleZoomImpl({ children, alignmentRect, ...rest }: LinkAppleZoomImplProps) {\n  const value = use(ZoomTransitionSourceContext);\n  if (!value) {\n    throw new Error('[expo-router] Link.ZoomTransitionSource must be used within a Link');\n  }\n  const { identifier, addSource, removeSource } = value;\n\n  useEffect(() => {\n    addSource();\n    return removeSource;\n  }, [addSource, removeSource]);\n\n  if (Children.count(children) > 1) {\n    console.warn(\n      '[expo-router] Link.ZoomTransitionSource only accepts a single child component. Please wrap multiple children in a View or another container component.'\n    );\n    return null;\n  }\n\n  return (\n    <LinkZoomTransitionSource identifier={identifier} alignment={alignmentRect}>\n      <Slot {...rest}>{children}</Slot>\n    </LinkZoomTransitionSource>\n  );\n}\n"]}
+{"version":3,"file":"link-apple-zoom.js","sourceRoot":"","sources":["../../../src/link/zoom/link-apple-zoom.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA6Bb,sCAKC;AAhCD,iCAAyE;AAEzE,2EAAsE;AACtE,uEAAwE;AACxE,wCAAqC;AACrC,8CAA6D;AAgB7D;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,IAAI,CAAC,IAAA,mDAAuB,GAAE,EAAE,CAAC;QAC/B,OAAO,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1C,CAAC;AAMD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI,EAA0B;IACrF,MAAM,KAAK,GAAG,IAAA,WAAG,EAAC,qDAA2B,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;IACxF,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,EAAE,CAAC;QACZ,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,kBAAkB,EAAE,CAAC;YAChE,OAAO,CAAC,IAAI,CACV,wJAAwJ,CACzJ,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,iCAAwB,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,aAAa,CAAC;IACzB,+GAA+G;IAC/G,wBAAwB,CACxB;MAAA,CAAC,WAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAClC;IAAA,EAAE,iCAAwB,CAAC,CAC5B,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { Children, use, useEffect, type PropsWithChildren } from 'react';\n\nimport { isZoomTransitionEnabled } from './ZoomTransitionEnabler.ios';\nimport { ZoomTransitionSourceContext } from './zoom-transition-context';\nimport { Slot } from '../../ui/Slot';\nimport { LinkZoomTransitionSource } from '../preview/native';\n\ninterface LinkAppleZoomProps extends PropsWithChildren {\n  /**\n   * Defines the rectangle used for the zoom transition's alignment. This rectangle is specified in the zoomed screen's coordinate space.\n   *\n   * @platform ios 18+\n   */\n  alignmentRect?: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  };\n}\n\n/**\n * When this component is used inside a Link, [zoom transition](https://developer.apple.com/documentation/uikit/enhancing-your-app-with-fluid-transitions?language=objc)\n * will be used when navigating to the link's href.\n *\n * @platform ios 18+\n */\nexport function LinkAppleZoom(props: LinkAppleZoomProps) {\n  if (!isZoomTransitionEnabled()) {\n    return <Slot {...props} />;\n  }\n  return <LinkAppleZoomImpl {...props} />;\n}\n\ntype LinkAppleZoomImplProps = LinkAppleZoomProps & {\n  onPress?: () => void;\n};\n\nfunction LinkAppleZoomImpl({ children, alignmentRect, ...rest }: LinkAppleZoomImplProps) {\n  const value = use(ZoomTransitionSourceContext);\n  if (!value) {\n    throw new Error('[expo-router] Link.ZoomTransitionSource must be used within a Link');\n  }\n  const { identifier, addSource, removeSource } = value;\n\n  useEffect(() => {\n    addSource();\n    return removeSource;\n  }, [addSource, removeSource]);\n\n  const hasTooManyChildren = Children.count(children) > 1;\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && hasTooManyChildren) {\n      console.warn(\n        '[expo-router] Link.ZoomTransitionSource only accepts a single child component. Please wrap multiple children in a View or another container component.'\n      );\n    }\n  }, [hasTooManyChildren]);\n\n  if (hasTooManyChildren) {\n    return null;\n  }\n\n  return (\n    <LinkZoomTransitionSource\n      identifier={identifier}\n      alignment={alignmentRect}\n      // Note(@ubax): Even though we always set this to true, I want to keep the prop here for easier future changes.\n      animateAspectRatioChange>\n      <Slot {...rest}>{children}</Slot>\n    </LinkZoomTransitionSource>\n  );\n}\n"]}

package/build/link/zoom/useZoomHref.d.ts

@@ -0,0 +1,3 @@
+import { LinkProps } from '../useLinkHooks';
+export declare function useZoomHref({ href }: LinkProps): string | import("../..").HrefObject;
+//# sourceMappingURL=useZoomHref.d.ts.map

package/build/link/zoom/useZoomHref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomHref.d.ts","sourceRoot":"","sources":["../../../src/link/zoom/useZoomHref.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,uCAE9C"}

package/build/link/zoom/useZoomHref.ios.d.ts

@@ -0,0 +1,3 @@
+import { LinkProps } from '../useLinkHooks';
+export declare function useZoomHref({ href }: LinkProps): string | import("../..").HrefObject;
+//# sourceMappingURL=useZoomHref.ios.d.ts.map

package/build/link/zoom/useZoomHref.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomHref.ios.d.ts","sourceRoot":"","sources":["../../../src/link/zoom/useZoomHref.ios.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,uCA8B9C"}

package/build/link/zoom/useZoomHref.ios.js

@@ -0,0 +1,38 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZoomHref = useZoomHref;
+const react_1 = require("react");
+const navigationParams_1 = require("../../navigationParams");
+const url_1 = require("../../utils/url");
+const zoom_transition_context_1 = require("./zoom-transition-context");
+function useZoomHref({ href }) {
+    const value = (0, react_1.use)(zoom_transition_context_1.ZoomTransitionSourceContext);
+    if (!value) {
+        throw new Error('[expo-router] useZoomHref must be used within a ZoomTransitionSourceContextProvider. This is most likely a bug in expo-router.');
+    }
+    const { hasZoomSource, identifier } = value;
+    return (0, react_1.useMemo)(() => {
+        if (!hasZoomSource) {
+            return href;
+        }
+        if (typeof href === 'string') {
+            const { pathname, searchParams } = (0, url_1.parseUrlUsingCustomBase)(href);
+            return {
+                pathname,
+                params: {
+                    ...Object.fromEntries(searchParams.entries()),
+                    [navigationParams_1.INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME]: identifier,
+                },
+            };
+        }
+        return {
+            pathname: href.pathname,
+            params: {
+                ...(href.params ?? {}),
+                [navigationParams_1.INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME]: identifier,
+            },
+        };
+    }, [href, identifier, hasZoomSource]);
+}
+//# sourceMappingURL=useZoomHref.ios.js.map

package/build/link/zoom/useZoomHref.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomHref.ios.js","sourceRoot":"","sources":["../../../src/link/zoom/useZoomHref.ios.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AASb,kCA8BC;AArCD,iCAAqC;AAErC,6DAAmG;AACnG,yCAA0D;AAE1D,uEAAwE;AAExE,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAa;IAC7C,MAAM,KAAK,GAAG,IAAA,WAAG,EAAC,qDAA2B,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CACb,gIAAgI,CACjI,CAAC;IACJ,CAAC;IACD,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC5C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,6BAAuB,EAAC,IAAI,CAAC,CAAC;YACjE,OAAO;gBACL,QAAQ;gBACR,MAAM,EAAE;oBACN,GAAG,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;oBAC7C,CAAC,4EAAyD,CAAC,EAAE,UAAU;iBACxE;aACF,CAAC;QACJ,CAAC;QACD,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE;gBACN,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;gBACtB,CAAC,4EAAyD,CAAC,EAAE,UAAU;aACxE;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;AACxC,CAAC","sourcesContent":["'use client';\n\nimport { use, useMemo } from 'react';\n\nimport { INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME } from '../../navigationParams';\nimport { parseUrlUsingCustomBase } from '../../utils/url';\nimport { LinkProps } from '../useLinkHooks';\nimport { ZoomTransitionSourceContext } from './zoom-transition-context';\n\nexport function useZoomHref({ href }: LinkProps) {\n  const value = use(ZoomTransitionSourceContext);\n  if (!value) {\n    throw new Error(\n      '[expo-router] useZoomHref must be used within a ZoomTransitionSourceContextProvider. This is most likely a bug in expo-router.'\n    );\n  }\n  const { hasZoomSource, identifier } = value;\n  return useMemo(() => {\n    if (!hasZoomSource) {\n      return href;\n    }\n    if (typeof href === 'string') {\n      const { pathname, searchParams } = parseUrlUsingCustomBase(href);\n      return {\n        pathname,\n        params: {\n          ...Object.fromEntries(searchParams.entries()),\n          [INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME]: identifier,\n        },\n      };\n    }\n    return {\n      pathname: href.pathname,\n      params: {\n        ...(href.params ?? {}),\n        [INTERNAL_EXPO_ROUTER_ZOOM_TRANSITION_SOURCE_ID_PARAM_NAME]: identifier,\n      },\n    };\n  }, [href, identifier, hasZoomSource]);\n}\n"]}

package/build/link/zoom/useZoomHref.js

@@ -0,0 +1,8 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZoomHref = useZoomHref;
+function useZoomHref({ href }) {
+    return href;
+}
+//# sourceMappingURL=useZoomHref.js.map

package/build/link/zoom/useZoomHref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomHref.js","sourceRoot":"","sources":["../../../src/link/zoom/useZoomHref.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAIb,kCAEC;AAFD,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAa;IAC7C,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["'use client';\n\nimport { LinkProps } from '../useLinkHooks';\n\nexport function useZoomHref({ href }: LinkProps) {\n  return href;\n}\n"]}

package/build/link/zoom/zoom-transition-context-providers.d.ts

@@ -0,0 +1,4 @@
+import type { ZoomTransitionSourceContextProviderProps, ZoomTransitionTargetContextProviderProps } from './zoom-transition-context-providers.types';
+export declare function ZoomTransitionSourceContextProvider({ children, }: ZoomTransitionSourceContextProviderProps): import("react").ReactNode;
+export declare function ZoomTransitionTargetContextProvider({ children, }: ZoomTransitionTargetContextProviderProps): import("react").ReactNode;
+//# sourceMappingURL=zoom-transition-context-providers.d.ts.map

package/build/link/zoom/zoom-transition-context-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-transition-context-providers.d.ts","sourceRoot":"","sources":["../../../src/link/zoom/zoom-transition-context-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wCAAwC,EACxC,wCAAwC,EACzC,MAAM,2CAA2C,CAAC;AAEnD,wBAAgB,mCAAmC,CAAC,EAClD,QAAQ,GACT,EAAE,wCAAwC,6BAE1C;AAED,wBAAgB,mCAAmC,CAAC,EAClD,QAAQ,GACT,EAAE,wCAAwC,6BAE1C"}

package/build/link/zoom/zoom-transition-context-providers.ios.d.ts

@@ -0,0 +1,4 @@
+import type { ZoomTransitionSourceContextProviderProps, ZoomTransitionTargetContextProviderProps } from './zoom-transition-context-providers.types';
+export declare function ZoomTransitionSourceContextProvider({ children, linkProps, }: ZoomTransitionSourceContextProviderProps): import("react").JSX.Element;
+export declare function ZoomTransitionTargetContextProvider({ route, children, }: ZoomTransitionTargetContextProviderProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=zoom-transition-context-providers.ios.d.ts.map

package/build/link/zoom/zoom-transition-context-providers.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-transition-context-providers.ios.d.ts","sourceRoot":"","sources":["../../../src/link/zoom/zoom-transition-context-providers.ios.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,wCAAwC,EACxC,wCAAwC,EACzC,MAAM,2CAA2C,CAAC;AASnD,wBAAgB,mCAAmC,CAAC,EAClD,QAAQ,EACR,SAAS,GACV,EAAE,wCAAwC,+BAgD1C;AAED,wBAAgB,mCAAmC,CAAC,EAClD,KAAK,EACL,QAAQ,GACT,EAAE,wCAAwC,+VA4B1C"}