react-native-screen-transitions 3.4.0-alpha.6 → 3.4.0-alpha.7

package/README.md

@@ -17,15 +17,36 @@ Customizable screen transitions for React Native. Build gesture-driven, shared e
 
 ## What's New In 3.4
 
-- **Auto snap sizing** with `snapPoints: ["auto"]` and `layouts.content`
-- **Explicit deferred first frames** by returning `"defer"` from `screenStyleInterpolator`
-- **Compound bounds components** via `Transition.Boundary.View` and `Transition.Boundary.Pressable`
-- **Custom boundary factories** via `Transition.createBoundaryComponent(..., { alreadyAnimated: true })`
+3.4 introduces a newer, more explicit path for shared transitions and snap-driven layouts.
+Use the notes below as the source of truth when migrating examples or generating docs.
+
+### Added / Expanded
+
+- **Auto snap sizing** with `snapPoints: ["auto"]` and `current.layouts.content`
+- **Compound bounds components** via `Transition.Boundary.View`, `Transition.Boundary.Trigger`, and `Transition.Boundary.Target`
+- **`Transition.createBoundaryComponent`** for building custom boundary wrappers, including `alreadyAnimated` support
 - **Navigation-style bounds zoom** through `bounds({ id }).navigation.zoom()`
+- **`navigationMaskEnabled`** for library-managed masked navigation transitions
 - **Ancestor targeting** in `useScreenGesture()` and `useScreenAnimation()`
 - **Gesture release tuning** with `gestureReleaseVelocityScale` and `gestureReleaseVelocityMax`
 - **Surface slot support** through `surfaceComponent` and the interpolator `surface` slot
+- **Animated `props` support across all slots** via `{ style, props }` slot returns
 - **Optional first-screen animation** with `experimental_animateOnInitialMount`
+- **`logicallySettled`** for choreography that should finish before a spring is fully at rest
+
+### Deprecated / Replaced
+
+- **`sharedBoundTag` on transition-aware components is deprecated for new work.** Prefer `Transition.Boundary.*` for new shared transition flows.
+- **`Transition.MaskedView` is deprecated for new work.** Prefer `Transition.Boundary.*` with `bounds({ id }).navigation.zoom()` and `navigationMaskEnabled` for library-managed shared navigation transitions.
+- **`createComponentStackNavigator` is deprecated.** Prefer blank stack for embedded and independent flows.
+- **`expandViaScrollView` was renamed to `sheetScrollGestureBehavior`.**
+- **Flat interpolator keys are deprecated.** Use `content`, `backdrop`, and `surface` instead of `contentStyle`, `backdropStyle`, and `overlayStyle`.
+- **Legacy interpolator accessors are deprecated.** Use `current.layouts` and `current.snapIndex` instead of top-level `layouts` and `snapIndex`.
+- **If you saw older alpha docs using `backgroundComponent` / `background`, use `surfaceComponent` / `surface`.**
+
+### Removed
+
+- Deprecated screen overlay mode and legacy overlay animation props were removed.
 
 ## When to Use This Library
 
@@ -103,6 +124,41 @@ export const Stack = withLayoutContext<
 >(Navigator);
 ```
 
+### 3. Static Config
+
+Blank stack-specific navigator props follow React Navigation's custom navigator pattern.
+
+For the dynamic API, pass them to `<Stack.Navigator>`:
+
+```tsx
+const Stack = createBlankStackNavigator();
+
+function App() {
+  return (
+    <Stack.Navigator independent enableNativeScreens={false}>
+      <Stack.Screen name="Home" component={HomeScreen} />
+      <Stack.Screen name="Detail" component={DetailScreen} />
+    </Stack.Navigator>
+  );
+}
+```
+
+For the static API, keep them in the same config object:
+
+```tsx
+import { createBlankStackNavigator } from "react-native-screen-transitions/blank-stack";
+
+const Stack = createBlankStackNavigator({
+  initialRouteName: "Home",
+  screens: {
+    Home: HomeScreen,
+    Detail: DetailScreen,
+  },
+  independent: true,
+  enableNativeScreens: false,
+});
+```
+
 ---
 
 ## Presets
@@ -125,9 +181,9 @@ Use built-in presets for common transitions:
 | `ZoomIn()`                             | Scales in with fade                     |
 | `DraggableCard()`                      | Multi-directional drag with scaling     |
 | `ElasticCard()`                        | Elastic drag with overlay               |
-| `SharedIGImage({ sharedBoundTag })`    | Instagram-style shared image            |
-| `SharedAppleMusic({ sharedBoundTag })` | Apple Music-style shared element        |
-| `SharedXImage({ sharedBoundTag })`     | X (Twitter)-style image transition      |
+| `SharedIGImage({ sharedBoundTag })`    | Legacy Instagram-style shared image preset |
+| `SharedAppleMusic({ sharedBoundTag })` | Legacy Apple Music-style shared element preset |
+| `SharedXImage({ sharedBoundTag })`     | Legacy X (Twitter)-style image transition preset |
 
 ---
 
@@ -167,7 +223,7 @@ options={{
 
 ```tsx
 options={{
-  screenStyleInterpolator: ({ progress, layouts: { screen } }) => {
+  screenStyleInterpolator: ({ progress, current: { layouts: { screen } } }) => {
     "worklet";
     return {
       content: {
@@ -190,7 +246,7 @@ options={{
 
 ```tsx
 options={{
-  screenStyleInterpolator: ({ progress, layouts: { screen } }) => {
+  screenStyleInterpolator: ({ progress, current: { layouts: { screen } } }) => {
     "worklet";
     return {
       content: {
@@ -211,21 +267,25 @@ Your interpolator can return:
 
 ```tsx
 return {
-  content: { style: { ... } },          // Main screen
-  backdrop: { style: { ... } },         // Backdrop / blur / dimming
-  surface: { style: { ... }, props: { ... } }, // Custom surface layer
-  ["my-id"]: { style: { ... } },        // Specific element via styleId
+  content: { style: { ... }, props: { ... } },   // Main screen slot
+  backdrop: { style: { ... }, props: { ... } },  // Backdrop / blur / dimming
+  surface: { style: { ... }, props: { ... } },   // Custom surface layer
+  ["my-id"]: { style: { ... }, props: { ... } }, // Specific element via styleId
 };
 ```
 
-Return `"defer"` to hide the screen's visual subtree until you have a safe first frame:
+Every slot supports animated `style` and animated `props`.
+Use the shorthand style-only form when you only need styles, or the explicit
+`{ style, props }` form when the wrapped component exposes animatable props.
+
+Return `null`, `undefined`, or `{}` when you want an interpolator frame to apply no transition styles:
 
 ```tsx
 screenStyleInterpolator: ({ bounds }) => {
   "worklet";
 
   const snapshot = bounds.getSnapshot("hero");
-  if (!snapshot) return "defer";
+  if (!snapshot) return null;
 
   return {
     content: {
@@ -390,18 +450,18 @@ Create multi-stop sheets that snap to defined positions. Works with any gesture
 
 ### Auto Snap Points
 
-When you use `"auto"`, the library measures the content height and exposes it in `layouts.content`:
+When you use `"auto"`, the library measures the content height and exposes it in `current.layouts.content`:
 
 ```tsx
-screenStyleInterpolator: ({ layouts, snapIndex }) => {
+screenStyleInterpolator: ({ current }) => {
   "worklet";
 
-  const contentHeight = layouts.content?.height ?? 0;
+  const contentHeight = current.layouts.content?.height ?? 0;
 
   return {
     content: {
       style: {
-        opacity: interpolate(snapIndex, [0, 1], [0.8, 1]),
+        opacity: interpolate(current.snapIndex, [0, 1], [0.8, 1]),
       },
     },
     "sheet-height-debug": {
@@ -484,16 +544,16 @@ function BottomSheet() {
 }
 ```
 
-The animated `snapIndex` is available in screen interpolators via `ScreenInterpolationProps`:
+The animated snap point index is available via `current.snapIndex` in `ScreenInterpolationProps`:
 
 ```tsx
-screenStyleInterpolator: ({ snapIndex }) => {
+screenStyleInterpolator: ({ current }) => {
   // snapIndex interpolates between snap point indices
   // e.g., 0.5 means halfway between snap point 0 and 1
   return {
     content: {
       style: {
-        opacity: interpolate(snapIndex, [0, 1], [0.5, 1]),
+        opacity: interpolate(current.snapIndex, [0, 1], [0.5, 1]),
       },
     },
   };
@@ -524,17 +584,38 @@ transitionSpec: {
 
 ## Shared Elements (Bounds API)
 
-Animate elements between screens by tagging them. In 3.4, the recommended API is `Transition.Boundary.*` for explicit bounds ownership, while `sharedBoundTag` on transition-aware components still works for lighter setups.
+Animate elements between screens by tagging them. In 3.4, the recommended and forward-compatible API is `Transition.Boundary.*` for explicit bounds ownership.
+
+`sharedBoundTag` on transition-aware components is deprecated and retained for legacy flows and presets.
 
 ### 1. Tag the Source
 
 ```tsx
-<Transition.Boundary.Pressable
+<Transition.Boundary.Trigger
   id="avatar"
   onPress={() => navigation.navigate("Profile")}
 >
   <Image source={avatar} style={{ width: 50, height: 50 }} />
-</Transition.Boundary.Pressable>
+</Transition.Boundary.Trigger>
+```
+
+If the boundary owner is larger than the visual element you want to match,
+wrap the measured descendant in `Transition.Boundary.Target`:
+
+```tsx
+<Transition.Boundary.Trigger
+  id="avatar"
+  onPress={() => navigation.navigate("Profile")}
+  style={styles.card}
+>
+  <Transition.Boundary.Target>
+    <Image source={avatar} style={styles.image} />
+  </Transition.Boundary.Target>
+
+  <View style={styles.copy}>
+    <Text style={styles.title}>Profile</Text>
+  </View>
+</Transition.Boundary.Trigger>
 ```
 
 ### 2. Tag the Destination
@@ -620,13 +701,14 @@ const TabBar = ({ focusedIndex, progress }) => {
 
 | Component               | Description                            |
 | ----------------------- | -------------------------------------- |
-| `Transition.View`       | Animated view with `sharedBoundTag`    |
-| `Transition.Pressable`  | Pressable that measures bounds         |
+| `Transition.View`       | Animated view; `sharedBoundTag` usage is legacy/deprecated |
+| `Transition.Pressable`  | Pressable; `sharedBoundTag` usage is legacy/deprecated |
 | `Transition.ScrollView` | ScrollView with gesture coordination   |
 | `Transition.FlatList`   | FlatList with gesture coordination     |
 | `Transition.Boundary.View` | Explicit bounds destination/source registration |
-| `Transition.Boundary.Pressable` | Pressable boundary that captures source bounds on press |
-| `Transition.MaskedView` | For reveal effects (requires native)   |
+| `Transition.Boundary.Trigger` | Pressable boundary owner that captures source bounds on press |
+| `Transition.Boundary.Target` | Optional nested measurement target inside a boundary owner |
+| `Transition.MaskedView` | Deprecated legacy reveal helper (requires native) |
 
 Helper exports:
 
@@ -723,30 +805,32 @@ The full `screenStyleInterpolator` receives these props:
 | ---------------- | -------------------------------------------------------- |
 | `progress`       | Combined progress (0-2)                                  |
 | `stackProgress`  | Accumulated progress across entire stack                 |
-| `snapIndex`      | Animated snap point index (-1 if no snap points)         |
 | `focused`        | Whether this screen is the topmost in the stack          |
 | `current`        | Current screen state                                     |
 | `previous`       | Previous screen state                                    |
 | `next`           | Next screen state                                        |
 | `active`         | Screen driving the transition                            |
 | `inactive`       | Screen NOT driving the transition                        |
-| `layouts.screen` | Screen dimensions                                        |
-| `layouts.content` | Measured content dimensions when available (`"auto"` snap points) |
 | `insets`         | Safe area insets                                         |
 | `bounds`         | Shared element bounds function                           |
 
+Prefer `current.snapIndex`, `current.layouts.screen`, and `current.layouts.content` for new code.
+
 ### Screen State Properties
 
 Each screen state (`current`, `previous`, `next`, `active`, `inactive`) contains:
 
 | Property    | Description                              |
 | ----------- | ---------------------------------------- |
-| `progress`  | Animation progress (0 or 1)              |
-| `closing`   | Whether closing (0 or 1)                 |
-| `entering`  | Whether entering (0 or 1)                |
-| `animating` | Whether animating (0 or 1)               |
-| `gesture`   | Gesture values (x, y, normalized values) |
-| `meta`      | Custom metadata from options             |
+| `progress`         | Animation progress (0 or 1)                     |
+| `closing`          | Whether closing (0 or 1)                        |
+| `entering`         | Whether entering (0 or 1)                       |
+| `animating`        | Whether animating (0 or 1)                      |
+| `logicallySettled` | Whether choreography can treat the screen as done |
+| `snapIndex`        | Animated snap point index for this screen       |
+| `layouts`          | Screen and measured content layouts             |
+| `gesture`          | Gesture values (x, y, `normX`, `normY`, etc.)   |
+| `meta`             | Custom metadata from options                    |
 
 ### Using `meta` for Conditional Logic
 
@@ -774,7 +858,9 @@ screenStyleInterpolator: ({ progress }) => {
   "worklet";
   return {
     "hero-image": {
-      opacity: interpolate(progress, [0, 1], [0, 1]),
+      style: {
+        opacity: interpolate(progress, [0, 1], [0, 1]),
+      },
     },
   };
 };
@@ -789,13 +875,13 @@ screenStyleInterpolator: ({ progress }) => {
 
 ## Stack Types
 
-All three stacks share the same animation API. Choose based on your needs:
+Blank stack and native stack are the primary APIs. Component stack remains available as a deprecated compatibility API.
 
 | Stack               | Best For                                                  |
 | ------------------- | --------------------------------------------------------- |
 | **Blank Stack**     | Most apps. Full control, all features.                    |
 | **Native Stack**    | When you need native screen primitives.                   |
-| **Component Stack** | Embedded flows, isolated from React Navigation. *(Experimental)* |
+| **Component Stack** | Legacy embedded-flow API. Prefer blank stack instead.     |
 
 ### Blank Stack
 
@@ -821,11 +907,11 @@ import { createNativeStackNavigator } from "react-native-screen-transitions/nati
 />
 ```
 
-### Component Stack (Experimental)
+### Component Stack (Deprecated)
 
-> **Note:** This API is experimental and may change based on community feedback.
+> **Note:** Prefer blank stack for new work. It now covers the embedded and independent flow use case.
 
-Standalone navigator, not connected to React Navigation. Ideal for embedded flows.
+Standalone navigator, not connected to React Navigation. Kept for compatibility with older integrations.
 
 ```tsx
 import { createComponentStackNavigator } from "react-native-screen-transitions/component-stack";
@@ -884,9 +970,13 @@ options={{
 
 ---
 
-## Masked View Setup
+## Legacy Masked View Setup (Deprecated)
+
+`Transition.MaskedView` and `sharedBoundTag` are deprecated for new work.
+
+Prefer `Transition.Boundary.*` for explicit shared-element ownership, and prefer `bounds({ id }).navigation.zoom()` with `navigationMaskEnabled` when you want library-managed navigation-style masked transitions.
 
-Required for `SharedIGImage` and `SharedAppleMusic` presets. The masked view creates the "reveal" effect where content expands from the shared element.
+This section is kept for compatibility with legacy presets such as `SharedIGImage` and `SharedAppleMusic`.
 
 > **Note**: Requires native code. Will not work in Expo Go.
 

package/lib/commonjs/blank-stack/navigators/create-blank-stack-navigator.js

@@ -52,39 +52,32 @@ function BlankStackNavigatorInner({
     })
   });
 }
-function createBlankStackNavigatorComponent({
-  independent,
-  enableNativeScreens
+function BlankStackNavigator({
+  independent = false,
+  enableNativeScreens = true,
+  ...rest
 }) {
-  function BlankStackNavigator(props) {
-    const isNested = React.useContext(BlankStackContext);
-    const navigator = /*#__PURE__*/(0, _jsxRuntime.jsx)(BlankStackNavigatorInner, {
-      ...props,
-      ...(!enableNativeScreens && {
-        DISABLE_NATIVE_SCREENS: true
-      }),
-      DISABLE_NATIVE_SCREEN_CONTAINER: independent
-    });
-    if (!independent || isNested) {
-      return navigator;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationIndependentTree, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationContainer, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BlankStackContext.Provider, {
-          value: true,
-          children: navigator
-        })
-      })
-    });
+  const isNested = React.useContext(BlankStackContext);
+  const navigator = /*#__PURE__*/(0, _jsxRuntime.jsx)(BlankStackNavigatorInner, {
+    ...rest,
+    ...(!enableNativeScreens && {
+      DISABLE_NATIVE_SCREENS: true
+    }),
+    DISABLE_NATIVE_SCREEN_CONTAINER: independent
+  });
+  if (!independent || isNested) {
+    return navigator;
   }
-  BlankStackNavigator.displayName = independent ? "IndependentBlankStackNavigator" : "BlankStackNavigator";
-  return BlankStackNavigator;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationIndependentTree, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BlankStackContext.Provider, {
+        value: true,
+        children: navigator
+      })
+    })
+  });
 }
-const BlankStackNavigator = createBlankStackNavigatorComponent({
-  independent: false,
-  enableNativeScreens: true
-});
-
+BlankStackNavigator.displayName = "BlankStackNavigator";
 /**
  * Creates a blank stack navigator with gesture-driven transitions.
  *
@@ -92,26 +85,15 @@ const BlankStackNavigator = createBlankStackNavigatorComponent({
  * it participates in the current navigation tree and uses native screen
  * primitives on supported native platforms.
  *
- * Pass {@link BlankStackFactoryOptions} when you need embedded-flow behavior:
+ * Blank stack also accepts navigator-specific props for embedded-flow behavior:
  * - `independent: true` creates an isolated navigator for nested flows
  * - `enableNativeScreens: false` renders the stack with regular views instead
  *   of `react-native-screens`
  *
- * These options are factory-only. Use screen options for per-screen transition
- * behavior, and use factory options when you need to change how the navigator
- * itself is hosted.
+ * In the dynamic API, pass these to `<Stack.Navigator />`.
+ * In the static API, pass them in the same config object as `screens`.
  */
-
 function createBlankStackNavigator(config) {
-  const {
-    independent = false,
-    enableNativeScreens = true,
-    ...staticConfig
-  } = config ?? {};
-  const Navigator = createBlankStackNavigatorComponent({
-    independent,
-    enableNativeScreens
-  });
-  return (0, _native.createNavigatorFactory)(Navigator)(config ? staticConfig : undefined);
+  return (0, _native.createNavigatorFactory)(BlankStackNavigator)(config);
 }
 //# sourceMappingURL=create-blank-stack-navigator.js.map

package/lib/commonjs/blank-stack/navigators/create-blank-stack-navigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","React","_interopRequireWildcard","_useTabPressReset","_stackView","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BlankStackContext","createContext","displayName","BlankStackNavigatorInner","id","initialRouteName","children","layout","screenListeners","screenOptions","screenLayout","DISABLE_NATIVE_SCREENS","DISABLE_NATIVE_SCREEN_CONTAINER","rest","state","describe","descriptors","navigation","NavigationContent","useNavigationBuilder","StackRouter","useTabPressReset","index","key","jsx","StackView","createBlankStackNavigatorComponent","independent","enableNativeScreens","BlankStackNavigator","props","isNested","useContext","navigator","NavigationIndependentTree","NavigationContainer","Provider","value","createBlankStackNavigator","config","staticConfig","Navigator","createNavigatorFactory","undefined"],"sourceRoot":"../../../../src","sources":["blank-stack/navigators/create-blank-stack-navigator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_native","require","React","_interopRequireWildcard","_useTabPressReset","_stackView","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BlankStackContext","createContext","displayName","BlankStackNavigatorInner","id","initialRouteName","children","layout","screenListeners","screenOptions","screenLayout","DISABLE_NATIVE_SCREENS","DISABLE_NATIVE_SCREEN_CONTAINER","rest","state","describe","descriptors","navigation","NavigationContent","useNavigationBuilder","StackRouter","useTabPressReset","index","key","jsx","StackView","BlankStackNavigator","independent","enableNativeScreens","isNested","useContext","navigator","NavigationIndependentTree","NavigationContainer","Provider","value","createBlankStackNavigator","config","createNavigatorFactory"],"sourceRoot":"../../../../src","sources":["blank-stack/navigators/create-blank-stack-navigator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component-stack/navigators/create-component-stack-navigator.js

@@ -80,7 +80,7 @@ function IsolatedComponentStackNavigator(props) {
 /**
  * @deprecated Component stack was originally introduced for independent,
  * embedded navigation flows. Blank stack now supports that use case directly
- * via `createBlankStackNavigator({ independent: true })`, with
+ * via navigator props such as `<BlankStack.Navigator independent />`, with
  * `enableNativeScreens` available when you need to switch between native
  * screens and regular views. Prefer blank stack for new work; component stack
  * will be removed in a future release.

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoundaryTarget = void 0;
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _boundaryOwner = require("../providers/boundary-owner.provider");
+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 BoundaryTarget = exports.BoundaryTarget = /*#__PURE__*/(0, _react.memo)(function BoundaryTarget(props) {
+  const {
+    style,
+    ...rest
+  } = props;
+  const targetAnimatedRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const ownerContext = (0, _boundaryOwner.useBoundaryOwnerContext)();
+  const isActiveTarget = ownerContext?.activeTargetRef === targetAnimatedRef;
+  (0, _react.useLayoutEffect)(() => {
+    if (!ownerContext) {
+      if (__DEV__) {
+        console.warn(_boundaryOwner.TARGET_OUTSIDE_OWNER_WARNING);
+      }
+      return;
+    }
+    ownerContext.registerTargetRef(targetAnimatedRef);
+    return () => {
+      ownerContext.unregisterTargetRef(targetAnimatedRef);
+    };
+  }, [ownerContext, targetAnimatedRef]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ...rest,
+    ref: targetAnimatedRef,
+    style: [style, isActiveTarget ? ownerContext.associatedTargetStyles : undefined],
+    collapsable: false
+  });
+});
+//# sourceMappingURL=boundary-target.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_boundaryOwner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BoundaryTarget","exports","memo","props","style","rest","targetAnimatedRef","useAnimatedRef","ownerContext","useBoundaryOwnerContext","isActiveTarget","activeTargetRef","useLayoutEffect","__DEV__","console","warn","TARGET_OUTSIDE_OWNER_WARNING","registerTargetRef","unregisterTargetRef","jsx","View","ref","associatedTargetStyles","undefined","collapsable"],"sourceRoot":"../../../../../../src","sources":["shared/components/create-boundary-component/components/boundary-target.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAG8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,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;AAIvC,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,cAAcA,CACzDG,KAA0B,EACzB;EACD,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAChC,MAAMG,iBAAiB,GAAG,IAAAC,qCAAc,EAAO,CAAC;EAChD,MAAMC,YAAY,GAAG,IAAAC,sCAAuB,EAAC,CAAC;EAC9C,MAAMC,cAAc,GAAGF,YAAY,EAAEG,eAAe,KAAKL,iBAAiB;EAE1E,IAAAM,sBAAe,EAAC,MAAM;IACrB,IAAI,CAACJ,YAAY,EAAE;MAClB,IAAIK,OAAO,EAAE;QACZC,OAAO,CAACC,IAAI,CAACC,2CAA4B,CAAC;MAC3C;MACA;IACD;IAEAR,YAAY,CAACS,iBAAiB,CAACX,iBAAiB,CAAC;IACjD,OAAO,MAAM;MACZE,YAAY,CAACU,mBAAmB,CAACZ,iBAAiB,CAAC;IACpD,CAAC;EACF,CAAC,EAAE,CAACE,YAAY,EAAEF,iBAAiB,CAAC,CAAC;EAErC,oBACC,IAAA1B,WAAA,CAAAuC,GAAA,EAAC1C,sBAAA,CAAAc,OAAQ,CAAC6B,IAAI;IAAA,GACTf,IAAI;IACRgB,GAAG,EAAEf,iBAAkB;IACvBF,KAAK,EAAE,CACNA,KAAK,EACLM,cAAc,GAAGF,YAAY,CAACc,sBAAsB,GAAGC,SAAS,CAC/D;IACFC,WAAW,EAAE;EAAM,CACnB,CAAC;AAEJ,CAAC,CAAC","ignoreList":[]}