flemo 1.3.2 → 1.3.3

package/dist/index.mjs

@@ -1,11 +1,11 @@
 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 = {
+import tt, { useEffect as Y, createContext as ot, useContext as it, useReducer as Ct, Children as mt, Suspense as At, useImperativeHandle as Rt, useRef as F } from "react";
+import { transform as ct, useAnimate as Et, motion as X, useDragControls as bt, AnimatePresence as Ot, MotionConfig as Gt } from "motion/react";
+var U = {}, lt;
+function $t() {
+  if (lt) return U;
+  lt = 1, Object.defineProperty(U, "__esModule", { value: !0 }), U.PathError = U.TokenData = void 0, U.parse = l, U.compile = m, U.match = T, U.pathToRegexp = L, U.stringify = G;
+  const n = "/", e = (i) => i, t = /^[$_\p{ID_Start}]$/u, s = /^[$\u200c\u200d\p{ID_Continue}]$/u, r = {
     // 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;
+  U.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]))
+  U.PathError = h;
+  function l(i, y = {}) {
+    const { encodePath: g = e } = y, E = [...i], f = [];
+    let p = 0, v = 0;
+    function w() {
+      let S = "";
+      if (t.test(E[p]))
         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[p++];
+        while (s.test(E[p]));
+      else if (E[p] === '"') {
+        let M = p;
+        for (; p++ < E.length; ) {
+          if (E[p] === '"') {
+            p++, M = 0;
             break;
           }
-          g[d] === "\\" && d++, T += g[d];
+          E[p] === "\\" && p++, S += E[p];
         }
-        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 ${p}`, 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 (; p < E.length; ) {
+      const S = E[p], M = r[S];
+      M ? f.push({ type: M, index: p++, value: S }) : S === "\\" ? f.push({ type: "escape", index: p++, value: E[p++] }) : S === ":" ? f.push({ type: "param", index: p++, value: w() }) : S === "*" ? f.push({ type: "wildcard", index: p++, value: w() }) : f.push({ type: "char", index: p++, value: S });
     }
-    f.push({ type: "end", index: d, value: "" });
-    function M(T) {
-      const C = [];
+    f.push({ type: "end", index: p, value: "" });
+    function A(S) {
+      const M = [];
       for (; ; ) {
-        const x = f[w++];
-        if (x.type === T)
+        const I = f[v++];
+        if (I.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({
+        if (I.type === "char" || I.type === "escape") {
+          let k = I.value, H = f[v];
+          for (; H.type === "char" || H.type === "escape"; )
+            k += H.value, H = f[++v];
+          M.push({
             type: "text",
-            value: m(R)
+            value: g(k)
           });
           continue;
         }
-        if (x.type === "param" || x.type === "wildcard") {
-          C.push({
-            type: x.type,
-            name: x.value
+        if (I.type === "param" || I.type === "wildcard") {
+          M.push({
+            type: I.type,
+            name: I.value
           });
           continue;
         }
-        if (x.type === "{") {
-          C.push({
+        if (I.type === "{") {
+          M.push({
             type: "group",
-            tokens: M("}")
+            tokens: A("}")
           });
           continue;
         }
-        throw new y(`Unexpected ${x.type} at index ${x.index}, expected ${T}`, i);
+        throw new h(`Unexpected ${I.type} at index ${I.index}, expected ${S}`, i);
       }
-      return C;
+      return M;
     }
-    return new c(M("end"), i);
+    return new c(A("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, f = typeof i == "object" ? i : l(i, y), p = d(f.tokens, E, g);
+    return function(w = {}) {
+      const [A, ...S] = p(w);
+      if (S.length)
+        throw new TypeError(`Missing parameters: ${S.join(", ")}`);
+      return A;
     };
   }
-  function p(i, h, m) {
-    const g = i.map((f) => u(f, h, m));
+  function d(i, y, g) {
+    const E = i.map((f) => u(f, y, g));
     return (f) => {
-      const d = [""];
-      for (const w of g) {
-        const [P, ...M] = w(f);
-        d[0] += P, d.push(...M);
+      const p = [""];
+      for (const v of E) {
+        const [w, ...A] = v(f);
+        p[0] += w, p.push(...A);
       }
-      return d;
+      return p;
     };
   }
-  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 f = d(i.tokens, y, g);
+      return (p) => {
+        const [v, ...w] = f(p);
+        return w.length ? [""] : [v];
       };
     }
-    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 ? (f) => {
+      const p = f[i.name];
+      if (p == null)
         return ["", i.name];
-      if (!Array.isArray(d) || d.length === 0)
+      if (!Array.isArray(p) || p.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)
+        p.map((v, w) => {
+          if (typeof v != "string")
+            throw new TypeError(`Expected "${i.name}/${w}" to be a string`);
+          return E(v);
+        }).join(y)
       ];
     } : (f) => {
-      const d = f[i.name];
-      if (d == null)
+      const p = f[i.name];
+      if (p == null)
         return ["", i.name];
-      if (typeof d != "string")
+      if (typeof p != "string")
         throw new TypeError(`Expected "${i.name}" to be a string`);
-      return [g(d)];
+      return [E(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)
+  function T(i, y = {}) {
+    const { decode: g = decodeURIComponent, delimiter: E = n } = y, { regexp: f, keys: p } = L(i, y), v = p.map((w) => g === !1 ? e : w.type === "param" ? g : (A) => A.split(E).map(g));
+    return function(A) {
+      const S = f.exec(A);
+      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], I = /* @__PURE__ */ Object.create(null);
+      for (let k = 1; k < S.length; k++) {
+        if (S[k] === void 0)
           continue;
-        const U = d[R - 1], nt = w[R - 1];
-        x[U.name] = nt(T[R]);
+        const H = p[k - 1], Z = v[k - 1];
+        I[H.name] = Z(S[k]);
       }
-      return { path: C, params: x };
+      return { path: M, params: I };
     };
   }
-  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 L(i, y = {}) {
+    const { delimiter: g = n, end: E = !0, sensitive: f = !1, trailing: p = !0 } = y, v = [], w = f ? "" : "i", A = [];
+    for (const I of x(i, [])) {
+      const k = typeof I == "object" ? I : l(I, y);
+      for (const H of P(k.tokens, 0, []))
+        A.push(C(H, g, v, k.originalPath));
     }
-    let T = `^(?:${M.join("|")})`;
-    return d && (T += `(?:${o(m)}$)?`), T += g ? "$" : `(?=${o(m)}|$)`, { regexp: new RegExp(T, P), keys: w };
+    let S = `^(?:${A.join("|")})`;
+    return p && (S += `(?:${o(g)}$)?`), S += E ? "$" : `(?=${o(g)}|$)`, { regexp: new RegExp(S, w), keys: v };
   }
-  function L(i, h) {
+  function x(i, y) {
     if (Array.isArray(i))
-      for (const m of i)
-        L(m, h);
+      for (const g of i)
+        x(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* P(i, y, g) {
+    if (y === i.length)
+      return yield g;
+    const E = i[y];
+    if (E.type === "group")
+      for (const f of P(E.tokens, 0, g.slice()))
+        yield* P(i, y + 1, f);
     else
-      m.push(g);
-    yield* S(i, h + 1, m);
+      g.push(E);
+    yield* P(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 C(i, y, g, E) {
+    let f = "", p = "", v = !0;
+    for (const w of i) {
+      if (w.type === "text") {
+        f += o(w.value), p += w.value, v || (v = w.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 (w.type === "param" || w.type === "wildcard") {
+        if (!v && !p)
+          throw new h(`Missing text before "${w.name}" ${w.type}`, E);
+        w.type === "param" ? f += `(${$(y, v ? "" : p)}+)` : f += "([\\s\\S]+)", g.push(w), p = "", v = !1;
         continue;
       }
     }
     return f;
   }
-  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 $(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 R(i) {
+    let y = "", g = 0;
+    function E(f) {
+      return W(f) && V(i[g]) ? f : JSON.stringify(f);
     }
-    for (; m < i.length; ) {
-      const f = i[m++];
+    for (; g < i.length; ) {
+      const f = i[g++];
       if (f.type === "text") {
-        h += a(f.value);
+        y += a(f.value);
         continue;
       }
       if (f.type === "group") {
-        h += `{${k(f.tokens)}}`;
+        y += `{${R(f.tokens)}}`;
         continue;
       }
       if (f.type === "param") {
-        h += `:${g(f.name)}`;
+        y += `:${E(f.name)}`;
         continue;
       }
       if (f.type === "wildcard") {
-        h += `*${g(f.name)}`;
+        y += `*${E(f.name)}`;
         continue;
       }
       throw new TypeError(`Unknown token type: ${f.type}`);
     }
-    return h;
+    return y;
   }
-  function H(i) {
-    return k(i.tokens);
+  function G(i) {
+    return R(i.tokens);
   }
-  function K(i) {
-    const [h, ...m] = i;
-    return t.test(h) && m.every((g) => r.test(g));
+  function W(i) {
+    const [y, ...g] = i;
+    return t.test(y) && g.every((E) => s.test(E));
   }
-  function J(i) {
-    return i && i.type === "text" ? !r.test(i.value[0]) : !0;
+  function V(i) {
+    return i && i.type === "text" ? !s.test(i.value[0]) : !0;
   }
-  return G;
+  return U;
 }
-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 } : {};
+var B = $t();
+function Ut(n, e, t) {
+  const s = Array.isArray(n) ? n.find((c) => B.pathToRegexp(c).regexp.test(e)) || "" : B.pathToRegexp(n).regexp.test(e) ? n : "", r = B.match(s)(e), a = new URLSearchParams(t), o = Object.fromEntries(a.entries());
+  return r ? { ...r.params, ...o } : {};
 }
 function dt() {
   return typeof document > "u";
 }
-class Rt {
+class _t {
   tasks = /* @__PURE__ */ new Map();
   instanceId = Date.now().toString();
   isLocked = !1;
@@ -277,7 +277,7 @@ class Rt {
   pendingTaskQueue = [];
   isProcessingPending = !1;
   async acquireLock(e) {
-    for (let s = 0; s < 10; s++) {
+    for (let r = 0; r < 10; r++) {
       if (!this.isLocked)
         return this.isLocked = !0, this.currentTaskId = e, !0;
       await new Promise((a) => setTimeout(a, 100));
@@ -292,8 +292,8 @@ class Rt {
   }
   emitSignal(e) {
     const t = this.signalListeners.get(e);
-    t && (t.forEach((r) => {
-      this.resolveTask(r);
+    t && (t.forEach((s) => {
+      this.resolveTask(s);
     }), this.signalListeners.delete(e));
   }
   // 대기 중인 태스크들을 처리하는 메서드
@@ -320,7 +320,7 @@ class Rt {
     return new Promise((e) => {
       const t = () => {
         this.pendingTaskQueue.filter(
-          (s) => s.status === "MANUAL_PENDING" || s.status === "SIGNAL_PENDING"
+          (r) => r.status === "MANUAL_PENDING" || r.status === "SIGNAL_PENDING"
         ).length === 0 ? e() : setTimeout(t, 100);
       };
       t();
@@ -328,15 +328,15 @@ class Rt {
   }
   // 태스크 상태 변경 시 대기 큐 처리
   async onTaskStatusChange(e, t) {
-    (t === "COMPLETED" || t === "FAILED" || t === "ROLLEDBACK") && (this.pendingTaskQueue = this.pendingTaskQueue.filter((r) => r.id !== e), await this.processPendingTasks());
+    (t === "COMPLETED" || t === "FAILED" || t === "ROLLEDBACK") && (this.pendingTaskQueue = this.pendingTaskQueue.filter((s) => s.id !== e), await this.processPendingTasks());
   }
   async addTask(e, t = {}) {
-    const r = t.id || this.generateTaskId();
-    return new Promise((s, a) => {
+    const s = t.id || this.generateTaskId();
+    return new Promise((r, a) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
-          const { control: o, validate: c, rollback: y, dependencies: l = [], delay: E } = t, p = new AbortController(), u = {
-            id: r,
+          const { control: o, validate: c, rollback: h, dependencies: l = [], delay: m } = t, d = new AbortController(), u = {
+            id: s,
             execute: e,
             timestamp: Date.now(),
             retryCount: 0,
@@ -344,27 +344,27 @@ 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((L) => L.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 P of u.dependencies) {
+                const C = this.tasks.get(P);
+                if (!C || C.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((P) => setTimeout(P, m));
+              const x = await u.execute(u.abortController);
               if (u.abortController.signal.aborted) {
-                u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
+                u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), r({
                   success: !0,
                   result: void 0,
                   taskId: u.id,
@@ -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 P = t.control;
+                if (P.delay && P.delay > 0 && await new Promise((C) => setTimeout(C, P.delay)), P.manual) {
+                  u.status = "MANUAL_PENDING", u.manualResolver = { resolve: r, reject: a, result: x }, 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 (P.signal) {
+                  u.status = "SIGNAL_PENDING", u.manualResolver = { resolve: r, reject: a, result: x }, this.signalListeners.has(P.signal) || this.signalListeners.set(P.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(P.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 (P.condition && !await P.condition()) {
+                  u.status = "MANUAL_PENDING", u.manualResolver = { resolve: r, reject: a, result: x }, this.pendingTaskQueue.push(u), await this.onTaskStatusChange(u.id, "MANUAL_PENDING");
                   return;
                 }
               }
-              u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
+              u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), r({
                 success: !0,
-                result: L,
+                result: x,
                 taskId: u.id,
                 timestamp: Date.now(),
                 instanceId: this.instanceId
               });
-            } catch (L) {
+            } catch (x) {
               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), x;
             } finally {
               this.releaseLock(u.id);
             }
-          } catch (v) {
-            a(v);
+          } catch (L) {
+            a(L);
           }
         } catch (o) {
           a(o);
@@ -422,10 +422,10 @@ class Rt {
       if (t.control?.condition && !await t.control.condition())
         return !1;
       t.status = "COMPLETED";
-      const r = t.manualResolver;
-      return r.resolve({
+      const s = t.manualResolver;
+      return s.resolve({
         success: !0,
-        result: r.result,
+        result: s.result,
         taskId: t.id,
         timestamp: Date.now(),
         instanceId: this.instanceId
@@ -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 _t(), 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(), s = (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((T) => T(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);
+  }, r = () => e, c = { setState: s, getState: r, getInitialState: () => h, subscribe: (l) => (t.add(l), () => t.delete(l)) }, h = e = n(s, r, c);
   return c;
-}, bt = ((n) => n ? pt(n) : pt), Ot = (n) => n;
-function Gt(n, e = Ot) {
-  const t = Z.useSyncExternalStore(
+}, Ht = ((n) => n ? pt(n) : pt), Ft = (n) => n;
+function Qt(n, e = Ft) {
+  const t = tt.useSyncExternalStore(
     n.subscribe,
-    Z.useCallback(() => e(n.getState()), [n, e]),
-    Z.useCallback(() => e(n.getInitialState()), [n, e])
+    tt.useCallback(() => e(n.getState()), [n, e]),
+    tt.useCallback(() => e(n.getInitialState()), [n, e])
   );
-  return Z.useDebugValue(t), t;
+  return tt.useDebugValue(t), t;
 }
 const ft = (n) => {
-  const e = bt(n), t = (r) => Gt(e, r);
+  const e = Ht(n), t = (s) => Qt(e, s);
   return Object.assign(t, e), t;
-}, tt = ((n) => n ? ft(n) : ft), Q = tt((n) => ({
+}, et = ((n) => n ? ft(n) : ft), j = et((n) => ({
   index: -1,
   histories: [],
   addHistory: (e) => n((t) => ({
@@ -475,37 +475,37 @@ const ft = (n) => {
   })),
   popHistory: (e) => n((t) => ({
     index: t.index - 1,
-    histories: t.histories.filter((r, s) => s !== e)
+    histories: t.histories.filter((s, r) => r !== e)
   }))
-})), $ = tt((n) => ({
+})), _ = et((n) => ({
   status: "IDLE",
   setStatus: (e) => n({ status: e })
 }));
-function $t() {
+function jt() {
   return Y(() => {
     const n = async (e) => {
       const t = e.state?.id;
-      (await F.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) {
-            r.abort();
+      (await Q.addTask(
+        async (s) => {
+          const r = e.state?.index, a = e.state?.status, o = e.state?.params, c = e.state?.transitionName, h = e.state?.layoutId, l = _.getState().setStatus, { index: m, addHistory: d, popHistory: u } = j.getState(), T = r < m, L = a === "PUSHING" && r > m, x = a === "REPLACING" && r > m, P = window.location.pathname;
+          if (!T && !L && !x) {
+            s.abort();
             return;
           }
-          return I ? l("POPPING") : v ? (l("PUSHING"), p({
+          return T ? l("POPPING") : L ? (l("PUSHING"), d({
             id: t,
-            pathname: S,
+            pathname: P,
             params: o,
             transitionName: c,
-            layoutId: y
-          })) : L && (l("REPLACING"), p({
+            layoutId: h
+          })) : x && (l("REPLACING"), d({
             id: t,
-            pathname: S,
+            pathname: P,
             params: o,
             transitionName: c,
-            layoutId: y
+            layoutId: h
           })), async () => {
-            I && u(s + 1), l("COMPLETED");
+            T && u(r + 1), l("COMPLETED");
           };
         },
         {
@@ -523,7 +523,7 @@ function $t() {
 }
 const St = ot({}), wt = ot(() => {
 });
-function Ut(n, e) {
+function qt(n, e) {
   switch (e.type) {
     case "SET":
       return e.params;
@@ -543,56 +543,56 @@ const Pt = ot({
   prevTransitionName: "none",
   layoutId: null
 });
-function V() {
+function z() {
   return it(Pt);
 }
-function _t({ children: n }) {
-  const { isActive: e, params: t } = V(), [r, s] = Dt(Ut, t);
+function Bt({ children: n }) {
+  const { isActive: e, params: t } = z(), [s, r] = Ct(qt, t);
   return Y(() => {
     const a = async (o) => {
-      o.state?.step && await F.addTask(async () => {
-        s({ type: "SET", params: o.state?.params || {} });
+      o.state?.step && await Q.addTask(async () => {
+        r({ 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, r]), /* @__PURE__ */ N(wt.Provider, { value: r, children: /* @__PURE__ */ N(St.Provider, { value: s, children: n }) });
 }
-function Ht({ children: n }) {
-  const e = Q((r) => r.index), t = Q((r) => r.histories);
+function Yt({ children: n }) {
+  const e = j((s) => s.index), t = j((s) => s.histories);
   return t.map(
-    (r) => mt.toArray(n).filter(
-      (s) => q.pathToRegexp(s.props.path).regexp.test(
-        r.pathname
+    (s) => mt.toArray(n).filter(
+      (r) => B.pathToRegexp(r.props.path).regexp.test(
+        s.pathname
       )
     )
-  ).map(([r], s) => /* @__PURE__ */ N(
+  ).map(([s], r) => /* @__PURE__ */ N(
     Pt.Provider,
     {
       value: {
-        id: t[s].id,
-        isActive: s === e,
-        isRoot: s === 0,
-        isPrev: s < e - 1,
-        zIndex: s,
-        pathname: t[s].pathname,
-        params: t[s].params,
+        id: t[r].id,
+        isActive: r === e,
+        isRoot: r === 0,
+        isPrev: r < e - 1,
+        zIndex: r,
+        pathname: t[r].pathname,
+        params: t[r].params,
         transitionName: t[e].transitionName,
         prevTransitionName: t[e - 1]?.transitionName,
-        layoutId: t[s].layoutId
+        layoutId: t[r].layoutId
       },
-      children: /* @__PURE__ */ N(_t, { children: r })
+      children: /* @__PURE__ */ N(Bt, { children: s })
     },
-    t[s].id
+    t[r].id
   ));
 }
-function Ft({
+function Xt({
   name: n,
   initial: e,
   enter: t,
-  exit: r,
-  options: s
+  exit: s,
+  options: r
 }) {
   return {
     name: n,
@@ -600,19 +600,19 @@ function Ft({
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": r,
+      "PUSHING-false": s,
       "PUSHING-true": t,
-      "REPLACING-false": r,
+      "REPLACING-false": s,
       "REPLACING-true": t,
       "POPPING-false": t,
       "POPPING-true": t,
-      "COMPLETED-false": r,
+      "COMPLETED-false": s,
       "COMPLETED-true": t
     },
-    ...s
+    ...r
   };
 }
-const Qt = Ft({
+const Kt = Xt({
   name: "overlay",
   initial: {
     opacity: 0,
@@ -646,8 +646,8 @@ const Qt = Ft({
         duration: 0.3
       }
     ),
-    onSwipe: (n, e, { animate: t, prevDecorator: r }) => t(
-      r,
+    onSwipe: (n, e, { animate: t, prevDecorator: s }) => t(
+      s,
       {
         opacity: Math.max(0, 1 - e / 100)
       },
@@ -665,16 +665,16 @@ const Qt = Ft({
       }
     )
   }
-}), ut = /* @__PURE__ */ new Map([["overlay", Qt]]), rt = tt((n) => ({
+}), ut = /* @__PURE__ */ new Map([["overlay", Kt]]), st = et((n) => ({
   defaultTransitionName: "cupertino",
   setDefaultTransitionName: (e) => n({ defaultTransitionName: e })
 }));
-function et({
+function nt({
   name: n,
   initial: e,
   idle: t,
-  enter: r,
-  enterBack: s,
+  enter: s,
+  enterBack: r,
   exit: a,
   exitBack: o,
   options: c
@@ -686,18 +686,18 @@ function et({
       "IDLE-true": t,
       "IDLE-false": t,
       "PUSHING-false": a,
-      "PUSHING-true": r,
+      "PUSHING-true": s,
       "REPLACING-false": a,
-      "REPLACING-true": r,
+      "REPLACING-true": s,
       "POPPING-false": o,
-      "POPPING-true": s,
+      "POPPING-true": r,
       "COMPLETED-false": a,
-      "COMPLETED-true": r
+      "COMPLETED-true": s
     },
     ...c
   };
 }
-const jt = et({
+const Vt = nt({
   name: "cupertino",
   initial: {
     x: "100%"
@@ -750,10 +750,10 @@ const jt = et({
     decoratorName: "overlay",
     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(
-        r,
+    onSwipe: (n, e, { animate: t, currentScreen: s, prevScreen: r, onProgress: a }) => {
+      const { offset: o } = e, c = o.x, h = ct(c, [0, window.innerWidth], [0, 100]);
+      return a?.(!0, h), t(
+        s,
         {
           x: Math.max(0, c)
         },
@@ -761,20 +761,20 @@ const jt = et({
           duration: 0
         }
       ), t(
-        s,
+        r,
         {
-          x: -100 + y
+          x: -100 + h
         },
         {
           duration: 0
         }
-      ), y;
+      ), h;
     },
-    onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
+    onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
       const { offset: o, velocity: c } = e, l = o.x > 50 || c.x > 20;
       return a?.(l), await Promise.all([
         t(
-          r,
+          s,
           {
             x: l ? "100%" : 0
           },
@@ -784,7 +784,7 @@ const jt = et({
           }
         ),
         t(
-          s,
+          r,
           {
             x: l ? 0 : -100
           },
@@ -796,7 +796,7 @@ const jt = et({
       ]), l;
     }
   }
-}), Bt = et({
+}), zt = nt({
   name: "layout",
   initial: {
     opacity: 0.97
@@ -845,24 +845,24 @@ const jt = et({
     decoratorName: "overlay",
     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);
-      return s?.(!0, 100), t(
-        r,
+    onSwipe: (n, e, { animate: t, currentScreen: s, onProgress: r }) => {
+      const { offset: a } = e, o = a.y, c = Math.max(0, Math.min(56, o)), h = ct(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), T = Math.min(56, u);
+      return r?.(!0, 100), t(
+        s,
         {
           y: u,
-          opacity: y
+          opacity: h
         },
         {
           duration: 0
         }
-      ), I;
+      ), T;
     },
-    onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
+    onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
       const { offset: o, velocity: c } = e, l = o.y > 56 || c.y > 20;
       return a?.(l), await Promise.all([
         t(
-          r,
+          s,
           {
             y: l ? "100%" : 0,
             opacity: l ? 0.96 : 1
@@ -872,7 +872,7 @@ const jt = et({
           }
         ),
         t(
-          s,
+          r,
           {
             y: 0,
             opacity: l ? 1 : 0.97
@@ -884,7 +884,7 @@ const jt = et({
       ]), l;
     }
   }
-}), qt = et({
+}), Wt = nt({
   name: "material",
   initial: {
     y: "100%",
@@ -942,31 +942,31 @@ const jt = et({
   options: {
     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(
-        r,
+    onSwipe: (n, e, { animate: t, currentScreen: s, prevScreen: r, onProgress: a }) => {
+      const { offset: o } = e, c = o.y, h = Math.max(0, Math.min(56, c)), l = ct(h, [0, 56], [1, 0.96]), m = Math.max(0, c - 56), d = Math.min(1, m / 160), u = Math.sqrt(d) * 12, T = Math.max(0, h + u), L = Math.min(56, T);
+      return a?.(!0, L), t(
+        s,
         {
-          y: I,
+          y: T,
           opacity: l
         },
         {
           duration: 0
         }
       ), t(
-        s,
+        r,
         {
-          y: -56 + v,
-          opacity: v / 56
+          y: -56 + L,
+          opacity: L / 56
         },
         { duration: 0 }
-      ), v;
+      ), L;
     },
-    onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
+    onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
       const { offset: o, velocity: c } = e, l = o.y > 56 || c.y > 20;
       return a?.(l), await Promise.all([
         t(
-          r,
+          s,
           {
             y: l ? "100%" : 0,
             opacity: l ? 0.96 : 1
@@ -977,7 +977,7 @@ const jt = et({
           }
         ),
         t(
-          s,
+          r,
           {
             y: l ? 0 : -56,
             opacity: l ? 1 : 0.96
@@ -990,7 +990,7 @@ const jt = et({
       ]), l;
     }
   }
-}), Yt = et({
+}), Jt = nt({
   name: "none",
   initial: {},
   idle: {
@@ -1023,37 +1023,37 @@ const jt = et({
       duration: 0
     }
   }
-}), W = /* @__PURE__ */ new Map([
-  ["none", Yt],
-  ["cupertino", jt],
-  ["material", qt],
-  ["layout", Bt]
-]), Xt = (() => {
+}), J = /* @__PURE__ */ new Map([
+  ["none", Jt],
+  ["cupertino", Vt],
+  ["material", Wt],
+  ["layout", zt]
+]), Zt = (() => {
   const n = /* @__PURE__ */ Object.create(null), e = Object.prototype.hasOwnProperty;
-  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]);
+  for (const t of J.values()) {
+    const s = t.variants["IDLE-true"].value;
+    for (const r in s)
+      e.call(s, r) && (n[r] = s[r]);
   }
   return n;
 })();
-function ee({
+function ie({
   children: n,
   initPath: e = "/",
   defaultTransitionName: t = "cupertino",
-  transitions: r = [],
-  decorators: s = []
+  transitions: s = [],
+  decorators: r = []
 }) {
   const a = dt() ? e || "/" : window.location.pathname, o = dt() ? a.split("?")[1] || "" : window.location.search;
-  return rt.setState({
+  return st.setState({
     defaultTransitionName: t
-  }), Q.setState({
+  }), j.setState({
     index: 0,
     histories: [
       {
         id: "root",
         pathname: a,
-        params: At(
+        params: Ut(
           mt.toArray(n).map((c) => c.props.path).flat(),
           a,
           o
@@ -1076,10 +1076,10 @@ 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(
+    s.forEach((c) => J.set(c.name, c));
+  }, [s]), Y(() => {
+    r.forEach((c) => ut.set(c.name, c));
+  }, [r]), /* @__PURE__ */ gt(
     "div",
     {
       style: {
@@ -1090,91 +1090,91 @@ function ee({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ N($t, {}),
-        /* @__PURE__ */ N(Ht, { children: n })
+        /* @__PURE__ */ N(jt, {}),
+        /* @__PURE__ */ N(Yt, { children: n })
       ]
     }
   );
 }
-function ne({ element: n }) {
+function ce({ element: n }) {
   return n;
 }
-function se() {
+function ue() {
   return {
-    push: async (r, s, a = {}) => {
-      const { status: o, setStatus: c } = $.getState();
+    push: async (s, r, a = {}) => {
+      const { status: o, setStatus: c } = _.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 = st.getState().defaultTransitionName, { transitionName: d = m, layoutId: u = null } = a, T = 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 L = B.compile(s)(r), x = B.parse(s).tokens.filter((R) => R.type === "param").map((R) => R.name), P = Object.fromEntries(
+            Object.entries(r).filter(([R]) => !x.includes(R))
+          ), C = new URLSearchParams(P).toString(), $ = `${L}${C ? `?${C}` : ""}`;
           return window.history.pushState(
             {
-              id: I,
-              index: y + 1,
+              id: T,
+              index: h + 1,
               status: "PUSHING",
-              params: s,
-              transitionName: p,
+              params: r,
+              transitionName: d,
               layoutId: u
             },
             "",
-            j
+            $
           ), l({
-            id: I,
-            pathname: v,
-            params: s,
-            transitionName: p,
+            id: T,
+            pathname: L,
+            params: r,
+            transitionName: d,
             layoutId: u
           }), () => {
             c("COMPLETED");
           };
         },
         {
-          id: I,
+          id: T,
           control: {
             manual: !0
           }
         }
       )).result?.();
     },
-    replace: async (r, s, a = {}) => {
-      const { status: o, setStatus: c } = $.getState();
+    replace: async (s, r, a = {}) => {
+      const { status: o, setStatus: c } = _.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 = st.getState().defaultTransitionName, { transitionName: u = d, layoutId: T = null } = a, L = 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 x = B.compile(s)(r), P = B.parse(s).tokens.filter((G) => G.type === "param").map((G) => G.name), C = Object.fromEntries(
+            Object.entries(r).filter(([G]) => !P.includes(G))
+          ), $ = new URLSearchParams(C).toString(), R = `${x}${$ ? `?${$}` : ""}`;
           return window.history.replaceState(
             {
-              id: v,
-              index: y,
+              id: L,
+              index: h,
               status: "REPLACING",
-              params: s,
+              params: r,
               transitionName: u,
-              layoutId: I
+              layoutId: T
             },
             "",
-            k
+            R
           ), l({
-            id: v,
-            pathname: L,
-            params: s,
+            id: L,
+            pathname: x,
+            params: r,
             transitionName: u,
-            layoutId: I
+            layoutId: T
           }), async () => {
-            E(y), c("COMPLETED");
+            m(h), c("COMPLETED");
           };
         },
         {
-          id: v,
+          id: L,
           control: {
             manual: !0
           }
@@ -1182,18 +1182,18 @@ function se() {
       )).result?.();
     },
     pop: () => {
-      const r = $.getState().status;
-      r !== "COMPLETED" && r !== "IDLE" || window.history.back();
+      const s = _.getState().status;
+      s !== "COMPLETED" && s !== "IDLE" || window.history.back();
     }
   };
 }
-function re() {
+function le() {
   const n = it(wt);
   return {
-    pushStep: async (s) => {
-      const a = $.getState().status;
-      a !== "COMPLETED" && a !== "IDLE" || (await F.addTask(async () => {
-        const o = new URLSearchParams(s).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
+    pushStep: async (r) => {
+      const a = _.getState().status;
+      a !== "COMPLETED" && a !== "IDLE" || (await Q.addTask(async () => {
+        const o = new URLSearchParams(r).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.state?.step || window.history.replaceState(
           {
             ...window.history.state,
@@ -1205,50 +1205,50 @@ function re() {
           {
             ...window.history.state,
             step: !0,
-            params: s
+            params: r
           },
           "",
           c
-        ), async () => n({ type: "SET", params: s });
+        ), async () => n({ type: "SET", params: r });
       })).result?.();
     },
-    replaceStep: async (s) => {
-      const a = $.getState().status;
-      a !== "COMPLETED" && a !== "IDLE" || (await F.addTask(async () => {
-        const o = new URLSearchParams(s).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
+    replaceStep: async (r) => {
+      const a = _.getState().status;
+      a !== "COMPLETED" && a !== "IDLE" || (await Q.addTask(async () => {
+        const o = new URLSearchParams(r).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.replaceState(
           {
             ...window.history.state,
             step: !0,
-            params: s
+            params: r
           },
           "",
           c
-        ), async () => n({ type: "SET", params: s });
+        ), async () => n({ type: "SET", params: r });
       })).result?.();
     },
     popStep: () => {
-      const s = $.getState().status;
-      s !== "COMPLETED" && s !== "IDLE" || window.history.back();
+      const r = _.getState().status;
+      r !== "COMPLETED" && r !== "IDLE" || window.history.back();
     }
   };
 }
-function ae() {
+function de() {
   return it(St);
 }
-function oe({
+function pe({
   name: n,
   initial: e,
   idle: t,
-  pushOnEnter: r,
-  pushOnExit: s,
+  pushOnEnter: s,
+  pushOnExit: r,
   replaceOnEnter: a,
   replaceOnExit: o,
   popOnEnter: c,
-  popOnExit: y,
+  popOnExit: h,
   completedOnExit: l,
-  completedOnEnter: E,
-  options: p
+  completedOnEnter: m,
+  options: d
 }) {
   return {
     name: n,
@@ -1256,31 +1256,31 @@ function oe({
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": s,
-      "PUSHING-true": r,
+      "PUSHING-false": r,
+      "PUSHING-true": s,
       "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 fe({
   name: n,
   initial: e,
   idle: t,
-  pushOnEnter: r,
-  pushOnExit: s,
+  pushOnEnter: s,
+  pushOnExit: r,
   replaceOnEnter: a,
   replaceOnExit: o,
   popOnEnter: c,
-  popOnExit: y,
+  popOnExit: h,
   completedOnEnter: l,
-  completedOnExit: E,
-  options: p
+  completedOnExit: m,
+  options: d
 }) {
   return {
     name: n,
@@ -1288,56 +1288,56 @@ function ie({
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": s,
-      "PUSHING-true": r,
+      "PUSHING-false": r,
+      "PUSHING-true": s,
       "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 te = { then() {
 } };
-function Vt({
+function ee({
   freeze: n,
   children: e
 }) {
   if (n)
-    throw Kt;
+    throw te;
   return e;
 }
 function Tt({ freeze: n, children: e, placeholder: t }) {
-  return /* @__PURE__ */ N(Lt, { fallback: t, children: /* @__PURE__ */ N(Vt, { freeze: n, children: e }) });
+  return /* @__PURE__ */ N(At, { fallback: t, children: /* @__PURE__ */ N(ee, { freeze: n, children: e }) });
 }
 function ht(n, e) {
   const {
     direction: t = "x",
-    markerSelector: r = "[data-swipe-at-edge]",
-    depthLimit: s = 24,
+    markerSelector: s = "[data-swipe-at-edge]",
+    depthLimit: r = 24,
     verifyByScroll: a = !1
-  } = e ?? {}, o = zt(n);
+  } = e ?? {}, o = ne(n);
   if (!o) return { element: null, hasMarker: !1 };
-  const c = o.closest?.(r);
+  const c = o.closest?.(s);
   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++;
+  let h = o, l = 0;
+  for (; h && h !== document.body && l < r; ) {
+    if (at(h, t) && (!a || yt(h, t)))
+      return { element: h, hasMarker: !1 };
+    h = h.parentElement, l++;
   }
   return { element: null, hasMarker: !1 };
 }
-function zt(n) {
+function ne(n) {
   if (!n) return null;
   const e = n, t = typeof e.composedPath == "function" ? e.composedPath() : void 0;
   if (t && t.length) {
-    for (const r of t)
-      if (r instanceof HTMLElement) return r;
+    for (const s of t)
+      if (s instanceof HTMLElement) return s;
   }
   return n;
 }
@@ -1351,30 +1351,30 @@ function yt(n, e) {
     if (n.scrollTop = t + 1, n.scrollTop !== t)
       return n.scrollTop = t, !0;
     n.scrollTop = t - 1;
-    const s = n.scrollTop !== t;
-    return n.scrollTop = t, s;
+    const r = n.scrollTop !== t;
+    return n.scrollTop = t, r;
   } else {
     const t = n.scrollLeft;
     if (n.scrollLeft = t + 1, n.scrollLeft !== t)
       return n.scrollLeft = t, !0;
     n.scrollLeft = t - 1;
-    const s = n.scrollLeft !== t;
-    return n.scrollLeft = t, s;
+    const r = n.scrollLeft !== t;
+    return n.scrollLeft = t, r;
   }
 }
-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);
+function re({ children: n, ref: e, ...t }) {
+  const { isActive: s, transitionName: r } = z(), [a, o] = Et();
+  Rt(e, () => a.current);
+  const c = _((u) => u.status), h = J.get(r), { decoratorName: l } = h, { initial: m, variants: d } = ut.get(l);
   return Y(() => {
     if (!a.current) return;
-    const { value: u, options: I } = p[`${c}-${r}`];
-    o(a.current, u, I);
-  }, [c, r, o, p, a]), /* @__PURE__ */ N(
-    z.div,
+    const { value: u, options: T } = d[`${c}-${s}`];
+    o(a.current, u, T);
+  }, [c, s, o, d, a]), /* @__PURE__ */ N(
+    X.div,
     {
       ref: a,
-      initial: E,
+      initial: m,
       style: {
         position: "absolute",
         top: 0,
@@ -1388,112 +1388,123 @@ function Wt({ children: n, ref: e, ...t }) {
     }
   );
 }
-const X = tt((n) => ({
+const K = et((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 vt({
+  children: n,
+  statusBarHeight: e,
+  statusBarColor: t,
+  systemNavigationBarHeight: s,
+  systemNavigationBarColor: r,
+  appBar: a,
+  navigationBar: o,
+  hideStatusBar: c,
+  hideSystemNavigationBar: h,
+  ...l
+}) {
+  const [m, d] = Et(), { id: u, isActive: T, isRoot: L, transitionName: x, prevTransitionName: P } = z(), C = bt(), $ = _((D) => D.status), R = K((D) => D.dragStatus), G = K.getState().setDragStatus, W = K.getState().setReplaceTransitionStatus, V = J.get(x), { variants: i, initial: y, swipeDirection: g, decoratorName: E } = V, f = ut.get(E), p = F(null), v = F(null), w = F(null), A = F(null), S = F(!1), M = F(!1), I = F({
     element: null,
     hasMarker: !1
-  }), w = _({ element: null, hasMarker: !1 }), P = _(0), M = _(0), T = async (D, b) => {
-    if (!k)
+  }), k = F({ element: null, hasMarker: !1 }), H = F(0), Z = F(0), It = async (D, b) => {
+    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 O = p.current?.previousSibling;
+    v.current = O?.querySelector("[data-screen]"), A.current = O?.querySelector("[data-decorator]");
+    const q = await V?.onSwipeStart(D, b, {
+      animate: d,
+      currentScreen: m.current,
+      prevScreen: v.current,
+      dragControls: C,
+      onStart: (rt) => f?.onSwipeStart?.(rt, {
+        animate: d,
+        currentDecorator: w.current,
+        prevDecorator: A.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
+    G(q ? "PENDING" : "IDLE");
+  }, Dt = (D, b) => {
+    !g || R !== "PENDING" || V?.onSwipe(D, b, {
+      animate: d,
+      currentScreen: m.current,
+      prevScreen: v.current,
+      dragControls: C,
+      onProgress: (O, q) => f?.onSwipe?.(O, q, {
+        animate: d,
+        currentDecorator: w.current,
+        prevDecorator: A.current
       })
     });
-  }, x = async (D, b) => {
-    if (!k || I !== "PENDING")
+  }, Lt = async (D, b) => {
+    if (!g || R !== "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 V?.onSwipeEnd(D, b, {
+      animate: d,
+      currentScreen: m.current,
+      prevScreen: v.current,
+      onStart: (q) => f?.onSwipeEnd?.(q, {
+        animate: d,
+        currentDecorator: w.current,
+        prevDecorator: A.current
       })
-    }) ? window.history.back() : v("IDLE");
-  }, R = (D) => {
-    if (!(!y && c && u === "COMPLETED" && I === "IDLE" && !!k))
+    }) ? window.history.back() : G("IDLE");
+  }, Nt = (D) => {
+    if (!(!L && T && $ === "COMPLETED" && R === "IDLE" && !!g))
       return;
-    d.current = ht(D.target, {
+    I.current = ht(D.target, {
       direction: "x",
       verifyByScroll: !0
-    }), w.current = ht(D.target, {
+    }), k.current = ht(D.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));
+    }), H.current = D.clientX, Z.current = D.clientY, (!I.current.element && !k.current.element || I.current.element || k.current.element) && (S.current = !0);
+  }, xt = (D) => {
+    const b = !I.current.element && !k.current.element;
+    if (S.current && b)
+      S.current = !1, M.current = !0, C.start(D);
+    else if (S.current && !b) {
+      const O = D.clientX - H.current, q = D.clientY - Z.current, rt = k.current.element && k.current.element.scrollTop <= 0 && k.current.hasMarker, Mt = I.current.element && I.current.element.scrollLeft <= 0 && I.current.hasMarker;
+      (g === "y" && (rt || I.current.element) && q > 0 && Math.abs(O) < 4 || g === "x" && (Mt || k.current.element) && O > 0 && Math.abs(q) < 4) && (S.current = !1, M.current = !0, C.start(D));
     }
-  }, nt = () => {
-    g.current = !1, f.current = !1;
+  }, kt = () => {
+    S.current = !1, M.current = !1;
   };
   return Y(() => {
-    const D = s.current;
+    const D = m.current;
     if (!D) return;
     const b = (O) => {
-      f.current && O.preventDefault(), O.target?.dataset.swipeAtEdgeBar === "true" && O.preventDefault();
+      M.current && O.preventDefault(), O.target?.dataset.swipeAtEdgeBar === "true" && O.preventDefault();
     };
     return D.addEventListener("touchmove", b, {
       passive: !1
     }), () => {
       D.removeEventListener("touchmove", b);
     };
-  }, [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]), Y(() => {
+    m.current && (async () => {
+      const { value: D, options: b } = i[`${$}-${T}`];
+      !T && $ === "REPLACING" && P !== x && (W("PENDING"), await d(m.current, Zt, {
         duration: 0.1
-      })), c && u === "COMPLETED" && (v("IDLE"), L("IDLE")), await a(s.current, D, b), await F.resolveTask(o);
+      })), T && $ === "COMPLETED" && (G("IDLE"), W("IDLE")), await d(m.current, D, b), await Q.resolveTask(u);
     })();
   }, [
+    $,
+    T,
     u,
-    c,
-    o,
-    E,
-    l,
-    a,
-    s,
-    A,
-    v,
-    L
+    P,
+    x,
+    d,
+    m,
+    i,
+    G,
+    W
   ]), /* @__PURE__ */ gt(
-    z.div,
+    X.div,
     {
-      ref: J,
+      ref: p,
       style: {
         position: "absolute",
         top: 0,
@@ -1518,22 +1529,34 @@ function vt({ children: n, appBar: e, navigationBar: t, ...r }) {
             }
           }
         ),
-        e && /* @__PURE__ */ N(z.div, { children: e }),
+        !c && e && /* @__PURE__ */ N(
+          X.div,
+          {
+            animate: {
+              backgroundColor: t
+            },
+            style: {
+              width: "100%",
+              minHeight: e
+            }
+          }
+        ),
+        a && /* @__PURE__ */ N(X.div, { children: a }),
         /* @__PURE__ */ N(
-          z.div,
+          X.div,
           {
-            ref: s,
-            ...r,
-            initial: j,
-            drag: k,
+            ref: m,
+            ...l,
+            initial: y,
+            drag: g,
             dragListener: !1,
-            dragControls: p,
-            onDragStart: T,
-            onDrag: C,
-            onDragEnd: x,
-            onPointerDown: R,
-            onPointerMove: U,
-            onPointerUp: nt,
+            dragControls: C,
+            onDragStart: It,
+            onDrag: Dt,
+            onDragEnd: Lt,
+            onPointerDown: Nt,
+            onPointerMove: xt,
+            onPointerUp: kt,
             "data-screen": !0,
             style: {
               flexGrow: 1,
@@ -1544,13 +1567,25 @@ function vt({ children: n, appBar: e, navigationBar: t, ...r }) {
               overscrollBehavior: "contain",
               overflowY: "auto",
               touchAction: "none",
-              ...r.style
+              ...l.style
             },
             children: n
           }
         ),
-        t && /* @__PURE__ */ N(z.div, { children: t }),
-        K && /* @__PURE__ */ N(Wt, { ref: h }),
+        o && /* @__PURE__ */ N(X.div, { children: o }),
+        !h && s && /* @__PURE__ */ N(
+          X.div,
+          {
+            animate: {
+              backgroundColor: r
+            },
+            style: {
+              width: "100%",
+              minHeight: s
+            }
+          }
+        ),
+        f && /* @__PURE__ */ N(re, { ref: w }),
         /* @__PURE__ */ N(
           "div",
           {
@@ -1569,13 +1604,13 @@ 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 he({ children: n, ...e }) {
+  const { isActive: t, isPrev: s, zIndex: r } = z(), a = j((d) => d.index), o = _((d) => d.status), c = K((d) => d.dragStatus), h = K((d) => d.replaceTransitionStatus), m = !t && (o === "COMPLETED" && c === "IDLE") || s && a - 2 <= r && h === "IDLE" || s && a - 2 > r;
+  return /* @__PURE__ */ N(Tt, { freeze: m, children: /* @__PURE__ */ N(vt, { ...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(
+function ye({ children: n, ...e }) {
+  const { isActive: t, isPrev: s, zIndex: r } = z(), a = j((d) => d.index), o = _((d) => d.status), c = K((d) => d.dragStatus), h = K((d) => d.replaceTransitionStatus), m = !t && (o === "COMPLETED" && c === "IDLE") || s && a - 2 <= r && h === "IDLE" || s && a - 2 > r;
+  return /* @__PURE__ */ N(Tt, { freeze: m, children: /* @__PURE__ */ N(
     vt,
     {
       ...e,
@@ -1583,33 +1618,33 @@ function ue({ children: n, ...e }) {
         backgroundColor: "transparent",
         ...e.style
       },
-      children: /* @__PURE__ */ N(kt, { children: n })
+      children: /* @__PURE__ */ N(Ot, { children: n })
     }
   ) });
 }
-function le({ children: n, ...e }) {
-  const { isActive: t, transitionName: r } = V(), s = $((o) => o.status), a = W.get(r);
+function ge({ children: n, ...e }) {
+  const { isActive: t, transitionName: s } = z(), r = _((o) => o.status), a = J.get(s);
   return /* @__PURE__ */ N(
-    Mt,
+    Gt,
     {
-      transition: a?.variants[`${s}-${t}`]?.options,
+      transition: a?.variants[`${r}-${t}`]?.options,
       ...e,
       children: n
     }
   );
 }
 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
+  ge as LayoutConfig,
+  ye as LayoutScreen,
+  ce as Route,
+  ie as Router,
+  he as Screen,
+  Xt as createDecorator,
+  fe as createRawDecorator,
+  pe as createRawTransition,
+  nt as createTransition,
+  ue as useNavigate,
+  de as useParams,
+  z as useScreen,
+  le as useStep
 };