@gtkx/navigation 2.0.0-beta.12 → 2.0.0-beta.13

package/dist/tab-view/types.d.ts

@@ -0,0 +1,240 @@
+import type * as Adw from "@gtkx/gi/adw";
+import type * as Gio from "@gtkx/gi/gio";
+import type * as GObject from "@gtkx/gi/gobject";
+import type { AdwTabDropProps } from "@gtkx/react/internal";
+import type { DefaultNavigatorOptions, Descriptor, NavigationHelpers, NavigationProp, NavigationState, ParamListBase, RouteProp } from "@react-navigation/core";
+import type { ReactNode } from "react";
+import type { HeaderOptions } from "../shared/types.js";
+/** Navigation state of a tab view navigator. Pinned routes come first in `routes`, in `pinnedKeys` order. */
+type TabViewNavigationState<ParamList extends ParamListBase> = NavigationState<ParamList> & {
+    /** Type of the router, in this case `tabview`. */
+    type: "tabview";
+    /** Keys of the pinned routes. */
+    pinnedKeys: string[];
+    /** Key of the tab each tab was opened from, by route key. */
+    parents: Record<string, string>;
+};
+/** Options accepted when opening a tab. */
+type TabViewOpenOptions = {
+    /** Key of the tab the new one is opened from; the new tab follows that tab and its descendants, which are selected again when it closes. */
+    parent?: string;
+    /** Whether the new tab is selected; defaults to `true`. */
+    select?: boolean;
+    /** Position among the unpinned tabs; defaults to the end. */
+    position?: number;
+};
+/** Actions specific to the tab view router. */
+type TabViewActionType = {
+    type: "OPEN_TAB";
+    payload: {
+        name: string;
+        params?: object;
+        key?: string;
+        parent?: string;
+        select?: boolean;
+        position?: number;
+        pinned?: boolean;
+    };
+} | {
+    type: "CLOSE_TAB";
+    payload: {
+        key?: string;
+    };
+} | {
+    type: "CLOSE_OTHER_TABS";
+    payload: {
+        key?: string;
+    };
+} | {
+    type: "CLOSE_TABS_BEFORE";
+    payload: {
+        key?: string;
+    };
+} | {
+    type: "CLOSE_TABS_AFTER";
+    payload: {
+        key?: string;
+    };
+} | {
+    type: "SELECT_TAB";
+    payload: {
+        key: string;
+    };
+} | {
+    type: "REORDER_TAB";
+    payload: {
+        key: string;
+        position: number;
+    };
+} | {
+    type: "PIN_TAB";
+    payload: {
+        key: string;
+        pinned: boolean;
+    };
+};
+/** Action helpers added to the navigation object of tab view screens. Keys default to the selected tab. */
+type TabViewActionHelpers<ParamList extends ParamListBase> = {
+    /** Opens a new tab for a screen, or selects the open tab whose `getId` matches. */
+    openTab<RouteName extends keyof ParamList>(name: RouteName, params?: ParamList[RouteName], options?: TabViewOpenOptions): void;
+    /** Closes a tab. Closing the last tab is left to the parent navigator or `onUnhandledAction`. */
+    closeTab(key?: string): void;
+    /** Closes every unpinned tab except one. */
+    closeOtherTabs(key?: string): void;
+    /** Closes the unpinned tabs before one. */
+    closeTabsBefore(key?: string): void;
+    /** Closes the unpinned tabs after one. */
+    closeTabsAfter(key?: string): void;
+    /** Selects a tab. */
+    selectTab(key: string): void;
+    /** Moves a tab within its pinned or unpinned group. */
+    reorderTab(key: string, position: number): void;
+    /** Pins a tab, moving it after the other pinned tabs, or unpins it, moving it before the unpinned tabs. */
+    pinTab(key: string, pinned: boolean): void;
+};
+/** Events the tab view navigator emits on top of React Navigation's core events. */
+type TabViewNavigationEventMap = {
+    /** The user selected a tab natively. */
+    tabPress: {
+        /** No payload. */
+        data: undefined;
+        /** Calling `preventDefault` keeps the current tab. */
+        canPreventDefault: true;
+    };
+    /** The user activated the tab's indicator icon. */
+    indicatorActivated: {
+        /** No payload. */
+        data: undefined;
+    };
+};
+/** An icon given by theme name or as a `Gio.Icon`. */
+type TabViewIcon = string | Gio.Icon;
+/** Per-screen options of the tab view navigator. */
+type TabViewNavigationOptions = HeaderOptions & {
+    /** Renders a custom top bar instead of the default `AdwHeaderBar`. */
+    header?: (props: TabViewHeaderProps) => ReactNode;
+    /** Icon shown in the tab; `null` shows the view's default icon. */
+    icon?: TabViewIcon | null;
+    /** Tooltip of the tab; supports Pango markup. */
+    tooltip?: string;
+    /** Search keyword for the tab overview. */
+    keyword?: string;
+    /** Whether the tab shows a loading spinner instead of its icon. */
+    loading?: boolean;
+    /** Whether the tab is highlighted as needing attention. */
+    needsAttention?: boolean;
+    /** Indicator icon shown at the end of the tab. */
+    indicatorIcon?: TabViewIcon | null;
+    /** Whether clicking the indicator emits `indicatorActivated`. */
+    indicatorActivatable?: boolean;
+    /** Tooltip of the indicator icon; supports Pango markup. */
+    indicatorTooltip?: string;
+    /** Whether the overview thumbnail stays live while the tab is not selected. */
+    liveThumbnail?: boolean;
+    /** Horizontal alignment of the overview thumbnail, from 0 to 1. */
+    thumbnailXalign?: number;
+    /** Vertical alignment of the overview thumbnail, from 0 to 1. */
+    thumbnailYalign?: number;
+    /** Whether the screen mounts on first selection instead of as soon as the tab opens; defaults to `true`. */
+    lazy?: boolean;
+};
+/** The screen a new tab opens, as returned by the overview's `onCreateTab`. */
+type TabViewTarget = {
+    /** Name of the screen to open. */
+    name: string;
+    /** Params of the new tab. */
+    params?: object;
+};
+/** Settings of the `AdwTabOverview` rendered around the view. */
+type TabViewOverviewConfig = {
+    /**
+     * Whether the overview is open. When given, the overview follows it: the user opening or closing the overview
+     * calls `onOpenChange`, and a value the app does not update is restored. Leave it out to let the overview open
+     * and close on its own.
+     */
+    open?: boolean;
+    /** Called when the overview opens or closes natively. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the overview shows a new tab button; defaults to `false`. */
+    enableNewTab?: boolean;
+    /** Whether the overview offers search; defaults to `true`. */
+    enableSearch?: boolean;
+    /** Returns the screen the new tab button opens. */
+    onCreateTab?: () => TabViewTarget;
+};
+/** Additional drop target of the tab bar and overview. */
+type TabViewExtraDropTarget = NonNullable<AdwTabDropProps["extraDropTarget"]>;
+/** Props of the tab view navigator beyond the options every navigator shares. */
+type TabViewNavigationConfig = {
+    /** A view created before the navigator renders, such as one returned from a `create-window` handler. */
+    view?: Adw.TabView;
+    /** Whether the tab bar renders; defaults to `true`. */
+    tabBarVisible?: boolean;
+    /** Whether the tab bar hides with a single tab; defaults to `true`. */
+    tabBarAutohide?: boolean;
+    /** Whether tabs expand to fill the bar; defaults to `true`. */
+    tabBarExpand?: boolean;
+    /** Whether close buttons sit at the start of tabs; defaults to `false`. */
+    tabBarInverted?: boolean;
+    /** Renders an `AdwTabOverview` around the view. */
+    overview?: TabViewOverviewConfig;
+    /** An existing menu model to use as the tabs' context menu. Use `renderMenu` to declare the menu in JSX instead. */
+    menuModel?: Gio.MenuModel | null;
+    /**
+     * Renders the tabs' context menu. Attach `ref` to a `GMenu`, or to any menu model element, anywhere in the
+     * returned tree; the navigator renders the tree outside the widget hierarchy and uses that model. A navigator
+     * given both `renderMenu` and a `menuModel` throws.
+     */
+    renderMenu?: (ref: (menu: Gio.MenuModel | null) => void) => ReactNode;
+    /** Additional content accepted by drops on tabs. */
+    extraDropTarget?: TabViewExtraDropTarget | null;
+    /** Handles content dropped on a tab; returns whether the drop was accepted. */
+    onExtraDragDrop?: (route: RouteProp<ParamListBase>, value: GObject.Value) => boolean;
+    /** Returns the view of a new window when a tab is dragged out of this one. */
+    onCreateWindow?: () => Adw.TabView | null;
+    /** Called with the tab whose context menu opens, or `null` when it closes, after the chosen menu action has run. */
+    onSetupMenu?: (route: RouteProp<ParamListBase> | null) => void;
+    /** Keyboard shortcuts the view handles. */
+    shortcuts?: Adw.TabViewShortcuts;
+    /** Icon of tabs without an `icon` option. */
+    defaultIcon?: TabViewIcon | null;
+};
+/** Options of the tab view router. */
+type TabViewRouterOptions = {
+    /** Screen of the tab opened when the view starts empty; defaults to the first screen. */
+    initialRouteName?: string;
+    /**
+     * Whether closing the last tab replaces it with a new tab of the initial route, instead of leaving that close
+     * unhandled for a parent navigator or the container's `onUnhandledAction`. Use it for a tab view inside a section
+     * of the app rather than a window of its own; defaults to `false`.
+     */
+    replaceLastTab?: boolean;
+};
+/** Navigation object of a tab view screen. */
+type TabViewNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = NavigationProp<ParamList, RouteName, NavigatorID, TabViewNavigationState<ParamList>, TabViewNavigationOptions, TabViewNavigationEventMap> & TabViewActionHelpers<ParamList>;
+/** Props a tab view screen component receives. */
+type TabViewScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = {
+    /** Navigation object of the screen. */
+    navigation: TabViewNavigationProp<ParamList, RouteName, NavigatorID>;
+    /** The route the screen renders. */
+    route: RouteProp<ParamList, RouteName>;
+};
+/** Arguments of a custom tab view `header` renderer. */
+type TabViewHeaderProps = {
+    /** The selected route. */
+    route: RouteProp<ParamListBase>;
+    /** Navigation object of the selected route. */
+    navigation: TabViewNavigationProp<ParamListBase>;
+    /** Resolved options of the selected route. */
+    options: TabViewNavigationOptions;
+};
+/** Navigation helpers of the tab view navigator itself. */
+type TabViewNavigationHelpers = NavigationHelpers<ParamListBase, TabViewNavigationEventMap> & TabViewActionHelpers<ParamListBase>;
+/** Descriptor of one tab view route. */
+type TabViewDescriptor = Descriptor<TabViewNavigationOptions, TabViewNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
+/** Descriptors of the tab view routes, keyed by route key. */
+type TabViewDescriptorMap = Record<string, TabViewDescriptor>;
+/** Props of the tab view `Navigator` component. */
+type TabViewNavigatorProps = DefaultNavigatorOptions<ParamListBase, string | undefined, TabViewNavigationState<ParamListBase>, TabViewNavigationOptions, TabViewNavigationEventMap, TabViewNavigationProp<ParamListBase>> & TabViewRouterOptions & TabViewNavigationConfig;
+export type { TabViewActionHelpers, TabViewActionType, TabViewDescriptor, TabViewDescriptorMap, TabViewExtraDropTarget, TabViewHeaderProps, TabViewIcon, TabViewNavigationConfig, TabViewNavigationEventMap, TabViewNavigationHelpers, TabViewNavigationOptions, TabViewNavigationProp, TabViewNavigationState, TabViewNavigatorProps, TabViewOpenOptions, TabViewOverviewConfig, TabViewRouterOptions, TabViewScreenProps, TabViewTarget, };
+//# sourceMappingURL=types.d.ts.map

package/dist/tab-view/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-view/types.ts"],"names":[],"mappings":"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"}

package/dist/tab-view/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/tab-view/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/tab-view/types.ts"],"names":[],"mappings":"","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type * as Gio from \"@gtkx/gi/gio\";\nimport type * as GObject from \"@gtkx/gi/gobject\";\nimport type { AdwTabDropProps } from \"@gtkx/react/internal\";\nimport type {\n    DefaultNavigatorOptions,\n    Descriptor,\n    NavigationHelpers,\n    NavigationProp,\n    NavigationState,\n    ParamListBase,\n    RouteProp,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport type { HeaderOptions } from \"../shared/types.js\";\n\n/** Navigation state of a tab view navigator. Pinned routes come first in `routes`, in `pinnedKeys` order. */\ntype TabViewNavigationState<ParamList extends ParamListBase> = NavigationState<ParamList> & {\n    /** Type of the router, in this case `tabview`. */\n    type: \"tabview\";\n    /** Keys of the pinned routes. */\n    pinnedKeys: string[];\n    /** Key of the tab each tab was opened from, by route key. */\n    parents: Record<string, string>;\n};\n\n/** Options accepted when opening a tab. */\ntype TabViewOpenOptions = {\n    /** Key of the tab the new one is opened from; the new tab follows that tab and its descendants, which are selected again when it closes. */\n    parent?: string;\n    /** Whether the new tab is selected; defaults to `true`. */\n    select?: boolean;\n    /** Position among the unpinned tabs; defaults to the end. */\n    position?: number;\n};\n\n/** Actions specific to the tab view router. */\ntype TabViewActionType =\n    | {\n          type: \"OPEN_TAB\";\n          payload: {\n              name: string;\n              params?: object;\n              key?: string;\n              parent?: string;\n              select?: boolean;\n              position?: number;\n              pinned?: boolean;\n          };\n      }\n    | { type: \"CLOSE_TAB\"; payload: { key?: string } }\n    | { type: \"CLOSE_OTHER_TABS\"; payload: { key?: string } }\n    | { type: \"CLOSE_TABS_BEFORE\"; payload: { key?: string } }\n    | { type: \"CLOSE_TABS_AFTER\"; payload: { key?: string } }\n    | { type: \"SELECT_TAB\"; payload: { key: string } }\n    | { type: \"REORDER_TAB\"; payload: { key: string; position: number } }\n    | { type: \"PIN_TAB\"; payload: { key: string; pinned: boolean } };\n\n/** Action helpers added to the navigation object of tab view screens. Keys default to the selected tab. */\ntype TabViewActionHelpers<ParamList extends ParamListBase> = {\n    /** Opens a new tab for a screen, or selects the open tab whose `getId` matches. */\n    openTab<RouteName extends keyof ParamList>(\n        name: RouteName,\n        params?: ParamList[RouteName],\n        options?: TabViewOpenOptions,\n    ): void;\n    /** Closes a tab. Closing the last tab is left to the parent navigator or `onUnhandledAction`. */\n    closeTab(key?: string): void;\n    /** Closes every unpinned tab except one. */\n    closeOtherTabs(key?: string): void;\n    /** Closes the unpinned tabs before one. */\n    closeTabsBefore(key?: string): void;\n    /** Closes the unpinned tabs after one. */\n    closeTabsAfter(key?: string): void;\n    /** Selects a tab. */\n    selectTab(key: string): void;\n    /** Moves a tab within its pinned or unpinned group. */\n    reorderTab(key: string, position: number): void;\n    /** Pins a tab, moving it after the other pinned tabs, or unpins it, moving it before the unpinned tabs. */\n    pinTab(key: string, pinned: boolean): void;\n};\n\n/** Events the tab view navigator emits on top of React Navigation's core events. */\ntype TabViewNavigationEventMap = {\n    /** The user selected a tab natively. */\n    tabPress: {\n        /** No payload. */\n        data: undefined;\n        /** Calling `preventDefault` keeps the current tab. */\n        canPreventDefault: true;\n    };\n    /** The user activated the tab's indicator icon. */\n    indicatorActivated: {\n        /** No payload. */\n        data: undefined;\n    };\n};\n\n/** An icon given by theme name or as a `Gio.Icon`. */\ntype TabViewIcon = string | Gio.Icon;\n\n/** Per-screen options of the tab view navigator. */\ntype TabViewNavigationOptions = HeaderOptions & {\n    /** Renders a custom top bar instead of the default `AdwHeaderBar`. */\n    header?: (props: TabViewHeaderProps) => ReactNode;\n    /** Icon shown in the tab; `null` shows the view's default icon. */\n    icon?: TabViewIcon | null;\n    /** Tooltip of the tab; supports Pango markup. */\n    tooltip?: string;\n    /** Search keyword for the tab overview. */\n    keyword?: string;\n    /** Whether the tab shows a loading spinner instead of its icon. */\n    loading?: boolean;\n    /** Whether the tab is highlighted as needing attention. */\n    needsAttention?: boolean;\n    /** Indicator icon shown at the end of the tab. */\n    indicatorIcon?: TabViewIcon | null;\n    /** Whether clicking the indicator emits `indicatorActivated`. */\n    indicatorActivatable?: boolean;\n    /** Tooltip of the indicator icon; supports Pango markup. */\n    indicatorTooltip?: string;\n    /** Whether the overview thumbnail stays live while the tab is not selected. */\n    liveThumbnail?: boolean;\n    /** Horizontal alignment of the overview thumbnail, from 0 to 1. */\n    thumbnailXalign?: number;\n    /** Vertical alignment of the overview thumbnail, from 0 to 1. */\n    thumbnailYalign?: number;\n    /** Whether the screen mounts on first selection instead of as soon as the tab opens; defaults to `true`. */\n    lazy?: boolean;\n};\n\n/** The screen a new tab opens, as returned by the overview's `onCreateTab`. */\ntype TabViewTarget = {\n    /** Name of the screen to open. */\n    name: string;\n    /** Params of the new tab. */\n    params?: object;\n};\n\n/** Settings of the `AdwTabOverview` rendered around the view. */\ntype TabViewOverviewConfig = {\n    /**\n     * Whether the overview is open. When given, the overview follows it: the user opening or closing the overview\n     * calls `onOpenChange`, and a value the app does not update is restored. Leave it out to let the overview open\n     * and close on its own.\n     */\n    open?: boolean;\n    /** Called when the overview opens or closes natively. */\n    onOpenChange?: (open: boolean) => void;\n    /** Whether the overview shows a new tab button; defaults to `false`. */\n    enableNewTab?: boolean;\n    /** Whether the overview offers search; defaults to `true`. */\n    enableSearch?: boolean;\n    /** Returns the screen the new tab button opens. */\n    onCreateTab?: () => TabViewTarget;\n};\n\n/** Additional drop target of the tab bar and overview. */\ntype TabViewExtraDropTarget = NonNullable<AdwTabDropProps[\"extraDropTarget\"]>;\n\n/** Props of the tab view navigator beyond the options every navigator shares. */\ntype TabViewNavigationConfig = {\n    /** A view created before the navigator renders, such as one returned from a `create-window` handler. */\n    view?: Adw.TabView;\n    /** Whether the tab bar renders; defaults to `true`. */\n    tabBarVisible?: boolean;\n    /** Whether the tab bar hides with a single tab; defaults to `true`. */\n    tabBarAutohide?: boolean;\n    /** Whether tabs expand to fill the bar; defaults to `true`. */\n    tabBarExpand?: boolean;\n    /** Whether close buttons sit at the start of tabs; defaults to `false`. */\n    tabBarInverted?: boolean;\n    /** Renders an `AdwTabOverview` around the view. */\n    overview?: TabViewOverviewConfig;\n    /** An existing menu model to use as the tabs' context menu. Use `renderMenu` to declare the menu in JSX instead. */\n    menuModel?: Gio.MenuModel | null;\n    /**\n     * Renders the tabs' context menu. Attach `ref` to a `GMenu`, or to any menu model element, anywhere in the\n     * returned tree; the navigator renders the tree outside the widget hierarchy and uses that model. A navigator\n     * given both `renderMenu` and a `menuModel` throws.\n     */\n    renderMenu?: (ref: (menu: Gio.MenuModel | null) => void) => ReactNode;\n    /** Additional content accepted by drops on tabs. */\n    extraDropTarget?: TabViewExtraDropTarget | null;\n    /** Handles content dropped on a tab; returns whether the drop was accepted. */\n    onExtraDragDrop?: (route: RouteProp<ParamListBase>, value: GObject.Value) => boolean;\n    /** Returns the view of a new window when a tab is dragged out of this one. */\n    onCreateWindow?: () => Adw.TabView | null;\n    /** Called with the tab whose context menu opens, or `null` when it closes, after the chosen menu action has run. */\n    onSetupMenu?: (route: RouteProp<ParamListBase> | null) => void;\n    /** Keyboard shortcuts the view handles. */\n    shortcuts?: Adw.TabViewShortcuts;\n    /** Icon of tabs without an `icon` option. */\n    defaultIcon?: TabViewIcon | null;\n};\n\n/** Options of the tab view router. */\ntype TabViewRouterOptions = {\n    /** Screen of the tab opened when the view starts empty; defaults to the first screen. */\n    initialRouteName?: string;\n    /**\n     * Whether closing the last tab replaces it with a new tab of the initial route, instead of leaving that close\n     * unhandled for a parent navigator or the container's `onUnhandledAction`. Use it for a tab view inside a section\n     * of the app rather than a window of its own; defaults to `false`.\n     */\n    replaceLastTab?: boolean;\n};\n\n/** Navigation object of a tab view screen. */\ntype TabViewNavigationProp<\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    TabViewNavigationState<ParamList>,\n    TabViewNavigationOptions,\n    TabViewNavigationEventMap\n> &\n    TabViewActionHelpers<ParamList>;\n\n/** Props a tab view screen component receives. */\ntype TabViewScreenProps<\n    ParamList extends ParamListBase,\n    RouteName extends keyof ParamList = keyof ParamList,\n    NavigatorID extends string | undefined = undefined,\n> = {\n    /** Navigation object of the screen. */\n    navigation: TabViewNavigationProp<ParamList, RouteName, NavigatorID>;\n    /** The route the screen renders. */\n    route: RouteProp<ParamList, RouteName>;\n};\n\n/** Arguments of a custom tab view `header` renderer. */\ntype TabViewHeaderProps = {\n    /** The selected route. */\n    route: RouteProp<ParamListBase>;\n    /** Navigation object of the selected route. */\n    navigation: TabViewNavigationProp<ParamListBase>;\n    /** Resolved options of the selected route. */\n    options: TabViewNavigationOptions;\n};\n\n/** Navigation helpers of the tab view navigator itself. */\ntype TabViewNavigationHelpers = NavigationHelpers<ParamListBase, TabViewNavigationEventMap> &\n    TabViewActionHelpers<ParamListBase>;\n\n/** Descriptor of one tab view route. */\ntype TabViewDescriptor = Descriptor<\n    TabViewNavigationOptions,\n    TabViewNavigationProp<ParamListBase>,\n    RouteProp<ParamListBase>\n>;\n/** Descriptors of the tab view routes, keyed by route key. */\ntype TabViewDescriptorMap = Record<string, TabViewDescriptor>;\n\n/** Props of the tab view `Navigator` component. */\ntype TabViewNavigatorProps = DefaultNavigatorOptions<\n    ParamListBase,\n    string | undefined,\n    TabViewNavigationState<ParamListBase>,\n    TabViewNavigationOptions,\n    TabViewNavigationEventMap,\n    TabViewNavigationProp<ParamListBase>\n> &\n    TabViewRouterOptions &\n    TabViewNavigationConfig;\n\nexport type {\n    TabViewActionHelpers,\n    TabViewActionType,\n    TabViewDescriptor,\n    TabViewDescriptorMap,\n    TabViewExtraDropTarget,\n    TabViewHeaderProps,\n    TabViewIcon,\n    TabViewNavigationConfig,\n    TabViewNavigationEventMap,\n    TabViewNavigationHelpers,\n    TabViewNavigationOptions,\n    TabViewNavigationProp,\n    TabViewNavigationState,\n    TabViewNavigatorProps,\n    TabViewOpenOptions,\n    TabViewOverviewConfig,\n    TabViewRouterOptions,\n    TabViewScreenProps,\n    TabViewTarget,\n};\n"]}

package/dist/tabs/create-tab-navigator.d.ts

@@ -25,6 +25,8 @@ declare const createTabScreen: StaticScreenFactory<TabTypeBag>;
 /** Renders the screens of a {@link createTabNavigator} as pages of an `AdwViewStack` with a view switcher. */
 declare function TabNavigator({ tabBarPosition, ...options }: TabNavigatorProps): ReactNode;
 /** Creates a tab navigator rendered with `AdwViewStack` and an `AdwViewSwitcher`. */
-declare function createTabNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = TabTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> | undefined = undefined>(config?: Config): TypedNavigator<TypeBag, Config>;
+declare function createTabNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = TabTypeBag<ParamList, NavigatorID>>(): TypedNavigator<TypeBag, undefined>;
+/** Creates a tab navigator rendered with `AdwViewStack` and an `AdwViewSwitcher`. */
+declare function createTabNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = TabTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>>(config: Config): TypedNavigator<TypeBag, Config>;
 export { createTabNavigator, createTabScreen, TabNavigator, type TabTypeBag };
 //# sourceMappingURL=create-tab-navigator.d.ts.map

package/dist/tabs/create-tab-navigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-tab-navigator.d.ts","sourceRoot":"","sources":["../../src/tabs/create-tab-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,mBAAmB,EAEnB,kBAAkB,EAElB,cAAc,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpH,8EAA8E;AAC9E,KAAK,UAAU,CACX,SAAS,SAAS,aAAa,GAAG,aAAa,EAC/C,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IAC3D;IACA,oCAAoC;IACpC,SAAS,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,oCAAoC;IACpC,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACrC,0BAA0B;IAC1B,aAAa,EAAE,oBAAoB,CAAC;IACpC,kCAAkC;IAClC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KACvF,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,YAAY,CAAC;CAClC,CAAC;AAEF,mFAAmF;AACnF,QAAA,MAAM,eAAe,EAAE,mBAAmB,CAAC,UAAU,CAAqC,CAAC;AAE3F,8GAA8G;AAC9G,iBAAS,YAAY,CAAC,EAAE,cAAc,EAAE,GAAG,OAAO,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAYlF;AAED,qFAAqF;AACrF,iBAAS,kBAAkB,CACvB,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,EAC/E,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EACpE,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAElD;AAED,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,CAAC"}
+{"version":3,"file":"create-tab-navigator.d.ts","sourceRoot":"","sources":["../../src/tabs/create-tab-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,mBAAmB,EAEnB,kBAAkB,EAElB,cAAc,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpH,8EAA8E;AAC9E,KAAK,UAAU,CACX,SAAS,SAAS,aAAa,GAAG,aAAa,EAC/C,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,IAC3D;IACA,oCAAoC;IACpC,SAAS,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,oCAAoC;IACpC,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACrC,0BAA0B;IAC1B,aAAa,EAAE,oBAAoB,CAAC;IACpC,kCAAkC;IAClC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KACvF,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,YAAY,CAAC;CAClC,CAAC;AAEF,mFAAmF;AACnF,QAAA,MAAM,eAAe,EAAE,mBAAmB,CAAC,UAAU,CAAqC,CAAC;AAE3F,8GAA8G;AAC9G,iBAAS,YAAY,CAAC,EAAE,cAAc,EAAE,GAAG,OAAO,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAYlF;AAED,qFAAqF;AACrF,iBAAS,kBAAkB,CACvB,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,KAC9E,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACxC,qFAAqF;AACrF,iBAAS,kBAAkB,CACvB,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,EAC/E,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,EACpE,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAQnD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,CAAC"}

package/dist/tabs/create-tab-navigator.js

@@ -8,7 +8,6 @@ function TabNavigator({ tabBarPosition, ...options }) {
     const { state, descriptors, navigation, render } = useNavigationBuilder(TabRouter, options);
     return render(_jsx(TabView, { tabBarPosition: tabBarPosition, state: state, navigation: navigation, descriptors: descriptors }));
 }
-/** Creates a tab navigator rendered with `AdwViewStack` and an `AdwViewSwitcher`. */
 function createTabNavigator(config) {
     return createNavigatorFactory(TabNavigator)(config);
 }

package/dist/tabs/create-tab-navigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-tab-navigator.js","sourceRoot":"","sources":["../../src/tabs/create-tab-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEtH,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAyBxC,mFAAmF;AACnF,MAAM,eAAe,GAAoC,mBAAmB,EAAc,CAAC;AAE3F,8GAA8G;AAC9G,SAAS,YAAY,CAAC,EAAE,cAAc,EAAE,GAAG,OAAO,EAAqB;IACnE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAMrE,SAAS,EAAE,OAAO,CAAC,CAAC;IAEtB,OAAO,MAAM,CACT,KAAC,OAAO,IAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,GAAI,CAC9G,CAAC;AACN,CAAC;AAED,qFAAqF;AACrF,SAAS,kBAAkB,CAKzB,MAAe;IACb,OAAO,sBAAsB,CAAC,YAAY,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC3F,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAmB,CAAC","sourcesContent":["import type {\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StaticConfig,\n    StaticScreenFactory,\n    TabActionHelpers,\n    TabNavigationState,\n    TabRouterOptions,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport { createNavigatorFactory, createScreenFactory, TabRouter, useNavigationBuilder } from \"@react-navigation/core\";\nimport type { TabNavigationEventMap, TabNavigationOptions, TabNavigationProp, TabNavigatorProps } from \"./types.js\";\nimport { TabView } from \"./tab-view.js\";\n\n/** Type bag describing the tab navigator to React Navigation's typed APIs. */\ntype TabTypeBag<\n    ParamList extends ParamListBase = ParamListBase,\n    NavigatorID extends string | undefined = string | undefined,\n> = {\n    /** Route names and their params. */\n    ParamList: ParamList;\n    /** Optional navigator id. */\n    NavigatorID: NavigatorID;\n    /** Shape of the navigator state. */\n    State: TabNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: TabNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: TabNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: TabNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof TabNavigator;\n};\n\n/** Declares a typed screen of a tab navigator for the static configuration API. */\nconst createTabScreen: StaticScreenFactory<TabTypeBag> = createScreenFactory<TabTypeBag>();\n\n/** Renders the screens of a {@link createTabNavigator} as pages of an `AdwViewStack` with a view switcher. */\nfunction TabNavigator({ tabBarPosition, ...options }: TabNavigatorProps): ReactNode {\n    const { state, descriptors, navigation, render } = useNavigationBuilder<\n        TabNavigationState<ParamListBase>,\n        TabRouterOptions,\n        TabActionHelpers<ParamListBase>,\n        TabNavigationOptions,\n        TabNavigationEventMap\n    >(TabRouter, options);\n\n    return render(\n        <TabView tabBarPosition={tabBarPosition} state={state} navigation={navigation} descriptors={descriptors} />,\n    );\n}\n\n/** Creates a tab navigator rendered with `AdwViewStack` and an `AdwViewSwitcher`. */\nfunction createTabNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = TabTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> | undefined = undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(TabNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createTabNavigator, createTabScreen, TabNavigator, type TabTypeBag };\n"]}
+{"version":3,"file":"create-tab-navigator.js","sourceRoot":"","sources":["../../src/tabs/create-tab-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEtH,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAyBxC,mFAAmF;AACnF,MAAM,eAAe,GAAoC,mBAAmB,EAAc,CAAC;AAE3F,8GAA8G;AAC9G,SAAS,YAAY,CAAC,EAAE,cAAc,EAAE,GAAG,OAAO,EAAqB;IACnE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAMrE,SAAS,EAAE,OAAO,CAAC,CAAC;IAEtB,OAAO,MAAM,CACT,KAAC,OAAO,IAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,GAAI,CAC9G,CAAC;AACN,CAAC;AAeD,SAAS,kBAAkB,CAGzB,MAAe;IACb,OAAO,sBAAsB,CAAC,YAAY,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC3F,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAmB,CAAC","sourcesContent":["import type {\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StaticConfig,\n    StaticScreenFactory,\n    TabActionHelpers,\n    TabNavigationState,\n    TabRouterOptions,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport { createNavigatorFactory, createScreenFactory, TabRouter, useNavigationBuilder } from \"@react-navigation/core\";\nimport type { TabNavigationEventMap, TabNavigationOptions, TabNavigationProp, TabNavigatorProps } from \"./types.js\";\nimport { TabView } from \"./tab-view.js\";\n\n/** Type bag describing the tab navigator to React Navigation's typed APIs. */\ntype TabTypeBag<\n    ParamList extends ParamListBase = ParamListBase,\n    NavigatorID extends string | undefined = string | undefined,\n> = {\n    /** Route names and their params. */\n    ParamList: ParamList;\n    /** Optional navigator id. */\n    NavigatorID: NavigatorID;\n    /** Shape of the navigator state. */\n    State: TabNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: TabNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: TabNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: TabNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof TabNavigator;\n};\n\n/** Declares a typed screen of a tab navigator for the static configuration API. */\nconst createTabScreen: StaticScreenFactory<TabTypeBag> = createScreenFactory<TabTypeBag>();\n\n/** Renders the screens of a {@link createTabNavigator} as pages of an `AdwViewStack` with a view switcher. */\nfunction TabNavigator({ tabBarPosition, ...options }: TabNavigatorProps): ReactNode {\n    const { state, descriptors, navigation, render } = useNavigationBuilder<\n        TabNavigationState<ParamListBase>,\n        TabRouterOptions,\n        TabActionHelpers<ParamListBase>,\n        TabNavigationOptions,\n        TabNavigationEventMap\n    >(TabRouter, options);\n\n    return render(\n        <TabView tabBarPosition={tabBarPosition} state={state} navigation={navigation} descriptors={descriptors} />,\n    );\n}\n\n/** Creates a tab navigator rendered with `AdwViewStack` and an `AdwViewSwitcher`. */\nfunction createTabNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = TabTypeBag<ParamList, NavigatorID>,\n>(): TypedNavigator<TypeBag, undefined>;\n/** Creates a tab navigator rendered with `AdwViewStack` and an `AdwViewSwitcher`. */\nfunction createTabNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = TabTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,\n>(config: Config): TypedNavigator<TypeBag, Config>;\nfunction createTabNavigator<\n    const TypeBag extends NavigatorTypeBagBase,\n    const Config extends StaticConfig<TypeBag> | undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(TabNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createTabNavigator, createTabScreen, TabNavigator, type TabTypeBag };\n"]}

package/dist/tabs/tab-view.js

@@ -42,7 +42,7 @@ const TabView = ({ state, navigation, descriptors, tabBarPosition = "top" }) =>
     const viewSwitcher = stack === null ? undefined : _jsx(AdwViewSwitcher, { stack: stack, policy: Adw.ViewSwitcherPolicy.WIDE });
     const hasSwitcherBar = tabBarPosition === "bottom" && stack !== null;
     usePopToTopOnBlur(state, descriptors, navigation);
-    return (_jsx(AdwToolbarView, { topBar: _jsx(TabHeader, { descriptor: descriptor, viewSwitcher: tabBarPosition === "top" ? viewSwitcher : undefined }), bottomBar: hasSwitcherBar ? _jsx(AdwViewSwitcherBar, { stack: stack, reveal: true }) : undefined, children: _jsx(AdwViewStack, { ref: setStack, visibleChildName: focused.key, enableTransitions: descriptor.options.animation === "fade", onNotifyVisibleChildName: onVisibleChildChanged, children: state.routes.map((route) => (_jsx(TabPage, { descriptor: requireDescriptor(descriptors, route.key), isFocused: route.key === focused.key, isLoaded: route.key === focused.key || state.preloadedRouteKeys.includes(route.key) }, route.key))) }) }));
+    return (_jsx(AdwToolbarView, { top: _jsx(TabHeader, { descriptor: descriptor, viewSwitcher: tabBarPosition === "top" ? viewSwitcher : undefined }), bottom: hasSwitcherBar ? _jsx(AdwViewSwitcherBar, { stack: stack, reveal: true }) : undefined, children: _jsx(AdwViewStack, { ref: setStack, visibleChildName: focused.key, enableTransitions: descriptor.options.animation === "fade", onNotifyVisibleChildName: onVisibleChildChanged, children: state.routes.map((route) => (_jsx(TabPage, { descriptor: requireDescriptor(descriptors, route.key), isFocused: route.key === focused.key, isLoaded: route.key === focused.key || state.preloadedRouteKeys.includes(route.key) }, route.key))) }) }));
 };
 export { TabView };
 //# sourceMappingURL=tab-view.js.map

package/dist/tabs/tab-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-view.js","sourceRoot":"","sources":["../../src/tabs/tab-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ParamListBase, TabNavigationState } from \"@react-navigation/core\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport { AdwToolbarView, AdwViewStack, AdwViewSwitcher, AdwViewSwitcherBar, AdwWindowTitle } from \"@gtkx/jsx/adw\";\nimport { CommonActions } from \"@react-navigation/core\";\nimport { useCallback, useState } from \"react\";\nimport type { TabDescriptor, TabDescriptorMap, TabNavigationConfig, TabNavigationHelpers } from \"./types.js\";\nimport { HeaderBar } from \"../shared/header-bar.js\";\nimport { getFocusedRoute, requireDescriptor } from \"../shared/routes.js\";\nimport { ScenePage } from \"../shared/scene-page.js\";\nimport { usePopToTopOnBlur } from \"../shared/use-pop-to-top-on-blur.js\";\n\ntype TabViewProps = TabNavigationConfig & {\n    state: TabNavigationState<ParamListBase>;\n    navigation: TabNavigationHelpers;\n    descriptors: TabDescriptorMap;\n};\n\ntype TabHeaderProps = {\n    descriptor: TabDescriptor;\n    viewSwitcher: ReactElement | undefined;\n};\n\ntype TabPageProps = {\n    descriptor: TabDescriptor;\n    isFocused: boolean;\n    isLoaded: boolean;\n};\n\nconst useTabSelection = (navigation: TabNavigationHelpers): ((name: string | null) => void) =>\n    useCallback(\n        (name: string | null) => {\n            const current = navigation.getState();\n            const focusedKey = getFocusedRoute(current).key;\n            const route = current.routes.find((candidate) => candidate.key === name);\n\n            if (route === undefined || route.key === focusedKey) {\n                return;\n            }\n\n            const event = navigation.emit({ type: \"tabPress\", target: route.key, canPreventDefault: true });\n\n            if (!event.defaultPrevented) {\n                navigation.dispatch({ ...CommonActions.navigate(route.name, route.params), target: current.key });\n            }\n        },\n        [navigation],\n    );\n\nconst defaultTabHeader = ({ descriptor, viewSwitcher }: TabHeaderProps): ReactElement => (\n    <HeaderBar\n        options={descriptor.options}\n        titleWidget={viewSwitcher ?? <AdwWindowTitle title={descriptor.options.title ?? descriptor.route.name} />}\n    />\n);\n\nconst TabHeader = (props: TabHeaderProps): ReactNode => {\n    const { descriptor, viewSwitcher } = props;\n    const { route, options, navigation } = descriptor;\n\n    if (options.headerShown === false) {\n        return <>{viewSwitcher}</>;\n    }\n\n    return (\n        <>\n            {options.header === undefined\n                ? defaultTabHeader(props)\n                : options.header({ route, navigation, options, viewSwitcher })}\n        </>\n    );\n};\n\nconst TabPage = ({ descriptor, isFocused, isLoaded }: TabPageProps): ReactNode => {\n    const { route, options } = descriptor;\n\n    return (\n        <ScenePage\n            name={route.key}\n            title={options.tabBarLabel ?? options.title ?? route.name}\n            useUnderline={options.useUnderline}\n            iconName={options.tabBarIcon}\n            badgeNumber={options.tabBarBadge}\n            needsAttention={options.needsAttention}\n            isFocused={isFocused}\n            isLoaded={isLoaded || options.lazy === false}\n            render={() => descriptor.render()}\n        />\n    );\n};\n\nconst TabView = ({ state, navigation, descriptors, tabBarPosition = \"top\" }: TabViewProps): ReactNode => {\n    const [stack, setStack] = useState<Adw.ViewStack | null>(null);\n    const focused = getFocusedRoute(state);\n    const descriptor = requireDescriptor(descriptors, focused.key);\n    const onVisibleChildChanged = useTabSelection(navigation);\n\n    const viewSwitcher =\n        stack === null ? undefined : <AdwViewSwitcher stack={stack} policy={Adw.ViewSwitcherPolicy.WIDE} />;\n\n    const hasSwitcherBar = tabBarPosition === \"bottom\" && stack !== null;\n    usePopToTopOnBlur(state, descriptors, navigation);\n\n    return (\n        <AdwToolbarView\n            topBar={\n                <TabHeader descriptor={descriptor} viewSwitcher={tabBarPosition === \"top\" ? viewSwitcher : undefined} />\n            }\n            bottomBar={hasSwitcherBar ? <AdwViewSwitcherBar stack={stack} reveal /> : undefined}\n        >\n            <AdwViewStack\n                ref={setStack}\n                visibleChildName={focused.key}\n                enableTransitions={descriptor.options.animation === \"fade\"}\n                onNotifyVisibleChildName={onVisibleChildChanged}\n            >\n                {state.routes.map((route) => (\n                    <TabPage\n                        key={route.key}\n                        descriptor={requireDescriptor(descriptors, route.key)}\n                        isFocused={route.key === focused.key}\n                        isLoaded={route.key === focused.key || state.preloadedRouteKeys.includes(route.key)}\n                    />\n                ))}\n            </AdwViewStack>\n        </AdwToolbarView>\n    );\n};\n\nexport { TabView };\n"]}
+{"version":3,"file":"tab-view.js","sourceRoot":"","sources":["../../src/tabs/tab-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ParamListBase, TabNavigationState } from \"@react-navigation/core\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport { AdwToolbarView, AdwViewStack, AdwViewSwitcher, AdwViewSwitcherBar, AdwWindowTitle } from \"@gtkx/jsx/adw\";\nimport { CommonActions } from \"@react-navigation/core\";\nimport { useCallback, useState } from \"react\";\nimport type { TabDescriptor, TabDescriptorMap, TabNavigationConfig, TabNavigationHelpers } from \"./types.js\";\nimport { HeaderBar } from \"../shared/header-bar.js\";\nimport { getFocusedRoute, requireDescriptor } from \"../shared/routes.js\";\nimport { ScenePage } from \"../shared/scene-page.js\";\nimport { usePopToTopOnBlur } from \"../shared/use-pop-to-top-on-blur.js\";\n\ntype TabViewProps = TabNavigationConfig & {\n    state: TabNavigationState<ParamListBase>;\n    navigation: TabNavigationHelpers;\n    descriptors: TabDescriptorMap;\n};\n\ntype TabHeaderProps = {\n    descriptor: TabDescriptor;\n    viewSwitcher: ReactElement | undefined;\n};\n\ntype TabPageProps = {\n    descriptor: TabDescriptor;\n    isFocused: boolean;\n    isLoaded: boolean;\n};\n\nconst useTabSelection = (navigation: TabNavigationHelpers): ((name: string | null) => void) =>\n    useCallback(\n        (name: string | null) => {\n            const current = navigation.getState();\n            const focusedKey = getFocusedRoute(current).key;\n            const route = current.routes.find((candidate) => candidate.key === name);\n\n            if (route === undefined || route.key === focusedKey) {\n                return;\n            }\n\n            const event = navigation.emit({ type: \"tabPress\", target: route.key, canPreventDefault: true });\n\n            if (!event.defaultPrevented) {\n                navigation.dispatch({ ...CommonActions.navigate(route.name, route.params), target: current.key });\n            }\n        },\n        [navigation],\n    );\n\nconst defaultTabHeader = ({ descriptor, viewSwitcher }: TabHeaderProps): ReactElement => (\n    <HeaderBar\n        options={descriptor.options}\n        titleWidget={viewSwitcher ?? <AdwWindowTitle title={descriptor.options.title ?? descriptor.route.name} />}\n    />\n);\n\nconst TabHeader = (props: TabHeaderProps): ReactNode => {\n    const { descriptor, viewSwitcher } = props;\n    const { route, options, navigation } = descriptor;\n\n    if (options.headerShown === false) {\n        return <>{viewSwitcher}</>;\n    }\n\n    return (\n        <>\n            {options.header === undefined\n                ? defaultTabHeader(props)\n                : options.header({ route, navigation, options, viewSwitcher })}\n        </>\n    );\n};\n\nconst TabPage = ({ descriptor, isFocused, isLoaded }: TabPageProps): ReactNode => {\n    const { route, options } = descriptor;\n\n    return (\n        <ScenePage\n            name={route.key}\n            title={options.tabBarLabel ?? options.title ?? route.name}\n            useUnderline={options.useUnderline}\n            iconName={options.tabBarIcon}\n            badgeNumber={options.tabBarBadge}\n            needsAttention={options.needsAttention}\n            isFocused={isFocused}\n            isLoaded={isLoaded || options.lazy === false}\n            render={() => descriptor.render()}\n        />\n    );\n};\n\nconst TabView = ({ state, navigation, descriptors, tabBarPosition = \"top\" }: TabViewProps): ReactNode => {\n    const [stack, setStack] = useState<Adw.ViewStack | null>(null);\n    const focused = getFocusedRoute(state);\n    const descriptor = requireDescriptor(descriptors, focused.key);\n    const onVisibleChildChanged = useTabSelection(navigation);\n\n    const viewSwitcher =\n        stack === null ? undefined : <AdwViewSwitcher stack={stack} policy={Adw.ViewSwitcherPolicy.WIDE} />;\n\n    const hasSwitcherBar = tabBarPosition === \"bottom\" && stack !== null;\n    usePopToTopOnBlur(state, descriptors, navigation);\n\n    return (\n        <AdwToolbarView\n            top={\n                <TabHeader descriptor={descriptor} viewSwitcher={tabBarPosition === \"top\" ? viewSwitcher : undefined} />\n            }\n            bottom={hasSwitcherBar ? <AdwViewSwitcherBar stack={stack} reveal /> : undefined}\n        >\n            <AdwViewStack\n                ref={setStack}\n                visibleChildName={focused.key}\n                enableTransitions={descriptor.options.animation === \"fade\"}\n                onNotifyVisibleChildName={onVisibleChildChanged}\n            >\n                {state.routes.map((route) => (\n                    <TabPage\n                        key={route.key}\n                        descriptor={requireDescriptor(descriptors, route.key)}\n                        isFocused={route.key === focused.key}\n                        isLoaded={route.key === focused.key || state.preloadedRouteKeys.includes(route.key)}\n                    />\n                ))}\n            </AdwViewStack>\n        </AdwToolbarView>\n    );\n};\n\nexport { TabView };\n"]}

package/dist/theme.js

@@ -7,8 +7,8 @@ const DefaultTheme = { dark: false, highContrast: false };
 const DarkTheme = { dark: true, highContrast: false };
 const useAdwaitaTheme = () => {
     const manager = Adw.StyleManager.getDefault();
-    const isDark = useProperty(manager, "dark") ?? manager.getDark();
-    const isHighContrast = useProperty(manager, "highContrast") ?? manager.getHighContrast();
+    const isDark = useProperty(manager, "dark");
+    const isHighContrast = useProperty(manager, "highContrast");
     return useMemo(() => ({ dark: isDark, highContrast: isHighContrast }), [isDark, isHighContrast]);
 };
 export { DarkTheme, DefaultTheme, useAdwaitaTheme };

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAchC,+BAA+B;AAC/B,MAAM,YAAY,GAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;AACxE,8BAA8B;AAC9B,MAAM,SAAS,GAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;AAEpE,MAAM,eAAe,GAAG,GAAiB,EAAE;IACvC,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;IAC9C,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;IACjE,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC;IAEzF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;AACrG,CAAC,CAAC;AAEF,OAAO,EAA8B,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import * as Adw from \"@gtkx/gi/adw\";\nimport { useProperty } from \"@gtkx/react\";\nimport { useMemo } from \"react\";\n\n/** Style state handed to `useTheme` and to option callbacks as `theme`, mirroring Adwaita's style manager. */\ntype AdwaitaTheme = {\n    /** Whether the application currently uses the dark color scheme. */\n    dark: boolean;\n    /** Whether the system requested high-contrast styling. */\n    highContrast: boolean;\n};\n\ndeclare module \"@react-navigation/core\" {\n    interface Theme extends AdwaitaTheme {}\n}\n\n/** The light Adwaita theme. */\nconst DefaultTheme: AdwaitaTheme = { dark: false, highContrast: false };\n/** The dark Adwaita theme. */\nconst DarkTheme: AdwaitaTheme = { dark: true, highContrast: false };\n\nconst useAdwaitaTheme = (): AdwaitaTheme => {\n    const manager = Adw.StyleManager.getDefault();\n    const isDark = useProperty(manager, \"dark\") ?? manager.getDark();\n    const isHighContrast = useProperty(manager, \"highContrast\") ?? manager.getHighContrast();\n\n    return useMemo(() => ({ dark: isDark, highContrast: isHighContrast }), [isDark, isHighContrast]);\n};\n\nexport { type AdwaitaTheme as Theme, DarkTheme, DefaultTheme, useAdwaitaTheme };\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAchC,+BAA+B;AAC/B,MAAM,YAAY,GAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;AACxE,8BAA8B;AAC9B,MAAM,SAAS,GAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;AAEpE,MAAM,eAAe,GAAG,GAAiB,EAAE;IACvC,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;IAC9C,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAE5D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;AACrG,CAAC,CAAC;AAEF,OAAO,EAA8B,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import * as Adw from \"@gtkx/gi/adw\";\nimport { useProperty } from \"@gtkx/react\";\nimport { useMemo } from \"react\";\n\n/** Style state handed to `useTheme` and to option callbacks as `theme`, mirroring Adwaita's style manager. */\ntype AdwaitaTheme = {\n    /** Whether the application currently uses the dark color scheme. */\n    dark: boolean;\n    /** Whether the system requested high-contrast styling. */\n    highContrast: boolean;\n};\n\ndeclare module \"@react-navigation/core\" {\n    interface Theme extends AdwaitaTheme {}\n}\n\n/** The light Adwaita theme. */\nconst DefaultTheme: AdwaitaTheme = { dark: false, highContrast: false };\n/** The dark Adwaita theme. */\nconst DarkTheme: AdwaitaTheme = { dark: true, highContrast: false };\n\nconst useAdwaitaTheme = (): AdwaitaTheme => {\n    const manager = Adw.StyleManager.getDefault();\n    const isDark = useProperty(manager, \"dark\");\n    const isHighContrast = useProperty(manager, \"highContrast\");\n\n    return useMemo(() => ({ dark: isDark, highContrast: isHighContrast }), [isDark, isHighContrast]);\n};\n\nexport { type AdwaitaTheme as Theme, DarkTheme, DefaultTheme, useAdwaitaTheme };\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/navigation",
-  "version": "2.0.0-beta.12",
+  "version": "2.0.0-beta.13",
   "description": "React Navigation navigators for GTKX.",
   "keywords": [
     "gtkx",
@@ -44,7 +44,7 @@
     "node": ">=26.7.0"
   },
   "dependencies": {
-    "@gtkx/react": "2.0.0-beta.12",
+    "@gtkx/react": "^2.0.0-beta.13",
     "@react-navigation/core": "^7.24.0",
     "@react-navigation/routers": "^7.6.5"
   },
@@ -53,11 +53,11 @@
     "react": "^19.3"
   },
   "devDependencies": {
-    "@gtkx/config": "2.0.0-beta.12",
-    "@gtkx/testing": "2.0.0-beta.12",
-    "@gtkx/vitest": "2.0.0-beta.12",
+    "@gtkx/config": "2.0.0-beta.13",
+    "@gtkx/testing": "2.0.0-beta.13",
+    "@gtkx/vitest": "2.0.0-beta.13",
     "@types/react": "^19.3.0",
-    "vitest": "5.0.5"
+    "vitest": "5.1.0"
   },
   "scripts": {
     "release": "node ../../scripts/release/publish-package.ts"

package/src/drawer/create-drawer-navigator.tsx

@@ -47,17 +47,19 @@ type DrawerTypeBag<
 /** Declares a typed screen of a drawer navigator for the static configuration API. */
 const createDrawerScreen: StaticScreenFactory<DrawerTypeBag> = createScreenFactory<DrawerTypeBag>();
 
-const useDrawerRouter = (isCollapsed: boolean): DrawerRouterFactory => {
-    const [flag] = useState(() => {
-        let isCurrent = isCollapsed;
+const createFlag = (isInitial: boolean) => {
+    let isCurrent = isInitial;
+
+    return {
+        read: () => isCurrent,
+        update: (isNext: boolean) => {
+            isCurrent = isNext;
+        },
+    };
+};
 
-        return {
-            read: () => isCurrent,
-            update: (isNext: boolean) => {
-                isCurrent = isNext;
-            },
-        };
-    });
+const useDrawerRouter = (isCollapsed: boolean): DrawerRouterFactory => {
+    const [flag] = useState(() => createFlag(isCollapsed));
 
     const [createRouter] = useState(() => createDrawerRouter(flag.read));
 
@@ -111,7 +113,17 @@ function createDrawerNavigator<
     const ParamList extends ParamListBase,
     const NavigatorID extends string | undefined = string | undefined,
     const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>,
-    const Config extends StaticConfig<TypeBag> | undefined = undefined,
+>(): TypedNavigator<TypeBag, undefined>;
+/** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */
+function createDrawerNavigator<
+    const ParamList extends ParamListBase,
+    const NavigatorID extends string | undefined = string | undefined,
+    const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>,
+    const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,
+>(config: Config): TypedNavigator<TypeBag, Config>;
+function createDrawerNavigator<
+    const TypeBag extends NavigatorTypeBagBase,
+    const Config extends StaticConfig<TypeBag> | undefined,
 >(config?: Config): TypedNavigator<TypeBag, Config> {
     return createNavigatorFactory(DrawerNavigator)(config) as TypedNavigator<TypeBag, Config>;
 }

package/src/drawer/drawer-view.tsx

@@ -71,7 +71,7 @@ const useCloseOnNavigate = (
 };
 
 const DrawerContent = (props: DrawerContentProps): ReactNode => (
-    <AdwToolbarView topBar={<AdwHeaderBar />}>
+    <AdwToolbarView top={<AdwHeaderBar />}>
         <GtkScrolledWindow hscrollbarPolicy={Gtk.PolicyType.NEVER}>
             <DrawerItemList {...props} />
         </GtkScrolledWindow>
@@ -146,7 +146,7 @@ const DrawerView = ({ state, navigation, descriptors, drawerContent, ...config }
                 onNotifyShowSidebar={onShowSidebarChanged}
                 sidebar={<>{sidebar}</>}
             >
-                <AdwToolbarView topBar={<DrawerHeader descriptor={descriptor} navigation={navigation} />}>
+                <AdwToolbarView top={<DrawerHeader descriptor={descriptor} navigation={navigation} />}>
                     <AdwViewStack visibleChildName={focused.key}>
                         {state.routes.map((route) => (
                             <DrawerPage

package/src/index.ts

@@ -30,6 +30,7 @@ export {
     SplitViewNavigator,
     type SplitViewTypeBag,
 } from "./split-view/create-split-view-navigator.js";
+export { useSplitViewCollapsed } from "./split-view/split-view-collapsed.js";
 export type {
     SplitViewDescriptor,
     SplitViewDescriptorMap,
@@ -75,5 +76,34 @@ export type {
     TabNavigatorProps,
     TabScreenProps,
 } from "./tabs/types.js";
+export {
+    createTabViewNavigator,
+    createTabViewScreen,
+    TabViewNavigator,
+    type TabViewTypeBag,
+} from "./tab-view/create-tab-view-navigator.js";
+export { type TabViewHandle, useTabView } from "./tab-view/tab-view-host.js";
+export { TabViewActions } from "./tab-view/tab-view-router.js";
+export type {
+    TabViewActionHelpers,
+    TabViewActionType,
+    TabViewDescriptor,
+    TabViewDescriptorMap,
+    TabViewExtraDropTarget,
+    TabViewHeaderProps,
+    TabViewIcon,
+    TabViewNavigationConfig,
+    TabViewNavigationEventMap,
+    TabViewNavigationHelpers,
+    TabViewNavigationOptions,
+    TabViewNavigationProp,
+    TabViewNavigationState,
+    TabViewNavigatorProps,
+    TabViewOpenOptions,
+    TabViewOverviewConfig,
+    TabViewRouterOptions,
+    TabViewScreenProps,
+    TabViewTarget,
+} from "./tab-view/types.js";
 export { DarkTheme, DefaultTheme, type Theme } from "./theme.js";
 export * from "@react-navigation/core";

package/src/shared/scene-page.tsx

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import { AdwBin, AdwViewStackPage } from "@gtkx/jsx/adw";
-import { useState } from "react";
+import { useHasLoaded } from "./use-has-loaded.js";
 
 type ScenePageProps = {
     name: string;
@@ -15,11 +15,7 @@ type ScenePageProps = {
 };
 
 const ScenePage = ({ name, title, isFocused, isLoaded, render, ...page }: ScenePageProps): ReactNode => {
-    const [hasLoaded, setHasLoaded] = useState(isLoaded);
-
-    if (isLoaded && !hasLoaded) {
-        setHasLoaded(true);
-    }
+    const hasLoaded = useHasLoaded(isLoaded);
 
     return (
         <AdwViewStackPage

package/src/shared/use-has-loaded.ts

@@ -0,0 +1,13 @@
+import { useState } from "react";
+
+const useHasLoaded = (isLoaded: boolean): boolean => {
+    const [hasLoaded, setHasLoaded] = useState(isLoaded);
+
+    if (isLoaded && !hasLoaded) {
+        setHasLoaded(true);
+    }
+
+    return isLoaded || hasLoaded;
+};
+
+export { useHasLoaded };