one 1.26.1 → 2.0.0-beta.33.1

package/src/router/web/__tests__/stackStateUtils.test.ts

@@ -27,7 +27,7 @@ function makeState(
     routes,
     type: 'stack',
     stale: false,
-    preloadedRoutes: [],
+    retainedRouteKeys: [],
   } as unknown as StackNavigationState<ParamListBase>
 }
 
@@ -131,6 +131,18 @@ describe('convertStackStateToNonOverlayState', () => {
     expect(out.routes).toHaveLength(0)
     expect(out.index).toBe(0)
   })
+
+  it('ignores preloaded routes after the focused index', () => {
+    const state = makeState(['home', 'sheet', 'preloaded'], 1)
+    const descriptors = makeDescriptors(['home', 'sheet', 'preloaded'], {
+      home: 'card',
+      sheet: 'formSheet',
+      preloaded: 'card',
+    })
+    const out = convertStackStateToNonOverlayState(state, descriptors)
+    expect(out.routes.map((route) => route.name)).toEqual(['home'])
+    expect(out.index).toBe(0)
+  })
 })
 
 describe('findLastNonOverlayIndex', () => {
@@ -150,4 +162,14 @@ describe('findLastNonOverlayIndex', () => {
     const descriptors = makeDescriptors(['sheet'], { sheet: 'formSheet' })
     expect(findLastNonOverlayIndex(state, descriptors)).toBe(-1)
   })
+
+  it('does not treat a preloaded card as focused', () => {
+    const state = makeState(['home', 'sheet', 'preloaded'], 1)
+    const descriptors = makeDescriptors(['home', 'sheet', 'preloaded'], {
+      home: 'card',
+      sheet: 'formSheet',
+      preloaded: 'card',
+    })
+    expect(findLastNonOverlayIndex(state, descriptors)).toBe(0)
+  })
 })

package/src/router/web/stackStateUtils.ts

@@ -35,7 +35,8 @@ export function isTransparentOverlay(
 
 /**
  * Returns the underlying navigation state for NativeStackView with the
- * trailing overlay suffix removed.
+ * trailing overlay suffix removed. Routes after `state.index` are preloaded
+ * routes in React Navigation 8, so they are not part of the visible stack.
  *
  * Important: we only strip the suffix of overlay routes at the top of the
  * stack. Overlay routes that are SANDWICHED between cards (e.g. user
@@ -79,7 +80,7 @@ export function findLastNonOverlayIndex(
     options: NativeStackNavigationOptions | undefined | null
   ) => boolean = isOverlayPresentation
 ): number {
-  for (let i = state.routes.length - 1; i >= 0; i--) {
+  for (let i = state.index; i >= 0; i--) {
     if (!isOverlay(descriptors[state.routes[i]!.key]?.options)) {
       return i
     }

package/src/ui/README.md

@@ -1,14 +1,14 @@
 # One Headless UI Components
 
-Headless UI components for the One framework.
+Web-only headless UI components for the One framework.
 
 ## Overview
 
-The headless tabs system provides complete control over tab navigation UI while maintaining full integration with One's file-based routing system. Unlike traditional tabs that use `@react-navigation/bottom-tabs` with opinionated styling, these components are completely unstyled.
+The headless tabs system provides complete control over browser tab navigation UI while maintaining full integration with One's file-based routing system. These components render DOM elements and are completely unstyled. Use `Tabs` from `one` for React Navigation 8 tabs on iOS and Android.
 
 ## Installation
 
-The UI components are available through the `one/ui` submodule:
+The web UI components are available through the `one/ui` submodule. Put a React Navigation `Tabs` layout in the route's `.native.tsx` sibling when the same route runs on native.
 
 ```tsx
 import { Tabs, TabList, TabTrigger, TabSlot } from 'one/ui'
@@ -100,22 +100,14 @@ function CustomTabBar() {
   const profile = useTabTrigger({ name: 'profile' })
 
   return (
-    <View style={styles.customBar}>
-      <Pressable {...home.triggerProps}>
-        <Text style={home.trigger?.isFocused && styles.active}>
-          Home
-        </Text>
-      </Pressable>
-      <Pressable {...profile.triggerProps}>
-        <Text style={profile.trigger?.isFocused && styles.active}>
-          Profile
-        </Text>
-      </Pressable>
-    </View>
+    <nav>
+      <button {...home.triggerProps}>Home</button>
+      <button {...profile.triggerProps}>Profile</button>
+    </nav>
   )
 }
 ```
 
 ## Example
 
-See `/examples/one-basic/app/tabs/` for a working example with custom-styled tabs.
+See `/examples/one-basic/app/tabs/` for a working example with custom web tabs and an RN8 native sibling.

package/src/ui/Slot.tsx

@@ -1,43 +1,9 @@
 import { Slot as RUISlot } from '@radix-ui/react-slot'
-import {
-  type Component,
-  type ForwardRefExoticComponent,
-  forwardRef,
-  type RefAttributes,
-  useMemo,
-} from 'react'
-import { StyleSheet, type ViewProps } from 'react-native'
-
-/**
- * RadixUI has special logic to handle the merging of `style` and `className` props.
- * On the web styles are not allowed so Radix does not handle this scenario.
- * This could be fixed upstream (PR open), but it may not as RN is not their target
- * platform.
- *
- * This shim calls `StyleSheet.flatten` on the styles before we render the <Slot />
- *
- * @see https://github.com/expo/expo/issues/31352
- * @see https://github.com/radix-ui/primitives/issues/3107
- * @param Component
- * @returns
- */
-function ShimSlotForReactNative(Component: typeof RUISlot): typeof RUISlot {
-  return forwardRef(function RNSlotHOC({ style, ...props }, ref) {
-    if (process.env.NODE_ENV !== 'production') {
-      if (Array.isArray(style)) {
-        throw new Error(
-          'Slot does not support array styles. Use StyleSheet.flatten() or an object style instead.'
-        )
-      }
-    }
-    style = useMemo(() => StyleSheet.flatten(style), [style])
-    return <Component ref={ref} {...props} style={style} />
-  })
-}
+import type { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react'
 
 export interface Slot<
-  Props = ViewProps,
-  Ref = Component<ViewProps>,
+  Props = HTMLAttributes<HTMLElement>,
+  Ref = HTMLElement,
 > extends ForwardRefExoticComponent<Props & RefAttributes<Ref>> {}
 
-export const Slot: Slot = ShimSlotForReactNative(RUISlot) as Slot
+export const Slot = RUISlot as Slot

package/src/ui/TabContext.tsx

@@ -24,7 +24,6 @@ export type ExpoTabsNavigatorScreenOptions = {
 
 export type ExpoTabsNavigatorOptions = DefaultNavigatorOptions<
   ParamListBase,
-  string | undefined,
   TabNavigationState<ParamListBase>,
   ExpoTabsScreenOptions,
   TabNavigationEventMap,
@@ -37,20 +36,16 @@ export type ExpoTabsNavigatorOptions = DefaultNavigatorOptions<
 export type ExpoTabsNavigationProp<
   ParamList extends ParamListBase,
   RouteName extends keyof ParamList = keyof ParamList,
-  NavigatorID extends string | undefined = undefined,
 > = NavigationProp<
   ParamList,
   RouteName,
-  NavigatorID,
   TabNavigationState<ParamListBase>,
   ExpoTabsScreenOptions,
   TabNavigationEventMap
 >
 
-export type ExpoTabsScreenOptions = Pick<
-  BottomTabNavigationOptions,
-  'title' | 'lazy' | 'freezeOnBlur'
-> & {
+export type ExpoTabsScreenOptions = Pick<BottomTabNavigationOptions, 'title' | 'lazy'> & {
+  freezeOnBlur?: boolean
   params?: object
   title: string
   action: NavigationAction

package/src/ui/TabList.tsx

@@ -1,10 +1,9 @@
-import type { ComponentProps, ReactElement } from 'react'
-import { StyleSheet, View, type ViewProps } from 'react-native'
+import type { ComponentProps, HTMLAttributes, ReactElement } from 'react'
 
-import { ViewSlot } from './common'
+import { Slot } from './Slot'
 
-export type TabListProps = ViewProps & {
-  /** Forward props to child component and removes the extra `<View>`. Useful for custom wrappers. */
+export type TabListProps = HTMLAttributes<HTMLElement> & {
+  /** Forward props to child component and removes the extra `<nav>`. Useful for custom wrappers. */
   asChild?: boolean
 }
 
@@ -21,9 +20,9 @@ export type TabListProps = ViewProps & {
  * </Tabs>
  * ```
  */
-export function TabList({ asChild, style, ...props }: TabListProps) {
-  const Comp = asChild ? ViewSlot : View
-  return <Comp style={[styles.tabList, style]} {...props} />
+export function TabList({ asChild, ...props }: TabListProps) {
+  const Comp = asChild ? Slot : 'nav'
+  return <Comp {...props} />
 }
 
 /**
@@ -34,14 +33,3 @@ export function isTabList(
 ): child is ReactElement<ComponentProps<typeof TabList>> {
   return child.type === TabList
 }
-
-const styles = StyleSheet.create({
-  tabList: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  tabTrigger: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-})

package/src/ui/TabSlot.tsx

@@ -1,18 +1,12 @@
-import { type ComponentProps, type ReactElement, useState } from 'react'
-import { Platform, StyleSheet } from 'react-native'
-import { Screen, ScreenContainer } from 'react-native-screens'
+import { Activity, Fragment, type ReactElement, useState } from 'react'
 import { useNavigatorContext } from '../views/Navigator'
 import { TabContext, type TabsDescriptor } from './TabContext'
 import type { TabListProps } from './TabList'
 
-export type TabSlotProps = ComponentProps<typeof ScreenContainer> & {
-  /**
-   * Remove inactive screens.
-   */
+export type TabSlotProps = {
+  /** Remove inactive screens from the visible DOM tree. */
   detachInactiveScreens?: boolean
-  /**
-   * Override how the `Screen` component is rendered.
-   */
+  /** Override how each screen is rendered. */
   renderFn?: typeof defaultTabsSlotRender
 }
 
@@ -51,8 +45,7 @@ export type TabsSlotRenderOptions = {
  * ```
  */
 export function useTabSlot({
-  detachInactiveScreens = ['android', 'ios', 'web'].includes(Platform.OS),
-  style,
+  detachInactiveScreens = true,
   renderFn = defaultTabsSlotRender,
 }: TabSlotProps = {}) {
   const { state, descriptorsRef } = useNavigatorContext()
@@ -65,11 +58,7 @@ export function useTabSlot({
   }
 
   return (
-    <ScreenContainer
-      enabled={detachInactiveScreens}
-      hasTwoStates
-      style={[styles.screenContainer, style]}
-    >
+    <Fragment>
       {state.routes.map((route, index) => {
         const descriptor = descriptors[route.key] as unknown as TabsDescriptor
 
@@ -84,7 +73,7 @@ export function useTabSlot({
           </TabContext.Provider>
         )
       })}
-    </ScreenContainer>
+    </Fragment>
   )
 }
 
@@ -114,28 +103,20 @@ export function defaultTabsSlotRender(
   descriptor: TabsDescriptor,
   { isFocused, loaded, detachInactiveScreens }: TabsSlotRenderOptions
 ) {
-  const { lazy = true, unmountOnBlur, freezeOnBlur } = descriptor.options
+  const { lazy = true, unmountOnBlur } = descriptor.options
 
-  if (unmountOnBlur && !isFocused) {
-    return null
-  }
+  if ((unmountOnBlur || detachInactiveScreens) && !isFocused) return null
+  if (lazy && !loaded && !isFocused) return null
 
-  if (lazy && !loaded && !isFocused) {
-    // Don't render a lazy screen if we've never navigated to it
-    return null
+  if (!isFocused) {
+    return (
+      <Activity key={descriptor.route.key} mode="hidden">
+        {descriptor.render()}
+      </Activity>
+    )
   }
 
-  return (
-    <Screen
-      key={descriptor.route.key}
-      enabled={detachInactiveScreens}
-      activityState={isFocused ? 2 : 0}
-      freezeOnBlur={freezeOnBlur}
-      style={[styles.screen, isFocused ? styles.focused : styles.unfocused]}
-    >
-      {descriptor.render()}
-    </Screen>
-  )
+  return <Fragment key={descriptor.route.key}>{descriptor.render()}</Fragment>
 }
 
 /**
@@ -144,27 +125,3 @@ export function defaultTabsSlotRender(
 export function isTabSlot(child: ReactElement<any>): child is ReactElement<TabListProps> {
   return child.type === TabSlot
 }
-
-const styles = StyleSheet.create({
-  screen: {
-    flex: 1,
-    position: 'relative',
-    height: '100%',
-  },
-  screenContainer: {
-    flexShrink: 0,
-    flexGrow: 1,
-  },
-  focused: {
-    zIndex: 1,
-    display: 'flex',
-    flexShrink: 0,
-    flexGrow: 1,
-  },
-  unfocused: {
-    zIndex: -1,
-    display: 'none',
-    flexShrink: 1,
-    flexGrow: 0,
-  },
-})

package/src/ui/TabTrigger.tsx

@@ -1,17 +1,15 @@
-import { Slot } from '@radix-ui/react-slot'
-import type { ComponentProps, ForwardRefExoticComponent, ReactElement } from 'react'
-import { Pressable, StyleSheet } from 'react-native'
+import type { ComponentProps, ReactElement } from 'react'
 
+import { Link } from '../link/Link'
 import {
+  shouldHandleMouseEvent,
   useTabTrigger,
-  type TabTriggerProps,
-  type TabTriggerSlotProps,
+  type TabTriggerProps as SharedTabTriggerProps,
 } from './useTabTrigger'
 
 export type {
   SwitchToOptions,
   TabTriggerOptions,
-  TabTriggerProps,
   TabTriggerSlotProps,
   Trigger,
   TriggerProps,
@@ -19,7 +17,7 @@ export type {
 } from './useTabTrigger'
 export { useTabTrigger } from './useTabTrigger'
 
-const TabTriggerSlot = Slot as ForwardRefExoticComponent<TabTriggerSlotProps>
+export type TabTriggerProps = Omit<SharedTabTriggerProps, 'style'>
 
 /**
  * Creates a trigger to navigate to a tab. When used as child of `TabList`, its
@@ -40,31 +38,32 @@ export function TabTrigger({
     resetOnFocus,
     ...props,
   })
+  const resolvedHref = trigger?.resolvedHref ?? href
 
-  if (asChild) {
+  if (!resolvedHref) {
     return (
-      <TabTriggerSlot
-        style={styles.tabTrigger}
-        {...props}
-        {...triggerProps}
-        href={trigger?.resolvedHref}
-      >
+      <button type="button" onClick={(event) => triggerProps.onPress?.(event as any)}>
         {props.children}
-      </TabTriggerSlot>
+      </button>
     )
   }
 
-  const reactNativeWebProps = { href: trigger?.resolvedHref }
-
   return (
-    <Pressable
-      style={styles.tabTrigger}
-      {...reactNativeWebProps}
-      {...props}
-      {...triggerProps}
+    <Link
+      {...(props as any)}
+      href={resolvedHref}
+      asChild={asChild}
+      onPress={(event) => {
+        if (!shouldHandleMouseEvent(event as any)) return
+        event.preventDefault()
+        triggerProps.onPress?.(event as any)
+      }}
+      onLongPress={triggerProps.onLongPress}
+      aria-current={trigger?.isFocused ? 'page' : undefined}
+      {...(asChild ? { isFocused: Boolean(trigger?.isFocused) } : null)}
     >
       {props.children}
-    </Pressable>
+    </Link>
   )
 }
 
@@ -76,10 +75,3 @@ export function isTabTrigger(
 ): child is ReactElement<ComponentProps<typeof TabTrigger>> {
   return child.type === TabTrigger
 }
-
-const styles = StyleSheet.create({
-  tabTrigger: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-})

package/src/ui/Tabs.shared.tsx

@@ -12,6 +12,7 @@ import {
   Children,
   type ComponentProps,
   Fragment,
+  type HTMLAttributes,
   isValidElement,
   type MutableRefObject,
   type PropsWithChildren,
@@ -21,7 +22,6 @@ import {
   useMemo,
   useRef,
 } from 'react'
-import type { ViewProps } from 'react-native'
 
 import { useRouteInfo } from '../hooks'
 import { resolveHref } from '../link/href'
@@ -52,7 +52,6 @@ type NavigatorContextValue = {
 export type UseTabsOptions = Omit<
   DefaultNavigatorOptions<
     ParamListBase,
-    any,
     TabNavigationState<any>,
     ExpoTabsScreenOptions,
     TabNavigationEventMap,
@@ -63,7 +62,7 @@ export type UseTabsOptions = Omit<
   backBehavior?: TabRouterOptions['backBehavior']
 }
 
-export type TabsProps = ViewProps & {
+export type TabsProps = HTMLAttributes<HTMLDivElement> & {
   asChild?: boolean
   options?: UseTabsOptions
 }
@@ -116,7 +115,6 @@ export function useTabsWithTriggers(
     children,
     ...rest,
     triggerMap,
-    id: contextKey,
     initialRouteName: routeNode.initialRouteName,
   })
 
@@ -124,7 +122,6 @@ export function useTabsWithTriggers(
     state,
     descriptors,
     navigation,
-    describe,
     NavigationContent: RNNavigationContent,
   } = navigatorContext
   const descriptorsRef = useRef(descriptors)
@@ -149,7 +146,7 @@ export function useTabsWithTriggers(
     </TabTriggerMapContext.Provider>
   )) as TabsContextValue['NavigationContent']
 
-  return { state, descriptors, navigation, NavigationContent, describe }
+  return { state, descriptors, navigation, NavigationContent }
 }
 
 function parseTriggersFromChildren(

package/src/ui/Tabs.tsx

@@ -1,7 +1,6 @@
 import { isValidElement, type ReactNode } from 'react'
-import { StyleSheet, View } from 'react-native'
 
-import { ViewSlot } from './common'
+import { Slot } from './Slot'
 import { useTabsWithChildren, type TabsProps } from './Tabs.shared'
 
 export * from './TabContext'
@@ -12,7 +11,7 @@ export * from './Tabs.shared'
 
 export function Tabs(props: TabsProps) {
   const { children, asChild, options, ...rest } = props
-  const Comp = asChild ? ViewSlot : View
+  const Comp = asChild ? Slot : 'div'
 
   const { NavigationContent } = useTabsWithChildren({
     children:
@@ -27,14 +26,8 @@ export function Tabs(props: TabsProps) {
   })
 
   return (
-    <Comp style={styles.tabsRoot} {...rest}>
+    <Comp {...rest}>
       <NavigationContent>{children}</NavigationContent>
     </Comp>
   )
 }
-
-const styles = StyleSheet.create({
-  tabsRoot: {
-    flex: 1,
-  },
-})

package/src/ui/common.tsx

@@ -8,6 +8,7 @@ import type { OneRouter } from '../interfaces/router'
 import { resolveHref } from '../link/href'
 import type { UrlObject } from '../router/getNormalizedStatePath'
 import type { RouteNode } from '../router/Route'
+import { getReactNavigationRouteName } from '../getReactNavigationConfig'
 import { sortRoutesWithInitial } from '../router/sortRoutes'
 import {
   createGetIdForRoute,
@@ -136,7 +137,7 @@ export function triggersToScreens(
       continue
     }
 
-    const targetStateName = layoutRouteNode.route || '__root'
+    const targetStateName = getReactNavigationRouteName(layoutRouteNode) || '__root'
 
     // The state object is the current state from the rootNavigator
     // We need to work out the state for just this trigger
@@ -210,8 +211,8 @@ export function triggersToScreens(
       children.push(
         <Screen
           getId={createGetIdForRoute(route)}
-          name={route.route}
-          key={route.route}
+          name={getReactNavigationRouteName(route)}
+          key={getReactNavigationRouteName(route)}
           options={(args) => {
             const staticOptions = route.generated
               ? route.loadRoute()?.getNavOptions
@@ -260,7 +261,7 @@ export function stateToAction(
       }
       payload.params = state.params ? { ...state.params } : {}
 
-      state = state.state?.routes[state.state?.routes.length - 1]
+      state = state.state?.routes[state.state.index ?? state.state.routes.length - 1]
 
       if (state) {
         payload.params ??= {}
@@ -270,7 +271,8 @@ export function stateToAction(
       if (state.name === startAtRoute) {
         foundStartingPoint = true
       }
-      const nextState = state.state?.routes[state.state?.routes.length - 1]
+      const nextState =
+        state.state?.routes[state.state.index ?? state.state.routes.length - 1]
       if (nextState) {
         state = nextState
       }

package/src/ui/index.native.ts

@@ -0,0 +1 @@
+export {}

package/src/views/Navigator.tsx

@@ -7,6 +7,7 @@ import {
 import { NavigationRouteContext } from '@react-navigation/core'
 import * as React from 'react'
 import { SafeAreaView } from 'react-native-safe-area-context'
+import { resolveInitialRouteNameFromState } from '../getReactNavigationConfig'
 import {
   useFilterScreenChildren,
   useResolvedGuardedRedirects,
@@ -56,25 +57,10 @@ function resolveInitialRouteFromLinking(
   const linking = getResolvedLinking()
   if (!linking?.getStateFromPath) return undefined
 
-  let current = linking.getStateFromPath(browserPath, linking.config)
-  const segments = contextKey.split('/').filter(Boolean)
-
-  let i = 0
-  while (i < segments.length) {
-    if (!current?.routes?.length) return undefined
-    const idx = current.index ?? current.routes.length - 1
-    const focused = current.routes[idx]
-    if (!focused?.name || !focused.state) return undefined
-    const nameSegments = focused.name.split('/').filter(Boolean)
-    const expected = segments.slice(i, i + nameSegments.length).join('/')
-    if (focused.name !== expected) return undefined
-    current = focused.state
-    i += nameSegments.length
-  }
-
-  if (!current?.routes?.length) return undefined
-  const idx = current.index ?? current.routes.length - 1
-  return current.routes[idx]?.name
+  return resolveInitialRouteNameFromState(
+    contextKey,
+    linking.getStateFromPath(browserPath, linking.config)
+  )
 }
 
 type NavigatorTypes = ReturnType<typeof useNavigationBuilder>
@@ -307,8 +293,6 @@ function QualifiedNavigator({
   const { state, navigation, descriptors, NavigationContent } = useNavigationBuilder(
     router,
     {
-      // Used for getting the parent with navigation.getParent('/normalized/path')
-      id: contextKey,
       children: screens,
       screenOptions,
       initialRouteName: resolvedInitialRouteName,

package/src/vite/plugins/sourceInspectorPlugin.test.ts

@@ -70,7 +70,9 @@ describe('sourceInspectorPlugin helpers', () => {
       expect(code).toContain('<boxGeometry />')
       expect(code).toContain('<meshStandardMaterial color=')
       expect(code).toContain('<instancedMesh args=')
-      expect(code).not.toMatch(/<(mesh|boxGeometry|meshStandardMaterial|instancedMesh) data-one-source/)
+      expect(code).not.toMatch(
+        /<(mesh|boxGeometry|meshStandardMaterial|instancedMesh) data-one-source/
+      )
     })
   })
 })

package/types/__mocks__/@react-navigation/native-stack.d.ts

@@ -1,12 +1,12 @@
 export type NativeStackNavigationOptions = {
     title?: string;
-    headerLargeTitle?: boolean;
+    headerLargeTitleEnabled?: boolean;
     headerTitleAlign?: 'left' | 'center';
     headerTitleStyle?: any;
     headerLargeTitleStyle?: any;
     headerBackTitle?: string;
     headerBackTitleStyle?: any;
-    headerBackImageSource?: any;
+    headerBackIcon?: any;
     headerBackButtonDisplayMode?: string;
     headerBackButtonMenuEnabled?: boolean;
     headerBackVisible?: boolean;

package/types/__mocks__/@react-navigation/native-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native-stack.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/@react-navigation/native-stack.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACpC,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,qBAAqB,CAAC,EAAE,GAAG,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,qBAAqB,CAAC,EAAE,GAAG,CAAA;IAC3B,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,sBAAsB,CAAC,EAAE,GAAG,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EACT,MAAM,GACN,OAAO,GACP,kBAAkB,GAClB,gBAAgB,GAChB,2BAA2B,GAC3B,iBAAiB,GACjB,WAAW,GACX,WAAW,CAAA;IACf,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,CAAA;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzC,+BAA+B,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAC1D,8BAA8B,CAAC,EAAE,OAAO,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAE/D,eAAO,MAAM,0BAA0B;;;CAGrC,CAAA;AAKF,eAAO,MAAM,eAAe,GAAI,QAAQ,GAAG,SAAS,CAAA"}
+{"version":3,"file":"native-stack.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/@react-navigation/native-stack.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACpC,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,qBAAqB,CAAC,EAAE,GAAG,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,sBAAsB,CAAC,EAAE,GAAG,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EACT,MAAM,GACN,OAAO,GACP,kBAAkB,GAClB,gBAAgB,GAChB,2BAA2B,GAC3B,iBAAiB,GACjB,WAAW,GACX,WAAW,CAAA;IACf,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,CAAA;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzC,+BAA+B,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAC1D,8BAA8B,CAAC,EAAE,OAAO,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAE/D,eAAO,MAAM,0BAA0B;;;CAGrC,CAAA;AAKF,eAAO,MAAM,eAAe,GAAI,QAAQ,GAAG,SAAS,CAAA"}

package/types/createApp.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createApp.native.d.ts","sourceRoot":"","sources":["../src/createApp.native.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAKjD,wBAAgB,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAqBvD"}
+{"version":3,"file":"createApp.native.d.ts","sourceRoot":"","sources":["../src/createApp.native.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAKjD,wBAAgB,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA0CvD"}