@symbiote-native/navigation 2.0.3 → 2.2.0

package/src/core/header-bar-buttons.ts

@@ -21,7 +21,9 @@ import type {
 // time (both the structured `icon` field AND the flat native keys reach native - RNS's own
 // prepareHeaderBarButtonItems keeps both), and resolves image assets through the same resolver
 // the Image component uses.
-function prepareIcon(icon: IHeaderBarButtonIcon | undefined): Record<string, unknown> {
+function prepareIcon(
+  icon: IHeaderBarButtonIcon | undefined,
+): Record<string, unknown> {
   if (!icon) return {};
   switch (icon.type) {
     case 'sfSymbol':
@@ -31,7 +33,9 @@ function prepareIcon(icon: IHeaderBarButtonIcon | undefined): Record<string, unk
     case 'imageSource':
       return { imageSource: imageStatics.resolveAssetSource(icon.imageSource) };
     case 'templateSource':
-      return { templateSource: imageStatics.resolveAssetSource(icon.templateSource) };
+      return {
+        templateSource: imageStatics.resolveAssetSource(icon.templateSource),
+      };
   }
 }
 
@@ -40,7 +44,11 @@ type ISharedItem = IHeaderBarButtonItemAction | IHeaderBarButtonItemMenu;
 // The one id algorithm both the payload tagger (prepareMenuItems/prepareHeaderBarButtonItems)
 // and the dispatch-lookup builder (collectMenuHandlers/collectBarButtonHandlers) call - so a
 // change to the id scheme genuinely can't desync payload tagging from dispatch lookup.
-function buildMenuId(path: string, index: number, side: 'left' | 'right'): string {
+function buildMenuId(
+  path: string,
+  index: number,
+  side: 'left' | 'right',
+): string {
   return `${path}-${index}-${side}`;
 }
 
@@ -54,18 +62,26 @@ function prepareTitleStyle(
   if (!titleStyle) return undefined;
   return {
     ...titleStyle,
-    color: titleStyle.color === undefined ? undefined : processColor(titleStyle.color),
+    color:
+      titleStyle.color === undefined
+        ? undefined
+        : processColor(titleStyle.color),
   };
 }
 
-function prepareBadge(badge: ISharedItem['badge']): Record<string, unknown> | undefined {
+function prepareBadge(
+  badge: ISharedItem['badge'],
+): Record<string, unknown> | undefined {
   if (!badge) return undefined;
   return {
     ...badge,
     style: badge.style
       ? {
           ...badge.style,
-          color: badge.style.color === undefined ? undefined : processColor(badge.style.color),
+          color:
+            badge.style.color === undefined
+              ? undefined
+              : processColor(badge.style.color),
           backgroundColor:
             badge.style.backgroundColor === undefined
               ? undefined
@@ -81,7 +97,9 @@ function prepareBadge(badge: ISharedItem['badge']): Record<string, unknown> | un
 // headerRightBarButtonItems array it's nested in - not just the one bad field - so bar buttons and
 // menu actions never reached native at all, despite the buttonId/menuId dispatch wiring itself
 // being entirely correct.
-function excludeOnPress<T extends { onPress: unknown }>(item: T): Omit<T, 'onPress'> {
+function excludeOnPress<T extends { onPress: unknown }>(
+  item: T,
+): Omit<T, 'onPress'> {
   const { onPress: _onPress, ...rest } = item;
   return rest;
 }
@@ -95,12 +113,15 @@ function prepareSharedFields(
     ...(item.type === 'button' ? excludeOnPress(item) : item),
     ...prepareIcon(item.icon),
     titleStyle: prepareTitleStyle(item.titleStyle),
-    tintColor: item.tintColor === undefined ? undefined : processColor(item.tintColor),
+    tintColor:
+      item.tintColor === undefined ? undefined : processColor(item.tintColor),
     badge: prepareBadge(item.badge),
   };
 }
 
-type IMenuLike = { items: (IHeaderBarButtonMenuAction | IHeaderBarButtonSubmenu)[] };
+type IMenuLike = {
+  items: (IHeaderBarButtonMenuAction | IHeaderBarButtonSubmenu)[];
+};
 
 // Recursively tags every menu action with a `menuId` derived from its tree position
 // (`${path}-${index}-${side}`), mirroring RNS's own prepareMenu exactly - the id must match what
@@ -117,7 +138,11 @@ function prepareMenuItems<T extends IMenuLike>(
       const currentPath = path ? `${path}.${menuIndex}` : `${menuIndex}`;
       const icon = prepareIcon(menuItem.icon);
       if (menuItem.type === 'submenu') {
-        return { ...menuItem, ...icon, ...prepareMenuItems(menuItem, index, side, currentPath) };
+        return {
+          ...menuItem,
+          ...icon,
+          ...prepareMenuItems(menuItem, index, side, currentPath),
+        };
       }
       return {
         ...excludeOnPress(menuItem),
@@ -139,7 +164,8 @@ export function prepareHeaderBarButtonItems(
   return items.map((item, index) => {
     if (item.type === 'spacing') return item;
     const prepared = prepareSharedFields(item);
-    if (item.type === 'button') return { ...prepared, buttonId: buildButtonId(index, side) };
+    if (item.type === 'button')
+      return { ...prepared, buttonId: buildButtonId(index, side) };
     return { ...prepared, menu: prepareMenuItems(item.menu, index, side) };
   });
 }
@@ -176,7 +202,10 @@ function collectBarButtonHandlers(
   });
 }
 
-function readStringField(record: Record<string, unknown>, key: string): string | undefined {
+function readStringField(
+  record: Record<string, unknown>,
+  key: string,
+): string | undefined {
   const value = record[key];
   return typeof value === 'string' ? value : undefined;
 }

package/src/core/index.ts

@@ -14,7 +14,16 @@ export {
   computeActivityState,
   isTopRoute,
 } from './navigator-state';
-export type { IRoute, INavigatorState, INavigatorAction } from './navigator-state';
+export type {
+  IRoute,
+  INavigatorState,
+  INavigatorAction,
+} from './navigator-state';
+
+// Drops history entries whose `<Stack.Screen>` marker has unregistered - see
+// stack-router-state.ts's header for why the Stack's history needs this and the Tab's projection
+// does not.
+export { reconcileStackRoutes } from './stack-router-state';
 
 export type {
   IStackAnimation,
@@ -45,7 +54,11 @@ export type {
   ISearchBarViewProps,
 } from './navigator-props';
 
-export { resolveHeaderConfigView, resolveScreenView, resolveSearchBarView } from './screen-options';
+export {
+  resolveHeaderConfigView,
+  resolveScreenView,
+  resolveSearchBarView,
+} from './screen-options';
 
 export { buildSearchBarHandle } from './search-bar-commands';
 export type { ISearchBarCommands } from './search-bar-commands';
@@ -65,7 +78,10 @@ export {
 } from './render-stack';
 export type { IScreenRenderPlanInput, IScreenRenderPlan } from './render-stack';
 
-export { serializeNavigatorState, deserializeNavigatorState } from './state-persistence';
+export {
+  serializeNavigatorState,
+  deserializeNavigatorState,
+} from './state-persistence';
 
 export {
   createNavigationEmitter,
@@ -89,7 +105,12 @@ export { isRecord } from './guards';
 
 // Bottom-tabs navigator: a FOCUSED-INDEX router (not a stack - see tab-router-state.ts) driving
 // a pure-JS tab bar render, framework-agnostic and shared verbatim by every adapter.
-export { createInitialTabState, tabRouterReducer, isFocusedRoute } from './tab-router-state';
+export {
+  createInitialTabState,
+  tabRouterReducer,
+  reconcileTabRoutes,
+  isFocusedRoute,
+} from './tab-router-state';
 export type { ITabRouterState, ITabRouterAction } from './tab-router-state';
 
 export type { ITabBarIcon, ITabOptions } from './tab-options';
@@ -110,7 +131,10 @@ export {
   drawerRouterReducer,
   focusedDrawerRoute,
 } from './drawer-router-state';
-export type { IDrawerRouterState, IDrawerRouterAction } from './drawer-router-state';
+export type {
+  IDrawerRouterState,
+  IDrawerRouterAction,
+} from './drawer-router-state';
 
 export type {
   IDrawerType,

package/src/core/linking-config/index.ts

@@ -49,7 +49,9 @@ function normalizeSegment(segment: string): string {
 }
 
 function joinPath(parent: string, child: string): string {
-  const parts = [normalizeSegment(parent), normalizeSegment(child)].filter(part => part.length > 0);
+  const parts = [normalizeSegment(parent), normalizeSegment(child)].filter(
+    part => part.length > 0,
+  );
   return parts.join('/');
 }
 
@@ -68,14 +70,17 @@ function flattenScreens(
       continue;
     }
 
-    const nextParent = entry.path !== undefined ? joinPath(parentPath, entry.path) : parentPath;
+    const nextParent =
+      entry.path !== undefined ? joinPath(parentPath, entry.path) : parentPath;
 
     if (entry.screens !== undefined) {
       flattenScreens(entry.screens, nextParent, out);
     } else if (entry.path !== undefined) {
       out.push({ name, pattern: nextParent });
     } else {
-      dlog(`linking-config: screen "${name}" has neither a path nor nested screens, skipping`);
+      dlog(
+        `linking-config: screen "${name}" has neither a path nor nested screens, skipping`,
+      );
     }
   }
   return out;
@@ -93,12 +98,16 @@ function segmentCount(pattern: string): number {
 // More static segments should win over a param that would also match (e.g. a literal
 // '/user/me' pattern over '/user/:id'), mirroring how react-navigation prefers exact matches.
 function bySpecificity(a: IFlatRoutePattern, b: IFlatRoutePattern): number {
-  const dynamicDiff = dynamicSegmentCount(a.pattern) - dynamicSegmentCount(b.pattern);
+  const dynamicDiff =
+    dynamicSegmentCount(a.pattern) - dynamicSegmentCount(b.pattern);
   if (dynamicDiff !== 0) return dynamicDiff;
   return segmentCount(b.pattern) - segmentCount(a.pattern);
 }
 
-function matchPattern(pattern: string, pathname: string): Record<string, string> | null {
+function matchPattern(
+  pattern: string,
+  pathname: string,
+): Record<string, string> | null {
   const patternSegments = pattern.length === 0 ? [] : pattern.split('/');
   const pathSegments = pathname.length === 0 ? [] : pathname.split('/');
   if (patternSegments.length !== pathSegments.length) return null;
@@ -127,7 +136,9 @@ function stripQueryAndHash(url: string): string {
 // neither applies - an unrecognized scheme/host, not "no route matched".
 function extractPathname(config: ILinkingConfig, url: string): string | null {
   const withoutQuery = stripQueryAndHash(url);
-  const sortedPrefixes = [...config.prefixes].sort((a, b) => b.length - a.length);
+  const sortedPrefixes = [...config.prefixes].sort(
+    (a, b) => b.length - a.length,
+  );
   for (const prefix of sortedPrefixes) {
     if (withoutQuery.startsWith(prefix)) {
       return normalizeSegment(withoutQuery.slice(prefix.length));
@@ -137,14 +148,19 @@ function extractPathname(config: ILinkingConfig, url: string): string | null {
   return null;
 }
 
-export function resolveRouteFromUrl(config: ILinkingConfig, url: string): IRoute<unknown> | null {
+export function resolveRouteFromUrl(
+  config: ILinkingConfig,
+  url: string,
+): IRoute<unknown> | null {
   const pathname = extractPathname(config, url);
   if (pathname === null) {
     dlog(`linking-config: url "${url}" matched no configured prefix`);
     return null;
   }
 
-  const candidates = flattenScreens(config.config.screens, '', []).sort(bySpecificity);
+  const candidates = flattenScreens(config.config.screens, '', []).sort(
+    bySpecificity,
+  );
   for (const candidate of candidates) {
     const params = matchPattern(candidate.pattern, pathname);
     if (params !== null) {
@@ -159,7 +175,9 @@ export function resolveRouteFromUrl(config: ILinkingConfig, url: string): IRoute
     }
   }
 
-  dlog(`linking-config: url "${url}" (path "${pathname}") matched no configured screen`);
+  dlog(
+    `linking-config: url "${url}" (path "${pathname}") matched no configured screen`,
+  );
   return null;
 }
 
@@ -182,7 +200,10 @@ function fillPattern(pattern: string, params: unknown): string | null {
   return segments.join('/');
 }
 
-export function resolveUrlFromRoute(config: ILinkingConfig, route: IRoute<unknown>): string | null {
+export function resolveUrlFromRoute(
+  config: ILinkingConfig,
+  route: IRoute<unknown>,
+): string | null {
   const candidate = flattenScreens(config.config.screens, '', []).find(
     entry => entry.name === route.name,
   );

package/src/core/navigation-events/index.ts

@@ -32,11 +32,17 @@ export type INavigationEventListener<TData = unknown> = (data: TData) => void;
 
 export type INavigationEmitter = {
   emit: (event: INavigationEventName, data?: unknown) => void;
-  addListener: (event: INavigationEventName, listener: INavigationEventListener) => () => void;
+  addListener: (
+    event: INavigationEventName,
+    listener: INavigationEventListener,
+  ) => () => void;
 };
 
 export function createNavigationEmitter(): INavigationEmitter {
-  const listenersByEvent = new Map<INavigationEventName, Set<INavigationEventListener>>();
+  const listenersByEvent = new Map<
+    INavigationEventName,
+    Set<INavigationEventListener>
+  >();
 
   function addListener(
     event: INavigationEventName,

package/src/core/navigator-handles/index.ts

@@ -44,9 +44,12 @@ export type IDrawerDescriptorMap = Record<
 // return this union since they don't know which navigator mounted the calling component; the
 // three guards below narrow it (used once, inside useStackNavigation/useTabNavigation/
 // useDrawerNavigation and their Vue/Angular equivalents) so app code never writes the guard itself.
-export type IAnyNavigatorHandle = INavigatorHandle | ITabNavigatorHandle | IDrawerNavigatorHandle;
+export type IAnyNavigatorHandle =
+  INavigatorHandle | ITabNavigatorHandle | IDrawerNavigatorHandle;
 
-export function isStackNavigatorHandle(handle: IAnyNavigatorHandle): handle is INavigatorHandle {
+export function isStackNavigatorHandle(
+  handle: IAnyNavigatorHandle,
+): handle is INavigatorHandle {
   return 'push' in handle;
 }
 
@@ -58,6 +61,8 @@ export function isDrawerNavigatorHandle(
 
 // jumpTo exists on both Tab and Drawer handles, so a Tab handle is a jumpTo-having handle that
 // isn't a Drawer handle (Drawer's own openDrawer/closeDrawer/toggleDrawer rule it out).
-export function isTabNavigatorHandle(handle: IAnyNavigatorHandle): handle is ITabNavigatorHandle {
+export function isTabNavigatorHandle(
+  handle: IAnyNavigatorHandle,
+): handle is ITabNavigatorHandle {
   return 'jumpTo' in handle && !isDrawerNavigatorHandle(handle);
 }

package/src/core/navigator-props.ts

@@ -51,8 +51,10 @@ export type IOptionalBooleanNativeProp = 'undefined' | 'false' | 'true';
 // mirrors react-native-screens' own ScreenProps['sheetAllowedDetents'] - a plain fraction array,
 // sorted ascending, or one of RNS's named presets; the fold to the native `sheetAllowedDetents:
 // number[]` array happens in screen-options.ts, replicating RNS's own resolveSheetAllowedDetents.
-export type ISheetAllowedDetents = number[] | 'fitToContents' | 'large' | 'medium' | 'all';
-export type ISheetLargestUndimmedDetent = number | 'last' | 'none' | 'all' | 'large' | 'medium';
+export type ISheetAllowedDetents =
+  number[] | 'fitToContents' | 'large' | 'medium' | 'all';
+export type ISheetLargestUndimmedDetent =
+  number | 'last' | 'none' | 'all' | 'large' | 'medium';
 export type ISheetInitialDetent = number | 'last';
 
 // A bar-button item's icon: SF Symbol / iOS asset-catalog name, or an image asset. Mirrors RNS's
@@ -143,13 +145,20 @@ export type IHeaderBarButtonItemMenu = ISharedHeaderBarButtonItem & {
 export type IHeaderBarButtonItemSpacing = { type: 'spacing'; spacing: number };
 
 export type IHeaderBarButtonItem =
-  IHeaderBarButtonItemAction | IHeaderBarButtonItemMenu | IHeaderBarButtonItemSpacing;
+  | IHeaderBarButtonItemAction
+  | IHeaderBarButtonItemMenu
+  | IHeaderBarButtonItemSpacing;
 
 export type ISearchBarAutoCapitalize =
   'systemDefault' | 'none' | 'words' | 'sentences' | 'characters';
 
 export type ISearchBarPlacement =
-  'automatic' | 'inline' | 'stacked' | 'integrated' | 'integratedButton' | 'integratedCentered';
+  | 'automatic'
+  | 'inline'
+  | 'stacked'
+  | 'integrated'
+  | 'integratedButton'
+  | 'integratedCentered';
 
 // RNSSearchBar's full static config surface plus every event callback react-native-screens'
 // own SearchBarProps exposes (types.tsx): onChangeText/onSearchButtonPress carry the current

package/src/core/navigator-state/index.ts

@@ -4,7 +4,10 @@
 // (`key`) is generated by the CALLER (the adapter, via React's useId or an equivalent) - the
 // reducer never invents identity itself, so it stays a pure (state, action) => state function.
 
-import { SCREEN_ACTIVITY_STATE_FOCUSED, SCREEN_ACTIVITY_STATE_INACTIVE } from '../constants';
+import {
+  SCREEN_ACTIVITY_STATE_FOCUSED,
+  SCREEN_ACTIVITY_STATE_INACTIVE,
+} from '../constants';
 import { mergeParams } from '../guards';
 
 export type IRoute<TParams = undefined> = Readonly<{
@@ -28,7 +31,9 @@ export type INavigatorAction =
   | { type: 'setParams'; key?: string; params: unknown }
   | { type: 'reset'; state: INavigatorState };
 
-export function createInitialNavigatorState(initialRoute: IRouteEntry): INavigatorState {
+export function createInitialNavigatorState(
+  initialRoute: IRouteEntry,
+): INavigatorState {
   return { routes: [initialRoute] };
 }
 
@@ -50,7 +55,9 @@ export function navigatorReducer(
     }
 
     case 'popToTop':
-      return state.routes.length <= 1 ? state : { routes: state.routes.slice(0, 1) };
+      return state.routes.length <= 1
+        ? state
+        : { routes: state.routes.slice(0, 1) };
 
     case 'popTo': {
       const index = state.routes.findIndex(route => route.key === action.key);
@@ -68,7 +75,8 @@ export function navigatorReducer(
     // `source`-defaults-to-focused-route behavior, minus the cross-navigator target routing this
     // single-navigator reducer has no need for.
     case 'setParams': {
-      const targetKey = action.key ?? state.routes[state.routes.length - 1]?.key;
+      const targetKey =
+        action.key ?? state.routes[state.routes.length - 1]?.key;
       if (targetKey === undefined) return state;
       const index = state.routes.findIndex(route => route.key === targetKey);
       if (index === -1) return state;
@@ -78,7 +86,11 @@ export function navigatorReducer(
         params: mergeParams(target.params, action.params),
       };
       return {
-        routes: [...state.routes.slice(0, index), nextRoute, ...state.routes.slice(index + 1)],
+        routes: [
+          ...state.routes.slice(0, index),
+          nextRoute,
+          ...state.routes.slice(index + 1),
+        ],
       };
     }
 
@@ -102,9 +114,14 @@ export function navigatorReducer(
 // an already-mounted NativeStack screen's activityState can never decrease via a plain prop
 // update ("activityState can only progress in NativeStack") - since no mounted route's index ever
 // exceeds routesLength - 1, this formula never produces a decrease across a push or pop.
-export function computeActivityState(index: number, routesLength: number): number {
+export function computeActivityState(
+  index: number,
+  routesLength: number,
+): number {
   const focusedIndex = routesLength - 1;
-  return index > focusedIndex ? SCREEN_ACTIVITY_STATE_INACTIVE : SCREEN_ACTIVITY_STATE_FOCUSED;
+  return index > focusedIndex
+    ? SCREEN_ACTIVITY_STATE_INACTIVE
+    : SCREEN_ACTIVITY_STATE_FOCUSED;
 }
 
 export function isTopRoute(index: number, routesLength: number): boolean {

package/src/core/render-drawer.ts

@@ -32,7 +32,9 @@ export type IDrawerSlot = 'content' | 'overlay' | 'panel';
 // slide: panel, overlay, content (both panel and content animate; content stays visually on top).
 // permanent: NOT absolutely positioned (an ordinary flexDirection:'row' sidebar), so sibling
 // order IS the left-to-right screen position - it must follow drawerPosition.
-export function drawerChildOrder(options: IDrawerOptions): readonly IDrawerSlot[] {
+export function drawerChildOrder(
+  options: IDrawerOptions,
+): readonly IDrawerSlot[] {
   const type = resolveDrawerType(options);
   switch (type) {
     case 'back':
@@ -89,12 +91,22 @@ function panelBaseStyle(options: IDrawerOptions): IViewStyle {
   };
 }
 
-export function renderDrawer(view: IDrawerViewProps, options: IDrawerOptions): IDescriptor {
+export function renderDrawer(
+  view: IDrawerViewProps,
+  options: IDrawerOptions,
+): IDescriptor {
   const type = resolveDrawerType(options);
-  const content = el('symbiote-view', { ...view.contentPassthrough, style: CONTENT_STYLE }, []);
+  const content = el(
+    'symbiote-view',
+    { ...view.contentPassthrough, style: CONTENT_STYLE },
+    [],
+  );
   const panel = el(
     'symbiote-view',
-    { ...view.panelPassthrough, style: [panelBaseStyle(options), view.drawerStyle] },
+    {
+      ...view.panelPassthrough,
+      style: [panelBaseStyle(options), view.drawerStyle],
+    },
     [],
   );
 
@@ -110,11 +122,14 @@ export function renderDrawer(view: IDrawerViewProps, options: IDrawerOptions): I
     );
   }
 
-  const children = drawerChildOrder(options).reduce<IDescriptor[]>((acc, slot) => {
-    const descriptor = slots[slot];
-    if (descriptor !== undefined) acc.push(descriptor);
-    return acc;
-  }, []);
+  const children = drawerChildOrder(options).reduce<IDescriptor[]>(
+    (acc, slot) => {
+      const descriptor = slots[slot];
+      if (descriptor !== undefined) acc.push(descriptor);
+      return acc;
+    },
+    [],
+  );
 
   const rootStyle: IViewStyle =
     type === 'permanent' ? { ...ROOT_STYLE, flexDirection: 'row' } : ROOT_STYLE;

package/src/core/render-stack.ts

@@ -41,7 +41,11 @@ import type {
   IStackPresentation,
   IStackViewProps,
 } from './navigator-props';
-import { resolveHeaderConfigView, resolveScreenView, resolveSearchBarView } from './screen-options';
+import {
+  resolveHeaderConfigView,
+  resolveScreenView,
+  resolveSearchBarView,
+} from './screen-options';
 
 // Mirrors react-native-screens' ScreenStackItem.tsx (getPositioningStyle): a formSheet's content
 // wrapper does not get `flex: 1`. RNSScreen.mm's updateBounds pushes the sheet's live native size
@@ -101,7 +105,9 @@ export function resolveScreenViewName(
     stackPresentation === 'push' ||
     stackPresentation === 'containedModal' ||
     stackPresentation === 'containedTransparentModal';
-  return isPlainPresentation ? RNS_SCREEN_VIEW_NAME : RNS_MODAL_SCREEN_VIEW_NAME;
+  return isPlainPresentation
+    ? RNS_SCREEN_VIEW_NAME
+    : RNS_MODAL_SCREEN_VIEW_NAME;
 }
 
 export function resolveScreenContentWrapperStyle(
@@ -141,14 +147,23 @@ export function isHeaderInModal(
   isAndroid: boolean,
 ): boolean {
   if (isAndroid) return false;
-  return (stackPresentation ?? STACK_DEFAULT_PRESENTATION) !== 'push' && !headerHidden;
+  return (
+    (stackPresentation ?? STACK_DEFAULT_PRESENTATION) !== 'push' &&
+    !headerHidden
+  );
 }
 
 // Inner-modal wrapper styles for isHeaderInModal: the inner RNSScreenStack fills its outer
 // RNSScreen, and the inner RNSScreen fills the stack absolutely on all four edges. This mirrors
 // react-native-screens' own `styles.container` / `StyleSheet.absoluteFill` for this exact pair.
 const HEADER_IN_MODAL_STACK_STYLE = { flex: 1 };
-const HEADER_IN_MODAL_SCREEN_STYLE = { position: 'absolute', top: 0, start: 0, end: 0, bottom: 0 };
+const HEADER_IN_MODAL_SCREEN_STYLE = {
+  position: 'absolute',
+  top: 0,
+  start: 0,
+  end: 0,
+  bottom: 0,
+};
 
 export function resolveHeaderInModalStackStyle(): Record<string, unknown> {
   return HEADER_IN_MODAL_STACK_STYLE;
@@ -160,7 +175,9 @@ export function resolveHeaderInModalScreenStyle(): Record<string, unknown> {
 
 // The RNSScreen leaf's own props; the adapter spreads this record directly onto the element it
 // builds and appends the header config child and real screen content itself, not here.
-export function resolveScreenProps(view: IScreenViewProps): Record<string, unknown> {
+export function resolveScreenProps(
+  view: IScreenViewProps,
+): Record<string, unknown> {
   return {
     ...view.passthrough,
     screenId: view.screenId,
@@ -175,7 +192,8 @@ export function resolveScreenProps(view: IScreenViewProps): Record<string, unkno
     // coerceChildScrollViewComponentSizeToSize) is driven by that same state, so an async push
     // likely lags one step behind a fast drag. Scoped to formSheet: push/plain-modal screens have
     // no comparable live-resize need.
-    synchronousShadowStateUpdatesEnabled: view.stackPresentation === 'formSheet',
+    synchronousShadowStateUpdatesEnabled:
+      view.stackPresentation === 'formSheet',
     transitionDuration: view.transitionDuration,
     sheetAllowedDetents: view.sheetAllowedDetents,
     // Native RNSScreen's real prop names carry an "Index" suffix (react-native-screens' own
@@ -199,7 +217,9 @@ export function resolveScreenProps(view: IScreenViewProps): Record<string, unkno
 // `style: {flex: 1}` is ours, not react-native-screens': RNSScreenStackView sizes its nav
 // controller to `self.bounds`, which Yoga would otherwise collapse to zero, and (unlike RN's
 // own ScreenStack.tsx) we drive the native view directly (<third_party_rn_packages_are_react_only>).
-export function resolveStackProps(view: IStackViewProps): Record<string, unknown> {
+export function resolveStackProps(
+  view: IStackViewProps,
+): Record<string, unknown> {
   return { style: { flex: 1 }, ...view.passthrough };
 }
 
@@ -257,7 +277,9 @@ export function renderHeaderConfig(
 // The RNSSearchBar leaf's static config props; event handlers ride in `passthrough`.
 // renderHeaderConfig wraps this into the RNSSearchBar Descriptor and nests it as the header
 // config's child.
-export function resolveSearchBarProps(view: ISearchBarViewProps): Record<string, unknown> {
+export function resolveSearchBarProps(
+  view: ISearchBarViewProps,
+): Record<string, unknown> {
   return {
     ...view.passthrough,
     placeholder: view.placeholder,
@@ -368,19 +390,29 @@ export type IScreenRenderPlan = {
   innerScreenStyle: Record<string, unknown>;
 };
 
-export function resolveScreenRenderPlan(input: IScreenRenderPlanInput): IScreenRenderPlan {
+export function resolveScreenRenderPlan(
+  input: IScreenRenderPlanInput,
+): IScreenRenderPlan {
   const { options, isAndroid } = input;
   const headerHidden = options?.headerShown === false;
   const activityState = computeActivityState(input.index, input.routeCount);
 
   const screenProps = resolveScreenProps(
-    resolveScreenView(input.screenId, activityState, options, input.screenPassthrough),
+    resolveScreenView(
+      input.screenId,
+      activityState,
+      options,
+      input.screenPassthrough,
+    ),
   );
 
   const searchBarOptions = options?.headerSearchBarOptions;
   const searchBarProps = searchBarOptions
     ? resolveSearchBarProps(
-        resolveSearchBarView(searchBarOptions, input.searchBarPassthrough ?? {}),
+        resolveSearchBarView(
+          searchBarOptions,
+          input.searchBarPassthrough ?? {},
+        ),
       )
     : undefined;
 
@@ -394,7 +426,10 @@ export function resolveScreenRenderPlan(input: IScreenRenderPlanInput): IScreenR
 
   return {
     activityState,
-    screenViewName: resolveScreenViewName(options?.stackPresentation, isAndroid),
+    screenViewName: resolveScreenViewName(
+      options?.stackPresentation,
+      isAndroid,
+    ),
     screenProps,
     headerConfig,
     searchBarProps,
@@ -407,7 +442,11 @@ export function resolveScreenRenderPlan(input: IScreenRenderPlanInput): IScreenR
       ),
       collapsable: false,
     },
-    inModal: isHeaderInModal(options?.stackPresentation, headerHidden, isAndroid),
+    inModal: isHeaderInModal(
+      options?.stackPresentation,
+      headerHidden,
+      isAndroid,
+    ),
     innerStackStyle: resolveHeaderInModalStackStyle(),
     innerScreenStyle: resolveHeaderInModalScreenStyle(),
   };