@flemo/react 1.0.0 → 1.0.1

package/dist/index.mjs

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