react-native-screen-transitions 3.10.0 → 3.11.0

package/lib/typescript/shared/utils/bounds/helpers/create-bounds-accessor-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-bounds-accessor-core.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-bounds-accessor-core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,wBAAwB,EACxB,oBAAoB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAEX,cAAc,EAId,MAAM,kBAAkB,CAAC;AAK1B,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACrC,QAAQ,EAAE,MAAM,wBAAwB,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC1D,CAAC;AAkFF,eAAO,MAAM,wBAAwB,GACpC,QAAQ,8BAA8B,KACpC,cAMF,CAAC"}
+{"version":3,"file":"create-bounds-accessor-core.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-bounds-accessor-core.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,wBAAwB,EACxB,oBAAoB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAEX,cAAc,EAId,MAAM,kBAAkB,CAAC;AAK1B,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACrC,QAAQ,EAAE,MAAM,wBAAwB,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC1D,CAAC;AAwFF,eAAO,MAAM,wBAAwB,GACpC,QAAQ,8BAA8B,KACpC,cAMF,CAAC"}

package/lib/typescript/shared/utils/create-provider.d.ts

@@ -2,20 +2,28 @@
  * THANK YOU @MatiPl01
  * https://github.com/MatiPl01/react-native-sortables/blob/main/packages/react-native-sortables/src/providers/utils/createProvider.tsx
  * SUPER COOL AMAZING UTILITY
+ *
+ * Store-only provider: values propagate exclusively through a subscription
+ * store read with `use${Name}Store(selector)`. There is intentionally no raw
+ * context channel, so consumers subscribe only to the values they render.
+ *
+ * Factories do not memoize what they return:
+ * - `value`: the store shallow-compares snapshots and keeps the previous
+ *   object when the contents are unchanged. Derived object and array fields
+ *   must still have stable identities.
+ * - `children`: passed-through children keep their identity across
+ *   provider-local renders. Factories that wrap children should use a
+ *   module-level memoized component for the wrapper.
  */
 import { type ReactNode } from "react";
-type InnerProviderComponent = React.FC<{
-    children: ReactNode;
-}>;
 type ProviderSnapshot<ContextValue, Guarded extends boolean> = Guarded extends true ? ContextValue : ContextValue | null;
 type ProviderSelector<ContextValue, Guarded extends boolean, Selected> = (value: ProviderSnapshot<ContextValue, Guarded>) => Selected;
 type ProviderStoreHook<ContextValue, Guarded extends boolean> = {
     (): ProviderSnapshot<ContextValue, Guarded>;
     <Selected>(selector: ProviderSelector<ContextValue, Guarded, Selected>): Selected;
 };
-type ProviderOptionalStoreHook<ContextValue> = {
-    (): ContextValue | null;
-    <Selected>(selector: (value: ContextValue | null) => Selected): Selected;
+export type ProviderFactoryInternals<ContextValue> = {
+    useParentStore: ProviderStoreHook<ContextValue, false>;
 };
 export interface ProviderStoreApi<ContextValue> {
     getSnapshot: () => ContextValue | null;
@@ -23,10 +31,10 @@ export interface ProviderStoreApi<ContextValue> {
 }
 export default function createProvider<ProviderName extends string, Guarded extends boolean = true>(name: ProviderName, options?: {
     guarded?: Guarded;
-}): <ProviderProps extends object, ContextValue>(factory: (props: ProviderProps) => {
+}): <ProviderProps extends object, ContextValue>(factory: (props: ProviderProps, internals: ProviderFactoryInternals<ContextValue>) => {
     value?: ContextValue;
     enabled?: boolean;
-    children?: ReactNode | ((innerProvider: { [K in ProviderName as `${K}Provider`]: InnerProviderComponent; }) => ReactNode);
-}) => { [P in ProviderName as `${P}Context`]: React.Context<ContextValue>; } & { [P in ProviderName as `${P}StoreContext`]: React.Context<ProviderStoreApi<ContextValue> | null>; } & { [P in ProviderName as `${P}Provider`]: React.FC<ProviderProps>; } & { [P in ProviderName as `use${P}Context`]: () => Guarded extends true ? ContextValue : ContextValue | null; } & { [P in ProviderName as `use${P}Store`]: ProviderStoreHook<ContextValue, Guarded>; } & { [P in ProviderName as `use${P}OptionalStore`]: ProviderOptionalStoreHook<ContextValue>; };
+    children?: ReactNode;
+}) => { [P in ProviderName as `${P}Provider`]: React.FC<ProviderProps>; } & { [P in ProviderName as `use${P}Store`]: ProviderStoreHook<ContextValue, Guarded>; };
 export {};
 //# sourceMappingURL=create-provider.d.ts.map

package/lib/typescript/shared/utils/create-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/create-provider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAEN,KAAK,SAAS,EAOd,MAAM,OAAO,CAAC;AAEf,KAAK,sBAAsB,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAEhE,KAAK,gBAAgB,CACpB,YAAY,EACZ,OAAO,SAAS,OAAO,IACpB,OAAO,SAAS,IAAI,GAAG,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC;AAE9D,KAAK,gBAAgB,CAAC,YAAY,EAAE,OAAO,SAAS,OAAO,EAAE,QAAQ,IAAI,CACxE,KAAK,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,KAC1C,QAAQ,CAAC;AAEd,KAAK,iBAAiB,CAAC,YAAY,EAAE,OAAO,SAAS,OAAO,IAAI;IAC/D,IAAI,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC,QAAQ,EACR,QAAQ,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,GACzD,QAAQ,CAAC;CACZ,CAAC;AAEF,KAAK,yBAAyB,CAAC,YAAY,IAAI;IAC9C,IAAI,YAAY,GAAG,IAAI,CAAC;IACxB,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,KAAK,QAAQ,GAAG,QAAQ,CAAC;CACzE,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,YAAY;IAC7C,WAAW,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAChD;AA2CD,MAAM,CAAC,OAAO,UAAU,cAAc,CACrC,YAAY,SAAS,MAAM,EAC3B,OAAO,SAAS,OAAO,GAAG,IAAI,EAC7B,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,IAC5C,aAAa,SAAS,MAAM,EAAE,YAAY,EACjD,SAAS,CAAC,KAAK,EAAE,aAAa,KAAK;IAClC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EACN,SAAS,GACT,CAAC,CACD,aAAa,EAAE,GACb,CAAC,IAAI,YAAY,IAAI,GAAG,CAAC,UAAU,GAAG,sBAAsB,GAC7D,KACI,SAAS,CAAC,CAAC;CACnB,KAiKI,GACH,CAAC,IAAI,YAAY,IAAI,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GACjE,GAAG,GACF,CAAC,IAAI,YAAY,IAAI,GAAG,CAAC,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,GAC/F,GAAG,GACF,CAAC,IAAI,YAAY,IAAI,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAC9D,GAAG,GACF,CAAC,IAAI,YAAY,IAAI,MAAM,CAAC,SAAS,GAAG,MAAM,OAAO,SAAS,IAAI,GAChE,YAAY,GACZ,YAAY,GAAG,IAAI,GACtB,GAAG,GACF,CAAC,IAAI,YAAY,IAAI,MAAM,CAAC,OAAO,GAAG,iBAAiB,CACvD,YAAY,EACZ,OAAO,CACP,GACD,GAAG,GACF,CAAC,IAAI,YAAY,IAAI,MAAM,CAAC,eAAe,GAAG,yBAAyB,CAAC,YAAY,CAAC,GACtF,CAEF"}
+{"version":3,"file":"create-provider.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/create-provider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAEN,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AAEf,KAAK,gBAAgB,CACpB,YAAY,EACZ,OAAO,SAAS,OAAO,IACpB,OAAO,SAAS,IAAI,GAAG,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC;AAE9D,KAAK,gBAAgB,CAAC,YAAY,EAAE,OAAO,SAAS,OAAO,EAAE,QAAQ,IAAI,CACxE,KAAK,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,KAC1C,QAAQ,CAAC;AAEd,KAAK,iBAAiB,CAAC,YAAY,EAAE,OAAO,SAAS,OAAO,IAAI;IAC/D,IAAI,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC,QAAQ,EACR,QAAQ,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,GACzD,QAAQ,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,YAAY,IAAI;IACpD,cAAc,EAAE,iBAAiB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,YAAY;IAC7C,WAAW,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAChD;AA+ED,MAAM,CAAC,OAAO,UAAU,cAAc,CACrC,YAAY,SAAS,MAAM,EAC3B,OAAO,SAAS,OAAO,GAAG,IAAI,EAC7B,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,IAC5C,aAAa,SAAS,MAAM,EAAE,YAAY,EACjD,SAAS,CACR,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,wBAAwB,CAAC,YAAY,CAAC,KAC7C;IACJ,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,KAmGI,GACH,CAAC,IAAI,YAAY,IAAI,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAC9D,GAAG,GACF,CAAC,IAAI,YAAY,IAAI,MAAM,CAAC,OAAO,GAAG,iBAAiB,CACvD,YAAY,EACZ,OAAO,CACP,GACD,CAEF"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-screen-transitions",
-	"version": "3.10.0",
+	"version": "3.11.0",
 	"description": "Easy screen transitions for React Native and Expo",
 	"author": "Ed",
 	"license": "MIT",

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

@@ -1,8 +1,10 @@
 import {
 	NavigationContext,
+	type NavigationProp,
 	NavigationRouteContext,
+	type ParamListBase,
 } from "@react-navigation/native";
-import { memo } from "react";
+import { memo, type ReactNode } from "react";
 import {
 	ActivityContainer,
 	ActivityScreen,
@@ -10,72 +12,126 @@ import {
 import { PortalProvider } from "../../shared/components/boundary/portal";
 import { Overlay } from "../../shared/components/overlay";
 import { ScreenComposer } from "../../shared/providers/screen/screen-composer";
-import { withBlankStack } from "../../shared/providers/stack/blank-stack.provider";
-import { withStackCore } from "../../shared/providers/stack/core.provider";
-import type { BaseStackScene } from "../../shared/types/stack.types";
+import {
+	BlankStackProvider,
+	useBlankStackStore,
+} from "../../shared/providers/stack/blank-stack.provider";
+import {
+	type StackCoreConfig,
+	StackCoreProvider,
+} from "../../shared/providers/stack/core.provider";
+import type { BlankStackProviderProps } from "../../shared/types/providers/blank-stack-provider.types";
 import type {
 	BlankStackDescriptor,
 	BlankStackNavigationHelpers,
 } from "../types";
 
-interface BlankSceneRowProps {
-	scene: BaseStackScene<BlankStackDescriptor>;
-	paintDriverRouteKey?: string;
+interface RouteKeyProps {
+	routeKey: string;
 }
 
-const BlankSceneRow = memo(function BlankSceneRow({
-	scene,
-	paintDriverRouteKey,
-}: BlankSceneRowProps) {
-	const descriptor = scene.descriptor;
-	const route = scene.route;
+const BlankNavigationProvider = memo(function BlankNavigationProvider({
+	children,
+	routeKey,
+}: RouteKeyProps & { children: ReactNode }) {
+	const navigation = useBlankStackStore(
+		(store) => store?.scenesByKey[routeKey]?.descriptor.navigation,
+	) as NavigationProp<ParamListBase> | undefined;
+	const route = useBlankStackStore(
+		(store) => store?.scenesByKey[routeKey]?.route,
+	);
+
+	if (!navigation || !route) {
+		throw new Error(`Blank stack scene "${routeKey}" was not found.`);
+	}
 
 	return (
-		<NavigationContext.Provider value={descriptor.navigation}>
+		<NavigationContext.Provider value={navigation}>
 			<NavigationRouteContext.Provider value={route}>
-				<ActivityScreen
-					activity={descriptor.activity}
-					inactiveBehavior={descriptor.options.inactiveBehavior}
-					paintDriverRouteKey={paintDriverRouteKey}
-					hasNestedState={"state" in route}
-				>
-					<ScreenComposer
-						previous={scene.previousDescriptor}
-						current={descriptor}
-						next={scene.nextDescriptor}
-					>
-						{descriptor.render?.()}
-					</ScreenComposer>
-				</ActivityScreen>
+				{children}
 			</NavigationRouteContext.Provider>
 		</NavigationContext.Provider>
 	);
 });
 
-export const StackView = withStackCore(
-	{ TRANSITIONS_ALWAYS_ON: true, DISABLE_NATIVE_SCREENS: false },
-	withBlankStack<BlankStackDescriptor, BlankStackNavigationHelpers>(
-		({ scenes, shouldShowFloatOverlay }) => {
-			return (
-				<PortalProvider>
-					{shouldShowFloatOverlay ? <Overlay.Float /> : null}
+const BlankSceneContent = memo(function BlankSceneContent({
+	routeKey,
+}: RouteKeyProps) {
+	const render = useBlankStackStore(
+		(store) => store?.scenesByKey[routeKey]?.descriptor.render,
+	);
+
+	return render?.() ?? null;
+});
+
+const BlankSceneRow = memo(function BlankSceneRow({ routeKey }: RouteKeyProps) {
+	return (
+		<BlankNavigationProvider routeKey={routeKey}>
+			<ActivityScreen routeKey={routeKey}>
+				<ScreenComposer routeKey={routeKey}>
+					<BlankSceneContent routeKey={routeKey} />
+				</ScreenComposer>
+			</ActivityScreen>
+		</BlankNavigationProvider>
+	);
+});
+
+const StackViewContent = memo(function StackViewContent() {
+	const routeKeys = useBlankStackStore(
+		(store) => store?.routeKeys ?? EMPTY_ROUTE_KEYS,
+	);
+	const shouldShowFloatOverlay = useBlankStackStore(
+		(store) => store?.shouldShowFloatOverlay ?? false,
+	);
+
+	return (
+		<PortalProvider>
+			{shouldShowFloatOverlay ? <Overlay.Float /> : null}
+
+			<ActivityContainer>
+				{routeKeys.map((routeKey) => (
+					<BlankSceneRow key={routeKey} routeKey={routeKey} />
+				))}
+			</ActivityContainer>
+		</PortalProvider>
+	);
+});
+
+const EMPTY_ROUTE_KEYS: string[] = [];
 
-					<ActivityContainer>
-						{scenes.map((scene, index) => {
-							const route = scene.route;
-							const paintDriverRouteKey = scenes[index + 2]?.route.key;
+type StackViewProps = BlankStackProviderProps<
+	BlankStackDescriptor,
+	BlankStackNavigationHelpers
+> &
+	StackCoreConfig;
 
-							return (
-								<BlankSceneRow
-									key={route.key}
-									scene={scene}
-									paintDriverRouteKey={paintDriverRouteKey}
-								/>
-							);
-						})}
-					</ActivityContainer>
-				</PortalProvider>
-			);
-		},
-	),
-);
+export const StackView = memo(function StackView({
+	DISABLE_NATIVE_SCREENS,
+	DISABLE_NATIVE_SCREEN_CONTAINER,
+	TRANSITIONS_ALWAYS_ON,
+	STACK_TYPE,
+	state,
+	navigation,
+	descriptors,
+	describe,
+}: StackViewProps) {
+	return (
+		<StackCoreProvider
+			config={{
+				TRANSITIONS_ALWAYS_ON: TRANSITIONS_ALWAYS_ON ?? true,
+				STACK_TYPE,
+				DISABLE_NATIVE_SCREENS: DISABLE_NATIVE_SCREENS ?? false,
+				DISABLE_NATIVE_SCREEN_CONTAINER,
+			}}
+		>
+			<BlankStackProvider
+				state={state}
+				navigation={navigation}
+				descriptors={descriptors}
+				describe={describe}
+			>
+				<StackViewContent />
+			</BlankStackProvider>
+		</StackCoreProvider>
+	);
+});

package/src/blank-stack/types.ts

@@ -12,7 +12,6 @@ import type {
 } from "@react-navigation/native";
 import type { InactiveBehavior, ScreenTransitionConfig } from "../shared";
 import type { OverlayProps } from "../shared/types/overlay.types";
-import type { StackSceneActivity } from "../shared/types/stack.types";
 
 export type { InactiveBehavior } from "../shared";
 
@@ -143,6 +142,4 @@ export type BlankStackDescriptor = Descriptor<
 	BlankStackNavigationOptions,
 	BlankStackNavigationProp<ParamListBase>,
 	RouteProp<ParamListBase>
-> & {
-	activity: StackSceneActivity;
-};
+>;

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

@@ -1,9 +1,16 @@
-import { Fragment } from "react";
+import { Fragment, memo } from "react";
 import { Overlay } from "../../shared/components/overlay";
 import { SceneView } from "../../shared/components/scene-view";
 import { ScreenComposer } from "../../shared/providers/screen/screen-composer";
-import { withBlankStack } from "../../shared/providers/stack/blank-stack.provider";
-import { withStackCore } from "../../shared/providers/stack/core.provider";
+import {
+	BlankStackProvider,
+	useBlankStackStore,
+} from "../../shared/providers/stack/blank-stack.provider";
+import {
+	type StackCoreConfig,
+	StackCoreProvider,
+} from "../../shared/providers/stack/core.provider";
+import type { BlankStackProviderProps } from "../../shared/types/providers/blank-stack-provider.types";
 import { StackType } from "../../shared/types/stack.types";
 import type {
 	ComponentStackDescriptor,
@@ -11,32 +18,89 @@ import type {
 } from "../types";
 import { ComponentScreen } from "./component-screen";
 
-export const StackView = withStackCore(
-	{ TRANSITIONS_ALWAYS_ON: true, STACK_TYPE: StackType.COMPONENT },
-	withBlankStack<ComponentStackDescriptor, ComponentStackNavigationHelpers>(
-		({ scenes, shouldShowFloatOverlay }) => {
-			return (
-				<Fragment>
-					{shouldShowFloatOverlay ? <Overlay.Float /> : null}
-
-					{scenes.map((scene) => {
-						const descriptor = scene.descriptor;
-						const route = scene.route;
-
-						return (
-							<ComponentScreen key={route.key} routeKey={route.key}>
-								<ScreenComposer
-									previous={scene.previousDescriptor}
-									current={descriptor}
-									next={scene.nextDescriptor}
-								>
-									<SceneView key={route.key} descriptor={descriptor} />
-								</ScreenComposer>
-							</ComponentScreen>
-						);
-					})}
-				</Fragment>
-			);
-		},
-	),
-);
+const EMPTY_ROUTE_KEYS: string[] = [];
+
+const ComponentSceneContent = memo(function ComponentSceneContent({
+	routeKey,
+}: {
+	routeKey: string;
+}) {
+	const descriptor = useBlankStackStore(
+		(store) => store?.scenesByKey[routeKey]?.descriptor,
+	) as ComponentStackDescriptor | undefined;
+
+	if (!descriptor) {
+		throw new Error(`Component stack scene "${routeKey}" was not found.`);
+	}
+
+	return <SceneView descriptor={descriptor} />;
+});
+
+const ComponentSceneRow = memo(function ComponentSceneRow({
+	routeKey,
+}: {
+	routeKey: string;
+}) {
+	return (
+		<ComponentScreen routeKey={routeKey}>
+			<ScreenComposer routeKey={routeKey}>
+				<ComponentSceneContent routeKey={routeKey} />
+			</ScreenComposer>
+		</ComponentScreen>
+	);
+});
+
+const StackViewContent = memo(function StackViewContent() {
+	const routeKeys = useBlankStackStore(
+		(store) => store?.routeKeys ?? EMPTY_ROUTE_KEYS,
+	);
+	const shouldShowFloatOverlay = useBlankStackStore(
+		(store) => store?.shouldShowFloatOverlay ?? false,
+	);
+
+	return (
+		<Fragment>
+			{shouldShowFloatOverlay ? <Overlay.Float /> : null}
+
+			{routeKeys.map((routeKey) => (
+				<ComponentSceneRow key={routeKey} routeKey={routeKey} />
+			))}
+		</Fragment>
+	);
+});
+
+type StackViewProps = BlankStackProviderProps<
+	ComponentStackDescriptor,
+	ComponentStackNavigationHelpers
+> &
+	StackCoreConfig;
+
+export const StackView = memo(function StackView({
+	DISABLE_NATIVE_SCREENS,
+	DISABLE_NATIVE_SCREEN_CONTAINER,
+	TRANSITIONS_ALWAYS_ON,
+	state,
+	navigation,
+	descriptors,
+	describe,
+}: StackViewProps) {
+	return (
+		<StackCoreProvider
+			config={{
+				TRANSITIONS_ALWAYS_ON: TRANSITIONS_ALWAYS_ON ?? true,
+				STACK_TYPE: StackType.COMPONENT,
+				DISABLE_NATIVE_SCREENS,
+				DISABLE_NATIVE_SCREEN_CONTAINER,
+			}}
+		>
+			<BlankStackProvider
+				state={state}
+				navigation={navigation}
+				descriptors={descriptors}
+				describe={describe}
+			>
+				<StackViewContent />
+			</BlankStackProvider>
+		</StackCoreProvider>
+	);
+});