one 1.26.0 → 2.0.0-beta.33.1

package/dist/esm/views/OneStackRouter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["StackRouter","CustomStackRouter","options","router","og","getStateForAction","bind","state","action","options2","next","type","routes","outRoutes","firstRoute","name","includes","every","x"],"sources":["OneStackRouter.mjs"],"sourcesContent":["import { StackRouter } from \"@react-navigation/native\";\n\nconst CustomStackRouter = (options) => {\n\tconst router = StackRouter(options);\n\tconst og = router.getStateForAction.bind(router);\n\trouter.getStateForAction = (state, action, options2) => {\n\t\tconst next = og(state, action, options2);\n\t\tif (action.type === \"NAVIGATE\") {\n\t\t\tif (next?.routes) {\n\t\t\t\tconst outRoutes = next.routes;\n\t\t\t\tconst firstRoute = outRoutes[0];\n\t\t\t\tif (firstRoute.name.includes(\"[...\")) {\n\t\t\t\t\tif (outRoutes.every((x) => x.name === firstRoute.name)) {}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn next;\n\t};\n\treturn router;\n};\n\nexport { CustomStackRouter };"],"mappings":"AAAA,SAASA,WAAW,QAAQ,0BAA0B;AAEtD,MAAMC,iBAAiB,GAAIC,OAAO,IAAK;EACtC,MAAMC,MAAM,GAAGH,WAAW,CAACE,OAAO,CAAC;EACnC,MAAME,EAAE,GAAGD,MAAM,CAACE,iBAAiB,CAACC,IAAI,CAACH,MAAM,CAAC;EAChDA,MAAM,CAACE,iBAAiB,GAAG,CAACE,KAAK,EAAEC,MAAM,EAAEC,QAAQ,KAAK;IACvD,MAAMC,IAAI,GAAGN,EAAE,CAACG,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAAC;IACxC,IAAID,MAAM,CAACG,IAAI,KAAK,UAAU,EAAE;MAC/B,IAAID,IAAI,EAAEE,MAAM,EAAE;QACjB,MAAMC,SAAS,GAAGH,IAAI,CAACE,MAAM;QAC7B,MAAME,UAAU,GAAGD,SAAS,CAAC,CAAC,CAAC;QAC/B,IAAIC,UAAU,CAACC,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;UACrC,IAAIH,SAAS,CAACI,KAAK,CAAEC,CAAC,IAAKA,CAAC,CAACH,IAAI,KAAKD,UAAU,CAACC,IAAI,CAAC,EAAE,CAAC;QAC1D;MACD;IACD;IACA,OAAOL,IAAI;EACZ,CAAC;EACD,OAAOP,MAAM;AACd,CAAC;AAED,SAASF,iBAAiB","ignoreList":[]}

package/dist/esm/views/OneStackRouter.native.js

@@ -1,11 +0,0 @@
-import { StackRouter } from "@react-navigation/native";
-var CustomStackRouter = function (options) {
-  var router = StackRouter(options);
-  var og = router.getStateForAction.bind(router);
-  router.getStateForAction = function (state, action, options2) {
-    return og(state, action, options2);
-  };
-  return router;
-};
-export { CustomStackRouter };
-//# sourceMappingURL=OneStackRouter.native.js.map

package/dist/esm/views/OneStackRouter.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StackRouter","CustomStackRouter","options","router","og","getStateForAction","bind","state","action","options2"],"sources":["OneStackRouter.native.js"],"sourcesContent":["import { StackRouter } from \"@react-navigation/native\";\n\nvar CustomStackRouter = function(options) {\n\tvar router = StackRouter(options);\n\tvar og = router.getStateForAction.bind(router);\n\trouter.getStateForAction = function(state, action, options2) {\n\t\treturn og(state, action, options2);\n\t};\n\treturn router;\n};\n\nexport { CustomStackRouter };"],"mappings":"AAAA,SAASA,WAAW,QAAQ,0BAA0B;AAEtD,IAAIC,iBAAiB,GAAG,SAAAA,CAASC,OAAO,EAAE;EACzC,IAAIC,MAAM,GAAGH,WAAW,CAACE,OAAO,CAAC;EACjC,IAAIE,EAAE,GAAGD,MAAM,CAACE,iBAAiB,CAACC,IAAI,CAACH,MAAM,CAAC;EAC9CA,MAAM,CAACE,iBAAiB,GAAG,UAASE,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAE;IAC5D,OAAOL,EAAE,CAACG,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EACnC,CAAC;EACD,OAAON,MAAM;AACd,CAAC;AAED,SAASF,iBAAiB","ignoreList":[]}

package/src/layouts/NativeTabs.test.ts

@@ -1,30 +0,0 @@
-import { createRequire } from 'node:module'
-import { describe, expect, it } from 'vitest'
-import { NativeTabs } from './NativeTabs'
-
-const require = createRequire(import.meta.url)
-
-function hasNativeTabsPeer() {
-  try {
-    require.resolve('@bottom-tabs/react-navigation')
-    return true
-  } catch {
-    return false
-  }
-}
-
-describe('NativeTabs optional peer', () => {
-  it('does not throw during ordinary import-time inspection', () => {
-    expect(() => Object.prototype.toString.call(NativeTabs)).not.toThrow()
-    expect(() => Reflect.get(NativeTabs, '$$typeof')).not.toThrow()
-    expect(() => Reflect.get(NativeTabs, 'Screen')).not.toThrow()
-  })
-
-  it('keeps the missing-peer error on actual render use', () => {
-    if (hasNativeTabsPeer()) return
-
-    expect(() => (NativeTabs as any).render({}, null)).toThrow(
-      'NativeTabs requires @bottom-tabs/react-navigation and react-native-bottom-tabs'
-    )
-  })
-})

package/src/layouts/NativeTabs.tsx

@@ -1,46 +0,0 @@
-import type { ParamListBase, TabNavigationState } from '@react-navigation/native'
-import React from 'react'
-
-import { Protected } from '../views/Protected'
-import { Screen } from '../views/Screen'
-import { withLayoutContext } from './withLayoutContext'
-
-let NativeBottomTabNavigator: React.ComponentType<any> | null = null
-
-try {
-  const mod = require('@bottom-tabs/react-navigation')
-  NativeBottomTabNavigator = mod.createNativeBottomTabNavigator().Navigator
-} catch {
-  // @bottom-tabs/react-navigation not installed
-}
-
-type NativeTabsType = ReturnType<typeof withLayoutContext> & {
-  Protected: typeof Protected
-}
-
-const missingNativeTabsMessage =
-  'NativeTabs requires @bottom-tabs/react-navigation and react-native-bottom-tabs.\n' +
-  'Install: npx expo install @bottom-tabs/react-navigation react-native-bottom-tabs'
-
-const MissingNativeTabs = React.forwardRef<unknown, any>(
-  function MissingNativeTabs(): never {
-    throw new Error(missingNativeTabsMessage)
-  }
-)
-
-function createNativeTabs(): NativeTabsType {
-  if (!NativeBottomTabNavigator) {
-    return Object.assign(MissingNativeTabs, {
-      Protected,
-      Screen,
-    }) as NativeTabsType
-  }
-
-  return Object.assign(withLayoutContext(NativeBottomTabNavigator), {
-    Protected,
-  }) as NativeTabsType
-}
-
-export const NativeTabs = createNativeTabs()
-
-export default NativeTabs

package/src/layouts/stack-utils/StackToolbar.shared.ts

@@ -1,44 +0,0 @@
-import type { NativeStackNavigationOptions } from '@react-navigation/native-stack'
-
-import type {
-  StackToolbarConfig,
-  StackToolbarPlacement,
-  StackToolbarProps,
-} from './StackToolbar.types'
-
-const optionKeys = {
-  left: '__oneStackToolbarLeft',
-  right: '__oneStackToolbarRight',
-  bottom: '__oneStackToolbarBottom',
-} as const satisfies Record<StackToolbarPlacement, string>
-
-export function appendStackToolbarConfig(
-  options: NativeStackNavigationOptions,
-  props: StackToolbarProps
-): NativeStackNavigationOptions {
-  return {
-    ...options,
-    [optionKeys[props.placement ?? 'bottom']]: props,
-  }
-}
-
-export function exposeStackToolbarConfig(
-  options: Record<string, any>
-): Record<string, any> {
-  const toolbar: StackToolbarConfig = {
-    left: options[optionKeys.left],
-    right: options[optionKeys.right],
-    bottom: options[optionKeys.bottom],
-  }
-
-  if (!toolbar.left && !toolbar.right && !toolbar.bottom) return options
-
-  const {
-    [optionKeys.left]: _left,
-    [optionKeys.right]: _right,
-    [optionKeys.bottom]: _bottom,
-    ...publicOptions
-  } = options
-
-  return { ...publicOptions, toolbar }
-}

package/src/layouts/stack-utils/StackToolbar.tsx

@@ -1,134 +0,0 @@
-'use client'
-
-import type { NativeStackNavigationOptions } from '@react-navigation/native-stack'
-import { useMemo } from 'react'
-
-import { useIsomorphicLayoutEffect } from '@vxrn/use-isomorphic-layout-effect'
-import { NAVIGATOR_CONFIG } from '../../headless/children'
-import { useNavigation } from '../../router/useNavigation'
-import {
-  STACK_TOOLBAR_CHILD,
-  getStackToolbarImplementation,
-  type StackToolbarImplementation,
-} from './StackToolbarImplementation'
-import { appendStackToolbarConfig } from './StackToolbar.shared'
-import type {
-  StackToolbarBadgeProps,
-  StackToolbarButtonProps,
-  StackToolbarIconProps,
-  StackToolbarLabelProps,
-  StackToolbarMenuActionProps,
-  StackToolbarMenuProps,
-  StackToolbarProps,
-  StackToolbarSearchBarSlotProps,
-  StackToolbarSpacerProps,
-  StackToolbarViewProps,
-} from './StackToolbar.types'
-
-export function appendStackToolbarPropsToOptions(
-  options: NativeStackNavigationOptions,
-  props: StackToolbarProps,
-  implementation?: StackToolbarImplementation | null
-) {
-  const optionsWithConfig = appendStackToolbarConfig(options, props)
-  return implementation
-    ? implementation.appendPropsToOptions(optionsWithConfig, props)
-    : optionsWithConfig
-}
-
-function StackToolbarComponent(props: StackToolbarProps) {
-  const navigation = useNavigation()
-  const implementation = getStackToolbarImplementation()
-  const options = useMemo(
-    () => appendStackToolbarPropsToOptions({}, props, implementation),
-    [
-      implementation,
-      props.placement,
-      props.asChild,
-      props.children,
-      props.disableImePadding,
-      props.tintColor,
-      props.backgroundColor,
-    ]
-  )
-
-  useIsomorphicLayoutEffect(() => {
-    navigation.setOptions(options)
-  }, [navigation, options])
-
-  return implementation?.render(props) ?? null
-}
-
-export function StackToolbarButton(_props: StackToolbarButtonProps) {
-  return null
-}
-
-export function StackToolbarMenu(_props: StackToolbarMenuProps) {
-  return null
-}
-
-export function StackToolbarMenuAction(_props: StackToolbarMenuActionProps) {
-  return null
-}
-
-export function StackToolbarSpacer(_props: StackToolbarSpacerProps) {
-  return null
-}
-
-export function StackToolbarSearchBarSlot(_props: StackToolbarSearchBarSlotProps) {
-  return null
-}
-
-export function StackToolbarView(_props: StackToolbarViewProps) {
-  return null
-}
-
-export function StackToolbarLabel(_props: StackToolbarLabelProps) {
-  return null
-}
-
-export function StackToolbarIcon(_props: StackToolbarIconProps) {
-  return null
-}
-
-export function StackToolbarBadge(_props: StackToolbarBadgeProps) {
-  return null
-}
-
-Object.assign(StackToolbarButton, { [STACK_TOOLBAR_CHILD]: 'button' })
-Object.assign(StackToolbarMenu, { [STACK_TOOLBAR_CHILD]: 'menu' })
-Object.assign(StackToolbarMenuAction, { [STACK_TOOLBAR_CHILD]: 'menuAction' })
-Object.assign(StackToolbarSpacer, { [STACK_TOOLBAR_CHILD]: 'spacer' })
-Object.assign(StackToolbarSearchBarSlot, { [STACK_TOOLBAR_CHILD]: 'searchBarSlot' })
-Object.assign(StackToolbarView, { [STACK_TOOLBAR_CHILD]: 'view' })
-Object.assign(StackToolbarLabel, { [STACK_TOOLBAR_CHILD]: 'label' })
-Object.assign(StackToolbarIcon, { [STACK_TOOLBAR_CHILD]: 'icon' })
-Object.assign(StackToolbarBadge, { [STACK_TOOLBAR_CHILD]: 'badge' })
-
-export const StackToolbar = Object.assign(StackToolbarComponent, {
-  [NAVIGATOR_CONFIG]: true,
-  Button: StackToolbarButton,
-  Menu: StackToolbarMenu,
-  MenuAction: StackToolbarMenuAction,
-  Spacer: StackToolbarSpacer,
-  SearchBarSlot: StackToolbarSearchBarSlot,
-  View: StackToolbarView,
-  Label: StackToolbarLabel,
-  Icon: StackToolbarIcon,
-  Badge: StackToolbarBadge,
-})
-
-export type {
-  StackToolbarBadgeProps,
-  StackToolbarButtonProps,
-  StackToolbarConfig,
-  StackToolbarIconProps,
-  StackToolbarLabelProps,
-  StackToolbarMenuActionProps,
-  StackToolbarMenuProps,
-  StackToolbarPlacement,
-  StackToolbarProps,
-  StackToolbarSearchBarSlotProps,
-  StackToolbarSpacerProps,
-  StackToolbarViewProps,
-} from './StackToolbar.types'

package/src/layouts/stack-utils/StackToolbar.types.ts

@@ -1,100 +0,0 @@
-import type { ReactNode } from 'react'
-import type { ColorValue, ImageSourcePropType, StyleProp, TextStyle } from 'react-native'
-
-export type StackToolbarPlacement = 'left' | 'right' | 'bottom'
-
-export interface StackToolbarProps {
-  children?: ReactNode
-  placement?: StackToolbarPlacement
-  asChild?: boolean
-  /** Android-only. The Android toolbar host is not implemented yet. */
-  disableImePadding?: boolean
-  /** Android-only. The Android toolbar host is not implemented yet. */
-  tintColor?: ColorValue
-  /** Android-only. The Android toolbar host is not implemented yet. */
-  backgroundColor?: ColorValue
-}
-
-export type StackToolbarConfig = Partial<Record<StackToolbarPlacement, StackToolbarProps>>
-
-export interface StackToolbarIconProps {
-  src?: ImageSourcePropType
-  sf?: string
-  xcasset?: string
-  renderingMode?: 'template' | 'original'
-}
-
-export interface StackToolbarLabelProps {
-  children?: string
-}
-
-export interface StackToolbarBadgeProps {
-  children?: string
-  style?: StyleProp<
-    Pick<
-      TextStyle,
-      'fontFamily' | 'fontSize' | 'fontWeight' | 'color' | 'backgroundColor'
-    >
-  >
-}
-
-export interface StackToolbarItemProps {
-  children?: ReactNode
-  icon?: string | ImageSourcePropType
-  iconRenderingMode?: 'template' | 'original'
-  tintColor?: ColorValue
-  hidden?: boolean
-  disabled?: boolean
-  accessibilityLabel?: string
-  accessibilityHint?: string
-  hidesSharedBackground?: boolean
-  separateBackground?: boolean
-  style?: StyleProp<TextStyle>
-}
-
-export interface StackToolbarButtonProps extends StackToolbarItemProps {
-  image?: ImageSourcePropType
-  onPress?: () => void
-  selected?: boolean
-  variant?: 'plain' | 'done' | 'prominent'
-}
-
-export interface StackToolbarMenuProps extends StackToolbarItemProps {
-  image?: ImageSourcePropType
-  destructive?: boolean
-  title?: string
-  inline?: boolean
-  palette?: boolean
-  singleSelection?: boolean
-  elementSize?: 'auto' | 'small' | 'medium' | 'large'
-  variant?: 'plain' | 'done' | 'prominent'
-}
-
-export interface StackToolbarMenuActionProps extends StackToolbarItemProps {
-  image?: ImageSourcePropType
-  destructive?: boolean
-  discoverabilityLabel?: string
-  subtitle?: string
-  isOn?: boolean
-  onPress?: () => void
-  unstable_keepPresented?: boolean
-}
-
-export interface StackToolbarSpacerProps {
-  width?: number
-  hidden?: boolean
-  sharesBackground?: boolean
-}
-
-export interface StackToolbarSearchBarSlotProps {
-  hidden?: boolean
-  hidesSharedBackground?: boolean
-  separateBackground?: boolean
-}
-
-export interface StackToolbarViewProps {
-  children?: ReactNode
-  hidden?: boolean
-  hidesSharedBackground?: boolean
-  separateBackground?: boolean
-}

package/src/layouts/stack-utils/StackToolbarImplementation.tsx

@@ -1,39 +0,0 @@
-'use client'
-
-import type { NativeStackNavigationOptions } from '@react-navigation/native-stack'
-import type { ReactNode } from 'react'
-
-import type { StackToolbarProps } from './StackToolbar.types'
-
-export const STACK_TOOLBAR_CHILD = Symbol.for('one.stack-toolbar.child')
-
-export type StackToolbarChildType =
-  | 'button'
-  | 'menu'
-  | 'menuAction'
-  | 'spacer'
-  | 'searchBarSlot'
-  | 'view'
-  | 'label'
-  | 'icon'
-  | 'badge'
-
-export type StackToolbarImplementation = {
-  appendPropsToOptions: (
-    options: NativeStackNavigationOptions,
-    props: StackToolbarProps
-  ) => NativeStackNavigationOptions
-  render: (props: StackToolbarProps) => ReactNode
-}
-
-let stackToolbarImplementation: StackToolbarImplementation | null = null
-
-export function registerStackToolbarImplementation(
-  implementation: StackToolbarImplementation
-) {
-  stackToolbarImplementation = implementation
-}
-
-export function getStackToolbarImplementation() {
-  return stackToolbarImplementation
-}

package/src/layouts/stack-utils/__tests__/StackToolbar.test.tsx

@@ -1,70 +0,0 @@
-import React from 'react'
-import { describe, expect, it, vi } from 'vitest'
-import type { StackToolbarImplementation } from '../StackToolbarImplementation'
-
-import { StackToolbar } from '../StackToolbar'
-import { STACK_TOOLBAR_CHILD } from '../StackToolbarImplementation'
-import { exposeStackToolbarConfig } from '../StackToolbar.shared'
-import { appendScreenStackPropsToOptions } from '../StackScreen'
-
-describe('Stack.Toolbar headless config', () => {
-  it('marks declaration children for installed implementations', () => {
-    expect(
-      (StackToolbar.Button as unknown as Record<symbol, string>)[STACK_TOOLBAR_CHILD]
-    ).toBe('button')
-    expect(
-      (StackToolbar.MenuAction as unknown as Record<symbol, string>)[STACK_TOOLBAR_CHILD]
-    ).toBe('menuAction')
-  })
-
-  it('preserves every placement for the headless stack implementation', () => {
-    const options = appendScreenStackPropsToOptions(
-      { title: 'Inbox' },
-      {
-        children: [
-          <StackToolbar key="left" placement="left">
-            <StackToolbar.Button icon="sidebar.left" />
-          </StackToolbar>,
-          <StackToolbar key="right" placement="right">
-            <StackToolbar.Button icon="square.and.arrow.up" />
-          </StackToolbar>,
-        ],
-      }
-    )
-
-    expect(exposeStackToolbarConfig(options)).toMatchObject({
-      title: 'Inbox',
-      toolbar: {
-        left: { placement: 'left' },
-        right: { placement: 'right' },
-      },
-    })
-  })
-
-  it('hands toolbar declarations to an installed implementation', () => {
-    const appendPropsToOptions = vi.fn((options) => ({
-      ...options,
-      headerShown: true,
-    }))
-    const implementation: StackToolbarImplementation = {
-      appendPropsToOptions,
-      render: () => null,
-    }
-    const toolbar = (
-      <StackToolbar placement="right">
-        <StackToolbar.Button icon="square.and.arrow.up">Share</StackToolbar.Button>
-      </StackToolbar>
-    )
-
-    const options = appendScreenStackPropsToOptions(
-      { title: 'Inbox' },
-      { children: toolbar },
-      implementation
-    )
-
-    expect(options.headerShown).toBe(true)
-    expect(appendPropsToOptions).toHaveBeenCalledOnce()
-    expect(appendPropsToOptions.mock.calls[0]?.[1]).toBe(toolbar.props)
-    expect(exposeStackToolbarConfig(options).toolbar.right).toBe(toolbar.props)
-  })
-})

package/src/native-tabs.ts

@@ -1 +0,0 @@
-export { NativeTabs, NativeTabs as default } from './layouts/NativeTabs'

package/src/stack-toolbar-implementation.ts

@@ -1,8 +0,0 @@
-export {
-  STACK_TOOLBAR_CHILD,
-  getStackToolbarImplementation,
-  registerStackToolbarImplementation,
-  type StackToolbarChildType,
-  type StackToolbarImplementation,
-} from './layouts/stack-utils/StackToolbarImplementation'
-export type { StackToolbarProps } from './layouts/stack-utils/StackToolbar.types'

package/src/ui/Slot.web.tsx

@@ -1,9 +0,0 @@
-import { Slot as RUISlot } from '@radix-ui/react-slot'
-import type { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react'
-
-export interface Slot<
-  Props = HTMLAttributes<HTMLElement>,
-  Ref = HTMLElement,
-> extends ForwardRefExoticComponent<Props & RefAttributes<Ref>> {}
-
-export const Slot = RUISlot as Slot

package/src/ui/TabList.web.tsx

@@ -1,27 +0,0 @@
-import type { ComponentProps, HTMLAttributes, ReactElement } from 'react'
-
-// runtime specifier must stay extensionless: the web build emits Slot.web.tsx as Slot.mjs
-import { Slot as SlotImpl } from './Slot'
-import type { Slot as WebSlot } from './Slot.web'
-
-const Slot = SlotImpl as unknown as WebSlot
-
-export type TabListProps = HTMLAttributes<HTMLElement> & {
-  /** Forward props to child component and removes the extra `<nav>`. Useful for custom wrappers. */
-  asChild?: boolean
-}
-
-export function TabList({ asChild, ...props }: TabListProps) {
-  const Comp = asChild ? Slot : 'nav'
-
-  return <Comp {...props} />
-}
-
-/**
- * @hidden
- */
-export function isTabList(
-  child: ReactElement<any>
-): child is ReactElement<ComponentProps<typeof TabList>> {
-  return child.type === TabList
-}

package/src/ui/TabSlot.web.tsx

@@ -1,90 +0,0 @@
-import {
-  Activity,
-  type ComponentProps,
-  Fragment,
-  type ReactElement,
-  useState,
-} from 'react'
-import type { ScreenContainer } from 'react-native-screens'
-
-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 from the visible DOM tree. */
-  detachInactiveScreens?: boolean
-  /** Override how each screen is rendered. */
-  renderFn?: typeof defaultTabsSlotRender
-}
-
-export type TabsSlotRenderOptions = {
-  index: number
-  isFocused: boolean
-  loaded: boolean
-  detachInactiveScreens: boolean
-}
-
-export function useTabSlot({
-  detachInactiveScreens = true,
-  renderFn = defaultTabsSlotRender,
-}: TabSlotProps = {}) {
-  const { state, descriptorsRef } = useNavigatorContext()
-  const descriptors = descriptorsRef.current
-  const focusedRouteKey = state.routes[state.index].key
-  const [loaded, setLoaded] = useState({ [focusedRouteKey]: true })
-
-  if (!loaded[focusedRouteKey]) {
-    setLoaded({ ...loaded, [focusedRouteKey]: true })
-  }
-
-  return (
-    <Fragment>
-      {state.routes.map((route, index) => {
-        const descriptor = descriptors[route.key] as unknown as TabsDescriptor
-
-        return (
-          <TabContext.Provider key={descriptor.route.key} value={descriptor.options}>
-            {renderFn(descriptor, {
-              index,
-              isFocused: state.index === index,
-              loaded: loaded[route.key],
-              detachInactiveScreens,
-            })}
-          </TabContext.Provider>
-        )
-      })}
-    </Fragment>
-  )
-}
-
-export function TabSlot(props: TabSlotProps) {
-  return useTabSlot(props)
-}
-
-export function defaultTabsSlotRender(
-  descriptor: TabsDescriptor,
-  { isFocused, loaded, detachInactiveScreens }: TabsSlotRenderOptions
-) {
-  const { lazy = true, unmountOnBlur } = descriptor.options
-
-  if ((unmountOnBlur || detachInactiveScreens) && !isFocused) return null
-  if (lazy && !loaded && !isFocused) return null
-
-  if (!isFocused) {
-    return (
-      <Activity key={descriptor.route.key} mode="hidden">
-        {descriptor.render()}
-      </Activity>
-    )
-  }
-
-  return <Fragment key={descriptor.route.key}>{descriptor.render()}</Fragment>
-}
-
-/**
- * @hidden
- */
-export function isTabSlot(child: ReactElement<any>): child is ReactElement<TabListProps> {
-  return child.type === TabSlot
-}