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

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 _blankStack = require("../../../navigators/blank-stack/state/blank-stack.provider");
+var _builder = require("../../../providers/builder");
+var _topology = require("../../../providers/builder/topology");
+var _orchestrator = require("../../../providers/orchestrator");
+var _resolveSlotStyles = require("../../../providers/orchestrator/styles/helpers/resolve-slot-styles");
+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","_blankStack","_builder","_topology","_orchestrator","_resolveSlotStyles","_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/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/hooks/use-measurer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMeasurer = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _motion = require("../../../providers/screen/motion");
+var _motion = require("../../../providers/motion");
 var _entries = require("../../../stores/bounds/internals/entries");
 var _links = require("../../../stores/bounds/internals/links");
 var _scroll = require("../../../stores/scroll.store");

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":[]}

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

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalOverlay = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../../../../constants");
+var _builder = require("../../../../providers/builder");
+var _composeSlotStyle = require("../../../../providers/orchestrator/styles/helpers/compose-slot-style");
+var _offsetStyle = require("../helpers/offset-style");
+var _useHostMeasurement = require("../hooks/use-host-measurement");
+var _hostRegistry = require("../stores/host-registry.store");
+var _portalBoundaryHost = require("../stores/portal-boundary-host.store");
+var _teleport = require("../teleport");
+var _portalHost = require("./portal-host");
+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); }
+/**
+ * A screen-sized overlay containing the receivers for escaped boundary frames.
+ *
+ * Registers this overlay as an available placement, measures its origin, and
+ * renders one positioned PortalHost per boundary assigned to it. An overlay can
+ * contain many hosts; each host receives one named portal.
+ *
+ * Boundary.Host uses this directly; screens render it with `fallback` for
+ * their automatic overlay. Explicit overlays take priority over the fallback.
+ * Handoff between screens uses receivers inside boundaries, so it does not
+ * need this overlay unless escapeClipping is also enabled.
+ */
+const PortalOverlay = exports.PortalOverlay = /*#__PURE__*/(0, _react.memo)(function PortalOverlay({
+  fallback = false,
+  style
+}) {
+  const screenKey = (0, _builder.useBuilderStore)(s => s.derivations.currentScreenKey);
+  const id = (0, _react.useId)();
+  const hostKey = fallback ? screenKey : `${screenKey}-host-${id}`;
+  const activeBoundaryHosts = (0, _portalBoundaryHost.useActivePortalBoundaryHosts)(hostKey);
+  const {
+    height: viewportHeight,
+    width: viewportWidth
+  } = (0, _reactNative.useWindowDimensions)();
+  const measurement = (0, _useHostMeasurement.useHostMeasurement)({
+    enabled: activeBoundaryHosts.length > 0,
+    boundaryMeasurements: activeBoundaryHosts.map(host => host.localMeasurement)
+  });
+  const boundaryHosts = activeBoundaryHosts.map(host => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: [styles.boundaryHostViewport, {
+      width: viewportWidth,
+      height: viewportHeight
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BoundaryPortalPlacement, {
+      host: host,
+      hostBounds: measurement.hostBounds
+    })
+  }, host.portalHostName));
+  (0, _react.useLayoutEffect)(() => {
+    (0, _hostRegistry.registerHost)({
+      fallback,
+      hostKey,
+      screenKey
+    });
+    return () => {
+      (0, _hostRegistry.unregisterHost)(screenKey, hostKey);
+    };
+  }, [fallback, hostKey, screenKey]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: measurement.hostRef,
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: [styles.host, {
+      width: viewportWidth,
+      height: viewportHeight
+    }, style],
+    collapsable: false,
+    children: boundaryHosts
+  });
+});
+const getCurrentBoundaryBounds = host => {
+  "worklet";
+
+  return host.localMeasurement.get()?.bounds ?? null;
+};
+/** Positions one receiver using captured boundary and overlay measurements. */
+const BoundaryPortalPlacement = /*#__PURE__*/(0, _react.memo)(function BoundaryPortalPlacement({
+  host,
+  hostBounds
+}) {
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    return getCurrentBoundaryBounds(host) !== null && hostBounds.get() !== null;
+  }, ready => {
+    "worklet";
+
+    host.portalHostReady.set(ready);
+  });
+  const hostStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const boundaryBounds = getCurrentBoundaryBounds(host);
+    if (!boundaryBounds) {
+      return _constants.NO_STYLES;
+    }
+    return (0, _offsetStyle.resolvePortalOffsetStyle)({
+      bounds: boundaryBounds,
+      hostBounds: hostBounds.get()
+    });
+  });
+  const contentFrameStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const boundaryBounds = getCurrentBoundaryBounds(host);
+    if (!boundaryBounds) {
+      return _constants.NO_STYLES;
+    }
+    return {
+      height: boundaryBounds.height,
+      width: boundaryBounds.width
+    };
+  });
+  const slotStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const slot = host.slotsMap.get()[host.boundaryId];
+    return (0, _composeSlotStyle.composeSlotStyleWithLocalTransform)(slot?.style ?? _constants.NO_STYLES, undefined, slot?.boundsLocalTransform);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: [_reactNative.StyleSheet.absoluteFill, hostStyle],
+    collapsable: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalHost.PortalHost, {
+      name: host.portalHostName,
+      style: [styles.content, contentFrameStyle, slotStyle]
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  // The teleport offset is a physical page delta measured from the screen's
+  // left edge, so the content box must anchor there too. Under native RTL,
+  // `left: 0` swaps to a right-edge anchor; `end: 0` is the physical left edge
+  // in RTL regardless of the swap setting.
+  content: _reactNative.I18nManager.isRTL ? {
+    end: 0,
+    position: "absolute",
+    top: 0
+  } : {
+    left: 0,
+    position: "absolute",
+    top: 0
+  },
+  host: {
+    elevation: 999999,
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0,
+    zIndex: 999999
+  },
+  boundaryHostViewport: {
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0
+  }
+});
+//# sourceMappingURL=portal-overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_constants","_builder","_composeSlotStyle","_offsetStyle","_useHostMeasurement","_hostRegistry","_portalBoundaryHost","_teleport","_portalHost","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PortalOverlay","exports","memo","fallback","style","screenKey","useBuilderStore","s","derivations","currentScreenKey","id","useId","hostKey","activeBoundaryHosts","useActivePortalBoundaryHosts","height","viewportHeight","width","viewportWidth","useWindowDimensions","measurement","useHostMeasurement","enabled","length","boundaryMeasurements","map","host","localMeasurement","boundaryHosts","jsx","View","pointerEvents","PORTAL_POINTER_EVENTS","styles","boundaryHostViewport","children","BoundaryPortalPlacement","hostBounds","portalHostName","useLayoutEffect","registerHost","unregisterHost","ref","hostRef","collapsable","getCurrentBoundaryBounds","bounds","useAnimatedReaction","ready","portalHostReady","hostStyle","useAnimatedStyle","boundaryBounds","NO_STYLES","resolvePortalOffsetStyle","contentFrameStyle","slotStyle","slot","slotsMap","boundaryId","composeSlotStyleWithLocalTransform","undefined","boundsLocalTransform","StyleSheet","absoluteFill","PortalHost","name","content","create","I18nManager","isRTL","end","position","top","left","elevation","overflow","zIndex"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/components/portal-overlay.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Portal = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _logger = require("../../../../utils/logger");
+var _usePlaceholderStyles = require("../hooks/use-placeholder-styles");
+var _usePortalDestination = require("../hooks/use-portal-destination");
+var _teleport = require("../teleport");
+var _portalHost = require("./portal-host");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedNativePortal = _teleport.NativePortal ? _reactNativeReanimated.default.createAnimatedComponent(_teleport.NativePortal) : null;
+const EnabledNativePortal = AnimatedNativePortal;
+/**
+ * Sends its children to a named PortalHost chosen on the UI thread.
+ *
+ * `handoff` moves the boundary's content between screens and creates a local
+ * receiver inside this boundary. `escapeClipping` moves the whole boundary
+ * frame into a PortalOverlay, leaving a sized placeholder at its original spot.
+ * When both are enabled, the handoff portal lives inside the escaped frame.
+ * Disabled portals, or apps without Teleport, render their children inline.
+ */
+const Portal = exports.Portal = /*#__PURE__*/(0, _react.memo)(function Portal(props) {
+  if (!props.enabled || props.boundaryId === undefined || !_teleport.isTeleportAvailable || !AnimatedNativePortal) {
+    return props.children;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EnabledPortal, {
+    ...props,
+    boundaryId: props.boundaryId
+  });
+});
+function EnabledPortal({
+  boundaryId,
+  children,
+  mode,
+  placeholderRef
+}) {
+  if (__DEV__ && mode === "escapeClipping" && !boundaryId) {
+    _logger.logger.warnOnce("portal:missing-id", "A boundary portal was rendered without an id; rendering inline.");
+  }
+  const {
+    teleportProps,
+    localHostName
+  } = (0, _usePortalDestination.usePortalDestination)(boundaryId, mode);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(EnabledNativePortal, {
+    animatedProps: teleportProps,
+    name: boundaryId,
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: mode === "handoff" ? _reactNative.StyleSheet.absoluteFill : undefined,
+    children: children
+  });
+  return mode === "handoff" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [content, /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalHost.PortalHost, {
+      name: localHostName
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalPlaceholder, {
+    placeholderRef: placeholderRef,
+    children: content
+  });
+}
+function PortalPlaceholder({
+  children,
+  placeholderRef
+}) {
+  const {
+    handleOnLayout,
+    placeholderStyle
+  } = (0, _usePlaceholderStyles.usePlaceholderStyles)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: placeholderRef,
+    onLayout: ({
+      nativeEvent: {
+        layout
+      }
+    }) => (0, _reactNativeWorklets.scheduleOnUI)(handleOnLayout, layout),
+    style: placeholderStyle,
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    collapsable: false,
+    children: children
+  });
+}
+//# sourceMappingURL=portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeWorklets","_logger","_usePlaceholderStyles","_usePortalDestination","_teleport","_portalHost","_jsxRuntime","e","__esModule","default","AnimatedNativePortal","NativePortal","Animated","createAnimatedComponent","EnabledNativePortal","Portal","exports","memo","props","enabled","boundaryId","undefined","isTeleportAvailable","children","jsx","EnabledPortal","mode","placeholderRef","__DEV__","logger","warnOnce","teleportProps","localHostName","usePortalDestination","content","animatedProps","name","pointerEvents","PORTAL_POINTER_EVENTS","style","StyleSheet","absoluteFill","jsxs","Fragment","PortalHost","PortalPlaceholder","handleOnLayout","placeholderStyle","usePlaceholderStyles","View","ref","onLayout","nativeEvent","layout","scheduleOnUI","collapsable"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/components/portal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AAIA,IAAAQ,SAAA,GAAAR,OAAA;AAKA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAG,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3C,MAAMG,oBAAoB,GAAGC,sBAAY,GACtCC,8BAAQ,CAACC,uBAAuB,CAChCF,sBACD,CAAC,GACA,IAAI;AACP,MAAMG,mBAAmB,GAAGJ,oBAE3B;AAUD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,MAAMA,CAACG,KAAkB,EAAE;EAC9D,IACC,CAACA,KAAK,CAACC,OAAO,IACdD,KAAK,CAACE,UAAU,KAAKC,SAAS,IAC9B,CAACC,6BAAmB,IACpB,CAACZ,oBAAoB,EACpB;IACD,OAAOQ,KAAK,CAACK,QAAQ;EACtB;EAEA,oBAAO,IAAAjB,WAAA,CAAAkB,GAAA,EAACC,aAAa;IAAA,GAAKP,KAAK;IAAEE,UAAU,EAAEF,KAAK,CAACE;EAAW,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,SAASK,aAAaA,CAAC;EACtBL,UAAU;EACVG,QAAQ;EACRG,IAAI;EACJC;AACqC,CAAC,EAAE;EACxC,IAAIC,OAAO,IAAIF,IAAI,KAAK,gBAAgB,IAAI,CAACN,UAAU,EAAE;IACxDS,cAAM,CAACC,QAAQ,CACd,mBAAmB,EACnB,iEACD,CAAC;EACF;EACA,MAAM;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAG,IAAAC,0CAAoB,EAC5Db,UAAU,EACVM,IACD,CAAC;EAED,MAAMQ,OAAO,gBACZ,IAAA5B,WAAA,CAAAkB,GAAA,EAACV,mBAAmB;IACnBqB,aAAa,EAAEJ,aAAc;IAC7BK,IAAI,EAAEhB,UAAW;IACjBiB,aAAa,EAAEC,+BAAsB;IACrCC,KAAK,EAAEb,IAAI,KAAK,SAAS,GAAGc,uBAAU,CAACC,YAAY,GAAGpB,SAAU;IAAAE,QAAA,EAE/DA;EAAQ,CACW,CACrB;EAED,OAAOG,IAAI,KAAK,SAAS,gBACxB,IAAApB,WAAA,CAAAoC,IAAA,EAAApC,WAAA,CAAAqC,QAAA;IAAApB,QAAA,GACEW,OAAO,eACR,IAAA5B,WAAA,CAAAkB,GAAA,EAACnB,WAAA,CAAAuC,UAAU;MAACR,IAAI,EAAEJ;IAAc,CAAE,CAAC;EAAA,CAClC,CAAC,gBAEH,IAAA1B,WAAA,CAAAkB,GAAA,EAACqB,iBAAiB;IAAClB,cAAc,EAAEA,cAAe;IAAAJ,QAAA,EAChDW;EAAO,CACU,CACnB;AACF;AAEA,SAASW,iBAAiBA,CAAC;EAC1BtB,QAAQ;EACRI;AACiD,CAAC,EAAE;EACpD,MAAM;IAAEmB,cAAc;IAAEC;EAAiB,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACnE,oBACC,IAAA1C,WAAA,CAAAkB,GAAA,EAAC1B,sBAAA,CAAAW,OAAQ,CAACwC,IAAI;IACbC,GAAG,EAAEvB,cAAe;IACpBwB,QAAQ,EAAEA,CAAC;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAE,CAAC,KACrC,IAAAC,iCAAY,EAACR,cAAc,EAAEO,MAAM,CACnC;IACDd,KAAK,EAAEQ,gBAAiB;IACxBV,aAAa,EAAEC,+BAAsB;IACrCiB,WAAW,EAAE,KAAM;IAAAhC,QAAA,EAElBA;EAAQ,CACK,CAAC;AAElB","ignoreList":[]}

package/lib/commonjs/components/boundary/portal/helpers/offset-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolvePortalOffsetStyle","bounds","hostBounds","hostPageX","pageX","hostPageY","pageY","transform","translateY","translateX","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/helpers/offset-style.ts"],"mappings":";;;;;;AAOO,MAAMA,wBAAwB,GAAGA,CAAC;EACxCC,MAAM;EACNC;AAC+B,CAAC,KAAiB;EACjD,SAAS;;EACT;EACA;EACA;EACA,MAAMC,SAAS,GAAGD,UAAU,EAAEE,KAAK,IAAI,CAAC;EACxC,MAAMC,SAAS,GAAGH,UAAU,EAAEI,KAAK,IAAI,CAAC;EAExC,OAAO;IACNC,SAAS,EAAE,CACV;MAAEC,UAAU,EAAEP,MAAM,CAACK,KAAK,GAAGD;IAAU,CAAC,EACxC;MAAEI,UAAU,EAAER,MAAM,CAACG,KAAK,GAAGD;IAAU,CAAC;EAE1C,CAAC;AACF,CAAC;AAACO,OAAA,CAAAV,wBAAA,GAAAA,wBAAA","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useActivePortalBoundaryHost = void 0;
+var _react = require("react");
+var _portalBoundaryHost = require("../stores/portal-boundary-host.store");
+var _naming = require("../utils/naming");
+// Hosts belong to mounted boundaries, not animation phases. React prepares
+// them once; attachment and release are entirely UI-thread decisions.
+const useActivePortalBoundaryHost = ({
+  boundaryId,
+  escapeHostKey,
+  localMeasurement,
+  portalHostReady,
+  slotsMap
+}) => {
+  const portalHostName = escapeHostKey ? (0, _naming.createBoundaryPortalHostName)(escapeHostKey, boundaryId) : null;
+  (0, _react.useLayoutEffect)(() => {
+    if (!escapeHostKey || !portalHostName) return;
+    (0, _portalBoundaryHost.mountPortalBoundaryHost)({
+      boundaryId,
+      hostKey: escapeHostKey,
+      localMeasurement,
+      portalHostName,
+      portalHostReady,
+      slotsMap
+    });
+    return () => (0, _portalBoundaryHost.unmountPortalBoundaryHostByName)(portalHostName);
+  }, [boundaryId, escapeHostKey, localMeasurement, portalHostName, portalHostReady, slotsMap]);
+  return portalHostName;
+};
+exports.useActivePortalBoundaryHost = useActivePortalBoundaryHost;
+//# sourceMappingURL=use-active-portal-boundary-host.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_portalBoundaryHost","_naming","useActivePortalBoundaryHost","boundaryId","escapeHostKey","localMeasurement","portalHostReady","slotsMap","portalHostName","createBoundaryPortalHostName","useLayoutEffect","mountPortalBoundaryHost","hostKey","unmountPortalBoundaryHostByName","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-active-portal-boundary-host.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAEA;AACA;AACO,MAAMG,2BAA2B,GAAGA,CAAC;EAC3CC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,eAAe;EACfC;AAOD,CAAC,KAAK;EACL,MAAMC,cAAc,GAAGJ,aAAa,GACjC,IAAAK,oCAA4B,EAACL,aAAa,EAAED,UAAU,CAAC,GACvD,IAAI;EAEP,IAAAO,sBAAe,EAAC,MAAM;IACrB,IAAI,CAACN,aAAa,IAAI,CAACI,cAAc,EAAE;IAEvC,IAAAG,2CAAuB,EAAC;MACvBR,UAAU;MACVS,OAAO,EAAER,aAAa;MACtBC,gBAAgB;MAChBG,cAAc;MACdF,eAAe;MACfC;IACD,CAAC,CAAC;IAEF,OAAO,MAAM,IAAAM,mDAA+B,EAACL,cAAc,CAAC;EAC7D,CAAC,EAAE,CACFL,UAAU,EACVC,aAAa,EACbC,gBAAgB,EAChBG,cAAc,EACdF,eAAe,EACfC,QAAQ,CACR,CAAC;EACF,OAAOC,cAAc;AACtB,CAAC;AAACM,OAAA,CAAAZ,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHostMeasurement = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+const HOST_MEASUREMENT_RETRY_DELAY_MS = 16;
+const MAX_HOST_MEASUREMENT_ATTEMPTS = 20;
+const useHostMeasurement = ({
+  enabled,
+  boundaryMeasurements
+}) => {
+  const hostRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const hostBounds = (0, _reactNativeReanimated.useSharedValue)(null);
+  const retryToken = (0, _reactNativeReanimated.useSharedValue)(0);
+  const attempts = (0, _reactNativeReanimated.useSharedValue)(0);
+  const measureHost = () => {
+    "worklet";
+
+    const count = attempts.get() + 1;
+    attempts.set(count);
+    const measured = (0, _reactNativeReanimated.measure)(hostRef);
+    if (measured && measured.width > 0 && measured.height > 0) {
+      hostBounds.set({
+        ...measured
+      });
+    } else if (count < MAX_HOST_MEASUREMENT_ATTEMPTS) {
+      retryToken.set((0, _reactNativeReanimated.withDelay)(HOST_MEASUREMENT_RETRY_DELAY_MS, (0, _reactNativeReanimated.withTiming)(count, {
+        duration: 0
+      })));
+    }
+  };
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    if (!enabled) return null;
+    const captures = [];
+    let hasSource = false;
+    for (const value of boundaryMeasurements) {
+      const capture = value.get();
+      captures.push(capture);
+      if (capture) hasSource = true;
+    }
+    return hasSource ? captures : null;
+  }, captures => {
+    "worklet";
+
+    (0, _reactNativeReanimated.cancelAnimation)(retryToken);
+    retryToken.set(0);
+    attempts.set(0);
+    hostBounds.set(null);
+    // Measure anew on every source capture, even for the same portal/pair.
+    // Hold only this transition's position; never reuse an earlier capture.
+    if (captures) measureHost();
+  });
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => retryToken.get(), token => {
+    "worklet";
+
+    if (token > 0) measureHost();
+  });
+  return {
+    hostBounds,
+    hostRef
+  };
+};
+exports.useHostMeasurement = useHostMeasurement;
+//# sourceMappingURL=use-host-measurement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","HOST_MEASUREMENT_RETRY_DELAY_MS","MAX_HOST_MEASUREMENT_ATTEMPTS","useHostMeasurement","enabled","boundaryMeasurements","hostRef","useAnimatedRef","hostBounds","useSharedValue","retryToken","attempts","measureHost","count","get","set","measured","measure","width","height","withDelay","withTiming","duration","useAnimatedReaction","captures","hasSource","value","capture","push","cancelAnimation","token","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAYA,MAAMC,+BAA+B,GAAG,EAAE;AAC1C,MAAMC,6BAA6B,GAAG,EAAE;AAOjC,MAAMC,kBAAkB,GAAGA,CAAC;EAClCC,OAAO;EACPC;AACyB,CAAC,KAAK;EAC/B,MAAMC,OAAO,GAAG,IAAAC,qCAAc,EAAO,CAAC;EACtC,MAAMC,UAAU,GAAG,IAAAC,qCAAc,EAA4B,IAAI,CAAC;EAClE,MAAMC,UAAU,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EACpC,MAAME,QAAQ,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EAElC,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACzB,SAAS;;IACT,MAAMC,KAAK,GAAGF,QAAQ,CAACG,GAAG,CAAC,CAAC,GAAG,CAAC;IAChCH,QAAQ,CAACI,GAAG,CAACF,KAAK,CAAC;IACnB,MAAMG,QAAQ,GAAG,IAAAC,8BAAO,EAACX,OAAO,CAAC;IACjC,IAAIU,QAAQ,IAAIA,QAAQ,CAACE,KAAK,GAAG,CAAC,IAAIF,QAAQ,CAACG,MAAM,GAAG,CAAC,EAAE;MAC1DX,UAAU,CAACO,GAAG,CAAC;QAAE,GAAGC;MAAS,CAAC,CAAC;IAChC,CAAC,MAAM,IAAIH,KAAK,GAAGX,6BAA6B,EAAE;MACjDQ,UAAU,CAACK,GAAG,CACb,IAAAK,gCAAS,EACRnB,+BAA+B,EAC/B,IAAAoB,iCAAU,EAACR,KAAK,EAAE;QAAES,QAAQ,EAAE;MAAE,CAAC,CAClC,CACD,CAAC;IACF;EACD,CAAC;EAED,IAAAC,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACnB,OAAO,EAAE,OAAO,IAAI;IACzB,MAAMoB,QAAQ,GAAG,EAAE;IACnB,IAAIC,SAAS,GAAG,KAAK;IACrB,KAAK,MAAMC,KAAK,IAAIrB,oBAAoB,EAAE;MACzC,MAAMsB,OAAO,GAAGD,KAAK,CAACZ,GAAG,CAAC,CAAC;MAC3BU,QAAQ,CAACI,IAAI,CAACD,OAAO,CAAC;MACtB,IAAIA,OAAO,EAAEF,SAAS,GAAG,IAAI;IAC9B;IACA,OAAOA,SAAS,GAAGD,QAAQ,GAAG,IAAI;EACnC,CAAC,EACAA,QAAQ,IAAK;IACb,SAAS;;IACT,IAAAK,sCAAe,EAACnB,UAAU,CAAC;IAC3BA,UAAU,CAACK,GAAG,CAAC,CAAC,CAAC;IACjBJ,QAAQ,CAACI,GAAG,CAAC,CAAC,CAAC;IACfP,UAAU,CAACO,GAAG,CAAC,IAAI,CAAC;IACpB;IACA;IACA,IAAIS,QAAQ,EAAEZ,WAAW,CAAC,CAAC;EAC5B,CACD,CAAC;EAED,IAAAW,0CAAmB,EAClB,MAAMb,UAAU,CAACI,GAAG,CAAC,CAAC,EACrBgB,KAAK,IAAK;IACV,SAAS;;IACT,IAAIA,KAAK,GAAG,CAAC,EAAElB,WAAW,CAAC,CAAC;EAC7B,CACD,CAAC;EAED,OAAO;IAAEJ,UAAU;IAAEF;EAAQ,CAAC;AAC/B,CAAC;AAACyB,OAAA,CAAA5B,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/components/boundary/portal/hooks/use-placeholder-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","usePlaceholderStyles","placeholderWidth","useSharedValue","placeholderHeight","placeholderStyle","useAnimatedStyle","width","get","height","handleOnLayout","useCallback","layout","hasValidDimensions","set","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-placeholder-styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAGA,CAAA,KAAM;EACzC,MAAMC,gBAAgB,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAC1C,MAAMC,iBAAiB,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAC3C;EACA;EACA;EACA;EACA,MAAME,gBAAgB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC/C,SAAS;;IACT,MAAMC,KAAK,GAAGL,gBAAgB,CAACM,GAAG,CAAC,CAAC;IACpC,MAAMC,MAAM,GAAGL,iBAAiB,CAACI,GAAG,CAAC,CAAC;IAEtC,IAAID,KAAK,KAAK,CAAC,EAAE;MAChB,OAAO;QAAEA,KAAK,EAAE,MAAM;QAAEE,MAAM,EAAE;MAAO,CAAC;IACzC;IAEA,OAAO;MAAEF,KAAK;MAAEE;IAAO,CAAC;EACzB,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAChCC,MAAuB,IAAK;IAC5B,SAAS;;IACT,MAAM;MAAEL,KAAK;MAAEE;IAAO,CAAC,GAAGG,MAAM;IAChC,IAAIL,KAAK,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC,EAAE;MAChC;IACD;IAEA,MAAMI,kBAAkB,GACvBT,iBAAiB,CAACI,GAAG,CAAC,CAAC,KAAK,CAAC,IAAIN,gBAAgB,CAACM,GAAG,CAAC,CAAC,KAAK,CAAC;IAE9D,IAAI,CAACK,kBAAkB,EAAE;MACxBX,gBAAgB,CAACY,GAAG,CAACP,KAAK,CAAC;MAC3BH,iBAAiB,CAACU,GAAG,CAACL,MAAM,CAAC;IAC9B;EACD,CAAC,EACD,CAACL,iBAAiB,EAAEF,gBAAgB,CACrC,CAAC;EAED,OAAO;IAAEG,gBAAgB;IAAEK;EAAe,CAAC;AAC5C,CAAC;AAACK,OAAA,CAAAd,oBAAA,GAAAA,oBAAA","ignoreList":[]}