expo-router 4.0.0-preview.11 → 4.0.0-preview.12

package/build/ui/TabContext.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { BottomTabNavigationOptions } from '@react-navigation/bottom-tabs';
 import { DefaultNavigatorOptions, NavigationAction, NavigationProp, ParamListBase, TabActionHelpers, TabNavigationState, TabRouterOptions, useNavigationBuilder } from '@react-navigation/native';
 import { TriggerMap } from './common';
 export type ExpoTabsProps = ExpoTabsNavigatorOptions;
@@ -10,11 +11,17 @@ export type ExpoTabsNavigatorScreenOptions = {
 };
 export type ExpoTabsNavigatorOptions = DefaultNavigatorOptions<ParamListBase, string | undefined, TabNavigationState<ParamListBase>, ExpoTabsScreenOptions, TabNavigationEventMap, ExpoTabsNavigationProp<ParamListBase>> & Omit<TabRouterOptions, 'initialRouteName'> & ExpoTabsNavigatorScreenOptions;
 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 = ExpoTabsNavigatorScreenOptions & {
+/**
+ * @hidden
+ */
+export type ExpoTabsScreenOptions = Pick<BottomTabNavigationOptions, 'title' | 'lazy' | 'freezeOnBlur'> & {
     params?: object;
     title: string;
     action: NavigationAction;
 };
+/**
+ * @hidden
+ */
 export type TabNavigationEventMap = {
     /**
      * Event which fires on tapping on the tab in the tab bar.
@@ -30,10 +37,159 @@ export type TabNavigationEventMap = {
         data: undefined;
     };
 };
+/**
+ * The React Navigation custom navigator
+ * @see https://reactnavigation.org/docs/custom-navigators/#usenavigationbuilder
+ */
 export type TabsContextValue = ReturnType<typeof useNavigationBuilder<TabNavigationState<any>, TabRouterOptions, TabActionHelpers<ParamListBase>, ExpoTabsNavigatorScreenOptions, TabNavigationEventMap>>;
 export type TabContextValue = TabsDescriptor['options'];
 export declare const TabContext: import("react").Context<ExpoTabsNavigatorScreenOptions>;
+/**
+ * @hidden
+ */
 export declare const TabTriggerMapContext: import("react").Context<TriggerMap>;
+/**
+ * @hidden
+ */
+export declare const TabsDescriptorsContext: import("react").Context<Record<string, import("@react-navigation/native").Descriptor<ExpoTabsNavigatorScreenOptions, Omit<{
+    dispatch(action: Readonly<{
+        type: string;
+        payload?: object | undefined;
+        source?: string | undefined;
+        target?: string | undefined;
+    }> | ((state: Readonly<TabNavigationState<any>>) => Readonly<{
+        type: string;
+        payload?: object | undefined;
+        source?: string | undefined;
+        target?: string | undefined;
+    }>)): void;
+    navigate<RouteName extends string>(...args: [screen: string] | [screen: string, params: object | undefined]): void;
+    navigate<RouteName_1 extends string>(options: {
+        name: string;
+        params: object | undefined;
+        path?: string | undefined;
+        merge?: boolean | undefined;
+    }): void;
+    navigateDeprecated<RouteName_2 extends string>(...args: [screen: string] | [screen: string, params: object | undefined]): void;
+    navigateDeprecated<RouteName_3 extends string>(options: {
+        name: string;
+        params: object | undefined;
+        merge?: boolean | undefined;
+    }): void;
+    preload<RouteName_4 extends string>(...args: [screen: string] | [screen: string, params: object | undefined]): void;
+    reset(state: TabNavigationState<any> | import("@react-navigation/native").PartialState<TabNavigationState<any>>): void;
+    goBack(): void;
+    isFocused(): boolean;
+    canGoBack(): boolean;
+    getId(): string | undefined;
+    getParent<T = import("@react-navigation/native").NavigationHelpers<ParamListBase, {}> | undefined>(id?: string | undefined): T;
+    getState(): TabNavigationState<any>;
+    setStateForNextRouteNamesChange(state: TabNavigationState<any> | import("@react-navigation/native").PartialState<TabNavigationState<any>>): void;
+} & import("@react-navigation/native").PrivateValueStore<[ParamListBase, unknown, unknown]>, "getParent"> & {
+    getParent<T_1 = NavigationProp<ParamListBase, string, undefined, Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }>, {}, {}> | undefined>(id?: string | undefined): T_1;
+    setParams(params: Partial<object | undefined>): void;
+    setOptions(options: Partial<ExpoTabsNavigatorScreenOptions>): void;
+} & import("@react-navigation/native").EventConsumer<TabNavigationEventMap & import("@react-navigation/native").EventMapCore<TabNavigationState<any>>> & import("@react-navigation/native").PrivateValueStore<[ParamListBase, string, TabNavigationEventMap]> & TabActionHelpers<ParamListBase>, import("@react-navigation/native").RouteProp<ParamListBase, string>>>>;
+/**
+ * @hidden
+ */
+export declare const TabsNavigatorContext: import("react").Context<({
+    dispatch(action: Readonly<{
+        type: string;
+        payload?: object | undefined;
+        source?: string | undefined;
+        target?: string | undefined;
+    }> | ((state: Readonly<Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }>>) => Readonly<{
+        type: string;
+        payload?: object | undefined;
+        source?: string | undefined;
+        target?: string | undefined;
+    }>)): void;
+    navigate<RouteName extends string>(...args: [screen: string] | [screen: string, params: object | undefined]): void;
+    navigate<RouteName_1 extends string>(options: {
+        name: string;
+        params: object | undefined;
+        path?: string | undefined;
+        merge?: boolean | undefined;
+    }): void;
+    navigateDeprecated<RouteName_2 extends string>(...args: [screen: string] | [screen: string, params: object | undefined]): void;
+    navigateDeprecated<RouteName_3 extends string>(options: {
+        name: string;
+        params: object | undefined;
+        merge?: boolean | undefined;
+    }): void;
+    preload<RouteName_4 extends string>(...args: [screen: string] | [screen: string, params: object | undefined]): void;
+    reset(state: Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }> | import("@react-navigation/native").PartialState<Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }>>): void;
+    goBack(): void;
+    isFocused(): boolean;
+    canGoBack(): boolean;
+    getId(): string | undefined;
+    getParent<T = import("@react-navigation/native").NavigationHelpers<ParamListBase, {}> | undefined>(id?: string | undefined): T;
+    getState(): Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }>;
+    setStateForNextRouteNamesChange(state: Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }> | import("@react-navigation/native").PartialState<Readonly<{
+        key: string;
+        index: number;
+        routeNames: string[];
+        history?: unknown[] | undefined;
+        routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
+        type: string;
+        stale: false;
+    }>>): void;
+} & import("@react-navigation/native").PrivateValueStore<[ParamListBase, unknown, unknown]> & import("@react-navigation/native").EventEmitter<TabNavigationEventMap> & {
+    setParams<RouteName_5 extends string>(params: Partial<object | undefined>): void;
+} & TabActionHelpers<ParamListBase>) | null>;
+/**
+ * @hidden
+ */
+export declare const TabsStateContext: import("react").Context<TabNavigationState<any>>;
 export type Route = TabNavigationState<ParamListBase>['routes'][number];
 export type TabsDescriptor = TabsContextValue['descriptors'][number];
 //# sourceMappingURL=TabContext.d.ts.map

package/build/ui/TabContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../src/ui/TabContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC;AAErD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAC5D,aAAa,EACb,MAAM,GAAG,SAAS,EAClB,kBAAkB,CAAC,aAAa,CAAC,EACjC,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,CAAC,aAAa,CAAC,CACtC,GAEC,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAC1C,8BAA8B,CAAC;AAEjC,MAAM,MAAM,sBAAsB,CAChC,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAChD,cAAc,CAChB,SAAS,EACT,SAAS,EACT,WAAW,EACX,kBAAkB,CAAC,aAAa,CAAC,EACjC,qBAAqB,EACrB,qBAAqB,CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,8BAA8B,GAAG;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,iBAAiB,EAAE,IAAI,CAAA;KAAE,CAAC;IACvD;;OAEG;IACH,YAAY,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,OAAO,oBAAoB,CACzB,kBAAkB,CAAC,GAAG,CAAC,EACvB,gBAAgB,EAChB,gBAAgB,CAAC,aAAa,CAAC,EAC/B,8BAA8B,EAC9B,qBAAqB,CACtB,CACF,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,UAAU,yDAAqC,CAAC;AAC7D,eAAO,MAAM,oBAAoB,qCAAgC,CAAC;AAElE,MAAM,MAAM,KAAK,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../src/ui/TabContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC;AAErD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAC5D,aAAa,EACb,MAAM,GAAG,SAAS,EAClB,kBAAkB,CAAC,aAAa,CAAC,EACjC,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,CAAC,aAAa,CAAC,CACtC,GAEC,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAC1C,8BAA8B,CAAC;AAEjC,MAAM,MAAM,sBAAsB,CAChC,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAChD,cAAc,CAChB,SAAS,EACT,SAAS,EACT,WAAW,EACX,kBAAkB,CAAC,aAAa,CAAC,EACjC,qBAAqB,EACrB,qBAAqB,CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,0BAA0B,EAC1B,OAAO,GAAG,MAAM,GAAG,cAAc,CAClC,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,iBAAiB,EAAE,IAAI,CAAA;KAAE,CAAC;IACvD;;OAEG;IACH,YAAY,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,OAAO,oBAAoB,CACzB,kBAAkB,CAAC,GAAG,CAAC,EACvB,gBAAgB,EAChB,gBAAgB,CAAC,aAAa,CAAC,EAC/B,8BAA8B,EAC9B,qBAAqB,CACtB,CACF,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,UAAU,yDAAqC,CAAC;AAC7D;;GAEG;AACH,eAAO,MAAM,oBAAoB,qCAAgC,CAAC;AAClE;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uWAAqD,CAAC;AACzF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAA6D,CAAC;AAC/F;;GAEG;AACH,eAAO,MAAM,gBAAgB,kDAS3B,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/build/ui/TabContext.js

@@ -1,7 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabTriggerMapContext = exports.TabContext = void 0;
+exports.TabsStateContext = exports.TabsNavigatorContext = exports.TabsDescriptorsContext = exports.TabTriggerMapContext = exports.TabContext = void 0;
 const react_1 = require("react");
 exports.TabContext = (0, react_1.createContext)({});
+/**
+ * @hidden
+ */
 exports.TabTriggerMapContext = (0, react_1.createContext)({});
+/**
+ * @hidden
+ */
+exports.TabsDescriptorsContext = (0, react_1.createContext)({});
+/**
+ * @hidden
+ */
+exports.TabsNavigatorContext = (0, react_1.createContext)(null);
+/**
+ * @hidden
+ */
+exports.TabsStateContext = (0, react_1.createContext)({
+    type: 'tab',
+    preloadedRouteKeys: [],
+    history: [],
+    index: -1,
+    key: '',
+    stale: false,
+    routeNames: [],
+    routes: [],
+});
 //# sourceMappingURL=TabContext.js.map

package/build/ui/TabContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContext.js","sourceRoot":"","sources":["../../src/ui/TabContext.tsx"],"names":[],"mappings":";;;AAUA,iCAAsC;AAmEzB,QAAA,UAAU,GAAG,IAAA,qBAAa,EAAkB,EAAE,CAAC,CAAC;AAChD,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAAa,EAAE,CAAC,CAAC","sourcesContent":["import {\n  DefaultNavigatorOptions,\n  NavigationAction,\n  NavigationProp,\n  ParamListBase,\n  TabActionHelpers,\n  TabNavigationState,\n  TabRouterOptions,\n  useNavigationBuilder,\n} from '@react-navigation/native';\nimport { createContext } from 'react';\n\nimport { TriggerMap } from './common';\n\nexport type ExpoTabsProps = ExpoTabsNavigatorOptions;\n\nexport type ExpoTabsNavigatorScreenOptions = {\n  detachInactiveScreens?: boolean;\n  unmountOnBlur?: boolean;\n  freezeOnBlur?: boolean;\n  lazy?: boolean;\n};\n\nexport type ExpoTabsNavigatorOptions = DefaultNavigatorOptions<\n  ParamListBase,\n  string | undefined,\n  TabNavigationState<ParamListBase>,\n  ExpoTabsScreenOptions,\n  TabNavigationEventMap,\n  ExpoTabsNavigationProp<ParamListBase>\n> &\n  // Should be set through `unstable_settings`\n  Omit<TabRouterOptions, 'initialRouteName'> &\n  ExpoTabsNavigatorScreenOptions;\n\nexport type ExpoTabsNavigationProp<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined,\n> = NavigationProp<\n  ParamList,\n  RouteName,\n  NavigatorID,\n  TabNavigationState<ParamListBase>,\n  ExpoTabsScreenOptions,\n  TabNavigationEventMap\n>;\n\nexport type ExpoTabsScreenOptions = ExpoTabsNavigatorScreenOptions & {\n  params?: object;\n  title: string;\n  action: NavigationAction;\n};\n\nexport type TabNavigationEventMap = {\n  /**\n   * Event which fires on tapping on the tab in the tab bar.\n   */\n  tabPress: { data: undefined; canPreventDefault: true };\n  /**\n   * Event which fires on long press on the tab in the tab bar.\n   */\n  tabLongPress: { data: undefined };\n};\n\nexport type TabsContextValue = ReturnType<\n  typeof useNavigationBuilder<\n    TabNavigationState<any>,\n    TabRouterOptions,\n    TabActionHelpers<ParamListBase>,\n    ExpoTabsNavigatorScreenOptions,\n    TabNavigationEventMap\n  >\n>;\n\nexport type TabContextValue = TabsDescriptor['options'];\n\nexport const TabContext = createContext<TabContextValue>({});\nexport const TabTriggerMapContext = createContext<TriggerMap>({});\n\nexport type Route = TabNavigationState<ParamListBase>['routes'][number];\nexport type TabsDescriptor = TabsContextValue['descriptors'][number];\n"]}
+{"version":3,"file":"TabContext.js","sourceRoot":"","sources":["../../src/ui/TabContext.tsx"],"names":[],"mappings":";;;AAWA,iCAAsC;AAgFzB,QAAA,UAAU,GAAG,IAAA,qBAAa,EAAkB,EAAE,CAAC,CAAC;AAC7D;;GAEG;AACU,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAAa,EAAE,CAAC,CAAC;AAClE;;GAEG;AACU,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAAkC,EAAE,CAAC,CAAC;AACzF;;GAEG;AACU,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAAwC,IAAI,CAAC,CAAC;AAC/F;;GAEG;AACU,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAA4B;IACvE,IAAI,EAAE,KAAK;IACX,kBAAkB,EAAE,EAAE;IACtB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,EAAE;IACd,MAAM,EAAE,EAAE;CACX,CAAC,CAAC","sourcesContent":["import { BottomTabNavigationOptions } from '@react-navigation/bottom-tabs';\nimport {\n  DefaultNavigatorOptions,\n  NavigationAction,\n  NavigationProp,\n  ParamListBase,\n  TabActionHelpers,\n  TabNavigationState,\n  TabRouterOptions,\n  useNavigationBuilder,\n} from '@react-navigation/native';\nimport { createContext } from 'react';\n\nimport { TriggerMap } from './common';\n\nexport type ExpoTabsProps = ExpoTabsNavigatorOptions;\n\nexport type ExpoTabsNavigatorScreenOptions = {\n  detachInactiveScreens?: boolean;\n  unmountOnBlur?: boolean;\n  freezeOnBlur?: boolean;\n  lazy?: boolean;\n};\n\nexport type ExpoTabsNavigatorOptions = DefaultNavigatorOptions<\n  ParamListBase,\n  string | undefined,\n  TabNavigationState<ParamListBase>,\n  ExpoTabsScreenOptions,\n  TabNavigationEventMap,\n  ExpoTabsNavigationProp<ParamListBase>\n> &\n  // Should be set through `unstable_settings`\n  Omit<TabRouterOptions, 'initialRouteName'> &\n  ExpoTabsNavigatorScreenOptions;\n\nexport type ExpoTabsNavigationProp<\n  ParamList extends ParamListBase,\n  RouteName extends keyof ParamList = keyof ParamList,\n  NavigatorID extends string | undefined = undefined,\n> = NavigationProp<\n  ParamList,\n  RouteName,\n  NavigatorID,\n  TabNavigationState<ParamListBase>,\n  ExpoTabsScreenOptions,\n  TabNavigationEventMap\n>;\n\n/**\n * @hidden\n */\nexport type ExpoTabsScreenOptions = Pick<\n  BottomTabNavigationOptions,\n  'title' | 'lazy' | 'freezeOnBlur'\n> & {\n  params?: object;\n  title: string;\n  action: NavigationAction;\n};\n\n/**\n * @hidden\n */\nexport type TabNavigationEventMap = {\n  /**\n   * Event which fires on tapping on the tab in the tab bar.\n   */\n  tabPress: { data: undefined; canPreventDefault: true };\n  /**\n   * Event which fires on long press on the tab in the tab bar.\n   */\n  tabLongPress: { data: undefined };\n};\n\n/**\n * The React Navigation custom navigator\n * @see https://reactnavigation.org/docs/custom-navigators/#usenavigationbuilder\n */\nexport type TabsContextValue = ReturnType<\n  typeof useNavigationBuilder<\n    TabNavigationState<any>,\n    TabRouterOptions,\n    TabActionHelpers<ParamListBase>,\n    ExpoTabsNavigatorScreenOptions,\n    TabNavigationEventMap\n  >\n>;\n\nexport type TabContextValue = TabsDescriptor['options'];\n\nexport const TabContext = createContext<TabContextValue>({});\n/**\n * @hidden\n */\nexport const TabTriggerMapContext = createContext<TriggerMap>({});\n/**\n * @hidden\n */\nexport const TabsDescriptorsContext = createContext<TabsContextValue['descriptors']>({});\n/**\n * @hidden\n */\nexport const TabsNavigatorContext = createContext<TabsContextValue['navigation'] | null>(null);\n/**\n * @hidden\n */\nexport const TabsStateContext = createContext<TabsContextValue['state']>({\n  type: 'tab',\n  preloadedRouteKeys: [],\n  history: [],\n  index: -1,\n  key: '',\n  stale: false,\n  routeNames: [],\n  routes: [],\n});\n\nexport type Route = TabNavigationState<ParamListBase>['routes'][number];\nexport type TabsDescriptor = TabsContextValue['descriptors'][number];\n"]}

package/build/ui/TabList.d.ts

@@ -4,6 +4,22 @@ export type TabListProps = ViewProps & {
     /** Forward props to child component and removes the extra <View />. Useful for custom wrappers. */
     asChild?: boolean;
 };
+/**
+ * Wrapper component for `<TabTriggers />`. `<TabTriggers />` within the `<TabList />` define the tabs.o
+ *
+ * @example
+ * ```ts
+ * <Tabs>
+ *  <TabSlot />
+ *  <TabList>
+ *   <TabTrigger name="home" href="/" />
+ *  </TabList>
+ * </Tabs>
+ * ```
+ */
 export declare function TabList({ asChild, style, ...props }: TabListProps): import("react").JSX.Element;
+/**
+ * @hidden
+ */
 export declare function isTabList(child: ReactElement<any>): child is ReactElement<ComponentProps<typeof TabList>>;
 //# sourceMappingURL=TabList.d.ts.map

package/build/ui/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../src/ui/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IACrC,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAGjE;AAED,wBAAgB,SAAS,CACvB,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,GACvB,KAAK,IAAI,YAAY,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAEvD"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../src/ui/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IACrC,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAGjE;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,GACvB,KAAK,IAAI,YAAY,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAEvD"}

package/build/ui/TabList.js

@@ -3,11 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isTabList = exports.TabList = void 0;
 const react_native_1 = require("react-native");
 const common_1 = require("./common");
+/**
+ * Wrapper component for `<TabTriggers />`. `<TabTriggers />` within the `<TabList />` define the tabs.o
+ *
+ * @example
+ * ```ts
+ * <Tabs>
+ *  <TabSlot />
+ *  <TabList>
+ *   <TabTrigger name="home" href="/" />
+ *  </TabList>
+ * </Tabs>
+ * ```
+ */
 function TabList({ asChild, style, ...props }) {
     const Comp = asChild ? common_1.ViewSlot : react_native_1.View;
     return <Comp style={[styles.tabList, style]} {...props}/>;
 }
 exports.TabList = TabList;
+/**
+ * @hidden
+ */
 function isTabList(child) {
     return child.type === TabList;
 }

package/build/ui/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/ui/TabList.tsx"],"names":[],"mappings":";;;AACA,+CAA2D;AAE3D,qCAAoC;AAOpC,SAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAQ,CAAC,CAAC,CAAC,mBAAI,CAAC;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7D,CAAC;AAHD,0BAGC;AAED,SAAgB,SAAS,CACvB,KAAwB;IAExB,OAAO,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AAChC,CAAC;AAJD,8BAIC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC","sourcesContent":["import { ReactElement, ComponentProps } from 'react';\nimport { View, StyleSheet, ViewProps } from 'react-native';\n\nimport { ViewSlot } from './common';\n\nexport type TabListProps = ViewProps & {\n  /** Forward props to child component and removes the extra <View />. Useful for custom wrappers. */\n  asChild?: boolean;\n};\n\nexport function TabList({ asChild, style, ...props }: TabListProps) {\n  const Comp = asChild ? ViewSlot : View;\n  return <Comp style={[styles.tabList, style]} {...props} />;\n}\n\nexport function isTabList(\n  child: ReactElement<any>\n): child is ReactElement<ComponentProps<typeof TabList>> {\n  return child.type === TabList;\n}\n\nconst styles = StyleSheet.create({\n  tabList: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  tabTrigger: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n});\n"]}
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/ui/TabList.tsx"],"names":[],"mappings":";;;AACA,+CAA2D;AAE3D,qCAAoC;AAOpC;;;;;;;;;;;;GAYG;AACH,SAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAQ,CAAC,CAAC,CAAC,mBAAI,CAAC;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7D,CAAC;AAHD,0BAGC;AAED;;GAEG;AACH,SAAgB,SAAS,CACvB,KAAwB;IAExB,OAAO,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AAChC,CAAC;AAJD,8BAIC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC","sourcesContent":["import { ReactElement, ComponentProps } from 'react';\nimport { View, StyleSheet, ViewProps } from 'react-native';\n\nimport { ViewSlot } from './common';\n\nexport type TabListProps = ViewProps & {\n  /** Forward props to child component and removes the extra <View />. Useful for custom wrappers. */\n  asChild?: boolean;\n};\n\n/**\n * Wrapper component for `<TabTriggers />`. `<TabTriggers />` within the `<TabList />` define the tabs.o\n *\n * @example\n * ```ts\n * <Tabs>\n *  <TabSlot />\n *  <TabList>\n *   <TabTrigger name=\"home\" href=\"/\" />\n *  </TabList>\n * </Tabs>\n * ```\n */\nexport function TabList({ asChild, style, ...props }: TabListProps) {\n  const Comp = asChild ? ViewSlot : View;\n  return <Comp style={[styles.tabList, style]} {...props} />;\n}\n\n/**\n * @hidden\n */\nexport function isTabList(\n  child: ReactElement<any>\n): child is ReactElement<ComponentProps<typeof TabList>> {\n  return child.type === TabList;\n}\n\nconst styles = StyleSheet.create({\n  tabList: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  tabTrigger: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n});\n"]}

package/build/ui/TabSlot.d.ts

@@ -3,22 +3,58 @@ import { ScreenContainer } from 'react-native-screens';
 import { TabsDescriptor } from './TabContext';
 import { TabListProps } from './TabList';
 export type UseTabSlotOptions = ComponentProps<typeof ScreenContainer> & {
+    /** Remove inactive screens */
     detachInactiveScreens?: boolean;
+    /** Override how the <Screen /> is rendered */
     renderFn?: typeof defaultTabsSlotRender;
 };
+/**
+ * Options provided to the UseTabSlotOptions.renderFn
+ */
 export type TabsSlotRenderOptions = {
+    /** Index of screen */
     index: number;
+    /** Whether the screen is focused */
     isFocused: boolean;
+    /** Whether the screen has been loaded */
     loaded: boolean;
+    /** Should the screen be unloaded when inactive */
     detachInactiveScreens: boolean;
 };
-export declare function useTabSlot({ detachInactiveScreens, style, renderFn, }?: UseTabSlotOptions): import("react").JSX.Element;
+/**
+ * Returns a ReactElement of the current tab.
+ *
+ * @see `useTabSlot`
+ *
+ * @example
+ * ```ts
+ * function MyTabSlot() {
+ *   const slot = useTabSlot()
+ *   return slot
+ * }
+ * ```
+ */
+export declare function useTabSlot(options?: UseTabSlotOptions): import("react").JSX.Element;
 export type TabSlotProps = UseTabSlotOptions;
+/**
+ * Renders the current tab.
+ *
+ * @see `useTabSlot`
+ *
+ * @example
+ * ```ts
+ * <Tabs>
+ *  <TabSlot />
+ *  <TabList>
+ *   <TabTrigger name="home" href="/" />
+ *  </TabList>
+ * </Tabs>
+ * ```
+ */
 export declare function TabSlot(props: TabSlotProps): import("react").JSX.Element;
-export declare function useTab(): {
-    options: import("./TabContext").ExpoTabsNavigatorScreenOptions;
-    setOptions: (options: Partial<{}>) => void;
-};
 export declare function defaultTabsSlotRender(descriptor: TabsDescriptor, { isFocused, loaded, detachInactiveScreens }: TabsSlotRenderOptions): import("react").JSX.Element | null;
+/**
+ * @hidden
+ */
 export declare function isTabSlot(child: ReactElement<any>): child is ReactElement<TabListProps>;
 //# sourceMappingURL=TabSlot.d.ts.map

package/build/ui/TabSlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabSlot.d.ts","sourceRoot":"","sources":["../../src/ui/TabSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAwB,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAU,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAc,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACvE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,qBAAqB,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,qBAEuB,EACvB,KAAK,EACL,QAAgC,GACjC,GAAE,iBAAsB,+BA8BxB;AAED,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC;AAE7C,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C;AAED,wBAAgB,MAAM;;;EAQrB;AAED,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,cAAc,EAC1B,EAAE,SAAS,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,qBAAqB,sCAuBpE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEvF"}
+{"version":3,"file":"TabSlot.d.ts","sourceRoot":"","sources":["../../src/ui/TabSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAU,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAc,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACvE,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,qBAAqB,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,+BAsCzD;AAED,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC;AAE7C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C;AAED,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,cAAc,EAC1B,EAAE,SAAS,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,qBAAqB,sCAuBpE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEvF"}

package/build/ui/TabSlot.js

@@ -1,15 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTabSlot = exports.defaultTabsSlotRender = exports.useTab = exports.TabSlot = exports.useTabSlot = void 0;
+exports.isTabSlot = exports.defaultTabsSlotRender = exports.TabSlot = exports.useTabSlot = void 0;
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const react_native_screens_1 = require("react-native-screens");
 const TabContext_1 = require("./TabContext");
-const useNavigation_1 = require("../useNavigation");
 const Navigator_1 = require("../views/Navigator");
-function useTabSlot({ detachInactiveScreens = react_native_1.Platform.OS === 'web' ||
-    react_native_1.Platform.OS === 'android' ||
-    react_native_1.Platform.OS === 'ios', style, renderFn = defaultTabsSlotRender, } = {}) {
+/**
+ * Returns a ReactElement of the current tab.
+ *
+ * @see `useTabSlot`
+ *
+ * @example
+ * ```ts
+ * function MyTabSlot() {
+ *   const slot = useTabSlot()
+ *   return slot
+ * }
+ * ```
+ */
+function useTabSlot(options = {}) {
+    const { detachInactiveScreens = react_native_1.Platform.OS === 'web' ||
+        react_native_1.Platform.OS === 'android' ||
+        react_native_1.Platform.OS === 'ios', style, renderFn = defaultTabsSlotRender, } = options;
     const { state, descriptors } = (0, Navigator_1.useNavigatorContext)();
     const focusedRouteKey = state.routes[state.index].key;
     const [loaded, setLoaded] = (0, react_1.useState)({ [focusedRouteKey]: true });
@@ -31,19 +44,25 @@ function useTabSlot({ detachInactiveScreens = react_native_1.Platform.OS === 'we
     </react_native_screens_1.ScreenContainer>);
 }
 exports.useTabSlot = useTabSlot;
+/**
+ * Renders the current tab.
+ *
+ * @see `useTabSlot`
+ *
+ * @example
+ * ```ts
+ * <Tabs>
+ *  <TabSlot />
+ *  <TabList>
+ *   <TabTrigger name="home" href="/" />
+ *  </TabList>
+ * </Tabs>
+ * ```
+ */
 function TabSlot(props) {
     return useTabSlot(props);
 }
 exports.TabSlot = TabSlot;
-function useTab() {
-    const navigation = (0, useNavigation_1.useNavigation)();
-    const options = (0, react_1.useContext)(TabContext_1.TabContext);
-    return {
-        options,
-        setOptions: navigation.setOptions,
-    };
-}
-exports.useTab = useTab;
 function defaultTabsSlotRender(descriptor, { isFocused, loaded, detachInactiveScreens }) {
     const { lazy = true, unmountOnBlur, freezeOnBlur } = descriptor.options;
     if (unmountOnBlur && !isFocused) {
@@ -58,6 +77,9 @@ function defaultTabsSlotRender(descriptor, { isFocused, loaded, detachInactiveSc
     </react_native_screens_1.Screen>);
 }
 exports.defaultTabsSlotRender = defaultTabsSlotRender;
+/**
+ * @hidden
+ */
 function isTabSlot(child) {
     return child.type === TabSlot;
 }

package/build/ui/TabSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabSlot.js","sourceRoot":"","sources":["../../src/ui/TabSlot.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentProps, ReactElement, useState, useContext } from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport { ScreenContainer, Screen } from 'react-native-screens';\n\nimport { TabContext, TabsDescriptor } from './TabContext';\nimport { TabListProps } from './TabList';\nimport { useNavigation } from '../useNavigation';\nimport { useNavigatorContext } from '../views/Navigator';\n\nexport type UseTabSlotOptions = ComponentProps<typeof ScreenContainer> & {\n  detachInactiveScreens?: boolean;\n  renderFn?: typeof defaultTabsSlotRender;\n};\n\nexport type TabsSlotRenderOptions = {\n  index: number;\n  isFocused: boolean;\n  loaded: boolean;\n  detachInactiveScreens: boolean;\n};\n\nexport function useTabSlot({\n  detachInactiveScreens = Platform.OS === 'web' ||\n    Platform.OS === 'android' ||\n    Platform.OS === 'ios',\n  style,\n  renderFn = defaultTabsSlotRender,\n}: UseTabSlotOptions = {}) {\n  const { state, descriptors } = useNavigatorContext();\n  const focusedRouteKey = state.routes[state.index].key;\n  const [loaded, setLoaded] = useState({ [focusedRouteKey]: true });\n\n  if (!loaded[focusedRouteKey]) {\n    setLoaded({ ...loaded, [focusedRouteKey]: true });\n  }\n\n  return (\n    <ScreenContainer\n      enabled={detachInactiveScreens}\n      hasTwoStates\n      style={[styles.screenContainer, style]}>\n      {state.routes.map((route, index) => {\n        const descriptor = descriptors[route.key] as unknown as TabsDescriptor;\n\n        return (\n          <TabContext.Provider key={descriptor.route.key} value={descriptor.options}>\n            {renderFn(descriptor, {\n              index,\n              isFocused: state.index === index,\n              loaded: loaded[route.key],\n              detachInactiveScreens,\n            })}\n          </TabContext.Provider>\n        );\n      })}\n    </ScreenContainer>\n  );\n}\n\nexport type TabSlotProps = UseTabSlotOptions;\n\nexport function TabSlot(props: TabSlotProps) {\n  return useTabSlot(props);\n}\n\nexport function useTab() {\n  const navigation = useNavigation();\n  const options = useContext(TabContext);\n\n  return {\n    options,\n    setOptions: navigation.setOptions,\n  };\n}\n\nexport function defaultTabsSlotRender(\n  descriptor: TabsDescriptor,\n  { isFocused, loaded, detachInactiveScreens }: TabsSlotRenderOptions\n) {\n  const { lazy = true, unmountOnBlur, freezeOnBlur } = descriptor.options;\n\n  if (unmountOnBlur && !isFocused) {\n    return null;\n  }\n\n  if (lazy && !loaded && !isFocused) {\n    // Don't render a lazy screen if we've never navigated to it\n    return null;\n  }\n\n  return (\n    <Screen\n      key={descriptor.route.key}\n      enabled={detachInactiveScreens}\n      activityState={isFocused ? 2 : 0}\n      freezeOnBlur={freezeOnBlur}\n      style={[styles.screen, isFocused ? styles.focused : styles.unfocused]}>\n      {descriptor.render()}\n    </Screen>\n  );\n}\n\nexport function isTabSlot(child: ReactElement<any>): child is ReactElement<TabListProps> {\n  return child.type === TabSlot;\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    position: 'relative',\n    height: '100%',\n  },\n  screenContainer: {\n    flexShrink: 0,\n    flexGrow: 1,\n  },\n  focused: {\n    zIndex: 1,\n    display: 'flex',\n    flexShrink: 0,\n    flexGrow: 1,\n  },\n  unfocused: {\n    zIndex: -1,\n    display: 'none',\n    flexShrink: 1,\n    flexGrow: 0,\n  },\n});\n"]}
+{"version":3,"file":"TabSlot.js","sourceRoot":"","sources":["../../src/ui/TabSlot.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentProps, ReactElement, useState } from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport { ScreenContainer, Screen } from 'react-native-screens';\n\nimport { TabContext, TabsDescriptor } from './TabContext';\nimport { TabListProps } from './TabList';\nimport { useNavigatorContext } from '../views/Navigator';\n\nexport type UseTabSlotOptions = ComponentProps<typeof ScreenContainer> & {\n  /** Remove inactive screens */\n  detachInactiveScreens?: boolean;\n  /** Override how the <Screen /> is rendered */\n  renderFn?: typeof defaultTabsSlotRender;\n};\n\n/**\n * Options provided to the UseTabSlotOptions.renderFn\n */\nexport type TabsSlotRenderOptions = {\n  /** Index of screen */\n  index: number;\n  /** Whether the screen is focused */\n  isFocused: boolean;\n  /** Whether the screen has been loaded */\n  loaded: boolean;\n  /** Should the screen be unloaded when inactive */\n  detachInactiveScreens: boolean;\n};\n\n/**\n * Returns a ReactElement of the current tab.\n *\n * @see `useTabSlot`\n *\n * @example\n * ```ts\n * function MyTabSlot() {\n *   const slot = useTabSlot()\n *   return slot\n * }\n * ```\n */\nexport function useTabSlot(options: UseTabSlotOptions = {}) {\n  const {\n    detachInactiveScreens = Platform.OS === 'web' ||\n      Platform.OS === 'android' ||\n      Platform.OS === 'ios',\n    style,\n    renderFn = defaultTabsSlotRender,\n  } = options;\n\n  const { state, descriptors } = useNavigatorContext();\n  const focusedRouteKey = state.routes[state.index].key;\n  const [loaded, setLoaded] = useState({ [focusedRouteKey]: true });\n\n  if (!loaded[focusedRouteKey]) {\n    setLoaded({ ...loaded, [focusedRouteKey]: true });\n  }\n\n  return (\n    <ScreenContainer\n      enabled={detachInactiveScreens}\n      hasTwoStates\n      style={[styles.screenContainer, style]}>\n      {state.routes.map((route, index) => {\n        const descriptor = descriptors[route.key] as unknown as TabsDescriptor;\n\n        return (\n          <TabContext.Provider key={descriptor.route.key} value={descriptor.options}>\n            {renderFn(descriptor, {\n              index,\n              isFocused: state.index === index,\n              loaded: loaded[route.key],\n              detachInactiveScreens,\n            })}\n          </TabContext.Provider>\n        );\n      })}\n    </ScreenContainer>\n  );\n}\n\nexport type TabSlotProps = UseTabSlotOptions;\n\n/**\n * Renders the current tab.\n *\n * @see `useTabSlot`\n *\n * @example\n * ```ts\n * <Tabs>\n *  <TabSlot />\n *  <TabList>\n *   <TabTrigger name=\"home\" href=\"/\" />\n *  </TabList>\n * </Tabs>\n * ```\n */\nexport function TabSlot(props: TabSlotProps) {\n  return useTabSlot(props);\n}\n\nexport function defaultTabsSlotRender(\n  descriptor: TabsDescriptor,\n  { isFocused, loaded, detachInactiveScreens }: TabsSlotRenderOptions\n) {\n  const { lazy = true, unmountOnBlur, freezeOnBlur } = descriptor.options;\n\n  if (unmountOnBlur && !isFocused) {\n    return null;\n  }\n\n  if (lazy && !loaded && !isFocused) {\n    // Don't render a lazy screen if we've never navigated to it\n    return null;\n  }\n\n  return (\n    <Screen\n      key={descriptor.route.key}\n      enabled={detachInactiveScreens}\n      activityState={isFocused ? 2 : 0}\n      freezeOnBlur={freezeOnBlur}\n      style={[styles.screen, isFocused ? styles.focused : styles.unfocused]}>\n      {descriptor.render()}\n    </Screen>\n  );\n}\n\n/**\n * @hidden\n */\nexport function isTabSlot(child: ReactElement<any>): child is ReactElement<TabListProps> {\n  return child.type === TabSlot;\n}\n\nconst styles = StyleSheet.create({\n  screen: {\n    flex: 1,\n    position: 'relative',\n    height: '100%',\n  },\n  screenContainer: {\n    flexShrink: 0,\n    flexGrow: 1,\n  },\n  focused: {\n    zIndex: 1,\n    display: 'flex',\n    flexShrink: 0,\n    flexGrow: 1,\n  },\n  unfocused: {\n    zIndex: -1,\n    display: 'none',\n    flexShrink: 1,\n    flexGrow: 0,\n  },\n});\n"]}

package/build/ui/TabTrigger.d.ts

@@ -1,94 +1,76 @@
+import { TabNavigationState } from '@react-navigation/native';
 import { ReactNode, ReactElement, ComponentProps } from 'react';
 import { View, PressableProps } from 'react-native';
 import { ExpoTabsResetValue } from './TabRouter';
+import type { TriggerMap } from './common';
 import type { Href } from '../types';
 type PressablePropsWithoutFunctionChildren = Omit<PressableProps, 'children'> & {
     children?: ReactNode | undefined;
 };
-export type TabTriggerProps<T extends string | object> = PressablePropsWithoutFunctionChildren & {
+export type TabTriggerProps = PressablePropsWithoutFunctionChildren & {
+    /** Name of tab. When used within a `<TabList />` this sets the name of the tab. Otherwise, this references the name. */
     name: string;
-    href?: Href<T>;
+    /** Name of tab. Required when used within a `<TabList />` */
+    href?: Href;
     /** Forward props to child component. Useful for custom wrappers. */
     asChild?: boolean;
     /** Reset the route when switching to the tab */
     reset?: SwitchToOptions['reset'] | 'onLongPress';
 };
-export type TabTriggerOptions<T extends string | object> = {
+export type TabTriggerOptions = {
     name: string;
-    href: Href<T>;
+    href: Href;
 };
 export type TabTriggerSlotProps = PressablePropsWithoutFunctionChildren & React.RefAttributes<View> & {
     isFocused?: boolean;
     href?: string;
 };
-export declare function TabTrigger<T extends string | object>({ asChild, name, href, reset, ...props }: TabTriggerProps<T>): import("react").JSX.Element;
+/**
+ * Creates a trigger to navigate to a tab. `<TabTrigger />` functionality slightly changes when used as a child of `<TabList />`. In this instance, the `href` prop is required, and the trigger also defines what routes are present in the `<Tabs />`.
+ *
+ * When used outside of `<TabList />`, `<TabTrigger />` no longer requires a `href`.
+ *
+ * @example
+ * ```ts
+ * <Tabs>
+ *  <TabSlot />
+ *  <TabList>
+ *   <TabTrigger name="home" href="/" />
+ *  </TabList>
+ * </Tabs>
+ * ```
+ */
+export declare function TabTrigger({ asChild, name, href, reset, ...props }: TabTriggerProps): import("react").JSX.Element;
+/**
+ * @hidden
+ */
 export declare function isTabTrigger(child: ReactElement<any>): child is ReactElement<ComponentProps<typeof TabTrigger>>;
+/**
+ * Options for `switchTab` function.
+ */
 export type SwitchToOptions = {
+    /** Navigate and reset the history */
     reset?: ExpoTabsResetValue;
 };
-export declare function useTabTrigger({ name, reset, onPress, onLongPress }: TabTriggerProps<any>): {
-    switchTab: (name: string, options?: SwitchToOptions) => void;
-    getTrigger: (name: string) => {
-        type: "internal";
-        name: string;
-        href: string;
-        routeNode: import("../Route").RouteNode;
-        action: import("@react-navigation/routers").TabActionType | {
-            type: "JUMP_TO";
-            source?: string | undefined;
-            target?: string | undefined;
-            payload: {
-                name: string;
-                reset?: ExpoTabsResetValue | undefined;
-                params?: object | undefined;
-            };
-        };
-        index: number;
-        isFocused: boolean;
-        route: import("@react-navigation/routers").NavigationRoute<import("@react-navigation/routers").ParamListBase, string>;
-        resolvedHref: string;
-    } | {
-        type: "external";
-        name: string;
-        href: string;
-        index: number;
-        isFocused: boolean;
-        route: import("@react-navigation/routers").NavigationRoute<import("@react-navigation/routers").ParamListBase, string>;
-        resolvedHref: string;
-    } | undefined;
-    trigger: {
-        type: "internal";
-        name: string;
-        href: string;
-        routeNode: import("../Route").RouteNode;
-        action: import("@react-navigation/routers").TabActionType | {
-            type: "JUMP_TO";
-            source?: string | undefined;
-            target?: string | undefined;
-            payload: {
-                name: string;
-                reset?: ExpoTabsResetValue | undefined;
-                params?: object | undefined;
-            };
-        };
-        index: number;
-        isFocused: boolean;
-        route: import("@react-navigation/routers").NavigationRoute<import("@react-navigation/routers").ParamListBase, string>;
-        resolvedHref: string;
-    } | {
-        type: "external";
-        name: string;
-        href: string;
-        index: number;
-        isFocused: boolean;
-        route: import("@react-navigation/routers").NavigationRoute<import("@react-navigation/routers").ParamListBase, string>;
-        resolvedHref: string;
-    } | undefined;
-    triggerProps: {
-        isFocused: boolean;
-        onPress: (event: import("react-native").GestureResponderEvent) => void;
-        onLongPress: (event: import("react-native").GestureResponderEvent) => void;
-    };
+export type Trigger = TriggerMap[string] & {
+    isFocused: boolean;
+    resolvedHref: string;
+    route: TabNavigationState<any>['routes'][number];
 };
+export type UseTabTriggerResult = {
+    switchTab: (name: string, options: SwitchToOptions) => void;
+    getTrigger: (name: string) => Trigger | undefined;
+    trigger?: Trigger;
+    triggerProps: TriggerProps;
+};
+export type TriggerProps = {
+    isFocused: boolean;
+    onPress: PressableProps['onPress'];
+    onLongPress: PressableProps['onLongPress'];
+};
+/**
+ * Utility hook creating custom `<TabTrigger />`
+ */
+export declare function useTabTrigger(options: TabTriggerProps): UseTabTriggerResult;
 export {};
 //# sourceMappingURL=TabTrigger.d.ts.map