flemo 1.3.0 → 1.3.2

package/dist/index.mjs

@@ -1,11 +1,10 @@
-import { jsx as M, jsxs as pt } from "react/jsx-runtime";
-import W, { useEffect as q, createContext as nt, useReducer as Lt, Children as ft, useContext as st, Suspense as Dt, useImperativeHandle as vt, useRef as U } from "react";
-import { animate as Z } from "motion";
-import { transform as rt, useAnimate as ht, motion as yt, useDragControls as It, AnimatePresence as Nt, MotionConfig as kt } from "motion/react";
-var G = {}, ot;
-function xt() {
-  if (ot) return G;
-  ot = 1, Object.defineProperty(G, "__esModule", { value: !0 }), G.PathError = G.TokenData = void 0, G.parse = o, G.compile = S, G.match = D, G.pathToRegexp = L, G.stringify = O;
+import { jsx as N, jsxs as gt } from "react/jsx-runtime";
+import Z, { useEffect as Y, createContext as ot, useContext as it, useReducer as Dt, Children as mt, Suspense as Lt, useImperativeHandle as Nt, useRef as _ } from "react";
+import { transform as ct, useAnimate as Et, motion as z, useDragControls as xt, AnimatePresence as kt, MotionConfig as Mt } from "motion/react";
+var G = {}, lt;
+function Ct() {
+  if (lt) return G;
+  lt = 1, Object.defineProperty(G, "__esModule", { value: !0 }), G.PathError = G.TokenData = void 0, G.parse = l, G.compile = E, G.match = I, G.pathToRegexp = v, G.stringify = H;
   const n = "/", e = (i) => i, t = /^[$_\p{ID_Start}]$/u, r = /^[$\u200c\u200d\p{ID_Continue}]$/u, s = {
     // Groups.
     "{": "{",
@@ -22,131 +21,131 @@ function xt() {
   function a(i) {
     return i.replace(/[{}()\[\]+?!:*\\]/g, "\\$&");
   }
-  function c(i) {
+  function o(i) {
     return i.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
   }
-  class l {
-    constructor(p, y) {
-      this.tokens = p, this.originalPath = y;
+  class c {
+    constructor(h, m) {
+      this.tokens = h, this.originalPath = m;
     }
   }
-  G.TokenData = l;
-  class h extends TypeError {
-    constructor(p, y) {
-      let g = p;
-      y && (g += `: ${y}`), g += "; visit https://git.new/pathToRegexpError for info", super(g), this.originalPath = y;
+  G.TokenData = c;
+  class y extends TypeError {
+    constructor(h, m) {
+      let g = h;
+      m && (g += `: ${m}`), g += "; visit https://git.new/pathToRegexpError for info", super(g), this.originalPath = m;
     }
   }
-  G.PathError = h;
-  function o(i, p = {}) {
-    const { encodePath: y = e } = p, g = [...i], f = [];
-    let d = 0, v = 0;
-    function T() {
-      let P = "";
+  G.PathError = y;
+  function l(i, h = {}) {
+    const { encodePath: m = e } = h, g = [...i], f = [];
+    let d = 0, w = 0;
+    function P() {
+      let T = "";
       if (t.test(g[d]))
         do
-          P += g[d++];
+          T += g[d++];
         while (r.test(g[d]));
       else if (g[d] === '"') {
-        let A = d;
+        let C = d;
         for (; d++ < g.length; ) {
           if (g[d] === '"') {
-            d++, A = 0;
+            d++, C = 0;
             break;
           }
-          g[d] === "\\" && d++, P += g[d];
+          g[d] === "\\" && d++, T += g[d];
         }
-        if (A)
-          throw new h(`Unterminated quote at index ${A}`, i);
+        if (C)
+          throw new y(`Unterminated quote at index ${C}`, i);
       }
-      if (!P)
-        throw new h(`Missing parameter name at index ${d}`, i);
-      return P;
+      if (!T)
+        throw new y(`Missing parameter name at index ${d}`, i);
+      return T;
     }
     for (; d < g.length; ) {
-      const P = g[d], A = s[P];
-      A ? f.push({ type: A, index: d++, value: P }) : P === "\\" ? f.push({ type: "escape", index: d++, value: g[d++] }) : P === ":" ? f.push({ type: "param", index: d++, value: T() }) : P === "*" ? f.push({ type: "wildcard", index: d++, value: T() }) : f.push({ type: "char", index: d++, value: P });
+      const T = g[d], C = s[T];
+      C ? f.push({ type: C, index: d++, value: T }) : T === "\\" ? f.push({ type: "escape", index: d++, value: g[d++] }) : T === ":" ? f.push({ type: "param", index: d++, value: P() }) : T === "*" ? f.push({ type: "wildcard", index: d++, value: P() }) : f.push({ type: "char", index: d++, value: T });
     }
     f.push({ type: "end", index: d, value: "" });
-    function b(P) {
-      const A = [];
+    function M(T) {
+      const C = [];
       for (; ; ) {
-        const x = f[v++];
-        if (x.type === P)
+        const x = f[w++];
+        if (x.type === T)
           break;
         if (x.type === "char" || x.type === "escape") {
-          let m = x.value, I = f[v];
-          for (; I.type === "char" || I.type === "escape"; )
-            m += I.value, I = f[++v];
-          A.push({
+          let R = x.value, U = f[w];
+          for (; U.type === "char" || U.type === "escape"; )
+            R += U.value, U = f[++w];
+          C.push({
             type: "text",
-            value: y(m)
+            value: m(R)
           });
           continue;
         }
         if (x.type === "param" || x.type === "wildcard") {
-          A.push({
+          C.push({
             type: x.type,
             name: x.value
           });
           continue;
         }
         if (x.type === "{") {
-          A.push({
+          C.push({
             type: "group",
-            tokens: b("}")
+            tokens: M("}")
           });
           continue;
         }
-        throw new h(`Unexpected ${x.type} at index ${x.index}, expected ${P}`, i);
+        throw new y(`Unexpected ${x.type} at index ${x.index}, expected ${T}`, i);
       }
-      return A;
+      return C;
     }
-    return new l(b("end"), i);
+    return new c(M("end"), i);
   }
-  function S(i, p = {}) {
-    const { encode: y = encodeURIComponent, delimiter: g = n } = p, f = typeof i == "object" ? i : o(i, p), d = E(f.tokens, g, y);
-    return function(T = {}) {
-      const [b, ...P] = d(T);
-      if (P.length)
-        throw new TypeError(`Missing parameters: ${P.join(", ")}`);
-      return b;
+  function E(i, h = {}) {
+    const { encode: m = encodeURIComponent, delimiter: g = n } = h, f = typeof i == "object" ? i : l(i, h), d = p(f.tokens, g, m);
+    return function(P = {}) {
+      const [M, ...T] = d(P);
+      if (T.length)
+        throw new TypeError(`Missing parameters: ${T.join(", ")}`);
+      return M;
     };
   }
-  function E(i, p, y) {
-    const g = i.map((f) => u(f, p, y));
+  function p(i, h, m) {
+    const g = i.map((f) => u(f, h, m));
     return (f) => {
       const d = [""];
-      for (const v of g) {
-        const [T, ...b] = v(f);
-        d[0] += T, d.push(...b);
+      for (const w of g) {
+        const [P, ...M] = w(f);
+        d[0] += P, d.push(...M);
       }
       return d;
     };
   }
-  function u(i, p, y) {
+  function u(i, h, m) {
     if (i.type === "text")
       return () => [i.value];
     if (i.type === "group") {
-      const f = E(i.tokens, p, y);
+      const f = p(i.tokens, h, m);
       return (d) => {
-        const [v, ...T] = f(d);
-        return T.length ? [""] : [v];
+        const [w, ...P] = f(d);
+        return P.length ? [""] : [w];
       };
     }
-    const g = y || e;
-    return i.type === "wildcard" && y !== !1 ? (f) => {
+    const g = m || e;
+    return i.type === "wildcard" && m !== !1 ? (f) => {
       const d = f[i.name];
       if (d == null)
         return ["", i.name];
       if (!Array.isArray(d) || d.length === 0)
         throw new TypeError(`Expected "${i.name}" to be a non-empty array`);
       return [
-        d.map((v, T) => {
-          if (typeof v != "string")
-            throw new TypeError(`Expected "${i.name}/${T}" to be a string`);
-          return g(v);
-        }).join(p)
+        d.map((w, P) => {
+          if (typeof w != "string")
+            throw new TypeError(`Expected "${i.name}/${P}" to be a string`);
+          return g(w);
+        }).join(h)
       ];
     } : (f) => {
       const d = f[i.name];
@@ -157,118 +156,118 @@ function xt() {
       return [g(d)];
     };
   }
-  function D(i, p = {}) {
-    const { decode: y = decodeURIComponent, delimiter: g = n } = p, { regexp: f, keys: d } = L(i, p), v = d.map((T) => y === !1 ? e : T.type === "param" ? y : (b) => b.split(g).map(y));
-    return function(b) {
-      const P = f.exec(b);
-      if (!P)
+  function I(i, h = {}) {
+    const { decode: m = decodeURIComponent, delimiter: g = n } = h, { regexp: f, keys: d } = v(i, h), w = d.map((P) => m === !1 ? e : P.type === "param" ? m : (M) => M.split(g).map(m));
+    return function(M) {
+      const T = f.exec(M);
+      if (!T)
         return !1;
-      const A = P[0], x = /* @__PURE__ */ Object.create(null);
-      for (let m = 1; m < P.length; m++) {
-        if (P[m] === void 0)
+      const C = T[0], x = /* @__PURE__ */ Object.create(null);
+      for (let R = 1; R < T.length; R++) {
+        if (T[R] === void 0)
           continue;
-        const I = d[m - 1], C = v[m - 1];
-        x[I.name] = C(P[m]);
+        const U = d[R - 1], nt = w[R - 1];
+        x[U.name] = nt(T[R]);
       }
-      return { path: A, params: x };
+      return { path: C, params: x };
     };
   }
-  function L(i, p = {}) {
-    const { delimiter: y = n, end: g = !0, sensitive: f = !1, trailing: d = !0 } = p, v = [], T = f ? "" : "i", b = [];
-    for (const x of N(i, [])) {
-      const m = typeof x == "object" ? x : o(x, p);
-      for (const I of w(m.tokens, 0, []))
-        b.push(k(I, y, v, m.originalPath));
+  function v(i, h = {}) {
+    const { delimiter: m = n, end: g = !0, sensitive: f = !1, trailing: d = !0 } = h, w = [], P = f ? "" : "i", M = [];
+    for (const x of L(i, [])) {
+      const R = typeof x == "object" ? x : l(x, h);
+      for (const U of S(R.tokens, 0, []))
+        M.push(A(U, m, w, R.originalPath));
     }
-    let P = `^(?:${b.join("|")})`;
-    return d && (P += `(?:${c(y)}$)?`), P += g ? "$" : `(?=${c(y)}|$)`, { regexp: new RegExp(P, T), keys: v };
+    let T = `^(?:${M.join("|")})`;
+    return d && (T += `(?:${o(m)}$)?`), T += g ? "$" : `(?=${o(m)}|$)`, { regexp: new RegExp(T, P), keys: w };
   }
-  function N(i, p) {
+  function L(i, h) {
     if (Array.isArray(i))
-      for (const y of i)
-        N(y, p);
+      for (const m of i)
+        L(m, h);
     else
-      p.push(i);
-    return p;
+      h.push(i);
+    return h;
   }
-  function* w(i, p, y) {
-    if (p === i.length)
-      return yield y;
-    const g = i[p];
+  function* S(i, h, m) {
+    if (h === i.length)
+      return yield m;
+    const g = i[h];
     if (g.type === "group")
-      for (const f of w(g.tokens, 0, y.slice()))
-        yield* w(i, p + 1, f);
+      for (const f of S(g.tokens, 0, m.slice()))
+        yield* S(i, h + 1, f);
     else
-      y.push(g);
-    yield* w(i, p + 1, y);
+      m.push(g);
+    yield* S(i, h + 1, m);
   }
-  function k(i, p, y, g) {
-    let f = "", d = "", v = !0;
-    for (const T of i) {
-      if (T.type === "text") {
-        f += c(T.value), d += T.value, v || (v = T.value.includes(p));
+  function A(i, h, m, g) {
+    let f = "", d = "", w = !0;
+    for (const P of i) {
+      if (P.type === "text") {
+        f += o(P.value), d += P.value, w || (w = P.value.includes(h));
         continue;
       }
-      if (T.type === "param" || T.type === "wildcard") {
-        if (!v && !d)
-          throw new h(`Missing text before "${T.name}" ${T.type}`, g);
-        T.type === "param" ? f += `(${H(p, v ? "" : d)}+)` : f += "([\\s\\S]+)", y.push(T), d = "", v = !1;
+      if (P.type === "param" || P.type === "wildcard") {
+        if (!w && !d)
+          throw new y(`Missing text before "${P.name}" ${P.type}`, g);
+        P.type === "param" ? f += `(${j(h, w ? "" : d)}+)` : f += "([\\s\\S]+)", m.push(P), d = "", w = !1;
         continue;
       }
     }
     return f;
   }
-  function H(i, p) {
-    return p.length < 2 ? i.length < 2 ? `[^${c(i + p)}]` : `(?:(?!${c(i)})[^${c(p)}])` : i.length < 2 ? `(?:(?!${c(p)})[^${c(i)}])` : `(?:(?!${c(p)}|${c(i)})[\\s\\S])`;
+  function j(i, h) {
+    return h.length < 2 ? i.length < 2 ? `[^${o(i + h)}]` : `(?:(?!${o(i)})[^${o(h)}])` : i.length < 2 ? `(?:(?!${o(h)})[^${o(i)}])` : `(?:(?!${o(h)}|${o(i)})[\\s\\S])`;
   }
-  function R(i) {
-    let p = "", y = 0;
+  function k(i) {
+    let h = "", m = 0;
     function g(f) {
-      return Y(f) && X(i[y]) ? f : JSON.stringify(f);
+      return K(f) && J(i[m]) ? f : JSON.stringify(f);
     }
-    for (; y < i.length; ) {
-      const f = i[y++];
+    for (; m < i.length; ) {
+      const f = i[m++];
       if (f.type === "text") {
-        p += a(f.value);
+        h += a(f.value);
         continue;
       }
       if (f.type === "group") {
-        p += `{${R(f.tokens)}}`;
+        h += `{${k(f.tokens)}}`;
         continue;
       }
       if (f.type === "param") {
-        p += `:${g(f.name)}`;
+        h += `:${g(f.name)}`;
         continue;
       }
       if (f.type === "wildcard") {
-        p += `*${g(f.name)}`;
+        h += `*${g(f.name)}`;
         continue;
       }
       throw new TypeError(`Unknown token type: ${f.type}`);
     }
-    return p;
+    return h;
   }
-  function O(i) {
-    return R(i.tokens);
+  function H(i) {
+    return k(i.tokens);
   }
-  function Y(i) {
-    const [p, ...y] = i;
-    return t.test(p) && y.every((g) => r.test(g));
+  function K(i) {
+    const [h, ...m] = i;
+    return t.test(h) && m.every((g) => r.test(g));
   }
-  function X(i) {
+  function J(i) {
     return i && i.type === "text" ? !r.test(i.value[0]) : !0;
   }
   return G;
 }
-var Q = xt();
-function Mt(n, e, t) {
-  const r = Array.isArray(n) ? n.find((l) => Q.pathToRegexp(l).regexp.test(e)) || "" : Q.pathToRegexp(n).regexp.test(e) ? n : "", s = Q.match(r)(e), a = new URLSearchParams(t), c = Object.fromEntries(a.entries());
-  return s ? { ...s.params, ...c } : {};
+var q = Ct();
+function At(n, e, t) {
+  const r = Array.isArray(n) ? n.find((c) => q.pathToRegexp(c).regexp.test(e)) || "" : q.pathToRegexp(n).regexp.test(e) ? n : "", s = q.match(r)(e), a = new URLSearchParams(t), o = Object.fromEntries(a.entries());
+  return s ? { ...s.params, ...o } : {};
 }
-function it() {
+function dt() {
   return typeof document > "u";
 }
-class Ct {
+class Rt {
   tasks = /* @__PURE__ */ new Map();
   instanceId = Date.now().toString();
   isLocked = !1;
@@ -336,34 +335,34 @@ class Ct {
     return new Promise((s, a) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
-          const { control: c, validate: l, rollback: h, dependencies: o = [], delay: S } = t, E = new AbortController(), u = {
+          const { control: o, validate: c, rollback: y, dependencies: l = [], delay: E } = t, p = new AbortController(), u = {
             id: r,
             execute: e,
             timestamp: Date.now(),
             retryCount: 0,
             status: "PENDING",
-            dependencies: o,
+            dependencies: l,
             instanceId: this.instanceId,
-            validate: l,
-            rollback: h,
-            control: c,
-            abortController: E
+            validate: c,
+            rollback: y,
+            control: o,
+            abortController: p
           };
-          this.tasks.set(u.id, u), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(u), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((L) => L.id !== u.id));
+          this.tasks.set(u.id, u), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(u), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((v) => v.id !== u.id));
           try {
             if (!await this.acquireLock(u.id))
               throw u.status = "FAILED", new Error("FAILED");
             try {
               u.status = "PROCESSING";
-              for (const w of u.dependencies) {
-                const k = this.tasks.get(w);
-                if (!k || k.status !== "COMPLETED")
+              for (const S of u.dependencies) {
+                const A = this.tasks.get(S);
+                if (!A || A.status !== "COMPLETED")
                   throw u.status = "FAILED", new Error("FAILED");
               }
               if (u.validate && !await u.validate())
                 throw u.status = "FAILED", new Error("FAILED");
-              S && S > 0 && await new Promise((w) => setTimeout(w, S));
-              const N = await u.execute(u.abortController);
+              E && E > 0 && await new Promise((S) => setTimeout(S, E));
+              const L = await u.execute(u.abortController);
               if (u.abortController.signal.aborted) {
                 u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
                   success: !0,
@@ -375,42 +374,42 @@ class Ct {
                 return;
               }
               if (t.control) {
-                const w = t.control;
-                if (w.delay && w.delay > 0 && await new Promise((k) => setTimeout(k, w.delay)), w.manual) {
-                  u.status = "MANUAL_PENDING", u.manualResolver = { resolve: s, reject: a, result: N }, this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "MANUAL_PENDING");
+                const S = t.control;
+                if (S.delay && S.delay > 0 && await new Promise((A) => setTimeout(A, S.delay)), S.manual) {
+                  u.status = "MANUAL_PENDING", u.manualResolver = { resolve: s, reject: a, result: L }, this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "MANUAL_PENDING");
                   return;
                 }
-                if (w.signal) {
-                  u.status = "SIGNAL_PENDING", u.manualResolver = { resolve: s, reject: a, result: N }, this.signalListeners.has(w.signal) || this.signalListeners.set(w.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(w.signal).add(u.id), this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "SIGNAL_PENDING");
+                if (S.signal) {
+                  u.status = "SIGNAL_PENDING", u.manualResolver = { resolve: s, reject: a, result: L }, this.signalListeners.has(S.signal) || this.signalListeners.set(S.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(S.signal).add(u.id), this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "SIGNAL_PENDING");
                   return;
                 }
-                if (w.condition && !await w.condition()) {
-                  u.status = "MANUAL_PENDING", u.manualResolver = { resolve: s, reject: a, result: N }, this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "MANUAL_PENDING");
+                if (S.condition && !await S.condition()) {
+                  u.status = "MANUAL_PENDING", u.manualResolver = { resolve: s, reject: a, result: L }, this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "MANUAL_PENDING");
                   return;
                 }
               }
               u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
                 success: !0,
-                result: N,
+                result: L,
                 taskId: u.id,
                 timestamp: Date.now(),
                 instanceId: this.instanceId
               });
-            } catch (N) {
+            } catch (L) {
               if (u.status = "FAILED", u.rollback)
                 try {
                   await u.rollback(), u.status = "ROLLEDBACK";
                 } catch {
                 }
-              throw await this.onTaskStatusChange(u.id, u.status), N;
+              throw await this.onTaskStatusChange(u.id, u.status), L;
             } finally {
               this.releaseLock(u.id);
             }
-          } catch (L) {
-            a(L);
+          } catch (v) {
+            a(v);
           }
-        } catch (c) {
-          a(c);
+        } catch (o) {
+          a(o);
         }
       }).catch(a);
     });
@@ -441,29 +440,29 @@ class Ct {
     await Promise.all(e.map((t) => this.resolveTask(t.id)));
   }
 }
-const _ = new Ct(), ct = (n) => {
+const F = new Rt(), pt = (n) => {
   let e;
-  const t = /* @__PURE__ */ new Set(), r = (o, S) => {
-    const E = typeof o == "function" ? o(e) : o;
-    if (!Object.is(E, e)) {
+  const t = /* @__PURE__ */ new Set(), r = (l, E) => {
+    const p = typeof l == "function" ? l(e) : l;
+    if (!Object.is(p, e)) {
       const u = e;
-      e = S ?? (typeof E != "object" || E === null) ? E : Object.assign({}, e, E), t.forEach((D) => D(e, u));
+      e = E ?? (typeof p != "object" || p === null) ? p : Object.assign({}, e, p), t.forEach((I) => I(e, u));
     }
-  }, s = () => e, l = { setState: r, getState: s, getInitialState: () => h, subscribe: (o) => (t.add(o), () => t.delete(o)) }, h = e = n(r, s, l);
-  return l;
-}, At = ((n) => n ? ct(n) : ct), Rt = (n) => n;
-function bt(n, e = Rt) {
-  const t = W.useSyncExternalStore(
+  }, s = () => e, c = { setState: r, getState: s, getInitialState: () => y, subscribe: (l) => (t.add(l), () => t.delete(l)) }, y = e = n(r, s, c);
+  return c;
+}, bt = ((n) => n ? pt(n) : pt), Ot = (n) => n;
+function Gt(n, e = Ot) {
+  const t = Z.useSyncExternalStore(
     n.subscribe,
-    W.useCallback(() => e(n.getState()), [n, e]),
-    W.useCallback(() => e(n.getInitialState()), [n, e])
+    Z.useCallback(() => e(n.getState()), [n, e]),
+    Z.useCallback(() => e(n.getInitialState()), [n, e])
   );
-  return W.useDebugValue(t), t;
+  return Z.useDebugValue(t), t;
 }
-const ut = (n) => {
-  const e = At(n), t = (r) => bt(e, r);
+const ft = (n) => {
+  const e = bt(n), t = (r) => Gt(e, r);
   return Object.assign(t, e), t;
-}, z = ((n) => n ? ut(n) : ut), B = z((n) => ({
+}, tt = ((n) => n ? ft(n) : ft), Q = tt((n) => ({
   index: -1,
   histories: [],
   addHistory: (e) => n((t) => ({
@@ -478,35 +477,35 @@ const ut = (n) => {
     index: t.index - 1,
     histories: t.histories.filter((r, s) => s !== e)
   }))
-})), $ = z((n) => ({
+})), $ = tt((n) => ({
   status: "IDLE",
   setStatus: (e) => n({ status: e })
 }));
-function Ot() {
-  return q(() => {
+function $t() {
+  return Y(() => {
     const n = async (e) => {
       const t = e.state?.id;
-      (await _.addTask(
+      (await F.addTask(
         async (r) => {
-          const s = e.state?.index, a = e.state?.status, c = e.state?.params, l = e.state?.transitionName, h = e.state?.layoutId, o = $.getState().setStatus, { index: S, addHistory: E, popHistory: u } = B.getState(), D = s < S, L = a === "PUSHING" && s > S, N = a === "REPLACING" && s > S, w = window.location.pathname;
-          if (!D && !L && !N) {
+          const s = e.state?.index, a = e.state?.status, o = e.state?.params, c = e.state?.transitionName, y = e.state?.layoutId, l = $.getState().setStatus, { index: E, addHistory: p, popHistory: u } = Q.getState(), I = s < E, v = a === "PUSHING" && s > E, L = a === "REPLACING" && s > E, S = window.location.pathname;
+          if (!I && !v && !L) {
             r.abort();
             return;
           }
-          return D ? o("POPPING") : L ? (o("PUSHING"), E({
+          return I ? l("POPPING") : v ? (l("PUSHING"), p({
             id: t,
-            pathname: w,
-            params: c,
-            transitionName: l,
-            layoutId: h
-          })) : N && (o("REPLACING"), E({
+            pathname: S,
+            params: o,
+            transitionName: c,
+            layoutId: y
+          })) : L && (l("REPLACING"), p({
             id: t,
-            pathname: w,
-            params: c,
-            transitionName: l,
-            layoutId: h
+            pathname: S,
+            params: o,
+            transitionName: c,
+            layoutId: y
           })), async () => {
-            D && u(s + 1), o("COMPLETED");
+            I && u(s + 1), l("COMPLETED");
           };
         },
         {
@@ -522,9 +521,9 @@ function Ot() {
     };
   }, []), null;
 }
-const gt = nt({}), mt = nt(() => {
+const St = ot({}), wt = ot(() => {
 });
-function Gt(n, e) {
+function Ut(n, e) {
   switch (e.type) {
     case "SET":
       return e.params;
@@ -532,24 +531,7 @@ function Gt(n, e) {
       return n;
   }
 }
-function $t({
-  children: n,
-  active: e,
-  params: t
-}) {
-  const [r, s] = Lt(Gt, t);
-  return q(() => {
-    const a = async (c) => {
-      c.state?.step && await _.addTask(async () => {
-        s({ type: "SET", params: c.state?.params || {} });
-      });
-    };
-    return e && window.addEventListener("popstate", a), () => {
-      window.removeEventListener("popstate", a);
-    };
-  }, [e, s]), /* @__PURE__ */ M(mt.Provider, { value: s, children: /* @__PURE__ */ M(gt.Provider, { value: r, children: n }) });
-}
-const Et = nt({
+const Pt = ot({
   id: "",
   isActive: !1,
   isRoot: !0,
@@ -561,16 +543,32 @@ const Et = nt({
   prevTransitionName: "none",
   layoutId: null
 });
-function Ut({ children: n }) {
-  const e = B((r) => r.index), t = B((r) => r.histories);
+function V() {
+  return it(Pt);
+}
+function _t({ children: n }) {
+  const { isActive: e, params: t } = V(), [r, s] = Dt(Ut, t);
+  return Y(() => {
+    const a = async (o) => {
+      o.state?.step && await F.addTask(async () => {
+        s({ type: "SET", params: o.state?.params || {} });
+      });
+    };
+    return e && window.addEventListener("popstate", a), () => {
+      window.removeEventListener("popstate", a);
+    };
+  }, [e, s]), /* @__PURE__ */ N(wt.Provider, { value: s, children: /* @__PURE__ */ N(St.Provider, { value: r, children: n }) });
+}
+function Ht({ children: n }) {
+  const e = Q((r) => r.index), t = Q((r) => r.histories);
   return t.map(
-    (r) => ft.toArray(n).filter(
-      (s) => Q.pathToRegexp(s.props.path).regexp.test(
+    (r) => mt.toArray(n).filter(
+      (s) => q.pathToRegexp(s.props.path).regexp.test(
         r.pathname
       )
     )
-  ).map(([r], s) => /* @__PURE__ */ M(
-    Et.Provider,
+  ).map(([r], s) => /* @__PURE__ */ N(
+    Pt.Provider,
     {
       value: {
         id: t[s].id,
@@ -584,12 +582,12 @@ function Ut({ children: n }) {
         prevTransitionName: t[e - 1]?.transitionName,
         layoutId: t[s].layoutId
       },
-      children: /* @__PURE__ */ M($t, { active: s === e, params: t[s].params, children: r })
+      children: /* @__PURE__ */ N(_t, { children: r })
     },
     t[s].id
   ));
 }
-function _t({
+function Ft({
   name: n,
   initial: e,
   enter: t,
@@ -614,7 +612,7 @@ function _t({
     ...s
   };
 }
-const Ht = _t({
+const Qt = Ft({
   name: "overlay",
   initial: {
     opacity: 0,
@@ -639,8 +637,8 @@ const Ht = _t({
     }
   },
   options: {
-    onSwipeStart: (n, { prevDecorator: e }) => Z(
-      e,
+    onSwipeStart: (n, { animate: e, prevDecorator: t }) => e(
+      t,
       {
         opacity: n ? 1 : 0
       },
@@ -648,8 +646,8 @@ const Ht = _t({
         duration: 0.3
       }
     ),
-    onSwipe: (n, e, { prevDecorator: t }) => Z(
-      t,
+    onSwipe: (n, e, { animate: t, prevDecorator: r }) => t(
+      r,
       {
         opacity: Math.max(0, 1 - e / 100)
       },
@@ -657,8 +655,8 @@ const Ht = _t({
         duration: 0
       }
     ),
-    onSwipeEnd: (n, { prevDecorator: e }) => Z(
-      e,
+    onSwipeEnd: (n, { animate: e, prevDecorator: t }) => e(
+      t,
       {
         opacity: n ? 0 : 1
       },
@@ -667,19 +665,19 @@ const Ht = _t({
       }
     )
   }
-}), at = /* @__PURE__ */ new Map([["overlay", Ht]]), tt = z((n) => ({
+}), ut = /* @__PURE__ */ new Map([["overlay", Qt]]), rt = tt((n) => ({
   defaultTransitionName: "cupertino",
   setDefaultTransitionName: (e) => n({ defaultTransitionName: e })
 }));
-function J({
+function et({
   name: n,
   initial: e,
   idle: t,
   enter: r,
   enterBack: s,
   exit: a,
-  exitBack: c,
-  options: l
+  exitBack: o,
+  options: c
 }) {
   return {
     name: n,
@@ -691,15 +689,15 @@ function J({
       "PUSHING-true": r,
       "REPLACING-false": a,
       "REPLACING-true": r,
-      "POPPING-false": c,
+      "POPPING-false": o,
       "POPPING-true": s,
       "COMPLETED-false": a,
       "COMPLETED-true": r
     },
-    ...l
+    ...c
   };
 }
-const Ft = J({
+const jt = et({
   name: "cupertino",
   initial: {
     x: "100%"
@@ -753,11 +751,11 @@ const Ft = J({
     swipeDirection: "x",
     onSwipeStart: async () => !0,
     onSwipe: (n, e, { animate: t, currentScreen: r, prevScreen: s, onProgress: a }) => {
-      const { offset: c } = e, l = c.x, h = rt(l, [0, window.innerWidth], [0, 100]);
-      return a?.(!0, h), t(
+      const { offset: o } = e, c = o.x, y = ct(c, [0, window.innerWidth], [0, 100]);
+      return a?.(!0, y), t(
         r,
         {
-          x: Math.max(0, l)
+          x: Math.max(0, c)
         },
         {
           duration: 0
@@ -765,20 +763,20 @@ const Ft = J({
       ), t(
         s,
         {
-          x: -100 + h
+          x: -100 + y
         },
         {
           duration: 0
         }
-      ), h;
+      ), y;
     },
     onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
-      const { offset: c, velocity: l } = e, o = c.x > 50 || l.x > 20;
-      return a?.(o), await Promise.all([
+      const { offset: o, velocity: c } = e, l = o.x > 50 || c.x > 20;
+      return a?.(l), await Promise.all([
         t(
           r,
           {
-            x: o ? "100%" : 0
+            x: l ? "100%" : 0
           },
           {
             duration: 0.3,
@@ -788,17 +786,17 @@ const Ft = J({
         t(
           s,
           {
-            x: o ? 0 : -100
+            x: l ? 0 : -100
           },
           {
             duration: 0.3,
             ease: [0.32, 0.72, 0, 1]
           }
         )
-      ]), o;
+      ]), l;
     }
   }
-}), Qt = J({
+}), Bt = et({
   name: "layout",
   initial: {
     opacity: 0.97
@@ -848,26 +846,26 @@ const Ft = J({
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, e, { animate: t, currentScreen: r, onProgress: s }) => {
-      const { offset: a } = e, c = a.y, l = Math.max(0, Math.min(56, c)), h = rt(l, [0, 56], [1, 0.96]), o = Math.max(0, c - 56), S = Math.min(1, o / 160), E = Math.sqrt(S) * 12, u = Math.max(0, l + E), D = Math.min(56, u);
+      const { offset: a } = e, o = a.y, c = Math.max(0, Math.min(56, o)), y = ct(c, [0, 56], [1, 0.96]), l = Math.max(0, o - 56), E = Math.min(1, l / 160), p = Math.sqrt(E) * 12, u = Math.max(0, c + p), I = Math.min(56, u);
       return s?.(!0, 100), t(
         r,
         {
           y: u,
-          opacity: h
+          opacity: y
         },
         {
           duration: 0
         }
-      ), D;
+      ), I;
     },
     onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
-      const { offset: c, velocity: l } = e, o = c.y > 56 || l.y > 20;
-      return a?.(o), await Promise.all([
+      const { offset: o, velocity: c } = e, l = o.y > 56 || c.y > 20;
+      return a?.(l), await Promise.all([
         t(
           r,
           {
-            y: o ? "100%" : 0,
-            opacity: o ? 0.96 : 1
+            y: l ? "100%" : 0,
+            opacity: l ? 0.96 : 1
           },
           {
             duration: 0.3
@@ -877,16 +875,16 @@ const Ft = J({
           s,
           {
             y: 0,
-            opacity: o ? 1 : 0.97
+            opacity: l ? 1 : 0.97
           },
           {
             duration: 0.3
           }
         )
-      ]), o;
+      ]), l;
     }
   }
-}), Bt = J({
+}), qt = et({
   name: "material",
   initial: {
     y: "100%",
@@ -945,12 +943,12 @@ const Ft = J({
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, e, { animate: t, currentScreen: r, prevScreen: s, onProgress: a }) => {
-      const { offset: c } = e, l = c.y, h = Math.max(0, Math.min(56, l)), o = rt(h, [0, 56], [1, 0.96]), S = Math.max(0, l - 56), E = Math.min(1, S / 160), u = Math.sqrt(E) * 12, D = Math.max(0, h + u), L = Math.min(56, D);
-      return a?.(!0, L), t(
+      const { offset: o } = e, c = o.y, y = Math.max(0, Math.min(56, c)), l = ct(y, [0, 56], [1, 0.96]), E = Math.max(0, c - 56), p = Math.min(1, E / 160), u = Math.sqrt(p) * 12, I = Math.max(0, y + u), v = Math.min(56, I);
+      return a?.(!0, v), t(
         r,
         {
-          y: D,
-          opacity: o
+          y: I,
+          opacity: l
         },
         {
           duration: 0
@@ -958,41 +956,41 @@ const Ft = J({
       ), t(
         s,
         {
-          y: -56 + L,
-          opacity: L / 56
+          y: -56 + v,
+          opacity: v / 56
         },
         { duration: 0 }
-      ), L;
+      ), v;
     },
     onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
-      const { offset: c, velocity: l } = e, o = c.y > 56 || l.y > 20;
-      return a?.(o), await Promise.all([
+      const { offset: o, velocity: c } = e, l = o.y > 56 || c.y > 20;
+      return a?.(l), await Promise.all([
         t(
           r,
           {
-            y: o ? "100%" : 0,
-            opacity: o ? 0.96 : 1
+            y: l ? "100%" : 0,
+            opacity: l ? 0.96 : 1
           },
           {
-            duration: o ? 0.22 : 0.24,
-            ease: o ? [0.4, 0, 1, 1] : [0, 0, 0.2, 1]
+            duration: l ? 0.22 : 0.24,
+            ease: l ? [0.4, 0, 1, 1] : [0, 0, 0.2, 1]
           }
         ),
         t(
           s,
           {
-            y: o ? 0 : -56,
-            opacity: o ? 1 : 0.96
+            y: l ? 0 : -56,
+            opacity: l ? 1 : 0.96
           },
           {
-            duration: o ? 0.22 : 0.24,
-            ease: o ? [0, 0, 0.2, 1] : [0.4, 0, 1, 1]
+            duration: l ? 0.22 : 0.24,
+            ease: l ? [0, 0, 0.2, 1] : [0.4, 0, 1, 1]
           }
         )
-      ]), o;
+      ]), l;
     }
   }
-}), jt = J({
+}), Yt = et({
   name: "none",
   initial: {},
   idle: {
@@ -1025,50 +1023,63 @@ const Ft = J({
       duration: 0
     }
   }
-}), K = /* @__PURE__ */ new Map([
-  ["none", jt],
-  ["cupertino", Ft],
-  ["material", Bt],
-  ["layout", Qt]
-]), qt = (() => {
+}), W = /* @__PURE__ */ new Map([
+  ["none", Yt],
+  ["cupertino", jt],
+  ["material", qt],
+  ["layout", Bt]
+]), Xt = (() => {
   const n = /* @__PURE__ */ Object.create(null), e = Object.prototype.hasOwnProperty;
-  for (const t of K.values()) {
+  for (const t of W.values()) {
     const r = t.variants["IDLE-true"].value;
     for (const s in r)
       e.call(r, s) && (n[s] = r[s]);
   }
   return n;
 })();
-function te({
+function ee({
   children: n,
   initPath: e = "/",
   defaultTransitionName: t = "cupertino",
   transitions: r = [],
   decorators: s = []
 }) {
-  const a = it() ? e || "/" : window.location.pathname, c = it() ? a.split("?")[1] || "" : window.location.search;
-  return tt.setState({
+  const a = dt() ? e || "/" : window.location.pathname, o = dt() ? a.split("?")[1] || "" : window.location.search;
+  return rt.setState({
     defaultTransitionName: t
-  }), B.setState({
+  }), Q.setState({
     index: 0,
     histories: [
       {
         id: "root",
         pathname: a,
-        params: Mt(
-          ft.toArray(n).map((l) => l.props.path).flat(),
+        params: At(
+          mt.toArray(n).map((c) => c.props.path).flat(),
           a,
-          c
+          o
         ),
         transitionName: t,
         layoutId: null
       }
     ]
-  }), q(() => {
-    r.forEach((l) => K.set(l.name, l));
-  }, [r]), q(() => {
-    s.forEach((l) => at.set(l.name, l));
-  }, [s]), /* @__PURE__ */ pt(
+  }), Y(() => {
+    window.history.state?.index || window.history.replaceState(
+      {
+        id: "root",
+        index: 0,
+        status: "IDLE",
+        params: {},
+        transitionName: t,
+        layoutId: null
+      },
+      "",
+      window.location.pathname
+    );
+  }, [t]), Y(() => {
+    r.forEach((c) => W.set(c.name, c));
+  }, [r]), Y(() => {
+    s.forEach((c) => ut.set(c.name, c));
+  }, [s]), /* @__PURE__ */ gt(
     "div",
     {
       style: {
@@ -1079,62 +1090,51 @@ function te({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ M(Ot, {}),
-        /* @__PURE__ */ M(Ut, { children: n })
+        /* @__PURE__ */ N($t, {}),
+        /* @__PURE__ */ N(Ht, { children: n })
       ]
     }
   );
 }
-function ee({ element: n }) {
+function ne({ element: n }) {
   return n;
 }
-function ne() {
+function se() {
   return {
     push: async (r, s, a = {}) => {
-      const { status: c, setStatus: l } = $.getState();
-      if (c !== "COMPLETED" && c !== "IDLE")
+      const { status: o, setStatus: c } = $.getState();
+      if (o !== "COMPLETED" && o !== "IDLE")
         return;
-      const { index: h, addHistory: o } = B.getState(), S = tt.getState().defaultTransitionName, { transitionName: E = S, layoutId: u = null } = a, D = _.generateTaskId();
-      (await _.addTask(
+      const { index: y, addHistory: l } = Q.getState(), E = rt.getState().defaultTransitionName, { transitionName: p = E, layoutId: u = null } = a, I = F.generateTaskId();
+      (await F.addTask(
         async () => {
-          l("PUSHING");
-          const L = Q.compile(r)(s), N = Q.parse(r).tokens.filter((R) => R.type === "param").map((R) => R.name), w = Object.fromEntries(
-            Object.entries(s).filter(([R]) => !N.includes(R))
-          ), k = new URLSearchParams(w).toString(), H = `${L}${k ? `?${k}` : ""}`;
-          return window.history.state?.id || window.history.replaceState(
-            {
-              id: "root",
-              index: 0,
-              status: "IDLE",
-              params: {},
-              transitionName: E,
-              layoutId: u
-            },
-            "",
-            window.location.pathname
-          ), window.history.pushState(
+          c("PUSHING");
+          const v = q.compile(r)(s), L = q.parse(r).tokens.filter((k) => k.type === "param").map((k) => k.name), S = Object.fromEntries(
+            Object.entries(s).filter(([k]) => !L.includes(k))
+          ), A = new URLSearchParams(S).toString(), j = `${v}${A ? `?${A}` : ""}`;
+          return window.history.pushState(
             {
-              id: D,
-              index: h + 1,
+              id: I,
+              index: y + 1,
               status: "PUSHING",
               params: s,
-              transitionName: E,
+              transitionName: p,
               layoutId: u
             },
             "",
-            H
-          ), o({
-            id: D,
-            pathname: L,
+            j
+          ), l({
+            id: I,
+            pathname: v,
             params: s,
-            transitionName: E,
+            transitionName: p,
             layoutId: u
           }), () => {
-            l("COMPLETED");
+            c("COMPLETED");
           };
         },
         {
-          id: D,
+          id: I,
           control: {
             manual: !0
           }
@@ -1142,39 +1142,39 @@ function ne() {
       )).result?.();
     },
     replace: async (r, s, a = {}) => {
-      const { status: c, setStatus: l } = $.getState();
-      if (c !== "COMPLETED" && c !== "IDLE")
+      const { status: o, setStatus: c } = $.getState();
+      if (o !== "COMPLETED" && o !== "IDLE")
         return;
-      const { index: h, addHistory: o } = B.getState(), S = B.getState().replaceHistory, E = tt.getState().defaultTransitionName, { transitionName: u = E, layoutId: D = null } = a, L = _.generateTaskId();
-      (await _.addTask(
+      const { index: y, addHistory: l } = Q.getState(), E = Q.getState().replaceHistory, p = rt.getState().defaultTransitionName, { transitionName: u = p, layoutId: I = null } = a, v = F.generateTaskId();
+      (await F.addTask(
         async () => {
-          l("REPLACING");
-          const N = Q.compile(r)(s), w = Q.parse(r).tokens.filter((O) => O.type === "param").map((O) => O.name), k = Object.fromEntries(
-            Object.entries(s).filter(([O]) => !w.includes(O))
-          ), H = new URLSearchParams(k).toString(), R = `${N}${H ? `?${H}` : ""}`;
+          c("REPLACING");
+          const L = q.compile(r)(s), S = q.parse(r).tokens.filter((H) => H.type === "param").map((H) => H.name), A = Object.fromEntries(
+            Object.entries(s).filter(([H]) => !S.includes(H))
+          ), j = new URLSearchParams(A).toString(), k = `${L}${j ? `?${j}` : ""}`;
           return window.history.replaceState(
             {
-              id: L,
-              index: h,
+              id: v,
+              index: y,
               status: "REPLACING",
               params: s,
               transitionName: u,
-              layoutId: D
+              layoutId: I
             },
             "",
-            R
-          ), o({
-            id: L,
-            pathname: N,
+            k
+          ), l({
+            id: v,
+            pathname: L,
             params: s,
             transitionName: u,
-            layoutId: D
+            layoutId: I
           }), async () => {
-            S(h), l("COMPLETED");
+            E(y), c("COMPLETED");
           };
         },
         {
-          id: L,
+          id: v,
           control: {
             manual: !0
           }
@@ -1187,13 +1187,13 @@ function ne() {
     }
   };
 }
-function se() {
-  const n = st(mt);
+function re() {
+  const n = it(wt);
   return {
     pushStep: async (s) => {
       const a = $.getState().status;
-      a !== "COMPLETED" && a !== "IDLE" || (await _.addTask(async () => {
-        const c = new URLSearchParams(s).toString(), l = `${window.location.pathname}${c ? `?${c}` : ""}`;
+      a !== "COMPLETED" && a !== "IDLE" || (await F.addTask(async () => {
+        const o = new URLSearchParams(s).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.state?.step || window.history.replaceState(
           {
             ...window.history.state,
@@ -1208,14 +1208,14 @@ function se() {
             params: s
           },
           "",
-          l
+          c
         ), async () => n({ type: "SET", params: s });
       })).result?.();
     },
     replaceStep: async (s) => {
       const a = $.getState().status;
-      a !== "COMPLETED" && a !== "IDLE" || (await _.addTask(async () => {
-        const c = new URLSearchParams(s).toString(), l = `${window.location.pathname}${c ? `?${c}` : ""}`;
+      a !== "COMPLETED" && a !== "IDLE" || (await F.addTask(async () => {
+        const o = new URLSearchParams(s).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.replaceState(
           {
             ...window.history.state,
@@ -1223,7 +1223,7 @@ function se() {
             params: s
           },
           "",
-          l
+          c
         ), async () => n({ type: "SET", params: s });
       })).result?.();
     },
@@ -1233,25 +1233,22 @@ function se() {
     }
   };
 }
-function V() {
-  return st(Et);
-}
-function re() {
-  return st(gt);
+function ae() {
+  return it(St);
 }
-function ae({
+function oe({
   name: n,
   initial: e,
   idle: t,
   pushOnEnter: r,
   pushOnExit: s,
   replaceOnEnter: a,
-  replaceOnExit: c,
-  popOnEnter: l,
-  popOnExit: h,
-  completedOnExit: o,
-  completedOnEnter: S,
-  options: E
+  replaceOnExit: o,
+  popOnEnter: c,
+  popOnExit: y,
+  completedOnExit: l,
+  completedOnEnter: E,
+  options: p
 }) {
   return {
     name: n,
@@ -1261,29 +1258,29 @@ function ae({
       "IDLE-false": t,
       "PUSHING-false": s,
       "PUSHING-true": r,
-      "REPLACING-false": c,
+      "REPLACING-false": o,
       "REPLACING-true": a,
-      "POPPING-false": h,
-      "POPPING-true": l,
-      "COMPLETED-false": o,
-      "COMPLETED-true": S
+      "POPPING-false": y,
+      "POPPING-true": c,
+      "COMPLETED-false": l,
+      "COMPLETED-true": E
     },
-    ...E
+    ...p
   };
 }
-function oe({
+function ie({
   name: n,
   initial: e,
   idle: t,
   pushOnEnter: r,
   pushOnExit: s,
   replaceOnEnter: a,
-  replaceOnExit: c,
-  popOnEnter: l,
-  popOnExit: h,
-  completedOnEnter: o,
-  completedOnExit: S,
-  options: E
+  replaceOnExit: o,
+  popOnEnter: c,
+  popOnExit: y,
+  completedOnEnter: l,
+  completedOnExit: E,
+  options: p
 }) {
   return {
     name: n,
@@ -1293,49 +1290,49 @@ function oe({
       "IDLE-false": t,
       "PUSHING-false": s,
       "PUSHING-true": r,
-      "REPLACING-false": c,
+      "REPLACING-false": o,
       "REPLACING-true": a,
-      "POPPING-false": h,
-      "POPPING-true": l,
-      "COMPLETED-false": S,
-      "COMPLETED-true": o
+      "POPPING-false": y,
+      "POPPING-true": c,
+      "COMPLETED-false": E,
+      "COMPLETED-true": l
     },
-    ...E
+    ...p
   };
 }
-const Yt = { then() {
+const Kt = { then() {
 } };
-function Xt({
+function Vt({
   freeze: n,
   children: e
 }) {
   if (n)
-    throw Yt;
+    throw Kt;
   return e;
 }
-function St({ freeze: n, children: e, placeholder: t }) {
-  return /* @__PURE__ */ M(Dt, { fallback: t, children: /* @__PURE__ */ M(Xt, { freeze: n, children: e }) });
+function Tt({ freeze: n, children: e, placeholder: t }) {
+  return /* @__PURE__ */ N(Lt, { fallback: t, children: /* @__PURE__ */ N(Vt, { freeze: n, children: e }) });
 }
-function lt(n, e) {
+function ht(n, e) {
   const {
     direction: t = "x",
     markerSelector: r = "[data-swipe-at-edge]",
     depthLimit: s = 24,
     verifyByScroll: a = !1
-  } = e ?? {}, c = Kt(n);
-  if (!c) return { element: null, hasMarker: !1 };
-  const l = c.closest?.(r);
-  if (l instanceof HTMLElement && et(l, t) && (!a || dt(l, t)))
-    return { element: l, hasMarker: !0 };
-  let h = c, o = 0;
-  for (; h && h !== document.body && o < s; ) {
-    if (et(h, t) && (!a || dt(h, t)))
-      return { element: h, hasMarker: !1 };
-    h = h.parentElement, o++;
+  } = e ?? {}, o = zt(n);
+  if (!o) return { element: null, hasMarker: !1 };
+  const c = o.closest?.(r);
+  if (c instanceof HTMLElement && at(c, t) && (!a || yt(c, t)))
+    return { element: c, hasMarker: !0 };
+  let y = o, l = 0;
+  for (; y && y !== document.body && l < s; ) {
+    if (at(y, t) && (!a || yt(y, t)))
+      return { element: y, hasMarker: !1 };
+    y = y.parentElement, l++;
   }
   return { element: null, hasMarker: !1 };
 }
-function Kt(n) {
+function zt(n) {
   if (!n) return null;
   const e = n, t = typeof e.composedPath == "function" ? e.composedPath() : void 0;
   if (t && t.length) {
@@ -1344,11 +1341,11 @@ function Kt(n) {
   }
   return n;
 }
-function et(n, e) {
+function at(n, e) {
   return e === "y" ? n.scrollHeight - n.clientHeight > 1 : n.scrollWidth - n.clientWidth > 1;
 }
-function dt(n, e) {
-  if (!et(n, e)) return !1;
+function yt(n, e) {
+  if (!at(n, e)) return !1;
   if (e === "y") {
     const t = n.scrollTop;
     if (n.scrollTop = t + 1, n.scrollTop !== t)
@@ -1365,19 +1362,19 @@ function dt(n, e) {
     return n.scrollLeft = t, s;
   }
 }
-function Vt({ children: n, ref: e, ...t }) {
-  const { isActive: r, transitionName: s } = V(), [a, c] = ht();
-  vt(e, () => a.current);
-  const l = $((u) => u.status), h = K.get(s), { decoratorName: o } = h, { initial: S, variants: E } = at.get(o);
-  return q(() => {
+function Wt({ children: n, ref: e, ...t }) {
+  const { isActive: r, transitionName: s } = V(), [a, o] = Et();
+  Nt(e, () => a.current);
+  const c = $((u) => u.status), y = W.get(s), { decoratorName: l } = y, { initial: E, variants: p } = ut.get(l);
+  return Y(() => {
     if (!a.current) return;
-    const { value: u, options: D } = E[`${l}-${r}`];
-    c(a.current, u, D);
-  }, [l, r, c, E, a]), /* @__PURE__ */ M(
-    yt.div,
+    const { value: u, options: I } = p[`${c}-${r}`];
+    o(a.current, u, I);
+  }, [c, r, o, p, a]), /* @__PURE__ */ N(
+    z.div,
     {
       ref: a,
-      initial: S,
+      initial: E,
       style: {
         position: "absolute",
         top: 0,
@@ -1391,125 +1388,112 @@ function Vt({ children: n, ref: e, ...t }) {
     }
   );
 }
-const j = z((n) => ({
+const X = tt((n) => ({
   dragStatus: "IDLE",
   replaceTransitionStatus: "IDLE",
   setDragStatus: (e) => n({ dragStatus: e }),
   setReplaceTransitionStatus: (e) => n({ replaceTransitionStatus: e })
 }));
-function wt({
-  children: n,
-  ...e
-}) {
-  const [t, r] = ht(), { id: s, isActive: a, isRoot: c, transitionName: l, prevTransitionName: h } = V(), o = It(), S = $((m) => m.status), E = j((m) => m.dragStatus), u = j.getState().setDragStatus, D = j.getState().setReplaceTransitionStatus, L = K.get(l), { variants: N, initial: w, swipeDirection: k, decoratorName: H } = L, R = at.get(H), O = U(null), Y = U(null), X = U(null), i = U(!1), p = U(!1), y = U({
+function vt({ children: n, appBar: e, navigationBar: t, ...r }) {
+  const [s, a] = Et(), { id: o, isActive: c, isRoot: y, transitionName: l, prevTransitionName: E } = V(), p = xt(), u = $((D) => D.status), I = X((D) => D.dragStatus), v = X.getState().setDragStatus, L = X.getState().setReplaceTransitionStatus, S = W.get(l), { variants: A, initial: j, swipeDirection: k, decoratorName: H } = S, K = ut.get(H), J = _(null), i = _(null), h = _(null), m = _(null), g = _(!1), f = _(!1), d = _({
     element: null,
     hasMarker: !1
-  }), g = U({ element: null, hasMarker: !1 }), f = U(0), d = U(0), v = async (m, I) => {
+  }), w = _({ element: null, hasMarker: !1 }), P = _(0), M = _(0), T = async (D, b) => {
     if (!k)
       return;
-    O.current = t.current?.previousSibling, X.current = t.current?.previousSibling?.querySelector("[data-decorator]");
-    const C = await L?.onSwipeStart(m, I, {
-      animate: r,
-      currentScreen: t.current,
-      prevScreen: O.current,
-      dragControls: o,
-      onStart: (F) => R?.onSwipeStart?.(F, {
-        animate: r,
-        currentDecorator: Y.current,
-        prevDecorator: X.current
+    const O = J.current?.previousSibling;
+    i.current = O?.querySelector("[data-screen]"), m.current = O?.querySelector("[data-decorator]");
+    const B = await S?.onSwipeStart(D, b, {
+      animate: a,
+      currentScreen: s.current,
+      prevScreen: i.current,
+      dragControls: p,
+      onStart: (st) => K?.onSwipeStart?.(st, {
+        animate: a,
+        currentDecorator: h.current,
+        prevDecorator: m.current
       })
     });
-    u(C ? "PENDING" : "IDLE");
-  }, T = (m, I) => {
-    !k || E !== "PENDING" || L?.onSwipe(m, I, {
-      animate: r,
-      currentScreen: t.current,
-      prevScreen: O.current,
-      dragControls: o,
-      onProgress: (C, F) => R?.onSwipe?.(C, F, {
-        animate: r,
-        currentDecorator: Y.current,
-        prevDecorator: X.current
+    v(B ? "PENDING" : "IDLE");
+  }, C = (D, b) => {
+    !k || I !== "PENDING" || S?.onSwipe(D, b, {
+      animate: a,
+      currentScreen: s.current,
+      prevScreen: i.current,
+      dragControls: p,
+      onProgress: (O, B) => K?.onSwipe?.(O, B, {
+        animate: a,
+        currentDecorator: h.current,
+        prevDecorator: m.current
       })
     });
-  }, b = async (m, I) => {
-    if (!k || E !== "PENDING")
+  }, x = async (D, b) => {
+    if (!k || I !== "PENDING")
       return;
-    await L?.onSwipeEnd(m, I, {
-      animate: r,
-      currentScreen: t.current,
-      prevScreen: O.current,
-      onStart: (F) => R?.onSwipeEnd?.(F, {
-        animate: r,
-        currentDecorator: Y.current,
-        prevDecorator: X.current
+    await S?.onSwipeEnd(D, b, {
+      animate: a,
+      currentScreen: s.current,
+      prevScreen: i.current,
+      onStart: (B) => K?.onSwipeEnd?.(B, {
+        animate: a,
+        currentDecorator: h.current,
+        prevDecorator: m.current
       })
-    }) ? window.history.back() : u("IDLE");
-  }, P = (m) => {
-    if (!(!c && a && S === "COMPLETED" && E === "IDLE" && !!k))
+    }) ? window.history.back() : v("IDLE");
+  }, R = (D) => {
+    if (!(!y && c && u === "COMPLETED" && I === "IDLE" && !!k))
       return;
-    y.current = lt(m.target, {
+    d.current = ht(D.target, {
       direction: "x",
       verifyByScroll: !0
-    }), g.current = lt(m.target, {
+    }), w.current = ht(D.target, {
       direction: "y",
       verifyByScroll: !0
-    }), f.current = m.clientX, d.current = m.clientY, (!y.current.element && !g.current.element || y.current.element || g.current.element) && (i.current = !0);
-  }, A = (m) => {
-    const I = !y.current.element && !g.current.element;
-    if (i.current && I)
-      i.current = !1, p.current = !0, o.start(m);
-    else if (i.current && !I) {
-      const C = m.clientX - f.current, F = m.clientY - d.current, Pt = g.current.element && g.current.element.scrollTop <= 0 && g.current.hasMarker, Tt = y.current.element && y.current.element.scrollLeft <= 0 && y.current.hasMarker;
-      (k === "y" && (Pt || y.current.element) && F > 0 && Math.abs(C) < 4 || k === "x" && (Tt || g.current.element) && C > 0 && Math.abs(F) < 4) && (i.current = !1, p.current = !0, o.start(m));
+    }), P.current = D.clientX, M.current = D.clientY, (!d.current.element && !w.current.element || d.current.element || w.current.element) && (g.current = !0);
+  }, U = (D) => {
+    const b = !d.current.element && !w.current.element;
+    if (g.current && b)
+      g.current = !1, f.current = !0, p.start(D);
+    else if (g.current && !b) {
+      const O = D.clientX - P.current, B = D.clientY - M.current, st = w.current.element && w.current.element.scrollTop <= 0 && w.current.hasMarker, It = d.current.element && d.current.element.scrollLeft <= 0 && d.current.hasMarker;
+      (k === "y" && (st || d.current.element) && B > 0 && Math.abs(O) < 4 || k === "x" && (It || w.current.element) && O > 0 && Math.abs(B) < 4) && (g.current = !1, f.current = !0, p.start(D));
     }
-  }, x = () => {
-    i.current = !1, p.current = !1;
+  }, nt = () => {
+    g.current = !1, f.current = !1;
   };
-  return q(() => {
-    const m = t.current;
-    if (!m) return;
-    const I = (C) => {
-      p.current && C.preventDefault(), C.target?.dataset.swipeAtEdgeBar === "true" && C.preventDefault();
+  return Y(() => {
+    const D = s.current;
+    if (!D) return;
+    const b = (O) => {
+      f.current && O.preventDefault(), O.target?.dataset.swipeAtEdgeBar === "true" && O.preventDefault();
     };
-    return m.addEventListener("touchmove", I, {
+    return D.addEventListener("touchmove", b, {
       passive: !1
     }), () => {
-      m.removeEventListener("touchmove", I);
+      D.removeEventListener("touchmove", b);
     };
-  }, [t]), q(() => {
-    t.current && (async () => {
-      const { value: m, options: I } = N[`${S}-${a}`], C = h !== l;
-      !a && S === "REPLACING" && C && (D("PENDING"), await r(t.current, qt, {
+  }, [s]), Y(() => {
+    s.current && (async () => {
+      const { value: D, options: b } = A[`${u}-${c}`];
+      !c && u === "REPLACING" && E !== l && (L("PENDING"), await a(s.current, Xt, {
         duration: 0.1
-      })), await r(t.current, m, I), await _.resolveTask(s), !a && C && D("IDLE"), a && S === "COMPLETED" && u("IDLE");
+      })), c && u === "COMPLETED" && (v("IDLE"), L("IDLE")), await a(s.current, D, b), await F.resolveTask(o);
     })();
   }, [
-    S,
+    u,
+    c,
+    o,
+    E,
+    l,
     a,
     s,
-    h,
-    l,
-    r,
-    t,
-    N,
-    u,
-    D
-  ]), /* @__PURE__ */ pt(
-    yt.div,
+    A,
+    v,
+    L
+  ]), /* @__PURE__ */ gt(
+    z.div,
     {
-      ref: t,
-      ...e,
-      initial: w,
-      drag: k,
-      dragListener: !1,
-      dragControls: o,
-      onDragStart: v,
-      onDrag: T,
-      onDragEnd: b,
-      onPointerDown: P,
-      onPointerMove: A,
-      onPointerUp: x,
+      ref: J,
       style: {
         position: "absolute",
         top: 0,
@@ -1517,17 +1501,10 @@ function wt({
         width: "100%",
         height: "100%",
         display: "flex",
-        flexDirection: "column",
-        backgroundColor: "white",
-        boxSizing: "border-box",
-        touchAction: "none",
-        isolation: "isolate",
-        contain: "strict",
-        overscrollBehavior: "contain",
-        ...e.style
+        flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ M(
+        /* @__PURE__ */ N(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1541,21 +1518,40 @@ function wt({
             }
           }
         ),
-        /* @__PURE__ */ M(
-          "div",
+        e && /* @__PURE__ */ N(z.div, { children: e }),
+        /* @__PURE__ */ N(
+          z.div,
           {
+            ref: s,
+            ...r,
+            initial: j,
+            drag: k,
+            dragListener: !1,
+            dragControls: p,
+            onDragStart: T,
+            onDrag: C,
+            onDragEnd: x,
+            onPointerDown: R,
+            onPointerMove: U,
+            onPointerUp: nt,
+            "data-screen": !0,
             style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: "100%"
+              flexGrow: 1,
+              backgroundColor: "white",
+              boxSizing: "border-box",
+              isolation: "isolate",
+              contain: "strict",
+              overscrollBehavior: "contain",
+              overflowY: "auto",
+              touchAction: "none",
+              ...r.style
             },
             children: n
           }
         ),
-        R && /* @__PURE__ */ M(Vt, { ref: Y }),
-        /* @__PURE__ */ M(
+        t && /* @__PURE__ */ N(z.div, { children: t }),
+        K && /* @__PURE__ */ N(Wt, { ref: h }),
+        /* @__PURE__ */ N(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1573,34 +1569,28 @@ function wt({
     }
   );
 }
-function ie({
-  children: n,
-  ...e
-}) {
-  const { isActive: t, isPrev: r } = V(), s = $((o) => o.status), a = j((o) => o.dragStatus), c = j((o) => o.replaceTransitionStatus);
-  return /* @__PURE__ */ M(St, { freeze: !t && (s === "COMPLETED" && a === "IDLE" && c === "IDLE" || r && c === "IDLE"), children: /* @__PURE__ */ M(wt, { ...e, children: n }) });
+function ce({ children: n, ...e }) {
+  const { isActive: t, isPrev: r, zIndex: s } = V(), a = Q((p) => p.index), o = $((p) => p.status), c = X((p) => p.dragStatus), y = X((p) => p.replaceTransitionStatus), E = !t && (o === "COMPLETED" && c === "IDLE") || r && a - 2 <= s && y === "IDLE" || r && a - 2 > s;
+  return /* @__PURE__ */ N(Tt, { freeze: E, children: /* @__PURE__ */ N(vt, { ...e, children: n }) });
 }
-function ce({
-  children: n,
-  ...e
-}) {
-  const { isActive: t, isPrev: r } = V(), s = $((o) => o.status), a = j((o) => o.dragStatus), c = j((o) => o.replaceTransitionStatus);
-  return /* @__PURE__ */ M(St, { freeze: !t && (s === "COMPLETED" && a === "IDLE" && c === "IDLE" || r && c === "IDLE"), children: /* @__PURE__ */ M(
-    wt,
+function ue({ children: n, ...e }) {
+  const { isActive: t, isPrev: r, zIndex: s } = V(), a = Q((p) => p.index), o = $((p) => p.status), c = X((p) => p.dragStatus), y = X((p) => p.replaceTransitionStatus), E = !t && (o === "COMPLETED" && c === "IDLE") || r && a - 2 <= s && y === "IDLE" || r && a - 2 > s;
+  return /* @__PURE__ */ N(Tt, { freeze: E, children: /* @__PURE__ */ N(
+    vt,
     {
       ...e,
       style: {
         backgroundColor: "transparent",
         ...e.style
       },
-      children: /* @__PURE__ */ M(Nt, { children: n })
+      children: /* @__PURE__ */ N(kt, { children: n })
     }
   ) });
 }
-function ue({ children: n, ...e }) {
-  const { isActive: t, transitionName: r } = V(), s = $((c) => c.status), a = K.get(r);
-  return /* @__PURE__ */ M(
-    kt,
+function le({ children: n, ...e }) {
+  const { isActive: t, transitionName: r } = V(), s = $((o) => o.status), a = W.get(r);
+  return /* @__PURE__ */ N(
+    Mt,
     {
       transition: a?.variants[`${s}-${t}`]?.options,
       ...e,
@@ -1609,17 +1599,17 @@ function ue({ children: n, ...e }) {
   );
 }
 export {
-  ue as LayoutConfig,
-  ce as LayoutScreen,
-  ee as Route,
-  te as Router,
-  ie as Screen,
-  _t as createDecorator,
-  oe as createRawDecorator,
-  ae as createRawTransition,
-  J as createTransition,
-  ne as useNavigate,
-  re as useParams,
+  le as LayoutConfig,
+  ue as LayoutScreen,
+  ne as Route,
+  ee as Router,
+  ce as Screen,
+  Ft as createDecorator,
+  ie as createRawDecorator,
+  oe as createRawTransition,
+  et as createTransition,
+  se as useNavigate,
+  ae as useParams,
   V as useScreen,
-  se as useStep
+  re as useStep
 };