@sigx/lynx-navigation 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,30 +1,1161 @@
-/**
- * @sigx/lynx-navigation — type-first native stack router.
- *
- * Phase 0.1 (current): typed registry, stack runtime, NavigationRoot + Stack.
- * Coming next: Screen with slot-based header API, MTS transitions, Tabs.
- */
-export { defineRoutes } from './define-routes.js';
-export { useNav } 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 { useIsFocused, useFocusEffect } from './hooks/use-focus.js';
-export { useScreenOptions } from './hooks/use-screen-options.js';
-export { useNavSerializer, NAV_SNAPSHOT_VERSION, } from './hooks/use-nav-serializer.js';
-export { hrefFor, parseHref } 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.js';
-export { compilePath } 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 { TabBar } from './components/TabBar.js';
-export { Drawer, useDrawer } from './components/Drawer.js';
-export { Link } from './components/Link.js';
+import { Gesture as e, Suspense as t, component as n, compound as r, computed as i, defineInjectable as a, defineProvide as o, effect as s, isLazyComponent as c, onMounted as l, onUnmounted as u, runOnBackground as d, runOnMainThread as f, signal as p, untrack as m, useAnimatedStyle as h, useGestureDetector as g, useMainThreadRef as _, useSharedValue as v } from "@sigx/lynx";
+import { BackHandler as y, Linking as b, parse as ee } from "@sigx/lynx-linking";
+import { withTiming as x } from "@sigx/lynx-motion";
+import { jsx as S, jsxs as C } from "@sigx/lynx/jsx-runtime";
+//#region src/define-routes.ts
+function w(e) {
+	return e;
+}
+//#endregion
+//#region src/hooks/use-nav.ts
+var T = a(() => {
+	throw Error("[lynx-navigation] useNav() called but no <NavigationRoot> is mounted in the component tree.");
+});
+//#endregion
+//#region src/hooks/use-params.ts
+function E(e) {
+	return T().current.params;
+}
+//#endregion
+//#region src/hooks/use-search.ts
+function te(e) {
+	return T().current.search;
+}
+//#endregion
+//#region src/hooks/use-hardware-back.ts
+function ne() {
+	let e = T();
+	l(() => {
+		let t = y.addEventListener(() => {
+			let t = e;
+			outer: for (; t._children.size > 0;) {
+				for (let e of t._children) if (e.isLocallyFocused) {
+					t = e;
+					continue outer;
+				}
+				break;
+			}
+			let n = t;
+			for (; n;) {
+				if (n.canGoBack) return n.pop(), !0;
+				n = n.parent;
+			}
+			return y.exitApp(), !0;
+		});
+		return () => t.remove();
+	});
+}
+//#endregion
+//#region src/url/format.ts
+function re(e) {
+	if (!e) return "";
+	let t = Object.keys(e).sort(), n = [];
+	for (let r of t) {
+		let t = e[r];
+		if (t == null) continue;
+		let i = encodeURIComponent(r);
+		if (Array.isArray(t)) for (let e of t) e != null && n.push(`${i}=${encodeURIComponent(ae(e))}`);
+		else n.push(`${i}=${encodeURIComponent(ae(t))}`);
+	}
+	return n.join("&");
+}
+function ie(e) {
+	let t = {};
+	if (!e) return t;
+	let n = e.startsWith("?") ? e.slice(1) : e;
+	if (!n) return t;
+	for (let e of n.split("&")) {
+		if (!e) continue;
+		let n = e.indexOf("="), r = n === -1 ? e : e.slice(0, n), i = n === -1 ? "" : e.slice(n + 1), a = oe(r), o = oe(i), s = t[a];
+		s === void 0 ? t[a] = o : Array.isArray(s) ? s.push(o) : t[a] = [s, o];
+	}
+	return t;
+}
+function ae(e) {
+	switch (typeof e) {
+		case "string": return e;
+		case "number":
+		case "boolean":
+		case "bigint": return String(e);
+		default: return JSON.stringify(e);
+	}
+}
+function oe(e) {
+	try {
+		return decodeURIComponent(e.replace(/\+/g, " "));
+	} catch {
+		return e;
+	}
+}
+//#endregion
+//#region src/url/compile.ts
+var D = /:([A-Za-z_][A-Za-z0-9_]*)/g;
+function O(e) {
+	if (typeof e != "string") throw TypeError(`compilePath: expected string, got ${typeof e}`);
+	if (e.length === 0) throw Error("compilePath: path template must not be empty");
+	let t = e.startsWith("/") ? e : `/${e}`, n = [], r = 0, i = "";
+	D.lastIndex = 0;
+	for (let a = D.exec(t); a !== null; a = D.exec(t)) {
+		let o = a[1];
+		if (n.includes(o)) throw Error(`compilePath: duplicate param name ':${o}' in '${e}'`);
+		n.push(o), i += k(t.slice(r, a.index)), i += "([^/]+)", r = a.index + a[0].length;
+	}
+	i += k(t.slice(r));
+	let a = i.endsWith("/") ? i.slice(0, -1) : i;
+	return {
+		source: e,
+		paramNames: n,
+		regex: RegExp(`^${a}/?$`),
+		format(n) {
+			let r = "", i = 0;
+			D.lastIndex = 0;
+			for (let a = D.exec(t); a !== null; a = D.exec(t)) {
+				let o = a[1], s = n[o];
+				if (s == null) throw Error(`compilePath.format: missing required param ':${o}' for '${e}'`);
+				r += t.slice(i, a.index), r += encodeURIComponent(String(s)), i = a.index + a[0].length;
+			}
+			return r += t.slice(i), r;
+		}
+	};
+}
+var se = /[.*+?^${}()|[\]\\]/g;
+function k(e) {
+	return e.replace(se, "\\$&");
+}
+//#endregion
+//#region src/url/registry.ts
+var A = null;
+function j(e) {
+	A = {
+		routes: e,
+		compiled: /* @__PURE__ */ new Map()
+	};
+}
+function ce() {
+	A = null;
+}
+function M() {
+	if (!A) throw Error("[lynx-navigation] No route registry set — render a <NavigationRoot> first, or call _setRouteRegistry() for tests.");
+	return A;
+}
+function le(e, t) {
+	let n = e.routes[t];
+	if (!n || !n.path) return null;
+	let r = e.compiled.get(t);
+	return r || (r = O(n.path), e.compiled.set(t, r)), r;
+}
+//#endregion
+//#region src/url/build.ts
+function ue(e, t, n) {
+	let r = le(M(), e);
+	if (!r) return null;
+	let i = r.format(t ?? {}), a = re(n);
+	return a.length > 0 ? `${i}?${a}` : i;
+}
+//#endregion
+//#region src/url/validate.ts
+function N(e, t) {
+	if (!e) return {
+		ok: !0,
+		value: t
+	};
+	let n = e["~standard"]?.validate;
+	if (!n) return {
+		ok: !0,
+		value: t
+	};
+	let r = n(t);
+	if (de(r)) throw Error("[lynx-navigation] Async schema validation is not supported on the URL bridge — use a sync validator (Zod/Valibot/ArkType are all sync).");
+	return r.issues !== void 0 && r.issues.length > 0 ? {
+		ok: !1,
+		issues: r.issues.map((e) => e.message)
+	} : {
+		ok: !0,
+		value: r.value
+	};
+}
+function de(e) {
+	return typeof e == "object" && !!e && typeof e.then == "function";
+}
+//#endregion
+//#region src/url/parse.ts
+function fe(e) {
+	if (typeof e != "string" || e.length === 0) return null;
+	let { pathname: t, query: n } = me(e);
+	if (!t) return null;
+	let r = M(), i = ie(n);
+	for (let n of Object.keys(r.routes)) {
+		let a = le(r, n);
+		if (!a) continue;
+		let o = a.regex.exec(t);
+		if (!o) continue;
+		let s = pe(a, o), c = r.routes[n], l = N(c.params, s);
+		if (!l.ok) continue;
+		let u = N(c.search, i);
+		if (u.ok) return {
+			route: n,
+			params: l.value,
+			search: u.value,
+			url: e
+		};
+	}
+	return null;
+}
+function pe(e, t) {
+	let n = {};
+	for (let r = 0; r < e.paramNames.length; r++) {
+		let i = t[r + 1];
+		try {
+			n[e.paramNames[r]] = decodeURIComponent(i);
+		} catch {
+			n[e.paramNames[r]] = i;
+		}
+	}
+	return n;
+}
+function me(e) {
+	let t = e.indexOf("#"), n = t >= 0 ? e.slice(0, t) : e;
+	if (/^[a-zA-Z][a-zA-Z0-9+.\-]*:/.test(n)) {
+		let e = ee(n), t = n.indexOf("?"), r = t >= 0 ? n.slice(t + 1) : "";
+		return {
+			pathname: e.path,
+			query: r
+		};
+	}
+	let r = n.indexOf("?");
+	return r === -1 ? {
+		pathname: n,
+		query: ""
+	} : {
+		pathname: n.slice(0, r),
+		query: n.slice(r + 1)
+	};
+}
+//#endregion
+//#region src/href.ts
+function he(e, ...t) {
+	let n = M().routes[e];
+	if (!n) throw Error(`[lynx-navigation] hrefFor('${e}'): route is not in the active registry.`);
+	let r = !!n.params, i, a;
+	r ? (i = t[0], a = t[1]) : (i = void 0, a = t[0]);
+	let o = N(n.params, i ?? {});
+	if (!o.ok) throw Error(`[lynx-navigation] hrefFor('${e}'): params validation failed — ${o.issues.join("; ")}`);
+	let s = N(n.search, a ?? {});
+	if (!s.ok) throw Error(`[lynx-navigation] hrefFor('${e}'): search validation failed — ${s.issues.join("; ")}`);
+	let c = o.value, l = s.value;
+	return {
+		route: e,
+		params: c,
+		search: l,
+		url: ue(e, c, l)
+	};
+}
+function ge(e) {
+	return fe(e);
+}
+//#endregion
+//#region src/hooks/use-nav-internal.ts
+var P = a(() => {
+	throw Error("[lynx-navigation] No screen entry in scope. `useIsFocused` / `useFocusEffect` must be called from a component rendered as a route by <Stack>.");
+}), _e = a(() => null), F = a(() => {
+	throw Error("[lynx-navigation] No <NavigationRoot> found in the component tree.");
+}), I = a(() => {
+	throw Error("[lynx-navigation] No <NavigationRoot> found in the component tree.");
+}), L = a(() => {
+	throw Error("[lynx-navigation] No screen registry in scope. `<Screen>` (and `<Screen.Header>`, etc.) must be used inside a route component rendered by `<Stack>`.");
+});
+//#endregion
+//#region src/hooks/use-linking-nav.ts
+function ve(e = {}) {
+	let t = T(), n = F(), r = (r, i) => {
+		if (e.onURL) {
+			e.onURL(r, t);
+			return;
+		}
+		let a = ge(ye(r, e.prefixes));
+		if (!a) {
+			e.onUnmatched?.(r);
+			return;
+		}
+		be(t, n, a, i);
+	};
+	l(() => {
+		let t = b.getInitialURL();
+		t && r(t, e.replaceInitial === !1 ? "push" : "replace");
+		let n = b.addEventListener("url", (e) => r(e.url, "push"));
+		return () => n.remove();
+	});
+}
+function ye(e, t) {
+	if (!t || t.length === 0) return e;
+	for (let n of t) if (e.startsWith(n)) {
+		let t = e.slice(n.length);
+		return t.startsWith("/") ? t : `/${t}`;
+	}
+	return e;
+}
+function be(e, t, n, r) {
+	let i = t[n.route];
+	if (!i) return;
+	let a = !!i.params, o = r === "replace" ? e.replace : e.push;
+	a ? o(n.route, n.params, n.search) : o(n.route, n.search);
+}
+//#endregion
+//#region src/hooks/use-focus.ts
+function R() {
+	let e = T(), t = P().key;
+	return i(() => e.current.key === t && e.isLocallyFocused);
+}
+function xe(e) {
+	let t = R(), n, r = s(() => {
+		let r = t.value;
+		if (typeof n == "function") {
+			let e = n;
+			n = void 0, e();
+		}
+		r && (n = m(() => e()));
+	});
+	u(() => {
+		if (typeof n == "function") {
+			let e = n;
+			n = void 0, e();
+		}
+		r.stop();
+	});
+}
+//#endregion
+//#region src/internal/screen-registry.ts
+function Se(e) {
+	return {
+		entry: e,
+		options: p({}),
+		slots: p({})
+	};
+}
+function z(e, t, n) {
+	if (n === void 0) {
+		delete e.slots[t];
+		return;
+	}
+	e.slots[t] = n;
+}
+function B(e, t) {
+	for (let n of Object.keys(t)) {
+		let r = t[n];
+		r === void 0 ? delete e.options[n] : e.options[n] = r;
+	}
+}
+//#endregion
+//#region src/hooks/use-screen-options.ts
+function Ce(e) {
+	let t = L();
+	if (typeof e != "function") {
+		B(t, e);
+		return;
+	}
+	let n = s(() => {
+		B(t, e());
+	});
+	u(() => n.stop());
+}
+//#endregion
+//#region src/hooks/use-screen-chrome.ts
+function we() {
+	let e = T(), t = I(), n = _e(), r = () => {
+		let t = e.transition;
+		return t ? t.kind === "pop" ? t.underneathEntry : t.topEntry : e.current;
+	}, i = () => n && e.stack.some((e) => e.key === n.key) ? n : r();
+	return {
+		get title() {
+			let e = i(), n = t.screens.get(e.key)?.options.title;
+			return typeof n == "function" ? n() : typeof n == "string" ? n : e.route;
+		},
+		get headerShown() {
+			return t.screens.get(i().key)?.options.headerShown !== !1;
+		},
+		get canGoBack() {
+			let t = i();
+			return e.stack.findIndex((e) => e.key === t.key) > 0;
+		},
+		pop() {
+			e.pop();
+		},
+		get header() {
+			return t.screens.get(i().key)?.slots.header;
+		},
+		get headerLeft() {
+			return t.screens.get(i().key)?.slots.headerLeft;
+		},
+		get headerRight() {
+			return t.screens.get(i().key)?.slots.headerRight;
+		}
+	};
+}
+//#endregion
+//#region src/hooks/use-nav-serializer.ts
+var Te = 1;
+function Ee(e) {
+	let t = T(), n = F(), r = e.debounceMs ?? 250, i = e.onRestored, a = e.onRestoreError, o = !0, c = null, d = null;
+	l(() => {
+		Promise.resolve().then(() => e.storage.load()).then((e) => {
+			if (o) {
+				if (e == null) {
+					f();
+					return;
+				}
+				if (!De(e)) {
+					a?.("shape"), f();
+					return;
+				}
+				if (e.version !== 1) {
+					a?.("version"), f();
+					return;
+				}
+				for (let t of e.stack) if (!n[t.route]) {
+					a?.("unknown-route"), f();
+					return;
+				}
+				if (e.stack.length === 0) {
+					a?.("shape"), f();
+					return;
+				}
+				t.reset({ stack: e.stack }), i?.(e), f();
+			}
+		}).catch((e) => {
+			o && (a?.("load-threw", e), f());
+		});
+	});
+	function f() {
+		if (!o || d) return;
+		let e = !0, n = s(() => {
+			let n = {
+				version: 1,
+				stack: t.stack.map((e) => ({
+					key: e.key,
+					route: e.route,
+					params: e.params,
+					search: e.search,
+					state: e.state,
+					presentation: e.presentation
+				}))
+			};
+			if (e) {
+				e = !1;
+				return;
+			}
+			p(n);
+		});
+		d = () => n.stop();
+	}
+	function p(t) {
+		c != null && clearTimeout(c), c = setTimeout(() => {
+			c = null;
+			try {
+				let n = e.storage.save(t);
+				n && typeof n.catch == "function" && n.catch(() => {});
+			} catch {}
+		}, r);
+	}
+	u(() => {
+		o = !1, c != null && (clearTimeout(c), c = null), d &&= (d(), null);
+	});
+}
+function De(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	if (typeof t.version != "number" || !Array.isArray(t.stack)) return !1;
+	for (let e of t.stack) {
+		if (!e || typeof e != "object") return !1;
+		let t = e;
+		if (typeof t.key != "string" || typeof t.route != "string" || typeof t.presentation != "string") return !1;
+	}
+	return !0;
+}
+//#endregion
+//#region src/navigator/core.ts
+var V = .28;
+function H(e) {
+	c(e) && e.preload().catch(() => {});
+}
+var U = 0;
+function Oe() {
+	return U += 1, `entry-${U}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function W(e, t, n, r, i) {
+	let a = i[e], o = r?.presentation ?? a?.presentation ?? "card";
+	return {
+		key: Oe(),
+		route: e,
+		params: t ?? {},
+		search: n ?? {},
+		state: r?.state,
+		presentation: o
+	};
+}
+function G(e, t, n) {
+	if (n[e]?.params) {
+		let [e, n, r] = t;
+		return {
+			params: e,
+			search: n,
+			options: r
+		};
+	}
+	let [r, i] = t;
+	return {
+		params: void 0,
+		search: r,
+		options: i
+	};
+}
+function K(e) {
+	let { routes: t, initial: n, progress: r, parent: i = null } = e, a = p([n]), o = p({ value: e.initialLocallyFocused ?? !0 }), s = /* @__PURE__ */ new Set(), c = p({ value: null });
+	function l() {
+		return a;
+	}
+	function u(e) {
+		a.$set(e);
+	}
+	function d(e) {
+		c.value = e;
+	}
+	function m() {
+		return c.value !== null;
+	}
+	async function h(e, t) {
+		if (!r) return;
+		let n = r;
+		f((e, t) => {
+			"main thread";
+			n.current.value = 0, x(n, e, { duration: t });
+		})(e, t), await new Promise((e) => {
+			setTimeout(e, Math.round(t * 1e3));
+		});
+	}
+	let g = ((e, ...n) => {
+		if (!t[e]) throw Error(`[lynx-navigation] push('${e}'): route is not registered. Known routes: ${Object.keys(t).join(", ") || "(none)"}`);
+		let { params: a, search: o, options: s } = G(e, n, t);
+		if ((s?.presentation ?? t[e].presentation ?? "card") !== "card" && i) {
+			i.push(e, ...n);
+			return;
+		}
+		if (m()) return;
+		H(t[e].component);
+		let c = W(e, a, o, s, t), f = l(), p = f[f.length - 1];
+		u([...f, c]), s?.animated !== !1 && r && (d({
+			kind: "push",
+			topEntry: c,
+			underneathEntry: p,
+			progress: r
+		}), h(1, V).then(() => d(null), () => d(null)));
+	}), _ = ((e, ...n) => {
+		if (m()) return;
+		let { params: r, search: i, options: a } = G(e, n, t);
+		if (!t[e]) throw Error(`[lynx-navigation] replace('${e}'): route is not registered.`);
+		H(t[e].component);
+		let o = W(e, r, i, a, t), s = l();
+		u([...s.slice(0, s.length - 1), o]);
+	});
+	function v(e = 1, t) {
+		if (m()) return;
+		let n = l(), i = Math.max(1, n.length - Math.max(1, e));
+		if (i === n.length) return;
+		if (!(t?.animated !== !1 && r && e === 1 && n.length >= 2)) {
+			u(n.slice(0, i));
+			return;
+		}
+		let a = n[n.length - 1], o = n[n.length - 2];
+		d({
+			kind: "pop",
+			topEntry: a,
+			underneathEntry: o,
+			progress: r
+		}), h(1, V).then(() => {
+			u(n.slice(0, n.length - 1)), d(null);
+		}, () => {
+			u(n.slice(0, n.length - 1)), d(null);
+		});
+	}
+	function y(e) {
+		if (m()) return;
+		let t = l();
+		for (let n = t.length - 1; n >= 0; n--) if (t[n].route === e) {
+			if (n === t.length - 1) return;
+			u(t.slice(0, n + 1));
+			return;
+		}
+	}
+	function b() {
+		if (m()) return;
+		let e = l();
+		e.length <= 1 || u([e[0]]);
+	}
+	function ee(e) {
+		if (e.stack.length === 0) throw Error("[lynx-navigation] reset() called with empty stack.");
+		u([...e.stack]), d(null);
+	}
+	function S() {
+		if (m()) return;
+		let e = l(), t = e.length - 1;
+		for (; t > 0 && e[t].presentation !== "card";) t--;
+		t < e.length - 1 && u(e.slice(0, t + 1));
+	}
+	function C() {
+		if (m()) return;
+		let e = l();
+		if (e.length < 2) return;
+		let t = e[e.length - 1], n = e[e.length - 2];
+		d({
+			kind: "pop",
+			topEntry: t,
+			underneathEntry: n,
+			progress: r
+		});
+	}
+	function w() {
+		let e = l();
+		e.length >= 2 && u(e.slice(0, e.length - 1)), d(null);
+	}
+	function T() {
+		d(null);
+	}
+	let E = {
+		push: g,
+		replace: _,
+		pop: v,
+		popTo: y,
+		popToRoot: b,
+		reset: ee,
+		dismiss: S,
+		get current() {
+			return a[a.length - 1];
+		},
+		get stack() {
+			return a;
+		},
+		get canGoBack() {
+			return a.length > 1;
+		},
+		get parent() {
+			return i;
+		},
+		get isLocallyFocused() {
+			return o.value;
+		},
+		get _children() {
+			return s;
+		},
+		get transition() {
+			return c.value;
+		}
+	};
+	i && i._children.add(E);
+	function te(e) {
+		o.value !== e && (o.value = e);
+	}
+	return {
+		nav: E,
+		routes: t,
+		_gesture: {
+			beginBackGesture: C,
+			commitBackGesture: w,
+			cancelBackGesture: T
+		},
+		_screens: ke(),
+		_setLocallyFocused: te
+	};
+}
+function ke() {
+	let e = /* @__PURE__ */ new Map(), t = p({ v: 0 });
+	return {
+		register(n) {
+			e.set(n.entry.key, n), m(() => {
+				t.v += 1;
+			});
+		},
+		unregister(n) {
+			e.get(n.entry.key) === n && (e.delete(n.entry.key), m(() => {
+				t.v += 1;
+			}));
+		},
+		get(n) {
+			return t.v, e.get(n);
+		}
+	};
+}
+//#endregion
+//#region src/components/NavigationRoot.tsx
+var Ae = n(({ props: e, slots: t }) => {
+	let n = e.routes, r = e.initialRoute ?? Object.keys(n)[0];
+	if (!n[r]) throw Error(`[lynx-navigation] <NavigationRoot> initialRoute='${r}' is not in the routes registry.`);
+	j(n);
+	let i = n[r].presentation ?? "card", a = {
+		key: "root",
+		route: r,
+		params: e.initialParams ?? {},
+		search: e.initialSearch ?? {},
+		state: void 0,
+		presentation: i
+	}, s = v(0), c = e.animated !== !1, l = K({
+		routes: n,
+		initial: a,
+		progress: c ? s : void 0
+	});
+	o(T, () => l.nav), o(F, () => l.routes);
+	let u = e.edgeSwipeEnabled !== !1;
+	return o(I, () => ({
+		progress: c ? s : null,
+		beginBackGesture: l._gesture.beginBackGesture,
+		commitBackGesture: l._gesture.commitBackGesture,
+		cancelBackGesture: l._gesture.cancelBackGesture,
+		edgeSwipeEnabled: u,
+		screens: l._screens
+	})), () => t.default?.();
+});
+//#endregion
+//#region src/internal/screen-width.ts
+function q(e, t) {
+	try {
+		let t = typeof lynx < "u" ? lynx?.SystemInfo : void 0, n = t?.[e], r = t?.pixelRatio || 1;
+		if (typeof n == "number" && n > 0) return Math.round(n / r);
+	} catch {}
+	return t;
+}
+var J = q("pixelWidth", 400), je = q("pixelHeight", 800), Me = .3;
+function Y(e) {
+	return e === "modal" || e === "fullScreen" || e === "transparent-modal";
+}
+function Ne(e) {
+	return e ? `${e.axis}:${e.outputRange[0]}->${e.outputRange[1]}` : "static";
+}
+function Pe(e, t, n) {
+	return t === "push" ? e === "top" ? {
+		axis: "translateX",
+		inputRange: [0, 1],
+		outputRange: [J, 0],
+		progress: n
+	} : {
+		axis: "translateX",
+		inputRange: [0, 1],
+		outputRange: [0, -Me * J],
+		progress: n
+	} : e === "top" ? {
+		axis: "translateX",
+		inputRange: [0, 1],
+		outputRange: [0, J],
+		progress: n
+	} : {
+		axis: "translateX",
+		inputRange: [0, 1],
+		outputRange: [-Me * J, 0],
+		progress: n
+	};
+}
+function Fe(e, t) {
+	return e === "push" ? {
+		axis: "translateY",
+		inputRange: [0, 1],
+		outputRange: [je, 0],
+		progress: t
+	} : {
+		axis: "translateY",
+		inputRange: [0, 1],
+		outputRange: [0, je],
+		progress: t
+	};
+}
+function Ie(e, t, n) {
+	if (!t) {
+		let t = e.length - 1;
+		for (; t > 0 && Y(e[t].presentation);) --t;
+		return e.slice(t).map((e) => ({
+			entry: e,
+			animation: null
+		}));
+	}
+	if (!Y(t.topEntry.presentation)) return [{
+		entry: t.underneathEntry,
+		animation: n ? Pe("underneath", t.kind, n) : null
+	}, {
+		entry: t.topEntry,
+		animation: n ? Pe("top", t.kind, n) : null
+	}];
+	let r = e.findIndex((e) => e.key === t.underneathEntry.key), i = r >= 0 ? r : e.length - 1, a = i;
+	for (; a > 0 && Y(e[a].presentation);) --a;
+	return [...e.slice(a, i + 1).map((e) => ({
+		entry: e,
+		animation: null
+	})), {
+		entry: t.topEntry,
+		animation: n ? Fe(t.kind, n) : null
+	}];
+}
+//#endregion
+//#region src/components/EdgeBackHandle.tsx
+var Le = .33, Re = 300, ze = 20, Be = 8, X = .18, Z = Math.round(X * 1e3), Ve = n(() => {
+	let t = _(null), n = {
+		startPageX: 0,
+		prevPageX: 0,
+		prevTime: 0,
+		velocity: 0
+	}, r = I(), i = r.progress, a = r.beginBackGesture, o = r.commitBackGesture, s = r.cancelBackGesture;
+	return g(t, e.Pan().minDistance(Be).onBegin(() => {
+		"main thread";
+	}).onStart((e) => {
+		"main thread";
+		let t = e && e.params, r = t && t.pageX || 0;
+		n.startPageX = r, n.prevPageX = r, n.prevTime = Date.now(), n.velocity = 0, d(() => {
+			a();
+		})();
+	}).onUpdate((e) => {
+		"main thread";
+		if (!i) return;
+		let t = e && e.params, r = t && t.pageX || 0, a = r - n.startPageX, o = Math.max(0, Math.min(1, a / J));
+		i.current.value = o;
+		let s = Date.now(), c = s - n.prevTime;
+		c > 0 && (n.velocity = (r - n.prevPageX) / c * 1e3), n.prevPageX = r, n.prevTime = s;
+	}).onEnd((e) => {
+		"main thread";
+		if (!i) return;
+		let t = e && e.params;
+		((t && t.pageX || 0) - n.startPageX) / J > Le || n.velocity > Re ? (x(i, 1, { duration: X }), d(() => {
+			setTimeout(() => o(), Z);
+		})()) : (x(i, 0, { duration: X }), d(() => {
+			setTimeout(() => s(), Z);
+		})());
+	})), () => /* @__PURE__ */ S("view", {
+		"main-thread:ref": t,
+		style: {
+			position: "absolute",
+			top: "0",
+			left: "0",
+			width: `${ze}px`,
+			bottom: "0"
+		}
+	});
+}), He = n(({ props: e, slots: t }) => {
+	let n = I(), r = Se(e.entry);
+	return n.screens.register(r), u(() => {
+		n.screens.unregister(r);
+	}), o(P, () => e.entry), o(_e, () => e.entry), o(L, () => r), () => t.default?.();
+}), Ue = n(({ props: e }) => {
+	let n = _(null);
+	if (e.animation) {
+		let t = e.animation;
+		h(n, t.progress, t.axis, {
+			inputRange: [t.inputRange[0], t.inputRange[1]],
+			outputRange: [t.outputRange[0], t.outputRange[1]]
+		});
+	}
+	return () => {
+		let r = e.routes[e.entry.route];
+		if (!r) return null;
+		let i = r.component;
+		if (typeof i != "function") return null;
+		let a = e.entry.params, o = c(i) && r.fallback ? /* @__PURE__ */ S(t, {
+			fallback: r.fallback,
+			children: /* @__PURE__ */ S(i, { ...a })
+		}) : /* @__PURE__ */ S(i, { ...a });
+		return /* @__PURE__ */ S("view", {
+			"main-thread:ref": n,
+			style: {
+				position: "absolute",
+				top: "0",
+				left: "0",
+				right: "0",
+				bottom: "0",
+				display: "flex",
+				flexDirection: "column"
+			},
+			children: /* @__PURE__ */ S(He, {
+				entry: e.entry,
+				children: o
+			}, e.entry.key)
+		});
+	};
+}), Q = a(() => {
+	throw Error("[lynx-navigation] useTabs() called outside of a <Tabs> component.");
+}), We = a(() => {
+	throw Error("[lynx-navigation] <Tabs.Screen> rendered outside a <Tabs> component.");
+}), Ge = a(() => {
+	throw Error("[lynx-navigation] useTabScreenName() called outside a <Tabs.Screen> body.");
+}), Ke = r(n(({ props: e, slots: t }) => {
+	let n = p([]), r = p({ value: e.initialTab ?? null }), i = {
+		register(e) {
+			m(() => {
+				let t = n.findIndex((t) => t.name === e.name);
+				t === -1 ? n.push(e) : n[t] = e, r.value === null && (r.value = e.name);
+			});
+		},
+		unregister(e) {
+			m(() => {
+				let t = n.findIndex((t) => t.name === e);
+				t !== -1 && n.splice(t, 1), r.value === e && (r.value = n[0]?.name ?? null);
+			});
+		},
+		tabs: n,
+		activeSignal: r
+	}, a = {
+		get active() {
+			return r.value ?? "";
+		},
+		setActive(e) {
+			n.some((t) => t.name === e) && (r.value = e);
+		},
+		get tabs() {
+			return n;
+		}
+	};
+	return o(Q, () => a), o(We, () => i), () => t.default?.();
+}), { Screen: n(({ props: e, slots: t }) => {
+	let n = We(), r = e.name;
+	return n.register({
+		name: r,
+		icon: e.icon,
+		label: e.label,
+		accessibilityLabel: e.accessibilityLabel
+	}), u(() => n.unregister(r)), o(Ge, () => r), () => /* @__PURE__ */ S("view", {
+		style: {
+			display: n.activeSignal.value === r ? "flex" : "none",
+			flexDirection: "column",
+			width: "100%",
+			flexGrow: 1,
+			flexShrink: 1,
+			flexBasis: 0,
+			minHeight: 0
+		},
+		children: t.default?.()
+	});
+}) }), qe = 0, Je = n(({ props: e, slots: t }) => {
+	let n = T(), r = F(), i = I(), a = e.initialRoute, c = typeof a == "string" && a.length > 0, l, d;
+	if (c) {
+		if (!r[a]) throw Error(`[lynx-navigation] <Stack initialRoute='${a}'>: route is not registered. Known routes: ${Object.keys(r).join(", ") || "(none)"}`);
+		let t = null;
+		try {
+			t = P().key;
+		} catch {
+			t = null;
+		}
+		let c = null, f = null;
+		try {
+			c = Ge(), f = Q();
+		} catch {
+			c = null, f = null;
+		}
+		let p = i.progress !== null, h = v(0), g = r[a].presentation ?? "card";
+		qe += 1;
+		let _ = K({
+			routes: r,
+			initial: {
+				key: `nested-${a}-${qe}`,
+				route: a,
+				params: e.initialParams ?? {},
+				search: e.initialSearch ?? {},
+				state: void 0,
+				presentation: g
+			},
+			progress: p ? h : void 0,
+			parent: n,
+			initialLocallyFocused: !1
+		});
+		l = _.nav, d = {
+			progress: p ? h : null,
+			beginBackGesture: _._gesture.beginBackGesture,
+			commitBackGesture: _._gesture.commitBackGesture,
+			cancelBackGesture: _._gesture.cancelBackGesture,
+			edgeSwipeEnabled: p && i.edgeSwipeEnabled,
+			screens: _._screens
+		};
+		let y = s(() => {
+			let e = t === null || n.current.key === t, r = n.isLocallyFocused, i = c === null || f === null ? !0 : f.active === c, a = e && r && i;
+			m(() => _._setLocallyFocused(a));
+		});
+		u(() => {
+			y.stop(), n._children.delete(l);
+		}), o(T, () => l), o(F, () => r), o(I, () => d);
+	} else l = n, d = i;
+	let f = {
+		flexGrow: 1,
+		flexShrink: 1,
+		flexBasis: 0,
+		minHeight: 0,
+		display: "flex",
+		flexDirection: "column"
+	};
+	return () => {
+		let e = t.default?.(), n = Ie(l.stack, l.transition, d.progress), i = (e) => e ? /* @__PURE__ */ S(Ue, {
+			entry: e.entry,
+			routes: r,
+			animation: e.animation
+		}, `layer-${e.entry.key}-${Ne(e.animation)}`) : null, a = l.current, o = d.edgeSwipeEnabled && l.canGoBack && !l.transition && !Y(a.presentation) ? /* @__PURE__ */ S(Ve, {}, "edge-back") : null, s = /* @__PURE__ */ C("view", {
+			style: {
+				position: "relative",
+				width: "100%",
+				...f,
+				overflow: "hidden"
+			},
+			children: [
+				i(n[0]),
+				i(n[1]),
+				i(n[2]),
+				i(n[3]),
+				i(n[4]),
+				i(n[5]),
+				i(n[6]),
+				i(n[7]),
+				i(n[8]),
+				i(n[9]),
+				i(n[10]),
+				i(n[11]),
+				i(n[12]),
+				i(n[13]),
+				i(n[14]),
+				i(n[15]),
+				o
+			]
+		});
+		return e == null ? s : /* @__PURE__ */ C("view", {
+			style: f,
+			children: [e, /* @__PURE__ */ S("view", {
+				style: f,
+				children: s
+			})]
+		});
+	};
+}), Ye = n(({ props: e, slots: t }) => {
+	let n = L(), r = {};
+	return e.title !== void 0 && (r.title = e.title), e.headerShown !== void 0 && (r.headerShown = e.headerShown), e.gestureEnabled !== void 0 && (r.gestureEnabled = e.gestureEnabled), B(n, r), () => t.default?.();
+});
+function $(e) {
+	return n(({ slots: t }) => {
+		let n = L();
+		return z(n, e, () => t.default?.()), u(() => z(n, e, void 0)), () => null;
+	});
+}
+var Xe = $("header"), Ze = $("headerLeft"), Qe = $("headerRight"), $e = n(({ slots: e }) => {
+	let t = L();
+	return z(t, "tabBarItem", (t) => {
+		let n = e.default?.();
+		if (typeof n == "function") return n(t);
+		if (Array.isArray(n)) {
+			let e = n[0];
+			if (typeof e == "function") return e(t);
+		}
+		return n;
+	}), u(() => z(t, "tabBarItem", void 0)), () => null;
+}), et = Object.assign(Ye, {
+	Header: Xe,
+	HeaderLeft: Ze,
+	HeaderRight: Qe,
+	TabBarItem: $e
+});
+//#endregion
+//#region src/components/Header.tsx
+function tt(e, t) {
+	return typeof e == "function" ? e() : typeof e == "string" ? e : t;
+}
+var nt = n(({ props: e }) => () => /* @__PURE__ */ S("view", {
+	bindtap: () => e.onPress(),
+	"accessibility-element": !0,
+	"accessibility-label": "Back",
+	"accessibility-trait": "button",
+	children: /* @__PURE__ */ S("text", { children: "‹ Back" })
+})), rt = n(({ props: e }) => () => /* @__PURE__ */ S("view", { children: /* @__PURE__ */ S("text", { children: e.text }) })), it = n(() => {
+	let e = T(), t = I(), n = i(() => e.current), r = i(() => t.screens.get(n.value.key)?.slots.header), a = i(() => t.screens.get(n.value.key)?.slots.headerLeft), o = i(() => t.screens.get(n.value.key)?.slots.headerRight), s = i(() => t.screens.get(n.value.key)?.options.headerShown !== !1), c = i(() => tt(t.screens.get(n.value.key)?.options.title, n.value.route));
+	return () => {
+		if (!s.value) return null;
+		let t = r.value;
+		return t ? t() : /* @__PURE__ */ C("view", { children: [
+			/* @__PURE__ */ S("view", { children: a.value ? a.value() : e.canGoBack ? /* @__PURE__ */ S(nt, { onPress: () => e.pop() }) : null }),
+			/* @__PURE__ */ S(rt, { text: c.value }),
+			/* @__PURE__ */ S("view", { children: o.value ? o.value() : null })
+		] });
+	};
+}), at = n(({ props: e }) => () => {
+	let t = e.info.label ?? e.info.name;
+	return /* @__PURE__ */ C("view", {
+		bindtap: () => e.onPress(),
+		"accessibility-element": !0,
+		"accessibility-label": e.info.accessibilityLabel ?? t,
+		"accessibility-trait": "button",
+		"accessibility-status": e.active ? "selected" : void 0,
+		style: { opacity: e.active ? 1 : .6 },
+		children: [e.info.icon ?? null, /* @__PURE__ */ S("text", { children: t })]
+	});
+}), ot = n(({ props: e }) => {
+	let t = Q();
+	return () => {
+		let n = t.tabs, r = t.active, i = e.renderTab;
+		return /* @__PURE__ */ S("view", {
+			"accessibility-element": !1,
+			children: n.map((e) => {
+				let n = e.name === r, a = () => t.setActive(e.name);
+				return i ? i(e, {
+					active: n,
+					onPress: a
+				}) : /* @__PURE__ */ S(at, {
+					info: e,
+					active: n,
+					onPress: a
+				});
+			})
+		});
+	};
+}), st = a(() => {
+	throw Error("[lynx-navigation] useDrawer() called outside of a <Drawer> component.");
+}), ct = n(({ props: e, slots: t }) => {
+	let n = p({ value: e.initialOpen === !0 }), r = {
+		get isOpen() {
+			return n.value;
+		},
+		open() {
+			n.value = !0;
+		},
+		close() {
+			n.value = !1;
+		},
+		toggle() {
+			n.value = !n.value;
+		}
+	};
+	return o(st, () => r), () => {
+		let e = n.value;
+		return /* @__PURE__ */ C("view", {
+			style: {
+				width: "100%",
+				height: "100%"
+			},
+			children: [/* @__PURE__ */ S("view", {
+				style: {
+					width: "100%",
+					height: "100%"
+				},
+				children: t.default?.()
+			}), /* @__PURE__ */ S("view", {
+				style: {
+					position: "absolute",
+					left: 0,
+					top: 0,
+					bottom: 0,
+					display: e ? "flex" : "none"
+				},
+				children: t.sidebar?.()
+			})]
+		});
+	};
+}), lt = n(({ props: e, slots: t }) => {
+	let n = T(), r = F(), i = () => {
+		let t = e.to, i = r[t];
+		if (!i) throw Error(`[lynx-navigation] <Link to='${t}'>: route is not registered.`);
+		let a = !!i.params, o = e.replace ? n.replace : n.push;
+		a ? o(t, e.params, e.search) : o(t, e.search);
+	};
+	return () => /* @__PURE__ */ S("view", {
+		bindtap: i,
+		children: t.default?.()
+	});
+}, { name: "Link" });
+//#endregion
+export { ct as Drawer, it as Header, lt as Link, Te as NAV_SNAPSHOT_VERSION, Ae as NavigationRoot, et as Screen, Je as Stack, ot as TabBar, Ke as Tabs, ce as _clearRouteRegistry, j as _setRouteRegistry, O as compilePath, w as defineRoutes, he as hrefFor, ge as parseHref, st as useDrawer, xe as useFocusEffect, ne as useHardwareBack, R as useIsFocused, ve as useLinkingNav, T as useNav, Ee as useNavSerializer, E as useParams, we as useScreenChrome, Ce as useScreenOptions, te as useSearch, Q as useTabs };
+
 //# sourceMappingURL=index.js.map