@flemo/react 1.1.0 → 1.3.0

package/dist/index.mjs

@@ -1,1285 +1,1202 @@
-import { jsx as k, jsxs as Bt, Fragment as ye } from "react/jsx-runtime";
-import xt, { useEffect as wt, createContext as _t, useContext as jt, useReducer as we, Children as oe, useInsertionEffect as ge, useRef as N, useImperativeHandle as Se, useState as bt, useLayoutEffect as mt } from "react";
-import { consumeSelfInducedPop as ve, TaskManger as V, useNavigateStore as J, useHistoryStore as G, getMatchedPathPattern as Ee, transitionMap as ut, decoratorMap as yt, isServer as Ut, compileTransitionStyles as Pe, useTransitionStore as Yt, getParams as Te, markSelfInducedPop as Ft, targetToDecls as xe, easingToCss as be, variantHasAnimation as Ie, animationName as Re, findScrollable as Jt, collectAnimatedProperties as De } from "@flemo/core";
-import { createDecorator as rn, createRawDecorator as on, createRawTransition as sn, createTransition as an } from "@flemo/core";
-function Le() {
-  return wt(() => {
-    const n = async (e) => {
-      if (ve())
-        return;
-      const r = e.state?.id, a = V.generateTaskId();
-      (await V.addTask(
-        async (c) => {
-          const i = e.state?.index, s = e.state?.status, w = e.state?.params, P = e.state?.transitionName, f = e.state?.layoutId, { setStatus: T, setTransitionTaskId: p } = J.getState(), { index: I, addHistory: L, popHistory: H } = G.getState(), R = i < I, U = s === "PUSHING" && i > I, C = s === "REPLACING" && i > I, A = window.location.pathname;
-          if (!R && !U && !C) {
-            c.abort();
-            return;
-          }
-          return p(a), R ? T("POPPING") : U ? (T("PUSHING"), L({
-            id: r,
-            pathname: A,
-            params: w,
-            transitionName: P,
-            layoutId: f
-          })) : C && (T("REPLACING"), L({
-            id: r,
-            pathname: A,
-            params: w,
-            transitionName: P,
-            layoutId: f
-          })), async () => {
-            R && H(i + 1), T("COMPLETED");
-          };
-        },
-        {
-          id: a,
-          control: {
-            manual: !0
-          }
-        }
-      )).result?.();
-    };
-    return window.addEventListener("popstate", n), () => {
-      window.removeEventListener("popstate", n);
-    };
-  }, []), null;
+import e, { Children as t, createContext as n, useContext as r, useEffect as i, useImperativeHandle as a, useInsertionEffect as o, useLayoutEffect as s, useReducer as c, useRef as l, useState as u } from "react";
+import { TaskManger as d, animationName as f, collectAnimatedProperties as p, compileTransitionStyles as m, consumeSelfInducedPop as h, createDecorator as g, createHistoryStore as _, createNavigateStore as v, createRawDecorator as ee, createRawTransition as te, createTransition as y, createTransitionStore as b, decoratorMap as ne, easingToCss as re, findScrollable as ie, getMatchedPathPattern as ae, getParams as x, isServer as oe, markSelfInducedPop as S, targetToDecls as C, transitionMap as w, variantHasAnimation as se } from "@flemo/core";
+import { jsx as T, jsxs as ce } from "react/jsx-runtime";
+//#region \0rolldown/runtime.js
+var le = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), E = n(null);
+//#endregion
+//#region src/stores/useStores.ts
+function D() {
+	let e = r(E);
+	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
+	return e;
 }
-var F = {}, Qt;
-function Ne() {
-  if (Qt) return F;
-  Qt = 1, Object.defineProperty(F, "__esModule", { value: !0 }), F.PathError = F.TokenData = void 0, F.parse = f, F.compile = T, F.match = L, F.pathToRegexp = H, F.stringify = X;
-  const n = "/", e = (o) => o, r = /^[$_\p{ID_Start}]$/u, a = /^[$\u200c\u200d\p{ID_Continue}]$/u, c = /^[$_\p{ID_Start}][$\u200c\u200d\p{ID_Continue}]*$/u;
-  function i(o) {
-    return o.replace(/[{}()\[\]+?!:*\\]/g, "\\$&");
-  }
-  function s(o) {
-    return o.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
-  }
-  class w {
-    constructor(u, y) {
-      this.tokens = u, this.originalPath = y;
-    }
-  }
-  F.TokenData = w;
-  class P extends TypeError {
-    constructor(u, y) {
-      let l = u;
-      y && (l += `: ${y}`), l += "; visit https://git.new/pathToRegexpError for info", super(l), this.originalPath = y;
-    }
-  }
-  F.PathError = P;
-  function f(o, u = {}) {
-    const { encodePath: y = e } = u, l = [...o];
-    let d = 0;
-    function g(m) {
-      const x = [];
-      let S = "";
-      function D() {
-        S && (x.push({
-          type: "text",
-          value: y(S)
-        }), S = "");
-      }
-      for (; d < l.length; ) {
-        const b = l[d++];
-        if (b === m)
-          return D(), x;
-        if (b === "\\") {
-          if (d === l.length)
-            throw new P(`Unexpected end after \\ at index ${d}`, o);
-          S += l[d++];
-          continue;
-        }
-        if (b === ":" || b === "*") {
-          const Y = b === ":" ? "param" : "wildcard";
-          let v = "";
-          if (r.test(l[d]))
-            do
-              v += l[d++];
-            while (a.test(l[d]));
-          else if (l[d] === '"') {
-            let B = d;
-            for (; d < l.length; ) {
-              if (l[++d] === '"') {
-                d++, B = 0;
-                break;
-              }
-              l[d] === "\\" && d++, v += l[d];
-            }
-            if (B)
-              throw new P(`Unterminated quote at index ${B}`, o);
-          }
-          if (!v)
-            throw new P(`Missing parameter name at index ${d}`, o);
-          D(), x.push({ type: Y, name: v });
-          continue;
-        }
-        if (b === "{") {
-          D(), x.push({
-            type: "group",
-            tokens: g("}")
-          });
-          continue;
-        }
-        if (b === "}" || b === "(" || b === ")" || b === "[" || b === "]" || b === "+" || b === "?" || b === "!")
-          throw new P(`Unexpected ${b} at index ${d - 1}`, o);
-        S += b;
-      }
-      if (m)
-        throw new P(`Unexpected end at index ${d}, expected ${m}`, o);
-      return D(), x;
-    }
-    return new w(g(""), o);
-  }
-  function T(o, u = {}) {
-    const { encode: y = encodeURIComponent, delimiter: l = n } = u, d = typeof o == "object" ? o : f(o, u), g = p(d.tokens, l, y);
-    return function(x = {}) {
-      const S = [], D = g(x, S);
-      if (S.length)
-        throw new TypeError(`Missing parameters: ${S.join(", ")}`);
-      return D;
-    };
-  }
-  function p(o, u, y) {
-    const l = o.map((d) => I(d, u, y));
-    return (d, g) => {
-      let m = "";
-      for (const x of l)
-        m += x(d, g);
-      return m;
-    };
-  }
-  function I(o, u, y) {
-    if (o.type === "text")
-      return () => o.value;
-    if (o.type === "group") {
-      const d = p(o.tokens, u, y);
-      return (g, m) => {
-        const x = m.length, S = d(g, m);
-        return m.length === x ? S : (m.length = x, "");
-      };
-    }
-    const l = y || e;
-    return o.type === "wildcard" && y !== !1 ? (d, g) => {
-      const m = d[o.name];
-      if (m == null)
-        return g.push(o.name), "";
-      if (!Array.isArray(m) || m.length === 0)
-        throw new TypeError(`Expected "${o.name}" to be a non-empty array`);
-      let x = "";
-      for (let S = 0; S < m.length; S++) {
-        if (typeof m[S] != "string")
-          throw new TypeError(`Expected "${o.name}/${S}" to be a string`);
-        S > 0 && (x += u), x += l(m[S]);
-      }
-      return x;
-    } : (d, g) => {
-      const m = d[o.name];
-      if (m == null)
-        return g.push(o.name), "";
-      if (typeof m != "string")
-        throw new TypeError(`Expected "${o.name}" to be a string`);
-      return l(m);
-    };
-  }
-  function L(o, u = {}) {
-    const { decode: y = decodeURIComponent, delimiter: l = n } = u, { regexp: d, keys: g } = H(o, u), m = g.map((x) => y === !1 ? e : x.type === "param" ? y : (S) => S.split(l).map(y));
-    return function(S) {
-      const D = d.exec(S);
-      if (!D)
-        return !1;
-      const b = D[0], Y = /* @__PURE__ */ Object.create(null);
-      for (let v = 1; v < D.length; v++) {
-        if (D[v] === void 0)
-          continue;
-        const B = g[v - 1], j = m[v - 1];
-        Y[B.name] = j(D[v]);
-      }
-      return { path: b, params: Y };
-    };
-  }
-  function H(o, u = {}) {
-    const { delimiter: y = n, end: l = !0, sensitive: d = !1, trailing: g = !0 } = u, m = [];
-    let x = "", S = 0;
-    function D(Y) {
-      if (Array.isArray(Y)) {
-        for (const B of Y)
-          D(B);
-        return;
-      }
-      const v = typeof Y == "object" ? Y : f(Y, u);
-      R(v.tokens, 0, [], (B) => {
-        if (S >= 256)
-          throw new P("Too many path combinations", v.originalPath);
-        S > 0 && (x += "|"), x += U(B, y, m, v.originalPath), S++;
-      });
-    }
-    D(o);
-    let b = `^(?:${x})`;
-    return g && (b += "(?:" + s(y) + "$)?"), b += l ? "$" : "(?=" + s(y) + "|$)", { regexp: new RegExp(b, d ? "" : "i"), keys: m };
-  }
-  function R(o, u, y, l) {
-    for (; u < o.length; ) {
-      const d = o[u++];
-      if (d.type === "group") {
-        const g = y.length;
-        R(d.tokens, 0, y, (m) => R(o, u, m, l)), y.length = g;
-        continue;
-      }
-      y.push(d);
-    }
-    l(y);
-  }
-  function U(o, u, y, l) {
-    let d = "", g = "", m = "", x = 0, S = 0, D = 0;
-    function b(v, B) {
-      for (; v < o.length; ) {
-        const j = o[v++];
-        if (j.type === B)
-          return !0;
-        if (j.type === "text" && j.value.includes(u))
-          break;
-      }
-      return !1;
-    }
-    function Y(v) {
-      let B = "";
-      for (; v < o.length; ) {
-        const j = o[v++];
-        if (j.type !== "text")
-          break;
-        B += j.value;
-      }
-      return B;
-    }
-    for (; D < o.length; ) {
-      const v = o[D++];
-      if (v.type === "text") {
-        d += s(v.value), g += v.value, x === 2 && (m += v.value), v.value.includes(u) && (S = 0);
-        continue;
-      }
-      if (v.type === "param" || v.type === "wildcard") {
-        if (x && !g)
-          throw new P(`Missing text before "${v.name}" ${v.type}`, l);
-        v.type === "param" ? (d += S & 2 ? `(${C(u, g)}+)` : b(D, "wildcard") ? `(${C(u, Y(D))}+)` : S & 1 ? `(${C(u, g)}+|${s(g)})` : `(${C(u, "")}+)`, S |= x = 1) : (d += S & 2 ? `(${C(g, "")}+)` : m ? `(${C(m, "")}+|${C(u, "")}+)` : "([^]+)", m = "", S |= x = 2), y.push(v), g = "";
-        continue;
-      }
-      throw new TypeError(`Unknown token type: ${v.type}`);
-    }
-    return d;
-  }
-  function C(o, u) {
-    return u.length > o.length ? C(u, o) : (o === u && (u = ""), u.length > 1 ? `(?:(?!${s(o)}|${s(u)})[^])` : o.length > 1 ? `(?:(?!${s(o)})[^${s(u)}])` : `[^${s(o + u)}]`);
-  }
-  function A(o, u) {
-    let y = "";
-    for (; u < o.length; ) {
-      const l = o[u++];
-      if (l.type === "text") {
-        y += i(l.value);
-        continue;
-      }
-      if (l.type === "group") {
-        y += "{" + A(l.tokens, 0) + "}";
-        continue;
-      }
-      if (l.type === "param") {
-        y += ":" + O(l.name, o[u]);
-        continue;
-      }
-      if (l.type === "wildcard") {
-        y += "*" + O(l.name, o[u]);
-        continue;
-      }
-      throw new TypeError(`Unknown token type: ${l.type}`);
-    }
-    return y;
-  }
-  function X(o) {
-    return A(o.tokens, 0);
-  }
-  function O(o, u) {
-    return !c.test(o) || u?.type === "text" && a.test(u.value[0]) ? JSON.stringify(o) : o;
-  }
-  return F;
+//#endregion
+//#region src/history/HistoryListener.tsx
+function ue() {
+	let e = D();
+	return i(() => {
+		let t = async (t) => {
+			if (h()) return;
+			let n = t.state?.id, r = d.generateTaskId();
+			(await d.addTask(async (i) => {
+				let a = t.state?.index, o = t.state?.status, s = t.state?.params, c = t.state?.transitionName, l = t.state?.layoutId, { setStatus: u, setTransitionTaskId: d } = e.navigate.getState(), { index: f, addHistory: p, popHistory: m } = e.history.getState(), h = a < f, g = o === "PUSHING" && a > f, _ = o === "REPLACING" && a > f, v = window.location.pathname;
+				if (!h && !g && !_) {
+					i.abort();
+					return;
+				}
+				return d(r), h ? u("POPPING") : g ? (u("PUSHING"), p({
+					id: n,
+					pathname: v,
+					params: s,
+					transitionName: c,
+					layoutId: l
+				})) : _ && (u("REPLACING"), p({
+					id: n,
+					pathname: v,
+					params: s,
+					transitionName: c,
+					layoutId: l
+				})), async () => {
+					h && m(a + 1), u("COMPLETED");
+				};
+			}, {
+				id: r,
+				control: { manual: !0 }
+			})).result?.();
+		};
+		return window.addEventListener("popstate", t), () => {
+			window.removeEventListener("popstate", t);
+		};
+	}, [e]), null;
 }
-var It = Ne();
-const ie = _t({
-  id: "",
-  isActive: !1,
-  isRoot: !0,
-  isPrev: !1,
-  zIndex: 0,
-  pathname: "",
-  params: {},
-  transitionName: "none",
-  prevTransitionName: "none",
-  layoutId: null,
-  routePath: ""
+//#endregion
+//#region src/screen/ScreenContext.ts
+var O = (/* @__PURE__ */ le(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.PathError = e.TokenData = void 0, e.parse = c, e.compile = l, e.pathToRegexp = f;
+	var t = "/", n = (e) => e, r = /^[$_\p{ID_Start}]$/u, i = /^[$\u200c\u200d\p{ID_Continue}]$/u;
+	function a(e) {
+		return e.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
+	}
+	var o = class {
+		constructor(e, t) {
+			this.tokens = e, this.originalPath = t;
+		}
+	};
+	e.TokenData = o;
+	var s = class extends TypeError {
+		constructor(e, t) {
+			let n = e;
+			t && (n += `: ${t}`), n += "; visit https://git.new/pathToRegexpError for info", super(n), this.originalPath = t;
+		}
+	};
+	e.PathError = s;
+	function c(e, t = {}) {
+		let { encodePath: a = n } = t, c = [...e], l = 0;
+		function u(t) {
+			let n = [], o = "";
+			function d() {
+				o &&= (n.push({
+					type: "text",
+					value: a(o)
+				}), "");
+			}
+			for (; l < c.length;) {
+				let a = c[l++];
+				if (a === t) return d(), n;
+				if (a === "\\") {
+					if (l === c.length) throw new s(`Unexpected end after \\ at index ${l}`, e);
+					o += c[l++];
+					continue;
+				}
+				if (a === ":" || a === "*") {
+					let t = a === ":" ? "param" : "wildcard", o = "";
+					if (r.test(c[l])) do
+						o += c[l++];
+					while (i.test(c[l]));
+					else if (c[l] === "\"") {
+						let t = l;
+						for (; l < c.length;) {
+							if (c[++l] === "\"") {
+								l++, t = 0;
+								break;
+							}
+							c[l] === "\\" && l++, o += c[l];
+						}
+						if (t) throw new s(`Unterminated quote at index ${t}`, e);
+					}
+					if (!o) throw new s(`Missing parameter name at index ${l}`, e);
+					d(), n.push({
+						type: t,
+						name: o
+					});
+					continue;
+				}
+				if (a === "{") {
+					d(), n.push({
+						type: "group",
+						tokens: u("}")
+					});
+					continue;
+				}
+				if (a === "}" || a === "(" || a === ")" || a === "[" || a === "]" || a === "+" || a === "?" || a === "!") throw new s(`Unexpected ${a} at index ${l - 1}`, e);
+				o += a;
+			}
+			if (t) throw new s(`Unexpected end at index ${l}, expected ${t}`, e);
+			return d(), n;
+		}
+		return new o(u(""), e);
+	}
+	function l(e, n = {}) {
+		let { encode: r = encodeURIComponent, delimiter: i = t } = n, a = u((typeof e == "object" ? e : c(e, n)).tokens, i, r);
+		return function(e = {}) {
+			let t = [], n = a(e, t);
+			if (t.length) throw TypeError(`Missing parameters: ${t.join(", ")}`);
+			return n;
+		};
+	}
+	function u(e, t, n) {
+		let r = e.map((e) => d(e, t, n));
+		return (e, t) => {
+			let n = "";
+			for (let i of r) n += i(e, t);
+			return n;
+		};
+	}
+	function d(e, t, r) {
+		if (e.type === "text") return () => e.value;
+		if (e.type === "group") {
+			let n = u(e.tokens, t, r);
+			return (e, t) => {
+				let r = t.length, i = n(e, t);
+				return t.length === r ? i : (t.length = r, "");
+			};
+		}
+		let i = r || n;
+		return e.type === "wildcard" && r !== !1 ? (n, r) => {
+			let a = n[e.name];
+			if (a == null) return r.push(e.name), "";
+			if (!Array.isArray(a) || a.length === 0) throw TypeError(`Expected "${e.name}" to be a non-empty array`);
+			let o = "";
+			for (let n = 0; n < a.length; n++) {
+				if (typeof a[n] != "string") throw TypeError(`Expected "${e.name}/${n}" to be a string`);
+				n > 0 && (o += t), o += i(a[n]);
+			}
+			return o;
+		} : (t, n) => {
+			let r = t[e.name];
+			if (r == null) return n.push(e.name), "";
+			if (typeof r != "string") throw TypeError(`Expected "${e.name}" to be a string`);
+			return i(r);
+		};
+	}
+	function f(e, n = {}) {
+		let { delimiter: r = t, end: i = !0, sensitive: o = !1, trailing: l = !0 } = n, u = [], d = "", f = 0;
+		function h(e) {
+			if (Array.isArray(e)) {
+				for (let t of e) h(t);
+				return;
+			}
+			let t = typeof e == "object" ? e : c(e, n);
+			p(t.tokens, 0, [], (e) => {
+				if (f >= 256) throw new s("Too many path combinations", t.originalPath);
+				f > 0 && (d += "|"), d += m(e, r, u, t.originalPath), f++;
+			});
+		}
+		h(e);
+		let g = `^(?:${d})`;
+		return l && (g += "(?:" + a(r) + "$)?"), g += i ? "$" : "(?=" + a(r) + "|$)", {
+			regexp: new RegExp(g, o ? "" : "i"),
+			keys: u
+		};
+	}
+	function p(e, t, n, r) {
+		for (; t < e.length;) {
+			let i = e[t++];
+			if (i.type === "group") {
+				let a = n.length;
+				p(i.tokens, 0, n, (n) => p(e, t, n, r)), n.length = a;
+				continue;
+			}
+			n.push(i);
+		}
+		r(n);
+	}
+	function m(e, t, n, r) {
+		let i = "", o = "", c = "", l = 0, u = 0, d = 0;
+		function f(n, r) {
+			for (; n < e.length;) {
+				let i = e[n++];
+				if (i.type === r) return !0;
+				if (i.type === "text" && i.value.includes(t)) break;
+			}
+			return !1;
+		}
+		function p(t) {
+			let n = "";
+			for (; t < e.length;) {
+				let r = e[t++];
+				if (r.type !== "text") break;
+				n += r.value;
+			}
+			return n;
+		}
+		for (; d < e.length;) {
+			let m = e[d++];
+			if (m.type === "text") {
+				i += a(m.value), o += m.value, l === 2 && (c += m.value), m.value.includes(t) && (u = 0);
+				continue;
+			}
+			if (m.type === "param" || m.type === "wildcard") {
+				if (l && !o) throw new s(`Missing text before "${m.name}" ${m.type}`, r);
+				m.type === "param" ? (i += u & 2 ? `(${h(t, o)}+)` : f(d, "wildcard") ? `(${h(t, p(d))}+)` : u & 1 ? `(${h(t, o)}+|${a(o)})` : `(${h(t, "")}+)`, u |= l = 1) : (i += u & 2 ? `(${h(o, "")}+)` : c ? `(${h(c, "")}+|${h(t, "")}+)` : "([^]+)", c = "", u |= l = 2), n.push(m), o = "";
+				continue;
+			}
+			throw TypeError(`Unknown token type: ${m.type}`);
+		}
+		return i;
+	}
+	function h(e, t) {
+		return t.length > e.length ? h(t, e) : (e === t && (t = ""), t.length > 1 ? `(?:(?!${a(e)}|${a(t)})[^])` : e.length > 1 ? `(?:(?!${a(e)})[^${a(t)}])` : `[^${a(e + t)}]`);
+	}
+})))(), k = n({
+	id: "",
+	isActive: !1,
+	isRoot: !0,
+	isPrev: !1,
+	zIndex: 0,
+	pathname: "",
+	params: {},
+	transitionName: "none",
+	prevTransitionName: "none",
+	layoutId: null,
+	routePath: ""
 });
-function gt() {
-  return jt(ie);
+//#endregion
+//#region src/screen/useScreen.ts
+function A() {
+	return r(k);
 }
-const se = _t({}), ae = _t(() => {
-});
-function ke(n, e) {
-  return e.type === "SET" ? e.params : n;
+//#endregion
+//#region src/screen/ParamsProvider/ParamsContext.ts
+var j = n({}), M = n(() => {});
+//#endregion
+//#region src/screen/ParamsProvider/ParamsReducer.ts
+function de(e, t) {
+	switch (t.type) {
+		case "SET": return t.params;
+		default: return e;
+	}
+}
+//#endregion
+//#region src/screen/ParamsProvider/ParamsProvider.tsx
+function fe({ children: e }) {
+	let { isActive: t, params: n } = A(), [r, a] = c(de, n);
+	return i(() => {
+		let e = async (e) => {
+			e.state?.step && await d.addTask(async () => {
+				a({
+					type: "SET",
+					params: e.state?.params || {}
+				});
+			});
+		};
+		return t && window.addEventListener("popstate", e), () => {
+			window.removeEventListener("popstate", e);
+		};
+	}, [t, a]), /* @__PURE__ */ T(M.Provider, {
+		value: a,
+		children: /* @__PURE__ */ T(j.Provider, {
+			value: r,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.17_react@19.2.7/node_modules/zustand/esm/vanilla.mjs
+var N = (e) => {
+	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
+		let i = typeof e == "function" ? e(t) : e;
+		if (!Object.is(i, t)) {
+			let e = t;
+			t = r ?? (typeof i != "object" || !i) ? i : Object.assign({}, t, i), n.forEach((n) => n(t, e));
+		}
+	}, i = () => t, a = {
+		setState: r,
+		getState: i,
+		getInitialState: () => o,
+		subscribe: (e) => (n.add(e), () => n.delete(e))
+	}, o = t = e(r, i, a);
+	return a;
+}, pe = ((e) => e ? N(e) : N), me = (e) => e;
+function P(t, n = me) {
+	let r = e.useSyncExternalStore(t.subscribe, e.useCallback(() => n(t.getState()), [t, n]), e.useCallback(() => n(t.getInitialState()), [t, n]));
+	return e.useDebugValue(r), r;
+}
+//#endregion
+//#region src/stores/useHistoryStore.ts
+function F(e) {
+	return P(D().history, e);
 }
-function Ae({ children: n }) {
-  const { isActive: e, params: r } = gt(), [a, c] = we(ke, r);
-  return wt(() => {
-    const i = async (s) => {
-      s.state?.step && await V.addTask(async () => {
-        c({ type: "SET", params: s.state?.params || {} });
-      });
-    };
-    return e && window.addEventListener("popstate", i), () => {
-      window.removeEventListener("popstate", i);
-    };
-  }, [e, c]), /* @__PURE__ */ k(ae.Provider, { value: c, children: /* @__PURE__ */ k(se.Provider, { value: a, children: n }) });
+//#endregion
+//#region src/renderer/Renderer.tsx
+function he({ children: e }) {
+	let n = F((e) => e.index), r = F((e) => e.histories);
+	return r.map((n) => t.toArray(e).filter((e) => (0, O.pathToRegexp)(e.props.path).regexp.test(n.pathname))).map(([e], t) => /* @__PURE__ */ T(k.Provider, {
+		value: {
+			id: r[t].id,
+			isActive: t === n,
+			isRoot: t === 0,
+			isPrev: t < n - 1,
+			zIndex: t,
+			pathname: r[t].pathname,
+			params: r[t].params,
+			transitionName: r[n].transitionName,
+			prevTransitionName: r[n - 1]?.transitionName,
+			layoutId: r[t].layoutId,
+			routePath: ae(e.props.path, r[t].pathname)
+		},
+		children: /* @__PURE__ */ T(fe, { children: e })
+	}, r[t].id));
 }
-function $e({ children: n }) {
-  const e = G((a) => a.index), r = G((a) => a.histories);
-  return r.map(
-    (a) => oe.toArray(n).filter(
-      (c) => It.pathToRegexp(c.props.path).regexp.test(
-        a.pathname
-      )
-    )
-  ).map(([a], c) => /* @__PURE__ */ k(
-    ie.Provider,
-    {
-      value: {
-        id: r[c].id,
-        isActive: c === e,
-        isRoot: c === 0,
-        isPrev: c < e - 1,
-        zIndex: c,
-        pathname: r[c].pathname,
-        params: r[c].params,
-        transitionName: r[e].transitionName,
-        prevTransitionName: r[e - 1]?.transitionName,
-        layoutId: r[c].layoutId,
-        routePath: Ee(
-          a.props.path,
-          r[c].pathname
-        )
-      },
-      children: /* @__PURE__ */ k(Ae, { children: a })
-    },
-    r[c].id
-  ));
+//#endregion
+//#region src/screen/store.ts
+function ge() {
+	return pe((e) => ({
+		dragStatus: "IDLE",
+		replaceTransitionStatus: "IDLE",
+		sharedBars: {},
+		setDragStatus: (t) => e({ dragStatus: t }),
+		setReplaceTransitionStatus: (t) => e({ replaceTransitionStatus: t }),
+		registerSharedBars: (t, n) => e((e) => ({ sharedBars: {
+			...e.sharedBars,
+			[t]: n
+		} })),
+		unregisterSharedBars: (t) => e((e) => {
+			let n = { ...e.sharedBars };
+			return delete n[t], { sharedBars: n };
+		})
+	}));
 }
-const Zt = "data-flemo", te = () => {
-  if (Ut()) return;
-  const n = Pe(ut.values(), yt.values());
-  let e = document.head.querySelector(`style[${Zt}]`);
-  e || (e = document.createElement("style"), e.setAttribute(Zt, ""), document.head.appendChild(e)), e.textContent !== n && (e.textContent = n);
+//#endregion
+//#region src/transition/styles.ts
+var _e = "data-flemo", I = () => {
+	if (oe()) return;
+	let e = m(w.values(), ne.values()), t = document.head.querySelector(`style[${_e}]`);
+	t || (t = document.createElement("style"), t.setAttribute(_e, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 };
-function Ce(n, e) {
-  ge(() => {
-    for (const r of n) ut.set(r.name, r);
-    for (const r of e) yt.set(r.name, r);
-    return te(), () => {
-      for (const r of n) ut.delete(r.name);
-      for (const r of e) yt.delete(r.name);
-      te();
-    };
-  }, [n, e]);
+function L(e, t) {
+	o(() => {
+		for (let t of e) w.set(t.name, t);
+		for (let e of t) ne.set(e.name, e);
+		return I(), () => {
+			for (let t of e) w.delete(t.name);
+			for (let e of t) ne.delete(e.name);
+			I();
+		};
+	}, [e, t]);
 }
-const Me = [], He = [];
-function Ke({
-  children: n,
-  initPath: e = "/",
-  defaultTransitionName: r = "cupertino",
-  transitions: a = Me,
-  decorators: c = He
-}) {
-  const i = Ut() ? e || "/" : window.location.pathname, s = Ut() ? i.split("?")[1] || "" : window.location.search;
-  return Yt.setState({
-    defaultTransitionName: r
-  }), G.setState({
-    index: 0,
-    histories: [
-      {
-        id: "root",
-        pathname: i,
-        params: Te(
-          oe.toArray(n).map((w) => w.props.path).flat(),
-          i,
-          s
-        ),
-        transitionName: r,
-        layoutId: null
-      }
-    ]
-  }), Ce(a, c), wt(() => {
-    window.history.state?.index || window.history.replaceState(
-      {
-        id: "root",
-        index: 0,
-        status: "IDLE",
-        params: {},
-        transitionName: r,
-        layoutId: null
-      },
-      "",
-      window.location.href
-    );
-  }, [r]), /* @__PURE__ */ Bt(ye, { children: [
-    /* @__PURE__ */ k(Le, {}),
-    /* @__PURE__ */ k($e, { children: n })
-  ] });
+//#endregion
+//#region src/Router.tsx
+var R = [], z = [];
+function B({ children: e, initPath: n = "/", defaultTransitionName: a = "cupertino", transitions: o = R, decorators: s = z }) {
+	let c = oe() ? n || "/" : window.location.pathname, l = oe() ? c.split("?")[1] || "" : window.location.search, d = r(E), [f] = u(() => {
+		let n = {
+			id: "root",
+			pathname: c,
+			params: x(t.toArray(e).map((e) => e.props.path).flat(), c, l),
+			transitionName: a,
+			layoutId: null
+		};
+		return d ? (d.history.getState().index === -1 && d.history.setState({
+			index: 0,
+			histories: [n]
+		}), d) : {
+			history: _([n], 0),
+			navigate: v(),
+			transition: b(a),
+			screen: ge()
+		};
+	});
+	return f.transition.setState({ defaultTransitionName: a }), L(o, s), i(() => {
+		window.history.state?.index || window.history.replaceState({
+			id: "root",
+			index: 0,
+			status: "IDLE",
+			params: {},
+			transitionName: a,
+			layoutId: null
+		}, "", window.location.href);
+	}, [a]), /* @__PURE__ */ ce(E.Provider, {
+		value: f,
+		children: [/* @__PURE__ */ T(ue, {}), /* @__PURE__ */ T(he, { children: e })]
+	});
 }
-function We({ element: n }) {
-  return n;
+//#endregion
+//#region src/Route.tsx
+function V({ element: e }) {
+	return e;
 }
-function Rt(n, e) {
-  const r = e ?? {}, a = It.compile(n), c = Object.fromEntries(
-    Object.entries(r).map(([p, I]) => [p, String(I)])
-  ), i = a(c), w = (typeof n == "string" ? It.parse(n) : n).tokens.filter((p) => p.type === "param").map((p) => p.name), P = Object.fromEntries(
-    Object.entries(r).filter(([p]) => !w.includes(p))
-  ), f = new URLSearchParams(P).toString();
-  return { pathname: `${i}${f ? `?${f}` : ""}`, toPathname: i };
+//#endregion
+//#region src/utils/buildRoutePath.ts
+function H(e, t) {
+	let n = t ?? {}, r = (0, O.compile)(e)(Object.fromEntries(Object.entries(n).map(([e, t]) => [e, String(t)]))), i = (typeof e == "string" ? (0, O.parse)(e) : e).tokens.filter((e) => e.type === "param").map((e) => e.name), a = Object.fromEntries(Object.entries(n).filter(([e]) => !i.includes(e))), o = new URLSearchParams(a).toString();
+	return {
+		pathname: `${r}${o ? `?${o}` : ""}`,
+		toPathname: r
+	};
 }
-const Mt = (n, e, r) => {
-  const { regexp: a } = It.pathToRegexp(n);
-  for (let c = e - 1; c >= 0; c--)
-    if (a.test(r[c].pathname))
-      return e - c;
-  return -1;
-}, Ht = (n, e) => typeof n == "number" && Number.isFinite(n) ? Math.max(0, Math.trunc(n)) : e, Ot = async (n, e) => {
-  let r;
-  const a = new Promise((s) => {
-    r = () => s(!0), window.addEventListener("popstate", r, { once: !0 });
-  }), c = new Promise((s) => setTimeout(() => s(!1), 200));
-  if (Ft(), window.history.go(-n), !await Promise.race([a, c])) {
-    window.removeEventListener("popstate", r);
-    return;
-  }
-  e();
+//#endregion
+//#region src/navigate/useNavigate.ts
+var U = (e, t, n) => {
+	let { regexp: r } = (0, O.pathToRegexp)(e);
+	for (let e = t - 1; e >= 0; e--) if (r.test(n[e].pathname)) return t - e;
+	return -1;
+}, ve = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, W = async (e, t) => {
+	let n, r = new Promise((e) => {
+		n = () => e(!0), window.addEventListener("popstate", n, { once: !0 });
+	}), i = new Promise((e) => setTimeout(() => e(!1), 200));
+	if (S(), window.history.go(-e), !await Promise.race([r, i])) {
+		window.removeEventListener("popstate", n);
+		return;
+	}
+	t();
 };
-function Je() {
-  const n = async (c, i, s) => {
-    const { status: w } = J.getState();
-    if (w !== "COMPLETED" && w !== "IDLE")
-      return;
-    const P = Yt.getState().defaultTransitionName, { transitionName: f = P, layoutId: T = null } = s ?? {}, p = V.generateTaskId();
-    (await V.addTask(
-      async () => {
-        const { index: I, histories: L, addHistory: H, popHistories: R } = G.getState(), U = (() => {
-          if (s?.until != null) {
-            const u = Mt(s.until, I, L);
-            return u < 0 ? 0 : u;
-          }
-          return Math.min(Ht(s?.skip, 0), Math.max(0, I));
-        })(), { setStatus: C, setTransitionTaskId: A } = J.getState();
-        C("PUSHING"), A(p);
-        const { pathname: X, toPathname: O } = Rt(c, i ?? {}), o = {
-          id: p,
-          pathname: O,
-          params: i ?? {},
-          transitionName: f,
-          layoutId: T
-        };
-        return U === 0 ? (window.history.pushState(
-          { id: p, index: I + 1, status: "PUSHING", params: i, transitionName: f, layoutId: T },
-          "",
-          X
-        ), H(o), () => {
-          C("COMPLETED");
-        }) : (H(o), await Ot(U, () => {
-          window.history.pushState(
-            {
-              id: p,
-              index: G.getState().index - U,
-              status: "PUSHING",
-              params: i,
-              transitionName: f,
-              layoutId: T
-            },
-            "",
-            X
-          );
-        }), async () => {
-          R(U), C("COMPLETED");
-        });
-      },
-      {
-        id: p,
-        control: {
-          manual: !0
-        }
-      }
-    )).result?.();
-  }, e = async (c, i, s) => {
-    const { status: w } = J.getState();
-    if (w !== "COMPLETED" && w !== "IDLE")
-      return;
-    const P = Yt.getState().defaultTransitionName, { transitionName: f = P, layoutId: T = null } = s ?? {}, p = V.generateTaskId();
-    (await V.addTask(
-      async (I) => {
-        const { index: L, histories: H, addHistory: R, replaceHistory: U, popHistories: C } = G.getState(), A = (() => {
-          if (s?.until != null) {
-            const l = Mt(s.until, L, H);
-            return l < 0 ? 0 : l + 1;
-          }
-          return Math.min(Ht(s?.skip, 0) + 1, L + 1);
-        })();
-        if (A <= 0) {
-          I.abort();
-          return;
-        }
-        const { setStatus: X, setTransitionTaskId: O } = J.getState();
-        X("REPLACING"), O(p);
-        const { pathname: o, toPathname: u } = Rt(c, i ?? {}), y = {
-          id: p,
-          pathname: u,
-          params: i ?? {},
-          transitionName: f,
-          layoutId: T
-        };
-        return A === 1 ? (window.history.replaceState(
-          { id: p, index: L, status: "REPLACING", params: i, transitionName: f, layoutId: T },
-          "",
-          o
-        ), R(y), async () => {
-          U(L), X("COMPLETED");
-        }) : (C(A - 1), R(y), A <= L ? await Ot(A, () => {
-          window.history.pushState(
-            {
-              id: p,
-              index: G.getState().index - 1,
-              status: "REPLACING",
-              params: i,
-              transitionName: f,
-              layoutId: T
-            },
-            "",
-            o
-          );
-        }) : await Ot(L, () => {
-          window.history.replaceState(
-            { id: p, index: 0, status: "REPLACING", params: i, transitionName: f, layoutId: T },
-            "",
-            o
-          );
-        }), async () => {
-          U(G.getState().index - 1), X("COMPLETED");
-        });
-      },
-      {
-        id: p,
-        control: {
-          manual: !0
-        }
-      }
-    )).result?.();
-  }, r = async (c) => {
-    const i = V.generateTaskId();
-    (await V.addTask(
-      async (s) => {
-        const { index: w, histories: P, popHistory: f, popHistories: T } = G.getState();
-        if (w <= 0) {
-          s.abort();
-          return;
-        }
-        const p = Math.min(c(w, P), w);
-        if (p <= 0) {
-          s.abort();
-          return;
-        }
-        const { setStatus: I, setTransitionTaskId: L } = J.getState();
-        return I("POPPING"), L(i), T(p - 1), Ft(), p === 1 ? window.history.back() : window.history.go(-p), async () => {
-          f(G.getState().index), I("COMPLETED");
-        };
-      },
-      {
-        id: i,
-        control: {
-          manual: !0
-        }
-      }
-    )).result?.();
-  };
-  return {
-    push: n,
-    replace: e,
-    pop: async (c) => {
-      await r((i, s) => {
-        if (c?.until != null) {
-          const P = Mt(c.until, i, s);
-          return P < 0 ? 0 : P;
-        }
-        const w = Ht(c?.skip, 1);
-        return w <= 0 ? 0 : Math.min(w, i);
-      });
-    }
-  };
+function G() {
+	let e = D(), t = async (t, n, r) => {
+		let { status: i } = e.navigate.getState();
+		if (i !== "COMPLETED" && i !== "IDLE") return;
+		let a = e.transition.getState().defaultTransitionName, { transitionName: o = a, layoutId: s = null } = r ?? {}, c = d.generateTaskId();
+		(await d.addTask(async () => {
+			let { index: i, histories: a, addHistory: l, popHistories: u } = e.history.getState(), d = (() => {
+				if (r?.until != null) {
+					let e = U(r.until, i, a);
+					return e < 0 ? 0 : e;
+				}
+				return Math.min(ve(r?.skip, 0), Math.max(0, i));
+			})(), { setStatus: f, setTransitionTaskId: p } = e.navigate.getState();
+			f("PUSHING"), p(c);
+			let { pathname: m, toPathname: h } = H(t, n ?? {}), g = {
+				id: c,
+				pathname: h,
+				params: n ?? {},
+				transitionName: o,
+				layoutId: s
+			};
+			return d === 0 ? (window.history.pushState({
+				id: c,
+				index: i + 1,
+				status: "PUSHING",
+				params: n,
+				transitionName: o,
+				layoutId: s
+			}, "", m), l(g), () => {
+				f("COMPLETED");
+			}) : (l(g), await W(d, () => {
+				window.history.pushState({
+					id: c,
+					index: e.history.getState().index - d,
+					status: "PUSHING",
+					params: n,
+					transitionName: o,
+					layoutId: s
+				}, "", m);
+			}), async () => {
+				u(d), f("COMPLETED");
+			});
+		}, {
+			id: c,
+			control: { manual: !0 }
+		})).result?.();
+	}, n = async (t, n, r) => {
+		let { status: i } = e.navigate.getState();
+		if (i !== "COMPLETED" && i !== "IDLE") return;
+		let a = e.transition.getState().defaultTransitionName, { transitionName: o = a, layoutId: s = null } = r ?? {}, c = d.generateTaskId();
+		(await d.addTask(async (i) => {
+			let { index: a, histories: l, addHistory: u, replaceHistory: d, popHistories: f } = e.history.getState(), p = (() => {
+				if (r?.until != null) {
+					let e = U(r.until, a, l);
+					return e < 0 ? 0 : e + 1;
+				}
+				return Math.min(ve(r?.skip, 0) + 1, a + 1);
+			})();
+			if (p <= 0) {
+				i.abort();
+				return;
+			}
+			let { setStatus: m, setTransitionTaskId: h } = e.navigate.getState();
+			m("REPLACING"), h(c);
+			let { pathname: g, toPathname: _ } = H(t, n ?? {}), v = {
+				id: c,
+				pathname: _,
+				params: n ?? {},
+				transitionName: o,
+				layoutId: s
+			};
+			return p === 1 ? (window.history.replaceState({
+				id: c,
+				index: a,
+				status: "REPLACING",
+				params: n,
+				transitionName: o,
+				layoutId: s
+			}, "", g), u(v), async () => {
+				d(a), m("COMPLETED");
+			}) : (f(p - 1), u(v), p <= a ? await W(p, () => {
+				window.history.pushState({
+					id: c,
+					index: e.history.getState().index - 1,
+					status: "REPLACING",
+					params: n,
+					transitionName: o,
+					layoutId: s
+				}, "", g);
+			}) : await W(a, () => {
+				window.history.replaceState({
+					id: c,
+					index: 0,
+					status: "REPLACING",
+					params: n,
+					transitionName: o,
+					layoutId: s
+				}, "", g);
+			}), async () => {
+				d(e.history.getState().index - 1), m("COMPLETED");
+			});
+		}, {
+			id: c,
+			control: { manual: !0 }
+		})).result?.();
+	}, r = async (t, n) => {
+		let r = d.generateTaskId();
+		(await d.addTask(async (i) => {
+			let { index: a, histories: o, popHistory: s, popHistories: c, setTransitionName: l } = e.history.getState();
+			if (a <= 0) {
+				i.abort();
+				return;
+			}
+			let u = Math.min(t(a, o), a);
+			if (u <= 0) {
+				i.abort();
+				return;
+			}
+			let { setStatus: d, setTransitionTaskId: f } = e.navigate.getState();
+			return n && l(a, n), d("POPPING"), f(r), c(u - 1), S(), u === 1 ? window.history.back() : window.history.go(-u), async () => {
+				s(e.history.getState().index), d("COMPLETED");
+			};
+		}, {
+			id: r,
+			control: { manual: !0 }
+		})).result?.();
+	};
+	return {
+		push: t,
+		replace: n,
+		pop: async (e) => {
+			await r((t, n) => {
+				if (e?.until != null) {
+					let r = U(e.until, t, n);
+					return r < 0 ? 0 : r;
+				}
+				let r = ve(e?.skip, 1);
+				return r <= 0 ? 0 : Math.min(r, t);
+			}, e?.transitionName);
+		}
+	};
 }
-function Qe() {
-  const { routePath: n } = gt(), e = jt(ae);
-  return {
-    pushStep: async (i) => {
-      (await V.addTask(async () => {
-        const { pathname: s } = Rt(n, i);
-        return window.history.state?.step || window.history.replaceState(
-          {
-            ...window.history.state,
-            step: !0
-          },
-          "",
-          window.location.pathname
-        ), window.history.pushState(
-          {
-            ...window.history.state,
-            step: !0,
-            params: i
-          },
-          "",
-          s
-        ), async () => e({ type: "SET", params: i });
-      })).result?.();
-    },
-    replaceStep: async (i) => {
-      (await V.addTask(async () => {
-        const { pathname: s } = Rt(n, i);
-        return window.history.replaceState(
-          {
-            ...window.history.state,
-            step: !0,
-            params: i
-          },
-          "",
-          s
-        ), async () => e({ type: "SET", params: i });
-      })).result?.();
-    },
-    popStep: async () => {
-      const i = V.generateTaskId();
-      (await V.addTask(
-        async (s) => {
-          const w = new Promise((H) => {
-            window.addEventListener(
-              "popstate",
-              (R) => H(R.state),
-              { once: !0 }
-            );
-          }), P = new Promise(
-            (H) => setTimeout(() => H(void 0), 200)
-          );
-          Ft(), window.history.back();
-          const f = await Promise.race([
-            w,
-            P
-          ]);
-          if (!f) {
-            s.abort();
-            return;
-          }
-          if (f.step) {
-            e({ type: "SET", params: f.params ?? {} }), s.abort();
-            return;
-          }
-          const { setStatus: T, setTransitionTaskId: p } = J.getState(), { index: I, popHistory: L } = G.getState();
-          return T("POPPING"), p(i), async () => {
-            L(I), T("COMPLETED");
-          };
-        },
-        {
-          id: i,
-          control: {
-            manual: !0
-          }
-        }
-      )).result?.();
-    }
-  };
+//#endregion
+//#region src/navigate/useStep.ts
+function ye() {
+	let { routePath: e } = A(), t = D(), n = r(M);
+	return {
+		pushStep: async (t) => {
+			(await d.addTask(async () => {
+				let { pathname: r } = H(e, t);
+				return window.history.state?.step || window.history.replaceState({
+					...window.history.state,
+					step: !0
+				}, "", window.location.pathname), window.history.pushState({
+					...window.history.state,
+					step: !0,
+					params: t
+				}, "", r), async () => n({
+					type: "SET",
+					params: t
+				});
+			})).result?.();
+		},
+		replaceStep: async (t) => {
+			(await d.addTask(async () => {
+				let { pathname: r } = H(e, t);
+				return window.history.replaceState({
+					...window.history.state,
+					step: !0,
+					params: t
+				}, "", r), async () => n({
+					type: "SET",
+					params: t
+				});
+			})).result?.();
+		},
+		popStep: async () => {
+			let e = d.generateTaskId();
+			(await d.addTask(async (r) => {
+				let i = new Promise((e) => {
+					window.addEventListener("popstate", (t) => e(t.state), { once: !0 });
+				}), a = new Promise((e) => setTimeout(() => e(void 0), 200));
+				S(), window.history.back();
+				let o = await Promise.race([i, a]);
+				if (!o) {
+					r.abort();
+					return;
+				}
+				if (o.step) {
+					n({
+						type: "SET",
+						params: o.params ?? {}
+					}), r.abort();
+					return;
+				}
+				let { setStatus: s, setTransitionTaskId: c } = t.navigate.getState(), { index: l, popHistory: u } = t.history.getState();
+				return s("POPPING"), c(e), async () => {
+					u(l), s("COMPLETED");
+				};
+			}, {
+				id: e,
+				control: { manual: !0 }
+			})).result?.();
+		}
+	};
 }
-function Ze() {
-  return jt(se);
+//#endregion
+//#region src/screen/ParamsProvider/useParams.ts
+function be() {
+	return r(j);
 }
-function Oe({ freeze: n, children: e }) {
-  const r = N(e);
-  return n || (r.current = e), /* @__PURE__ */ k(
-    "div",
-    {
-      style: {
-        display: n ? "none" : void 0
-      },
-      children: r.current
-    }
-  );
+//#endregion
+//#region src/screen/ScreenFreeze.tsx
+function K({ freeze: e, children: t }) {
+	let n = l(t);
+	return e || (n.current = t), /* @__PURE__ */ T("div", {
+		style: { display: e ? "none" : void 0 },
+		children: n.current
+	});
 }
-function Ge({ ref: n, style: e, ...r }) {
-  const { isActive: a, transitionName: c } = gt(), i = N(null);
-  Se(n, () => i.current);
-  const s = J((T) => T.status), w = ut.get(c) ?? ut.get("none"), { decoratorName: P } = w, f = yt.get(P);
-  return f ? /* @__PURE__ */ k(
-    "div",
-    {
-      ref: i,
-      "data-flemo-decorator": !0,
-      "data-flemo-decorator-name": f.name,
-      "data-flemo-status": s,
-      "data-flemo-active": a ? "true" : "false",
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        pointerEvents: "none",
-        zIndex: 1,
-        ...e
-      },
-      ...r
-    }
-  ) : null;
+//#endregion
+//#region src/stores/useNavigateStore.ts
+function xe(e) {
+	return P(D().navigate, e);
 }
-const ee = (n) => {
-  let e;
-  const r = /* @__PURE__ */ new Set(), a = (f, T) => {
-    const p = typeof f == "function" ? f(e) : f;
-    if (!Object.is(p, e)) {
-      const I = e;
-      e = T ?? (typeof p != "object" || p === null) ? p : Object.assign({}, e, p), r.forEach((L) => L(e, I));
-    }
-  }, c = () => e, w = { setState: a, getState: c, getInitialState: () => P, subscribe: (f) => (r.add(f), () => r.delete(f)) }, P = e = n(a, c, w);
-  return w;
-}, Be = ((n) => n ? ee(n) : ee), Ue = (n) => n;
-function Ye(n, e = Ue) {
-  const r = xt.useSyncExternalStore(
-    n.subscribe,
-    xt.useCallback(() => e(n.getState()), [n, e]),
-    xt.useCallback(() => e(n.getInitialState()), [n, e])
-  );
-  return xt.useDebugValue(r), r;
+//#endregion
+//#region src/screen/ScreenDecorator.tsx
+function Se({ ref: e, style: t, ...n }) {
+	let { isActive: r, transitionName: i } = A(), o = l(null);
+	a(e, () => o.current);
+	let s = xe((e) => e.status), { decoratorName: c } = w.get(i) ?? w.get("none"), u = ne.get(c);
+	return u ? /* @__PURE__ */ T("div", {
+		ref: o,
+		"data-flemo-decorator": !0,
+		"data-flemo-decorator-name": u.name,
+		"data-flemo-status": s,
+		"data-flemo-active": r ? "true" : "false",
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100%",
+			pointerEvents: "none",
+			zIndex: 1,
+			...t
+		},
+		...n
+	}) : null;
 }
-const ne = (n) => {
-  const e = Be(n), r = (a) => Ye(e, a);
-  return Object.assign(r, e), r;
-}, Ve = ((n) => n ? ne(n) : ne), Z = Ve((n) => ({
-  dragStatus: "IDLE",
-  replaceTransitionStatus: "IDLE",
-  sharedBars: {},
-  setDragStatus: (e) => n({ dragStatus: e }),
-  setReplaceTransitionStatus: (e) => n({ replaceTransitionStatus: e }),
-  registerSharedBars: (e, r) => n((a) => ({ sharedBars: { ...a.sharedBars, [e]: r } })),
-  unregisterSharedBars: (e) => n((r) => {
-    const a = { ...r.sharedBars };
-    return delete a[e], { sharedBars: a };
-  })
-}));
-let Gt = 0;
-function _e() {
-  const [n, e] = bt(0), [r, a] = bt(0);
-  return wt(() => {
-    let c = 0;
-    const i = () => {
-      cancelAnimationFrame(c), c = requestAnimationFrame(() => {
-        let s = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
-        s = s < 0 ? 0 : s;
-        let w = s - Gt;
-        w = w < 0 ? 0 : w, Gt || (Gt = s), a(w), e(s);
-      });
-    };
-    return window.visualViewport?.addEventListener("resize", i), window.visualViewport?.addEventListener("scroll", i), () => {
-      cancelAnimationFrame(c), window.visualViewport?.removeEventListener("resize", i), window.visualViewport?.removeEventListener("scroll", i);
-    };
-  }, []), { viewportScrollHeight: n, changedViewportScrollHeight: r };
+//#endregion
+//#region src/screen/useViewportScrollHeight.ts
+var q = 0;
+function Ce() {
+	let [e, t] = u(0), [n, r] = u(0);
+	return i(() => {
+		let e = 0, n = () => {
+			cancelAnimationFrame(e), e = requestAnimationFrame(() => {
+				let e = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
+				e = e < 0 ? 0 : e;
+				let n = e - q;
+				n = n < 0 ? 0 : n, q ||= e, r(n), t(e);
+			});
+		};
+		return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
+			cancelAnimationFrame(e), window.visualViewport?.removeEventListener("resize", n), window.visualViewport?.removeEventListener("scroll", n);
+		};
+	}, []), {
+		viewportScrollHeight: e,
+		changedViewportScrollHeight: n
+	};
 }
-const je = (n) => typeof HTMLElement < "u" && n instanceof HTMLElement, Vt = /* @__PURE__ */ new WeakMap(), re = (n, e) => {
-  let r = Vt.get(n);
-  r || (r = /* @__PURE__ */ new Set(), Vt.set(n, r)), r.add(e);
-}, z = (n, e) => {
-  n.style.transition = "";
-  const r = Vt.get(n);
-  if (r && r.size > 0) {
-    for (const a of r)
-      n.style.removeProperty(a);
-    r.clear();
-    return;
-  }
-  n.style.removeProperty("transform"), n.style.removeProperty("opacity");
-}, dt = (n, e, r = {}) => {
-  if (!je(n)) return Promise.resolve();
-  const a = n, c = xe(e);
-  if (c.length === 0) return Promise.resolve();
-  const i = typeof r.duration == "number" ? r.duration : 0, s = typeof r.delay == "number" && r.delay > 0 ? r.delay : 0, w = be(r.ease);
-  if (i <= 0 && s <= 0) {
-    a.style.transition = "none";
-    for (const f of c)
-      a.style.setProperty(f.property, f.value), re(a, f.property);
-    return Promise.resolve();
-  }
-  const P = c.map((f) => `${f.property} ${i}s ${w} ${s}s`).join(", ");
-  a.style.transition = P, a.offsetWidth;
-  for (const f of c)
-    a.style.setProperty(f.property, f.value), re(a, f.property);
-  return new Promise((f) => {
-    let T = !1;
-    const p = () => {
-      T || (T = !0, a.removeEventListener("transitionend", I), f());
-    }, I = (L) => {
-      L.target === a && p();
-    };
-    a.addEventListener("transitionend", I), setTimeout(p, (i + s) * 1e3 + 60);
-  });
-}, pt = J, ht = "data-flemo-skip-animation";
-function Fe({
-  children: n,
-  statusBarHeight: e,
-  statusBarColor: r,
-  systemNavigationBarHeight: a,
-  systemNavigationBarColor: c,
-  sharedAppBar: i,
-  sharedNavigationBar: s,
-  appBar: w,
-  navigationBar: P,
-  hideStatusBar: f,
-  hideSystemNavigationBar: T,
-  backgroundColor: p = "white",
-  contentScrollable: I = !0,
-  ...L
-}) {
-  const { id: H, isActive: R, isRoot: U, zIndex: C, transitionName: A, prevTransitionName: X } = gt(), O = pt((t) => t.status), o = Z((t) => t.dragStatus), u = Z.getState().setDragStatus, y = Z.getState().setReplaceTransitionStatus, l = G((t) => t.index), d = ut.get(A) ?? ut.get("none"), { initial: g, swipeDirection: m, decoratorName: x } = d, S = yt.get(x), { viewportScrollHeight: D } = _e(), b = D > 0, [Y, v] = bt(0), [B, j] = bt(0), Xt = N(null), _ = N(null), tt = N(null), K = N(null), lt = N(null), Q = N({
-    current: [],
-    prev: []
-  }), et = N(!1), ft = N(!1), ot = N(!1), ce = N(0), Dt = N({ x: 0, y: 0 }), St = N({ x: 0, y: 0 }), Lt = N(0), Nt = N({ x: 0, y: 0 }), nt = N({
-    element: null,
-    hasMarker: !1
-  }), it = N({ element: null, hasMarker: !1 }), kt = N(0), At = N(0), st = N(null), at = N(null), $t = (t) => {
-    const h = St.current;
-    return {
-      point: { x: t.clientX, y: t.clientY },
-      offset: {
-        x: t.clientX - Dt.current.x,
-        y: t.clientY - Dt.current.y
-      },
-      delta: { x: t.clientX - h.x, y: t.clientY - h.y },
-      velocity: Nt.current
-    };
-  }, ue = (t) => {
-    const h = t.timeStamp, E = Math.max(1, h - Lt.current), M = St.current;
-    Nt.current = {
-      x: (t.clientX - M.x) / E * 1e3,
-      y: (t.clientY - M.y) / E * 1e3
-    }, St.current = { x: t.clientX, y: t.clientY }, Lt.current = h;
-  }, Ct = (t, h, E) => {
-    const M = dt(t, h, E);
-    if (t === _.current)
-      for (const $ of Q.current.current)
-        dt($, h, E);
-    else if (t === tt.current)
-      for (const $ of Q.current.prev)
-        dt($, h, E);
-    return M;
-  }, le = (t) => {
-    const h = R ? G.getState().histories[l - 1]?.id : G.getState().histories[l]?.id, E = h ? Z.getState().sharedBars[h] : void 0, M = [], $ = st.current, ct = at.current;
-    $ && Et && !E?.appBar && M.push($), ct && Pt && !E?.navigationBar && M.push(ct);
-    const q = [];
-    if (t) {
-      const rt = t.querySelector('[data-flemo-bar="app"]'), Wt = t.querySelector('[data-flemo-bar="nav"]');
-      rt && !Et && q.push(rt), Wt && !Pt && q.push(Wt);
-    }
-    Q.current = { current: M, prev: q };
-    const Tt = De(d).join(", ");
-    for (const rt of M) rt.style.willChange = Tt;
-    for (const rt of q) rt.style.willChange = Tt;
-  }, qt = () => {
-    for (const t of Q.current.current)
-      z(t), t.style.removeProperty("will-change");
-    for (const t of Q.current.prev)
-      z(t), t.style.removeProperty("will-change");
-    Q.current = { current: [], prev: [] };
-  }, vt = async (t) => {
-    if (!m || D > 10) return;
-    const h = _.current;
-    if (!h) return;
-    const E = Xt.current?.parentElement?.previousElementSibling;
-    if (tt.current = E?.querySelector("[data-flemo-screen]") ?? null, lt.current = E?.querySelector("[data-flemo-decorator]") ?? null, !tt.current) return;
-    ot.current = !0, ce.current = t.timeStamp, Dt.current = { x: t.clientX, y: t.clientY }, St.current = { x: t.clientX, y: t.clientY }, Lt.current = t.timeStamp, Nt.current = { x: 0, y: 0 }, h.setPointerCapture(t.pointerId), le(E), await d?.onSwipeStart(t, $t(t), {
-      animate: Ct,
-      currentScreen: h,
-      prevScreen: tt.current,
-      onStart: ($) => S?.onSwipeStart?.($, {
-        animate: dt,
-        currentDecorator: K.current,
-        prevDecorator: lt.current
-      })
-    }) ? u("PENDING") : (u("IDLE"), ot.current = !1, qt());
-  }, de = (t) => {
-    !m || !ot.current || D > 10 || (ue(t), d.onSwipe(t, $t(t), {
-      animate: Ct,
-      currentScreen: _.current,
-      prevScreen: tt.current,
-      onProgress: (h, E) => S?.onSwipe?.(h, E, {
-        animate: dt,
-        currentDecorator: K.current,
-        prevDecorator: lt.current
-      })
-    }));
-  }, pe = async (t) => {
-    if (!m || !ot.current) return;
-    ot.current = !1;
-    const h = _.current;
-    h && h.hasPointerCapture(t.pointerId) && h.releasePointerCapture(t.pointerId);
-    const E = $t(t);
-    if (await d?.onSwipeEnd(t, E, {
-      animate: Ct,
-      currentScreen: _.current,
-      prevScreen: tt.current,
-      onStart: ($) => S?.onSwipeEnd?.($, {
-        animate: dt,
-        currentDecorator: K.current,
-        prevDecorator: lt.current
-      })
-    })) {
-      _.current?.setAttribute(ht, "true"), K.current?.setAttribute(ht, "true");
-      for (const $ of Q.current.current)
-        $.style.removeProperty("will-change");
-      for (const $ of Q.current.prev)
-        z($), $.style.removeProperty("will-change");
-      Q.current = { current: [], prev: [] }, window.history.back();
-    } else
-      z(_.current), tt.current && z(tt.current), K.current && z(K.current), lt.current && z(lt.current), qt(), u("IDLE");
-  }, fe = (t) => {
-    if (!(!U && R && O === "COMPLETED" && o === "IDLE" && !!m && D < 10))
-      return;
-    nt.current = Jt(t.target, {
-      direction: "x",
-      verifyByScroll: !0
-    }), it.current = Jt(t.target, {
-      direction: "y",
-      verifyByScroll: !0
-    }), kt.current = t.clientX, At.current = t.clientY, (!nt.current.element && !it.current.element || nt.current.element || it.current.element) && (et.current = !0);
-  }, me = (t) => {
-    if (D > 10)
-      return;
-    if (ot.current) {
-      de(t.nativeEvent);
-      return;
-    }
-    const h = !nt.current.element && !it.current.element;
-    if (et.current && h) {
-      et.current = !1, ft.current = !0;
-      const E = t.clientY - At.current, M = t.clientX - kt.current;
-      (m === "y" && E > 0 || m === "x" && M > 0) && vt(t.nativeEvent);
-    } else if (et.current && !h) {
-      const E = t.clientX - kt.current, M = t.clientY - At.current, $ = it.current.element && it.current.element.scrollTop <= 0, ct = nt.current.element && nt.current.element.scrollLeft <= 0 && nt.current.hasMarker;
-      (m === "y" && ($ || nt.current.element) && M > 0 && Math.abs(E) < 2 || m === "x" && (ct || it.current.element) && E > 0 && Math.abs(M) < 2) && (et.current = !1, ft.current = !0, vt(t.nativeEvent));
-    }
-  }, zt = (t) => {
-    et.current = !1, ft.current = !1, ot.current && pe(t.nativeEvent);
-  };
-  wt(() => {
-    const t = _.current;
-    if (!t) return;
-    const h = (E) => {
-      ft.current && E.preventDefault(), E.target?.dataset.swipeAtEdgeBar === "true" && E.preventDefault();
-    };
-    return t.addEventListener("touchmove", h, {
-      passive: !1
-    }), () => {
-      t.removeEventListener("touchmove", h);
-    };
-  }, []), mt(() => {
-    if (!R) {
-      O === "REPLACING" && X !== A && y("PENDING");
-      return;
-    }
-    if (O === "COMPLETED") {
-      u("IDLE"), y("IDLE"), _.current && (z(_.current), _.current.removeAttribute(ht)), K.current && (z(K.current), K.current.removeAttribute(ht)), st.current && (z(st.current), st.current.style.removeProperty("will-change")), at.current && (z(at.current), at.current.style.removeProperty("will-change"));
-      return;
-    }
-    if (O === "IDLE") return;
-    const t = _.current;
-    if (!t) return;
-    const h = () => {
-      const W = pt.getState().transitionTaskId;
-      W && V.resolveTask(W);
-    }, E = `${O}-true`;
-    if (!(!(t.getAttribute(ht) === "true") && Ie(d, E))) {
-      queueMicrotask(h);
-      return;
-    }
-    const ct = Re("screen", A, E), q = (W) => {
-      W.target === t && W.animationName === ct && (t.removeEventListener("animationend", q), h());
-    };
-    return t.addEventListener("animationend", q), () => {
-      t.removeEventListener("animationend", q);
-    };
-  }, [
-    O,
-    R,
-    H,
-    X,
-    A,
-    d,
-    u,
-    y
-  ]), mt(() => {
-    const t = st.current;
-    if (!t) {
-      v(0);
-      return;
-    }
-    v(t.offsetHeight);
-    const h = new ResizeObserver(([E]) => {
-      v(E.contentRect.height);
-    });
-    return h.observe(t), () => {
-      h.disconnect();
-    };
-  }, [i]), mt(() => {
-    const t = at.current;
-    if (!t) {
-      j(0);
-      return;
-    }
-    j(t.offsetHeight);
-    const h = new ResizeObserver(([E]) => {
-      j(E.contentRect.height);
-    });
-    return h.observe(t), () => {
-      h.disconnect();
-    };
-  }, [s]), mt(() => {
-    const { registerSharedBars: t, unregisterSharedBars: h } = Z.getState();
-    return t(H, {
-      appBar: !!i,
-      navigationBar: !!s
-    }), () => h(H);
-  }, [H, i, s]);
-  const Kt = R || C === l - 1, Et = !!i, Pt = !!s;
-  mt(() => {
-    const t = st.current, h = at.current;
-    if (!t && !h) return;
-    const E = () => {
-      if (!(pt.getState().status === "PUSHING" || pt.getState().status === "POPPING" || pt.getState().status === "REPLACING") || !Kt) {
-        t?.removeAttribute("data-flemo-bar-riding"), h?.removeAttribute("data-flemo-bar-riding");
-        return;
-      }
-      const q = R ? G.getState().histories[l - 1]?.id : G.getState().histories[l]?.id, W = q ? Z.getState().sharedBars[q] : void 0, Tt = Et && !W?.appBar, rt = Pt && !W?.navigationBar;
-      t && t.setAttribute("data-flemo-bar-riding", Tt ? "true" : "false"), h && h.setAttribute("data-flemo-bar-riding", rt ? "true" : "false");
-    };
-    E();
-    const M = Z.subscribe(E), $ = pt.subscribe(E);
-    return () => {
-      M(), $(), t?.removeAttribute("data-flemo-bar-riding"), h?.removeAttribute("data-flemo-bar-riding");
-    };
-  }, [Kt, R, l, Et, Pt]);
-  const he = (() => {
-    if (!R) return {};
-    if (O !== "PUSHING" && O !== "REPLACING") return {};
-    const t = {};
-    return typeof g.x == "number" && (t.transform = `translateX(${g.x}px)`), typeof g.x == "string" && (t.transform = `translateX(${g.x})`), typeof g.y == "number" && (t.transform = `translateY(${g.y}px)`), typeof g.y == "string" && (t.transform = `translateY(${g.y})`), typeof g.opacity == "number" && (t.opacity = `${g.opacity}`), t;
-  })();
-  return /* @__PURE__ */ Bt(
-    "div",
-    {
-      ref: Xt,
-      style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        // `contain: layout style` keeps layout/style scoped without `paint`,
-        // which would make this element the containing block for `position:
-        // fixed` descendants and trap consumer overlays (e.g. bottom sheets)
-        // inside the screen.
-        contain: "layout style",
-        flexDirection: "column",
-        boxSizing: "border-box",
-        overscrollBehavior: "contain"
-      },
-      children: [
-        /* @__PURE__ */ k(
-          "div",
-          {
-            "data-swipe-at-edge-bar": !0,
-            style: {
-              position: "fixed",
-              top: 0,
-              left: 0,
-              width: 8,
-              height: "100%",
-              zIndex: 1
-            }
-          }
-        ),
-        /* @__PURE__ */ Bt(
-          "div",
-          {
-            ref: _,
-            ...L,
-            onPointerDown: fe,
-            onPointerMove: me,
-            onPointerUp: zt,
-            onPointerCancel: zt,
-            "data-flemo-screen": !0,
-            "data-flemo-transition": A,
-            "data-flemo-status": O,
-            "data-flemo-active": R ? "true" : "false",
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              height: "100%",
-              backgroundColor: p,
-              overflowY: I ? void 0 : "auto",
-              touchAction: m === "x" ? "pan-y" : m === "y" ? "pan-x" : "auto",
-              ...he,
-              ...L.style
-            },
-            children: [
-              !f && e && /* @__PURE__ */ k("div", { style: { minHeight: e }, children: /* @__PURE__ */ k(
-                "div",
-                {
-                  style: {
-                    position: "fixed",
-                    top: 0,
-                    width: "100%",
-                    minHeight: e,
-                    backgroundColor: r
-                  }
-                }
-              ) }),
-              i && /* @__PURE__ */ k(
-                "div",
-                {
-                  style: {
-                    width: "100%",
-                    minHeight: Y
-                  }
-                }
-              ),
-              w,
-              /* @__PURE__ */ k(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    flexGrow: 1,
-                    overflowY: I ? "auto" : void 0
-                  },
-                  children: n
-                }
-              ),
-              P,
-              s && /* @__PURE__ */ k(
-                "div",
-                {
-                  style: {
-                    display: b ? "none" : void 0,
-                    width: "100%",
-                    minHeight: B
-                  }
-                }
-              ),
-              !T && a && /* @__PURE__ */ k(
-                "div",
-                {
-                  style: {
-                    display: b ? "none" : void 0,
-                    minHeight: a
-                  },
-                  children: /* @__PURE__ */ k(
-                    "div",
-                    {
-                      style: {
-                        position: "fixed",
-                        bottom: 0,
-                        width: "100%",
-                        minHeight: a,
-                        backgroundColor: c
-                      }
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        i && /* @__PURE__ */ k(
-          "div",
-          {
-            ref: st,
-            "data-flemo-bar": "app",
-            "data-flemo-bar-transition": A,
-            "data-flemo-bar-status": O,
-            "data-flemo-bar-active": R ? "true" : "false",
-            style: {
-              position: "fixed",
-              top: f ? 0 : e,
-              left: 0,
-              width: "100%",
-              zIndex: 1
-            },
-            children: i
-          }
-        ),
-        s && /* @__PURE__ */ k(
-          "div",
-          {
-            ref: at,
-            "data-flemo-bar": "nav",
-            "data-flemo-bar-transition": A,
-            "data-flemo-bar-status": O,
-            "data-flemo-bar-active": R ? "true" : "false",
-            style: {
-              display: b ? "none" : void 0,
-              position: "fixed",
-              bottom: T ? 0 : a,
-              left: 0,
-              width: "100%",
-              zIndex: 1
-            },
-            children: s
-          }
-        ),
-        S && /* @__PURE__ */ k(Ge, { ref: K }),
-        /* @__PURE__ */ k(
-          "div",
-          {
-            "data-swipe-at-edge-bar": !0,
-            style: {
-              position: "fixed",
-              top: 0,
-              right: 0,
-              width: 8,
-              height: "100%",
-              zIndex: 1
-            }
-          }
-        )
-      ]
-    }
-  );
+//#endregion
+//#region src/transition/animateInline.ts
+var we = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, J = /* @__PURE__ */ new WeakMap(), Y = (e, t) => {
+	let n = J.get(e);
+	n || (n = /* @__PURE__ */ new Set(), J.set(e, n)), n.add(t);
+}, X = (e, t) => {
+	if (e.style.transition = "", t) {
+		let n = J.get(e);
+		for (let r of t) e.style.removeProperty(r), n?.delete(r);
+		return;
+	}
+	let n = J.get(e);
+	if (n && n.size > 0) {
+		for (let t of n) e.style.removeProperty(t);
+		n.clear();
+		return;
+	}
+	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
+}, Z = (e, t, n = {}) => {
+	if (!we(e)) return Promise.resolve();
+	let r = e, i = C(t);
+	if (i.length === 0) return Promise.resolve();
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = re(n.ease);
+	if (a <= 0 && o <= 0) {
+		r.style.transition = "none";
+		for (let e of i) r.style.setProperty(e.property, e.value), Y(r, e.property);
+		return Promise.resolve();
+	}
+	let c = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
+	r.style.transition = c, r.offsetWidth;
+	for (let e of i) r.style.setProperty(e.property, e.value), Y(r, e.property);
+	return new Promise((e) => {
+		let t = !1, n = () => {
+			t || (t = !0, r.removeEventListener("transitionend", i), e());
+		}, i = (e) => {
+			e.target === r && n();
+		};
+		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
+	});
+};
+//#endregion
+//#region src/stores/useScreenStore.ts
+function Te(e) {
+	return P(D().screen, e);
 }
-function tn({ children: n, ...e }) {
-  const { isActive: r, isPrev: a, zIndex: c } = gt(), i = G((p) => p.index), s = J((p) => p.status), w = Z((p) => p.dragStatus), P = Z((p) => p.replaceTransitionStatus), T = !r && (s === "COMPLETED" && w === "IDLE") || a && i - 2 <= c && P === "IDLE" || a && i - 2 > c;
-  return /* @__PURE__ */ k(Oe, { freeze: T, children: /* @__PURE__ */ k(Fe, { ...e, children: n }) });
+//#endregion
+//#region src/screen/ScreenMotion.tsx
+var Q = "data-flemo-skip-animation";
+function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: a, sharedAppBar: o, sharedNavigationBar: c, appBar: m, navigationBar: h, hideStatusBar: g, hideSystemNavigationBar: _, backgroundColor: v = "white", contentScrollable: ee = !0, ...te }) {
+	let { id: y, isActive: b, isRoot: re, zIndex: ae, transitionName: x, prevTransitionName: oe } = A(), S = D(), C = xe((e) => e.status), le = Te((e) => e.dragStatus), E = S.screen.getState().setDragStatus, ue = S.screen.getState().setReplaceTransitionStatus, O = F((e) => e.index), k = w.get(x) ?? w.get("none"), { initial: j, swipeDirection: M, decoratorName: de } = k, fe = ne.get(de), { viewportScrollHeight: N } = Ce(), pe = N > 0, [me, P] = u(0), [he, ge] = u(0), _e = l(null), I = l(null), L = l(null), R = l(null), z = l(null), B = l({
+		current: [],
+		prev: []
+	}), V = l(!1), H = l(!1), U = l(!1), ve = l(0), W = l({
+		x: 0,
+		y: 0
+	}), G = l({
+		x: 0,
+		y: 0
+	}), ye = l(0), be = l({
+		x: 0,
+		y: 0
+	}), K = l({
+		element: null,
+		hasMarker: !1
+	}), q = l({
+		element: null,
+		hasMarker: !1
+	}), we = l(0), J = l(0), Y = l(null), $ = l(null), Ee = (e) => {
+		let t = G.current;
+		return {
+			point: {
+				x: e.clientX,
+				y: e.clientY
+			},
+			offset: {
+				x: e.clientX - W.current.x,
+				y: e.clientY - W.current.y
+			},
+			delta: {
+				x: e.clientX - t.x,
+				y: e.clientY - t.y
+			},
+			velocity: be.current
+		};
+	}, De = (e) => {
+		let t = e.timeStamp, n = Math.max(1, t - ye.current), r = G.current;
+		be.current = {
+			x: (e.clientX - r.x) / n * 1e3,
+			y: (e.clientY - r.y) / n * 1e3
+		}, G.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, ye.current = t;
+	}, Oe = (e, t, n) => {
+		let r = Z(e, t, n);
+		if (e === I.current) for (let e of B.current.current) Z(e, t, n);
+		else if (e === L.current) for (let e of B.current.prev) Z(e, t, n);
+		return r;
+	}, ke = (e) => {
+		let t = b ? S.history.getState().histories[O - 1]?.id : S.history.getState().histories[O]?.id, n = t ? S.screen.getState().sharedBars[t] : void 0, r = [], i = Y.current, a = $.current;
+		i && Re && !n?.appBar && r.push(i), a && ze && !n?.navigationBar && r.push(a);
+		let o = [];
+		if (e) {
+			let t = e.querySelector("[data-flemo-bar=\"app\"]"), n = e.querySelector("[data-flemo-bar=\"nav\"]");
+			t && !Re && o.push(t), n && !ze && o.push(n);
+		}
+		B.current = {
+			current: r,
+			prev: o
+		};
+		let s = p(k).join(", ");
+		for (let e of r) e.style.willChange = s;
+		for (let e of o) e.style.willChange = s;
+	}, Ae = () => {
+		for (let e of B.current.current) X(e), e.style.removeProperty("will-change");
+		for (let e of B.current.prev) X(e), e.style.removeProperty("will-change");
+		B.current = {
+			current: [],
+			prev: []
+		};
+	}, je = async (e) => {
+		if (!M || N > 10) return;
+		let t = I.current;
+		if (!t) return;
+		let n = _e.current?.parentElement?.previousElementSibling;
+		L.current = n?.querySelector("[data-flemo-screen]") ?? null, z.current = n?.querySelector("[data-flemo-decorator]") ?? null, L.current && (U.current = !0, ve.current = e.timeStamp, W.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, G.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, ye.current = e.timeStamp, be.current = {
+			x: 0,
+			y: 0
+		}, t.setPointerCapture(e.pointerId), ke(n), await k?.onSwipeStart(e, Ee(e), {
+			animate: Oe,
+			currentScreen: t,
+			prevScreen: L.current,
+			onStart: (e) => fe?.onSwipeStart?.(e, {
+				animate: Z,
+				currentDecorator: R.current,
+				prevDecorator: z.current
+			})
+		}) ? E("PENDING") : (E("IDLE"), U.current = !1, Ae()));
+	}, Me = (e) => {
+		!M || !U.current || N > 10 || (De(e), k.onSwipe(e, Ee(e), {
+			animate: Oe,
+			currentScreen: I.current,
+			prevScreen: L.current,
+			onProgress: (e, t) => fe?.onSwipe?.(e, t, {
+				animate: Z,
+				currentDecorator: R.current,
+				prevDecorator: z.current
+			})
+		}));
+	}, Ne = async (e) => {
+		if (!M || !U.current) return;
+		U.current = !1;
+		let t = I.current;
+		t && t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId);
+		let n = Ee(e);
+		if (await k?.onSwipeEnd(e, n, {
+			animate: Oe,
+			currentScreen: I.current,
+			prevScreen: L.current,
+			onStart: (e) => fe?.onSwipeEnd?.(e, {
+				animate: Z,
+				currentDecorator: R.current,
+				prevDecorator: z.current
+			})
+		})) {
+			I.current?.setAttribute(Q, "true"), R.current?.setAttribute(Q, "true");
+			for (let e of B.current.current) e.style.removeProperty("will-change");
+			for (let e of B.current.prev) X(e), e.style.removeProperty("will-change");
+			B.current = {
+				current: [],
+				prev: []
+			}, window.history.back();
+		} else X(I.current), L.current && X(L.current), R.current && X(R.current), z.current && X(z.current), Ae(), E("IDLE");
+	}, Pe = (e) => {
+		!re && b && C === "COMPLETED" && le === "IDLE" && M && N < 10 && (K.current = ie(e.target, {
+			direction: "x",
+			verifyByScroll: !0
+		}), q.current = ie(e.target, {
+			direction: "y",
+			verifyByScroll: !0
+		}), we.current = e.clientX, J.current = e.clientY, (!K.current.element && !q.current.element || K.current.element || q.current.element) && (V.current = !0));
+	}, Fe = (e) => {
+		if (N > 10) return;
+		if (U.current) {
+			Me(e.nativeEvent);
+			return;
+		}
+		let t = !K.current.element && !q.current.element;
+		if (V.current && t) {
+			V.current = !1, H.current = !0;
+			let t = e.clientY - J.current, n = e.clientX - we.current;
+			(M === "y" && t > 0 || M === "x" && n > 0) && je(e.nativeEvent);
+		} else if (V.current && !t) {
+			let t = e.clientX - we.current, n = e.clientY - J.current, r = q.current.element && q.current.element.scrollTop <= 0, i = K.current.element && K.current.element.scrollLeft <= 0 && K.current.hasMarker;
+			(M === "y" && (r || K.current.element) && n > 0 && Math.abs(t) < 2 || M === "x" && (i || q.current.element) && t > 0 && Math.abs(n) < 2) && (V.current = !1, H.current = !0, je(e.nativeEvent));
+		}
+	}, Ie = (e) => {
+		V.current = !1, H.current = !1, U.current && Ne(e.nativeEvent);
+	};
+	i(() => {
+		let e = I.current;
+		if (!e) return;
+		let t = (e) => {
+			H.current && e.preventDefault(), e.target?.dataset.swipeAtEdgeBar === "true" && e.preventDefault();
+		};
+		return e.addEventListener("touchmove", t, { passive: !1 }), () => {
+			e.removeEventListener("touchmove", t);
+		};
+	}, []), s(() => {
+		if (!b) {
+			C === "REPLACING" && oe !== x && ue("PENDING");
+			return;
+		}
+		if (C === "COMPLETED") {
+			E("IDLE"), ue("IDLE"), I.current && (X(I.current), I.current.removeAttribute(Q)), R.current && (X(R.current), R.current.removeAttribute(Q)), Y.current && (X(Y.current), Y.current.style.removeProperty("will-change")), $.current && (X($.current), $.current.style.removeProperty("will-change"));
+			return;
+		}
+		if (C === "IDLE") return;
+		let e = I.current;
+		if (!e) return;
+		let t = () => {
+			let e = S.navigate.getState().transitionTaskId;
+			e && d.resolveTask(e);
+		}, n = `${C}-true`;
+		if (!(e.getAttribute(Q) !== "true" && se(k, n))) {
+			queueMicrotask(t);
+			return;
+		}
+		let r = f("screen", x, n), i = (n) => {
+			n.target === e && n.animationName === r && (e.removeEventListener("animationend", i), t());
+		};
+		return e.addEventListener("animationend", i), () => {
+			e.removeEventListener("animationend", i);
+		};
+	}, [
+		C,
+		b,
+		y,
+		oe,
+		x,
+		k,
+		E,
+		ue,
+		S.navigate
+	]), s(() => {
+		let e = Y.current;
+		if (!e) {
+			P(0);
+			return;
+		}
+		P(e.offsetHeight);
+		let t = new ResizeObserver(([e]) => {
+			P(e.contentRect.height);
+		});
+		return t.observe(e), () => {
+			t.disconnect();
+		};
+	}, [o]), s(() => {
+		let e = $.current;
+		if (!e) {
+			ge(0);
+			return;
+		}
+		ge(e.offsetHeight);
+		let t = new ResizeObserver(([e]) => {
+			ge(e.contentRect.height);
+		});
+		return t.observe(e), () => {
+			t.disconnect();
+		};
+	}, [c]), s(() => {
+		let { registerSharedBars: e, unregisterSharedBars: t } = S.screen.getState();
+		return e(y, {
+			appBar: !!o,
+			navigationBar: !!c
+		}), () => t(y);
+	}, [
+		y,
+		o,
+		c,
+		S.screen
+	]);
+	let Le = b || ae === O - 1, Re = !!o, ze = !!c;
+	s(() => {
+		let e = Y.current, t = $.current;
+		if (!e && !t) return;
+		let n = () => {
+			if (!(S.navigate.getState().status === "PUSHING" || S.navigate.getState().status === "POPPING" || S.navigate.getState().status === "REPLACING") || !Le) {
+				e?.removeAttribute("data-flemo-bar-riding"), t?.removeAttribute("data-flemo-bar-riding");
+				return;
+			}
+			let n = b ? S.history.getState().histories[O - 1]?.id : S.history.getState().histories[O]?.id, r = n ? S.screen.getState().sharedBars[n] : void 0, i = Re && !r?.appBar, a = ze && !r?.navigationBar;
+			e && e.setAttribute("data-flemo-bar-riding", i ? "true" : "false"), t && t.setAttribute("data-flemo-bar-riding", a ? "true" : "false");
+		};
+		n();
+		let r = S.screen.subscribe(n), i = S.navigate.subscribe(n);
+		return () => {
+			r(), i(), e?.removeAttribute("data-flemo-bar-riding"), t?.removeAttribute("data-flemo-bar-riding");
+		};
+	}, [
+		Le,
+		b,
+		O,
+		Re,
+		ze,
+		S.history,
+		S.navigate,
+		S.screen
+	]);
+	let Be = (() => {
+		if (!b || C !== "PUSHING" && C !== "REPLACING") return {};
+		let e = {};
+		return typeof j.x == "number" && (e.transform = `translateX(${j.x}px)`), typeof j.x == "string" && (e.transform = `translateX(${j.x})`), typeof j.y == "number" && (e.transform = `translateY(${j.y}px)`), typeof j.y == "string" && (e.transform = `translateY(${j.y})`), typeof j.opacity == "number" && (e.opacity = `${j.opacity}`), e;
+	})();
+	return /* @__PURE__ */ ce("div", {
+		ref: _e,
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			contain: "layout style",
+			flexDirection: "column",
+			boxSizing: "border-box",
+			overscrollBehavior: "contain"
+		},
+		children: [
+			/* @__PURE__ */ T("div", {
+				"data-swipe-at-edge-bar": !0,
+				style: {
+					position: "fixed",
+					top: 0,
+					left: 0,
+					width: 8,
+					height: "100%",
+					zIndex: 1
+				}
+			}),
+			/* @__PURE__ */ ce("div", {
+				ref: I,
+				...te,
+				onPointerDown: Pe,
+				onPointerMove: Fe,
+				onPointerUp: Ie,
+				onPointerCancel: Ie,
+				"data-flemo-screen": !0,
+				"data-flemo-transition": x,
+				"data-flemo-status": C,
+				"data-flemo-active": b ? "true" : "false",
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					height: "100%",
+					backgroundColor: v,
+					overflowY: ee ? void 0 : "auto",
+					touchAction: M === "x" ? "pan-y" : M === "y" ? "pan-x" : "auto",
+					...Be,
+					...te.style
+				},
+				children: [
+					!g && t && /* @__PURE__ */ T("div", {
+						style: { minHeight: t },
+						children: /* @__PURE__ */ T("div", { style: {
+							position: "fixed",
+							top: 0,
+							width: "100%",
+							minHeight: t,
+							backgroundColor: n
+						} })
+					}),
+					o && /* @__PURE__ */ T("div", { style: {
+						width: "100%",
+						minHeight: me
+					} }),
+					m,
+					/* @__PURE__ */ T("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							flexGrow: 1,
+							overflowY: ee ? "auto" : void 0
+						},
+						children: e
+					}),
+					h,
+					c && /* @__PURE__ */ T("div", { style: {
+						display: pe ? "none" : void 0,
+						width: "100%",
+						minHeight: he
+					} }),
+					!_ && r && /* @__PURE__ */ T("div", {
+						style: {
+							display: pe ? "none" : void 0,
+							minHeight: r
+						},
+						children: /* @__PURE__ */ T("div", { style: {
+							position: "fixed",
+							bottom: 0,
+							width: "100%",
+							minHeight: r,
+							backgroundColor: a
+						} })
+					})
+				]
+			}),
+			o && /* @__PURE__ */ T("div", {
+				ref: Y,
+				"data-flemo-bar": "app",
+				"data-flemo-bar-transition": x,
+				"data-flemo-bar-status": C,
+				"data-flemo-bar-active": b ? "true" : "false",
+				style: {
+					position: "fixed",
+					top: g ? 0 : t,
+					left: 0,
+					width: "100%",
+					zIndex: 1
+				},
+				children: o
+			}),
+			c && /* @__PURE__ */ T("div", {
+				ref: $,
+				"data-flemo-bar": "nav",
+				"data-flemo-bar-transition": x,
+				"data-flemo-bar-status": C,
+				"data-flemo-bar-active": b ? "true" : "false",
+				style: {
+					display: pe ? "none" : void 0,
+					position: "fixed",
+					bottom: _ ? 0 : r,
+					left: 0,
+					width: "100%",
+					zIndex: 1
+				},
+				children: c
+			}),
+			fe && /* @__PURE__ */ T(Se, { ref: R }),
+			/* @__PURE__ */ T("div", {
+				"data-swipe-at-edge-bar": !0,
+				style: {
+					position: "fixed",
+					top: 0,
+					right: 0,
+					width: 8,
+					height: "100%",
+					zIndex: 1
+				}
+			})
+		]
+	});
 }
-export {
-  We as Route,
-  Ke as Router,
-  tn as Screen,
-  ie as ScreenContext,
-  Ge as ScreenDecorator,
-  Oe as ScreenFreeze,
-  Fe as ScreenMotion,
-  rn as createDecorator,
-  on as createRawDecorator,
-  sn as createRawTransition,
-  an as createTransition,
-  Je as useNavigate,
-  Ze as useParams,
-  gt as useScreen,
-  Z as useScreenStore,
-  Qe as useStep,
-  _e as useViewportScrollHeight
-};
+//#endregion
+//#region src/screen/Screen.tsx
+function Ee({ children: e, ...t }) {
+	let { isActive: n, isPrev: r, zIndex: i } = A(), a = F((e) => e.index), o = xe((e) => e.status), s = Te((e) => e.dragStatus), c = Te((e) => e.replaceTransitionStatus);
+	return /* @__PURE__ */ T(K, {
+		freeze: !n && o === "COMPLETED" && s === "IDLE" || r && a - 2 <= i && c === "IDLE" || r && a - 2 > i,
+		children: /* @__PURE__ */ T($, {
+			...t,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/stores/RouterScopeProvider.tsx
+function De({ children: e }) {
+	let [t] = u(() => ({
+		history: _(),
+		navigate: v(),
+		transition: b(),
+		screen: ge()
+	}));
+	return /* @__PURE__ */ T(E.Provider, {
+		value: t,
+		children: e
+	});
+}
+//#endregion
+export { V as Route, B as Router, De as RouterScopeProvider, Ee as Screen, k as ScreenContext, Se as ScreenDecorator, K as ScreenFreeze, $ as ScreenMotion, g as createDecorator, ee as createRawDecorator, te as createRawTransition, y as createTransition, F as useHistoryStore, G as useNavigate, xe as useNavigateStore, be as useParams, A as useScreen, Te as useScreenStore, ye as useStep, D as useStores, Ce as useViewportScrollHeight };