flemo 1.3.2 → 1.3.4

package/dist/index.mjs

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