react-native-screen-transitions 4.1.0-beta.0 → 4.1.0-beta.1

package/lib/commonjs/components/boundary/components/boundary-lifecycle.js

@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.BoundaryLifecycle = void 0;
 var _react = require("react");
 var _builder = require("../../../providers/screen/builder");
-var _useBoundaryMeasurement = require("../hooks/use-boundary-measurement");
+var _styles = require("../../../utils/bounds/helpers/styles/styles");
+var _useBoundaryPresence = require("../hooks/lifecycles/use-boundary-presence");
+var _useInitialDestinationMeasurement = require("../hooks/lifecycles/use-initial-destination-measurement");
+var _useInitialSourceMeasurement = require("../hooks/lifecycles/use-initial-source-measurement");
+var _useRefreshBoundary = require("../hooks/lifecycles/use-refresh-boundary");
+var _useMeasurer = require("../hooks/use-measurer");
 const BoundaryLifecycle = exports.BoundaryLifecycle = /*#__PURE__*/(0, _react.memo)(function BoundaryLifecycle({
   boundTag,
   config,
@@ -19,17 +24,44 @@ const BoundaryLifecycle = exports.BoundaryLifecycle = /*#__PURE__*/(0, _react.me
   style
 }) {
   const hasConfiguredInterpolator = (0, _builder.useBuilderStore)(s => s.derivations.hasConfiguredInterpolator);
-  (0, _useBoundaryMeasurement.useBoundaryMeasurement)({
-    boundTag,
+  const runtimeEnabled = enabled && hasConfiguredInterpolator;
+  const preparedStyles = (0, _react.useMemo)(() => (0, _styles.prepareStyleForBounds)(style), [style]);
+  const measureBoundary = (0, _useMeasurer.useMeasurer)({
     enabled,
-    runtimeEnabled: enabled && hasConfiguredInterpolator,
+    boundTag,
     currentScreenKey,
-    measuredRef,
-    style,
+    preparedStyles,
+    measuredAnimatedRef: measuredRef,
     handoff,
     escapeClipping,
-    localMeasurement,
-    config
+    localMeasurement
+  });
+
+  // Presence and source capture must not depend on this screen owning an
+  // interpolator: a nested source can participate in a transition owned by a
+  // different navigator.
+  (0, _useBoundaryPresence.useBoundaryPresence)({
+    enabled,
+    boundTag,
+    currentScreenKey,
+    boundaryConfig: config,
+    handoff,
+    escapeClipping
+  });
+  (0, _useInitialSourceMeasurement.useInitialSourceMeasurement)({
+    enabled,
+    measureBoundary,
+    boundTag
+  });
+  (0, _useInitialDestinationMeasurement.useInitialDestinationMeasurement)({
+    boundTag,
+    enabled: runtimeEnabled,
+    measureBoundary
+  });
+  (0, _useRefreshBoundary.useRefreshBoundary)({
+    enabled: runtimeEnabled,
+    boundTag,
+    measureBoundary
   });
   return null;
 });

package/lib/commonjs/components/boundary/components/boundary-lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_builder","_useBoundaryMeasurement","BoundaryLifecycle","exports","memo","boundTag","config","currentScreenKey","enabled","escapeClipping","handoff","localMeasurement","measuredRef","style","hasConfiguredInterpolator","useBuilderStore","s","derivations","useBoundaryMeasurement","runtimeEnabled"],"sourceRoot":"../../../../../src","sources":["components/boundary/components/boundary-lifecycle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAkBO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,iBAAiBA,CAAC;EAChEG,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC,OAAO;EACPC,cAAc;EACdC,OAAO;EACPC,gBAAgB;EAChBC,WAAW;EACXC;AACuB,CAAC,EAAE;EAC1B,MAAMC,yBAAyB,GAAG,IAAAC,wBAAe,EAC/CC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACH,yBACtB,CAAC;EAED,IAAAI,8CAAsB,EAAC;IACtBb,QAAQ;IACRG,OAAO;IACPW,cAAc,EAAEX,OAAO,IAAIM,yBAAyB;IACpDP,gBAAgB;IAChBK,WAAW;IACXC,KAAK;IACLH,OAAO;IACPD,cAAc;IACdE,gBAAgB;IAChBL;EACD,CAAC,CAAC;EAEF,OAAO,IAAI;AACZ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_builder","_styles","_useBoundaryPresence","_useInitialDestinationMeasurement","_useInitialSourceMeasurement","_useRefreshBoundary","_useMeasurer","BoundaryLifecycle","exports","memo","boundTag","config","currentScreenKey","enabled","escapeClipping","handoff","localMeasurement","measuredRef","style","hasConfiguredInterpolator","useBuilderStore","s","derivations","runtimeEnabled","preparedStyles","useMemo","prepareStyleForBounds","measureBoundary","useMeasurer","measuredAnimatedRef","useBoundaryPresence","boundaryConfig","useInitialSourceMeasurement","useInitialDestinationMeasurement","useRefreshBoundary"],"sourceRoot":"../../../../../src","sources":["components/boundary/components/boundary-lifecycle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,iCAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAkBO,MAAMQ,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,iBAAiBA,CAAC;EAChEG,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC,OAAO;EACPC,cAAc;EACdC,OAAO;EACPC,gBAAgB;EAChBC,WAAW;EACXC;AACuB,CAAC,EAAE;EAC1B,MAAMC,yBAAyB,GAAG,IAAAC,wBAAe,EAC/CC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACH,yBACtB,CAAC;EAED,MAAMI,cAAc,GAAGV,OAAO,IAAIM,yBAAyB;EAC3D,MAAMK,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,6BAAqB,EAACR,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAE3E,MAAMS,eAAe,GAAG,IAAAC,wBAAW,EAAC;IACnCf,OAAO;IACPH,QAAQ;IACRE,gBAAgB;IAChBY,cAAc;IACdK,mBAAmB,EAAEZ,WAAW;IAChCF,OAAO;IACPD,cAAc;IACdE;EACD,CAAC,CAAC;;EAEF;EACA;EACA;EACA,IAAAc,wCAAmB,EAAC;IACnBjB,OAAO;IACPH,QAAQ;IACRE,gBAAgB;IAChBmB,cAAc,EAAEpB,MAAM;IACtBI,OAAO;IACPD;EACD,CAAC,CAAC;EAEF,IAAAkB,wDAA2B,EAAC;IAC3BnB,OAAO;IACPc,eAAe;IACfjB;EACD,CAAC,CAAC;EAEF,IAAAuB,kEAAgC,EAAC;IAChCvB,QAAQ;IACRG,OAAO,EAAEU,cAAc;IACvBI;EACD,CAAC,CAAC;EAEF,IAAAO,sCAAkB,EAAC;IAClBrB,OAAO,EAAEU,cAAc;IACvBb,QAAQ;IACRiB;EACD,CAAC,CAAC;EAEF,OAAO,IAAI;AACZ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/boundary/components/boundary-target.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.BoundaryTarget = exports.BOUNDARY_TARGET_ACTIVE_PROP = void 0;
 var _react = require("react");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-var _styles = require("../../../providers/screen/orchestrator/styles");
 var _logger = require("../../../utils/logger");
-var _boundaryContentPortal = require("../portal/components/boundary-content-portal");
-var _boundaryPortal = require("../portal/components/boundary-portal");
+var _useComposedBoundaryStyle = require("../hooks/use-composed-boundary-style");
+var _portal = require("../portal/components/portal");
 var _boundaryRoot = require("../providers/boundary-root.provider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -28,17 +27,15 @@ const BoundaryTargetInner = props => {
   const portalRuntime = rootContext?.portalRuntime;
   const handoffEnabled = isActiveTarget && rootContext?.handoffEnabled === true;
   const shouldEscapeTargetToScreenHost = isActiveTarget && portalRuntime?.escapeClipping === true;
-  const shouldApplyAssociatedStyleInline = isActiveTarget && portalRuntime?.escapeClipping !== true;
-  const shouldApplyPortalLayoutStyle = isActiveTarget && portalRuntime?.escapeClipping === true;
-  const associatedTargetStyles = (0, _styles.useComposedSlotStyles)(rootContext?.boundTag.tag, style);
-  const portalLayoutStyle = (0, _styles.useSlotLayoutStyles)(rootContext?.boundTag.tag);
+  const associatedTargetStyles = (0, _useComposedBoundaryStyle.useComposedBoundaryStyle)(rootContext?.slotsMap, boundaryId, style, shouldEscapeTargetToScreenHost ? "layout" : "full");
   const measurementRef = isActiveTarget ? rootContext.measurementRef : undefined;
   (0, _react.useLayoutEffect)(() => {
     if (__DEV__ && rootContext === null) {
       _logger.logger.warn(_boundaryRoot.TARGET_OUTSIDE_ROOT_WARNING);
     }
   }, [rootContext]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryPortal.BoundaryPortal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
+    mode: "escapeClipping",
     boundaryId: boundaryId ?? "",
     enabled: shouldEscapeTargetToScreenHost,
     placeholderRef: measurementRef,
@@ -46,17 +43,13 @@ const BoundaryTargetInner = props => {
       ...rest,
       pointerEvents: pointerEvents,
       ref: shouldEscapeTargetToScreenHost ? undefined : measurementRef,
-      style: [style, shouldApplyAssociatedStyleInline ? associatedTargetStyles : undefined, shouldApplyPortalLayoutStyle ? portalLayoutStyle : undefined],
+      style: [style, isActiveTarget ? associatedTargetStyles : undefined],
       collapsable: false,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryContentPortal.BoundaryContentPortalHost, {
-        boundaryId: boundaryId ?? "",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
+        mode: "handoff",
+        boundaryId: boundaryId,
         enabled: handoffEnabled,
-        screenKey: rootContext?.currentScreenKey ?? "",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryContentPortal.BoundaryContentPortal, {
-          boundaryId: boundaryId,
-          enabled: handoffEnabled,
-          children: children
-        })
+        children: children
       })
     })
   });

package/lib/commonjs/components/boundary/components/boundary-target.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireDefault","_styles","_logger","_boundaryContentPortal","_boundaryPortal","_boundaryRoot","_jsxRuntime","e","__esModule","default","BOUNDARY_TARGET_ACTIVE_PROP","exports","BoundaryTargetInner","props","active","children","pointerEvents","style","rest","rootContext","useOptionalBoundaryRootStore","boundaryId","boundTag","tag","isActiveTarget","portalRuntime","handoffEnabled","shouldEscapeTargetToScreenHost","escapeClipping","shouldApplyAssociatedStyleInline","shouldApplyPortalLayoutStyle","associatedTargetStyles","useComposedSlotStyles","portalLayoutStyle","useSlotLayoutStyles","measurementRef","undefined","useLayoutEffect","__DEV__","logger","warn","TARGET_OUTSIDE_ROOT_WARNING","jsx","BoundaryPortal","enabled","placeholderRef","View","ref","collapsable","BoundaryContentPortalHost","screenKey","currentScreenKey","BoundaryContentPortal","BoundaryTarget","memo"],"sourceRoot":"../../../../../src","sources":["components/boundary/components/boundary-target.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireDefault","_logger","_useComposedBoundaryStyle","_portal","_boundaryRoot","_jsxRuntime","e","__esModule","default","BOUNDARY_TARGET_ACTIVE_PROP","exports","BoundaryTargetInner","props","active","children","pointerEvents","style","rest","rootContext","useOptionalBoundaryRootStore","boundaryId","boundTag","tag","isActiveTarget","portalRuntime","handoffEnabled","shouldEscapeTargetToScreenHost","escapeClipping","associatedTargetStyles","useComposedBoundaryStyle","slotsMap","measurementRef","undefined","useLayoutEffect","__DEV__","logger","warn","TARGET_OUTSIDE_ROOT_WARNING","jsx","Portal","mode","enabled","placeholderRef","View","ref","collapsable","BoundaryTarget","memo"],"sourceRoot":"../../../../../src","sources":["components/boundary/components/boundary-target.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAG6C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAStC,MAAMG,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,wBAAiC;AAK5E,MAAME,mBAAmB,GAAIC,KAAkC,IAAK;EACnE,MAAM;IACL,CAACH,2BAA2B,GAAGI,MAAM;IACrCC,QAAQ;IACRC,aAAa;IACbC,KAAK;IACL,GAAGC;EACJ,CAAC,GAAGL,KAAK;EACT,MAAMM,WAAW,GAAG,IAAAC,0CAA4B,EAAC,CAAC;EAClD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,QAAQ,CAACC,GAAG;EAC5C,MAAMC,cAAc,GAAGV,MAAM,KAAK,IAAI,IAAIK,WAAW,KAAK,IAAI;EAC9D,MAAMM,aAAa,GAAGN,WAAW,EAAEM,aAAa;EAChD,MAAMC,cAAc,GAAGF,cAAc,IAAIL,WAAW,EAAEO,cAAc,KAAK,IAAI;EAC7E,MAAMC,8BAA8B,GACnCH,cAAc,IAAIC,aAAa,EAAEG,cAAc,KAAK,IAAI;EAEzD,MAAMC,sBAAsB,GAAG,IAAAC,kDAAwB,EACtDX,WAAW,EAAEY,QAAQ,EACrBV,UAAU,EACVJ,KAAK,EACLU,8BAA8B,GAAG,QAAQ,GAAG,MAC7C,CAAC;EAED,MAAMK,cAAc,GAAGR,cAAc,GAClCL,WAAW,CAACa,cAAc,GAC1BC,SAAS;EAEZ,IAAAC,sBAAe,EAAC,MAAM;IACrB,IAAIC,OAAO,IAAIhB,WAAW,KAAK,IAAI,EAAE;MACpCiB,cAAM,CAACC,IAAI,CAACC,yCAA2B,CAAC;IACzC;EACD,CAAC,EAAE,CAACnB,WAAW,CAAC,CAAC;EAEjB,oBACC,IAAAb,WAAA,CAAAiC,GAAA,EAACnC,OAAA,CAAAoC,MAAM;IACNC,IAAI,EAAC,gBAAgB;IACrBpB,UAAU,EAAEA,UAAU,IAAI,EAAG;IAC7BqB,OAAO,EAAEf,8BAA+B;IACxCgB,cAAc,EAAEX,cAAe;IAAAjB,QAAA,eAE/B,IAAAT,WAAA,CAAAiC,GAAA,EAACvC,sBAAA,CAAAS,OAAQ,CAACmC,IAAI;MAAA,GACT1B,IAAI;MACRF,aAAa,EAAEA,aAAc;MAC7B6B,GAAG,EAAElB,8BAA8B,GAAGM,SAAS,GAAGD,cAAe;MACjEf,KAAK,EAAE,CAACA,KAAK,EAAEO,cAAc,GAAGK,sBAAsB,GAAGI,SAAS,CAAE;MACpEa,WAAW,EAAE,KAAM;MAAA/B,QAAA,eAEnB,IAAAT,WAAA,CAAAiC,GAAA,EAACnC,OAAA,CAAAoC,MAAM;QAACC,IAAI,EAAC,SAAS;QAACpB,UAAU,EAAEA,UAAW;QAACqB,OAAO,EAAEhB,cAAe;QAAAX,QAAA,EACrEA;MAAQ,CACF;IAAC,CACK;EAAC,CACT,CAAC;AAEX,CAAC;AAEM,MAAMgC,cAAc,GAAApC,OAAA,CAAAoC,cAAA,gBAAG,IAAAC,WAAI,EACjCpC,mBACD,CAAoD","ignoreList":[]}

package/lib/commonjs/components/boundary/create-boundary-component.js

@@ -7,8 +7,7 @@ exports.createBoundaryComponent = createBoundaryComponent;
 var _react = require("react");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _boundaryTarget = require("./components/boundary-target");
-var _boundaryContentPortal = require("./portal/components/boundary-content-portal");
-var _boundaryPortal = require("./portal/components/boundary-portal");
+var _portal = require("./portal/components/portal");
 var _boundaryRoot = require("./providers/boundary-root.provider");
 var _resolveBoundaryTarget = require("./utils/resolve-boundary-target");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -33,6 +32,12 @@ function createBoundaryComponent(Wrapped, options = {}) {
       children,
       ...rest
     } = props;
+    const config = (0, _react.useMemo)(() => ({
+      anchor,
+      scaleMode,
+      target,
+      method
+    }), [anchor, scaleMode, target, method]);
     const targetResolution = (0, _react.useMemo)(() => {
       return (0, _resolveBoundaryTarget.resolveBoundaryTarget)(children, {
         isTarget: element => element.type === _boundaryTarget.BoundaryTarget,
@@ -43,12 +48,7 @@ function createBoundaryComponent(Wrapped, options = {}) {
     }, [children]);
     const targetStyle = targetResolution.target?.props?.style;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryRoot.BoundaryRootProvider, {
-      config: {
-        anchor,
-        scaleMode,
-        target,
-        method
-      },
+      config: config,
       enabled: enabled,
       escapeClipping: escapeClipping,
       forwardedRef: forwardedRef,
@@ -59,7 +59,8 @@ function createBoundaryComponent(Wrapped, options = {}) {
       style: style,
       targetCount: targetResolution.targetCount,
       targetStyle: targetStyle,
-      children: root => /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryPortal.BoundaryPortal, {
+      children: root => /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
+        mode: "escapeClipping",
         boundaryId: root.boundTag.tag,
         enabled: root.shouldRenderBoundaryRootThroughPortal,
         placeholderRef: root.measurementRef,
@@ -68,15 +69,11 @@ function createBoundaryComponent(Wrapped, options = {}) {
           ref: root.ref,
           style: [style, root.attachedStyle],
           collapsable: false,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryContentPortal.BoundaryContentPortalHost, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
+            mode: "handoff",
             boundaryId: root.boundTag.tag,
             enabled: root.shouldRenderHandoffHost,
-            screenKey: root.currentScreenKey,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryContentPortal.BoundaryContentPortal, {
-              boundaryId: root.boundTag.tag,
-              enabled: root.shouldRenderHandoffHost,
-              children: targetResolution.children
-            })
+            children: targetResolution.children
           })
         })
       })

package/lib/commonjs/components/boundary/create-boundary-component.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireDefault","_boundaryTarget","_boundaryContentPortal","_boundaryPortal","_boundaryRoot","_resolveBoundaryTarget","_jsxRuntime","e","__esModule","default","createBoundaryComponent","Wrapped","options","alreadyAnimated","AnimatedComponent","Animated","createAnimatedComponent","Inner","forwardRef","props","forwardedRef","enabled","group","id","anchor","scaleMode","target","method","style","handoff","escapeClipping","children","rest","targetResolution","useMemo","resolveBoundaryTarget","isTarget","element","type","BoundaryTarget","mapTarget","selected","cloneElement","BOUNDARY_TARGET_ACTIVE_PROP","targetStyle","jsx","BoundaryRootProvider","config","hasTarget","targetCount","root","BoundaryPortal","boundaryId","boundTag","tag","shouldRenderBoundaryRootThroughPortal","placeholderRef","measurementRef","ref","attachedStyle","collapsable","BoundaryContentPortalHost","shouldRenderHandoffHost","screenKey","currentScreenKey","BoundaryContentPortal","memo"],"sourceRoot":"../../../../src","sources":["components/boundary/create-boundary-component.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireDefault","_boundaryTarget","_portal","_boundaryRoot","_resolveBoundaryTarget","_jsxRuntime","e","__esModule","default","createBoundaryComponent","Wrapped","options","alreadyAnimated","AnimatedComponent","Animated","createAnimatedComponent","Inner","forwardRef","props","forwardedRef","enabled","group","id","anchor","scaleMode","target","method","style","handoff","escapeClipping","children","rest","config","useMemo","targetResolution","resolveBoundaryTarget","isTarget","element","type","BoundaryTarget","mapTarget","selected","cloneElement","BOUNDARY_TARGET_ACTIVE_PROP","targetStyle","jsx","BoundaryRootProvider","hasTarget","targetCount","root","Portal","mode","boundaryId","boundTag","tag","shouldRenderBoundaryRootThroughPortal","placeholderRef","measurementRef","ref","attachedStyle","collapsable","shouldRenderHandoffHost","memo"],"sourceRoot":"../../../../src","sources":["components/boundary/create-boundary-component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/boundary/helpers/presentation.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveBoundaryHandoff = resolveBoundaryHandoff;
+exports.resolveBoundaryPresentation = resolveBoundaryPresentation;
+exports.resolveBoundaryReceiver = resolveBoundaryReceiver;
+var _linkPairs = require("../../../stores/bounds/helpers/link-pairs.helpers");
+function resolveBoundaryPresentation(screenKey, boundaryId, state) {
+  "worklet";
+
+  const linkKey = (0, _linkPairs.getLinkKeyFromTag)(boundaryId);
+  let result;
+  for (const value of state.presentations) {
+    const presentation = value?.get();
+    if (!presentation) continue;
+    const pair = state.pairs[presentation.pairKey];
+    const link = pair?.links[linkKey];
+    if (!link || link.group && pair.groups[link.group]?.activeId !== linkKey) continue;
+    const sourceKey = link.source?.screenKey ?? presentation.sourceKey;
+    const destinationKey = link.destination?.screenKey ?? presentation.destinationKey;
+    if (sourceKey !== screenKey && destinationKey !== screenKey) continue;
+    // A preparing or completed pair cannot displace a live presentation.
+    if (result && !presentation.ready) continue;
+    result = {
+      ...presentation,
+      sourceKey,
+      destinationKey
+    };
+  }
+  return result;
+}
+function resolveBoundaryReceiver(presentation, target, screenKey) {
+  "worklet";
+
+  if (!presentation) return screenKey;
+  return presentation.ready && target !== "source" ? presentation.destinationKey : presentation.sourceKey;
+}
+function resolveBoundaryHandoff(screenKey, boundaryId, state) {
+  "worklet";
+
+  let receiver = screenKey;
+  const visited = {};
+  while (!visited[receiver]) {
+    visited[receiver] = true;
+    const p = resolveBoundaryPresentation(receiver, boundaryId, state);
+    if (!p) break;
+    const slot = (p.sourceKey === receiver ? p.source : p.destination)[boundaryId];
+    const next = resolveBoundaryReceiver(p, slot?.props?.handoffTarget ?? p.destination[boundaryId]?.props?.handoffTarget ?? p.source[boundaryId]?.props?.handoffTarget, receiver);
+    if (next === receiver || !state.entries[boundaryId]?.screens[next]?.handoff) break;
+    receiver = next;
+  }
+  return receiver;
+}
+//# sourceMappingURL=presentation.js.map

package/lib/commonjs/components/boundary/helpers/presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_linkPairs","require","resolveBoundaryPresentation","screenKey","boundaryId","state","linkKey","getLinkKeyFromTag","result","value","presentations","presentation","get","pair","pairs","pairKey","link","links","group","groups","activeId","sourceKey","source","destinationKey","destination","ready","resolveBoundaryReceiver","target","resolveBoundaryHandoff","receiver","visited","p","slot","next","props","handoffTarget","entries","screens","handoff"],"sourceRoot":"../../../../../src","sources":["components/boundary/helpers/presentation.ts"],"mappings":";;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAqBO,SAASC,2BAA2BA,CAC1CC,SAAiB,EACjBC,UAAkB,EAClBC,KAAgC,EAC/B;EACD,SAAS;;EACT,MAAMC,OAAO,GAAG,IAAAC,4BAAiB,EAACH,UAAU,CAAC;EAC7C,IAAII,MAA4C;EAChD,KAAK,MAAMC,KAAK,IAAIJ,KAAK,CAACK,aAAa,EAAE;IACxC,MAAMC,YAAY,GAAGF,KAAK,EAAEG,GAAG,CAAC,CAAC;IACjC,IAAI,CAACD,YAAY,EAAE;IACnB,MAAME,IAAI,GAAGR,KAAK,CAACS,KAAK,CAACH,YAAY,CAACI,OAAO,CAAC;IAC9C,MAAMC,IAAI,GAAGH,IAAI,EAAEI,KAAK,CAACX,OAAO,CAAC;IACjC,IAAI,CAACU,IAAI,IAAKA,IAAI,CAACE,KAAK,IAAIL,IAAI,CAACM,MAAM,CAACH,IAAI,CAACE,KAAK,CAAC,EAAEE,QAAQ,KAAKd,OAAQ,EACzE;IACD,MAAMe,SAAS,GAAGL,IAAI,CAACM,MAAM,EAAEnB,SAAS,IAAIQ,YAAY,CAACU,SAAS;IAClE,MAAME,cAAc,GACnBP,IAAI,CAACQ,WAAW,EAAErB,SAAS,IAAIQ,YAAY,CAACY,cAAc;IAC3D,IAAIF,SAAS,KAAKlB,SAAS,IAAIoB,cAAc,KAAKpB,SAAS,EAAE;IAC7D;IACA,IAAIK,MAAM,IAAI,CAACG,YAAY,CAACc,KAAK,EAAE;IACnCjB,MAAM,GAAG;MAAE,GAAGG,YAAY;MAAEU,SAAS;MAAEE;IAAe,CAAC;EACxD;EACA,OAAOf,MAAM;AACd;AAEO,SAASkB,uBAAuBA,CACtCf,YAAkD,EAClDgB,MAAyC,EACzCxB,SAAiB,EAChB;EACD,SAAS;;EACT,IAAI,CAACQ,YAAY,EAAE,OAAOR,SAAS;EACnC,OAAOQ,YAAY,CAACc,KAAK,IAAIE,MAAM,KAAK,QAAQ,GAC7ChB,YAAY,CAACY,cAAc,GAC3BZ,YAAY,CAACU,SAAS;AAC1B;AAEO,SAASO,sBAAsBA,CACrCzB,SAAiB,EACjBC,UAAkB,EAClBC,KAAgC,EAC/B;EACD,SAAS;;EACT,IAAIwB,QAAQ,GAAG1B,SAAS;EACxB,MAAM2B,OAA6B,GAAG,CAAC,CAAC;EACxC,OAAO,CAACA,OAAO,CAACD,QAAQ,CAAC,EAAE;IAC1BC,OAAO,CAACD,QAAQ,CAAC,GAAG,IAAI;IACxB,MAAME,CAAC,GAAG7B,2BAA2B,CAAC2B,QAAQ,EAAEzB,UAAU,EAAEC,KAAK,CAAC;IAClE,IAAI,CAAC0B,CAAC,EAAE;IACR,MAAMC,IAAI,GAAG,CAACD,CAAC,CAACV,SAAS,KAAKQ,QAAQ,GAAGE,CAAC,CAACT,MAAM,GAAGS,CAAC,CAACP,WAAW,EAChEpB,UAAU,CACV;IACD,MAAM6B,IAAI,GAAGP,uBAAuB,CACnCK,CAAC,EACDC,IAAI,EAAEE,KAAK,EAAEC,aAAa,IACzBJ,CAAC,CAACP,WAAW,CAACpB,UAAU,CAAC,EAAE8B,KAAK,EAAEC,aAAa,IAC/CJ,CAAC,CAACT,MAAM,CAAClB,UAAU,CAAC,EAAE8B,KAAK,EAAEC,aAAa,EAC3CN,QACD,CAAC;IACD,IAAII,IAAI,KAAKJ,QAAQ,IAAI,CAACxB,KAAK,CAAC+B,OAAO,CAAChC,UAAU,CAAC,EAAEiC,OAAO,CAACJ,IAAI,CAAC,EAAEK,OAAO,EAC1E;IACDT,QAAQ,GAAGI,IAAI;EAChB;EACA,OAAOJ,QAAQ;AAChB","ignoreList":[]}

package/lib/commonjs/components/boundary/hooks/use-boundary-presentation.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBoundaryPresentation = useBoundaryPresentation;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../../../constants");
+var _builder = require("../../../providers/screen/builder");
+var _topology = require("../../../providers/screen/builder/topology");
+var _orchestrator = require("../../../providers/screen/orchestrator");
+var _resolveSlotStyles = require("../../../providers/screen/orchestrator/styles/helpers/resolve-slot-styles");
+var _blankStack = require("../../../providers/stack/blank-stack.provider");
+var _state = require("../../../stores/bounds/internals/state");
+var _presentation = require("../helpers/presentation");
+// Screens are discovered through existing providers. React only wires subscriptions;
+// their live UI values decide ownership, including retained closing screens.
+function useBoundaryPresentation(boundaryId, enabled = true) {
+  const screenKey = (0, _builder.useBuilderStore)(s => s.derivations.currentScreenKey);
+  const scenes = (0, _blankStack.useOptionalBlankStackStore)(s => s?.scenes);
+  const keys = (0, _react.useMemo)(() => enabled ? scenes?.map(s => s.route.key) ?? [screenKey] : [], [scenes, screenKey, enabled]);
+  const pairPresentations = (0, _orchestrator.useOptionalOrchestratorStore)(keys, s => s.pairPresentation);
+  const localSlots = (0, _orchestrator.useOrchestratorStore)(s => s.slotsMap);
+  const {
+    parentScreenKey
+  } = (0, _topology.useScreenRelationships)();
+  const ancestorSlots = (0, _orchestrator.useOptionalOrchestratorStore)(parentScreenKey, s => s.slotsMap);
+  const previous = (0, _reactNativeReanimated.useSharedValue)(_constants.NO_PROPS);
+  const presentation = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const state = {
+      presentations: pairPresentations,
+      pairs: _state.pairs.get(),
+      entries: _state.boundaryRegistry.get()
+    };
+    const owner = (0, _presentation.resolveBoundaryPresentation)(screenKey, boundaryId, state);
+    const receiver = (0, _presentation.resolveBoundaryHandoff)(screenKey, boundaryId, state);
+    const ownedSlot = owner?.ready ? (owner.sourceKey === screenKey ? owner.source : owner.destination)[boundaryId] : undefined;
+    const fallback = localSlots.get()[boundaryId];
+    const {
+      resolvedStylesMap,
+      nextPreviousStyleStatesBySlot
+    } = (0, _resolveSlotStyles.resolveSlotStyles)({
+      localStylesMaps: [{
+        [boundaryId]: ownedSlot ?? fallback ?? {}
+      }],
+      ancestorStylesMap: ownedSlot ? ancestorSlots?.get() ?? _constants.NO_STYLES : _constants.NO_STYLES,
+      previousStyleStatesBySlot: previous.get()
+    });
+    if (!(0, _resolveSlotStyles.areResettableStatesBySlotEqual)(previous.get(), nextPreviousStyleStatesBySlot)) {
+      previous.set(nextPreviousStyleStatesBySlot);
+    }
+    return {
+      owner,
+      receiver,
+      slots: resolvedStylesMap
+    };
+  });
+  const slotsMap = (0, _reactNativeReanimated.useDerivedValue)(() => presentation.get().slots);
+  return {
+    presentation,
+    slotsMap
+  };
+}
+//# sourceMappingURL=use-boundary-presentation.js.map

package/lib/commonjs/components/boundary/hooks/use-boundary-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_constants","_builder","_topology","_orchestrator","_resolveSlotStyles","_blankStack","_state","_presentation","useBoundaryPresentation","boundaryId","enabled","screenKey","useBuilderStore","s","derivations","currentScreenKey","scenes","useOptionalBlankStackStore","keys","useMemo","map","route","key","pairPresentations","useOptionalOrchestratorStore","pairPresentation","localSlots","useOrchestratorStore","slotsMap","parentScreenKey","useScreenRelationships","ancestorSlots","previous","useSharedValue","NO_PROPS","presentation","useDerivedValue","state","presentations","pairs","get","entries","boundaryRegistry","owner","resolveBoundaryPresentation","receiver","resolveBoundaryHandoff","ownedSlot","ready","sourceKey","source","destination","undefined","fallback","resolvedStylesMap","nextPreviousStyleStatesBySlot","resolveSlotStyles","localStylesMaps","ancestorStylesMap","NO_STYLES","previousStyleStatesBySlot","areResettableStatesBySlotEqual","set","slots"],"sourceRoot":"../../../../../src","sources":["components/boundary/hooks/use-boundary-presentation.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/boundary/hooks/use-composed-boundary-style.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useComposedBoundaryStyle = useComposedBoundaryStyle;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../../../constants");
+var _composeSlotStyle = require("../../../providers/screen/orchestrator/styles/helpers/compose-slot-style");
+function useComposedBoundaryStyle(slots, id, style, kind = "full") {
+  const local = (0, _react.useMemo)(() => (0, _composeSlotStyle.getLocalTransformForSlotComposition)(style), [style]);
+  return (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const slot = id ? slots?.get()[id] : undefined;
+    const value = slot?.style ?? _constants.NO_STYLES;
+    if (kind === "stacking") return {
+      zIndex: value.zIndex ?? 0,
+      elevation: value.elevation ?? 0
+    };
+    if (kind === "layout") {
+      const {
+        width,
+        height,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        aspectRatio
+      } = value;
+      return {
+        width,
+        height,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        aspectRatio
+      };
+    }
+    return (0, _composeSlotStyle.composeSlotStyleWithLocalTransform)(value, local, slot?.boundsLocalTransform);
+  });
+}
+//# sourceMappingURL=use-composed-boundary-style.js.map

package/lib/commonjs/components/boundary/hooks/use-composed-boundary-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_constants","_composeSlotStyle","useComposedBoundaryStyle","slots","id","style","kind","local","useMemo","getLocalTransformForSlotComposition","useAnimatedStyle","slot","get","undefined","value","NO_STYLES","zIndex","elevation","width","height","minWidth","minHeight","maxWidth","maxHeight","aspectRatio","composeSlotStyleWithLocalTransform","boundsLocalTransform"],"sourceRoot":"../../../../../src","sources":["components/boundary/hooks/use-composed-boundary-style.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAMO,SAASI,wBAAwBA,CACvCC,KAAqE,EACrEC,EAAsB,EACtBC,KAAe,EACfC,IAAoC,GAAG,MAAM,EAC5C;EACD,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACpB,MAAM,IAAAC,qDAAmC,EAACJ,KAAK,CAAC,EAChD,CAACA,KAAK,CACP,CAAC;EAED,OAAO,IAAAK,uCAAgB,EAAC,MAAM;IAC7B,MAAMC,IAAI,GAAGP,EAAE,GAAGD,KAAK,EAAES,GAAG,CAAC,CAAC,CAACR,EAAE,CAAC,GAAGS,SAAS;IAC9C,MAAMC,KAAiB,GAAGH,IAAI,EAAEN,KAAK,IAAIU,oBAAS;IAClD,IAAIT,IAAI,KAAK,UAAU,EACtB,OAAO;MAAEU,MAAM,EAAEF,KAAK,CAACE,MAAM,IAAI,CAAC;MAAEC,SAAS,EAAEH,KAAK,CAACG,SAAS,IAAI;IAAE,CAAC;IAEtE,IAAIX,IAAI,KAAK,QAAQ,EAAE;MACtB,MAAM;QACLY,KAAK;QACLC,MAAM;QACNC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC;MACD,CAAC,GAAGV,KAAK;MAET,OAAO;QACNI,KAAK;QACLC,MAAM;QACNC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC;MACD,CAAC;IACF;IACA,OAAO,IAAAC,oDAAkC,EACxCX,KAAK,EACLP,KAAK,EACLI,IAAI,EAAEe,oBACP,CAAC;EACF,CAAC,CAAC;AACH","ignoreList":[]}

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

@@ -15,7 +15,7 @@ var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _boundaryTarget = require("./components/boundary-target");
 var _createBoundaryComponent = require("./create-boundary-component");
-var _portal = require("./portal");
+var _portalOverlay = require("./portal/components/portal-overlay");
 var _jsxRuntime = require("react/jsx-runtime");
 const BoundaryPrimitive = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const Component = "onPress" in props ? _reactNativeGestureHandler.Pressable : _reactNative.View;
@@ -28,7 +28,6 @@ BoundaryPrimitive.displayName = "Transition.Boundary.Primitive";
 const BoundaryRoot = (0, _createBoundaryComponent.createBoundaryComponent)(BoundaryPrimitive);
 BoundaryRoot.displayName = "Transition.Boundary";
 _boundaryTarget.BoundaryTarget.displayName = "Transition.Boundary.Target";
-_portal.Host.displayName = "Transition.Boundary.Host";
 
 /**
  * Shared-boundary component with static helpers.
@@ -50,6 +49,6 @@ _portal.Host.displayName = "Transition.Boundary.Host";
 
 const Boundary = exports.Boundary = Object.assign(BoundaryRoot, {
   Target: _boundaryTarget.BoundaryTarget,
-  Host: _portal.Host
+  Host: _portalOverlay.PortalOverlay
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_boundaryTarget","_createBoundaryComponent","_portal","_jsxRuntime","BoundaryPrimitive","forwardRef","props","ref","Component","Pressable","View","jsx","displayName","BoundaryRoot","createBoundaryComponent","BoundaryTarget","Host","Boundary","exports","Object","assign","Target"],"sourceRoot":"../../../../src","sources":["components/boundary/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAgC,IAAAM,WAAA,GAAAN,OAAA;AAUhC,MAAMO,iBAAiB,gBAAG,IAAAC,iBAAU,EACnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACf,MAAMC,SAAS,GAAG,SAAS,IAAIF,KAAK,GAAGG,oCAAS,GAAGC,iBAAI;EAEvD,oBAAO,IAAAP,WAAA,CAAAQ,GAAA,EAACH,SAAS;IAAA,GAAMF,KAAK;IAAUC,GAAG,EAAEA;EAAW,CAAE,CAAC;AAC1D,CACD,CAAC;AAEDH,iBAAiB,CAACQ,WAAW,GAAG,+BAA+B;AAE/D,MAAMC,YAAY,GAAG,IAAAC,gDAAuB,EAACV,iBAAiB,CAAC;AAC/DS,YAAY,CAACD,WAAW,GAAG,qBAAqB;AAChDG,8BAAc,CAACH,WAAW,GAAG,4BAA4B;AACzDI,YAAI,CAACJ,WAAW,GAAG,0BAA0B;;AAI7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcO,MAAMK,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGE,MAAM,CAACC,MAAM,CAACP,YAAY,EAAE;EACnDQ,MAAM,EAAEN,8BAAc;EACtBC,IAAI,EAAJA;AACD,CAAC,CAAsB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_boundaryTarget","_createBoundaryComponent","_portalOverlay","_jsxRuntime","BoundaryPrimitive","forwardRef","props","ref","Component","Pressable","View","jsx","displayName","BoundaryRoot","createBoundaryComponent","BoundaryTarget","Boundary","exports","Object","assign","Target","Host","PortalOverlay"],"sourceRoot":"../../../../src","sources":["components/boundary/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAmE,IAAAM,WAAA,GAAAN,OAAA;AAUnE,MAAMO,iBAAiB,gBAAG,IAAAC,iBAAU,EACnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACf,MAAMC,SAAS,GAAG,SAAS,IAAIF,KAAK,GAAGG,oCAAS,GAAGC,iBAAI;EAEvD,oBAAO,IAAAP,WAAA,CAAAQ,GAAA,EAACH,SAAS;IAAA,GAAMF,KAAK;IAAUC,GAAG,EAAEA;EAAW,CAAE,CAAC;AAC1D,CACD,CAAC;AAEDH,iBAAiB,CAACQ,WAAW,GAAG,+BAA+B;AAE/D,MAAMC,YAAY,GAAG,IAAAC,gDAAuB,EAACV,iBAAiB,CAAC;AAC/DS,YAAY,CAACD,WAAW,GAAG,qBAAqB;AAChDG,8BAAc,CAACH,WAAW,GAAG,4BAA4B;;AAIzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBO,MAAMI,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGE,MAAM,CAACC,MAAM,CAACN,YAAY,EAAE;EACnDO,MAAM,EAAEL,8BAAc;EACtBM,IAAI,EAAEC;AACP,CAAC,CAAsB","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalHost = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _teleport = require("../teleport");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedHost = _teleport.NativePortalHost ? _reactNativeReanimated.default.createAnimatedComponent(_teleport.NativePortalHost) : null;
+
+/**
+ * The native receiving point for a Portal whose destination matches `name`.
+ *
+ * Handoff places this inside a boundary, filling its local frame. Escape-clipping
+ * places it inside a PortalOverlay, which supplies
+ * the boundary's size, offset, and animated styles. This component only renders
+ * the receiver; destination selection and measurement belong to its callers.
+ */
+const PortalHost = exports.PortalHost = /*#__PURE__*/(0, _react.memo)(function PortalHost({
+  name,
+  style = styles.inline
+}) {
+  return AnimatedHost ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedHost, {
+    name: name,
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: style
+  }) : null;
+});
+const styles = _reactNative.StyleSheet.create({
+  inline: {
+    ..._reactNative.StyleSheet.absoluteFill,
+    overflow: "visible"
+  }
+});
+//# sourceMappingURL=portal-host.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_teleport","_jsxRuntime","e","__esModule","default","AnimatedHost","NativePortalHost","Animated","createAnimatedComponent","PortalHost","exports","memo","name","style","styles","inline","jsx","pointerEvents","PORTAL_POINTER_EVENTS","StyleSheet","create","absoluteFill","overflow"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/components/portal-host.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtE,MAAMG,YAAY,GAAGC,0BAAgB,GAClCC,8BAAQ,CAACC,uBAAuB,CAACF,0BAAgB,CAAC,GAClD,IAAI;;AAEP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,UAAUA,CAAC;EAClDG,IAAI;EACJC,KAAK,GAAGC,MAAM,CAACC;AAIhB,CAAC,EAAE;EACF,OAAOV,YAAY,gBAClB,IAAAJ,WAAA,CAAAe,GAAA,EAACX,YAAY;IACZO,IAAI,EAAEA,IAAK;IACXK,aAAa,EAAEC,+BAAsB;IACrCL,KAAK,EAAEA;EAAM,CACb,CAAC,GACC,IAAI;AACT,CAAC,CAAC;AAEF,MAAMC,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAChCL,MAAM,EAAE;IAAE,GAAGI,uBAAU,CAACE,YAAY;IAAEC,QAAQ,EAAE;EAAU;AAC3D,CAAC,CAAC","ignoreList":[]}