@sigx/lynx-navigation 0.4.0 → 0.4.1

package/src/components/EntryScope.tsx

@@ -4,9 +4,9 @@ import {
     useCurrentEntryOptional,
     useNavInternals,
     useScreenRegistry,
-} from '../hooks/use-nav-internal';
-import { createScreenRegistry } from '../internal/screen-registry';
-import type { StackEntry } from '../types';
+} from '../hooks/use-nav-internal.js';
+import { createScreenRegistry } from '../internal/screen-registry.js';
+import type { StackEntry } from '../types.js';
 
 type EntryScopeProps =
     & Define.Prop<'entry', StackEntry, true>

package/src/components/Header.tsx

@@ -20,9 +20,9 @@
  *   - making it opt-in keeps `<Stack>`'s contract narrow.
  */
 import { component, computed } from '@sigx/lynx';
-import { useNav } from '../hooks/use-nav';
-import { useNavInternals } from '../hooks/use-nav-internal';
-import type { ScreenOptions, ScreenSlotFills, StackEntry } from '../types';
+import { useNav } from '../hooks/use-nav.js';
+import { useNavInternals } from '../hooks/use-nav-internal.js';
+import type { ScreenOptions, ScreenSlotFills, StackEntry } from '../types.js';
 
 /**
  * Resolve a title (string or getter) to a plain string.

package/src/components/Layer.tsx

@@ -33,9 +33,9 @@ import {
     type MainThread,
 } from '@sigx/lynx';
 import { Suspense, isLazyComponent } from '@sigx/lynx';
-import type { LayerAnimation } from '../internal/layer-plan';
-import type { RouteMap, StackEntry } from '../types';
-import { EntryScope } from './EntryScope';
+import type { LayerAnimation } from '../internal/layer-plan.js';
+import type { RouteMap, StackEntry } from '../types.js';
+import { EntryScope } from './EntryScope.js';
 
 export type LayerProps =
     & Define.Prop<'entry', StackEntry, true>

package/src/components/Link.tsx

@@ -1,8 +1,8 @@
 import { component, type Define } from '@sigx/lynx';
-import { useNav } from '../hooks/use-nav';
-import { useNavRoutes } from '../hooks/use-nav-internal';
-import type { RouteId, RouteParams, RouteSearch } from '../register';
-import type { RoutesWithParams } from '../hooks/use-nav';
+import { useNav } from '../hooks/use-nav.js';
+import { useNavRoutes } from '../hooks/use-nav-internal.js';
+import type { RouteId, RouteParams, RouteSearch } from '../register.js';
+import type { RoutesWithParams } from '../hooks/use-nav.js';
 
 /**
  * Per-route conditional props for `<Link>`.

package/src/components/NavigationRoot.tsx

@@ -1,10 +1,10 @@
 import { component, defineProvide, useSharedValue, type Define } from '@sigx/lynx';
-import { createNavigatorState } from '../navigator/core';
-import { useNav } from '../hooks/use-nav';
-import { useNavInternals, useNavRoutes } from '../hooks/use-nav-internal';
-import type { RouteId } from '../register';
-import type { Presentation, RouteMap, StackEntry } from '../types';
-import { _setRouteRegistry } from '../url/registry';
+import { createNavigatorState } from '../navigator/core.js';
+import { useNav } from '../hooks/use-nav.js';
+import { useNavInternals, useNavRoutes } from '../hooks/use-nav-internal.js';
+import type { RouteId } from '../register.js';
+import type { Presentation, RouteMap, StackEntry } from '../types.js';
+import { _setRouteRegistry } from '../url/registry.js';
 
 type NavigationRootProps =
     & Define.Prop<'routes', RouteMap, true>

package/src/components/Screen.tsx

@@ -31,9 +31,9 @@
  * declarative and grep-friendly.
  */
 import { component, onUnmounted, type Define } from '@sigx/lynx';
-import { useScreenRegistry } from '../hooks/use-nav-internal';
-import { mergeOptions, setSlot } from '../internal/screen-registry';
-import type { ScreenOptions } from '../types';
+import { useScreenRegistry } from '../hooks/use-nav-internal.js';
+import { mergeOptions, setSlot } from '../internal/screen-registry.js';
+import type { ScreenOptions } from '../types.js';
 
 type ScreenProps =
     & Define.Prop<'title', string | (() => string)>

package/src/components/Stack.tsx

@@ -7,19 +7,19 @@ import {
     useSharedValue,
     type Define,
 } from '@sigx/lynx';
-import { createNavigatorState } from '../navigator/core';
-import { useNav, type Nav } from '../hooks/use-nav';
+import { createNavigatorState } from '../navigator/core.js';
+import { useNav, type Nav } from '../hooks/use-nav.js';
 import {
     useCurrentEntry,
     useNavInternals,
     useNavRoutes,
     type NavInternals,
-} from '../hooks/use-nav-internal';
-import type { Presentation, StackEntry } from '../types';
-import { animationVariant, computeLayers, isOverlayPresentation } from '../internal/layer-plan';
-import { EdgeBackHandle } from './EdgeBackHandle';
-import { Layer } from './Layer';
-import { useTabScreenName, useTabs } from './Tabs';
+} from '../hooks/use-nav-internal.js';
+import type { Presentation, StackEntry } from '../types.js';
+import { animationVariant, computeLayers, isOverlayPresentation } from '../internal/layer-plan.js';
+import { EdgeBackHandle } from './EdgeBackHandle.js';
+import { Layer } from './Layer.js';
+import { useTabScreenName, useTabs } from './Tabs.js';
 
 type StackProps =
     /**

package/src/components/TabBar.tsx

@@ -29,7 +29,7 @@ import {
     type Define,
     type JSXElement,
 } from '@sigx/lynx';
-import { useTabs, type TabInfo } from './Tabs';
+import { useTabs, type TabInfo } from './Tabs.js';
 
 /** Rendering context passed to a `renderTab` consumer. */
 export interface TabRenderContext {

package/src/define-routes.ts

@@ -1,4 +1,4 @@
-import type { RouteMap } from './types';
+import type { RouteMap } from './types.js';
 
 /**
  * Define a typed route registry.

package/src/hooks/use-focus.ts

@@ -5,8 +5,8 @@ import {
     untrack,
     type Computed,
 } from '@sigx/lynx';
-import { useNav } from './use-nav';
-import { useCurrentEntry } from './use-nav-internal';
+import { useNav } from './use-nav.js';
+import { useCurrentEntry } from './use-nav-internal.js';
 
 /**
  * Reactive "is this screen the focused entry?" signal.

package/src/hooks/use-hardware-back.ts

@@ -1,6 +1,6 @@
 import { onMounted } from '@sigx/lynx';
 import { BackHandler } from '@sigx/lynx-linking';
-import { useNav, type Nav } from './use-nav';
+import { useNav, type Nav } from './use-nav.js';
 
 /**
  * Wire the Android hardware back button to the active navigator.

package/src/hooks/use-linking-nav.ts

@@ -1,9 +1,9 @@
 import { onMounted } from '@sigx/lynx';
 import { Linking } from '@sigx/lynx-linking';
-import { parseHref, type Href } from '../href';
-import { useNav, type Nav } from './use-nav';
-import { useNavRoutes } from './use-nav-internal';
-import type { RouteMap } from '../types';
+import { parseHref, type Href } from '../href.js';
+import { useNav, type Nav } from './use-nav.js';
+import { useNavRoutes } from './use-nav-internal.js';
+import type { RouteMap } from '../types.js';
 
 export interface UseLinkingNavOptions {
     /**

package/src/hooks/use-nav-internal.ts

@@ -1,6 +1,6 @@
 import { defineInjectable, type SharedValue } from '@sigx/lynx';
-import type { ScreenRegistry } from '../internal/screen-registry';
-import type { RouteMap, StackEntry } from '../types';
+import type { ScreenRegistry } from '../internal/screen-registry.js';
+import type { RouteMap, StackEntry } from '../types.js';
 
 /**
  * Internal injectable: the `StackEntry` the calling screen was rendered for.

package/src/hooks/use-nav-serializer.ts

@@ -1,7 +1,7 @@
 import { effect, onMounted, onUnmounted } from '@sigx/lynx';
-import { useNav } from './use-nav';
-import { useNavRoutes } from './use-nav-internal';
-import type { StackEntry } from '../types';
+import { useNav } from './use-nav.js';
+import { useNavRoutes } from './use-nav-internal.js';
+import type { StackEntry } from '../types.js';
 
 /**
  * Plain JSON snapshot of a navigator. The whole point of holding navigation

package/src/hooks/use-nav.ts

@@ -1,12 +1,12 @@
 import { defineInjectable } from '@sigx/lynx';
-import type { RegisteredRoutes, RouteId, RouteParams, RouteSearch } from '../register';
+import type { RegisteredRoutes, RouteId, RouteParams, RouteSearch } from '../register.js';
 import type {
     PopOptions,
     PushOptions,
     RouteRequiresParams,
     StackEntry,
     TransitionState,
-} from '../types';
+} from '../types.js';
 
 /**
  * Subset of registered route names that declare a `params` schema (and so

package/src/hooks/use-params.ts

@@ -1,5 +1,5 @@
-import type { RouteId, RouteParams } from '../register';
-import { useNav } from './use-nav';
+import type { RouteId, RouteParams } from '../register.js';
+import { useNav } from './use-nav.js';
 
 /**
  * Read the typed params for the current screen, asserted against the named

package/src/hooks/use-screen-chrome.ts

@@ -27,9 +27,9 @@
  * subscribes to the underlying signal, so consumers re-render when
  * title / slots change.
  */
-import { useNav } from './use-nav';
-import { useCurrentEntryOptional, useNavInternals } from './use-nav-internal';
-import type { ScreenSlotFills, StackEntry } from '../types';
+import { useNav } from './use-nav.js';
+import { useCurrentEntryOptional, useNavInternals } from './use-nav-internal.js';
+import type { ScreenSlotFills, StackEntry } from '../types.js';
 
 export interface ScreenChrome {
     /** Resolved screen title — `options.title` (string or getter) or the route name as fallback. Reactive. */

package/src/hooks/use-screen-options.ts

@@ -22,9 +22,9 @@
  * pass a getter pay for the subscription; hosts that pass an object don't.
  */
 import { effect, onUnmounted } from '@sigx/lynx';
-import { useScreenRegistry } from './use-nav-internal';
-import { mergeOptions } from '../internal/screen-registry';
-import type { ScreenOptions } from '../types';
+import { useScreenRegistry } from './use-nav-internal.js';
+import { mergeOptions } from '../internal/screen-registry.js';
+import type { ScreenOptions } from '../types.js';
 
 export function useScreenOptions(
     optionsOrFn: ScreenOptions | (() => ScreenOptions),

package/src/hooks/use-search.ts

@@ -1,5 +1,5 @@
-import type { RouteId, RouteSearch } from '../register';
-import { useNav } from './use-nav';
+import type { RouteId, RouteSearch } from '../register.js';
+import { useNav } from './use-nav.js';
 
 /**
  * Read the typed search/query params for the current screen, asserted against

package/src/href.ts

@@ -1,9 +1,9 @@
-import type { RouteId, RouteParams, RouteSearch } from './register';
-import type { RoutesWithoutParams, RoutesWithParams } from './hooks/use-nav';
-import { buildUrl } from './url/build';
-import { parseHrefImpl } from './url/parse';
-import { getRouteRegistry } from './url/registry';
-import { validateSync } from './url/validate';
+import type { RouteId, RouteParams, RouteSearch } from './register.js';
+import type { RoutesWithoutParams, RoutesWithParams } from './hooks/use-nav.js';
+import { buildUrl } from './url/build.js';
+import { parseHrefImpl } from './url/parse.js';
+import { getRouteRegistry } from './url/registry.js';
+import { validateSync } from './url/validate.js';
 
 /**
  * A typed reference to a navigation target — what `<Link to={...}>` consumes

package/src/index.ts

@@ -5,48 +5,48 @@
  * Coming next: Screen with slot-based header API, MTS transitions, Tabs.
  */
 
-export { defineRoutes } from './define-routes';
-export type { Register, RegisteredRoutes, RouteId, RouteParams, RouteSearch } from './register';
-export { useNav } from './hooks/use-nav';
-export type { Nav, RoutesWithoutParams, RoutesWithParams } from './hooks/use-nav';
-export { useParams } from './hooks/use-params';
-export { useSearch } from './hooks/use-search';
-export { useHardwareBack } from './hooks/use-hardware-back';
-export { useLinkingNav } from './hooks/use-linking-nav';
-export type { UseLinkingNavOptions } from './hooks/use-linking-nav';
-export { useIsFocused, useFocusEffect } from './hooks/use-focus';
-export { useScreenOptions } from './hooks/use-screen-options';
-export { useScreenChrome } from './hooks/use-screen-chrome';
-export type { ScreenChrome } from './hooks/use-screen-chrome';
+export { defineRoutes } from './define-routes.js';
+export type { Register, RegisteredRoutes, RouteId, RouteParams, RouteSearch } from './register.js';
+export { useNav } from './hooks/use-nav.js';
+export type { Nav, RoutesWithoutParams, RoutesWithParams } from './hooks/use-nav.js';
+export { useParams } from './hooks/use-params.js';
+export { useSearch } from './hooks/use-search.js';
+export { useHardwareBack } from './hooks/use-hardware-back.js';
+export { useLinkingNav } from './hooks/use-linking-nav.js';
+export type { UseLinkingNavOptions } from './hooks/use-linking-nav.js';
+export { useIsFocused, useFocusEffect } from './hooks/use-focus.js';
+export { useScreenOptions } from './hooks/use-screen-options.js';
+export { useScreenChrome } from './hooks/use-screen-chrome.js';
+export type { ScreenChrome } from './hooks/use-screen-chrome.js';
 export {
     useNavSerializer,
     NAV_SNAPSHOT_VERSION,
-} from './hooks/use-nav-serializer';
+} from './hooks/use-nav-serializer.js';
 export type {
     NavSnapshot,
     NavStorageAdapter,
     UseNavSerializerOptions,
-} from './hooks/use-nav-serializer';
-export { hrefFor, parseHref } from './href';
-export type { Href } from './href';
+} from './hooks/use-nav-serializer.js';
+export { hrefFor, parseHref } from './href.js';
+export type { Href } from './href.js';
 // URL bridge internals: `_setRouteRegistry` is a leading-underscore export —
 // intended for tests, deep-link bootstrap before a NavigationRoot mounts, and
 // any other integration that needs to seed the registry imperatively.
-export { _setRouteRegistry, _clearRouteRegistry } from './url/registry';
-export { compilePath } from './url/compile';
-export type { CompiledPath } from './url/compile';
-export { NavigationRoot } from './components/NavigationRoot';
-export { Stack } from './components/Stack';
-export { Screen } from './components/Screen';
-export { Header } from './components/Header';
-export { Tabs, useTabs } from './components/Tabs';
-export type { TabInfo, TabsNav } from './components/Tabs';
-export { TabBar } from './components/TabBar';
-export type { TabRenderContext } from './components/TabBar';
-export { Drawer, useDrawer } from './components/Drawer';
-export type { DrawerNav } from './components/Drawer';
-export { Link } from './components/Link';
-export type { LinkProps } from './components/Link';
+export { _setRouteRegistry, _clearRouteRegistry } from './url/registry.js';
+export { compilePath } from './url/compile.js';
+export type { CompiledPath } from './url/compile.js';
+export { NavigationRoot } from './components/NavigationRoot.js';
+export { Stack } from './components/Stack.js';
+export { Screen } from './components/Screen.js';
+export { Header } from './components/Header.js';
+export { Tabs, useTabs } from './components/Tabs.js';
+export type { TabInfo, TabsNav } from './components/Tabs.js';
+export { TabBar } from './components/TabBar.js';
+export type { TabRenderContext } from './components/TabBar.js';
+export { Drawer, useDrawer } from './components/Drawer.js';
+export type { DrawerNav } from './components/Drawer.js';
+export { Link } from './components/Link.js';
+export type { LinkProps } from './components/Link.js';
 export type {
     ComponentLike,
     EmptyParams,
@@ -66,4 +66,4 @@ export type {
     TransitionKind,
     TransitionRole,
     TransitionState,
-} from './types';
+} from './types.js';

package/src/internal/layer-plan.ts

@@ -41,13 +41,13 @@
  * scroll, in-flight inputs) survives.
  */
 import type { SharedValue } from '@sigx/lynx';
-import { SCREEN_HEIGHT, SCREEN_WIDTH } from './screen-width';
+import { SCREEN_HEIGHT, SCREEN_WIDTH } from './screen-width.js';
 import type {
     Presentation,
     StackEntry,
     TransitionKind,
     TransitionState,
-} from '../types';
+} from '../types.js';
 
 const PARALLAX_FACTOR = 0.3;
 

package/src/internal/screen-registry.ts

@@ -20,7 +20,7 @@ import type {
     ScreenOptions,
     ScreenSlotFills,
     StackEntry,
-} from '../types';
+} from '../types.js';
 
 /**
  * Reactive container for one screen's options and slot fills.

package/src/navigator/core.ts

@@ -7,8 +7,8 @@ import {
 } from '@sigx/lynx';
 import { isLazyComponent } from '@sigx/lynx';
 import { withTiming } from '@sigx/lynx-motion';
-import type { Nav } from '../hooks/use-nav';
-import type { ScreenRegistry } from '../internal/screen-registry';
+import type { Nav } from '../hooks/use-nav.js';
+import type { ScreenRegistry } from '../internal/screen-registry.js';
 import type {
     PopOptions,
     Presentation,
@@ -16,7 +16,7 @@ import type {
     RouteMap,
     StackEntry,
     TransitionState,
-} from '../types';
+} from '../types.js';
 
 /**
  * The reactive backing state for one navigator instance.

package/src/register.ts

@@ -1,4 +1,4 @@
-import type { ParamsOf, RouteMap, SearchOf } from './types';
+import type { ParamsOf, RouteMap, SearchOf } from './types.js';
 
 /**
  * Module-augmentation surface for the user's typed route map.

package/src/url/build.ts

@@ -4,8 +4,8 @@
  * Mirror of parse.ts. Used by `hrefFor()` after schema validation succeeds.
  */
 
-import { formatSearch } from './format';
-import { getCompiledPath, getRouteRegistry } from './registry';
+import { formatSearch } from './format.js';
+import { getCompiledPath, getRouteRegistry } from './registry.js';
 
 /**
  * Build the URL form of a route + params + search, or `null` if the route

package/src/url/index.ts

@@ -5,14 +5,14 @@
  * `parseHref` in ../href.ts plus `_setRouteRegistry` for tests/bootstrap.
  */
 
-export { compilePath, type CompiledPath } from './compile';
-export { buildUrl } from './build';
-export { parseHrefImpl } from './parse';
-export { formatSearch, parseSearch } from './format';
+export { compilePath, type CompiledPath } from './compile.js';
+export { buildUrl } from './build.js';
+export { parseHrefImpl } from './parse.js';
+export { formatSearch, parseSearch } from './format.js';
 export {
     _setRouteRegistry,
     _clearRouteRegistry,
     getRouteRegistry,
     getCompiledPath,
-} from './registry';
-export { validateSync, type ValidateOutcome } from './validate';
+} from './registry.js';
+export { validateSync, type ValidateOutcome } from './validate.js';

package/src/url/parse.ts

@@ -10,13 +10,13 @@
  * fall back to the initial route on a bad URL instead of crashing the app.
  */
 
-import type { Href } from '../href';
-import type { RouteId } from '../register';
+import type { Href } from '../href.js';
+import type { RouteId } from '../register.js';
 import { parse as parseUrl } from '@sigx/lynx-linking';
-import type { CompiledPath } from './compile';
-import { parseSearch } from './format';
-import { getCompiledPath, getRouteRegistry } from './registry';
-import { validateSync } from './validate';
+import type { CompiledPath } from './compile.js';
+import { parseSearch } from './format.js';
+import { getCompiledPath, getRouteRegistry } from './registry.js';
+import { validateSync } from './validate.js';
 
 /**
  * Parse a URL string against the active route registry.

package/src/url/registry.ts

@@ -12,9 +12,9 @@
  * public API (test/integration use only).
  */
 
-import type { CompiledPath } from './compile';
-import { compilePath } from './compile';
-import type { RouteMap } from '../types';
+import type { CompiledPath } from './compile.js';
+import { compilePath } from './compile.js';
+import type { RouteMap } from '../types.js';
 
 interface RegistryState {
     readonly routes: RouteMap;

package/src/url/validate.ts

@@ -6,7 +6,7 @@
  * sync, which covers the common case. Async validators throw a clear error.
  */
 
-import type { StandardSchemaV1 } from '../types';
+import type { StandardSchemaV1 } from '../types.js';
 
 /**
  * Extended runtime view of a Standard Schema — adds the `validate` function

package/src/components/Drawer.d.ts

@@ -1,55 +0,0 @@
-/**
- * `<Drawer>` — minimal off-canvas drawer navigator.
- *
- * Usage:
- *
- * ```tsx
- * <NavigationRoot routes={routes}>
- *   <Drawer slots={{ sidebar: () => <view><text>Menu</text></view> }}>
- *     <Stack />
- *   </Drawer>
- * </NavigationRoot>
- * ```
- *
- * `useDrawer()` from inside any descendant gives `{ isOpen, open(), close(),
- * toggle() }`. The sidebar is laid out absolutely on the left and is
- * visible whenever `isOpen` is true.
- *
- * Scope: this slice ships the state primitive + the bare-bones layout.
- * Gesture-driven open (edge swipe from the left) and MTS slide-in are out
- * of scope — the app shell can wrap its sidebar JSX in its own transition.
- *
- * Design note: the sidebar lives in a named slot (`sidebar`) rather than
- * a render-prop or a `<Drawer.Sidebar>` child. Mixing
- * "register-yourself-as-a-fill" children with the parent's own visible
- * layout creates a feedback loop in sigx's reactive scope (the parent's
- * render reads the fill, child's setup writes it, parent re-renders,
- * child re-mounts, …). A scoped slot avoids that entirely and keeps the
- * call site declarative.
- *
- * `default` slot is the main content (almost always a `<Stack>`).
- */
-import { type Define } from '@sigx/lynx';
-/** Reactive controller returned by `useDrawer()`. */
-export interface DrawerNav {
-    /** True when the drawer is currently visible. Reactive. */
-    readonly isOpen: boolean;
-    /** Opens the drawer. */
-    open(): void;
-    /** Closes the drawer. */
-    close(): void;
-    /** Toggles between open and closed. */
-    toggle(): void;
-}
-/**
- * Access the enclosing Drawer navigator. Throws when called outside
- * `<Drawer>`.
- */
-export declare const useDrawer: import("@sigx/runtime-core").InjectableFunction<DrawerNav>;
-type DrawerProps = Define.Prop<'initialOpen', boolean> & Define.Slot<'sidebar'> & Define.Slot<'default'>;
-export declare const Drawer: import("@sigx/runtime-core").ComponentFactory<DrawerProps, void, {
-    sidebar: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
-} & {
-    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
-}>;
-export {};

package/src/components/EdgeBackHandle.d.ts

@@ -1 +0,0 @@
-export declare const EdgeBackHandle: import("@sigx/runtime-core").ComponentFactory<{}, void, unknown>;

package/src/components/EntryScope.d.ts

@@ -1,25 +0,0 @@
-import { type Define } from '@sigx/lynx';
-import type { StackEntry } from '../types';
-type EntryScopeProps = Define.Prop<'entry', StackEntry, true> & Define.Slot<'default'>;
-/**
- * Provider wrapper for a single screen mount.
- *
- * `<Stack>` and `<ScreenContainer>` instantiate this around each route
- * component so calls to `useIsFocused()` / `useFocusEffect()` /
- * `<Screen>` inside that screen resolve through `useCurrentEntry()` and
- * `useScreenRegistry()` to the entry it was rendered for. Without this
- * wrapper there'd be no per-screen way to know "which stack entry am I?"
- * — the navigator only knows what's currently on top.
- *
- * Also allocates a fresh `ScreenRegistry` per entry and publishes it to
- * the navigator's cross-entry registry map, so persistent chrome (HeaderBar
- * / TabBar — later slices) can read the focused entry's options + slot
- * fills without remounting itself.
- *
- * Renders the default slot directly; no extra layout element is inserted,
- * so this is layout-neutral for the screen it wraps.
- */
-export declare const EntryScope: import("@sigx/runtime-core").ComponentFactory<EntryScopeProps, void, {
-    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
-}>;
-export {};

package/src/components/Header.d.ts

@@ -1,6 +0,0 @@
-/**
- * Persistent header chrome. Mount once above `<Stack>`; reactively follows
- * the focused entry. No props in v1 — styling is a host-app concern,
- * arrived at through the slot fills.
- */
-export declare const Header: import("@sigx/runtime-core").ComponentFactory<{}, void, unknown>;

package/src/components/Layer.d.ts

@@ -1,33 +0,0 @@
-/**
- * `<Layer>` — one row in `<Stack>`'s layered render. Absolutely-
- * positioned host view that fills the Stack's relative wrapper, with
- * an optional MT-bound `translateX` / `translateY` animation driven
- * by a `SharedValue<number>` from the navigator's transition state.
- *
- * `<Stack>` emits one `<Layer>` per entry returned by
- * `computeLayers(...)`. Layer.key in the parent is
- * `layer-${entry.key}-${animationVariant(animation)}` so that:
- *
- *  - The same entry under the same animation state is preserved across
- *    renders (modal underneath stays mounted through the modal
- *    lifecycle; per-tab Stack state survives).
- *  - An entry transitioning between animated and static (e.g. a card
- *    top after its push transition completes) remounts so the
- *    `useAnimatedStyle` binding can be rebound — the underlying
- *    `useAnimatedStyle` is set-once at setup and can't switch its
- *    mapper at runtime.
- *
- * Layouts:
- *  - Host view is `position: absolute; top/right/bottom/left: 0;
- *    display: flex; flexDirection: column` so descendants that
- *    flex-fill (SafeAreaView, daisyui screens) get a sized parent.
- *  - No background. Screens own their own surface colour (typically
- *    via a daisy `bg-base-*` class on the screen body).
- */
-import { type ComponentFactory, type Define } from '@sigx/lynx';
-import type { LayerAnimation } from '../internal/layer-plan';
-import type { RouteMap, StackEntry } from '../types';
-export type LayerProps = Define.Prop<'entry', StackEntry, true> & Define.Prop<'routes', RouteMap, true>
-/** When set, the host view animates per the transform spec. */
- & Define.Prop<'animation', LayerAnimation | null, false>;
-export declare const Layer: ComponentFactory<LayerProps, void, {}>;