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

package/lib/module/shared/components/overlay/variations/container-overlay.js

@@ -1,97 +0,0 @@
-"use strict";
-
-import { memo, useMemo } from "react";
-import { useWindowDimensions } from "react-native";
-import { useDerivedValue } from "react-native-reanimated";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useStack } from "../../../hooks/navigation/use-stack";
-import { getActiveContainerOverlay } from "../helpers/get-active-overlay";
-
-/**
- * Inner component that renders when container overlay is active.
- * Separated to ensure hooks are called unconditionally.
- */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-const ContainerOverlayHost = /*#__PURE__*/memo(function ContainerOverlayHost({
-  children,
-  scene,
-  scenes,
-  overlayIndex
-}) {
-  const {
-    routes,
-    focusedIndex,
-    stackProgress
-  } = useStack();
-  const screen = useWindowDimensions();
-  const insets = useSafeAreaInsets();
-  const OverlayComponent = scene.descriptor.options.overlay;
-
-  // Compute relative progress from overlay position
-  const relativeProgress = useDerivedValue(() => {
-    "worklet";
-
-    return stackProgress.value - overlayIndex;
-  });
-  const overlayAnimation = useDerivedValue(() => ({
-    progress: relativeProgress.value,
-    layouts: {
-      screen
-    },
-    insets
-  }));
-
-  // Get focused scene for meta and route info
-  const focusedScene = scenes[focusedIndex] ?? scene;
-  if (!OverlayComponent) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
-    });
-  }
-  const overlayProps = {
-    children,
-    routes,
-    overlayAnimation,
-    // screenAnimation is not available at container level, pass a placeholder
-    screenAnimation: overlayAnimation,
-    focusedRoute: focusedScene.route,
-    focusedIndex,
-    meta: focusedScene.descriptor.options.meta,
-    navigation: scene.descriptor.navigation
-  };
-  return /*#__PURE__*/_jsx(OverlayComponent, {
-    ...overlayProps
-  });
-});
-
-/**
- * Container overlay component that wraps all screen content.
- * Receives children (the screens) and passes them to the overlay component.
- */
-export function ContainerOverlay({
-  children
-}) {
-  const {
-    scenes,
-    flags
-  } = useStack();
-  const activeOverlay = useMemo(() => getActiveContainerOverlay(scenes, flags.TRANSITIONS_ALWAYS_ON), [scenes, flags.TRANSITIONS_ALWAYS_ON]);
-
-  // If no container overlay, just render children directly
-  if (!activeOverlay) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
-    });
-  }
-  const {
-    scene,
-    overlayIndex
-  } = activeOverlay;
-  return /*#__PURE__*/_jsx(ContainerOverlayHost, {
-    scene: scene,
-    scenes: scenes,
-    overlayIndex: overlayIndex,
-    children: children
-  });
-}
-//# sourceMappingURL=container-overlay.js.map

package/lib/module/shared/components/overlay/variations/container-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memo","useMemo","useWindowDimensions","useDerivedValue","useSafeAreaInsets","useStack","getActiveContainerOverlay","Fragment","_Fragment","jsx","_jsx","ContainerOverlayHost","children","scene","scenes","overlayIndex","routes","focusedIndex","stackProgress","screen","insets","OverlayComponent","descriptor","options","overlay","relativeProgress","value","overlayAnimation","progress","layouts","focusedScene","overlayProps","screenAnimation","focusedRoute","route","meta","navigation","ContainerOverlay","flags","activeOverlay","TRANSITIONS_ALWAYS_ON"],"sourceRoot":"../../../../../../src","sources":["shared/components/overlay/variations/container-overlay.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AACrC,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAA0BC,QAAQ,QAAQ,qCAAqC;AAG/E,SAASC,yBAAyB,QAAQ,+BAA+B;;AAEzE;AACA;AACA;AACA;AAHA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAIA,MAAMC,oBAAoB,gBAAGX,IAAI,CAAC,SAASW,oBAAoBA,CAAC;EAC/DC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC;AAMD,CAAC,EAAE;EACF,MAAM;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC1D,MAAMc,MAAM,GAAGjB,mBAAmB,CAAC,CAAC;EACpC,MAAMkB,MAAM,GAAGhB,iBAAiB,CAAC,CAAC;EAElC,MAAMiB,gBAAgB,GAAGR,KAAK,CAACS,UAAU,CAACC,OAAO,CAACC,OAAO;;EAEzD;EACA,MAAMC,gBAAgB,GAAGtB,eAAe,CAAC,MAAM;IAC9C,SAAS;;IACT,OAAOe,aAAa,CAACQ,KAAK,GAAGX,YAAY;EAC1C,CAAC,CAAC;EAEF,MAAMY,gBAAgB,GAAGxB,eAAe,CAA4B,OAAO;IAC1EyB,QAAQ,EAAEH,gBAAgB,CAACC,KAAK;IAChCG,OAAO,EAAE;MAAEV;IAAO,CAAC;IACnBC;EACD,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMU,YAAY,GAAGhB,MAAM,CAACG,YAAY,CAAC,IAAIJ,KAAK;EAElD,IAAI,CAACQ,gBAAgB,EAAE;IACtB,oBAAOX,IAAA,CAAAF,SAAA;MAAAI,QAAA,EAAGA;IAAQ,CAAG,CAAC;EACvB;EAEA,MAAMmB,YAEL,GAAG;IACHnB,QAAQ;IACRI,MAAM;IACNW,gBAAgB;IAChB;IACAK,eAAe,EAAEL,gBAEhB;IACDM,YAAY,EAAEH,YAAY,CAACI,KAAK;IAChCjB,YAAY;IACZkB,IAAI,EAAEL,YAAY,CAACR,UAAU,CAACC,OAAO,CAACY,IAAI;IAC1CC,UAAU,EAAEvB,KAAK,CAACS,UAAU,CAACc;EAC9B,CAAC;EAED,oBAAO1B,IAAA,CAACW,gBAAgB;IAAA,GAAKU;EAAY,CAAG,CAAC;AAC9C,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,SAASM,gBAAgBA,CAAC;EAAEzB;AAAwC,CAAC,EAAE;EAC7E,MAAM;IAAEE,MAAM;IAAEwB;EAAM,CAAC,GAAGjC,QAAQ,CAAC,CAAC;EAEpC,MAAMkC,aAAa,GAAGtC,OAAO,CAC5B,MAAMK,yBAAyB,CAACQ,MAAM,EAAEwB,KAAK,CAACE,qBAAqB,CAAC,EACpE,CAAC1B,MAAM,EAAEwB,KAAK,CAACE,qBAAqB,CACrC,CAAC;;EAED;EACA,IAAI,CAACD,aAAa,EAAE;IACnB,oBAAO7B,IAAA,CAAAF,SAAA;MAAAI,QAAA,EAAGA;IAAQ,CAAG,CAAC;EACvB;EAEA,MAAM;IAAEC,KAAK;IAAEE;EAAa,CAAC,GAAGwB,aAAa;EAE7C,oBACC7B,IAAA,CAACC,oBAAoB;IACpBE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAAAH,QAAA,EAE1BA;EAAQ,CACY,CAAC;AAEzB","ignoreList":[]}

package/lib/typescript/blank-stack/components/screens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../../src/blank-stack/components/screens.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,UAAU,WAAW;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,eAAO,MAAM,MAAM,GAAI,yEAOpB,WAAW,4CA8Db,CAAC"}

package/lib/typescript/blank-stack/controllers/blank-stack-lifecycle.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    children: React.ReactNode;
-}
-/**
- * Lifecycle controller built out for Blank Stack implementation.
- */
-export declare const BlankStackScreenLifecycleController: ({ children }: Props) => import("react").ReactNode;
-export {};
-//# sourceMappingURL=blank-stack-lifecycle.d.ts.map

package/lib/typescript/blank-stack/controllers/blank-stack-lifecycle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blank-stack-lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/blank-stack/controllers/blank-stack-lifecycle.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mCAAmC,GAAI,cAAc,KAAK,8BA0DtE,CAAC"}

package/lib/typescript/component-stack/components/component-view.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import type { ComponentNavigation, ComponentStackDescriptor } from "../types";
-export declare const ComponentView: React.FC<import("../../shared/providers/stack/managed.provider").ManagedStackProps<ComponentStackDescriptor, ComponentNavigation>>;
-//# sourceMappingURL=component-view.d.ts.map

package/lib/typescript/component-stack/components/component-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-view.d.ts","sourceRoot":"","sources":["../../../../src/component-stack/components/component-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAkB9E,eAAO,MAAM,aAAa,oIAyCzB,CAAC"}

package/lib/typescript/component-stack/components/screens.d.ts

@@ -1,9 +0,0 @@
-import type * as React from "react";
-interface ScreenProps {
-    routeKey: string;
-    index: number;
-    children: React.ReactNode;
-}
-export declare const Screen: ({ routeKey, index, children }: ScreenProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=screens.d.ts.map

package/lib/typescript/component-stack/components/screens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../../src/component-stack/components/screens.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC,UAAU,WAAW;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAUD,eAAO,MAAM,MAAM,GAAI,+BAA+B,WAAW,4CA4DhE,CAAC"}

package/lib/typescript/component-stack/controllers/component-stack-lifecycle.d.ts

@@ -1,10 +0,0 @@
-interface Props {
-    children: React.ReactNode;
-}
-/**
- * Lifecycle controller built out for Component Stack implementation.
- * Uses the shared ManagedStackContext for closing route handling.
- */
-export declare const ComponentStackScreenLifecycleController: ({ children, }: Props) => import("react").ReactNode;
-export {};
-//# sourceMappingURL=component-stack-lifecycle.d.ts.map

package/lib/typescript/component-stack/controllers/component-stack-lifecycle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-stack-lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/component-stack/controllers/component-stack-lifecycle.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,uCAAuC,GAAI,eAErD,KAAK,8BA0DP,CAAC"}

package/lib/typescript/component-stack/hooks/use-component-navigation-builder.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import type { ComponentNavigation, ComponentRoute, ComponentStackDescriptor, ComponentStackDescriptorMap, ComponentStackNavigationOptions, ComponentStackState } from "../types";
-interface UseComponentNavigationBuilderOptions {
-    children: React.ReactNode;
-    initialRouteName?: string;
-    screenOptions?: ComponentStackNavigationOptions;
-}
-interface ComponentNavigationBuilderResult {
-    state: ComponentStackState;
-    navigation: ComponentNavigation;
-    describe: (route: ComponentRoute, placeholder: boolean) => ComponentStackDescriptor;
-    descriptors: ComponentStackDescriptorMap;
-    NavigationContent: React.FC<{
-        children: React.ReactNode;
-    }>;
-}
-export declare function useComponentNavigationBuilder({ children, initialRouteName, screenOptions, }: UseComponentNavigationBuilderOptions): ComponentNavigationBuilderResult;
-export {};
-//# sourceMappingURL=use-component-navigation-builder.d.ts.map

package/lib/typescript/component-stack/hooks/use-component-navigation-builder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-navigation-builder.d.ts","sourceRoot":"","sources":["../../../../src/component-stack/hooks/use-component-navigation-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACX,mBAAmB,EACnB,cAAc,EAGd,wBAAwB,EACxB,2BAA2B,EAC3B,+BAA+B,EAC/B,mBAAmB,EACnB,MAAM,UAAU,CAAC;AAwIlB,UAAU,oCAAoC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,+BAA+B,CAAC;CAChD;AAED,UAAU,gCAAgC;IACzC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,CACT,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,OAAO,KAChB,wBAAwB,CAAC;IAC9B,WAAW,EAAE,2BAA2B,CAAC;IACzC,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC3D;AA2BD,wBAAgB,6BAA6B,CAAC,EAC7C,QAAQ,EACR,gBAAgB,EAChB,aAAa,GACb,EAAE,oCAAoC,GAAG,gCAAgC,CAkMzE"}

package/lib/typescript/component-stack/hooks/use-component-navigation.d.ts

@@ -1,19 +0,0 @@
-/**
- * Hook to access the component navigation object from within a screen.
- *
- * @example
- * ```tsx
- * function MyScreen() {
- *   const navigation = useComponentNavigation();
- *
- *   return (
- *     <Button
- *       title="Go to Details"
- *       onPress={() => navigation.push('Details')}
- *     />
- *   );
- * }
- * ```
- */
-export declare function useComponentNavigation(): import("..").ComponentNavigation;
-//# sourceMappingURL=use-component-navigation.d.ts.map

package/lib/typescript/component-stack/hooks/use-component-navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-navigation.d.ts","sourceRoot":"","sources":["../../../../src/component-stack/hooks/use-component-navigation.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,sBAAsB,qCAErC"}

package/lib/typescript/component-stack/navigators/create-component-navigator.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-import type { ComponentNavigation, ComponentNavigatorProps, ComponentScreenProps } from "../types";
-export declare function useComponentNavigationContext(): ComponentNavigation;
-interface ComponentStack {
-    Navigator: React.FC<ComponentNavigatorProps>;
-    Screen: React.FC<ComponentScreenProps>;
-}
-/**
- * Creates a component navigation stack.
- *
- * @example
- * ```tsx
- * const Stack = createComponentNavigator();
- *
- * function MyComponent() {
- *   return (
- *     <Stack.Navigator initialRouteName="Home">
- *       <Stack.Screen
- *         name="Home"
- *         component={HomeScreen}
- *         options={{ ...SlideFromBottom() }}
- *       />
- *       <Stack.Screen
- *         name="Details"
- *         component={DetailsScreen}
- *         options={{ ...SlideFromBottom() }}
- *       />
- *     </Stack.Navigator>
- *   );
- * }
- * ```
- */
-export declare function createComponentNavigator(): ComponentStack;
-export {};
-//# sourceMappingURL=create-component-navigator.d.ts.map

package/lib/typescript/component-stack/navigators/create-component-navigator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-component-navigator.d.ts","sourceRoot":"","sources":["../../../../src/component-stack/navigators/create-component-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACX,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EAEpB,MAAM,UAAU,CAAC;AAMlB,wBAAgB,6BAA6B,IAAI,mBAAmB,CAQnE;AA6CD,UAAU,cAAc;IACvB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC;IAC7C,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,wBAAwB,IAAI,cAAc,CAKzD"}

package/lib/typescript/shared/components/overlay/variations/container-overlay.d.ts

@@ -1,8 +0,0 @@
-/**
- * Container overlay component that wraps all screen content.
- * Receives children (the screens) and passes them to the overlay component.
- */
-export declare function ContainerOverlay({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=container-overlay.d.ts.map

package/lib/typescript/shared/components/overlay/variations/container-overlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/components/overlay/variations/container-overlay.tsx"],"names":[],"mappings":"AAqEA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAwB3E"}

package/src/component-stack/components/component-view.tsx

@@ -1,72 +0,0 @@
-import * as React from "react";
-import { Fragment } from "react";
-import { StyleSheet, View } from "react-native";
-import { Overlay } from "../../shared/components/overlay";
-import { ScreenComposer } from "../../shared/providers/screen/screen-composer";
-import { withStackCore } from "../../shared/providers/stack/core.provider";
-import { withManagedStack } from "../../shared/providers/stack/managed.provider";
-import { ComponentStackScreenLifecycleController } from "../controllers/component-stack-lifecycle";
-import type { ComponentNavigation, ComponentStackDescriptor } from "../types";
-import { Screen } from "./screens";
-
-type SceneViewProps = {
-	descriptor: ComponentStackDescriptor;
-};
-
-const SceneView = React.memo(function SceneView({
-	descriptor,
-}: SceneViewProps) {
-	return (
-		<>
-			{descriptor.options.overlayMode === "screen" && <Overlay.Screen />}
-			{descriptor.render()}
-		</>
-	);
-});
-
-export const ComponentView = withStackCore(
-	{ TRANSITIONS_ALWAYS_ON: true },
-	withManagedStack<ComponentStackDescriptor, ComponentNavigation>(
-		({ scenes, shouldShowFloatOverlay }) => {
-			return (
-				<Fragment>
-					{shouldShowFloatOverlay ? <Overlay.Float /> : null}
-					<Overlay.Container>
-						<View style={styles.container}>
-							{scenes.map((scene, sceneIndex) => {
-								const descriptor = scene.descriptor;
-								const route = scene.route;
-
-								const previousDescriptor = scenes[sceneIndex - 1]?.descriptor;
-								const nextDescriptor = scenes[sceneIndex + 1]?.descriptor;
-
-								return (
-									<Screen
-										key={route.key}
-										index={sceneIndex}
-										routeKey={route.key}
-									>
-										<ScreenComposer
-											previous={previousDescriptor}
-											current={descriptor}
-											next={nextDescriptor}
-											LifecycleController={
-												ComponentStackScreenLifecycleController
-											}
-										>
-											<SceneView key={route.key} descriptor={descriptor} />
-										</ScreenComposer>
-									</Screen>
-								);
-							})}
-						</View>
-					</Overlay.Container>
-				</Fragment>
-			);
-		},
-	),
-);
-
-const styles = StyleSheet.create({
-	container: { flex: 1 },
-});

package/src/component-stack/components/screens.tsx

@@ -1,86 +0,0 @@
-import type * as React from "react";
-import { StyleSheet } from "react-native";
-import Animated, {
-	interpolate,
-	useAnimatedProps,
-	useDerivedValue,
-	useSharedValue,
-} from "react-native-reanimated";
-import { useManagedStackContext } from "../../shared/providers/stack/managed.provider";
-import { AnimationStore } from "../../shared/stores/animation.store";
-
-interface ScreenProps {
-	routeKey: string;
-	index: number;
-	children: React.ReactNode;
-}
-
-enum ScreenActivity {
-	INACTIVE = 0,
-	TRANSITIONING_OR_BELOW_TOP = 1,
-	ON_TOP = 2,
-}
-
-const EPSILON = 1e-5;
-
-export const Screen = ({ routeKey, index, children }: ScreenProps) => {
-	const { activeScreensLimit, routes } = useManagedStackContext();
-	const routesLength = routes.length;
-
-	const sceneProgress = AnimationStore.getAnimation(routeKey, "progress");
-	const sceneClosing = AnimationStore.getAnimation(routeKey, "closing");
-	const screenActivity = useSharedValue<ScreenActivity>(
-		ScreenActivity.TRANSITIONING_OR_BELOW_TOP,
-	);
-
-	useDerivedValue(() => {
-		if (!sceneProgress) {
-			screenActivity.set(ScreenActivity.TRANSITIONING_OR_BELOW_TOP);
-			return;
-		}
-
-		if (index < routesLength - activeScreensLimit - 1) {
-			screenActivity.set(ScreenActivity.INACTIVE);
-		} else {
-			const outputValue =
-				index === routesLength - 1
-					? ScreenActivity.ON_TOP
-					: index >= routesLength - activeScreensLimit
-						? ScreenActivity.TRANSITIONING_OR_BELOW_TOP
-						: ScreenActivity.INACTIVE;
-
-			const v = interpolate(
-				sceneProgress.get(),
-				[0, 1 - EPSILON, 1],
-				[1, 1, outputValue],
-				"clamp",
-			);
-
-			const next = Math.trunc(v) ?? ScreenActivity.TRANSITIONING_OR_BELOW_TOP;
-
-			if (next !== screenActivity.get()) {
-				screenActivity.set(next);
-			}
-		}
-	});
-
-	const animatedProps = useAnimatedProps(() => {
-		// const activity = screenActivity.get();
-		return {
-			// activityState: activity,
-			// shouldFreeze: activity === ScreenActivity.INACTIVE && shouldFreeze,
-			pointerEvents: sceneClosing.get()
-				? ("none" as const)
-				: ("box-none" as const),
-		};
-	});
-
-	return (
-		<Animated.View
-			style={StyleSheet.absoluteFill}
-			animatedProps={animatedProps}
-		>
-			{children}
-		</Animated.View>
-	);
-};

package/src/component-stack/controllers/component-stack-lifecycle.tsx

@@ -1,80 +0,0 @@
-import { useLayoutEffect } from "react";
-import { runOnJS, useAnimatedReaction } from "react-native-reanimated";
-import { useHighRefreshRate } from "../../shared/hooks/animation/use-high-refresh-rate";
-import useStableCallback from "../../shared/hooks/use-stable-callback";
-import { useKeys } from "../../shared/providers/screen/keys.provider";
-import { useManagedStackContext } from "../../shared/providers/stack/managed.provider";
-import { AnimationStore } from "../../shared/stores/animation.store";
-import { startScreenTransition } from "../../shared/utils/animation/start-screen-transition";
-import { resetStoresForScreen } from "../../shared/utils/reset-stores-for-screen";
-import type { ComponentStackDescriptor } from "../types";
-
-interface Props {
-	children: React.ReactNode;
-}
-
-/**
- * Lifecycle controller built out for Component Stack implementation.
- * Uses the shared ManagedStackContext for closing route handling.
- */
-export const ComponentStackScreenLifecycleController = ({
-	children,
-}: Props) => {
-	const { current } = useKeys<ComponentStackDescriptor>();
-	const { handleCloseRoute, closingRouteKeysShared } = useManagedStackContext();
-
-	const animations = AnimationStore.getAll(current.route.key);
-
-	const { deactivateHighRefreshRate, activateHighRefreshRate } =
-		useHighRefreshRate(current);
-
-	const handleInitialize = useStableCallback(() => {
-		activateHighRefreshRate();
-		startScreenTransition({
-			target: "open",
-			spec: current.options.transitionSpec,
-			animations,
-			onAnimationFinish: deactivateHighRefreshRate,
-		});
-	});
-
-	const handleCleanup = useStableCallback(() => {
-		resetStoresForScreen(current);
-	});
-
-	const handleCloseEnd = useStableCallback((finished: boolean) => {
-		deactivateHighRefreshRate();
-		if (!finished) {
-			return;
-		}
-		handleCloseRoute({ route: current.route });
-	});
-
-	useAnimatedReaction(
-		() => ({
-			keys: closingRouteKeysShared.value,
-		}),
-		({ keys }) => {
-			if (!keys.includes(current.route.key)) {
-				return;
-			}
-
-			runOnJS(activateHighRefreshRate)();
-			startScreenTransition({
-				target: "close",
-				spec: current.options.transitionSpec,
-				animations,
-				onAnimationFinish: handleCloseEnd,
-			});
-		},
-	);
-
-	useLayoutEffect(() => {
-		handleInitialize();
-		return () => {
-			handleCleanup();
-		};
-	}, [handleInitialize, handleCleanup]);
-
-	return children;
-};