flemo 1.3.3 → 1.3.4

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { jsx as N, jsxs as gt } from "react/jsx-runtime";
-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 = {
+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.
     "{": "{",
     "}": "}",
@@ -29,245 +29,245 @@ function $t() {
       this.tokens = y, this.originalPath = g;
     }
   }
-  U.TokenData = c;
+  _.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;
     }
   }
-  U.PathError = h;
+  _.PathError = h;
   function l(i, y = {}) {
-    const { encodePath: g = e } = y, E = [...i], f = [];
-    let p = 0, v = 0;
-    function w() {
+    const { encodePath: g = e } = y, E = [...i], p = [];
+    let f = 0, L = 0;
+    function T() {
       let S = "";
-      if (t.test(E[p]))
+      if (t.test(E[f]))
         do
-          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;
+          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;
           }
-          E[p] === "\\" && p++, S += E[p];
+          E[f] === "\\" && f++, S += E[f];
         }
         if (M)
           throw new h(`Unterminated quote at index ${M}`, i);
       }
       if (!S)
-        throw new h(`Missing parameter name at index ${p}`, i);
+        throw new h(`Missing parameter name at index ${f}`, i);
       return S;
     }
-    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 });
+    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: p, value: "" });
-    function A(S) {
+    p.push({ type: "end", index: f, value: "" });
+    function R(S) {
       const M = [];
       for (; ; ) {
-        const I = f[v++];
-        if (I.type === S)
+        const x = p[L++];
+        if (x.type === S)
           break;
-        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];
+        if (x.type === "char" || x.type === "escape") {
+          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: g(k)
+            value: g(C)
           });
           continue;
         }
-        if (I.type === "param" || I.type === "wildcard") {
+        if (x.type === "param" || x.type === "wildcard") {
           M.push({
-            type: I.type,
-            name: I.value
+            type: x.type,
+            name: x.value
           });
           continue;
         }
-        if (I.type === "{") {
+        if (x.type === "{") {
           M.push({
             type: "group",
-            tokens: A("}")
+            tokens: R("}")
           });
           continue;
         }
-        throw new h(`Unexpected ${I.type} at index ${I.index}, expected ${S}`, i);
+        throw new h(`Unexpected ${x.type} at index ${x.index}, expected ${S}`, i);
       }
       return M;
     }
-    return new c(A("end"), i);
+    return new c(R("end"), i);
   }
   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);
+    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 A;
+      return R;
     };
   }
   function d(i, y, g) {
-    const E = i.map((f) => u(f, y, g));
-    return (f) => {
-      const p = [""];
-      for (const v of E) {
-        const [w, ...A] = v(f);
-        p[0] += w, p.push(...A);
+    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 p;
+      return f;
     };
   }
   function u(i, y, g) {
     if (i.type === "text")
       return () => [i.value];
     if (i.type === "group") {
-      const f = d(i.tokens, y, g);
-      return (p) => {
-        const [v, ...w] = f(p);
-        return w.length ? [""] : [v];
+      const p = d(i.tokens, y, g);
+      return (f) => {
+        const [L, ...T] = p(f);
+        return T.length ? [""] : [L];
       };
     }
     const E = g || e;
-    return i.type === "wildcard" && g !== !1 ? (f) => {
-      const p = f[i.name];
-      if (p == null)
+    return i.type === "wildcard" && g !== !1 ? (p) => {
+      const f = p[i.name];
+      if (f == null)
         return ["", i.name];
-      if (!Array.isArray(p) || p.length === 0)
+      if (!Array.isArray(f) || f.length === 0)
         throw new TypeError(`Expected "${i.name}" to be a non-empty array`);
       return [
-        p.map((v, w) => {
-          if (typeof v != "string")
-            throw new TypeError(`Expected "${i.name}/${w}" to be a string`);
-          return E(v);
+        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 p = f[i.name];
-      if (p == null)
+    } : (p) => {
+      const f = p[i.name];
+      if (f == null)
         return ["", i.name];
-      if (typeof p != "string")
+      if (typeof f != "string")
         throw new TypeError(`Expected "${i.name}" to be a string`);
-      return [E(p)];
+      return [E(f)];
     };
   }
-  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);
+  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 M = S[0], I = /* @__PURE__ */ Object.create(null);
-      for (let k = 1; k < S.length; k++) {
-        if (S[k] === 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 H = p[k - 1], Z = v[k - 1];
-        I[H.name] = Z(S[k]);
+        const A = f[C - 1], V = L[C - 1];
+        x[A.name] = V(S[C]);
       }
-      return { path: M, params: I };
+      return { path: M, params: x };
     };
   }
-  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));
+  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 S = `^(?:${A.join("|")})`;
-    return p && (S += `(?:${o(g)}$)?`), S += E ? "$" : `(?=${o(g)}|$)`, { regexp: new RegExp(S, w), keys: v };
+    let S = `^(?:${R.join("|")})`;
+    return f && (S += `(?:${o(g)}$)?`), S += E ? "$" : `(?=${o(g)}|$)`, { regexp: new RegExp(S, T), keys: L };
   }
-  function x(i, y) {
+  function N(i, y) {
     if (Array.isArray(i))
       for (const g of i)
-        x(g, y);
+        N(g, y);
     else
       y.push(i);
     return y;
   }
-  function* P(i, y, g) {
+  function* w(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);
+      for (const p of w(E.tokens, 0, g.slice()))
+        yield* w(i, y + 1, p);
     else
       g.push(E);
-    yield* P(i, y + 1, g);
+    yield* w(i, y + 1, g);
   }
-  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));
+  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 (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;
+      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 $(i, y) {
+  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 R(i) {
+  function b(i) {
     let y = "", g = 0;
-    function E(f) {
-      return W(f) && V(i[g]) ? f : JSON.stringify(f);
+    function E(p) {
+      return tt(p) && J(i[g]) ? p : JSON.stringify(p);
     }
     for (; g < i.length; ) {
-      const f = i[g++];
-      if (f.type === "text") {
-        y += a(f.value);
+      const p = i[g++];
+      if (p.type === "text") {
+        y += a(p.value);
         continue;
       }
-      if (f.type === "group") {
-        y += `{${R(f.tokens)}}`;
+      if (p.type === "group") {
+        y += `{${b(p.tokens)}}`;
         continue;
       }
-      if (f.type === "param") {
-        y += `:${E(f.name)}`;
+      if (p.type === "param") {
+        y += `:${E(p.name)}`;
         continue;
       }
-      if (f.type === "wildcard") {
-        y += `*${E(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 y;
   }
-  function G(i) {
-    return R(i.tokens);
+  function $(i) {
+    return b(i.tokens);
   }
-  function W(i) {
+  function tt(i) {
     const [y, ...g] = i;
-    return t.test(y) && g.every((E) => s.test(E));
+    return t.test(y) && g.every((E) => r.test(E));
   }
-  function V(i) {
-    return i && i.type === "text" ? !s.test(i.value[0]) : !0;
+  function J(i) {
+    return i && i.type === "text" ? !r.test(i.value[0]) : !0;
   }
-  return U;
+  return _;
 }
-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 } : {};
+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 _t {
+class Xt {
   tasks = /* @__PURE__ */ new Map();
   instanceId = Date.now().toString();
   isLocked = !1;
@@ -277,7 +277,7 @@ class _t {
   pendingTaskQueue = [];
   isProcessingPending = !1;
   async acquireLock(e) {
-    for (let r = 0; r < 10; r++) {
+    for (let s = 0; s < 10; s++) {
       if (!this.isLocked)
         return this.isLocked = !0, this.currentTaskId = e, !0;
       await new Promise((a) => setTimeout(a, 100));
@@ -292,8 +292,8 @@ class _t {
   }
   emitSignal(e) {
     const t = this.signalListeners.get(e);
-    t && (t.forEach((s) => {
-      this.resolveTask(s);
+    t && (t.forEach((r) => {
+      this.resolveTask(r);
     }), this.signalListeners.delete(e));
   }
   // 대기 중인 태스크들을 처리하는 메서드
@@ -320,7 +320,7 @@ class _t {
     return new Promise((e) => {
       const t = () => {
         this.pendingTaskQueue.filter(
-          (r) => r.status === "MANUAL_PENDING" || r.status === "SIGNAL_PENDING"
+          (s) => s.status === "MANUAL_PENDING" || s.status === "SIGNAL_PENDING"
         ).length === 0 ? e() : setTimeout(t, 100);
       };
       t();
@@ -328,15 +328,15 @@ class _t {
   }
   // 태스크 상태 변경 시 대기 큐 처리
   async onTaskStatusChange(e, t) {
-    (t === "COMPLETED" || t === "FAILED" || t === "ROLLEDBACK") && (this.pendingTaskQueue = this.pendingTaskQueue.filter((s) => s.id !== e), await this.processPendingTasks());
+    (t === "COMPLETED" || t === "FAILED" || t === "ROLLEDBACK") && (this.pendingTaskQueue = this.pendingTaskQueue.filter((r) => r.id !== e), await this.processPendingTasks());
   }
   async addTask(e, t = {}) {
-    const s = t.id || this.generateTaskId();
-    return new Promise((r, a) => {
+    const r = t.id || this.generateTaskId();
+    return new Promise((s, a) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
           const { control: o, validate: c, rollback: h, dependencies: l = [], delay: m } = t, d = new AbortController(), u = {
-            id: s,
+            id: r,
             execute: e,
             timestamp: Date.now(),
             retryCount: 0,
@@ -348,23 +348,23 @@ class _t {
             control: o,
             abortController: d
           };
-          this.tasks.set(u.id, u), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(u), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((L) => L.id !== u.id));
+          this.tasks.set(u.id, u), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(u), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((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 P of u.dependencies) {
-                const C = this.tasks.get(P);
-                if (!C || C.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");
-              m && m > 0 && await new Promise((P) => setTimeout(P, m));
-              const x = 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"), r({
+                u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
                   success: !0,
                   result: void 0,
                   taskId: u.id,
@@ -374,39 +374,39 @@ class _t {
                 return;
               }
               if (t.control) {
-                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");
+                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 (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");
+                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 (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");
+                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"), r({
+              u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
                 success: !0,
-                result: x,
+                result: N,
                 taskId: u.id,
                 timestamp: Date.now(),
                 instanceId: this.instanceId
               });
-            } catch (x) {
+            } catch (N) {
               if (u.status = "FAILED", u.rollback)
                 try {
                   await u.rollback(), u.status = "ROLLEDBACK";
                 } catch {
                 }
-              throw await this.onTaskStatusChange(u.id, u.status), x;
+              throw await this.onTaskStatusChange(u.id, u.status), N;
             } finally {
               this.releaseLock(u.id);
             }
-          } catch (L) {
-            a(L);
+          } catch (I) {
+            a(I);
           }
         } catch (o) {
           a(o);
@@ -422,10 +422,10 @@ class _t {
       if (t.control?.condition && !await t.control.condition())
         return !1;
       t.status = "COMPLETED";
-      const s = t.manualResolver;
-      return s.resolve({
+      const r = t.manualResolver;
+      return r.resolve({
         success: !0,
-        result: s.result,
+        result: r.result,
         taskId: t.id,
         timestamp: Date.now(),
         instanceId: this.instanceId
@@ -440,29 +440,29 @@ class _t {
     await Promise.all(e.map((t) => this.resolveTask(t.id)));
   }
 }
-const Q = new _t(), pt = (n) => {
+const Q = new Xt(), Pt = (n) => {
   let e;
-  const t = /* @__PURE__ */ new Set(), s = (l, m) => {
+  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 = m ?? (typeof d != "object" || d === null) ? d : Object.assign({}, e, d), t.forEach((T) => T(e, u));
+      e = m ?? (typeof d != "object" || d === null) ? d : Object.assign({}, e, d), t.forEach((P) => P(e, u));
     }
-  }, r = () => e, c = { setState: s, getState: r, getInitialState: () => h, subscribe: (l) => (t.add(l), () => t.delete(l)) }, h = e = n(s, r, 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;
-}, Ht = ((n) => n ? pt(n) : pt), Ft = (n) => n;
-function Qt(n, e = Ft) {
-  const t = tt.useSyncExternalStore(
+}, Kt = ((n) => n ? Pt(n) : Pt), Vt = (n) => n;
+function zt(n, e = Vt) {
+  const t = nt.useSyncExternalStore(
     n.subscribe,
-    tt.useCallback(() => e(n.getState()), [n, e]),
-    tt.useCallback(() => e(n.getInitialState()), [n, e])
+    nt.useCallback(() => e(n.getState()), [n, e]),
+    nt.useCallback(() => e(n.getInitialState()), [n, e])
   );
-  return tt.useDebugValue(t), t;
+  return nt.useDebugValue(t), t;
 }
-const ft = (n) => {
-  const e = Ht(n), t = (s) => Qt(e, s);
+const Tt = (n) => {
+  const e = Kt(n), t = (r) => zt(e, r);
   return Object.assign(t, e), t;
-}, et = ((n) => n ? ft(n) : ft), j = et((n) => ({
+}, st = ((n) => n ? Tt(n) : Tt), j = st((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((s, r) => r !== e)
+    histories: t.histories.filter((r, s) => s !== e)
   }))
-})), _ = et((n) => ({
+})), F = st((n) => ({
   status: "IDLE",
   setStatus: (e) => n({ status: e })
 }));
-function jt() {
-  return Y(() => {
+function Wt() {
+  return K(() => {
     const n = async (e) => {
       const t = e.state?.id;
       (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();
+        async (r) => {
+          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 T ? l("POPPING") : L ? (l("PUSHING"), d({
+          return P ? l("POPPING") : I ? (l("PUSHING"), d({
             id: t,
-            pathname: P,
+            pathname: w,
             params: o,
             transitionName: c,
             layoutId: h
-          })) : x && (l("REPLACING"), d({
+          })) : N && (l("REPLACING"), d({
             id: t,
-            pathname: P,
+            pathname: w,
             params: o,
             transitionName: c,
             layoutId: h
           })), async () => {
-            T && u(r + 1), l("COMPLETED");
+            P && u(s + 1), l("COMPLETED");
           };
         },
         {
@@ -521,9 +521,9 @@ function jt() {
     };
   }, []), null;
 }
-const St = ot({}), wt = ot(() => {
+const xt = dt({}), Nt = dt(() => {
 });
-function qt(n, e) {
+function Jt(n, e) {
   switch (e.type) {
     case "SET":
       return e.params;
@@ -531,7 +531,7 @@ function qt(n, e) {
       return n;
   }
 }
-const Pt = ot({
+const kt = dt({
   id: "",
   isActive: !1,
   isRoot: !0,
@@ -543,56 +543,56 @@ const Pt = ot({
   prevTransitionName: "none",
   layoutId: null
 });
-function z() {
-  return it(Pt);
+function Z() {
+  return pt(kt);
 }
-function Bt({ children: n }) {
-  const { isActive: e, params: t } = z(), [s, r] = Ct(qt, 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 Q.addTask(async () => {
-        r({ type: "SET", params: o.state?.params || {} });
+        s({ type: "SET", params: o.state?.params || {} });
       });
     };
     return e && window.addEventListener("popstate", a), () => {
       window.removeEventListener("popstate", a);
     };
-  }, [e, r]), /* @__PURE__ */ N(wt.Provider, { value: r, children: /* @__PURE__ */ N(St.Provider, { value: s, children: n }) });
+  }, [e, s]), /* @__PURE__ */ D(Nt.Provider, { value: s, children: /* @__PURE__ */ D(xt.Provider, { value: r, children: n }) });
 }
-function Yt({ children: n }) {
-  const e = j((s) => s.index), t = j((s) => s.histories);
+function te({ children: n }) {
+  const e = j((r) => r.index), t = j((r) => r.histories);
   return t.map(
-    (s) => mt.toArray(n).filter(
-      (r) => B.pathToRegexp(r.props.path).regexp.test(
-        s.pathname
+    (r) => It.toArray(n).filter(
+      (s) => X.pathToRegexp(s.props.path).regexp.test(
+        r.pathname
       )
     )
-  ).map(([s], r) => /* @__PURE__ */ N(
-    Pt.Provider,
+  ).map(([r], s) => /* @__PURE__ */ D(
+    kt.Provider,
     {
       value: {
-        id: t[r].id,
-        isActive: r === e,
-        isRoot: r === 0,
-        isPrev: r < e - 1,
-        zIndex: r,
-        pathname: t[r].pathname,
-        params: t[r].params,
+        id: t[s].id,
+        isActive: s === e,
+        isRoot: s === 0,
+        isPrev: s < e - 1,
+        zIndex: s,
+        pathname: t[s].pathname,
+        params: t[s].params,
         transitionName: t[e].transitionName,
         prevTransitionName: t[e - 1]?.transitionName,
-        layoutId: t[r].layoutId
+        layoutId: t[s].layoutId
       },
-      children: /* @__PURE__ */ N(Bt, { children: s })
+      children: /* @__PURE__ */ D(Zt, { children: r })
     },
-    t[r].id
+    t[s].id
   ));
 }
-function Xt({
+function ee({
   name: n,
   initial: e,
   enter: t,
-  exit: s,
-  options: r
+  exit: r,
+  options: s
 }) {
   return {
     name: n,
@@ -600,19 +600,19 @@ function Xt({
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": s,
+      "PUSHING-false": r,
       "PUSHING-true": t,
-      "REPLACING-false": s,
+      "REPLACING-false": r,
       "REPLACING-true": t,
       "POPPING-false": t,
       "POPPING-true": t,
-      "COMPLETED-false": s,
+      "COMPLETED-false": r,
       "COMPLETED-true": t
     },
-    ...r
+    ...s
   };
 }
-const Kt = Xt({
+const ne = ee({
   name: "overlay",
   initial: {
     opacity: 0,
@@ -646,8 +646,8 @@ const Kt = Xt({
         duration: 0.3
       }
     ),
-    onSwipe: (n, e, { animate: t, prevDecorator: s }) => t(
-      s,
+    onSwipe: (n, e, { animate: t, prevDecorator: r }) => t(
+      r,
       {
         opacity: Math.max(0, 1 - e / 100)
       },
@@ -665,16 +665,16 @@ const Kt = Xt({
       }
     )
   }
-}), ut = /* @__PURE__ */ new Map([["overlay", Kt]]), st = et((n) => ({
+}), ht = /* @__PURE__ */ new Map([["overlay", ne]]), ut = st((n) => ({
   defaultTransitionName: "cupertino",
   setDefaultTransitionName: (e) => n({ defaultTransitionName: e })
 }));
-function nt({
+function rt({
   name: n,
   initial: e,
   idle: t,
-  enter: s,
-  enterBack: r,
+  enter: r,
+  enterBack: s,
   exit: a,
   exitBack: o,
   options: c
@@ -686,18 +686,18 @@ function nt({
       "IDLE-true": t,
       "IDLE-false": t,
       "PUSHING-false": a,
-      "PUSHING-true": s,
+      "PUSHING-true": r,
       "REPLACING-false": a,
-      "REPLACING-true": s,
+      "REPLACING-true": r,
       "POPPING-false": o,
-      "POPPING-true": r,
+      "POPPING-true": s,
       "COMPLETED-false": a,
-      "COMPLETED-true": s
+      "COMPLETED-true": r
     },
     ...c
   };
 }
-const Vt = nt({
+const se = rt({
   name: "cupertino",
   initial: {
     x: "100%"
@@ -750,10 +750,10 @@ const Vt = nt({
     decoratorName: "overlay",
     swipeDirection: "x",
     onSwipeStart: async () => !0,
-    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]);
+    onSwipe: (n, e, { animate: t, currentScreen: r, prevScreen: s, onProgress: a }) => {
+      const { offset: o } = e, c = o.x, h = ft(c, [0, window.innerWidth], [0, 100]);
       return a?.(!0, h), t(
-        s,
+        r,
         {
           x: Math.max(0, c)
         },
@@ -761,7 +761,7 @@ const Vt = nt({
           duration: 0
         }
       ), t(
-        r,
+        s,
         {
           x: -100 + h
         },
@@ -770,11 +770,11 @@ const Vt = nt({
         }
       ), h;
     },
-    onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
+    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;
       return a?.(l), await Promise.all([
         t(
-          s,
+          r,
           {
             x: l ? "100%" : 0
           },
@@ -784,7 +784,7 @@ const Vt = nt({
           }
         ),
         t(
-          r,
+          s,
           {
             x: l ? 0 : -100
           },
@@ -796,7 +796,7 @@ const Vt = nt({
       ]), l;
     }
   }
-}), zt = nt({
+}), re = rt({
   name: "layout",
   initial: {
     opacity: 0.97
@@ -845,10 +845,10 @@ const Vt = nt({
     decoratorName: "overlay",
     swipeDirection: "y",
     onSwipeStart: async () => !0,
-    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,
+    onSwipe: (n, e, { animate: t, currentScreen: r, onProgress: s }) => {
+      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: h
@@ -856,13 +856,13 @@ const Vt = nt({
         {
           duration: 0
         }
-      ), T;
+      ), P;
     },
-    onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
+    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;
       return a?.(l), await Promise.all([
         t(
-          s,
+          r,
           {
             y: l ? "100%" : 0,
             opacity: l ? 0.96 : 1
@@ -872,7 +872,7 @@ const Vt = nt({
           }
         ),
         t(
-          r,
+          s,
           {
             y: 0,
             opacity: l ? 1 : 0.97
@@ -884,7 +884,7 @@ const Vt = nt({
       ]), l;
     }
   }
-}), Wt = nt({
+}), ae = rt({
   name: "material",
   initial: {
     y: "100%",
@@ -942,31 +942,31 @@ const Vt = nt({
   options: {
     swipeDirection: "y",
     onSwipeStart: async () => !0,
-    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,
+    onSwipe: (n, e, { animate: t, currentScreen: r, prevScreen: s, onProgress: a }) => {
+      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: T,
+          y: P,
           opacity: l
         },
         {
           duration: 0
         }
       ), t(
-        r,
+        s,
         {
-          y: -56 + L,
-          opacity: L / 56
+          y: -56 + I,
+          opacity: I / 56
         },
         { duration: 0 }
-      ), L;
+      ), I;
     },
-    onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
+    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;
       return a?.(l), await Promise.all([
         t(
-          s,
+          r,
           {
             y: l ? "100%" : 0,
             opacity: l ? 0.96 : 1
@@ -977,7 +977,7 @@ const Vt = nt({
           }
         ),
         t(
-          r,
+          s,
           {
             y: l ? 0 : -56,
             opacity: l ? 1 : 0.96
@@ -990,7 +990,7 @@ const Vt = nt({
       ]), l;
     }
   }
-}), Jt = nt({
+}), oe = rt({
   name: "none",
   initial: {},
   idle: {
@@ -1023,29 +1023,29 @@ const Vt = nt({
       duration: 0
     }
   }
-}), J = /* @__PURE__ */ new Map([
-  ["none", Jt],
-  ["cupertino", Vt],
-  ["material", Wt],
-  ["layout", zt]
-]), Zt = (() => {
+}), 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 J.values()) {
-    const s = t.variants["IDLE-true"].value;
-    for (const r in s)
-      e.call(s, r) && (n[r] = s[r]);
+  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 ie({
+function ye({
   children: n,
   initPath: e = "/",
   defaultTransitionName: t = "cupertino",
-  transitions: s = [],
-  decorators: r = []
+  transitions: r = [],
+  decorators: s = []
 }) {
-  const a = dt() ? e || "/" : window.location.pathname, o = dt() ? a.split("?")[1] || "" : window.location.search;
-  return st.setState({
+  const a = St() ? e || "/" : window.location.pathname, o = St() ? a.split("?")[1] || "" : window.location.search;
+  return ut.setState({
     defaultTransitionName: t
   }), j.setState({
     index: 0,
@@ -1053,8 +1053,8 @@ function ie({
       {
         id: "root",
         pathname: a,
-        params: Ut(
-          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 ie({
         layoutId: null
       }
     ]
-  }), Y(() => {
+  }), K(() => {
     window.history.state?.index || window.history.replaceState(
       {
         id: "root",
@@ -1075,11 +1075,11 @@ function ie({
       "",
       window.location.pathname
     );
-  }, [t]), Y(() => {
-    s.forEach((c) => J.set(c.name, c));
-  }, [s]), Y(() => {
-    r.forEach((c) => ut.set(c.name, c));
-  }, [r]), /* @__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,43 +1090,43 @@ function ie({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ N(jt, {}),
-        /* @__PURE__ */ N(Yt, { children: n })
+        /* @__PURE__ */ D(Wt, {}),
+        /* @__PURE__ */ D(te, { children: n })
       ]
     }
   );
 }
-function ce({ element: n }) {
+function ge({ element: n }) {
   return n;
 }
-function ue() {
+function me() {
   return {
-    push: async (s, r, a = {}) => {
-      const { status: o, setStatus: c } = _.getState();
+    push: async (r, s, a = {}) => {
+      const { status: o, setStatus: c } = F.getState();
       if (o !== "COMPLETED" && o !== "IDLE")
         return;
-      const { index: h, addHistory: l } = j.getState(), m = st.getState().defaultTransitionName, { transitionName: d = m, layoutId: u = null } = a, T = Q.generateTaskId();
+      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 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}` : ""}`;
+          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: T,
+              id: P,
               index: h + 1,
               status: "PUSHING",
-              params: r,
+              params: s,
               transitionName: d,
               layoutId: u
             },
             "",
-            $
+            U
           ), l({
-            id: T,
-            pathname: L,
-            params: r,
+            id: P,
+            pathname: I,
+            params: s,
             transitionName: d,
             layoutId: u
           }), () => {
@@ -1134,47 +1134,47 @@ function ue() {
           };
         },
         {
-          id: T,
+          id: P,
           control: {
             manual: !0
           }
         }
       )).result?.();
     },
-    replace: async (s, r, a = {}) => {
-      const { status: o, setStatus: c } = _.getState();
+    replace: async (r, s, a = {}) => {
+      const { status: o, setStatus: c } = F.getState();
       if (o !== "COMPLETED" && o !== "IDLE")
         return;
-      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();
+      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 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}${$ ? `?${$}` : ""}`;
+          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: L,
+              id: I,
               index: h,
               status: "REPLACING",
-              params: r,
+              params: s,
               transitionName: u,
-              layoutId: T
+              layoutId: P
             },
             "",
-            R
+            b
           ), l({
-            id: L,
-            pathname: x,
-            params: r,
+            id: I,
+            pathname: N,
+            params: s,
             transitionName: u,
-            layoutId: T
+            layoutId: P
           }), async () => {
             m(h), c("COMPLETED");
           };
         },
         {
-          id: L,
+          id: I,
           control: {
             manual: !0
           }
@@ -1182,18 +1182,18 @@ function ue() {
       )).result?.();
     },
     pop: () => {
-      const s = _.getState().status;
-      s !== "COMPLETED" && s !== "IDLE" || window.history.back();
+      const r = F.getState().status;
+      r !== "COMPLETED" && r !== "IDLE" || window.history.back();
     }
   };
 }
-function le() {
-  const n = it(wt);
+function Ee() {
+  const n = pt(Nt);
   return {
-    pushStep: async (r) => {
-      const a = _.getState().status;
+    pushStep: async (s) => {
+      const a = F.getState().status;
       a !== "COMPLETED" && a !== "IDLE" || (await Q.addTask(async () => {
-        const o = new URLSearchParams(r).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
+        const o = new URLSearchParams(s).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.state?.step || window.history.replaceState(
           {
             ...window.history.state,
@@ -1205,43 +1205,43 @@ function le() {
           {
             ...window.history.state,
             step: !0,
-            params: r
+            params: s
           },
           "",
           c
-        ), async () => n({ type: "SET", params: r });
+        ), async () => n({ type: "SET", params: s });
       })).result?.();
     },
-    replaceStep: async (r) => {
-      const a = _.getState().status;
+    replaceStep: async (s) => {
+      const a = F.getState().status;
       a !== "COMPLETED" && a !== "IDLE" || (await Q.addTask(async () => {
-        const o = new URLSearchParams(r).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
+        const o = new URLSearchParams(s).toString(), c = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.replaceState(
           {
             ...window.history.state,
             step: !0,
-            params: r
+            params: s
           },
           "",
           c
-        ), async () => n({ type: "SET", params: r });
+        ), async () => n({ type: "SET", params: s });
       })).result?.();
     },
     popStep: () => {
-      const r = _.getState().status;
-      r !== "COMPLETED" && r !== "IDLE" || window.history.back();
+      const s = F.getState().status;
+      s !== "COMPLETED" && s !== "IDLE" || window.history.back();
     }
   };
 }
-function de() {
-  return it(St);
+function we() {
+  return pt(xt);
 }
-function pe({
+function Se({
   name: n,
   initial: e,
   idle: t,
-  pushOnEnter: s,
-  pushOnExit: r,
+  pushOnEnter: r,
+  pushOnExit: s,
   replaceOnEnter: a,
   replaceOnExit: o,
   popOnEnter: c,
@@ -1256,8 +1256,8 @@ function pe({
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": r,
-      "PUSHING-true": s,
+      "PUSHING-false": s,
+      "PUSHING-true": r,
       "REPLACING-false": o,
       "REPLACING-true": a,
       "POPPING-false": h,
@@ -1268,12 +1268,12 @@ function pe({
     ...d
   };
 }
-function fe({
+function Pe({
   name: n,
   initial: e,
   idle: t,
-  pushOnEnter: s,
-  pushOnExit: r,
+  pushOnEnter: r,
+  pushOnExit: s,
   replaceOnEnter: a,
   replaceOnExit: o,
   popOnEnter: c,
@@ -1288,8 +1288,8 @@ function fe({
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": r,
-      "PUSHING-true": s,
+      "PUSHING-false": s,
+      "PUSHING-true": r,
       "REPLACING-false": o,
       "REPLACING-true": a,
       "POPPING-false": h,
@@ -1300,78 +1300,78 @@ function fe({
     ...d
   };
 }
-const te = { then() {
+const ce = { then() {
 } };
-function ee({
+function ue({
   freeze: n,
   children: e
 }) {
   if (n)
-    throw te;
+    throw ce;
   return e;
 }
-function Tt({ freeze: n, children: e, placeholder: t }) {
-  return /* @__PURE__ */ N(At, { fallback: t, children: /* @__PURE__ */ N(ee, { 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: s = "[data-swipe-at-edge]",
-    depthLimit: r = 24,
+    markerSelector: r = "[data-swipe-at-edge]",
+    depthLimit: s = 24,
     verifyByScroll: a = !1
-  } = e ?? {}, o = ne(n);
+  } = e ?? {}, o = le(n);
   if (!o) return { element: null, hasMarker: !1 };
-  const c = o.closest?.(s);
-  if (c instanceof HTMLElement && at(c, t) && (!a || yt(c, t)))
+  const c = o.closest?.(r);
+  if (c instanceof HTMLElement && lt(c, t) && (!a || Dt(c, t)))
     return { element: c, hasMarker: !0 };
   let h = o, l = 0;
-  for (; h && h !== document.body && l < r; ) {
-    if (at(h, t) && (!a || yt(h, t)))
+  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 ne(n) {
+function le(n) {
   if (!n) return null;
   const e = n, t = typeof e.composedPath == "function" ? e.composedPath() : void 0;
   if (t && t.length) {
-    for (const s of t)
-      if (s instanceof HTMLElement) return s;
+    for (const r of t)
+      if (r instanceof HTMLElement) return r;
   }
   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)
       return n.scrollTop = t, !0;
     n.scrollTop = t - 1;
-    const r = n.scrollTop !== t;
-    return n.scrollTop = t, r;
+    const s = n.scrollTop !== t;
+    return n.scrollTop = t, s;
   } else {
     const t = n.scrollLeft;
     if (n.scrollLeft = t + 1, n.scrollLeft !== t)
       return n.scrollLeft = t, !0;
     n.scrollLeft = t - 1;
-    const r = n.scrollLeft !== t;
-    return n.scrollLeft = t, r;
+    const s = n.scrollLeft !== t;
+    return n.scrollLeft = t, s;
   }
 }
-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(() => {
+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: T } = d[`${c}-${s}`];
-    o(a.current, u, T);
-  }, [c, s, o, d, a]), /* @__PURE__ */ N(
-    X.div,
+    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: m,
@@ -1388,123 +1388,127 @@ function re({ children: n, ref: e, ...t }) {
     }
   );
 }
-const K = et((n) => ({
+const W = st((n) => ({
   dragStatus: "IDLE",
   replaceTransitionStatus: "IDLE",
   setDragStatus: (e) => n({ dragStatus: e }),
   setReplaceTransitionStatus: (e) => n({ replaceTransitionStatus: e })
 }));
-function vt({
+function Ct({
   children: n,
   statusBarHeight: e,
-  statusBarColor: t,
-  systemNavigationBarHeight: s,
-  systemNavigationBarColor: r,
+  statusBarColor: t = "transparent",
+  systemNavigationBarHeight: r,
+  systemNavigationBarColor: s = "transparent",
   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({
+  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
-  }), k = F({ element: null, hasMarker: !1 }), H = F(0), Z = F(0), It = async (D, b) => {
+  }), 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 = p.current?.previousSibling;
-    v.current = O?.querySelector("[data-screen]"), A.current = O?.querySelector("[data-decorator]");
-    const q = await V?.onSwipeStart(D, b, {
+    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: v.current,
-      dragControls: C,
-      onStart: (rt) => f?.onSwipeStart?.(rt, {
+      prevScreen: M.current,
+      dragControls: k,
+      onStart: (it) => p?.onSwipeStart?.(it, {
         animate: d,
-        currentDecorator: w.current,
-        prevDecorator: A.current
+        currentDecorator: x.current,
+        prevDecorator: C.current
       })
     });
-    G(q ? "PENDING" : "IDLE");
-  }, Dt = (D, b) => {
-    !g || R !== "PENDING" || V?.onSwipe(D, b, {
+    $(B ? "PENDING" : "IDLE");
+  }, Rt = (v, O) => {
+    !g || b !== "PENDING" || J?.onSwipe(v, O, {
       animate: d,
       currentScreen: m.current,
-      prevScreen: v.current,
-      dragControls: C,
-      onProgress: (O, q) => f?.onSwipe?.(O, q, {
+      prevScreen: M.current,
+      dragControls: k,
+      onProgress: (G, B) => p?.onSwipe?.(G, B, {
         animate: d,
-        currentDecorator: w.current,
-        prevDecorator: A.current
+        currentDecorator: x.current,
+        prevDecorator: C.current
       })
     });
-  }, Lt = async (D, b) => {
-    if (!g || R !== "PENDING")
+  }, bt = async (v, O) => {
+    if (!g || b !== "PENDING")
       return;
-    await V?.onSwipeEnd(D, b, {
+    await J?.onSwipeEnd(v, O, {
       animate: d,
       currentScreen: m.current,
-      prevScreen: v.current,
-      onStart: (q) => f?.onSwipeEnd?.(q, {
+      prevScreen: M.current,
+      onStart: (B) => p?.onSwipeEnd?.(B, {
         animate: d,
-        currentDecorator: w.current,
-        prevDecorator: A.current
+        currentDecorator: x.current,
+        prevDecorator: C.current
       })
-    }) ? window.history.back() : G("IDLE");
-  }, Nt = (D) => {
-    if (!(!L && T && $ === "COMPLETED" && R === "IDLE" && !!g))
+    }) ? window.history.back() : $("IDLE");
+  }, Ot = (v) => {
+    if (!(!I && P && U === "COMPLETED" && b === "IDLE" && !!g))
       return;
-    I.current = ht(D.target, {
+    q.current = vt(v.target, {
       direction: "x",
       verifyByScroll: !0
-    }), k.current = ht(D.target, {
+    }), Y.current = vt(v.target, {
       direction: "y",
       verifyByScroll: !0
-    }), 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));
+    }), 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));
     }
-  }, kt = () => {
-    S.current = !1, M.current = !1;
+  }, $t = () => {
+    A.current = !1, V.current = !1;
   };
-  return Y(() => {
-    const D = m.current;
-    if (!D) return;
-    const b = (O) => {
-      M.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);
     };
-  }, [m]), Y(() => {
+  }, [m]), K(() => {
     m.current && (async () => {
-      const { value: D, options: b } = i[`${$}-${T}`];
-      !T && $ === "REPLACING" && P !== x && (W("PENDING"), await d(m.current, Zt, {
+      const { value: v, options: O } = i[`${U}-${P}`];
+      !P && U === "REPLACING" && w !== N && (tt("PENDING"), await d(m.current, ie, {
         duration: 0.1
-      })), T && $ === "COMPLETED" && (G("IDLE"), W("IDLE")), await d(m.current, D, b), await Q.resolveTask(u);
+      })), P && U === "COMPLETED" && ($("IDLE"), tt("IDLE")), await d(m.current, v, O), await Q.resolveTask(u);
     })();
   }, [
-    $,
-    T,
-    u,
+    U,
     P,
-    x,
+    u,
+    w,
+    N,
     d,
     m,
     i,
-    G,
-    W
-  ]), /* @__PURE__ */ gt(
-    X.div,
+    $,
+    tt
+  ]), Et(() => {
+    at.current && L(at.current.offsetHeight);
+  }, [a]), Et(() => {
+    ot.current && R(ot.current.offsetHeight);
+  }, [o]), /* @__PURE__ */ ct(
+    z.div,
     {
-      ref: p,
+      ref: S,
       style: {
         position: "absolute",
         top: 0,
@@ -1512,10 +1516,14 @@ function vt({
         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,
@@ -1529,64 +1537,105 @@ function vt({
             }
           }
         ),
-        !c && e && /* @__PURE__ */ N(
-          X.div,
+        a && /* @__PURE__ */ D(
+          z.div,
           {
-            animate: {
-              backgroundColor: t
-            },
+            ref: at,
             style: {
-              width: "100%",
-              minHeight: e
-            }
+              position: "absolute",
+              top: c ? 0 : e,
+              left: 0,
+              width: "100%"
+            },
+            children: a
           }
         ),
-        a && /* @__PURE__ */ N(X.div, { children: a }),
-        /* @__PURE__ */ N(
-          X.div,
+        /* @__PURE__ */ ct(
+          z.div,
           {
             ref: m,
             ...l,
             initial: y,
             drag: g,
             dragListener: !1,
-            dragControls: C,
-            onDragStart: It,
-            onDrag: Dt,
-            onDragEnd: Lt,
-            onPointerDown: Nt,
-            onPointerMove: xt,
-            onPointerUp: kt,
+            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",
               ...l.style
             },
-            children: n
+            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__ */ N(X.div, { children: o }),
-        !h && s && /* @__PURE__ */ N(
-          X.div,
+        o && /* @__PURE__ */ D(
+          z.div,
           {
-            animate: {
-              backgroundColor: r
-            },
+            ref: ot,
             style: {
-              width: "100%",
-              minHeight: s
-            }
+              position: "absolute",
+              bottom: h ? 0 : r,
+              left: 0,
+              width: "100%"
+            },
+            children: o
           }
         ),
-        f && /* @__PURE__ */ N(re, { ref: w }),
-        /* @__PURE__ */ N(
+        p && /* @__PURE__ */ D(de, { ref: x }),
+        /* @__PURE__ */ D(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1604,47 +1653,47 @@ function vt({
     }
   );
 }
-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 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 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,
+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(Ot, { children: n })
+      children: /* @__PURE__ */ D(jt, { children: n })
     }
   ) });
 }
-function ge({ children: n, ...e }) {
-  const { isActive: t, transitionName: s } = z(), r = _((o) => o.status), a = J.get(s);
-  return /* @__PURE__ */ N(
-    Gt,
+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[`${r}-${t}`]?.options,
+      transition: a?.variants[`${s}-${t}`]?.options,
       ...e,
       children: n
     }
   );
 }
 export {
-  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
+  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
 };