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

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

@@ -1 +1 @@
-{"version":3,"file":"split-view.js","sourceRoot":"","sources":["../../src/split-view/split-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type { ParamListBase, RouteProp, StackNavigationState } from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport * as Gdk from \"@gtkx/gi/gdk\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { AdwNavigationPage, AdwNavigationSplitView, AdwToolbarView } from \"@gtkx/jsx/adw\";\nimport { GtkEventControllerKey } from \"@gtkx/jsx/gtk\";\nimport { StackActions } from \"@react-navigation/core\";\nimport { useCallback, useRef } from \"react\";\nimport type {\n    SplitViewDescriptor,\n    SplitViewDescriptorMap,\n    SplitViewNavigationConfig,\n    SplitViewNavigationHelpers,\n} from \"./types.js\";\nimport { HeaderBar } from \"../shared/header-bar.js\";\nimport { requireDescriptor } from \"../shared/routes.js\";\nimport { StackView } from \"../stack/stack-view.js\";\n\ntype ViewRef = { current: Adw.NavigationSplitView | null };\n\ntype SplitViewProps = SplitViewNavigationConfig & {\n    state: StackNavigationState<ParamListBase>;\n    navigation: SplitViewNavigationHelpers;\n    descriptors: SplitViewDescriptorMap;\n    describe: (route: RouteProp<ParamListBase>, isPlaceholder: boolean) => SplitViewDescriptor;\n};\n\nconst PACK_TYPES = { start: Gtk.PackType.START, end: Gtk.PackType.END } as const;\nconst CONTENT_TITLE = \"Content\";\nconst ESCAPE_KEYVAL = Gdk.KEY_Escape;\n\nconst hasContent = (state: { routes: readonly unknown[] }): boolean => state.routes.length > 1;\n\nconst contentTitle = (state: StackNavigationState<ParamListBase>, descriptors: SplitViewDescriptorMap): string => {\n    const route = state.routes[state.index];\n\n    if (route === undefined || state.index === 0) {\n        return state.routeNames[1] ?? CONTENT_TITLE;\n    }\n\n    return descriptors[route.key]?.options.title ?? route.name;\n};\n\nconst popContent = (navigation: SplitViewNavigationHelpers): void => {\n    const state = navigation.getState();\n    navigation.dispatch({ ...StackActions.pop(state.routes.length - 1), target: state.key });\n};\n\nconst settleShowContent = (viewRef: ViewRef, isShown: boolean, isSettled: boolean): void => {\n    if (isSettled !== isShown && viewRef.current !== null) {\n        viewRef.current.setShowContent(isSettled);\n    }\n};\n\nconst useContentSync = (\n    viewRef: ViewRef,\n    navigation: SplitViewNavigationHelpers,\n): ((isShown: boolean | null) => void) =>\n    useCallback(\n        (isShown: boolean | null) => {\n            if (isShown === null || isShown === hasContent(navigation.getState())) {\n                return;\n            }\n\n            if (!isShown) {\n                popContent(navigation);\n            }\n\n            settleShowContent(viewRef, isShown, hasContent(navigation.getState()));\n        },\n        [viewRef, navigation],\n    );\n\nconst EscapeGuard = (): ReactNode => (\n    <GtkEventControllerKey\n        propagationPhase={Gtk.PropagationPhase.BUBBLE}\n        onKeyPressed={(keyval) => keyval === ESCAPE_KEYVAL}\n    />\n);\n\nconst SidebarPage = ({ descriptor }: { descriptor: SplitViewDescriptor }): ReactNode => {\n    const { route, options, navigation } = descriptor;\n\n    if (options.headerShown === false) {\n        return <AdwNavigationPage title={options.title ?? route.name}>{descriptor.render()}</AdwNavigationPage>;\n    }\n\n    const topBar =\n        options.header === undefined ? (\n            <HeaderBar options={options} showBackButton={false} />\n        ) : (\n            <>{options.header({ route, navigation, options, back: undefined })}</>\n        );\n\n    return (\n        <AdwNavigationPage title={options.title ?? route.name}>\n            <AdwToolbarView topBar={topBar}>{descriptor.render()}</AdwToolbarView>\n        </AdwNavigationPage>\n    );\n};\n\nconst SplitView = (props: SplitViewProps): ReactNode => {\n    const { state, navigation, descriptors, describe, contentPlaceholder } = props;\n    const { collapsed = false, sidebarPosition = \"start\", minSidebarWidth, maxSidebarWidth } = props;\n    const viewRef = useRef<Adw.NavigationSplitView | null>(null);\n    const onShowContentChanged = useContentSync(viewRef, navigation);\n    const sidebar = requireDescriptor(descriptors, state.routes[0]?.key ?? \"\");\n\n    return (\n        <AdwNavigationSplitView\n            ref={viewRef}\n            collapsed={collapsed}\n            showContent={hasContent(state)}\n            sidebarPosition={PACK_TYPES[sidebarPosition]}\n            minSidebarWidth={minSidebarWidth}\n            maxSidebarWidth={maxSidebarWidth}\n            sidebarWidthFraction={props.sidebarWidthFraction}\n            onNotifyShowContent={onShowContentChanged}\n            sidebar={<SidebarPage descriptor={sidebar} />}\n        >\n            <AdwNavigationPage\n                title={contentTitle(state, descriptors)}\n                controllers={collapsed && props.popOnEscape === false ? <EscapeGuard /> : null}\n            >\n                {hasContent(state) ? (\n                    <StackView\n                        offset={1}\n                        popOnEscape={props.popOnEscape}\n                        state={state}\n                        navigation={navigation}\n                        descriptors={descriptors}\n                        describe={describe}\n                    />\n                ) : (\n                    <>{contentPlaceholder}</>\n                )}\n            </AdwNavigationPage>\n        </AdwNavigationSplitView>\n    );\n};\n\nexport { SplitView };\n"]}
+{"version":3,"file":"split-view.js","sourceRoot":"","sources":["../../src/split-view/split-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ParamListBase, RouteProp, StackNavigationState } from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport * as Gdk from \"@gtkx/gi/gdk\";\nimport * as GObject from \"@gtkx/gi/gobject\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport {\n    AdwBreakpoint,\n    AdwBreakpointBin,\n    AdwHeaderBar,\n    AdwNavigationPage,\n    AdwNavigationSplitView,\n    AdwToolbarView,\n} from \"@gtkx/jsx/adw\";\nimport { GtkEventControllerKey } from \"@gtkx/jsx/gtk\";\nimport { useProperty } from \"@gtkx/react\";\nimport { StackActions } from \"@react-navigation/core\";\nimport { useCallback, useLayoutEffect, useMemo, useState } from \"react\";\nimport type {\n    SplitViewDescriptor,\n    SplitViewDescriptorMap,\n    SplitViewNavigationConfig,\n    SplitViewNavigationHelpers,\n} from \"./types.js\";\nimport { HeaderBar } from \"../shared/header-bar.js\";\nimport { requireDescriptor } from \"../shared/routes.js\";\nimport { StackView } from \"../stack/stack-view.js\";\nimport { SplitViewCollapsedContext } from \"./split-view-collapsed.js\";\n\ntype SplitViewProps = SplitViewNavigationConfig & {\n    state: StackNavigationState<ParamListBase>;\n    navigation: SplitViewNavigationHelpers;\n    descriptors: SplitViewDescriptorMap;\n    describe: (route: RouteProp<ParamListBase>, isPlaceholder: boolean) => SplitViewDescriptor;\n};\n\nconst PACK_TYPES = { start: Gtk.PackType.START, end: Gtk.PackType.END } as const;\nconst CONTENT_TITLE = \"Content\";\nconst ESCAPE_KEYVAL = Gdk.KEY_Escape;\n\nconst hasContent = (state: { routes: readonly unknown[] }): boolean => state.routes.length > 1;\n\nconst contentTitle = (state: StackNavigationState<ParamListBase>, descriptors: SplitViewDescriptorMap): string => {\n    const route = state.routes[state.index];\n\n    if (route === undefined || state.index === 0) {\n        return state.routeNames[1] ?? CONTENT_TITLE;\n    }\n\n    return descriptors[route.key]?.options.title ?? route.name;\n};\n\nconst popContent = (navigation: SplitViewNavigationHelpers): void => {\n    const state = navigation.getState();\n    navigation.dispatch({ ...StackActions.pop(state.routes.length - 1), target: state.key });\n};\n\nconst collapsedValue = (): GObject.Value => {\n    const value = new GObject.Value();\n    value.init(GObject.TYPE_BOOLEAN);\n    value.setBoolean(true);\n\n    return value;\n};\n\nconst useCollapseBreakpoint = (\n    view: Adw.NavigationSplitView | null,\n    collapseCondition: string | undefined,\n): ReactNode => {\n    const [breakpoint, setBreakpoint] = useState<Adw.Breakpoint | null>(null);\n    const condition = useMemo(\n        () => (collapseCondition === undefined ? null : Adw.BreakpointCondition.parse(collapseCondition)),\n        [collapseCondition],\n    );\n\n    useLayoutEffect(() => {\n        if (breakpoint === null || view === null) {\n            return;\n        }\n\n        breakpoint.addSetter(view, \"collapsed\", collapsedValue());\n    }, [view, breakpoint]);\n\n    return condition === null ? null : <AdwBreakpoint ref={setBreakpoint} condition={condition} />;\n};\n\nconst settleShowContent = (view: Adw.NavigationSplitView | null, isShown: boolean, isSettled: boolean): void => {\n    if (isSettled !== isShown && view !== null) {\n        view.setShowContent(isSettled);\n    }\n};\n\nconst useContentSync = (\n    view: Adw.NavigationSplitView | null,\n    navigation: SplitViewNavigationHelpers,\n): ((isShown: boolean | null) => void) =>\n    useCallback(\n        (isShown: boolean | null) => {\n            if (isShown === null || isShown === hasContent(navigation.getState())) {\n                return;\n            }\n\n            if (!isShown) {\n                popContent(navigation);\n            }\n\n            settleShowContent(view, isShown, hasContent(navigation.getState()));\n        },\n        [view, navigation],\n    );\n\nconst EscapeGuard = (): ReactNode => (\n    <GtkEventControllerKey\n        propagationPhase={Gtk.PropagationPhase.BUBBLE}\n        onKeyPressed={(keyval) => keyval === ESCAPE_KEYVAL}\n    />\n);\n\nconst SidebarPage = ({ descriptor }: { descriptor: SplitViewDescriptor }): ReactNode => {\n    const { route, options, navigation } = descriptor;\n\n    if (options.headerShown === false) {\n        return <AdwNavigationPage title={options.title ?? route.name}>{descriptor.render()}</AdwNavigationPage>;\n    }\n\n    const topBar =\n        options.header === undefined ? (\n            <HeaderBar options={options} showBackButton={false} />\n        ) : (\n            <>{options.header({ route, navigation, options, back: undefined })}</>\n        );\n\n    return (\n        <AdwNavigationPage title={options.title ?? route.name}>\n            <AdwToolbarView top={topBar}>{descriptor.render()}</AdwToolbarView>\n        </AdwNavigationPage>\n    );\n};\n\nconst SplitView = (props: SplitViewProps): ReactNode => {\n    const { state, navigation, descriptors, describe, contentPlaceholder, collapseCondition } = props;\n    const { sidebarPosition = \"start\", minSidebarWidth, maxSidebarWidth } = props;\n    const [view, setView] = useState<Adw.NavigationSplitView | null>(null);\n    const onShowContentChanged = useContentSync(view, navigation);\n    const collapseBreakpoint = useCollapseBreakpoint(view, collapseCondition);\n    const sidebar = requireDescriptor(descriptors, state.routes[0]?.key ?? \"\");\n    const collapsed = collapseCondition === undefined ? (props.collapsed ?? false) : undefined;\n    const isCollapsed = useProperty(view, \"collapsed\") ?? collapsed ?? false;\n\n    // AdwBreakpointBin warns without a size request; the window's size request sets the smallest supported size.\n    return (\n        <SplitViewCollapsedContext value={isCollapsed}>\n            <AdwBreakpointBin widthRequest={1} heightRequest={1} breakpoints={collapseBreakpoint}>\n                <AdwNavigationSplitView\n                    ref={setView}\n                    collapsed={collapsed}\n                    showContent={hasContent(state)}\n                    sidebarPosition={PACK_TYPES[sidebarPosition]}\n                    minSidebarWidth={minSidebarWidth}\n                    maxSidebarWidth={maxSidebarWidth}\n                    sidebarWidthFraction={props.sidebarWidthFraction}\n                    onNotifyShowContent={onShowContentChanged}\n                    sidebar={<SidebarPage descriptor={sidebar} />}\n                >\n                    <AdwNavigationPage\n                        title={contentTitle(state, descriptors)}\n                        controllers={isCollapsed && props.popOnEscape === false ? <EscapeGuard /> : null}\n                    >\n                        {hasContent(state) ? (\n                            <StackView\n                                offset={1}\n                                popOnEscape={props.popOnEscape}\n                                state={state}\n                                navigation={navigation}\n                                descriptors={descriptors}\n                                describe={describe}\n                            />\n                        ) : (\n                            <AdwToolbarView top={<AdwHeaderBar showTitle={false} />}>\n                                {contentPlaceholder}\n                            </AdwToolbarView>\n                        )}\n                    </AdwNavigationPage>\n                </AdwNavigationSplitView>\n            </AdwBreakpointBin>\n        </SplitViewCollapsedContext>\n    );\n};\n\nexport { SplitView };\n"]}

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

@@ -22,9 +22,16 @@ type SplitViewDescriptor = Descriptor<SplitViewNavigationOptions, SplitViewNavig
 type SplitViewDescriptorMap = Record<string, SplitViewDescriptor>;
 /** Props of the split view navigator beyond the options every navigator shares. */
 type SplitViewNavigationConfig = {
-    /** Whether the panes stack into one instead of sitting side by side; defaults to `false`. */
+    /** Whether the panes stack into one instead of sitting side by side; defaults to `false`. Ignored while `collapseCondition` is set. */
     collapsed?: boolean;
-    /** Fills the content pane while no content route is open; defaults to nothing. */
+    /**
+     * An `Adw.BreakpointCondition` string, such as `"max-width: 500sp"`, measured against the navigator's size.
+     * The panes collapse while it holds. libadwaita applies it during layout, before GTK moves focus, so
+     * widening the window does not reselect the focused sidebar row the way a `collapsed` prop set from a
+     * breakpoint handler can. Give the window a `widthRequest` and `heightRequest`, as for window breakpoints.
+     */
+    collapseCondition?: string;
+    /** Fills the content pane, below an untitled header bar, while no content route is open; defaults to nothing. */
     contentPlaceholder?: ReactNode;
     /** Which side the sidebar sits on; defaults to `"start"`. */
     sidebarPosition?: "start" | "end";

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/split-view/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEzF,mGAAmG;AACnG,KAAK,2BAA2B,GAAG,uBAAuB,CAAC;AAC3D,0FAA0F;AAC1F,KAAK,0BAA0B,GAAG,sBAAsB,CAAC;AAEzD,gDAAgD;AAChD,KAAK,uBAAuB,CACxB,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAClD,cAAc,CACd,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,CAAC,SAAS,CAAC,EAC/B,0BAA0B,EAC1B,2BAA2B,CAC9B,GACG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAElC,oDAAoD;AACpD,KAAK,oBAAoB,CACrB,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAClD;IACA,uCAAuC;IACvC,UAAU,EAAE,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IACvE,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAC1C,CAAC;AAEF,6DAA6D;AAC7D,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,aAAa,EAAE,2BAA2B,CAAC,GAC3F,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAEtC,0CAA0C;AAC1C,KAAK,mBAAmB,GAAG,UAAU,CACjC,0BAA0B,EAC1B,uBAAuB,CAAC,aAAa,CAAC,EACtC,SAAS,CAAC,aAAa,CAAC,CAC3B,CAAC;AAEF,gEAAgE;AAChE,KAAK,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAElE,mFAAmF;AACnF,KAAK,yBAAyB,GAAG;IAC7B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,qDAAqD;AACrD,KAAK,uBAAuB,GAAG,uBAAuB,CAClD,aAAa,EACb,MAAM,GAAG,SAAS,EAClB,oBAAoB,CAAC,aAAa,CAAC,EACnC,0BAA0B,EAC1B,2BAA2B,EAC3B,uBAAuB,CAAC,aAAa,CAAC,CACzC,GACG,kBAAkB,GAClB,yBAAyB,CAAC;AAE9B,YAAY,EACR,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/split-view/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEzF,mGAAmG;AACnG,KAAK,2BAA2B,GAAG,uBAAuB,CAAC;AAC3D,0FAA0F;AAC1F,KAAK,0BAA0B,GAAG,sBAAsB,CAAC;AAEzD,gDAAgD;AAChD,KAAK,uBAAuB,CACxB,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAClD,cAAc,CACd,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,CAAC,SAAS,CAAC,EAC/B,0BAA0B,EAC1B,2BAA2B,CAC9B,GACG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAElC,oDAAoD;AACpD,KAAK,oBAAoB,CACrB,SAAS,SAAS,aAAa,EAC/B,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,EACnD,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,IAClD;IACA,uCAAuC;IACvC,UAAU,EAAE,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IACvE,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAC1C,CAAC;AAEF,6DAA6D;AAC7D,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,aAAa,EAAE,2BAA2B,CAAC,GAC3F,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAEtC,0CAA0C;AAC1C,KAAK,mBAAmB,GAAG,UAAU,CACjC,0BAA0B,EAC1B,uBAAuB,CAAC,aAAa,CAAC,EACtC,SAAS,CAAC,aAAa,CAAC,CAC3B,CAAC;AAEF,gEAAgE;AAChE,KAAK,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAElE,mFAAmF;AACnF,KAAK,yBAAyB,GAAG;IAC7B,uIAAuI;IACvI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iHAAiH;IACjH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,qDAAqD;AACrD,KAAK,uBAAuB,GAAG,uBAAuB,CAClD,aAAa,EACb,MAAM,GAAG,SAAS,EAClB,oBAAoB,CAAC,aAAa,CAAC,EACnC,0BAA0B,EAC1B,2BAA2B,EAC3B,uBAAuB,CAAC,aAAa,CAAC,CACzC,GACG,kBAAkB,GAClB,yBAAyB,CAAC;AAE9B,YAAY,EACR,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/split-view/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    DefaultNavigatorOptions,\n    Descriptor,\n    NavigationHelpers,\n    NavigationProp,\n    ParamListBase,\n    RouteProp,\n    StackActionHelpers,\n    StackNavigationState,\n    StackRouterOptions,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport type { StackNavigationEventMap, StackNavigationOptions } from \"../stack/types.js\";\n\n/** Events the split view navigator emits: the stack's transition events, from the content pane. */\ntype SplitViewNavigationEventMap = StackNavigationEventMap;\n/** Per-screen options of the split view navigator, the same ones a stack screen takes. */\ntype SplitViewNavigationOptions = StackNavigationOptions;\n\n/** Navigation object of a split view screen. */\ntype SplitViewNavigationProp<\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    StackNavigationState<ParamList>,\n    SplitViewNavigationOptions,\n    SplitViewNavigationEventMap\n> &\n    StackActionHelpers<ParamList>;\n\n/** Props a split view screen component receives. */\ntype SplitViewScreenProps<\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: SplitViewNavigationProp<ParamList, RouteName, NavigatorID>;\n    /** The route the screen renders. */\n    route: RouteProp<ParamList, RouteName>;\n};\n\n/** Navigation helpers of the split view navigator itself. */\ntype SplitViewNavigationHelpers = NavigationHelpers<ParamListBase, SplitViewNavigationEventMap> &\n    StackActionHelpers<ParamListBase>;\n\n/** Descriptor of one split view route. */\ntype SplitViewDescriptor = Descriptor<\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp<ParamListBase>,\n    RouteProp<ParamListBase>\n>;\n\n/** Descriptors of the split view routes, keyed by route key. */\ntype SplitViewDescriptorMap = Record<string, SplitViewDescriptor>;\n\n/** Props of the split view navigator beyond the options every navigator shares. */\ntype SplitViewNavigationConfig = {\n    /** Whether the panes stack into one instead of sitting side by side; defaults to `false`. */\n    collapsed?: boolean;\n    /** Fills the content pane while no content route is open; defaults to nothing. */\n    contentPlaceholder?: ReactNode;\n    /** Which side the sidebar sits on; defaults to `\"start\"`. */\n    sidebarPosition?: \"start\" | \"end\";\n    /** Minimum sidebar width, in the unit libadwaita uses for the split view. */\n    minSidebarWidth?: number;\n    /** Maximum sidebar width, in the unit libadwaita uses for the split view. */\n    maxSidebarWidth?: number;\n    /** Preferred sidebar width as a fraction of the total width. */\n    sidebarWidthFraction?: number;\n    /** Whether pressing Escape pops the visible content page; defaults to `true`. */\n    popOnEscape?: boolean;\n};\n\n/** Props of the split view `Navigator` component. */\ntype SplitViewNavigatorProps = DefaultNavigatorOptions<\n    ParamListBase,\n    string | undefined,\n    StackNavigationState<ParamListBase>,\n    SplitViewNavigationOptions,\n    SplitViewNavigationEventMap,\n    SplitViewNavigationProp<ParamListBase>\n> &\n    StackRouterOptions &\n    SplitViewNavigationConfig;\n\nexport type {\n    SplitViewDescriptor,\n    SplitViewDescriptorMap,\n    SplitViewNavigationConfig,\n    SplitViewNavigationEventMap,\n    SplitViewNavigationHelpers,\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp,\n    SplitViewNavigatorProps,\n    SplitViewScreenProps,\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/split-view/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    DefaultNavigatorOptions,\n    Descriptor,\n    NavigationHelpers,\n    NavigationProp,\n    ParamListBase,\n    RouteProp,\n    StackActionHelpers,\n    StackNavigationState,\n    StackRouterOptions,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport type { StackNavigationEventMap, StackNavigationOptions } from \"../stack/types.js\";\n\n/** Events the split view navigator emits: the stack's transition events, from the content pane. */\ntype SplitViewNavigationEventMap = StackNavigationEventMap;\n/** Per-screen options of the split view navigator, the same ones a stack screen takes. */\ntype SplitViewNavigationOptions = StackNavigationOptions;\n\n/** Navigation object of a split view screen. */\ntype SplitViewNavigationProp<\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    StackNavigationState<ParamList>,\n    SplitViewNavigationOptions,\n    SplitViewNavigationEventMap\n> &\n    StackActionHelpers<ParamList>;\n\n/** Props a split view screen component receives. */\ntype SplitViewScreenProps<\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: SplitViewNavigationProp<ParamList, RouteName, NavigatorID>;\n    /** The route the screen renders. */\n    route: RouteProp<ParamList, RouteName>;\n};\n\n/** Navigation helpers of the split view navigator itself. */\ntype SplitViewNavigationHelpers = NavigationHelpers<ParamListBase, SplitViewNavigationEventMap> &\n    StackActionHelpers<ParamListBase>;\n\n/** Descriptor of one split view route. */\ntype SplitViewDescriptor = Descriptor<\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp<ParamListBase>,\n    RouteProp<ParamListBase>\n>;\n\n/** Descriptors of the split view routes, keyed by route key. */\ntype SplitViewDescriptorMap = Record<string, SplitViewDescriptor>;\n\n/** Props of the split view navigator beyond the options every navigator shares. */\ntype SplitViewNavigationConfig = {\n    /** Whether the panes stack into one instead of sitting side by side; defaults to `false`. Ignored while `collapseCondition` is set. */\n    collapsed?: boolean;\n    /**\n     * An `Adw.BreakpointCondition` string, such as `\"max-width: 500sp\"`, measured against the navigator's size.\n     * The panes collapse while it holds. libadwaita applies it during layout, before GTK moves focus, so\n     * widening the window does not reselect the focused sidebar row the way a `collapsed` prop set from a\n     * breakpoint handler can. Give the window a `widthRequest` and `heightRequest`, as for window breakpoints.\n     */\n    collapseCondition?: string;\n    /** Fills the content pane, below an untitled header bar, while no content route is open; defaults to nothing. */\n    contentPlaceholder?: ReactNode;\n    /** Which side the sidebar sits on; defaults to `\"start\"`. */\n    sidebarPosition?: \"start\" | \"end\";\n    /** Minimum sidebar width, in the unit libadwaita uses for the split view. */\n    minSidebarWidth?: number;\n    /** Maximum sidebar width, in the unit libadwaita uses for the split view. */\n    maxSidebarWidth?: number;\n    /** Preferred sidebar width as a fraction of the total width. */\n    sidebarWidthFraction?: number;\n    /** Whether pressing Escape pops the visible content page; defaults to `true`. */\n    popOnEscape?: boolean;\n};\n\n/** Props of the split view `Navigator` component. */\ntype SplitViewNavigatorProps = DefaultNavigatorOptions<\n    ParamListBase,\n    string | undefined,\n    StackNavigationState<ParamListBase>,\n    SplitViewNavigationOptions,\n    SplitViewNavigationEventMap,\n    SplitViewNavigationProp<ParamListBase>\n> &\n    StackRouterOptions &\n    SplitViewNavigationConfig;\n\nexport type {\n    SplitViewDescriptor,\n    SplitViewDescriptorMap,\n    SplitViewNavigationConfig,\n    SplitViewNavigationEventMap,\n    SplitViewNavigationHelpers,\n    SplitViewNavigationOptions,\n    SplitViewNavigationProp,\n    SplitViewNavigatorProps,\n    SplitViewScreenProps,\n};\n"]}

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

@@ -25,6 +25,8 @@ declare const createStackScreen: StaticScreenFactory<StackTypeBag>;
 /** Renders the screens of a {@link createStackNavigator} as pages of an `AdwNavigationView`. */
 declare function StackNavigator({ popOnEscape, ...options }: StackNavigatorProps): ReactNode;
 /** Creates a stack navigator rendered with `AdwNavigationView`: pushes and pops animate like native Adwaita pages. */
-declare function createStackNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = StackTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> | undefined = undefined>(config?: Config): TypedNavigator<TypeBag, Config>;
+declare function createStackNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = StackTypeBag<ParamList, NavigatorID>>(): TypedNavigator<TypeBag, undefined>;
+/** Creates a stack navigator rendered with `AdwNavigationView`: pushes and pops animate like native Adwaita pages. */
+declare function createStackNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = StackTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>>(config: Config): TypedNavigator<TypeBag, Config>;
 export { createStackNavigator, createStackScreen, StackNavigator, type StackTypeBag };
 //# sourceMappingURL=create-stack-navigator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"create-stack-navigator.d.ts","sourceRoot":"","sources":["../../src/stack/create-stack-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,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,YAAY,CAAC;AAGpB,gFAAgF;AAChF,KAAK,YAAY,CACb,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,sBAAsB,CAAC;IACtC,kCAAkC;IAClC,QAAQ,EAAE,uBAAuB,CAAC;IAClC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KACzF,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC;AAEF,qFAAqF;AACrF,QAAA,MAAM,iBAAiB,EAAE,mBAAmB,CAAC,YAAY,CAAuC,CAAC;AAEjG,gGAAgG;AAChG,iBAAS,cAAc,CAAC,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAkBnF;AAED,sHAAsH;AACtH,iBAAS,oBAAoB,CACzB,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,EACjF,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,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,CAAC"}
+{"version":3,"file":"create-stack-navigator.d.ts","sourceRoot":"","sources":["../../src/stack/create-stack-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,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,YAAY,CAAC;AAGpB,gFAAgF;AAChF,KAAK,YAAY,CACb,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,sBAAsB,CAAC;IACtC,kCAAkC;IAClC,QAAQ,EAAE,uBAAuB,CAAC;IAClC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KACzF,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC;AAEF,qFAAqF;AACrF,QAAA,MAAM,iBAAiB,EAAE,mBAAmB,CAAC,YAAY,CAAuC,CAAC;AAEjG,gGAAgG;AAChG,iBAAS,cAAc,CAAC,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAkBnF;AAED,sHAAsH;AACtH,iBAAS,oBAAoB,CACzB,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,KAChF,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACxC,sHAAsH;AACtH,iBAAS,oBAAoB,CACzB,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,EACjF,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,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,CAAC"}

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

@@ -8,7 +8,6 @@ function StackNavigator({ popOnEscape, ...options }) {
     const { state, describe, descriptors, navigation, render } = useNavigationBuilder(StackRouter, options);
     return render(_jsx(StackView, { popOnEscape: popOnEscape, state: state, navigation: navigation, descriptors: descriptors, describe: describe }));
 }
-/** Creates a stack navigator rendered with `AdwNavigationView`: pushes and pops animate like native Adwaita pages. */
 function createStackNavigator(config) {
     return createNavigatorFactory(StackNavigator)(config);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"create-stack-navigator.js","sourceRoot":"","sources":["../../src/stack/create-stack-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAOxH,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAyB5C,qFAAqF;AACrF,MAAM,iBAAiB,GAAsC,mBAAmB,EAAgB,CAAC;AAEjG,gGAAgG;AAChG,SAAS,cAAc,CAAC,EAAE,WAAW,EAAE,GAAG,OAAO,EAAuB;IACpE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAM/E,WAAW,EAAE,OAAO,CAAC,CAAC;IAExB,OAAO,MAAM,CACT,KAAC,SAAS,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC;AAED,sHAAsH;AACtH,SAAS,oBAAoB,CAK3B,MAAe;IACb,OAAO,sBAAsB,CAAC,cAAc,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC7F,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAqB,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, StackRouter, useNavigationBuilder } from \"@react-navigation/core\";\nimport type {\n    StackNavigationEventMap,\n    StackNavigationOptions,\n    StackNavigationProp,\n    StackNavigatorProps,\n} from \"./types.js\";\nimport { StackView } from \"./stack-view.js\";\n\n/** Type bag describing the stack navigator to React Navigation's typed APIs. */\ntype StackTypeBag<\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: StackNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: StackNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: StackNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof StackNavigator;\n};\n\n/** Declares a typed screen of a stack navigator for the static configuration API. */\nconst createStackScreen: StaticScreenFactory<StackTypeBag> = createScreenFactory<StackTypeBag>();\n\n/** Renders the screens of a {@link createStackNavigator} as pages of an `AdwNavigationView`. */\nfunction StackNavigator({ popOnEscape, ...options }: StackNavigatorProps): ReactNode {\n    const { state, describe, descriptors, navigation, render } = useNavigationBuilder<\n        StackNavigationState<ParamListBase>,\n        StackRouterOptions,\n        StackActionHelpers<ParamListBase>,\n        StackNavigationOptions,\n        StackNavigationEventMap\n    >(StackRouter, options);\n\n    return render(\n        <StackView\n            popOnEscape={popOnEscape}\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            describe={describe}\n        />,\n    );\n}\n\n/** Creates a stack navigator rendered with `AdwNavigationView`: pushes and pops animate like native Adwaita pages. */\nfunction createStackNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = StackTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> | undefined = undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(StackNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createStackNavigator, createStackScreen, StackNavigator, type StackTypeBag };\n"]}
+{"version":3,"file":"create-stack-navigator.js","sourceRoot":"","sources":["../../src/stack/create-stack-navigator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAOxH,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAyB5C,qFAAqF;AACrF,MAAM,iBAAiB,GAAsC,mBAAmB,EAAgB,CAAC;AAEjG,gGAAgG;AAChG,SAAS,cAAc,CAAC,EAAE,WAAW,EAAE,GAAG,OAAO,EAAuB;IACpE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAM/E,WAAW,EAAE,OAAO,CAAC,CAAC;IAExB,OAAO,MAAM,CACT,KAAC,SAAS,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC;AAeD,SAAS,oBAAoB,CAG3B,MAAe;IACb,OAAO,sBAAsB,CAAC,cAAc,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC7F,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAqB,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, StackRouter, useNavigationBuilder } from \"@react-navigation/core\";\nimport type {\n    StackNavigationEventMap,\n    StackNavigationOptions,\n    StackNavigationProp,\n    StackNavigatorProps,\n} from \"./types.js\";\nimport { StackView } from \"./stack-view.js\";\n\n/** Type bag describing the stack navigator to React Navigation's typed APIs. */\ntype StackTypeBag<\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: StackNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: StackNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: StackNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof StackNavigator;\n};\n\n/** Declares a typed screen of a stack navigator for the static configuration API. */\nconst createStackScreen: StaticScreenFactory<StackTypeBag> = createScreenFactory<StackTypeBag>();\n\n/** Renders the screens of a {@link createStackNavigator} as pages of an `AdwNavigationView`. */\nfunction StackNavigator({ popOnEscape, ...options }: StackNavigatorProps): ReactNode {\n    const { state, describe, descriptors, navigation, render } = useNavigationBuilder<\n        StackNavigationState<ParamListBase>,\n        StackRouterOptions,\n        StackActionHelpers<ParamListBase>,\n        StackNavigationOptions,\n        StackNavigationEventMap\n    >(StackRouter, options);\n\n    return render(\n        <StackView\n            popOnEscape={popOnEscape}\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            describe={describe}\n        />,\n    );\n}\n\n/** Creates a stack navigator rendered with `AdwNavigationView`: pushes and pops animate like native Adwaita pages. */\nfunction createStackNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = StackTypeBag<ParamList, NavigatorID>,\n>(): TypedNavigator<TypeBag, undefined>;\n/** Creates a stack navigator rendered with `AdwNavigationView`: pushes and pops animate like native Adwaita pages. */\nfunction createStackNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = StackTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,\n>(config: Config): TypedNavigator<TypeBag, Config>;\nfunction createStackNavigator<\n    const TypeBag extends NavigatorTypeBagBase,\n    const Config extends StaticConfig<TypeBag> | undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(StackNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createStackNavigator, createStackScreen, StackNavigator, type StackTypeBag };\n"]}

package/dist/stack/stack-view.js

@@ -46,7 +46,7 @@ const StackPageContent = ({ descriptor, previous }) => {
     }
     const back = previous === undefined ? undefined : { title: previous.options.title ?? previous.route.name };
     const topBar = options.header === undefined ? (_jsx(HeaderBar, { options: options, showBackButton: options.headerBackVisible ?? true })) : (_jsx(_Fragment, { children: options.header({ route, navigation, options, back }) }));
-    return _jsx(AdwToolbarView, { topBar: topBar, children: descriptor.render() });
+    return _jsx(AdwToolbarView, { top: topBar, children: descriptor.render() });
 };
 const StackPage = ({ descriptor, previous, navigation, onHidden }) => {
     const { route, options } = descriptor;

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

@@ -1 +1 @@
-{"version":3,"file":"stack-view.js","sourceRoot":"","sources":["../../src/stack/stack-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type { ParamListBase, StackNavigationState } from \"@react-navigation/core\";\nimport type { ReactNode, RefObject } from \"react\";\nimport { AdwNavigationPage, AdwNavigationView, AdwToolbarView } from \"@gtkx/jsx/adw\";\nimport { useLatestRef } from \"@gtkx/react/internal\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type { Describe } from \"./stack-pages.js\";\nimport type { OptionsByKey } from \"./sync-navigation-stack.js\";\nimport type {\n    StackDescriptor,\n    StackDescriptorMap,\n    StackNavigationConfig,\n    StackNavigationEventMap,\n    StackNavigationHelpers,\n} from \"./types.js\";\nimport { HeaderBar } from \"../shared/header-bar.js\";\nimport { useStackPages } from \"./stack-pages.js\";\nimport { reconcilePoppedStack, syncNavigationStack } from \"./sync-navigation-stack.js\";\n\ntype ViewRef = RefObject<Adw.NavigationView | null>;\n\ntype StackViewProps = StackNavigationConfig & {\n    state: StackNavigationState<ParamListBase>;\n    navigation: StackNavigationHelpers;\n    descriptors: StackDescriptorMap;\n    describe: Describe;\n    offset?: number;\n};\n\ntype StackPageProps = {\n    descriptor: StackDescriptor;\n    previous?: StackDescriptor;\n    navigation: StackNavigationHelpers;\n    onHidden: (key: string) => void;\n};\n\ntype TransitionEvent = keyof StackNavigationEventMap;\n\nconst previousDescriptor = (\n    state: StackNavigationState<ParamListBase>,\n    descriptors: StackDescriptorMap,\n    key: string,\n    offset: number,\n): StackDescriptor | undefined => {\n    const index = state.routes.findIndex((route) => route.key === key);\n    const previousKey = index > offset ? state.routes[index - 1]?.key : undefined;\n\n    return previousKey === undefined ? undefined : descriptors[previousKey];\n};\n\nconst useStackSync = (\n    viewRef: ViewRef,\n    state: StackNavigationState<ParamListBase>,\n    options: RefObject<OptionsByKey>,\n    offset: number,\n): void => {\n    const isInitialRef = useRef(true);\n\n    useEffect(() => {\n        const view = viewRef.current;\n\n        if (view === null) {\n            return;\n        }\n\n        const desired = state.routes.slice(offset).map((route) => route.key);\n        syncNavigationStack(view, desired, options.current, isInitialRef.current);\n        isInitialRef.current = false;\n    }, [viewRef, state, options, offset]);\n};\n\nconst usePoppedHandler = (\n    viewRef: ViewRef,\n    navigation: StackNavigationHelpers,\n    options: RefObject<OptionsByKey>,\n    offset: number,\n): (() => void) => {\n    const navigationRef = useLatestRef(navigation);\n    const isScheduledRef = useRef(false);\n\n    return useCallback(() => {\n        if (isScheduledRef.current) {\n            return;\n        }\n\n        isScheduledRef.current = true;\n\n        queueMicrotask(() => {\n            isScheduledRef.current = false;\n            const view = viewRef.current;\n\n            if (view !== null) {\n                reconcilePoppedStack(view, navigationRef.current, options.current, offset);\n            }\n        });\n    }, [viewRef, navigationRef, options, offset]);\n};\n\nconst StackPageContent = ({ descriptor, previous }: Omit<StackPageProps, \"navigation\" | \"onHidden\">): ReactNode => {\n    const { route, options, navigation } = descriptor;\n\n    if (options.headerShown === false) {\n        return descriptor.render();\n    }\n\n    const back = previous === undefined ? undefined : { title: previous.options.title ?? previous.route.name };\n\n    const topBar =\n        options.header === undefined ? (\n            <HeaderBar options={options} showBackButton={options.headerBackVisible ?? true} />\n        ) : (\n            <>{options.header({ route, navigation, options, back })}</>\n        );\n\n    return <AdwToolbarView topBar={topBar}>{descriptor.render()}</AdwToolbarView>;\n};\n\nconst StackPage = ({ descriptor, previous, navigation, onHidden }: StackPageProps): ReactNode => {\n    const { route, options } = descriptor;\n    const pageRef = useRef<Adw.NavigationPage | null>(null);\n\n    const emit = (type: TransitionEvent, isClosing: boolean): void => {\n        navigation.emit({ type, data: { closing: isClosing }, target: route.key });\n    };\n\n    useEffect(() => {\n        const page = pageRef.current;\n\n        if (page !== null && !page.getMapped()) {\n            onHidden(route.key);\n        }\n    });\n\n    return (\n        <AdwNavigationPage\n            ref={pageRef}\n            tag={route.key}\n            title={options.title ?? route.name}\n            canPop={options.canPop ?? true}\n            onShowing={() => {\n                emit(\"transitionStart\", false);\n            }}\n            onHiding={() => {\n                emit(\"transitionStart\", true);\n            }}\n            onShown={() => {\n                emit(\"transitionEnd\", false);\n            }}\n            onHidden={() => {\n                emit(\"transitionEnd\", true);\n                onHidden(route.key);\n            }}\n        >\n            <StackPageContent descriptor={descriptor} previous={previous} />\n        </AdwNavigationPage>\n    );\n};\n\nconst StackView = (props: StackViewProps): ReactNode => {\n    const { state, navigation, descriptors, describe, popOnEscape, offset = 0 } = props;\n    const viewRef = useRef<Adw.NavigationView | null>(null);\n    const { pages, release } = useStackPages(state, descriptors, describe, offset);\n    const options = useLatestRef<OptionsByKey>(Object.fromEntries(pages.map((page) => [page.route.key, page.options])));\n    const onPopped = usePoppedHandler(viewRef, navigation, options, offset);\n    useStackSync(viewRef, state, options, offset);\n\n    return (\n        <AdwNavigationView ref={viewRef} popOnEscape={popOnEscape ?? true} onPopped={onPopped}>\n            {pages.map((descriptor) => (\n                <StackPage\n                    key={descriptor.route.key}\n                    descriptor={descriptor}\n                    previous={previousDescriptor(state, descriptors, descriptor.route.key, offset)}\n                    navigation={navigation}\n                    onHidden={release}\n                />\n            ))}\n        </AdwNavigationView>\n    );\n};\n\nexport { StackView };\n"]}
+{"version":3,"file":"stack-view.js","sourceRoot":"","sources":["../../src/stack/stack-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type { ParamListBase, StackNavigationState } from \"@react-navigation/core\";\nimport type { ReactNode, RefObject } from \"react\";\nimport { AdwNavigationPage, AdwNavigationView, AdwToolbarView } from \"@gtkx/jsx/adw\";\nimport { useLatestRef } from \"@gtkx/react/internal\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type { Describe } from \"./stack-pages.js\";\nimport type { OptionsByKey } from \"./sync-navigation-stack.js\";\nimport type {\n    StackDescriptor,\n    StackDescriptorMap,\n    StackNavigationConfig,\n    StackNavigationEventMap,\n    StackNavigationHelpers,\n} from \"./types.js\";\nimport { HeaderBar } from \"../shared/header-bar.js\";\nimport { useStackPages } from \"./stack-pages.js\";\nimport { reconcilePoppedStack, syncNavigationStack } from \"./sync-navigation-stack.js\";\n\ntype ViewRef = RefObject<Adw.NavigationView | null>;\n\ntype StackViewProps = StackNavigationConfig & {\n    state: StackNavigationState<ParamListBase>;\n    navigation: StackNavigationHelpers;\n    descriptors: StackDescriptorMap;\n    describe: Describe;\n    offset?: number;\n};\n\ntype StackPageProps = {\n    descriptor: StackDescriptor;\n    previous?: StackDescriptor;\n    navigation: StackNavigationHelpers;\n    onHidden: (key: string) => void;\n};\n\ntype TransitionEvent = keyof StackNavigationEventMap;\n\nconst previousDescriptor = (\n    state: StackNavigationState<ParamListBase>,\n    descriptors: StackDescriptorMap,\n    key: string,\n    offset: number,\n): StackDescriptor | undefined => {\n    const index = state.routes.findIndex((route) => route.key === key);\n    const previousKey = index > offset ? state.routes[index - 1]?.key : undefined;\n\n    return previousKey === undefined ? undefined : descriptors[previousKey];\n};\n\nconst useStackSync = (\n    viewRef: ViewRef,\n    state: StackNavigationState<ParamListBase>,\n    options: RefObject<OptionsByKey>,\n    offset: number,\n): void => {\n    const isInitialRef = useRef(true);\n\n    useEffect(() => {\n        const view = viewRef.current;\n\n        if (view === null) {\n            return;\n        }\n\n        const desired = state.routes.slice(offset).map((route) => route.key);\n        syncNavigationStack(view, desired, options.current, isInitialRef.current);\n        isInitialRef.current = false;\n    }, [viewRef, state, options, offset]);\n};\n\nconst usePoppedHandler = (\n    viewRef: ViewRef,\n    navigation: StackNavigationHelpers,\n    options: RefObject<OptionsByKey>,\n    offset: number,\n): (() => void) => {\n    const navigationRef = useLatestRef(navigation);\n    const isScheduledRef = useRef(false);\n\n    return useCallback(() => {\n        if (isScheduledRef.current) {\n            return;\n        }\n\n        isScheduledRef.current = true;\n\n        queueMicrotask(() => {\n            isScheduledRef.current = false;\n            const view = viewRef.current;\n\n            if (view !== null) {\n                reconcilePoppedStack(view, navigationRef.current, options.current, offset);\n            }\n        });\n    }, [viewRef, navigationRef, options, offset]);\n};\n\nconst StackPageContent = ({ descriptor, previous }: Omit<StackPageProps, \"navigation\" | \"onHidden\">): ReactNode => {\n    const { route, options, navigation } = descriptor;\n\n    if (options.headerShown === false) {\n        return descriptor.render();\n    }\n\n    const back = previous === undefined ? undefined : { title: previous.options.title ?? previous.route.name };\n\n    const topBar =\n        options.header === undefined ? (\n            <HeaderBar options={options} showBackButton={options.headerBackVisible ?? true} />\n        ) : (\n            <>{options.header({ route, navigation, options, back })}</>\n        );\n\n    return <AdwToolbarView top={topBar}>{descriptor.render()}</AdwToolbarView>;\n};\n\nconst StackPage = ({ descriptor, previous, navigation, onHidden }: StackPageProps): ReactNode => {\n    const { route, options } = descriptor;\n    const pageRef = useRef<Adw.NavigationPage | null>(null);\n\n    const emit = (type: TransitionEvent, isClosing: boolean): void => {\n        navigation.emit({ type, data: { closing: isClosing }, target: route.key });\n    };\n\n    useEffect(() => {\n        const page = pageRef.current;\n\n        if (page !== null && !page.getMapped()) {\n            onHidden(route.key);\n        }\n    });\n\n    return (\n        <AdwNavigationPage\n            ref={pageRef}\n            tag={route.key}\n            title={options.title ?? route.name}\n            canPop={options.canPop ?? true}\n            onShowing={() => {\n                emit(\"transitionStart\", false);\n            }}\n            onHiding={() => {\n                emit(\"transitionStart\", true);\n            }}\n            onShown={() => {\n                emit(\"transitionEnd\", false);\n            }}\n            onHidden={() => {\n                emit(\"transitionEnd\", true);\n                onHidden(route.key);\n            }}\n        >\n            <StackPageContent descriptor={descriptor} previous={previous} />\n        </AdwNavigationPage>\n    );\n};\n\nconst StackView = (props: StackViewProps): ReactNode => {\n    const { state, navigation, descriptors, describe, popOnEscape, offset = 0 } = props;\n    const viewRef = useRef<Adw.NavigationView | null>(null);\n    const { pages, release } = useStackPages(state, descriptors, describe, offset);\n    const options = useLatestRef<OptionsByKey>(Object.fromEntries(pages.map((page) => [page.route.key, page.options])));\n    const onPopped = usePoppedHandler(viewRef, navigation, options, offset);\n    useStackSync(viewRef, state, options, offset);\n\n    return (\n        <AdwNavigationView ref={viewRef} popOnEscape={popOnEscape ?? true} onPopped={onPopped}>\n            {pages.map((descriptor) => (\n                <StackPage\n                    key={descriptor.route.key}\n                    descriptor={descriptor}\n                    previous={previousDescriptor(state, descriptors, descriptor.route.key, offset)}\n                    navigation={navigation}\n                    onHidden={release}\n                />\n            ))}\n        </AdwNavigationView>\n    );\n};\n\nexport { StackView };\n"]}

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

@@ -0,0 +1,32 @@
+import type { NavigatorTypeBagBase, ParamListBase, StaticConfig, StaticScreenFactory, TypedNavigator } from "@react-navigation/core";
+import type { ReactNode } from "react";
+import type { TabViewNavigationEventMap, TabViewNavigationOptions, TabViewNavigationProp, TabViewNavigationState, TabViewNavigatorProps } from "./types.js";
+/** Type bag describing the tab view navigator to React Navigation's typed APIs. */
+type TabViewTypeBag<ParamList extends ParamListBase = ParamListBase, NavigatorID extends string | undefined = string | undefined> = {
+    /** Route names and their params. */
+    ParamList: ParamList;
+    /** Optional navigator id. */
+    NavigatorID: NavigatorID;
+    /** Shape of the navigator state. */
+    State: TabViewNavigationState<ParamList>;
+    /** Per-screen options. */
+    ScreenOptions: TabViewNavigationOptions;
+    /** Events the navigator emits. */
+    EventMap: TabViewNavigationEventMap;
+    /** Navigation object per route. */
+    NavigationList: {
+        [RouteName in keyof ParamList]: TabViewNavigationProp<ParamList, RouteName, NavigatorID>;
+    };
+    /** The navigator component. */
+    Navigator: typeof TabViewNavigator;
+};
+/** Declares a typed screen of a tab view navigator for the static configuration API. */
+declare const createTabViewScreen: StaticScreenFactory<TabViewTypeBag>;
+/** Renders each open route of a {@link createTabViewNavigator} as a page of an `Adw.TabView`. */
+declare function TabViewNavigator({ view: providedView, tabBarVisible, tabBarAutohide, tabBarExpand, tabBarInverted, overview, menuModel, renderMenu, extraDropTarget, onExtraDragDrop, onCreateWindow, onSetupMenu, shortcuts, defaultIcon, ...options }: TabViewNavigatorProps): ReactNode;
+/** Creates a navigator whose routes are the pages of an `Adw.TabView`, with a tab bar and an optional overview. */
+declare function createTabViewNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = TabViewTypeBag<ParamList, NavigatorID>>(): TypedNavigator<TypeBag, undefined>;
+/** Creates a navigator whose routes are the pages of an `Adw.TabView`, with a tab bar and an optional overview. */
+declare function createTabViewNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = string | undefined, const TypeBag extends NavigatorTypeBagBase = TabViewTypeBag<ParamList, NavigatorID>, const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>>(config: Config): TypedNavigator<TypeBag, Config>;
+export { createTabViewNavigator, createTabViewScreen, TabViewNavigator, type TabViewTypeBag };
+//# sourceMappingURL=create-tab-view-navigator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-tab-view-navigator.d.ts","sourceRoot":"","sources":["../../src/tab-view/create-tab-view-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,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,EAER,yBAAyB,EACzB,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EAExB,MAAM,YAAY,CAAC;AAKpB,mFAAmF;AACnF,KAAK,cAAc,CACf,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,sBAAsB,CAAC,SAAS,CAAC,CAAC;IACzC,0BAA0B;IAC1B,aAAa,EAAE,wBAAwB,CAAC;IACxC,kCAAkC;IAClC,QAAQ,EAAE,yBAAyB,CAAC;IACpC,mCAAmC;IACnC,cAAc,EAAE;SACX,SAAS,IAAI,MAAM,SAAS,GAAG,qBAAqB,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC;KAC3F,CAAC;IACF,+BAA+B;IAC/B,SAAS,EAAE,OAAO,gBAAgB,CAAC;CACtC,CAAC;AAEF,wFAAwF;AACxF,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAAyC,CAAC;AAEvG,iGAAiG;AACjG,iBAAS,gBAAgB,CAAC,EACtB,IAAI,EAAE,YAAY,EAClB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,eAAe,EACf,eAAe,EACf,cAAc,EACd,WAAW,EACX,SAAS,EACT,WAAW,EACX,GAAG,OAAO,EACb,EAAE,qBAAqB,GAAG,SAAS,CAgCnC;AAED,mHAAmH;AACnH,iBAAS,sBAAsB,CAC3B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,cAAc,CAAC,SAAS,EAAE,WAAW,CAAC,KAClF,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACxC,mHAAmH;AACnH,iBAAS,sBAAsB,CAC3B,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG,cAAc,CAAC,SAAS,EAAE,WAAW,CAAC,EACnF,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,sBAAsB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,KAAK,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Adw from "@gtkx/gi/adw";
+import { createNavigatorFactory, createScreenFactory, useNavigationBuilder } from "@react-navigation/core";
+import { useState } from "react";
+import { readExistingTabs } from "./page-registry.js";
+import { TabViewHost } from "./tab-view-host.js";
+import { createTabViewRouter } from "./tab-view-router.js";
+/** Declares a typed screen of a tab view navigator for the static configuration API. */
+const createTabViewScreen = createScreenFactory();
+/** Renders each open route of a {@link createTabViewNavigator} as a page of an `Adw.TabView`. */
+function TabViewNavigator({ view: providedView, tabBarVisible, tabBarAutohide, tabBarExpand, tabBarInverted, overview, menuModel, renderMenu, extraDropTarget, onExtraDragDrop, onCreateWindow, onSetupMenu, shortcuts, defaultIcon, ...options }) {
+    const [view] = useState(() => providedView ?? new Adw.TabView());
+    const [router] = useState(() => createTabViewRouter(() => readExistingTabs(view)));
+    const { state, descriptors, navigation, render } = useNavigationBuilder(router, options);
+    return render(_jsx(TabViewHost, { view: view, state: state, navigation: navigation, descriptors: descriptors, tabBarVisible: tabBarVisible, tabBarAutohide: tabBarAutohide, tabBarExpand: tabBarExpand, tabBarInverted: tabBarInverted, overview: overview, menuModel: menuModel, renderMenu: renderMenu, extraDropTarget: extraDropTarget, onExtraDragDrop: onExtraDragDrop, onCreateWindow: onCreateWindow, onSetupMenu: onSetupMenu, shortcuts: shortcuts, defaultIcon: defaultIcon }));
+}
+function createTabViewNavigator(config) {
+    return createNavigatorFactory(TabViewNavigator)(config);
+}
+export { createTabViewNavigator, createTabViewScreen, TabViewNavigator };
+//# sourceMappingURL=create-tab-view-navigator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-tab-view-navigator.js","sourceRoot":"","sources":["../../src/tab-view/create-tab-view-navigator.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAyB3D,wFAAwF;AACxF,MAAM,mBAAmB,GAAwC,mBAAmB,EAAkB,CAAC;AAEvG,iGAAiG;AACjG,SAAS,gBAAgB,CAAC,EACtB,IAAI,EAAE,YAAY,EAClB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,eAAe,EACf,eAAe,EACf,cAAc,EACd,WAAW,EACX,SAAS,EACT,WAAW,EACX,GAAG,OAAO,EACU;IACpB,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAMrE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEnB,OAAO,MAAM,CACT,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;AACN,CAAC;AAeD,SAAS,sBAAsB,CAG7B,MAAe;IACb,OAAO,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAoC,CAAC;AAC/F,CAAC;AAED,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,gBAAgB,EAAuB,CAAC","sourcesContent":["import type {\n    NavigatorTypeBagBase,\n    ParamListBase,\n    StaticConfig,\n    StaticScreenFactory,\n    TypedNavigator,\n} from \"@react-navigation/core\";\nimport type { ReactNode } from \"react\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport { createNavigatorFactory, createScreenFactory, useNavigationBuilder } from \"@react-navigation/core\";\nimport { useState } from \"react\";\nimport type {\n    TabViewActionHelpers,\n    TabViewNavigationEventMap,\n    TabViewNavigationOptions,\n    TabViewNavigationProp,\n    TabViewNavigationState,\n    TabViewNavigatorProps,\n    TabViewRouterOptions,\n} from \"./types.js\";\nimport { readExistingTabs } from \"./page-registry.js\";\nimport { TabViewHost } from \"./tab-view-host.js\";\nimport { createTabViewRouter } from \"./tab-view-router.js\";\n\n/** Type bag describing the tab view navigator to React Navigation's typed APIs. */\ntype TabViewTypeBag<\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: TabViewNavigationState<ParamList>;\n    /** Per-screen options. */\n    ScreenOptions: TabViewNavigationOptions;\n    /** Events the navigator emits. */\n    EventMap: TabViewNavigationEventMap;\n    /** Navigation object per route. */\n    NavigationList: {\n        [RouteName in keyof ParamList]: TabViewNavigationProp<ParamList, RouteName, NavigatorID>;\n    };\n    /** The navigator component. */\n    Navigator: typeof TabViewNavigator;\n};\n\n/** Declares a typed screen of a tab view navigator for the static configuration API. */\nconst createTabViewScreen: StaticScreenFactory<TabViewTypeBag> = createScreenFactory<TabViewTypeBag>();\n\n/** Renders each open route of a {@link createTabViewNavigator} as a page of an `Adw.TabView`. */\nfunction TabViewNavigator({\n    view: providedView,\n    tabBarVisible,\n    tabBarAutohide,\n    tabBarExpand,\n    tabBarInverted,\n    overview,\n    menuModel,\n    renderMenu,\n    extraDropTarget,\n    onExtraDragDrop,\n    onCreateWindow,\n    onSetupMenu,\n    shortcuts,\n    defaultIcon,\n    ...options\n}: TabViewNavigatorProps): ReactNode {\n    const [view] = useState(() => providedView ?? new Adw.TabView());\n    const [router] = useState(() => createTabViewRouter(() => readExistingTabs(view)));\n    const { state, descriptors, navigation, render } = useNavigationBuilder<\n        TabViewNavigationState<ParamListBase>,\n        TabViewRouterOptions,\n        TabViewActionHelpers<ParamListBase>,\n        TabViewNavigationOptions,\n        TabViewNavigationEventMap\n    >(router, options);\n\n    return render(\n        <TabViewHost\n            view={view}\n            state={state}\n            navigation={navigation}\n            descriptors={descriptors}\n            tabBarVisible={tabBarVisible}\n            tabBarAutohide={tabBarAutohide}\n            tabBarExpand={tabBarExpand}\n            tabBarInverted={tabBarInverted}\n            overview={overview}\n            menuModel={menuModel}\n            renderMenu={renderMenu}\n            extraDropTarget={extraDropTarget}\n            onExtraDragDrop={onExtraDragDrop}\n            onCreateWindow={onCreateWindow}\n            onSetupMenu={onSetupMenu}\n            shortcuts={shortcuts}\n            defaultIcon={defaultIcon}\n        />,\n    );\n}\n\n/** Creates a navigator whose routes are the pages of an `Adw.TabView`, with a tab bar and an optional overview. */\nfunction createTabViewNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = TabViewTypeBag<ParamList, NavigatorID>,\n>(): TypedNavigator<TypeBag, undefined>;\n/** Creates a navigator whose routes are the pages of an `Adw.TabView`, with a tab bar and an optional overview. */\nfunction createTabViewNavigator<\n    const ParamList extends ParamListBase,\n    const NavigatorID extends string | undefined = string | undefined,\n    const TypeBag extends NavigatorTypeBagBase = TabViewTypeBag<ParamList, NavigatorID>,\n    const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,\n>(config: Config): TypedNavigator<TypeBag, Config>;\nfunction createTabViewNavigator<\n    const TypeBag extends NavigatorTypeBagBase,\n    const Config extends StaticConfig<TypeBag> | undefined,\n>(config?: Config): TypedNavigator<TypeBag, Config> {\n    return createNavigatorFactory(TabViewNavigator)(config) as TypedNavigator<TypeBag, Config>;\n}\n\nexport { createTabViewNavigator, createTabViewScreen, TabViewNavigator, type TabViewTypeBag };\n"]}

package/dist/tab-view/page-registry.d.ts

@@ -0,0 +1,34 @@
+import * as Adw from "@gtkx/gi/adw";
+import type { ParamListBase } from "@react-navigation/core";
+import type { ExistingTab } from "./tab-view-router.js";
+import type { TabViewNavigationOptions, TabViewNavigationState } from "./types.js";
+type Route = TabViewNavigationState<ParamListBase>["routes"][number];
+/** Page property values last written from a route's options. */
+type AppliedOptions = Pick<TabViewNavigationOptions, "icon" | "indicatorActivatable" | "indicatorIcon" | "indicatorTooltip" | "keyword" | "liveThumbnail" | "loading" | "needsAttention" | "thumbnailXalign" | "thumbnailYalign" | "tooltip"> & {
+    title?: string;
+};
+/** A native page a tab view navigator created or adopted, with the host its content renders into. */
+type PageRecord = {
+    route: Route;
+    page: Adw.TabPage;
+    host: Adw.Bin;
+    applied: AppliedOptions;
+};
+/** The pages of one navigator by route key, notifying React when the set changes. */
+type PageStore = {
+    get: (key: string) => PageRecord | undefined;
+    set: (record: PageRecord) => void;
+    delete: (key: string) => void;
+    keys: () => string[];
+    subscribe: (listener: () => void) => () => void;
+    getVersion: () => number;
+    /** Key of the route whose page was selected by the last sync, so native selection changes are not undone. */
+    lastFocus: string | undefined;
+};
+declare const recordOf: (page: Adw.TabPage) => PageRecord | undefined;
+declare const registerPage: (record: PageRecord) => void;
+declare const ownerOf: (page: Adw.TabPage) => Adw.TabView | null;
+declare const readExistingTabs: (view: Adw.TabView) => ExistingTab[];
+declare const createPageStore: () => PageStore;
+export { type AppliedOptions, createPageStore, ownerOf, type PageRecord, type PageStore, readExistingTabs, recordOf, registerPage, };
+//# sourceMappingURL=page-registry.d.ts.map

package/dist/tab-view/page-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-registry.d.ts","sourceRoot":"","sources":["../../src/tab-view/page-registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEnF,KAAK,KAAK,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,gEAAgE;AAChE,KAAK,cAAc,GAAG,IAAI,CACtB,wBAAwB,EACtB,MAAM,GACN,sBAAsB,GACtB,eAAe,GACf,kBAAkB,GAClB,SAAS,GACT,eAAe,GACf,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,iBAAiB,GACjB,SAAS,CACd,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvB,qGAAqG;AACrG,KAAK,UAAU,GAAG;IACd,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,qFAAqF;AACrF,KAAK,SAAS,GAAG;IACb,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,UAAU,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,IAAI,EAAE,MAAM,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,MAAM,CAAC;IACzB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC;AAIF,QAAA,MAAM,QAAQ,SAAU,GAAG,CAAC,OAAO,KAAG,UAAU,GAAG,SAA8B,CAAC;AAElF,QAAA,MAAM,YAAY,WAAY,UAAU,KAAG,IAE1C,CAAC;AAEF,QAAA,MAAM,OAAO,SAAU,GAAG,CAAC,OAAO,KAAG,GAAG,CAAC,OAAO,GAAG,IAYlD,CAAC;AAEF,QAAA,MAAM,gBAAgB,SAAU,GAAG,CAAC,OAAO,KAAG,WAAW,EAwBxD,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,SAmC3B,CAAC;AAEF,OAAO,EACH,KAAK,cAAc,EACnB,eAAe,EACf,OAAO,EACP,KAAK,UAAU,EACf,KAAK,SAAS,EACd,gBAAgB,EAChB,QAAQ,EACR,YAAY,GACf,CAAC"}

package/dist/tab-view/page-registry.js

@@ -0,0 +1,70 @@
+import * as Adw from "@gtkx/gi/adw";
+const records = new WeakMap();
+const recordOf = (page) => records.get(page);
+const registerPage = (record) => {
+    records.set(record.page, record);
+};
+const ownerOf = (page) => {
+    let widget = page.getChild();
+    while (widget !== null) {
+        if (widget instanceof Adw.TabView) {
+            return widget;
+        }
+        widget = widget.getParent();
+    }
+    return null;
+};
+const readExistingTabs = (view) => {
+    const selected = view.getSelectedPage();
+    const tabs = [];
+    for (let position = 0; position < view.getNPages(); position += 1) {
+        const page = view.getNthPage(position);
+        const record = records.get(page);
+        if (record === undefined) {
+            continue;
+        }
+        const parent = page.getParent();
+        const parentRecord = parent === null ? undefined : records.get(parent);
+        tabs.push({
+            route: record.route,
+            pinned: page.getPinned(),
+            parent: parentRecord?.route.key,
+            selected: page === selected,
+        });
+    }
+    return tabs;
+};
+const createPageStore = () => {
+    const byKey = new Map();
+    const listeners = new Set();
+    let version = 0;
+    const notify = () => {
+        version += 1;
+        for (const listener of listeners) {
+            listener();
+        }
+    };
+    return {
+        get: (key) => byKey.get(key),
+        set: (record) => {
+            byKey.set(record.route.key, record);
+            notify();
+        },
+        delete: (key) => {
+            if (byKey.delete(key)) {
+                notify();
+            }
+        },
+        keys: () => [...byKey.keys()],
+        subscribe: (listener) => {
+            listeners.add(listener);
+            return () => {
+                listeners.delete(listener);
+            };
+        },
+        getVersion: () => version,
+        lastFocus: undefined,
+    };
+};
+export { createPageStore, ownerOf, readExistingTabs, recordOf, registerPage, };
+//# sourceMappingURL=page-registry.js.map

package/dist/tab-view/page-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-registry.js","sourceRoot":"","sources":["../../src/tab-view/page-registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport type { ParamListBase } from \"@react-navigation/core\";\nimport type { ExistingTab } from \"./tab-view-router.js\";\nimport type { TabViewNavigationOptions, TabViewNavigationState } from \"./types.js\";\n\ntype Route = TabViewNavigationState<ParamListBase>[\"routes\"][number];\n\n/** Page property values last written from a route's options. */\ntype AppliedOptions = Pick<\n    TabViewNavigationOptions,\n    | \"icon\"\n    | \"indicatorActivatable\"\n    | \"indicatorIcon\"\n    | \"indicatorTooltip\"\n    | \"keyword\"\n    | \"liveThumbnail\"\n    | \"loading\"\n    | \"needsAttention\"\n    | \"thumbnailXalign\"\n    | \"thumbnailYalign\"\n    | \"tooltip\"\n> & { title?: string };\n\n/** A native page a tab view navigator created or adopted, with the host its content renders into. */\ntype PageRecord = {\n    route: Route;\n    page: Adw.TabPage;\n    host: Adw.Bin;\n    applied: AppliedOptions;\n};\n\n/** The pages of one navigator by route key, notifying React when the set changes. */\ntype PageStore = {\n    get: (key: string) => PageRecord | undefined;\n    set: (record: PageRecord) => void;\n    delete: (key: string) => void;\n    keys: () => string[];\n    subscribe: (listener: () => void) => () => void;\n    getVersion: () => number;\n    /** Key of the route whose page was selected by the last sync, so native selection changes are not undone. */\n    lastFocus: string | undefined;\n};\n\nconst records = new WeakMap<Adw.TabPage, PageRecord>();\n\nconst recordOf = (page: Adw.TabPage): PageRecord | undefined => records.get(page);\n\nconst registerPage = (record: PageRecord): void => {\n    records.set(record.page, record);\n};\n\nconst ownerOf = (page: Adw.TabPage): Adw.TabView | null => {\n    let widget: Gtk.Widget | null = page.getChild();\n\n    while (widget !== null) {\n        if (widget instanceof Adw.TabView) {\n            return widget;\n        }\n\n        widget = widget.getParent();\n    }\n\n    return null;\n};\n\nconst readExistingTabs = (view: Adw.TabView): ExistingTab[] => {\n    const selected = view.getSelectedPage();\n    const tabs: ExistingTab[] = [];\n\n    for (let position = 0; position < view.getNPages(); position += 1) {\n        const page = view.getNthPage(position);\n        const record = records.get(page);\n\n        if (record === undefined) {\n            continue;\n        }\n\n        const parent = page.getParent();\n        const parentRecord = parent === null ? undefined : records.get(parent);\n\n        tabs.push({\n            route: record.route,\n            pinned: page.getPinned(),\n            parent: parentRecord?.route.key,\n            selected: page === selected,\n        });\n    }\n\n    return tabs;\n};\n\nconst createPageStore = (): PageStore => {\n    const byKey = new Map<string, PageRecord>();\n    const listeners = new Set<() => void>();\n    let version = 0;\n\n    const notify = (): void => {\n        version += 1;\n\n        for (const listener of listeners) {\n            listener();\n        }\n    };\n\n    return {\n        get: (key) => byKey.get(key),\n        set: (record) => {\n            byKey.set(record.route.key, record);\n            notify();\n        },\n        delete: (key) => {\n            if (byKey.delete(key)) {\n                notify();\n            }\n        },\n        keys: () => [...byKey.keys()],\n        subscribe: (listener) => {\n            listeners.add(listener);\n\n            return () => {\n                listeners.delete(listener);\n            };\n        },\n        getVersion: () => version,\n        lastFocus: undefined,\n    };\n};\n\nexport {\n    type AppliedOptions,\n    createPageStore,\n    ownerOf,\n    type PageRecord,\n    type PageStore,\n    readExistingTabs,\n    recordOf,\n    registerPage,\n};\n"]}

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

@@ -0,0 +1,25 @@
+import type { ParamListBase } from "@react-navigation/core";
+import type { ReactNode } from "react";
+import * as Adw from "@gtkx/gi/adw";
+import type { TabViewDescriptorMap, TabViewNavigationConfig, TabViewNavigationHelpers, TabViewNavigationState } from "./types.js";
+type State = TabViewNavigationState<ParamListBase>;
+type TabViewHostProps = TabViewNavigationConfig & {
+    view: Adw.TabView;
+    state: State;
+    navigation: TabViewNavigationHelpers;
+    descriptors: TabViewDescriptorMap;
+};
+/** The native view of the surrounding tab view navigator and access to its pages. */
+type TabViewHandle = {
+    /** The `Adw.TabView` the navigator renders into. */
+    view: Adw.TabView;
+    /** Returns the native page of a route, or `null` when it is not in this view. */
+    getPage: (key: string) => Adw.TabPage | null;
+    /** Moves a route's page into another view, appending to its pinned or unpinned group by default. */
+    transferTab: (key: string, target: Adw.TabView, position?: number) => void;
+};
+/** Returns the surrounding tab view navigator's native view and page access. */
+declare const useTabView: () => TabViewHandle;
+declare const TabViewHost: (props: TabViewHostProps) => ReactNode;
+export { type TabViewHandle, TabViewHost, useTabView };
+//# sourceMappingURL=tab-view-host.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-view-host.d.ts","sourceRoot":"","sources":["../../src/tab-view/tab-view-host.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,EAER,oBAAoB,EAEpB,uBAAuB,EACvB,wBAAwB,EAExB,sBAAsB,EACzB,MAAM,YAAY,CAAC;AAOpB,KAAK,KAAK,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;AAGnD,KAAK,gBAAgB,GAAG,uBAAuB,GAAG;IAC9C,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,wBAAwB,CAAC;IACrC,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC;AAOF,qFAAqF;AACrF,KAAK,aAAa,GAAG;IACjB,oDAAoD;IACpD,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,iFAAiF;IACjF,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7C,oGAAoG;IACpG,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9E,CAAC;AAIF,gFAAgF;AAChF,QAAA,MAAM,UAAU,QAAO,aAQtB,CAAC;AAmJF,QAAA,MAAM,WAAW,UAAW,gBAAgB,KAAG,SAwQ9C,CAAC;AAEF,OAAO,EAAE,KAAK,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}