@flemo/react 1.0.5 → 1.1.0

package/dist/index.mjs

@@ -1,34 +1,34 @@
-import { jsx as N, jsxs as Ht, Fragment as fe } from "react/jsx-runtime";
-import xt, { useEffect as ht, createContext as Gt, useContext as Yt, useReducer as me, Children as te, useInsertionEffect as ye, useRef as L, useImperativeHandle as he, useState as bt, useLayoutEffect as ft } from "react";
-import { consumeSelfInducedPop as ge, TaskManger as G, useNavigateStore as W, useHistoryStore as O, getMatchedPathPattern as we, transitionMap as ct, decoratorMap as yt, isServer as Mt, compileTransitionStyles as Se, useTransitionStore as Ot, getParams as ve, markSelfInducedPop as ee, targetToDecls as Te, easingToCss as Ee, variantHasAnimation as Pe, animationName as xe, findScrollable as qt, collectAnimatedProperties as be } from "@flemo/core";
-import { createDecorator as tn, createRawDecorator as en, createRawTransition as nn, createTransition as rn } from "@flemo/core";
-function Ie() {
-  return ht(() => {
+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 (ge())
+      if (ve())
         return;
-      const r = e.state?.id, a = G.generateTaskId();
-      (await G.addTask(
-        async (u) => {
-          const i = e.state?.index, s = e.state?.status, T = e.state?.params, E = e.state?.transitionName, m = e.state?.layoutId, { setStatus: x, setTransitionTaskId: h } = W.getState(), { index: R, addHistory: $, popHistory: C } = O.getState(), D = i < R, q = s === "PUSHING" && i > R, M = s === "REPLACING" && i > R, Y = window.location.pathname;
-          if (!D && !q && !M) {
-            u.abort();
+      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 h(a), D ? x("POPPING") : q ? (x("PUSHING"), $({
+          return p(a), R ? T("POPPING") : U ? (T("PUSHING"), L({
             id: r,
-            pathname: Y,
-            params: T,
-            transitionName: E,
-            layoutId: m
-          })) : M && (x("REPLACING"), $({
+            pathname: A,
+            params: w,
+            transitionName: P,
+            layoutId: f
+          })) : C && (T("REPLACING"), L({
             id: r,
-            pathname: Y,
-            params: T,
-            transitionName: E,
-            layoutId: m
+            pathname: A,
+            params: w,
+            transitionName: P,
+            layoutId: f
           })), async () => {
-            D && C(i + 1), x("COMPLETED");
+            R && H(i + 1), T("COMPLETED");
           };
         },
         {
@@ -44,267 +44,267 @@ function Ie() {
     };
   }, []), null;
 }
-var j = {}, zt;
-function Re() {
-  if (zt) return j;
-  zt = 1, Object.defineProperty(j, "__esModule", { value: !0 }), j.PathError = j.TokenData = void 0, j.parse = m, j.compile = x, j.match = $, j.pathToRegexp = C, j.stringify = wt;
-  const n = "/", e = (o) => o, r = /^[$_\p{ID_Start}]$/u, a = /^[$\u200c\u200d\p{ID_Continue}]$/u, u = /^[$_\p{ID_Start}][$\u200c\u200d\p{ID_Continue}]*$/u;
+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 T {
-    constructor(c, y) {
-      this.tokens = c, this.originalPath = y;
+  class w {
+    constructor(u, y) {
+      this.tokens = u, this.originalPath = y;
     }
   }
-  j.TokenData = T;
-  class E extends TypeError {
-    constructor(c, y) {
-      let p = c;
-      y && (p += `: ${y}`), p += "; visit https://git.new/pathToRegexpError for info", super(p), 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;
     }
   }
-  j.PathError = E;
-  function m(o, c = {}) {
-    const { encodePath: y = e } = c, p = [...o];
-    let l = 0;
-    function g(d) {
-      const P = [];
-      let w = "";
-      function I() {
-        w && (P.push({
+  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(w)
-        }), w = "");
+          value: y(S)
+        }), S = "");
       }
-      for (; l < p.length; ) {
-        const b = p[l++];
-        if (b === d)
-          return I(), P;
+      for (; d < l.length; ) {
+        const b = l[d++];
+        if (b === m)
+          return D(), x;
         if (b === "\\") {
-          if (l === p.length)
-            throw new E(`Unexpected end after \\ at index ${l}`, o);
-          w += p[l++];
+          if (d === l.length)
+            throw new P(`Unexpected end after \\ at index ${d}`, o);
+          S += l[d++];
           continue;
         }
         if (b === ":" || b === "*") {
-          const U = b === ":" ? "param" : "wildcard";
-          let S = "";
-          if (r.test(p[l]))
+          const Y = b === ":" ? "param" : "wildcard";
+          let v = "";
+          if (r.test(l[d]))
             do
-              S += p[l++];
-            while (a.test(p[l]));
-          else if (p[l] === '"') {
-            let H = l;
-            for (; l < p.length; ) {
-              if (p[++l] === '"') {
-                l++, H = 0;
+              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;
               }
-              p[l] === "\\" && l++, S += p[l];
+              l[d] === "\\" && d++, v += l[d];
             }
-            if (H)
-              throw new E(`Unterminated quote at index ${H}`, o);
+            if (B)
+              throw new P(`Unterminated quote at index ${B}`, o);
           }
-          if (!S)
-            throw new E(`Missing parameter name at index ${l}`, o);
-          I(), P.push({ type: U, name: S });
+          if (!v)
+            throw new P(`Missing parameter name at index ${d}`, o);
+          D(), x.push({ type: Y, name: v });
           continue;
         }
         if (b === "{") {
-          I(), P.push({
+          D(), x.push({
             type: "group",
             tokens: g("}")
           });
           continue;
         }
         if (b === "}" || b === "(" || b === ")" || b === "[" || b === "]" || b === "+" || b === "?" || b === "!")
-          throw new E(`Unexpected ${b} at index ${l - 1}`, o);
-        w += b;
+          throw new P(`Unexpected ${b} at index ${d - 1}`, o);
+        S += b;
       }
-      if (d)
-        throw new E(`Unexpected end at index ${l}, expected ${d}`, o);
-      return I(), P;
+      if (m)
+        throw new P(`Unexpected end at index ${d}, expected ${m}`, o);
+      return D(), x;
     }
-    return new T(g(""), o);
+    return new w(g(""), o);
   }
-  function x(o, c = {}) {
-    const { encode: y = encodeURIComponent, delimiter: p = n } = c, l = typeof o == "object" ? o : m(o, c), g = h(l.tokens, p, y);
-    return function(P = {}) {
-      const w = [], I = g(P, w);
-      if (w.length)
-        throw new TypeError(`Missing parameters: ${w.join(", ")}`);
-      return I;
+  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 h(o, c, y) {
-    const p = o.map((l) => R(l, c, y));
-    return (l, g) => {
-      let d = "";
-      for (const P of p)
-        d += P(l, g);
-      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 R(o, c, y) {
+  function I(o, u, y) {
     if (o.type === "text")
       return () => o.value;
     if (o.type === "group") {
-      const l = h(o.tokens, c, y);
-      return (g, d) => {
-        const P = d.length, w = l(g, d);
-        return d.length === P ? w : (d.length = P, "");
+      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 p = y || e;
-    return o.type === "wildcard" && y !== !1 ? (l, g) => {
-      const d = l[o.name];
-      if (d == null)
+    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(d) || d.length === 0)
+      if (!Array.isArray(m) || m.length === 0)
         throw new TypeError(`Expected "${o.name}" to be a non-empty array`);
-      let P = "";
-      for (let w = 0; w < d.length; w++) {
-        if (typeof d[w] != "string")
-          throw new TypeError(`Expected "${o.name}/${w}" to be a string`);
-        w > 0 && (P += c), P += p(d[w]);
+      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 P;
-    } : (l, g) => {
-      const d = l[o.name];
-      if (d == null)
+      return x;
+    } : (d, g) => {
+      const m = d[o.name];
+      if (m == null)
         return g.push(o.name), "";
-      if (typeof d != "string")
+      if (typeof m != "string")
         throw new TypeError(`Expected "${o.name}" to be a string`);
-      return p(d);
+      return l(m);
     };
   }
-  function $(o, c = {}) {
-    const { decode: y = decodeURIComponent, delimiter: p = n } = c, { regexp: l, keys: g } = C(o, c), d = g.map((P) => y === !1 ? e : P.type === "param" ? y : (w) => w.split(p).map(y));
-    return function(w) {
-      const I = l.exec(w);
-      if (!I)
+  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 = I[0], U = /* @__PURE__ */ Object.create(null);
-      for (let S = 1; S < I.length; S++) {
-        if (I[S] === void 0)
+      const b = D[0], Y = /* @__PURE__ */ Object.create(null);
+      for (let v = 1; v < D.length; v++) {
+        if (D[v] === void 0)
           continue;
-        const H = g[S - 1], _ = d[S - 1];
-        U[H.name] = _(I[S]);
+        const B = g[v - 1], j = m[v - 1];
+        Y[B.name] = j(D[v]);
       }
-      return { path: b, params: U };
+      return { path: b, params: Y };
     };
   }
-  function C(o, c = {}) {
-    const { delimiter: y = n, end: p = !0, sensitive: l = !1, trailing: g = !0 } = c, d = [];
-    let P = "", w = 0;
-    function I(U) {
-      if (Array.isArray(U)) {
-        for (const H of U)
-          I(H);
+  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 S = typeof U == "object" ? U : m(U, c);
-      D(S.tokens, 0, [], (H) => {
-        if (w >= 256)
-          throw new E("Too many path combinations", S.originalPath);
-        w > 0 && (P += "|"), P += q(H, y, d, S.originalPath), w++;
+      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++;
       });
     }
-    I(o);
-    let b = `^(?:${P})`;
-    return g && (b += "(?:" + s(y) + "$)?"), b += p ? "$" : "(?=" + s(y) + "|$)", { regexp: new RegExp(b, l ? "" : "i"), keys: d };
+    D(o);
+    let b = `^(?:${x})`;
+    return g && (b += "(?:" + s(y) + "$)?"), b += l ? "$" : "(?=" + s(y) + "|$)", { regexp: new RegExp(b, d ? "" : "i"), keys: m };
   }
-  function D(o, c, y, p) {
-    for (; c < o.length; ) {
-      const l = o[c++];
-      if (l.type === "group") {
+  function R(o, u, y, l) {
+    for (; u < o.length; ) {
+      const d = o[u++];
+      if (d.type === "group") {
         const g = y.length;
-        D(l.tokens, 0, y, (d) => D(o, c, d, p)), y.length = g;
+        R(d.tokens, 0, y, (m) => R(o, u, m, l)), y.length = g;
         continue;
       }
-      y.push(l);
+      y.push(d);
     }
-    p(y);
+    l(y);
   }
-  function q(o, c, y, p) {
-    let l = "", g = "", d = "", P = 0, w = 0, I = 0;
-    function b(S, H) {
-      for (; S < o.length; ) {
-        const _ = o[S++];
-        if (_.type === H)
+  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 (_.type === "text" && _.value.includes(c))
+        if (j.type === "text" && j.value.includes(u))
           break;
       }
       return !1;
     }
-    function U(S) {
-      let H = "";
-      for (; S < o.length; ) {
-        const _ = o[S++];
-        if (_.type !== "text")
+    function Y(v) {
+      let B = "";
+      for (; v < o.length; ) {
+        const j = o[v++];
+        if (j.type !== "text")
           break;
-        H += _.value;
+        B += j.value;
       }
-      return H;
+      return B;
     }
-    for (; I < o.length; ) {
-      const S = o[I++];
-      if (S.type === "text") {
-        l += s(S.value), g += S.value, P === 2 && (d += S.value), S.value.includes(c) && (w = 0);
+    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 (S.type === "param" || S.type === "wildcard") {
-        if (P && !g)
-          throw new E(`Missing text before "${S.name}" ${S.type}`, p);
-        S.type === "param" ? (l += w & 2 ? `(${M(c, g)}+)` : b(I, "wildcard") ? `(${M(c, U(I))}+)` : w & 1 ? `(${M(c, g)}+|${s(g)})` : `(${M(c, "")}+)`, w |= P = 1) : (l += w & 2 ? `(${M(g, "")}+)` : d ? `(${M(d, "")}+|${M(c, "")}+)` : "([^]+)", d = "", w |= P = 2), y.push(S), g = "";
+      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: ${S.type}`);
+      throw new TypeError(`Unknown token type: ${v.type}`);
     }
-    return l;
+    return d;
   }
-  function M(o, c) {
-    return c.length > o.length ? M(c, o) : (o === c && (c = ""), c.length > 1 ? `(?:(?!${s(o)}|${s(c)})[^])` : o.length > 1 ? `(?:(?!${s(o)})[^${s(c)}])` : `[^${s(o + c)}]`);
+  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 Y(o, c) {
+  function A(o, u) {
     let y = "";
-    for (; c < o.length; ) {
-      const p = o[c++];
-      if (p.type === "text") {
-        y += i(p.value);
+    for (; u < o.length; ) {
+      const l = o[u++];
+      if (l.type === "text") {
+        y += i(l.value);
         continue;
       }
-      if (p.type === "group") {
-        y += "{" + Y(p.tokens, 0) + "}";
+      if (l.type === "group") {
+        y += "{" + A(l.tokens, 0) + "}";
         continue;
       }
-      if (p.type === "param") {
-        y += ":" + B(p.name, o[c]);
+      if (l.type === "param") {
+        y += ":" + O(l.name, o[u]);
         continue;
       }
-      if (p.type === "wildcard") {
-        y += "*" + B(p.name, o[c]);
+      if (l.type === "wildcard") {
+        y += "*" + O(l.name, o[u]);
         continue;
       }
-      throw new TypeError(`Unknown token type: ${p.type}`);
+      throw new TypeError(`Unknown token type: ${l.type}`);
     }
     return y;
   }
-  function wt(o) {
-    return Y(o.tokens, 0);
+  function X(o) {
+    return A(o.tokens, 0);
   }
-  function B(o, c) {
-    return !u.test(o) || c?.type === "text" && a.test(c.value[0]) ? JSON.stringify(o) : o;
+  function O(o, u) {
+    return !c.test(o) || u?.type === "text" && a.test(u.value[0]) ? JSON.stringify(o) : o;
   }
-  return j;
+  return F;
 }
-var Bt = Re();
-const ne = Gt({
+var It = Ne();
+const ie = _t({
   id: "",
   isActive: !1,
   isRoot: !0,
@@ -318,94 +318,94 @@ const ne = Gt({
   routePath: ""
 });
 function gt() {
-  return Yt(ne);
+  return jt(ie);
 }
-const re = Gt({}), oe = Gt(() => {
+const se = _t({}), ae = _t(() => {
 });
-function De(n, e) {
+function ke(n, e) {
   return e.type === "SET" ? e.params : n;
 }
-function Le({ children: n }) {
-  const { isActive: e, params: r } = gt(), [a, u] = me(De, r);
-  return ht(() => {
+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 G.addTask(async () => {
-        u({ type: "SET", params: s.state?.params || {} });
+      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, u]), /* @__PURE__ */ N(oe.Provider, { value: u, children: /* @__PURE__ */ N(re.Provider, { value: a, children: n }) });
+  }, [e, c]), /* @__PURE__ */ k(ae.Provider, { value: c, children: /* @__PURE__ */ k(se.Provider, { value: a, children: n }) });
 }
-function Ne({ children: n }) {
-  const e = O((a) => a.index), r = O((a) => a.histories);
+function $e({ children: n }) {
+  const e = G((a) => a.index), r = G((a) => a.histories);
   return r.map(
-    (a) => te.toArray(n).filter(
-      (u) => Bt.pathToRegexp(u.props.path).regexp.test(
+    (a) => oe.toArray(n).filter(
+      (c) => It.pathToRegexp(c.props.path).regexp.test(
         a.pathname
       )
     )
-  ).map(([a], u) => /* @__PURE__ */ N(
-    ne.Provider,
+  ).map(([a], c) => /* @__PURE__ */ k(
+    ie.Provider,
     {
       value: {
-        id: r[u].id,
-        isActive: u === e,
-        isRoot: u === 0,
-        isPrev: u < e - 1,
-        zIndex: u,
-        pathname: r[u].pathname,
-        params: r[u].params,
+        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[u].layoutId,
-        routePath: we(
+        layoutId: r[c].layoutId,
+        routePath: Ee(
           a.props.path,
-          r[u].pathname
+          r[c].pathname
         )
       },
-      children: /* @__PURE__ */ N(Le, { children: a })
+      children: /* @__PURE__ */ k(Ae, { children: a })
     },
-    r[u].id
+    r[c].id
   ));
 }
-const Kt = "data-flemo", Wt = () => {
-  if (Mt()) return;
-  const n = Se(ct.values(), yt.values());
-  let e = document.head.querySelector(`style[${Kt}]`);
-  e || (e = document.createElement("style"), e.setAttribute(Kt, ""), document.head.appendChild(e)), e.textContent !== n && (e.textContent = 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);
 };
-function $e(n, e) {
-  ye(() => {
-    for (const r of n) ct.set(r.name, r);
+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 Wt(), () => {
-      for (const r of n) ct.delete(r.name);
+    return te(), () => {
+      for (const r of n) ut.delete(r.name);
       for (const r of e) yt.delete(r.name);
-      Wt();
+      te();
     };
   }, [n, e]);
 }
-const Ae = [], ke = [];
-function Fe({
+const Me = [], He = [];
+function Ke({
   children: n,
   initPath: e = "/",
   defaultTransitionName: r = "cupertino",
-  transitions: a = Ae,
-  decorators: u = ke
+  transitions: a = Me,
+  decorators: c = He
 }) {
-  const i = Mt() ? e || "/" : window.location.pathname, s = Mt() ? i.split("?")[1] || "" : window.location.search;
-  return Ot.setState({
+  const i = Ut() ? e || "/" : window.location.pathname, s = Ut() ? i.split("?")[1] || "" : window.location.search;
+  return Yt.setState({
     defaultTransitionName: r
-  }), O.setState({
+  }), G.setState({
     index: 0,
     histories: [
       {
         id: "root",
         pathname: i,
-        params: ve(
-          te.toArray(n).map((T) => T.props.path).flat(),
+        params: Te(
+          oe.toArray(n).map((w) => w.props.path).flat(),
           i,
           s
         ),
@@ -413,7 +413,7 @@ function Fe({
         layoutId: null
       }
     ]
-  }), $e(a, u), ht(() => {
+  }), Ce(a, c), wt(() => {
     window.history.state?.index || window.history.replaceState(
       {
         id: "root",
@@ -426,132 +426,203 @@ function Fe({
       "",
       window.location.href
     );
-  }, [r]), /* @__PURE__ */ Ht(fe, { children: [
-    /* @__PURE__ */ N(Ie, {}),
-    /* @__PURE__ */ N(Ne, { children: n })
+  }, [r]), /* @__PURE__ */ Bt(ye, { children: [
+    /* @__PURE__ */ k(Le, {}),
+    /* @__PURE__ */ k($e, { children: n })
   ] });
 }
-function qe({ element: n }) {
+function We({ element: n }) {
   return n;
 }
-function It(n, e) {
-  const r = e ?? {}, a = Bt.compile(n), u = Object.fromEntries(
-    Object.entries(r).map(([h, R]) => [h, String(R)])
-  ), i = a(u), T = (typeof n == "string" ? Bt.parse(n) : n).tokens.filter((h) => h.type === "param").map((h) => h.name), E = Object.fromEntries(
-    Object.entries(r).filter(([h]) => !T.includes(h))
-  ), m = new URLSearchParams(E).toString();
-  return { pathname: `${i}${m ? `?${m}` : ""}`, toPathname: i };
+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 };
 }
-function ze() {
-  return {
-    push: async (a, u, i) => {
-      const { status: s } = W.getState();
-      if (s !== "COMPLETED" && s !== "IDLE")
-        return;
-      const { index: T, addHistory: E } = O.getState(), m = Ot.getState().defaultTransitionName, { transitionName: x = m, layoutId: h = null } = i ?? {}, R = G.generateTaskId();
-      (await G.addTask(
-        async () => {
-          const { setStatus: $, setTransitionTaskId: C } = W.getState();
-          $("PUSHING"), C(R);
-          const { pathname: D, toPathname: q } = It(a, u ?? {});
-          return window.history.pushState(
+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();
+};
+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: R,
-              index: T + 1,
+              id: p,
+              index: G.getState().index - U,
               status: "PUSHING",
-              params: u,
-              transitionName: x,
-              layoutId: h
+              params: i,
+              transitionName: f,
+              layoutId: T
             },
             "",
-            D
-          ), E({
-            id: R,
-            pathname: q,
-            params: u ?? {},
-            transitionName: x,
-            layoutId: h
-          }), () => {
-            $("COMPLETED");
-          };
-        },
-        {
-          id: R,
-          control: {
-            manual: !0
+            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;
         }
-      )).result?.();
-    },
-    replace: async (a, u, i) => {
-      const { status: s } = W.getState();
-      if (s !== "COMPLETED" && s !== "IDLE")
-        return;
-      const { index: T, addHistory: E } = O.getState(), m = O.getState().replaceHistory, x = Ot.getState().defaultTransitionName, { transitionName: h = x, layoutId: R = null } = i ?? {}, $ = G.generateTaskId();
-      (await G.addTask(
-        async () => {
-          const { setStatus: C, setTransitionTaskId: D } = W.getState();
-          C("REPLACING"), D($);
-          const { pathname: q, toPathname: M } = It(a, u ?? {});
-          return window.history.replaceState(
+        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: $,
-              index: T,
+              id: p,
+              index: G.getState().index - 1,
               status: "REPLACING",
-              params: u,
-              transitionName: h,
-              layoutId: R
+              params: i,
+              transitionName: f,
+              layoutId: T
             },
             "",
-            q
-          ), E({
-            id: $,
-            pathname: M,
-            params: u ?? {},
-            transitionName: h,
-            layoutId: R
-          }), async () => {
-            m(T), C("COMPLETED");
-          };
-        },
-        {
-          id: $,
-          control: {
-            manual: !0
-          }
+            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?.();
-    },
-    pop: async () => {
-      const a = G.generateTaskId();
-      (await G.addTask(
-        async (u) => {
-          const { index: i, popHistory: s } = O.getState();
-          if (i <= 0) {
-            u.abort();
-            return;
-          }
-          const { setStatus: T, setTransitionTaskId: E } = W.getState();
-          return T("POPPING"), E(a), ee(), window.history.back(), async () => {
-            s(i), T("COMPLETED");
-          };
-        },
-        {
-          id: a,
-          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;
         }
-      )).result?.();
+        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 Ke() {
-  const { routePath: n } = gt(), e = Yt(oe);
+function Qe() {
+  const { routePath: n } = gt(), e = jt(ae);
   return {
     pushStep: async (i) => {
-      (await G.addTask(async () => {
-        const { pathname: s } = It(n, i);
+      (await V.addTask(async () => {
+        const { pathname: s } = Rt(n, i);
         return window.history.state?.step || window.history.replaceState(
           {
             ...window.history.state,
@@ -571,8 +642,8 @@ function Ke() {
       })).result?.();
     },
     replaceStep: async (i) => {
-      (await G.addTask(async () => {
-        const { pathname: s } = It(n, i);
+      (await V.addTask(async () => {
+        const { pathname: s } = Rt(n, i);
         return window.history.replaceState(
           {
             ...window.history.state,
@@ -585,34 +656,34 @@ function Ke() {
       })).result?.();
     },
     popStep: async () => {
-      const i = G.generateTaskId();
-      (await G.addTask(
+      const i = V.generateTaskId();
+      (await V.addTask(
         async (s) => {
-          const T = new Promise((C) => {
+          const w = new Promise((H) => {
             window.addEventListener(
               "popstate",
-              (D) => C(D.state),
+              (R) => H(R.state),
               { once: !0 }
             );
-          }), E = new Promise(
-            (C) => setTimeout(() => C(void 0), 200)
+          }), P = new Promise(
+            (H) => setTimeout(() => H(void 0), 200)
           );
-          ee(), window.history.back();
-          const m = await Promise.race([
-            T,
-            E
+          Ft(), window.history.back();
+          const f = await Promise.race([
+            w,
+            P
           ]);
-          if (!m) {
+          if (!f) {
             s.abort();
             return;
           }
-          if (m.step) {
-            e({ type: "SET", params: m.params ?? {} }), s.abort();
+          if (f.step) {
+            e({ type: "SET", params: f.params ?? {} }), s.abort();
             return;
           }
-          const { setStatus: x, setTransitionTaskId: h } = W.getState(), { index: R, popHistory: $ } = O.getState();
-          return x("POPPING"), h(i), async () => {
-            $(R), x("COMPLETED");
+          const { setStatus: T, setTransitionTaskId: p } = J.getState(), { index: I, popHistory: L } = G.getState();
+          return T("POPPING"), p(i), async () => {
+            L(I), T("COMPLETED");
           };
         },
         {
@@ -625,12 +696,12 @@ function Ke() {
     }
   };
 }
-function We() {
-  return Yt(re);
+function Ze() {
+  return jt(se);
 }
-function Ce({ freeze: n, children: e }) {
-  const r = L(e);
-  return n || (r.current = e), /* @__PURE__ */ N(
+function Oe({ freeze: n, children: e }) {
+  const r = N(e);
+  return n || (r.current = e), /* @__PURE__ */ k(
     "div",
     {
       style: {
@@ -640,16 +711,16 @@ function Ce({ freeze: n, children: e }) {
     }
   );
 }
-function He({ ref: n, style: e, ...r }) {
-  const { isActive: a, transitionName: u } = gt(), i = L(null);
-  he(n, () => i.current);
-  const s = W((x) => x.status), T = ct.get(u) ?? ct.get("none"), { decoratorName: E } = T, m = yt.get(E);
-  return m ? /* @__PURE__ */ N(
+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": m.name,
+      "data-flemo-decorator-name": f.name,
       "data-flemo-status": s,
       "data-flemo-active": a ? "true" : "false",
       style: {
@@ -666,18 +737,18 @@ function He({ ref: n, style: e, ...r }) {
     }
   ) : null;
 }
-const Jt = (n) => {
+const ee = (n) => {
   let e;
-  const r = /* @__PURE__ */ new Set(), a = (m, x) => {
-    const h = typeof m == "function" ? m(e) : m;
-    if (!Object.is(h, e)) {
-      const R = e;
-      e = x ?? (typeof h != "object" || h === null) ? h : Object.assign({}, e, h), r.forEach(($) => $(e, R));
+  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));
     }
-  }, u = () => e, T = { setState: a, getState: u, getInitialState: () => E, subscribe: (m) => (r.add(m), () => r.delete(m)) }, E = e = n(a, u, T);
-  return T;
-}, Me = ((n) => n ? Jt(n) : Jt), Oe = (n) => n;
-function Be(n, e = Oe) {
+  }, 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]),
@@ -685,10 +756,10 @@ function Be(n, e = Oe) {
   );
   return xt.useDebugValue(r), r;
 }
-const Qt = (n) => {
-  const e = Me(n), r = (a) => Be(e, a);
+const ne = (n) => {
+  const e = Be(n), r = (a) => Ye(e, a);
   return Object.assign(r, e), r;
-}, Ue = ((n) => n ? Qt(n) : Qt), Q = Ue((n) => ({
+}, Ve = ((n) => n ? ne(n) : ne), Z = Ve((n) => ({
   dragStatus: "IDLE",
   replaceTransitionStatus: "IDLE",
   sharedBars: {},
@@ -700,30 +771,30 @@ const Qt = (n) => {
     return delete a[e], { sharedBars: a };
   })
 }));
-let Ct = 0;
-function Ge() {
+let Gt = 0;
+function _e() {
   const [n, e] = bt(0), [r, a] = bt(0);
-  return ht(() => {
-    let u = 0;
+  return wt(() => {
+    let c = 0;
     const i = () => {
-      cancelAnimationFrame(u), u = requestAnimationFrame(() => {
+      cancelAnimationFrame(c), c = requestAnimationFrame(() => {
         let s = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
         s = s < 0 ? 0 : s;
-        let T = s - Ct;
-        T = T < 0 ? 0 : T, Ct || (Ct = s), a(T), e(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(u), window.visualViewport?.removeEventListener("resize", i), window.visualViewport?.removeEventListener("scroll", i);
+      cancelAnimationFrame(c), window.visualViewport?.removeEventListener("resize", i), window.visualViewport?.removeEventListener("scroll", i);
     };
   }, []), { viewportScrollHeight: n, changedViewportScrollHeight: r };
 }
-const Ye = (n) => typeof HTMLElement < "u" && n instanceof HTMLElement, Ut = /* @__PURE__ */ new WeakMap(), Zt = (n, e) => {
-  let r = Ut.get(n);
-  r || (r = /* @__PURE__ */ new Set(), Ut.set(n, r)), r.add(e);
-}, F = (n, e) => {
+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 = Ut.get(n);
+  const r = Vt.get(n);
   if (r && r.size > 0) {
     for (const a of r)
       n.style.removeProperty(a);
@@ -731,284 +802,284 @@ const Ye = (n) => typeof HTMLElement < "u" && n instanceof HTMLElement, Ut = /*
     return;
   }
   n.style.removeProperty("transform"), n.style.removeProperty("opacity");
-}, lt = (n, e, r = {}) => {
-  if (!Ye(n)) return Promise.resolve();
-  const a = n, u = Te(e);
-  if (u.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, T = Ee(r.ease);
+}, 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 m of u)
-      a.style.setProperty(m.property, m.value), Zt(a, m.property);
+    for (const f of c)
+      a.style.setProperty(f.property, f.value), re(a, f.property);
     return Promise.resolve();
   }
-  const E = u.map((m) => `${m.property} ${i}s ${T} ${s}s`).join(", ");
-  a.style.transition = E, a.offsetWidth;
-  for (const m of u)
-    a.style.setProperty(m.property, m.value), Zt(a, m.property);
-  return new Promise((m) => {
-    let x = !1;
-    const h = () => {
-      x || (x = !0, a.removeEventListener("transitionend", R), m());
-    }, R = ($) => {
-      $.target === a && h();
+  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", R), setTimeout(h, (i + s) * 1e3 + 60);
+    a.addEventListener("transitionend", I), setTimeout(p, (i + s) * 1e3 + 60);
   });
-}, pt = W, mt = "data-flemo-skip-animation";
-function Ve({
+}, pt = J, ht = "data-flemo-skip-animation";
+function Fe({
   children: n,
   statusBarHeight: e,
   statusBarColor: r,
   systemNavigationBarHeight: a,
-  systemNavigationBarColor: u,
+  systemNavigationBarColor: c,
   sharedAppBar: i,
   sharedNavigationBar: s,
-  appBar: T,
-  navigationBar: E,
-  hideStatusBar: m,
-  hideSystemNavigationBar: x,
-  backgroundColor: h = "white",
-  contentScrollable: R = !0,
-  ...$
+  appBar: w,
+  navigationBar: P,
+  hideStatusBar: f,
+  hideSystemNavigationBar: T,
+  backgroundColor: p = "white",
+  contentScrollable: I = !0,
+  ...L
 }) {
-  const { id: C, isActive: D, isRoot: q, zIndex: M, transitionName: Y, prevTransitionName: wt } = gt(), B = pt((t) => t.status), o = Q((t) => t.dragStatus), c = Q.getState().setDragStatus, y = Q.getState().setReplaceTransitionStatus, p = O((t) => t.index), l = ct.get(Y) ?? ct.get("none"), { initial: g, swipeDirection: d, decoratorName: P } = l, w = yt.get(P), { viewportScrollHeight: I } = Ge(), b = I > 0, [U, S] = bt(0), [H, _] = bt(0), Vt = L(null), V = L(null), Z = L(null), z = L(null), ut = L(null), J = 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: []
-  }), tt = L(!1), dt = L(!1), rt = L(!1), ae = L(0), Rt = L({ x: 0, y: 0 }), St = L({ x: 0, y: 0 }), Dt = L(0), Lt = L({ x: 0, y: 0 }), et = L({
+  }), 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
-  }), ot = L({ element: null, hasMarker: !1 }), Nt = L(0), $t = L(0), at = L(null), it = L(null), At = (t) => {
-    const f = St.current;
+  }), 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 - Rt.current.x,
-        y: t.clientY - Rt.current.y
+        x: t.clientX - Dt.current.x,
+        y: t.clientY - Dt.current.y
       },
-      delta: { x: t.clientX - f.x, y: t.clientY - f.y },
-      velocity: Lt.current
+      delta: { x: t.clientX - h.x, y: t.clientY - h.y },
+      velocity: Nt.current
     };
-  }, ie = (t) => {
-    const f = t.timeStamp, v = Math.max(1, f - Dt.current), k = St.current;
-    Lt.current = {
-      x: (t.clientX - k.x) / v * 1e3,
-      y: (t.clientY - k.y) / v * 1e3
-    }, St.current = { x: t.clientX, y: t.clientY }, Dt.current = f;
-  }, kt = (t, f, v) => {
-    const k = lt(t, f, v);
-    if (t === V.current)
-      for (const A of J.current.current)
-        lt(A, f, v);
-    else if (t === Z.current)
-      for (const A of J.current.prev)
-        lt(A, f, v);
-    return k;
-  }, se = (t) => {
-    const f = D ? O.getState().histories[p - 1]?.id : O.getState().histories[p]?.id, v = f ? Q.getState().sharedBars[f] : void 0, k = [], A = at.current, st = it.current;
-    A && Tt && !v?.appBar && k.push(A), st && Et && !v?.navigationBar && k.push(st);
-    const X = [];
+  }, 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 nt = t.querySelector('[data-flemo-bar="app"]'), Ft = t.querySelector('[data-flemo-bar="nav"]');
-      nt && !Tt && X.push(nt), Ft && !Et && X.push(Ft);
+      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);
     }
-    J.current = { current: k, prev: X };
-    const Pt = be(l).join(", ");
-    for (const nt of k) nt.style.willChange = Pt;
-    for (const nt of X) nt.style.willChange = Pt;
-  }, _t = () => {
-    for (const t of J.current.current)
-      F(t), t.style.removeProperty("will-change");
-    for (const t of J.current.prev)
-      F(t), t.style.removeProperty("will-change");
-    J.current = { current: [], prev: [] };
+    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 (!d || I > 10) return;
-    const f = V.current;
-    if (!f) return;
-    const v = Vt.current?.parentElement?.previousElementSibling;
-    if (Z.current = v?.querySelector("[data-flemo-screen]") ?? null, ut.current = v?.querySelector("[data-flemo-decorator]") ?? null, !Z.current) return;
-    rt.current = !0, ae.current = t.timeStamp, Rt.current = { x: t.clientX, y: t.clientY }, St.current = { x: t.clientX, y: t.clientY }, Dt.current = t.timeStamp, Lt.current = { x: 0, y: 0 }, f.setPointerCapture(t.pointerId), se(v), await l?.onSwipeStart(t, At(t), {
-      animate: kt,
-      currentScreen: f,
-      prevScreen: Z.current,
-      onStart: (A) => w?.onSwipeStart?.(A, {
-        animate: lt,
-        currentDecorator: z.current,
-        prevDecorator: ut.current
+    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
       })
-    }) ? c("PENDING") : (c("IDLE"), rt.current = !1, _t());
-  }, ce = (t) => {
-    !d || !rt.current || I > 10 || (ie(t), l.onSwipe(t, At(t), {
-      animate: kt,
-      currentScreen: V.current,
-      prevScreen: Z.current,
-      onProgress: (f, v) => w?.onSwipe?.(f, v, {
-        animate: lt,
-        currentDecorator: z.current,
-        prevDecorator: ut.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
       })
     }));
-  }, ue = async (t) => {
-    if (!d || !rt.current) return;
-    rt.current = !1;
-    const f = V.current;
-    f && f.hasPointerCapture(t.pointerId) && f.releasePointerCapture(t.pointerId);
-    const v = At(t);
-    if (await l?.onSwipeEnd(t, v, {
-      animate: kt,
-      currentScreen: V.current,
-      prevScreen: Z.current,
-      onStart: (A) => w?.onSwipeEnd?.(A, {
-        animate: lt,
-        currentDecorator: z.current,
-        prevDecorator: ut.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
       })
     })) {
-      V.current?.setAttribute(mt, "true"), z.current?.setAttribute(mt, "true");
-      for (const A of J.current.current)
-        A.style.removeProperty("will-change");
-      for (const A of J.current.prev)
-        F(A), A.style.removeProperty("will-change");
-      J.current = { current: [], prev: [] }, window.history.back();
+      _.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
-      F(V.current), Z.current && F(Z.current), z.current && F(z.current), ut.current && F(ut.current), _t(), c("IDLE");
-  }, le = (t) => {
-    if (!(!q && D && B === "COMPLETED" && o === "IDLE" && !!d && I < 10))
+      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;
-    et.current = qt(t.target, {
+    nt.current = Jt(t.target, {
       direction: "x",
       verifyByScroll: !0
-    }), ot.current = qt(t.target, {
+    }), it.current = Jt(t.target, {
       direction: "y",
       verifyByScroll: !0
-    }), Nt.current = t.clientX, $t.current = t.clientY, (!et.current.element && !ot.current.element || et.current.element || ot.current.element) && (tt.current = !0);
-  }, pe = (t) => {
-    if (I > 10)
+    }), 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 (rt.current) {
-      ce(t.nativeEvent);
+    if (ot.current) {
+      de(t.nativeEvent);
       return;
     }
-    const f = !et.current.element && !ot.current.element;
-    if (tt.current && f) {
-      tt.current = !1, dt.current = !0;
-      const v = t.clientY - $t.current, k = t.clientX - Nt.current;
-      (d === "y" && v > 0 || d === "x" && k > 0) && vt(t.nativeEvent);
-    } else if (tt.current && !f) {
-      const v = t.clientX - Nt.current, k = t.clientY - $t.current, A = ot.current.element && ot.current.element.scrollTop <= 0, st = et.current.element && et.current.element.scrollLeft <= 0 && et.current.hasMarker;
-      (d === "y" && (A || et.current.element) && k > 0 && Math.abs(v) < 2 || d === "x" && (st || ot.current.element) && v > 0 && Math.abs(k) < 2) && (tt.current = !1, dt.current = !0, vt(t.nativeEvent));
+    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));
     }
-  }, jt = (t) => {
-    tt.current = !1, dt.current = !1, rt.current && ue(t.nativeEvent);
+  }, zt = (t) => {
+    et.current = !1, ft.current = !1, ot.current && pe(t.nativeEvent);
   };
-  ht(() => {
-    const t = V.current;
+  wt(() => {
+    const t = _.current;
     if (!t) return;
-    const f = (v) => {
-      dt.current && v.preventDefault(), v.target?.dataset.swipeAtEdgeBar === "true" && v.preventDefault();
+    const h = (E) => {
+      ft.current && E.preventDefault(), E.target?.dataset.swipeAtEdgeBar === "true" && E.preventDefault();
     };
-    return t.addEventListener("touchmove", f, {
+    return t.addEventListener("touchmove", h, {
       passive: !1
     }), () => {
-      t.removeEventListener("touchmove", f);
+      t.removeEventListener("touchmove", h);
     };
-  }, []), ft(() => {
-    if (!D) {
-      B === "REPLACING" && wt !== Y && y("PENDING");
+  }, []), mt(() => {
+    if (!R) {
+      O === "REPLACING" && X !== A && y("PENDING");
       return;
     }
-    if (B === "COMPLETED") {
-      c("IDLE"), y("IDLE"), V.current && (F(V.current), V.current.removeAttribute(mt)), z.current && (F(z.current), z.current.removeAttribute(mt)), at.current && (F(at.current), at.current.style.removeProperty("will-change")), it.current && (F(it.current), it.current.style.removeProperty("will-change"));
+    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 (B === "IDLE") return;
-    const t = V.current;
+    if (O === "IDLE") return;
+    const t = _.current;
     if (!t) return;
-    const f = () => {
-      const K = pt.getState().transitionTaskId;
-      K && G.resolveTask(K);
-    }, v = `${B}-true`;
-    if (!(!(t.getAttribute(mt) === "true") && Pe(l, v))) {
-      queueMicrotask(f);
+    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 st = xe("screen", Y, v), X = (K) => {
-      K.target === t && K.animationName === st && (t.removeEventListener("animationend", X), f());
+    const ct = Re("screen", A, E), q = (W) => {
+      W.target === t && W.animationName === ct && (t.removeEventListener("animationend", q), h());
     };
-    return t.addEventListener("animationend", X), () => {
-      t.removeEventListener("animationend", X);
+    return t.addEventListener("animationend", q), () => {
+      t.removeEventListener("animationend", q);
     };
   }, [
-    B,
-    D,
-    C,
-    wt,
-    Y,
-    l,
-    c,
+    O,
+    R,
+    H,
+    X,
+    A,
+    d,
+    u,
     y
-  ]), ft(() => {
-    const t = at.current;
+  ]), mt(() => {
+    const t = st.current;
     if (!t) {
-      S(0);
+      v(0);
       return;
     }
-    S(t.offsetHeight);
-    const f = new ResizeObserver(([v]) => {
-      S(v.contentRect.height);
+    v(t.offsetHeight);
+    const h = new ResizeObserver(([E]) => {
+      v(E.contentRect.height);
     });
-    return f.observe(t), () => {
-      f.disconnect();
+    return h.observe(t), () => {
+      h.disconnect();
     };
-  }, [i]), ft(() => {
-    const t = it.current;
+  }, [i]), mt(() => {
+    const t = at.current;
     if (!t) {
-      _(0);
+      j(0);
       return;
     }
-    _(t.offsetHeight);
-    const f = new ResizeObserver(([v]) => {
-      _(v.contentRect.height);
+    j(t.offsetHeight);
+    const h = new ResizeObserver(([E]) => {
+      j(E.contentRect.height);
     });
-    return f.observe(t), () => {
-      f.disconnect();
+    return h.observe(t), () => {
+      h.disconnect();
     };
-  }, [s]), ft(() => {
-    const { registerSharedBars: t, unregisterSharedBars: f } = Q.getState();
-    return t(C, {
+  }, [s]), mt(() => {
+    const { registerSharedBars: t, unregisterSharedBars: h } = Z.getState();
+    return t(H, {
       appBar: !!i,
       navigationBar: !!s
-    }), () => f(C);
-  }, [C, i, s]);
-  const Xt = D || M === p - 1, Tt = !!i, Et = !!s;
-  ft(() => {
-    const t = at.current, f = it.current;
-    if (!t && !f) return;
-    const v = () => {
-      if (!(pt.getState().status === "PUSHING" || pt.getState().status === "POPPING" || pt.getState().status === "REPLACING") || !Xt) {
-        t?.removeAttribute("data-flemo-bar-riding"), f?.removeAttribute("data-flemo-bar-riding");
+    }), () => 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 X = D ? O.getState().histories[p - 1]?.id : O.getState().histories[p]?.id, K = X ? Q.getState().sharedBars[X] : void 0, Pt = Tt && !K?.appBar, nt = Et && !K?.navigationBar;
-      t && t.setAttribute("data-flemo-bar-riding", Pt ? "true" : "false"), f && f.setAttribute("data-flemo-bar-riding", nt ? "true" : "false");
+      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");
     };
-    v();
-    const k = Q.subscribe(v), A = pt.subscribe(v);
+    E();
+    const M = Z.subscribe(E), $ = pt.subscribe(E);
     return () => {
-      k(), A(), t?.removeAttribute("data-flemo-bar-riding"), f?.removeAttribute("data-flemo-bar-riding");
+      M(), $(), t?.removeAttribute("data-flemo-bar-riding"), h?.removeAttribute("data-flemo-bar-riding");
     };
-  }, [Xt, D, p, Tt, Et]);
-  const de = (() => {
-    if (!D) return {};
-    if (B !== "PUSHING" && B !== "REPLACING") return {};
+  }, [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__ */ Ht(
+  return /* @__PURE__ */ Bt(
     "div",
     {
-      ref: Vt,
+      ref: Xt,
       style: {
         position: "fixed",
         top: 0,
@@ -1026,7 +1097,7 @@ function Ve({
         overscrollBehavior: "contain"
       },
       children: [
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ k(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1040,31 +1111,31 @@ function Ve({
             }
           }
         ),
-        /* @__PURE__ */ Ht(
+        /* @__PURE__ */ Bt(
           "div",
           {
-            ref: V,
-            ...$,
-            onPointerDown: le,
-            onPointerMove: pe,
-            onPointerUp: jt,
-            onPointerCancel: jt,
+            ref: _,
+            ...L,
+            onPointerDown: fe,
+            onPointerMove: me,
+            onPointerUp: zt,
+            onPointerCancel: zt,
             "data-flemo-screen": !0,
-            "data-flemo-transition": Y,
-            "data-flemo-status": B,
-            "data-flemo-active": D ? "true" : "false",
+            "data-flemo-transition": A,
+            "data-flemo-status": O,
+            "data-flemo-active": R ? "true" : "false",
             style: {
               display: "flex",
               flexDirection: "column",
               height: "100%",
-              backgroundColor: h,
-              overflowY: R ? void 0 : "auto",
-              touchAction: d === "x" ? "pan-y" : d === "y" ? "pan-x" : "auto",
-              ...de,
-              ...$.style
+              backgroundColor: p,
+              overflowY: I ? void 0 : "auto",
+              touchAction: m === "x" ? "pan-y" : m === "y" ? "pan-x" : "auto",
+              ...he,
+              ...L.style
             },
             children: [
-              !m && e && /* @__PURE__ */ N("div", { style: { minHeight: e }, children: /* @__PURE__ */ N(
+              !f && e && /* @__PURE__ */ k("div", { style: { minHeight: e }, children: /* @__PURE__ */ k(
                 "div",
                 {
                   style: {
@@ -1076,47 +1147,47 @@ function Ve({
                   }
                 }
               ) }),
-              i && /* @__PURE__ */ N(
+              i && /* @__PURE__ */ k(
                 "div",
                 {
                   style: {
                     width: "100%",
-                    minHeight: U
+                    minHeight: Y
                   }
                 }
               ),
-              T,
-              /* @__PURE__ */ N(
+              w,
+              /* @__PURE__ */ k(
                 "div",
                 {
                   style: {
                     display: "flex",
                     flexDirection: "column",
                     flexGrow: 1,
-                    overflowY: R ? "auto" : void 0
+                    overflowY: I ? "auto" : void 0
                   },
                   children: n
                 }
               ),
-              E,
-              s && /* @__PURE__ */ N(
+              P,
+              s && /* @__PURE__ */ k(
                 "div",
                 {
                   style: {
                     display: b ? "none" : void 0,
                     width: "100%",
-                    minHeight: H
+                    minHeight: B
                   }
                 }
               ),
-              !x && a && /* @__PURE__ */ N(
+              !T && a && /* @__PURE__ */ k(
                 "div",
                 {
                   style: {
                     display: b ? "none" : void 0,
                     minHeight: a
                   },
-                  children: /* @__PURE__ */ N(
+                  children: /* @__PURE__ */ k(
                     "div",
                     {
                       style: {
@@ -1124,7 +1195,7 @@ function Ve({
                         bottom: 0,
                         width: "100%",
                         minHeight: a,
-                        backgroundColor: u
+                        backgroundColor: c
                       }
                     }
                   )
@@ -1133,17 +1204,17 @@ function Ve({
             ]
           }
         ),
-        i && /* @__PURE__ */ N(
+        i && /* @__PURE__ */ k(
           "div",
           {
-            ref: at,
+            ref: st,
             "data-flemo-bar": "app",
-            "data-flemo-bar-transition": Y,
-            "data-flemo-bar-status": B,
-            "data-flemo-bar-active": D ? "true" : "false",
+            "data-flemo-bar-transition": A,
+            "data-flemo-bar-status": O,
+            "data-flemo-bar-active": R ? "true" : "false",
             style: {
               position: "fixed",
-              top: m ? 0 : e,
+              top: f ? 0 : e,
               left: 0,
               width: "100%",
               zIndex: 1
@@ -1151,18 +1222,18 @@ function Ve({
             children: i
           }
         ),
-        s && /* @__PURE__ */ N(
+        s && /* @__PURE__ */ k(
           "div",
           {
-            ref: it,
+            ref: at,
             "data-flemo-bar": "nav",
-            "data-flemo-bar-transition": Y,
-            "data-flemo-bar-status": B,
-            "data-flemo-bar-active": D ? "true" : "false",
+            "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: x ? 0 : a,
+              bottom: T ? 0 : a,
               left: 0,
               width: "100%",
               zIndex: 1
@@ -1170,8 +1241,8 @@ function Ve({
             children: s
           }
         ),
-        w && /* @__PURE__ */ N(He, { ref: z }),
-        /* @__PURE__ */ N(
+        S && /* @__PURE__ */ k(Ge, { ref: K }),
+        /* @__PURE__ */ k(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1189,26 +1260,26 @@ function Ve({
     }
   );
 }
-function Je({ children: n, ...e }) {
-  const { isActive: r, isPrev: a, zIndex: u } = gt(), i = O((h) => h.index), s = W((h) => h.status), T = Q((h) => h.dragStatus), E = Q((h) => h.replaceTransitionStatus), x = !r && (s === "COMPLETED" && T === "IDLE") || a && i - 2 <= u && E === "IDLE" || a && i - 2 > u;
-  return /* @__PURE__ */ N(Ce, { freeze: x, children: /* @__PURE__ */ N(Ve, { ...e, children: n }) });
+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 }) });
 }
 export {
-  qe as Route,
-  Fe as Router,
-  Je as Screen,
-  ne as ScreenContext,
-  He as ScreenDecorator,
-  Ce as ScreenFreeze,
-  Ve as ScreenMotion,
-  tn as createDecorator,
-  en as createRawDecorator,
-  nn as createRawTransition,
-  rn as createTransition,
-  ze as useNavigate,
-  We as useParams,
+  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,
-  Q as useScreenStore,
-  Ke as useStep,
-  Ge as useViewportScrollHeight
+  Z as useScreenStore,
+  Qe as useStep,
+  _e as useViewportScrollHeight
 };