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

package/README.md

@@ -2,7 +2,7 @@
 
 React Navigation navigators for GTKX.
 
-Build stack, tab, drawer, and split-view navigation with native Adwaita containers. Define typed routes, nest navigators, and adapt sidebar and content layouts to the available space.
+Build stack, tab, tab view, drawer, and split-view navigation with native Adwaita containers. Define typed routes, nest navigators, and adapt sidebar and content layouts to the available space.
 
 In an existing GTKX app:
 

package/dist/drawer/create-drawer-navigator.d.ts

@@ -25,6 +25,8 @@ declare const createDrawerScreen: StaticScreenFactory<DrawerTypeBag>;
 /** Renders the screens of a {@link createDrawerNavigator} beside a sidebar in an `AdwOverlaySplitView`. */
 declare function DrawerNavigator({ drawerContent, collapsed, sidebarPosition, pinSidebar, minSidebarWidth, maxSidebarWidth, sidebarWidthFraction, defaultStatus, ...options }: DrawerNavigatorProps): ReactNode;
 /** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */
-declare 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>(config?: Config): TypedNavigator<TypeBag, Config>;
+declare function createDrawerNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>>(): TypedNavigator<TypeBag, undefined>;
+/** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */
+declare 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>;
 export { createDrawerNavigator, createDrawerScreen, DrawerNavigator, type DrawerTypeBag };
 //# sourceMappingURL=create-drawer-navigator.d.ts.map

package/dist/drawer/create-drawer-navigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-drawer-navigator.d.ts","sourceRoot":"","sources":["../../src/drawer/create-drawer-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAER,qBAAqB,EAErB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EACR,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACvB,MAAM,YAAY,CAAC;AAIpB,iFAAiF;AACjF,KAAK,aAAa,CACd,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,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACxC,0BAA0B;IAC1B,aAAa,EAAE,uBAAuB,CAAC;IACvC,kCAAkC;IAClC,QAAQ,EAAE,wBAAwB,CAAC;IACnC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KAC1F,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,eAAe,CAAC;CACrC,CAAC;AAEF,sFAAsF;AACtF,QAAA,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,aAAa,CAAwC,CAAC;AAuBpG,2GAA2G;AAC3G,iBAAS,eAAe,CAAC,EACrB,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,GAAG,OAAO,EACb,EAAE,oBAAoB,GAAG,SAAS,CAyBlC;AAED,wHAAwH;AACxH,iBAAS,qBAAqB,CAC1B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,EAClF,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,qBAAqB,EAAE,kBAAkB,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,CAAC"}
+{"version":3,"file":"create-drawer-navigator.d.ts","sourceRoot":"","sources":["../../src/drawer/create-drawer-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAER,qBAAqB,EAErB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EACR,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACvB,MAAM,YAAY,CAAC;AAIpB,iFAAiF;AACjF,KAAK,aAAa,CACd,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,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACxC,0BAA0B;IAC1B,aAAa,EAAE,uBAAuB,CAAC;IACvC,kCAAkC;IAClC,QAAQ,EAAE,wBAAwB,CAAC;IACnC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KAC1F,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,eAAe,CAAC;CACrC,CAAC;AAEF,sFAAsF;AACtF,QAAA,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,aAAa,CAAwC,CAAC;AAyBpG,2GAA2G;AAC3G,iBAAS,eAAe,CAAC,EACrB,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,GAAG,OAAO,EACb,EAAE,oBAAoB,GAAG,SAAS,CAyBlC;AAED,wHAAwH;AACxH,iBAAS,qBAAqB,CAC1B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,KACjF,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACxC,wHAAwH;AACxH,iBAAS,qBAAqB,CAC1B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,EAClF,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,qBAAqB,EAAE,kBAAkB,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,CAAC"}

package/dist/drawer/create-drawer-navigator.js

@@ -5,16 +5,17 @@ import { createDrawerRouter } from "./drawer-router.js";
 import { DrawerView } from "./drawer-view.js";
 /** Declares a typed screen of a drawer navigator for the static configuration API. */
 const createDrawerScreen = createScreenFactory();
+const createFlag = (isInitial) => {
+    let isCurrent = isInitial;
+    return {
+        read: () => isCurrent,
+        update: (isNext) => {
+            isCurrent = isNext;
+        },
+    };
+};
 const useDrawerRouter = (isCollapsed) => {
-    const [flag] = useState(() => {
-        let isCurrent = isCollapsed;
-        return {
-            read: () => isCurrent,
-            update: (isNext) => {
-                isCurrent = isNext;
-            },
-        };
-    });
+    const [flag] = useState(() => createFlag(isCollapsed));
     const [createRouter] = useState(() => createDrawerRouter(flag.read));
     useEffect(() => {
         flag.update(isCollapsed);
@@ -27,7 +28,6 @@ function DrawerNavigator({ drawerContent, collapsed, sidebarPosition, pinSidebar
     const { state, descriptors, navigation, render } = useNavigationBuilder(createRouter, { ...options, defaultStatus: defaultStatus ?? (collapsed === true ? "closed" : "open") });
     return render(_jsx(DrawerView, { state: state, navigation: navigation, descriptors: descriptors, drawerContent: drawerContent, collapsed: collapsed, sidebarPosition: sidebarPosition, pinSidebar: pinSidebar, minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: sidebarWidthFraction }));
 }
-/** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */
 function createDrawerNavigator(config) {
     return createNavigatorFactory(DrawerNavigator)(config);
 }

package/dist/drawer/create-drawer-navigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-drawer-navigator.js","sourceRoot":"","sources":["../../src/drawer/create-drawer-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC3G,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAyB9C,sFAAsF;AACtF,MAAM,kBAAkB,GAAuC,mBAAmB,EAAiB,CAAC;AAEpG,MAAM,eAAe,GAAG,CAAC,WAAoB,EAAuB,EAAE;IAClE,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACzB,IAAI,SAAS,GAAG,WAAW,CAAC;QAE5B,OAAO;YACH,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;YACrB,MAAM,EAAE,CAAC,MAAe,EAAE,EAAE;gBACxB,SAAS,GAAG,MAAM,CAAC;YACvB,CAAC;SACJ,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,2GAA2G;AAC3G,SAAS,eAAe,CAAC,EACrB,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,GAAG,OAAO,EACS;IACnB,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC;IAEzD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAMrE,YAAY,EAAE,EAAE,GAAG,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE1G,OAAO,MAAM,CACT,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,GAC5C,CACL,CAAC;AACN,CAAC;AAED,wHAAwH;AACxH,SAAS,qBAAqB,CAK5B,MAAe;IACb,OAAO,sBAAsB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC9F,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,eAAe,EAAsB,CAAC","sourcesContent":["import type {\n    DrawerActionHelpers,\n    DrawerNavigationState,\n    DrawerRouterOptions,\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StaticConfig,\n    StaticScreenFactory,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport { createNavigatorFactory, createScreenFactory, useNavigationBuilder } from \"@react-navigation/core\";\nimport { useEffect, useState } from \"react\";\nimport type { DrawerRouterFactory } from \"./drawer-router.js\";\nimport type {\n    DrawerNavigationEventMap,\n    DrawerNavigationOptions,\n    DrawerNavigationProp,\n    DrawerNavigatorProps,\n} from \"./types.js\";\nimport { createDrawerRouter } from \"./drawer-router.js\";\nimport { DrawerView } from \"./drawer-view.js\";\n\n/** Type bag describing the drawer navigator to React Navigation's typed APIs. */\ntype DrawerTypeBag<\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: DrawerNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: DrawerNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: DrawerNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: DrawerNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof DrawerNavigator;\n};\n\n/** Declares a typed screen of a drawer navigator for the static configuration API. */\nconst createDrawerScreen: StaticScreenFactory<DrawerTypeBag> = createScreenFactory<DrawerTypeBag>();\n\nconst useDrawerRouter = (isCollapsed: boolean): DrawerRouterFactory => {\n    const [flag] = useState(() => {\n        let isCurrent = isCollapsed;\n\n        return {\n            read: () => isCurrent,\n            update: (isNext: boolean) => {\n                isCurrent = isNext;\n            },\n        };\n    });\n\n    const [createRouter] = useState(() => createDrawerRouter(flag.read));\n\n    useEffect(() => {\n        flag.update(isCollapsed);\n    }, [flag, isCollapsed]);\n\n    return createRouter;\n};\n\n/** Renders the screens of a {@link createDrawerNavigator} beside a sidebar in an `AdwOverlaySplitView`. */\nfunction DrawerNavigator({\n    drawerContent,\n    collapsed,\n    sidebarPosition,\n    pinSidebar,\n    minSidebarWidth,\n    maxSidebarWidth,\n    sidebarWidthFraction,\n    defaultStatus,\n    ...options\n}: DrawerNavigatorProps): ReactNode {\n    const createRouter = useDrawerRouter(collapsed === true);\n\n    const { state, descriptors, navigation, render } = useNavigationBuilder<\n        DrawerNavigationState<ParamListBase>,\n        DrawerRouterOptions,\n        DrawerActionHelpers<ParamListBase>,\n        DrawerNavigationOptions,\n        DrawerNavigationEventMap\n    >(createRouter, { ...options, defaultStatus: defaultStatus ?? (collapsed === true ? \"closed\" : \"open\") });\n\n    return render(\n        <DrawerView\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            drawerContent={drawerContent}\n            collapsed={collapsed}\n            sidebarPosition={sidebarPosition}\n            pinSidebar={pinSidebar}\n            minSidebarWidth={minSidebarWidth}\n            maxSidebarWidth={maxSidebarWidth}\n            sidebarWidthFraction={sidebarWidthFraction}\n        />,\n    );\n}\n\n/** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */\nfunction createDrawerNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> | undefined = undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(DrawerNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createDrawerNavigator, createDrawerScreen, DrawerNavigator, type DrawerTypeBag };\n"]}
+{"version":3,"file":"create-drawer-navigator.js","sourceRoot":"","sources":["../../src/drawer/create-drawer-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC3G,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAyB9C,sFAAsF;AACtF,MAAM,kBAAkB,GAAuC,mBAAmB,EAAiB,CAAC;AAEpG,MAAM,UAAU,GAAG,CAAC,SAAkB,EAAE,EAAE;IACtC,IAAI,SAAS,GAAG,SAAS,CAAC;IAE1B,OAAO;QACH,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;QACrB,MAAM,EAAE,CAAC,MAAe,EAAE,EAAE;YACxB,SAAS,GAAG,MAAM,CAAC;QACvB,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,WAAoB,EAAuB,EAAE;IAClE,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvD,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,2GAA2G;AAC3G,SAAS,eAAe,CAAC,EACrB,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,GAAG,OAAO,EACS;IACnB,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC;IAEzD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAMrE,YAAY,EAAE,EAAE,GAAG,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE1G,OAAO,MAAM,CACT,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,GAC5C,CACL,CAAC;AACN,CAAC;AAeD,SAAS,qBAAqB,CAG5B,MAAe;IACb,OAAO,sBAAsB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC9F,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,eAAe,EAAsB,CAAC","sourcesContent":["import type {\n    DrawerActionHelpers,\n    DrawerNavigationState,\n    DrawerRouterOptions,\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StaticConfig,\n    StaticScreenFactory,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport { createNavigatorFactory, createScreenFactory, useNavigationBuilder } from \"@react-navigation/core\";\nimport { useEffect, useState } from \"react\";\nimport type { DrawerRouterFactory } from \"./drawer-router.js\";\nimport type {\n    DrawerNavigationEventMap,\n    DrawerNavigationOptions,\n    DrawerNavigationProp,\n    DrawerNavigatorProps,\n} from \"./types.js\";\nimport { createDrawerRouter } from \"./drawer-router.js\";\nimport { DrawerView } from \"./drawer-view.js\";\n\n/** Type bag describing the drawer navigator to React Navigation's typed APIs. */\ntype DrawerTypeBag<\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: DrawerNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: DrawerNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: DrawerNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: DrawerNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof DrawerNavigator;\n};\n\n/** Declares a typed screen of a drawer navigator for the static configuration API. */\nconst createDrawerScreen: StaticScreenFactory<DrawerTypeBag> = createScreenFactory<DrawerTypeBag>();\n\nconst createFlag = (isInitial: boolean) => {\n    let isCurrent = isInitial;\n\n    return {\n        read: () => isCurrent,\n        update: (isNext: boolean) => {\n            isCurrent = isNext;\n        },\n    };\n};\n\nconst useDrawerRouter = (isCollapsed: boolean): DrawerRouterFactory => {\n    const [flag] = useState(() => createFlag(isCollapsed));\n\n    const [createRouter] = useState(() => createDrawerRouter(flag.read));\n\n    useEffect(() => {\n        flag.update(isCollapsed);\n    }, [flag, isCollapsed]);\n\n    return createRouter;\n};\n\n/** Renders the screens of a {@link createDrawerNavigator} beside a sidebar in an `AdwOverlaySplitView`. */\nfunction DrawerNavigator({\n    drawerContent,\n    collapsed,\n    sidebarPosition,\n    pinSidebar,\n    minSidebarWidth,\n    maxSidebarWidth,\n    sidebarWidthFraction,\n    defaultStatus,\n    ...options\n}: DrawerNavigatorProps): ReactNode {\n    const createRouter = useDrawerRouter(collapsed === true);\n\n    const { state, descriptors, navigation, render } = useNavigationBuilder<\n        DrawerNavigationState<ParamListBase>,\n        DrawerRouterOptions,\n        DrawerActionHelpers<ParamListBase>,\n        DrawerNavigationOptions,\n        DrawerNavigationEventMap\n    >(createRouter, { ...options, defaultStatus: defaultStatus ?? (collapsed === true ? \"closed\" : \"open\") });\n\n    return render(\n        <DrawerView\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            drawerContent={drawerContent}\n            collapsed={collapsed}\n            sidebarPosition={sidebarPosition}\n            pinSidebar={pinSidebar}\n            minSidebarWidth={minSidebarWidth}\n            maxSidebarWidth={maxSidebarWidth}\n            sidebarWidthFraction={sidebarWidthFraction}\n        />,\n    );\n}\n\n/** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */\nfunction createDrawerNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>,\n>(): TypedNavigator<TypeBag, undefined>;\n/** Creates a drawer navigator rendered with `AdwOverlaySplitView`: a sidebar listing the screens beside the content. */\nfunction createDrawerNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = DrawerTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,\n>(config: Config): TypedNavigator<TypeBag, Config>;\nfunction createDrawerNavigator<\n    const TypeBag extends NavigatorTypeBagBase,\n    const Config extends StaticConfig<TypeBag> | undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(DrawerNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createDrawerNavigator, createDrawerScreen, DrawerNavigator, type DrawerTypeBag };\n"]}

package/dist/drawer/drawer-view.js

@@ -30,7 +30,7 @@ const useCloseOnNavigate = (state, navigation, isCollapsed) => {
         }
     }, [focusedKey, isCollapsed, navigation]);
 };
-const DrawerContent = (props) => (_jsx(AdwToolbarView, { topBar: _jsx(AdwHeaderBar, {}), children: _jsx(GtkScrolledWindow, { hscrollbarPolicy: Gtk.PolicyType.NEVER, children: _jsx(DrawerItemList, { ...props }) }) }));
+const DrawerContent = (props) => (_jsx(AdwToolbarView, { top: _jsx(AdwHeaderBar, {}), children: _jsx(GtkScrolledWindow, { hscrollbarPolicy: Gtk.PolicyType.NEVER, children: _jsx(DrawerItemList, { ...props }) }) }));
 const DrawerToggle = ({ navigation }) => (_jsx(GtkButton, { iconName: "sidebar-show-symbolic", tooltipText: "Toggle Sidebar", accessibleLabel: "Toggle Sidebar", onClicked: () => {
         navigation.dispatch(DrawerActions.toggleDrawer());
     } }));
@@ -57,7 +57,7 @@ const DrawerView = ({ state, navigation, descriptors, drawerContent, ...config }
     const sidebar = drawerContent === undefined ? _jsx(DrawerContent, { ...contentProps }) : drawerContent(contentProps);
     usePopToTopOnBlur(state, descriptors, navigation);
     useCloseOnNavigate(state, navigation, collapsed);
-    return (_jsx(DrawerCollapsedContext, { value: collapsed, children: _jsx(AdwOverlaySplitView, { collapsed: collapsed, showSidebar: getDrawerStatus(state) === "open", sidebarPosition: PACK_TYPES[sidebarPosition], pinSidebar: pinSidebar, minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: config.sidebarWidthFraction, onNotifyShowSidebar: onShowSidebarChanged, sidebar: _jsx(_Fragment, { children: sidebar }), children: _jsx(AdwToolbarView, { topBar: _jsx(DrawerHeader, { descriptor: descriptor, navigation: navigation }), children: _jsx(AdwViewStack, { visibleChildName: focused.key, children: state.routes.map((route) => (_jsx(DrawerPage, { descriptor: requireDescriptor(descriptors, route.key), isFocused: route.key === focused.key, isLoaded: route.key === focused.key || state.preloadedRouteKeys.includes(route.key) }, route.key))) }) }) }) }));
+    return (_jsx(DrawerCollapsedContext, { value: collapsed, children: _jsx(AdwOverlaySplitView, { collapsed: collapsed, showSidebar: getDrawerStatus(state) === "open", sidebarPosition: PACK_TYPES[sidebarPosition], pinSidebar: pinSidebar, minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: config.sidebarWidthFraction, onNotifyShowSidebar: onShowSidebarChanged, sidebar: _jsx(_Fragment, { children: sidebar }), children: _jsx(AdwToolbarView, { top: _jsx(DrawerHeader, { descriptor: descriptor, navigation: navigation }), children: _jsx(AdwViewStack, { visibleChildName: focused.key, children: state.routes.map((route) => (_jsx(DrawerPage, { descriptor: requireDescriptor(descriptors, route.key), isFocused: route.key === focused.key, isLoaded: route.key === focused.key || state.preloadedRouteKeys.includes(route.key) }, route.key))) }) }) }) }));
 };
 export { DrawerView };
 //# sourceMappingURL=drawer-view.js.map

package/dist/drawer/drawer-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-view.js","sourceRoot":"","sources":["../../src/drawer/drawer-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { DrawerNavigationState, ParamListBase } from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { AdwHeaderBar, AdwOverlaySplitView, AdwToolbarView, AdwViewStack, AdwWindowTitle } from \"@gtkx/jsx/adw\";\nimport { GtkButton, GtkScrolledWindow } from \"@gtkx/jsx/gtk\";\nimport { DrawerActions } from \"@react-navigation/core\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type {\n    DrawerContentProps,\n    DrawerDescriptor,\n    DrawerDescriptorMap,\n    DrawerNavigationConfig,\n    DrawerNavigationHelpers,\n} 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\";\nimport { DrawerCollapsedContext } from \"./drawer-collapsed-context.js\";\nimport { DrawerItemList } from \"./drawer-item-list.js\";\nimport { getDrawerStatus } from \"./drawer-status.js\";\n\ntype DrawerViewProps = DrawerNavigationConfig & {\n    state: DrawerNavigationState<ParamListBase>;\n    navigation: DrawerNavigationHelpers;\n    descriptors: DrawerDescriptorMap;\n};\n\ntype DrawerHeaderProps = {\n    descriptor: DrawerDescriptor;\n    navigation: DrawerNavigationHelpers;\n};\n\ntype DrawerPageProps = {\n    descriptor: DrawerDescriptor;\n    isFocused: boolean;\n    isLoaded: boolean;\n};\n\nconst PACK_TYPES = { start: Gtk.PackType.START, end: Gtk.PackType.END } as const;\n\nconst useSidebarSync = (navigation: DrawerNavigationHelpers): ((isShown: boolean | null) => void) =>\n    useCallback(\n        (isShown: boolean | null) => {\n            if (isShown === null) {\n                return;\n            }\n\n            const action = isShown ? DrawerActions.openDrawer() : DrawerActions.closeDrawer();\n            navigation.dispatch({ ...action, target: navigation.getState().key });\n        },\n        [navigation],\n    );\n\nconst useCloseOnNavigate = (\n    state: DrawerNavigationState<ParamListBase>,\n    navigation: DrawerNavigationHelpers,\n    isCollapsed: boolean,\n): void => {\n    const focusedKey = getFocusedRoute(state).key;\n    const previousKeyRef = useRef(focusedKey);\n\n    useEffect(() => {\n        const hasChanged = previousKeyRef.current !== focusedKey;\n        previousKeyRef.current = focusedKey;\n\n        if (hasChanged && isCollapsed) {\n            navigation.dispatch({ ...DrawerActions.closeDrawer(), target: navigation.getState().key });\n        }\n    }, [focusedKey, isCollapsed, navigation]);\n};\n\nconst DrawerContent = (props: DrawerContentProps): ReactNode => (\n    <AdwToolbarView topBar={<AdwHeaderBar />}>\n        <GtkScrolledWindow hscrollbarPolicy={Gtk.PolicyType.NEVER}>\n            <DrawerItemList {...props} />\n        </GtkScrolledWindow>\n    </AdwToolbarView>\n);\n\nconst DrawerToggle = ({ navigation }: { navigation: DrawerNavigationHelpers }): ReactNode => (\n    <GtkButton\n        iconName=\"sidebar-show-symbolic\"\n        tooltipText=\"Toggle Sidebar\"\n        accessibleLabel=\"Toggle Sidebar\"\n        onClicked={() => {\n            navigation.dispatch(DrawerActions.toggleDrawer());\n        }}\n    />\n);\n\nconst DrawerHeader = ({ descriptor, navigation }: DrawerHeaderProps): ReactNode => {\n    const { route, options } = descriptor;\n\n    if (options.headerShown === false) {\n        return null;\n    }\n\n    if (options.header !== undefined) {\n        return <>{options.header({ route, navigation: descriptor.navigation, options })}</>;\n    }\n\n    return (\n        <HeaderBar\n            options={options}\n            start={<DrawerToggle navigation={navigation} />}\n            titleWidget={<AdwWindowTitle title={options.title ?? route.name} />}\n        />\n    );\n};\n\nconst DrawerPage = ({ descriptor, isFocused, isLoaded }: DrawerPageProps): ReactNode => {\n    const { route, options } = descriptor;\n\n    return (\n        <ScenePage\n            name={route.key}\n            title={options.title ?? route.name}\n            isFocused={isFocused}\n            isLoaded={isLoaded || options.lazy === false}\n            render={() => descriptor.render()}\n        />\n    );\n};\n\nconst DrawerView = ({ state, navigation, descriptors, drawerContent, ...config }: DrawerViewProps): ReactNode => {\n    const { collapsed = false, sidebarPosition = \"start\", pinSidebar, minSidebarWidth, maxSidebarWidth } = config;\n    const focused = getFocusedRoute(state);\n    const descriptor = requireDescriptor(descriptors, focused.key);\n    const onShowSidebarChanged = useSidebarSync(navigation);\n    const contentProps = { state, navigation, descriptors };\n    const sidebar = drawerContent === undefined ? <DrawerContent {...contentProps} /> : drawerContent(contentProps);\n    usePopToTopOnBlur(state, descriptors, navigation);\n    useCloseOnNavigate(state, navigation, collapsed);\n\n    return (\n        <DrawerCollapsedContext value={collapsed}>\n            <AdwOverlaySplitView\n                collapsed={collapsed}\n                showSidebar={getDrawerStatus(state) === \"open\"}\n                sidebarPosition={PACK_TYPES[sidebarPosition]}\n                pinSidebar={pinSidebar}\n                minSidebarWidth={minSidebarWidth}\n                maxSidebarWidth={maxSidebarWidth}\n                sidebarWidthFraction={config.sidebarWidthFraction}\n                onNotifyShowSidebar={onShowSidebarChanged}\n                sidebar={<>{sidebar}</>}\n            >\n                <AdwToolbarView topBar={<DrawerHeader descriptor={descriptor} navigation={navigation} />}>\n                    <AdwViewStack visibleChildName={focused.key}>\n                        {state.routes.map((route) => (\n                            <DrawerPage\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            </AdwOverlaySplitView>\n        </DrawerCollapsedContext>\n    );\n};\n\nexport { DrawerView };\n"]}
+{"version":3,"file":"drawer-view.js","sourceRoot":"","sources":["../../src/drawer/drawer-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { DrawerNavigationState, ParamListBase } from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { AdwHeaderBar, AdwOverlaySplitView, AdwToolbarView, AdwViewStack, AdwWindowTitle } from \"@gtkx/jsx/adw\";\nimport { GtkButton, GtkScrolledWindow } from \"@gtkx/jsx/gtk\";\nimport { DrawerActions } from \"@react-navigation/core\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type {\n    DrawerContentProps,\n    DrawerDescriptor,\n    DrawerDescriptorMap,\n    DrawerNavigationConfig,\n    DrawerNavigationHelpers,\n} 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\";\nimport { DrawerCollapsedContext } from \"./drawer-collapsed-context.js\";\nimport { DrawerItemList } from \"./drawer-item-list.js\";\nimport { getDrawerStatus } from \"./drawer-status.js\";\n\ntype DrawerViewProps = DrawerNavigationConfig & {\n    state: DrawerNavigationState<ParamListBase>;\n    navigation: DrawerNavigationHelpers;\n    descriptors: DrawerDescriptorMap;\n};\n\ntype DrawerHeaderProps = {\n    descriptor: DrawerDescriptor;\n    navigation: DrawerNavigationHelpers;\n};\n\ntype DrawerPageProps = {\n    descriptor: DrawerDescriptor;\n    isFocused: boolean;\n    isLoaded: boolean;\n};\n\nconst PACK_TYPES = { start: Gtk.PackType.START, end: Gtk.PackType.END } as const;\n\nconst useSidebarSync = (navigation: DrawerNavigationHelpers): ((isShown: boolean | null) => void) =>\n    useCallback(\n        (isShown: boolean | null) => {\n            if (isShown === null) {\n                return;\n            }\n\n            const action = isShown ? DrawerActions.openDrawer() : DrawerActions.closeDrawer();\n            navigation.dispatch({ ...action, target: navigation.getState().key });\n        },\n        [navigation],\n    );\n\nconst useCloseOnNavigate = (\n    state: DrawerNavigationState<ParamListBase>,\n    navigation: DrawerNavigationHelpers,\n    isCollapsed: boolean,\n): void => {\n    const focusedKey = getFocusedRoute(state).key;\n    const previousKeyRef = useRef(focusedKey);\n\n    useEffect(() => {\n        const hasChanged = previousKeyRef.current !== focusedKey;\n        previousKeyRef.current = focusedKey;\n\n        if (hasChanged && isCollapsed) {\n            navigation.dispatch({ ...DrawerActions.closeDrawer(), target: navigation.getState().key });\n        }\n    }, [focusedKey, isCollapsed, navigation]);\n};\n\nconst DrawerContent = (props: DrawerContentProps): ReactNode => (\n    <AdwToolbarView top={<AdwHeaderBar />}>\n        <GtkScrolledWindow hscrollbarPolicy={Gtk.PolicyType.NEVER}>\n            <DrawerItemList {...props} />\n        </GtkScrolledWindow>\n    </AdwToolbarView>\n);\n\nconst DrawerToggle = ({ navigation }: { navigation: DrawerNavigationHelpers }): ReactNode => (\n    <GtkButton\n        iconName=\"sidebar-show-symbolic\"\n        tooltipText=\"Toggle Sidebar\"\n        accessibleLabel=\"Toggle Sidebar\"\n        onClicked={() => {\n            navigation.dispatch(DrawerActions.toggleDrawer());\n        }}\n    />\n);\n\nconst DrawerHeader = ({ descriptor, navigation }: DrawerHeaderProps): ReactNode => {\n    const { route, options } = descriptor;\n\n    if (options.headerShown === false) {\n        return null;\n    }\n\n    if (options.header !== undefined) {\n        return <>{options.header({ route, navigation: descriptor.navigation, options })}</>;\n    }\n\n    return (\n        <HeaderBar\n            options={options}\n            start={<DrawerToggle navigation={navigation} />}\n            titleWidget={<AdwWindowTitle title={options.title ?? route.name} />}\n        />\n    );\n};\n\nconst DrawerPage = ({ descriptor, isFocused, isLoaded }: DrawerPageProps): ReactNode => {\n    const { route, options } = descriptor;\n\n    return (\n        <ScenePage\n            name={route.key}\n            title={options.title ?? route.name}\n            isFocused={isFocused}\n            isLoaded={isLoaded || options.lazy === false}\n            render={() => descriptor.render()}\n        />\n    );\n};\n\nconst DrawerView = ({ state, navigation, descriptors, drawerContent, ...config }: DrawerViewProps): ReactNode => {\n    const { collapsed = false, sidebarPosition = \"start\", pinSidebar, minSidebarWidth, maxSidebarWidth } = config;\n    const focused = getFocusedRoute(state);\n    const descriptor = requireDescriptor(descriptors, focused.key);\n    const onShowSidebarChanged = useSidebarSync(navigation);\n    const contentProps = { state, navigation, descriptors };\n    const sidebar = drawerContent === undefined ? <DrawerContent {...contentProps} /> : drawerContent(contentProps);\n    usePopToTopOnBlur(state, descriptors, navigation);\n    useCloseOnNavigate(state, navigation, collapsed);\n\n    return (\n        <DrawerCollapsedContext value={collapsed}>\n            <AdwOverlaySplitView\n                collapsed={collapsed}\n                showSidebar={getDrawerStatus(state) === \"open\"}\n                sidebarPosition={PACK_TYPES[sidebarPosition]}\n                pinSidebar={pinSidebar}\n                minSidebarWidth={minSidebarWidth}\n                maxSidebarWidth={maxSidebarWidth}\n                sidebarWidthFraction={config.sidebarWidthFraction}\n                onNotifyShowSidebar={onShowSidebarChanged}\n                sidebar={<>{sidebar}</>}\n            >\n                <AdwToolbarView top={<DrawerHeader descriptor={descriptor} navigation={navigation} />}>\n                    <AdwViewStack visibleChildName={focused.key}>\n                        {state.routes.map((route) => (\n                            <DrawerPage\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            </AdwOverlaySplitView>\n        </DrawerCollapsedContext>\n    );\n};\n\nexport { DrawerView };\n"]}

package/dist/index.d.ts

@@ -4,12 +4,17 @@ export type { DrawerContentProps, DrawerDescriptor, DrawerDescriptorMap, DrawerH
 export { NavigationContainer, type NavigationContainerComponent, type NavigationContainerProps, } from "./navigation-container.js";
 export type { HeaderOptions } from "./shared/types.js";
 export { createSplitViewNavigator, createSplitViewScreen, SplitViewNavigator, type SplitViewTypeBag, } from "./split-view/create-split-view-navigator.js";
+export { useSplitViewCollapsed } from "./split-view/split-view-collapsed.js";
 export type { SplitViewDescriptor, SplitViewDescriptorMap, SplitViewNavigationConfig, SplitViewNavigationEventMap, SplitViewNavigationHelpers, SplitViewNavigationOptions, SplitViewNavigationProp, SplitViewNavigatorProps, SplitViewScreenProps, } from "./split-view/types.js";
 export { createStackNavigator, createStackScreen, StackNavigator, type StackTypeBag, } from "./stack/create-stack-navigator.js";
 export type { StackDescriptor, StackDescriptorMap, StackHeaderBack, StackHeaderProps, StackNavigationConfig, StackNavigationEventMap, StackNavigationHelpers, StackNavigationOptions, StackNavigationProp, StackNavigatorProps, StackScreenProps, StackTransitionData, } from "./stack/types.js";
 export { createStaticNavigation, type StaticNavigationProps, type StaticNavigationTree } from "./static-navigation.js";
 export { createTabNavigator, createTabScreen, TabNavigator, type TabTypeBag } from "./tabs/create-tab-navigator.js";
 export type { TabDescriptor, TabDescriptorMap, TabHeaderProps, TabNavigationConfig, TabNavigationEventMap, TabNavigationHelpers, TabNavigationOptions, TabNavigationProp, 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";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,KAAK,aAAa,GACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,YAAY,EACR,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,mBAAmB,EACnB,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,GAChC,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EACH,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,gBAAgB,GACxB,MAAM,6CAA6C,CAAC;AACrD,YAAY,EACR,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,KAAK,YAAY,GACpB,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACR,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACvH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpH,YAAY,EACR,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AACjE,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,KAAK,aAAa,GACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,YAAY,EACR,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,mBAAmB,EACnB,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,GAChC,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EACH,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,gBAAgB,GACxB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,YAAY,EACR,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,KAAK,YAAY,GACpB,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACR,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACvH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpH,YAAY,EACR,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACH,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,cAAc,GACtB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,KAAK,aAAa,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EACR,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AACjE,cAAc,wBAAwB,CAAC"}

package/dist/index.js

@@ -2,9 +2,13 @@ export { createDrawerNavigator, createDrawerScreen, DrawerNavigator, } from "./d
 export { DrawerItemList } from "./drawer/drawer-item-list.js";
 export { NavigationContainer, } from "./navigation-container.js";
 export { createSplitViewNavigator, createSplitViewScreen, SplitViewNavigator, } from "./split-view/create-split-view-navigator.js";
+export { useSplitViewCollapsed } from "./split-view/split-view-collapsed.js";
 export { createStackNavigator, createStackScreen, StackNavigator, } from "./stack/create-stack-navigator.js";
 export { createStaticNavigation } from "./static-navigation.js";
 export { createTabNavigator, createTabScreen, TabNavigator } from "./tabs/create-tab-navigator.js";
+export { createTabViewNavigator, createTabViewScreen, TabViewNavigator, } from "./tab-view/create-tab-view-navigator.js";
+export { useTabView } from "./tab-view/tab-view-host.js";
+export { TabViewActions } from "./tab-view/tab-view-router.js";
 export { DarkTheme, DefaultTheme } from "./theme.js";
 export * from "@react-navigation/core";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,GAElB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAc9D,OAAO,EACH,mBAAmB,GAGtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACH,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GAErB,MAAM,6CAA6C,CAAC;AAYrD,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GAEjB,MAAM,mCAAmC,CAAC;AAe3C,OAAO,EAAE,sBAAsB,EAAyD,MAAM,wBAAwB,CAAC;AACvH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAmB,MAAM,gCAAgC,CAAC;AAapH,OAAO,EAAE,SAAS,EAAE,YAAY,EAAc,MAAM,YAAY,CAAC;AACjE,cAAc,wBAAwB,CAAC","sourcesContent":["export {\n    createDrawerNavigator,\n    createDrawerScreen,\n    DrawerNavigator,\n    type DrawerTypeBag,\n} from \"./drawer/create-drawer-navigator.js\";\nexport { DrawerItemList } from \"./drawer/drawer-item-list.js\";\nexport type {\n    DrawerContentProps,\n    DrawerDescriptor,\n    DrawerDescriptorMap,\n    DrawerHeaderProps,\n    DrawerNavigationConfig,\n    DrawerNavigationEventMap,\n    DrawerNavigationHelpers,\n    DrawerNavigationOptions,\n    DrawerNavigationProp,\n    DrawerNavigatorProps,\n    DrawerScreenProps,\n} from \"./drawer/types.js\";\nexport {\n    NavigationContainer,\n    type NavigationContainerComponent,\n    type NavigationContainerProps,\n} from \"./navigation-container.js\";\nexport type { HeaderOptions } from \"./shared/types.js\";\nexport {\n    createSplitViewNavigator,\n    createSplitViewScreen,\n    SplitViewNavigator,\n    type SplitViewTypeBag,\n} from \"./split-view/create-split-view-navigator.js\";\nexport type {\n    SplitViewDescriptor,\n    SplitViewDescriptorMap,\n    SplitViewNavigationConfig,\n    SplitViewNavigationEventMap,\n    SplitViewNavigationHelpers,\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp,\n    SplitViewNavigatorProps,\n    SplitViewScreenProps,\n} from \"./split-view/types.js\";\nexport {\n    createStackNavigator,\n    createStackScreen,\n    StackNavigator,\n    type StackTypeBag,\n} from \"./stack/create-stack-navigator.js\";\nexport type {\n    StackDescriptor,\n    StackDescriptorMap,\n    StackHeaderBack,\n    StackHeaderProps,\n    StackNavigationConfig,\n    StackNavigationEventMap,\n    StackNavigationHelpers,\n    StackNavigationOptions,\n    StackNavigationProp,\n    StackNavigatorProps,\n    StackScreenProps,\n    StackTransitionData,\n} from \"./stack/types.js\";\nexport { createStaticNavigation, type StaticNavigationProps, type StaticNavigationTree } from \"./static-navigation.js\";\nexport { createTabNavigator, createTabScreen, TabNavigator, type TabTypeBag } from \"./tabs/create-tab-navigator.js\";\nexport type {\n    TabDescriptor,\n    TabDescriptorMap,\n    TabHeaderProps,\n    TabNavigationConfig,\n    TabNavigationEventMap,\n    TabNavigationHelpers,\n    TabNavigationOptions,\n    TabNavigationProp,\n    TabNavigatorProps,\n    TabScreenProps,\n} from \"./tabs/types.js\";\nexport { DarkTheme, DefaultTheme, type Theme } from \"./theme.js\";\nexport * from \"@react-navigation/core\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,GAElB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAc9D,OAAO,EACH,mBAAmB,GAGtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACH,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GAErB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAY7E,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GAEjB,MAAM,mCAAmC,CAAC;AAe3C,OAAO,EAAE,sBAAsB,EAAyD,MAAM,wBAAwB,CAAC;AACvH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAmB,MAAM,gCAAgC,CAAC;AAapH,OAAO,EACH,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,GAEnB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAsB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAsB/D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAc,MAAM,YAAY,CAAC;AACjE,cAAc,wBAAwB,CAAC","sourcesContent":["export {\n    createDrawerNavigator,\n    createDrawerScreen,\n    DrawerNavigator,\n    type DrawerTypeBag,\n} from \"./drawer/create-drawer-navigator.js\";\nexport { DrawerItemList } from \"./drawer/drawer-item-list.js\";\nexport type {\n    DrawerContentProps,\n    DrawerDescriptor,\n    DrawerDescriptorMap,\n    DrawerHeaderProps,\n    DrawerNavigationConfig,\n    DrawerNavigationEventMap,\n    DrawerNavigationHelpers,\n    DrawerNavigationOptions,\n    DrawerNavigationProp,\n    DrawerNavigatorProps,\n    DrawerScreenProps,\n} from \"./drawer/types.js\";\nexport {\n    NavigationContainer,\n    type NavigationContainerComponent,\n    type NavigationContainerProps,\n} from \"./navigation-container.js\";\nexport type { HeaderOptions } from \"./shared/types.js\";\nexport {\n    createSplitViewNavigator,\n    createSplitViewScreen,\n    SplitViewNavigator,\n    type SplitViewTypeBag,\n} from \"./split-view/create-split-view-navigator.js\";\nexport { useSplitViewCollapsed } from \"./split-view/split-view-collapsed.js\";\nexport type {\n    SplitViewDescriptor,\n    SplitViewDescriptorMap,\n    SplitViewNavigationConfig,\n    SplitViewNavigationEventMap,\n    SplitViewNavigationHelpers,\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp,\n    SplitViewNavigatorProps,\n    SplitViewScreenProps,\n} from \"./split-view/types.js\";\nexport {\n    createStackNavigator,\n    createStackScreen,\n    StackNavigator,\n    type StackTypeBag,\n} from \"./stack/create-stack-navigator.js\";\nexport type {\n    StackDescriptor,\n    StackDescriptorMap,\n    StackHeaderBack,\n    StackHeaderProps,\n    StackNavigationConfig,\n    StackNavigationEventMap,\n    StackNavigationHelpers,\n    StackNavigationOptions,\n    StackNavigationProp,\n    StackNavigatorProps,\n    StackScreenProps,\n    StackTransitionData,\n} from \"./stack/types.js\";\nexport { createStaticNavigation, type StaticNavigationProps, type StaticNavigationTree } from \"./static-navigation.js\";\nexport { createTabNavigator, createTabScreen, TabNavigator, type TabTypeBag } from \"./tabs/create-tab-navigator.js\";\nexport type {\n    TabDescriptor,\n    TabDescriptorMap,\n    TabHeaderProps,\n    TabNavigationConfig,\n    TabNavigationEventMap,\n    TabNavigationHelpers,\n    TabNavigationOptions,\n    TabNavigationProp,\n    TabNavigatorProps,\n    TabScreenProps,\n} from \"./tabs/types.js\";\nexport {\n    createTabViewNavigator,\n    createTabViewScreen,\n    TabViewNavigator,\n    type TabViewTypeBag,\n} from \"./tab-view/create-tab-view-navigator.js\";\nexport { type TabViewHandle, useTabView } from \"./tab-view/tab-view-host.js\";\nexport { TabViewActions } from \"./tab-view/tab-view-router.js\";\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} from \"./tab-view/types.js\";\nexport { DarkTheme, DefaultTheme, type Theme } from \"./theme.js\";\nexport * from \"@react-navigation/core\";\n"]}

package/dist/shared/scene-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scene-page.d.ts","sourceRoot":"","sources":["../../src/shared/scene-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,YAAY,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,SAAS,0DAA2D,cAAc,KAAG,SAoB1F,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"scene-page.d.ts","sourceRoot":"","sources":["../../src/shared/scene-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,YAAY,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,SAAS,0DAA2D,cAAc,KAAG,SAgB1F,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/shared/scene-page.js

@@ -1,11 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AdwBin, AdwViewStackPage } from "@gtkx/jsx/adw";
-import { useState } from "react";
+import { useHasLoaded } from "./use-has-loaded.js";
 const ScenePage = ({ name, title, isFocused, isLoaded, render, ...page }) => {
-    const [hasLoaded, setHasLoaded] = useState(isLoaded);
-    if (isLoaded && !hasLoaded) {
-        setHasLoaded(true);
-    }
+    const hasLoaded = useHasLoaded(isLoaded);
     return (_jsx(AdwViewStackPage, { name: name, title: title, iconName: page.iconName, badgeNumber: page.badgeNumber, needsAttention: page.needsAttention, accessibleHidden: !isFocused, useUnderline: page.useUnderline ?? false, children: _jsx(AdwBin, { children: hasLoaded ? render() : null }) }));
 };
 export { ScenePage };

package/dist/shared/scene-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"scene-page.js","sourceRoot":"","sources":["../../src/shared/scene-page.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcjC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAkB,EAAa,EAAE;IACnG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErD,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,gBAAgB,EAAE,CAAC,SAAS,EAC5B,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,YAExC,KAAC,MAAM,cAAE,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,GAAU,GAC/B,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC","sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\nimport { AdwBin, AdwViewStackPage } from \"@gtkx/jsx/adw\";\nimport { useState } from \"react\";\n\ntype ScenePageProps = {\n    name: string;\n    title: string;\n    iconName?: string;\n    badgeNumber?: number;\n    needsAttention?: boolean;\n    useUnderline?: boolean;\n    isFocused: boolean;\n    isLoaded: boolean;\n    render: () => ReactElement;\n};\n\nconst ScenePage = ({ name, title, isFocused, isLoaded, render, ...page }: ScenePageProps): ReactNode => {\n    const [hasLoaded, setHasLoaded] = useState(isLoaded);\n\n    if (isLoaded && !hasLoaded) {\n        setHasLoaded(true);\n    }\n\n    return (\n        <AdwViewStackPage\n            name={name}\n            title={title}\n            iconName={page.iconName}\n            badgeNumber={page.badgeNumber}\n            needsAttention={page.needsAttention}\n            accessibleHidden={!isFocused}\n            useUnderline={page.useUnderline ?? false}\n        >\n            <AdwBin>{hasLoaded ? render() : null}</AdwBin>\n        </AdwViewStackPage>\n    );\n};\n\nexport { ScenePage };\n"]}
+{"version":3,"file":"scene-page.js","sourceRoot":"","sources":["../../src/shared/scene-page.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAcnD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAkB,EAAa,EAAE;IACnG,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEzC,OAAO,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,gBAAgB,EAAE,CAAC,SAAS,EAC5B,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,YAExC,KAAC,MAAM,cAAE,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,GAAU,GAC/B,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC","sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\nimport { AdwBin, AdwViewStackPage } from \"@gtkx/jsx/adw\";\nimport { useHasLoaded } from \"./use-has-loaded.js\";\n\ntype ScenePageProps = {\n    name: string;\n    title: string;\n    iconName?: string;\n    badgeNumber?: number;\n    needsAttention?: boolean;\n    useUnderline?: boolean;\n    isFocused: boolean;\n    isLoaded: boolean;\n    render: () => ReactElement;\n};\n\nconst ScenePage = ({ name, title, isFocused, isLoaded, render, ...page }: ScenePageProps): ReactNode => {\n    const hasLoaded = useHasLoaded(isLoaded);\n\n    return (\n        <AdwViewStackPage\n            name={name}\n            title={title}\n            iconName={page.iconName}\n            badgeNumber={page.badgeNumber}\n            needsAttention={page.needsAttention}\n            accessibleHidden={!isFocused}\n            useUnderline={page.useUnderline ?? false}\n        >\n            <AdwBin>{hasLoaded ? render() : null}</AdwBin>\n        </AdwViewStackPage>\n    );\n};\n\nexport { ScenePage };\n"]}

package/dist/shared/use-has-loaded.d.ts

@@ -0,0 +1,3 @@
+declare const useHasLoaded: (isLoaded: boolean) => boolean;
+export { useHasLoaded };
+//# sourceMappingURL=use-has-loaded.d.ts.map

package/dist/shared/use-has-loaded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-has-loaded.d.ts","sourceRoot":"","sources":["../../src/shared/use-has-loaded.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,aAAc,OAAO,KAAG,OAQzC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/shared/use-has-loaded.js

@@ -0,0 +1,10 @@
+import { useState } from "react";
+const useHasLoaded = (isLoaded) => {
+    const [hasLoaded, setHasLoaded] = useState(isLoaded);
+    if (isLoaded && !hasLoaded) {
+        setHasLoaded(true);
+    }
+    return isLoaded || hasLoaded;
+};
+export { useHasLoaded };
+//# sourceMappingURL=use-has-loaded.js.map

package/dist/shared/use-has-loaded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-has-loaded.js","sourceRoot":"","sources":["../../src/shared/use-has-loaded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,YAAY,GAAG,CAAC,QAAiB,EAAW,EAAE;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErD,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,QAAQ,IAAI,SAAS,CAAC;AACjC,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { useState } from \"react\";\n\nconst useHasLoaded = (isLoaded: boolean): boolean => {\n    const [hasLoaded, setHasLoaded] = useState(isLoaded);\n\n    if (isLoaded && !hasLoaded) {\n        setHasLoaded(true);\n    }\n\n    return isLoaded || hasLoaded;\n};\n\nexport { useHasLoaded };\n"]}

package/dist/split-view/create-split-view-navigator.d.ts

@@ -23,11 +23,16 @@ type SplitViewTypeBag<ParamList extends ParamListBase = ParamListBase, Navigator
 /** Declares a typed screen of a split view navigator for the static configuration API. */
 declare const createSplitViewScreen: StaticScreenFactory<SplitViewTypeBag>;
 /** Renders the screens of a {@link createSplitViewNavigator} in an `AdwNavigationSplitView`. */
-declare function SplitViewNavigator({ collapsed, contentPlaceholder, sidebarPosition, minSidebarWidth, maxSidebarWidth, sidebarWidthFraction, popOnEscape, ...options }: SplitViewNavigatorProps): ReactNode;
+declare function SplitViewNavigator({ collapsed, collapseCondition, contentPlaceholder, sidebarPosition, minSidebarWidth, maxSidebarWidth, sidebarWidthFraction, popOnEscape, ...options }: SplitViewNavigatorProps): ReactNode;
 /**
  * Creates a master/detail navigator rendered with `AdwNavigationSplitView`: the first screen fills the sidebar
  * pane, the rest are a stack in the content pane, and a narrow window collapses the two into one.
  */
-declare function createSplitViewNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = SplitViewTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> | undefined = undefined>(config?: Config): TypedNavigator<TypeBag, Config>;
+declare function createSplitViewNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = SplitViewTypeBag<ParamList, NavigatorID>>(): TypedNavigator<TypeBag, undefined>;
+/**
+ * Creates a master/detail navigator rendered with `AdwNavigationSplitView`: the first screen fills the sidebar
+ * pane, the rest are a stack in the content pane, and a narrow window collapses the two into one.
+ */
+declare function createSplitViewNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = SplitViewTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>>(config: Config): TypedNavigator<TypeBag, Config>;
 export { createSplitViewNavigator, createSplitViewScreen, SplitViewNavigator, type SplitViewTypeBag };
 //# sourceMappingURL=create-split-view-navigator.d.ts.map

package/dist/split-view/create-split-view-navigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-split-view-navigator.d.ts","sourceRoot":"","sources":["../../src/split-view/create-split-view-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,oBAAoB,EACpB,aAAa,EAEb,oBAAoB,EAEpB,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACR,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EAC1B,MAAM,YAAY,CAAC;AAIpB,qFAAqF;AACrF,KAAK,gBAAgB,CACjB,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,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACvC,0BAA0B;IAC1B,aAAa,EAAE,0BAA0B,CAAC;IAC1C,kCAAkC;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KAC7F,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,kBAAkB,CAAC;CACxC,CAAC;AAEF,0FAA0F;AAC1F,QAAA,MAAM,qBAAqB,EAAE,mBAAmB,CAAC,gBAAgB,CAA2C,CAAC;AAE7G,gGAAgG;AAChG,iBAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,GAAG,OAAO,EACb,EAAE,uBAAuB,GAAG,SAAS,CAwBrC;AAED;;;GAGG;AACH,iBAAS,wBAAwB,CAC7B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,EACrF,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,wBAAwB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"create-split-view-navigator.d.ts","sourceRoot":"","sources":["../../src/split-view/create-split-view-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,oBAAoB,EACpB,aAAa,EAEb,oBAAoB,EAEpB,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACR,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EAC1B,MAAM,YAAY,CAAC;AAIpB,qFAAqF;AACrF,KAAK,gBAAgB,CACjB,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,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACvC,0BAA0B;IAC1B,aAAa,EAAE,0BAA0B,CAAC;IAC1C,kCAAkC;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KAC7F,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,kBAAkB,CAAC;CACxC,CAAC;AAEF,0FAA0F;AAC1F,QAAA,MAAM,qBAAqB,EAAE,mBAAmB,CAAC,gBAAgB,CAA2C,CAAC;AAE7G,gGAAgG;AAChG,iBAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,GAAG,OAAO,EACb,EAAE,uBAAuB,GAAG,SAAS,CAyBrC;AAED;;;GAGG;AACH,iBAAS,wBAAwB,CAC7B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,KACpF,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACxC;;;GAGG;AACH,iBAAS,wBAAwB,CAC7B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,EACrF,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,wBAAwB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,CAAC"}

package/dist/split-view/create-split-view-navigator.js

@@ -5,14 +5,10 @@ import { SplitView } from "./split-view.js";
 /** Declares a typed screen of a split view navigator for the static configuration API. */
 const createSplitViewScreen = createScreenFactory();
 /** Renders the screens of a {@link createSplitViewNavigator} in an `AdwNavigationSplitView`. */
-function SplitViewNavigator({ collapsed, contentPlaceholder, sidebarPosition, minSidebarWidth, maxSidebarWidth, sidebarWidthFraction, popOnEscape, ...options }) {
+function SplitViewNavigator({ collapsed, collapseCondition, contentPlaceholder, sidebarPosition, minSidebarWidth, maxSidebarWidth, sidebarWidthFraction, popOnEscape, ...options }) {
     const { state, describe, descriptors, navigation, render } = useNavigationBuilder(splitViewRouter, options);
-    return render(_jsx(SplitView, { state: state, navigation: navigation, descriptors: descriptors, describe: describe, collapsed: collapsed, contentPlaceholder: contentPlaceholder, sidebarPosition: sidebarPosition, minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: sidebarWidthFraction, popOnEscape: popOnEscape }));
+    return render(_jsx(SplitView, { state: state, navigation: navigation, descriptors: descriptors, describe: describe, collapsed: collapsed, collapseCondition: collapseCondition, contentPlaceholder: contentPlaceholder, sidebarPosition: sidebarPosition, minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: sidebarWidthFraction, popOnEscape: popOnEscape }));
 }
-/**
- * Creates a master/detail navigator rendered with `AdwNavigationSplitView`: the first screen fills the sidebar
- * pane, the rest are a stack in the content pane, and a narrow window collapses the two into one.
- */
 function createSplitViewNavigator(config) {
     return createNavigatorFactory(SplitViewNavigator)(config);
 }

package/dist/split-view/create-split-view-navigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-split-view-navigator.js","sourceRoot":"","sources":["../../src/split-view/create-split-view-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO3G,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAyB5C,0FAA0F;AAC1F,MAAM,qBAAqB,GAA0C,mBAAmB,EAAoB,CAAC;AAE7G,gGAAgG;AAChG,SAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,GAAG,OAAO,EACY;IACtB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAM/E,eAAe,EAAE,OAAO,CAAC,CAAC;IAE5B,OAAO,MAAM,CACT,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,SAAS,wBAAwB,CAK/B,MAAe;IACb,OAAO,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAoC,CAAC;AACjG,CAAC;AAED,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,kBAAkB,EAAyB,CAAC","sourcesContent":["import type {\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StackActionHelpers,\n    StackNavigationState,\n    StackRouterOptions,\n    StaticConfig,\n    StaticScreenFactory,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport { createNavigatorFactory, createScreenFactory, useNavigationBuilder } from \"@react-navigation/core\";\nimport type {\n    SplitViewNavigationEventMap,\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp,\n    SplitViewNavigatorProps,\n} from \"./types.js\";\nimport { splitViewRouter } from \"./split-view-router.js\";\nimport { SplitView } from \"./split-view.js\";\n\n/** Type bag describing the split view navigator to React Navigation's typed APIs. */\ntype SplitViewTypeBag<\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: StackNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: SplitViewNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: SplitViewNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: SplitViewNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof SplitViewNavigator;\n};\n\n/** Declares a typed screen of a split view navigator for the static configuration API. */\nconst createSplitViewScreen: StaticScreenFactory<SplitViewTypeBag> = createScreenFactory<SplitViewTypeBag>();\n\n/** Renders the screens of a {@link createSplitViewNavigator} in an `AdwNavigationSplitView`. */\nfunction SplitViewNavigator({\n    collapsed,\n    contentPlaceholder,\n    sidebarPosition,\n    minSidebarWidth,\n    maxSidebarWidth,\n    sidebarWidthFraction,\n    popOnEscape,\n    ...options\n}: SplitViewNavigatorProps): ReactNode {\n    const { state, describe, descriptors, navigation, render } = useNavigationBuilder<\n        StackNavigationState<ParamListBase>,\n        StackRouterOptions,\n        StackActionHelpers<ParamListBase>,\n        SplitViewNavigationOptions,\n        SplitViewNavigationEventMap\n    >(splitViewRouter, options);\n\n    return render(\n        <SplitView\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            describe={describe}\n            collapsed={collapsed}\n            contentPlaceholder={contentPlaceholder}\n            sidebarPosition={sidebarPosition}\n            minSidebarWidth={minSidebarWidth}\n            maxSidebarWidth={maxSidebarWidth}\n            sidebarWidthFraction={sidebarWidthFraction}\n            popOnEscape={popOnEscape}\n        />,\n    );\n}\n\n/**\n * Creates a master/detail navigator rendered with `AdwNavigationSplitView`: the first screen fills the sidebar\n * pane, the rest are a stack in the content pane, and a narrow window collapses the two into one.\n */\nfunction createSplitViewNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = SplitViewTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> | undefined = undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(SplitViewNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createSplitViewNavigator, createSplitViewScreen, SplitViewNavigator, type SplitViewTypeBag };\n"]}
+{"version":3,"file":"create-split-view-navigator.js","sourceRoot":"","sources":["../../src/split-view/create-split-view-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO3G,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAyB5C,0FAA0F;AAC1F,MAAM,qBAAqB,GAA0C,mBAAmB,EAAoB,CAAC;AAE7G,gGAAgG;AAChG,SAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,WAAW,EACX,GAAG,OAAO,EACY;IACtB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAM/E,eAAe,EAAE,OAAO,CAAC,CAAC;IAE5B,OAAO,MAAM,CACT,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;AACN,CAAC;AAqBD,SAAS,wBAAwB,CAG/B,MAAe;IACb,OAAO,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAoC,CAAC;AACjG,CAAC;AAED,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,kBAAkB,EAAyB,CAAC","sourcesContent":["import type {\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StackActionHelpers,\n    StackNavigationState,\n    StackRouterOptions,\n    StaticConfig,\n    StaticScreenFactory,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport { createNavigatorFactory, createScreenFactory, useNavigationBuilder } from \"@react-navigation/core\";\nimport type {\n    SplitViewNavigationEventMap,\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp,\n    SplitViewNavigatorProps,\n} from \"./types.js\";\nimport { splitViewRouter } from \"./split-view-router.js\";\nimport { SplitView } from \"./split-view.js\";\n\n/** Type bag describing the split view navigator to React Navigation's typed APIs. */\ntype SplitViewTypeBag<\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: StackNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: SplitViewNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: SplitViewNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: SplitViewNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof SplitViewNavigator;\n};\n\n/** Declares a typed screen of a split view navigator for the static configuration API. */\nconst createSplitViewScreen: StaticScreenFactory<SplitViewTypeBag> = createScreenFactory<SplitViewTypeBag>();\n\n/** Renders the screens of a {@link createSplitViewNavigator} in an `AdwNavigationSplitView`. */\nfunction SplitViewNavigator({\n    collapsed,\n    collapseCondition,\n    contentPlaceholder,\n    sidebarPosition,\n    minSidebarWidth,\n    maxSidebarWidth,\n    sidebarWidthFraction,\n    popOnEscape,\n    ...options\n}: SplitViewNavigatorProps): ReactNode {\n    const { state, describe, descriptors, navigation, render } = useNavigationBuilder<\n        StackNavigationState<ParamListBase>,\n        StackRouterOptions,\n        StackActionHelpers<ParamListBase>,\n        SplitViewNavigationOptions,\n        SplitViewNavigationEventMap\n    >(splitViewRouter, options);\n\n    return render(\n        <SplitView\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            describe={describe}\n            collapsed={collapsed}\n            collapseCondition={collapseCondition}\n            contentPlaceholder={contentPlaceholder}\n            sidebarPosition={sidebarPosition}\n            minSidebarWidth={minSidebarWidth}\n            maxSidebarWidth={maxSidebarWidth}\n            sidebarWidthFraction={sidebarWidthFraction}\n            popOnEscape={popOnEscape}\n        />,\n    );\n}\n\n/**\n * Creates a master/detail navigator rendered with `AdwNavigationSplitView`: the first screen fills the sidebar\n * pane, the rest are a stack in the content pane, and a narrow window collapses the two into one.\n */\nfunction createSplitViewNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = SplitViewTypeBag<ParamList, NavigatorID>,\n>(): TypedNavigator<TypeBag, undefined>;\n/**\n * Creates a master/detail navigator rendered with `AdwNavigationSplitView`: the first screen fills the sidebar\n * pane, the rest are a stack in the content pane, and a narrow window collapses the two into one.\n */\nfunction createSplitViewNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = SplitViewTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,\n>(config: Config): TypedNavigator<TypeBag, Config>;\nfunction createSplitViewNavigator<\n    const TypeBag extends NavigatorTypeBagBase,\n    const Config extends StaticConfig<TypeBag> | undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(SplitViewNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createSplitViewNavigator, createSplitViewScreen, SplitViewNavigator, type SplitViewTypeBag };\n"]}

package/dist/split-view/split-view-collapsed.d.ts

@@ -0,0 +1,11 @@
+import { type Context } from "react";
+declare const SplitViewCollapsedContext: Context<boolean | null>;
+/**
+ * Returns whether the surrounding split view navigator shows one pane at a time, for its sidebar and content
+ * screens. It follows the split view's `collapsed` property, so it holds for both the `collapsed` prop and
+ * `collapseCondition`, and changes after libadwaita has laid out the collapsed or widened panes. Use it to
+ * adapt a screen's presentation, such as switching an `AdwSidebar` to `Adw.SidebarMode.PAGE`.
+ */
+declare const useSplitViewCollapsed: () => boolean;
+export { SplitViewCollapsedContext, useSplitViewCollapsed };
+//# sourceMappingURL=split-view-collapsed.d.ts.map

package/dist/split-view/split-view-collapsed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-view-collapsed.d.ts","sourceRoot":"","sources":["../../src/split-view/split-view-collapsed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAA6B,MAAM,OAAO,CAAC;AAEhE,QAAA,MAAM,yBAAyB,EAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAuC,CAAC;AAE/F;;;;;GAKG;AACH,QAAA,MAAM,qBAAqB,QAAO,OAQjC,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/split-view/split-view-collapsed.js

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+const SplitViewCollapsedContext = createContext(null);
+/**
+ * Returns whether the surrounding split view navigator shows one pane at a time, for its sidebar and content
+ * screens. It follows the split view's `collapsed` property, so it holds for both the `collapsed` prop and
+ * `collapseCondition`, and changes after libadwaita has laid out the collapsed or widened panes. Use it to
+ * adapt a screen's presentation, such as switching an `AdwSidebar` to `Adw.SidebarMode.PAGE`.
+ */
+const useSplitViewCollapsed = () => {
+    const isCollapsed = useContext(SplitViewCollapsedContext);
+    if (isCollapsed === null) {
+        throw new Error("useSplitViewCollapsed must be called inside a split view navigator.");
+    }
+    return isCollapsed;
+};
+export { SplitViewCollapsedContext, useSplitViewCollapsed };
+//# sourceMappingURL=split-view-collapsed.js.map

package/dist/split-view/split-view-collapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-view-collapsed.js","sourceRoot":"","sources":["../../src/split-view/split-view-collapsed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,yBAAyB,GAA4B,aAAa,CAAiB,IAAI,CAAC,CAAC;AAE/F;;;;;GAKG;AACH,MAAM,qBAAqB,GAAG,GAAY,EAAE;IACxC,MAAM,WAAW,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAE1D,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC,CAAC;IAC3F,CAAC;IAED,OAAO,WAAW,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import { type Context, createContext, useContext } from \"react\";\n\nconst SplitViewCollapsedContext: Context<boolean | null> = createContext<boolean | null>(null);\n\n/**\n * Returns whether the surrounding split view navigator shows one pane at a time, for its sidebar and content\n * screens. It follows the split view's `collapsed` property, so it holds for both the `collapsed` prop and\n * `collapseCondition`, and changes after libadwaita has laid out the collapsed or widened panes. Use it to\n * adapt a screen's presentation, such as switching an `AdwSidebar` to `Adw.SidebarMode.PAGE`.\n */\nconst useSplitViewCollapsed = (): boolean => {\n    const isCollapsed = useContext(SplitViewCollapsedContext);\n\n    if (isCollapsed === null) {\n        throw new Error(\"useSplitViewCollapsed must be called inside a split view navigator.\");\n    }\n\n    return isCollapsed;\n};\n\nexport { SplitViewCollapsedContext, useSplitViewCollapsed };\n"]}

package/dist/split-view/split-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-view.d.ts","sourceRoot":"","sources":["../../src/split-view/split-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EACR,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,0BAA0B,EAC7B,MAAM,YAAY,CAAC;AAOpB,KAAK,cAAc,GAAG,yBAAyB,GAAG;IAC9C,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC3C,UAAU,EAAE,0BAA0B,CAAC;IACvC,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,OAAO,KAAK,mBAAmB,CAAC;CAC9F,CAAC;AA4EF,QAAA,MAAM,SAAS,UAAW,cAAc,KAAG,SAsC1C,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"split-view.d.ts","sourceRoot":"","sources":["../../src/split-view/split-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,OAAO,KAAK,EACR,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,0BAA0B,EAC7B,MAAM,YAAY,CAAC;AAMpB,KAAK,cAAc,GAAG,yBAAyB,GAAG;IAC9C,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC3C,UAAU,EAAE,0BAA0B,CAAC;IACvC,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,OAAO,KAAK,mBAAmB,CAAC;CAC9F,CAAC;AAyGF,QAAA,MAAM,SAAS,UAAW,cAAc,KAAG,SAgD1C,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/split-view/split-view.js

@@ -1,13 +1,17 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as Adw from "@gtkx/gi/adw";
 import * as Gdk from "@gtkx/gi/gdk";
+import * as GObject from "@gtkx/gi/gobject";
 import * as Gtk from "@gtkx/gi/gtk";
-import { AdwNavigationPage, AdwNavigationSplitView, AdwToolbarView } from "@gtkx/jsx/adw";
+import { AdwBreakpoint, AdwBreakpointBin, AdwHeaderBar, AdwNavigationPage, AdwNavigationSplitView, AdwToolbarView, } from "@gtkx/jsx/adw";
 import { GtkEventControllerKey } from "@gtkx/jsx/gtk";
+import { useProperty } from "@gtkx/react";
 import { StackActions } from "@react-navigation/core";
-import { useCallback, useRef } from "react";
+import { useCallback, useLayoutEffect, useMemo, useState } from "react";
 import { HeaderBar } from "../shared/header-bar.js";
 import { requireDescriptor } from "../shared/routes.js";
 import { StackView } from "../stack/stack-view.js";
+import { SplitViewCollapsedContext } from "./split-view-collapsed.js";
 const PACK_TYPES = { start: Gtk.PackType.START, end: Gtk.PackType.END };
 const CONTENT_TITLE = "Content";
 const ESCAPE_KEYVAL = Gdk.KEY_Escape;
@@ -23,20 +27,37 @@ const popContent = (navigation) => {
     const state = navigation.getState();
     navigation.dispatch({ ...StackActions.pop(state.routes.length - 1), target: state.key });
 };
-const settleShowContent = (viewRef, isShown, isSettled) => {
-    if (isSettled !== isShown && viewRef.current !== null) {
-        viewRef.current.setShowContent(isSettled);
+const collapsedValue = () => {
+    const value = new GObject.Value();
+    value.init(GObject.TYPE_BOOLEAN);
+    value.setBoolean(true);
+    return value;
+};
+const useCollapseBreakpoint = (view, collapseCondition) => {
+    const [breakpoint, setBreakpoint] = useState(null);
+    const condition = useMemo(() => (collapseCondition === undefined ? null : Adw.BreakpointCondition.parse(collapseCondition)), [collapseCondition]);
+    useLayoutEffect(() => {
+        if (breakpoint === null || view === null) {
+            return;
+        }
+        breakpoint.addSetter(view, "collapsed", collapsedValue());
+    }, [view, breakpoint]);
+    return condition === null ? null : _jsx(AdwBreakpoint, { ref: setBreakpoint, condition: condition });
+};
+const settleShowContent = (view, isShown, isSettled) => {
+    if (isSettled !== isShown && view !== null) {
+        view.setShowContent(isSettled);
     }
 };
-const useContentSync = (viewRef, navigation) => useCallback((isShown) => {
+const useContentSync = (view, navigation) => useCallback((isShown) => {
     if (isShown === null || isShown === hasContent(navigation.getState())) {
         return;
     }
     if (!isShown) {
         popContent(navigation);
     }
-    settleShowContent(viewRef, isShown, hasContent(navigation.getState()));
-}, [viewRef, navigation]);
+    settleShowContent(view, isShown, hasContent(navigation.getState()));
+}, [view, navigation]);
 const EscapeGuard = () => (_jsx(GtkEventControllerKey, { propagationPhase: Gtk.PropagationPhase.BUBBLE, onKeyPressed: (keyval) => keyval === ESCAPE_KEYVAL }));
 const SidebarPage = ({ descriptor }) => {
     const { route, options, navigation } = descriptor;
@@ -44,15 +65,19 @@ const SidebarPage = ({ descriptor }) => {
         return _jsx(AdwNavigationPage, { title: options.title ?? route.name, children: descriptor.render() });
     }
     const topBar = options.header === undefined ? (_jsx(HeaderBar, { options: options, showBackButton: false })) : (_jsx(_Fragment, { children: options.header({ route, navigation, options, back: undefined }) }));
-    return (_jsx(AdwNavigationPage, { title: options.title ?? route.name, children: _jsx(AdwToolbarView, { topBar: topBar, children: descriptor.render() }) }));
+    return (_jsx(AdwNavigationPage, { title: options.title ?? route.name, children: _jsx(AdwToolbarView, { top: topBar, children: descriptor.render() }) }));
 };
 const SplitView = (props) => {
-    const { state, navigation, descriptors, describe, contentPlaceholder } = props;
-    const { collapsed = false, sidebarPosition = "start", minSidebarWidth, maxSidebarWidth } = props;
-    const viewRef = useRef(null);
-    const onShowContentChanged = useContentSync(viewRef, navigation);
+    const { state, navigation, descriptors, describe, contentPlaceholder, collapseCondition } = props;
+    const { sidebarPosition = "start", minSidebarWidth, maxSidebarWidth } = props;
+    const [view, setView] = useState(null);
+    const onShowContentChanged = useContentSync(view, navigation);
+    const collapseBreakpoint = useCollapseBreakpoint(view, collapseCondition);
     const sidebar = requireDescriptor(descriptors, state.routes[0]?.key ?? "");
-    return (_jsx(AdwNavigationSplitView, { ref: viewRef, collapsed: collapsed, showContent: hasContent(state), sidebarPosition: PACK_TYPES[sidebarPosition], minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: props.sidebarWidthFraction, onNotifyShowContent: onShowContentChanged, sidebar: _jsx(SidebarPage, { descriptor: sidebar }), children: _jsx(AdwNavigationPage, { title: contentTitle(state, descriptors), controllers: collapsed && props.popOnEscape === false ? _jsx(EscapeGuard, {}) : null, children: hasContent(state) ? (_jsx(StackView, { offset: 1, popOnEscape: props.popOnEscape, state: state, navigation: navigation, descriptors: descriptors, describe: describe })) : (_jsx(_Fragment, { children: contentPlaceholder })) }) }));
+    const collapsed = collapseCondition === undefined ? (props.collapsed ?? false) : undefined;
+    const isCollapsed = useProperty(view, "collapsed") ?? collapsed ?? false;
+    // AdwBreakpointBin warns without a size request; the window's size request sets the smallest supported size.
+    return (_jsx(SplitViewCollapsedContext, { value: isCollapsed, children: _jsx(AdwBreakpointBin, { widthRequest: 1, heightRequest: 1, breakpoints: collapseBreakpoint, children: _jsx(AdwNavigationSplitView, { ref: setView, collapsed: collapsed, showContent: hasContent(state), sidebarPosition: PACK_TYPES[sidebarPosition], minSidebarWidth: minSidebarWidth, maxSidebarWidth: maxSidebarWidth, sidebarWidthFraction: props.sidebarWidthFraction, onNotifyShowContent: onShowContentChanged, sidebar: _jsx(SidebarPage, { descriptor: sidebar }), children: _jsx(AdwNavigationPage, { title: contentTitle(state, descriptors), controllers: isCollapsed && props.popOnEscape === false ? _jsx(EscapeGuard, {}) : null, children: hasContent(state) ? (_jsx(StackView, { offset: 1, popOnEscape: props.popOnEscape, state: state, navigation: navigation, descriptors: descriptors, describe: describe })) : (_jsx(AdwToolbarView, { top: _jsx(AdwHeaderBar, { showTitle: false }), children: contentPlaceholder })) }) }) }) }));
 };
 export { SplitView };
 //# sourceMappingURL=split-view.js.map