@flemo/react 1.0.1 → 1.0.2

package/dist/index.mjs

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