react-native-screen-transitions 3.8.0-beta.1 → 3.9.0-alpha.0

package/lib/commonjs/shared/components/boundary/portal/components/host.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenFallbackHost = exports.Host = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _descriptors = require("../../../../providers/screen/descriptors");
+var _useHostMeasurement = require("../hooks/use-host-measurement");
+var _hostRegistry = require("../stores/host-registry.store");
+var _portalBoundaryHost = require("../stores/portal-boundary-host.store");
+var _portalBoundaryHost2 = require("./portal-boundary-host");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let nextHostId = 0;
+function HostImpl({
+  fallback = false,
+  style
+}) {
+  const screenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.currentScreenKey);
+  const generatedHostKeyRef = (0, _react.useRef)(null);
+  if (generatedHostKeyRef.current === null) {
+    generatedHostKeyRef.current = `${screenKey}-host-${nextHostId++}`;
+  }
+  const hostKey = fallback ? screenKey : generatedHostKeyRef.current;
+  const capturesScroll = !fallback;
+  const activeBoundaryHosts = (0, _portalBoundaryHost.useActivePortalBoundaryHosts)(hostKey);
+  const {
+    height: viewportHeight,
+    width: viewportWidth
+  } = (0, _reactNative.useWindowDimensions)();
+  const measurement = (0, _useHostMeasurement.useHostMeasurement)({
+    capturesScroll,
+    enabled: activeBoundaryHosts.length > 0,
+    hostKey,
+    screenKey
+  });
+  (0, _react.useLayoutEffect)(() => {
+    (0, _hostRegistry.registerHost)({
+      capturesScroll,
+      fallback,
+      hostKey,
+      screenKey
+    });
+    return () => {
+      (0, _hostRegistry.unregisterHost)(screenKey, hostKey);
+    };
+  }, [capturesScroll, fallback, hostKey, screenKey]);
+  const boundaryHosts = measurement.canRenderHosts ? activeBoundaryHosts.map(host => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "box-none",
+    style: [styles.boundaryHostViewport, {
+      width: viewportWidth,
+      height: viewportHeight
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalBoundaryHost2.PortalBoundaryHost, {
+      host: host,
+      style: _reactNative.StyleSheet.absoluteFill
+    })
+  }, host.boundaryId)) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: measurement.hostRef,
+    pointerEvents: "box-none",
+    style: [styles.host, {
+      width: viewportWidth,
+      height: viewportHeight
+    }, style],
+    collapsable: false,
+    children: boundaryHosts
+  });
+}
+const Host = exports.Host = /*#__PURE__*/(0, _react.memo)(function Host(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HostImpl, {
+    ...props
+  });
+});
+const ScreenFallbackHost = exports.ScreenFallbackHost = /*#__PURE__*/(0, _react.memo)(function ScreenFallbackHost() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HostImpl, {
+    fallback: true
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  host: {
+    elevation: 999999,
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0,
+    zIndex: 999999
+  },
+  boundaryHostViewport: {
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0
+  }
+});
+//# sourceMappingURL=host.js.map

package/lib/commonjs/shared/components/boundary/portal/components/host.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_descriptors","_useHostMeasurement","_hostRegistry","_portalBoundaryHost","_portalBoundaryHost2","_jsxRuntime","e","__esModule","default","nextHostId","HostImpl","fallback","style","screenKey","useDescriptorsStore","s","derivations","currentScreenKey","generatedHostKeyRef","useRef","current","hostKey","capturesScroll","activeBoundaryHosts","useActivePortalBoundaryHosts","height","viewportHeight","width","viewportWidth","useWindowDimensions","measurement","useHostMeasurement","enabled","length","useLayoutEffect","registerHost","unregisterHost","boundaryHosts","canRenderHosts","map","host","jsx","View","pointerEvents","styles","boundaryHostViewport","children","PortalBoundaryHost","StyleSheet","absoluteFill","boundaryId","ref","hostRef","collapsable","Host","exports","memo","props","ScreenFallbackHost","create","elevation","left","overflow","position","top","zIndex"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/host.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/components/portal-boundary-host.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalBoundaryHost = void 0;
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeTeleport = require("react-native-teleport");
+var _constants = require("../../../../constants");
+var _animation = require("../../../../stores/animation.store");
+var _linkPairs = require("../../../../stores/bounds/helpers/link-pairs.helpers");
+var _links = require("../../../../stores/bounds/internals/links");
+var _gesture = require("../../../../stores/gesture.store");
+var _scroll = require("../../../../stores/scroll.store");
+var _naming = require("../utils/naming");
+var _offsetStyle = require("../utils/offset-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AnimatedPortalBoundaryHost = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeTeleport.PortalHost);
+const PortalBoundaryHost = exports.PortalBoundaryHost = /*#__PURE__*/(0, _react.memo)(function PortalBoundaryHost({
+  host,
+  style
+}) {
+  const hostName = (0, _naming.createPortalBoundaryHostName)(host.hostKey, host.boundaryId);
+  const hostClosing = _animation.AnimationStore.getValue(host.screenKey, "closing");
+  const hostProgress = _animation.AnimationStore.getValue(host.screenKey, "transitionProgress");
+  const hostGestureDismissing = _gesture.GestureStore.getValue(host.screenKey, "dismissing");
+  const hostScrollMetadata = _scroll.ScrollStore.getValue(host.screenKey, "metadata");
+  const sourceScrollMetadata = _scroll.ScrollStore.getValue((0, _linkPairs.getSourceScreenKeyFromPairKey)(host.pairKey), "metadata");
+  const hostStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    // Strict per-member lookup — a fallback member's source rect would
+    // misplace this host's teleported content.
+    const link = (0, _links.getLink)(host.pairKey, host.boundaryId);
+    if (!link?.source || !link.destination) {
+      return _constants.NO_STYLES;
+    }
+
+    // Make the coordinate case explicit before resolving the host offset.
+    // The resolver owns the math; this component decides which screen/scroll
+    // relationship the active portal is in.
+    const isCrossScreenPortal = link.source.screenKey !== host.screenKey;
+    const isHostClosing = hostClosing.get() === 1 || hostGestureDismissing.get() === 1;
+    const placement = !isCrossScreenPortal ? "same-screen" : isHostClosing ? "cross-screen-close" : "cross-screen-open";
+
+    // A source that originated inside its own scroll host moves with that
+    // ScrollView while this portal stays attached over here. Shifting the
+    // source rect by the clamped source scroll travel keeps the return
+    // landing point on the live placeholder, so the close detach is seamless.
+    const trackSourceScroll = isCrossScreenPortal && link.source.sourceHost?.capturesScroll === true;
+    return (0, _offsetStyle.resolvePortalOffsetStyle)({
+      bounds: link.source.bounds,
+      hostCurrentScroll: placement === "cross-screen-close" ? hostScrollMetadata.get() : null,
+      hostKey: host.hostKey,
+      placement,
+      sourceCurrentScroll: trackSourceScroll ? sourceScrollMetadata.get() : null,
+      hostProgress: hostProgress.get(),
+      trackSourceScroll
+    });
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPortalBoundaryHost, {
+    name: hostName,
+    style: [style, hostStyle]
+  });
+});
+//# sourceMappingURL=portal-boundary-host.js.map

package/lib/commonjs/shared/components/boundary/portal/components/portal-boundary-host.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeTeleport","_constants","_animation","_linkPairs","_links","_gesture","_scroll","_naming","_offsetStyle","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPortalBoundaryHost","Animated","createAnimatedComponent","NativePortalHost","PortalBoundaryHost","exports","memo","host","style","hostName","createPortalBoundaryHostName","hostKey","boundaryId","hostClosing","AnimationStore","getValue","screenKey","hostProgress","hostGestureDismissing","GestureStore","hostScrollMetadata","ScrollStore","sourceScrollMetadata","getSourceScreenKeyFromPairKey","pairKey","hostStyle","useAnimatedStyle","link","getLink","source","destination","NO_STYLES","isCrossScreenPortal","isHostClosing","placement","trackSourceScroll","sourceHost","capturesScroll","resolvePortalOffsetStyle","bounds","hostCurrentScroll","sourceCurrentScroll","jsx","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal-boundary-host.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAEA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AAG+B,IAAAY,WAAA,GAAAZ,OAAA;AAAA,SAAAE,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/B,MAAMkB,0BAA0B,GAC/BC,8BAAQ,CAACC,uBAAuB,CAACC,+BAAgB,CAAC;AAO5C,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,kBAAkBA,CAAC;EAClEG,IAAI;EACJC;AACwB,CAAC,EAAE;EAC3B,MAAMC,QAAQ,GAAG,IAAAC,oCAA4B,EAACH,IAAI,CAACI,OAAO,EAAEJ,IAAI,CAACK,UAAU,CAAC;EAC5E,MAAMC,WAAW,GAAGC,yBAAc,CAACC,QAAQ,CAACR,IAAI,CAACS,SAAS,EAAE,SAAS,CAAC;EACtE,MAAMC,YAAY,GAAGH,yBAAc,CAACC,QAAQ,CAC3CR,IAAI,CAACS,SAAS,EACd,oBACD,CAAC;EACD,MAAME,qBAAqB,GAAGC,qBAAY,CAACJ,QAAQ,CAClDR,IAAI,CAACS,SAAS,EACd,YACD,CAAC;EACD,MAAMI,kBAAkB,GAAGC,mBAAW,CAACN,QAAQ,CAACR,IAAI,CAACS,SAAS,EAAE,UAAU,CAAC;EAC3E,MAAMM,oBAAoB,GAAGD,mBAAW,CAACN,QAAQ,CAChD,IAAAQ,wCAA6B,EAAChB,IAAI,CAACiB,OAAO,CAAC,EAC3C,UACD,CAAC;EACD,MAAMC,SAAS,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IACxC,SAAS;;IACT;IACA;IACA,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAACrB,IAAI,CAACiB,OAAO,EAAEjB,IAAI,CAACK,UAAU,CAAC;IACnD,IAAI,CAACe,IAAI,EAAEE,MAAM,IAAI,CAACF,IAAI,CAACG,WAAW,EAAE;MACvC,OAAOC,oBAAS;IACjB;;IAEA;IACA;IACA;IACA,MAAMC,mBAAmB,GAAGL,IAAI,CAACE,MAAM,CAACb,SAAS,KAAKT,IAAI,CAACS,SAAS;IACpE,MAAMiB,aAAa,GAClBpB,WAAW,CAACpB,GAAG,CAAC,CAAC,KAAK,CAAC,IAAIyB,qBAAqB,CAACzB,GAAG,CAAC,CAAC,KAAK,CAAC;IAC7D,MAAMyC,SAAgC,GAAG,CAACF,mBAAmB,GAC1D,aAAa,GACbC,aAAa,GACZ,oBAAoB,GACpB,mBAAmB;;IAEvB;IACA;IACA;IACA;IACA,MAAME,iBAAiB,GACtBH,mBAAmB,IAAIL,IAAI,CAACE,MAAM,CAACO,UAAU,EAAEC,cAAc,KAAK,IAAI;IAEvE,OAAO,IAAAC,qCAAwB,EAAC;MAC/BC,MAAM,EAAEZ,IAAI,CAACE,MAAM,CAACU,MAAM;MAC1BC,iBAAiB,EAChBN,SAAS,KAAK,oBAAoB,GAAGd,kBAAkB,CAAC3B,GAAG,CAAC,CAAC,GAAG,IAAI;MACrEkB,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBuB,SAAS;MACTO,mBAAmB,EAAEN,iBAAiB,GACnCb,oBAAoB,CAAC7B,GAAG,CAAC,CAAC,GAC1B,IAAI;MACPwB,YAAY,EAAEA,YAAY,CAACxB,GAAG,CAAC,CAAC;MAChC0C;IACD,CAAC,CAAC;EACH,CAAC,CAAC;EAEF,oBACC,IAAAvD,WAAA,CAAA8D,GAAA,EAAC1C,0BAA0B;IAAC2C,IAAI,EAAElC,QAAS;IAACD,KAAK,EAAE,CAACA,KAAK,EAAEiB,SAAS;EAAE,CAAE,CAAC;AAE3E,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/components/portal-provider.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalProvider = void 0;
+var _react = require("react");
+var _reactNativeTeleport = require("react-native-teleport");
+var _jsxRuntime = require("react/jsx-runtime");
+const PortalProvider = exports.PortalProvider = /*#__PURE__*/(0, _react.memo)(function PortalProvider({
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeTeleport.PortalProvider, {
+    children: children
+  });
+});
+//# sourceMappingURL=portal-provider.js.map

package/lib/commonjs/shared/components/boundary/portal/components/portal-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeTeleport","_jsxRuntime","PortalProvider","exports","memo","children","jsx"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal-provider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAA+E,IAAAE,WAAA,GAAAF,OAAA;AAExE,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,cAAcA,CAAC;EAC1DG;AAGD,CAAC,EAAE;EACF,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACN,oBAAA,CAAAE,cAAoB;IAAAG,QAAA,EAAEA;EAAQ,CAAuB,CAAC;AAC/D,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/components/portal.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Portal = void 0;
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeTeleport = require("react-native-teleport");
+var _descriptors = require("../../../../providers/screen/descriptors");
+var _styles = require("../../../../providers/screen/styles");
+var _animation = require("../../../../stores/animation.store");
+var _linkPairs = require("../../../../stores/bounds/helpers/link-pairs.helpers");
+var _links = require("../../../../stores/bounds/internals/links");
+var _state = require("../../../../stores/bounds/internals/state");
+var _createTransitionAwareComponent = require("../../../create-transition-aware-component");
+var _hostRegistry = require("../stores/host-registry.store");
+var _portalBoundaryHost = require("../stores/portal-boundary-host.store");
+var _attachment = require("../utils/attachment");
+var _naming = require("../utils/naming");
+var _teleportControl = require("../utils/teleport-control");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TransitionAwareTeleport = (0, _createTransitionAwareComponent.createTransitionAwareComponent)(_reactNativeTeleport.Portal);
+const Portal = exports.Portal = /*#__PURE__*/(0, _react.memo)(function Portal({
+  id = "my-id",
+  children,
+  mode = false,
+  placeholderRef
+}) {
+  const isPortalEnabled = !!mode;
+  const portalAttachTarget = !mode || mode === true ? "current-screen" : mode.attachTo ?? "current-screen";
+  const {
+    stylesMap
+  } = (0, _styles.useScreenStyles)();
+  const sourcePairKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.sourcePairKey);
+  const currentScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.currentScreenKey);
+  const nextScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.nextScreenKey);
+  const [attachment, setAttachment] = (0, _react.useState)(_naming.PORTAL_HOST_NAME_RESET_VALUE);
+  const attachedHostName = (0, _reactNativeReanimated.useSharedValue)(_naming.PORTAL_HOST_NAME_RESET_VALUE);
+  const placeholderWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const placeholderHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    progressScreenKey,
+    targetScreenKey
+  } = (0, _attachment.resolvePortalAttachmentTargets)({
+    attachment,
+    currentScreenKey,
+    nextScreenKey,
+    portalAttachTarget,
+    sourcePairKey
+  });
+  const activeHostKey = (0, _hostRegistry.useActiveHostKey)(targetScreenKey);
+  const activeHostCapturesScroll = activeHostKey ? (0, _hostRegistry.getHostCapturesScroll)(activeHostKey) : false;
+  const progress = _animation.AnimationStore.getValue(progressScreenKey ?? "", "transitionProgress");
+  const closing = _animation.AnimationStore.getValue(progressScreenKey ?? "", "closing");
+  const updatePortalAttachment = (0, _react.useCallback)((matchedScreenKey, pairKey) => {
+    if (matchedScreenKey && pairKey) {
+      setAttachment(current => {
+        if (current?.matchedScreenKey === matchedScreenKey && current.pairKey === pairKey) {
+          return current;
+        }
+        return {
+          matchedScreenKey,
+          pairKey
+        };
+      });
+      return;
+    }
+    setAttachment(current => current ? null : current);
+  }, []);
+  (0, _react.useLayoutEffect)(() => {
+    if (!isPortalEnabled || !attachment || !activeHostKey || !targetScreenKey) {
+      attachedHostName.set(_naming.PORTAL_HOST_NAME_RESET_VALUE);
+      return;
+    }
+    (0, _portalBoundaryHost.mountPortalBoundaryHost)({
+      boundaryId: id,
+      capturesScroll: activeHostCapturesScroll,
+      hostKey: activeHostKey,
+      pairKey: attachment.pairKey,
+      screenKey: targetScreenKey
+    });
+
+    // The native registry parks portals whose host has not registered yet and
+    // re-parents the moment it does, so the host name can be handed over
+    // immediately — ordering belongs to the registry, not to frame counting.
+    // hostName rides animated props, so the handover needs no React commit.
+    attachedHostName.set((0, _naming.createPortalBoundaryHostName)(activeHostKey, id));
+  }, [activeHostKey, activeHostCapturesScroll, attachedHostName, attachment, id, isPortalEnabled, targetScreenKey]);
+  (0, _react.useLayoutEffect)(() => {
+    return () => {
+      attachedHostName.set(_naming.PORTAL_HOST_NAME_RESET_VALUE);
+      (0, _portalBoundaryHost.unmountPortalBoundaryHost)(id);
+    };
+  }, [attachedHostName, id]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    if (!isPortalEnabled || !sourcePairKey) {
+      return null;
+    }
+    _state.pairs.get();
+    // Strict per-member lookup: getResolvedLink's group fallback borrows
+    // the initial member's link for style resolution, which would make
+    // every inactive group member's portal see a "complete" link and
+    // attach. A portal may only teleport on its OWN member's link.
+    const link = (0, _links.getLink)(sourcePairKey, id);
+    if (link?.status !== "complete") {
+      return null;
+    }
+
+    // Grouped portals teleport only while their member is the group's
+    // active id — retargeting detaches the previous member (its content
+    // returns home) and attaches the new one. Exactly one grouped member
+    // is teleported at a time.
+    if (link.group) {
+      const activeId = _state.pairs.get()[sourcePairKey]?.groups?.[link.group]?.activeId;
+      if (activeId && activeId !== (0, _linkPairs.getLinkKeyFromTag)(id)) {
+        return null;
+      }
+    }
+    return link.destination.screenKey;
+  }, (matchedScreenKey, previousMatchedScreenKey) => {
+    "worklet";
+
+    if (matchedScreenKey === previousMatchedScreenKey) {
+      return;
+    }
+    (0, _reactNativeReanimated.runOnJS)(updatePortalAttachment)(matchedScreenKey, sourcePairKey);
+  });
+  const teleportProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    "worklet";
+
+    // Opening waits for the destination transition to start so content is not
+    // re-parented before the host is visually ready. Closing stays attached
+    // through progress 0 so the final frame can land in the matched host.
+    const attachThreshold = closing.get() === 1 ? 0 : 0.001;
+    const {
+      teleport,
+      ...slotProps
+    } = stylesMap.get()[id]?.props ?? {};
+    const shouldTeleport = (0, _teleportControl.isTeleportEnabled)(teleport);
+    return {
+      // Preserve portal slot props from the interpolator while keeping
+      // hostName owned by the attachment gate below.
+      ...slotProps,
+      hostName: shouldTeleport && progress.get() >= attachThreshold ? attachedHostName.get() : _naming.PORTAL_HOST_NAME_RESET_VALUE
+    };
+  });
+
+  // Pin the placeholder to its measured size while content lives in the host,
+  // in the same UI frame the host name flips — no commit in between. Until the
+  // first layout lands (dims 0) sizing stays natural so an instant attach
+  // cannot collapse the slot.
+  const placeholderStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const hostName = attachedHostName.get();
+    const isAttached = hostName !== null;
+    const width = placeholderWidth.get();
+    const height = placeholderHeight.get();
+    if (!isAttached || width === 0) {
+      return {
+        width: "auto",
+        height: "auto"
+      };
+    }
+    return {
+      width,
+      height
+    };
+  });
+  if (isPortalEnabled) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      ref: placeholderRef,
+      onLayout: event => {
+        placeholderWidth.set(event.nativeEvent.layout.width);
+        placeholderHeight.set(event.nativeEvent.layout.height);
+      },
+      style: placeholderStyle,
+      collapsable: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionAwareTeleport, {
+        animatedProps: teleportProps,
+        name: id,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: placeholderStyle,
+          children: children
+        })
+      })
+    });
+  }
+  return children;
+});
+//# sourceMappingURL=portal.js.map

package/lib/commonjs/shared/components/boundary/portal/components/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeTeleport","_descriptors","_styles","_animation","_linkPairs","_links","_state","_createTransitionAwareComponent","_hostRegistry","_portalBoundaryHost","_attachment","_naming","_teleportControl","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TransitionAwareTeleport","createTransitionAwareComponent","NativePortal","Portal","exports","memo","id","children","mode","placeholderRef","isPortalEnabled","portalAttachTarget","attachTo","stylesMap","useScreenStyles","sourcePairKey","useDescriptorsStore","s","derivations","currentScreenKey","nextScreenKey","attachment","setAttachment","useState","PORTAL_HOST_NAME_RESET_VALUE","attachedHostName","useSharedValue","placeholderWidth","placeholderHeight","progressScreenKey","targetScreenKey","resolvePortalAttachmentTargets","activeHostKey","useActiveHostKey","activeHostCapturesScroll","getHostCapturesScroll","progress","AnimationStore","getValue","closing","updatePortalAttachment","useCallback","matchedScreenKey","pairKey","current","useLayoutEffect","mountPortalBoundaryHost","boundaryId","capturesScroll","hostKey","screenKey","createPortalBoundaryHostName","unmountPortalBoundaryHost","useAnimatedReaction","pairs","link","getLink","status","group","activeId","groups","getLinkKeyFromTag","destination","previousMatchedScreenKey","runOnJS","teleportProps","useAnimatedProps","attachThreshold","teleport","slotProps","props","shouldTeleport","isTeleportEnabled","hostName","placeholderStyle","useAnimatedStyle","isAttached","width","height","jsx","View","ref","onLayout","event","nativeEvent","layout","style","collapsable","animatedProps","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/hooks/use-host-measurement.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHostMeasurement = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _origin = require("../../../../providers/screen/origin.provider");
+var _scroll = require("../../../../stores/scroll.store");
+var _measuredBounds = require("../../utils/measured-bounds");
+var _hostBounds = require("../stores/host-bounds.store");
+const useHostMeasurement = ({
+  capturesScroll,
+  enabled,
+  hostKey,
+  screenKey
+}) => {
+  const hostRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const scrollMetadata = _scroll.ScrollStore.getValue(screenKey, "metadata");
+  const [canRenderHosts, setCanRenderHosts] = (0, _react.useState)(false);
+  const {
+    originRef
+  } = (0, _origin.useOriginContext)();
+  const hasMeasuredHost = (0, _reactNativeReanimated.useSharedValue)(false);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    if (!enabled) {
+      return null;
+    }
+    return hasMeasuredHost.get();
+  }, hasAlreadyMeasured => {
+    "worklet";
+
+    if (!enabled || hasAlreadyMeasured) {
+      return;
+    }
+    const measured = (0, _reactNativeReanimated.measure)(hostRef);
+    const measuredOrigin = (0, _reactNativeReanimated.measure)(originRef);
+    if (!measured || !measuredOrigin) {
+      return;
+    }
+    hasMeasuredHost.set(true);
+
+    // A measurement taken mid rubber-band would bake the transient
+    // overscroll displacement into the host frame. Store the at-rest
+    // position instead; clamped scroll deltas share that basis.
+    const currentScroll = scrollMetadata.get();
+    const overscrollNormalized = capturesScroll ? (0, _measuredBounds.adjustedMeasuredBoundsForOverscrollDeltas)(measured, currentScroll) : measured;
+    const normalizedMeasured = (0, _measuredBounds.normalizeMeasuredBoundsToOrigin)(overscrollNormalized, measuredOrigin);
+    (0, _hostBounds.setPortalHostBounds)(hostKey, {
+      x: normalizedMeasured.x,
+      y: normalizedMeasured.y,
+      width: normalizedMeasured.width,
+      height: normalizedMeasured.height,
+      pageX: normalizedMeasured.pageX,
+      pageY: normalizedMeasured.pageY,
+      scroll: capturesScroll ? currentScroll : null
+    });
+    (0, _reactNativeReanimated.runOnJS)(setCanRenderHosts)(true);
+  });
+  (0, _react.useLayoutEffect)(() => {
+    return () => {
+      (0, _reactNativeReanimated.runOnUI)(_hostBounds.clearPortalHostBounds)(hostKey);
+    };
+  }, [hostKey]);
+  return {
+    canRenderHosts,
+    hostRef
+  };
+};
+exports.useHostMeasurement = useHostMeasurement;
+//# sourceMappingURL=use-host-measurement.js.map

package/lib/commonjs/shared/components/boundary/portal/hooks/use-host-measurement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_origin","_scroll","_measuredBounds","_hostBounds","useHostMeasurement","capturesScroll","enabled","hostKey","screenKey","hostRef","useAnimatedRef","scrollMetadata","ScrollStore","getValue","canRenderHosts","setCanRenderHosts","useState","originRef","useOriginContext","hasMeasuredHost","useSharedValue","useAnimatedReaction","get","hasAlreadyMeasured","measured","measure","measuredOrigin","set","currentScroll","overscrollNormalized","adjustedMeasuredBoundsForOverscrollDeltas","normalizedMeasured","normalizeMeasuredBoundsToOrigin","setPortalHostBounds","x","y","width","height","pageX","pageY","scroll","runOnJS","useLayoutEffect","runOnUI","clearPortalHostBounds","exports"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAIA,IAAAK,WAAA,GAAAL,OAAA;AAYO,MAAMM,kBAAkB,GAAGA,CAAC;EAClCC,cAAc;EACdC,OAAO;EACPC,OAAO;EACPC;AACyB,CAAC,KAAK;EAC/B,MAAMC,OAAO,GAAG,IAAAC,qCAAc,EAAO,CAAC;EACtC,MAAMC,cAAc,GAAGC,mBAAW,CAACC,QAAQ,CAACL,SAAS,EAAE,UAAU,CAAC;EAClE,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EACpE,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,wBAAgB,EAAC,CAAC;EACxC,MAAMC,eAAe,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EAE7C,IAAAC,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACf,OAAO,EAAE;MACb,OAAO,IAAI;IACZ;IAEA,OAAOa,eAAe,CAACG,GAAG,CAAC,CAAC;EAC7B,CAAC,EACAC,kBAAkB,IAAK;IACvB,SAAS;;IACT,IAAI,CAACjB,OAAO,IAAIiB,kBAAkB,EAAE;MACnC;IACD;IAEA,MAAMC,QAAQ,GAAG,IAAAC,8BAAO,EAAChB,OAAO,CAAC;IACjC,MAAMiB,cAAc,GAAG,IAAAD,8BAAO,EAACR,SAAS,CAAC;IAEzC,IAAI,CAACO,QAAQ,IAAI,CAACE,cAAc,EAAE;MACjC;IACD;IAEAP,eAAe,CAACQ,GAAG,CAAC,IAAI,CAAC;;IAEzB;IACA;IACA;IACA,MAAMC,aAAa,GAAGjB,cAAc,CAACW,GAAG,CAAC,CAAC;IAC1C,MAAMO,oBAAoB,GAAGxB,cAAc,GACxC,IAAAyB,yDAAyC,EAACN,QAAQ,EAAEI,aAAa,CAAC,GAClEJ,QAAQ;IAEX,MAAMO,kBAAkB,GAAG,IAAAC,+CAA+B,EACzDH,oBAAoB,EACpBH,cACD,CAAC;IAED,IAAAO,+BAAmB,EAAC1B,OAAO,EAAE;MAC5B2B,CAAC,EAAEH,kBAAkB,CAACG,CAAC;MACvBC,CAAC,EAAEJ,kBAAkB,CAACI,CAAC;MACvBC,KAAK,EAAEL,kBAAkB,CAACK,KAAK;MAC/BC,MAAM,EAAEN,kBAAkB,CAACM,MAAM;MACjCC,KAAK,EAAEP,kBAAkB,CAACO,KAAK;MAC/BC,KAAK,EAAER,kBAAkB,CAACQ,KAAK;MAC/BC,MAAM,EAAEnC,cAAc,GAAGuB,aAAa,GAAG;IAC1C,CAAC,CAAC;IAEF,IAAAa,8BAAO,EAAC1B,iBAAiB,CAAC,CAAC,IAAI,CAAC;EACjC,CACD,CAAC;EAED,IAAA2B,sBAAe,EAAC,MAAM;IACrB,OAAO,MAAM;MACZ,IAAAC,8BAAO,EAACC,iCAAqB,CAAC,CAACrC,OAAO,CAAC;IACxC,CAAC;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAO;IACNO,cAAc;IACdL;EACD,CAAC;AACF,CAAC;AAACoC,OAAA,CAAAzC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Host", {
+  enumerable: true,
+  get: function () {
+    return _host.Host;
+  }
+});
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function () {
+    return _portal.Portal;
+  }
+});
+Object.defineProperty(exports, "PortalProvider", {
+  enumerable: true,
+  get: function () {
+    return _portalProvider.PortalProvider;
+  }
+});
+var _host = require("./components/host");
+var _portal = require("./components/portal");
+var _portalProvider = require("./components/portal-provider");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/shared/components/boundary/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_host","require","_portal","_portalProvider"],"sourceRoot":"../../../../../../src","sources":["shared/components/boundary/portal/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/stores/host-bounds.store.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setPortalHostBounds = exports.getPortalHostBounds = exports.clearPortalHostBounds = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _scroll = require("../../../../stores/scroll.store");
+const portalHostBounds = (0, _reactNativeReanimated.makeMutable)({});
+const getPortalHostBounds = hostKey => {
+  "worklet";
+
+  return portalHostBounds.get()[hostKey] ?? null;
+};
+exports.getPortalHostBounds = getPortalHostBounds;
+const setPortalHostBounds = (hostKey, bounds) => {
+  "worklet";
+
+  const nextBounds = {
+    ...bounds,
+    scroll: (0, _scroll.cloneScrollMetadataState)(bounds.scroll)
+  };
+  portalHostBounds.set(state => {
+    "worklet";
+
+    return {
+      ...state,
+      [hostKey]: nextBounds
+    };
+  });
+};
+exports.setPortalHostBounds = setPortalHostBounds;
+const clearPortalHostBounds = hostKey => {
+  "worklet";
+
+  portalHostBounds.set(state => {
+    "worklet";
+
+    const nextState = {
+      ...state
+    };
+    delete nextState[hostKey];
+    return nextState;
+  });
+};
+exports.clearPortalHostBounds = clearPortalHostBounds;
+//# sourceMappingURL=host-bounds.store.js.map

package/lib/commonjs/shared/components/boundary/portal/stores/host-bounds.store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_scroll","portalHostBounds","makeMutable","getPortalHostBounds","hostKey","get","exports","setPortalHostBounds","bounds","nextBounds","scroll","cloneScrollMetadataState","set","state","clearPortalHostBounds","nextState"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/stores/host-bounds.store.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AASA,MAAME,gBAAgB,GAAG,IAAAC,kCAAW,EAAwB,CAAC,CAAC,CAAC;AAExD,MAAMC,mBAAmB,GAAIC,OAAe,IAAK;EACvD,SAAS;;EACT,OAAOH,gBAAgB,CAACI,GAAG,CAAC,CAAC,CAACD,OAAO,CAAC,IAAI,IAAI;AAC/C,CAAC;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA;AAEK,MAAMI,mBAAmB,GAAGA,CAClCH,OAAe,EACfI,MAAwB,KACpB;EACJ,SAAS;;EACT,MAAMC,UAA4B,GAAG;IACpC,GAAGD,MAAM;IACTE,MAAM,EAAE,IAAAC,gCAAwB,EAACH,MAAM,CAACE,MAAM;EAC/C,CAAC;EAEDT,gBAAgB,CAACW,GAAG,CAAEC,KAAK,IAAK;IAC/B,SAAS;;IACT,OAAO;MACN,GAAGA,KAAK;MACR,CAACT,OAAO,GAAGK;IACZ,CAAC;EACF,CAAC,CAAC;AACH,CAAC;AAACH,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEK,MAAMO,qBAAqB,GAAIV,OAAe,IAAK;EACzD,SAAS;;EACTH,gBAAgB,CAACW,GAAG,CAAEC,KAAK,IAAK;IAC/B,SAAS;;IACT,MAAME,SAAgC,GAAG;MAAE,GAAGF;IAAM,CAAC;IACrD,OAAOE,SAAS,CAACX,OAAO,CAAC;IACzB,OAAOW,SAAS;EACjB,CAAC,CAAC;AACH,CAAC;AAACT,OAAA,CAAAQ,qBAAA,GAAAA,qBAAA","ignoreList":[]}