flemo 1.2.0 → 1.3.0

package/dist/index.mjs

@@ -1,16 +1,274 @@
-import { jsx as P, jsxs as et } from "react/jsx-runtime";
-import { useEffect as G, createContext as X, useReducer as Pt, Children as nt, useContext as K, Suspense as Et, useImperativeHandle as St, useRef as I } from "react";
-import { d as C, c as _ } from "./vendor-C8cPYUOQ.js";
-import { animate as B } from "motion";
-import { transform as j, useAnimate as at, motion as st, useDragControls as wt, AnimatePresence as Lt } from "motion/react";
-function Tt(a, e, t) {
-  const s = Array.isArray(a) ? a.find((u) => C.pathToRegexp(u).regexp.test(e)) || "" : C.pathToRegexp(a).regexp.test(e) ? a : "", n = C.match(s)(e), r = new URLSearchParams(t), c = Object.fromEntries(r.entries());
-  return n ? { ...n.params, ...c } : {};
+import { jsx as M, jsxs as pt } from "react/jsx-runtime";
+import W, { useEffect as q, createContext as nt, useReducer as Lt, Children as ft, useContext as st, Suspense as Dt, useImperativeHandle as vt, useRef as U } from "react";
+import { animate as Z } from "motion";
+import { transform as rt, useAnimate as ht, motion as yt, useDragControls as It, AnimatePresence as Nt, MotionConfig as kt } from "motion/react";
+var G = {}, ot;
+function xt() {
+  if (ot) return G;
+  ot = 1, Object.defineProperty(G, "__esModule", { value: !0 }), G.PathError = G.TokenData = void 0, G.parse = o, G.compile = S, G.match = D, G.pathToRegexp = L, G.stringify = O;
+  const n = "/", e = (i) => i, t = /^[$_\p{ID_Start}]$/u, r = /^[$\u200c\u200d\p{ID_Continue}]$/u, s = {
+    // Groups.
+    "{": "{",
+    "}": "}",
+    // Reserved.
+    "(": "(",
+    ")": ")",
+    "[": "[",
+    "]": "]",
+    "+": "+",
+    "?": "?",
+    "!": "!"
+  };
+  function a(i) {
+    return i.replace(/[{}()\[\]+?!:*\\]/g, "\\$&");
+  }
+  function c(i) {
+    return i.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
+  }
+  class l {
+    constructor(p, y) {
+      this.tokens = p, this.originalPath = y;
+    }
+  }
+  G.TokenData = l;
+  class h extends TypeError {
+    constructor(p, y) {
+      let g = p;
+      y && (g += `: ${y}`), g += "; visit https://git.new/pathToRegexpError for info", super(g), this.originalPath = y;
+    }
+  }
+  G.PathError = h;
+  function o(i, p = {}) {
+    const { encodePath: y = e } = p, g = [...i], f = [];
+    let d = 0, v = 0;
+    function T() {
+      let P = "";
+      if (t.test(g[d]))
+        do
+          P += g[d++];
+        while (r.test(g[d]));
+      else if (g[d] === '"') {
+        let A = d;
+        for (; d++ < g.length; ) {
+          if (g[d] === '"') {
+            d++, A = 0;
+            break;
+          }
+          g[d] === "\\" && d++, P += g[d];
+        }
+        if (A)
+          throw new h(`Unterminated quote at index ${A}`, i);
+      }
+      if (!P)
+        throw new h(`Missing parameter name at index ${d}`, i);
+      return P;
+    }
+    for (; d < g.length; ) {
+      const P = g[d], A = s[P];
+      A ? f.push({ type: A, index: d++, value: P }) : P === "\\" ? f.push({ type: "escape", index: d++, value: g[d++] }) : P === ":" ? f.push({ type: "param", index: d++, value: T() }) : P === "*" ? f.push({ type: "wildcard", index: d++, value: T() }) : f.push({ type: "char", index: d++, value: P });
+    }
+    f.push({ type: "end", index: d, value: "" });
+    function b(P) {
+      const A = [];
+      for (; ; ) {
+        const x = f[v++];
+        if (x.type === P)
+          break;
+        if (x.type === "char" || x.type === "escape") {
+          let m = x.value, I = f[v];
+          for (; I.type === "char" || I.type === "escape"; )
+            m += I.value, I = f[++v];
+          A.push({
+            type: "text",
+            value: y(m)
+          });
+          continue;
+        }
+        if (x.type === "param" || x.type === "wildcard") {
+          A.push({
+            type: x.type,
+            name: x.value
+          });
+          continue;
+        }
+        if (x.type === "{") {
+          A.push({
+            type: "group",
+            tokens: b("}")
+          });
+          continue;
+        }
+        throw new h(`Unexpected ${x.type} at index ${x.index}, expected ${P}`, i);
+      }
+      return A;
+    }
+    return new l(b("end"), i);
+  }
+  function S(i, p = {}) {
+    const { encode: y = encodeURIComponent, delimiter: g = n } = p, f = typeof i == "object" ? i : o(i, p), d = E(f.tokens, g, y);
+    return function(T = {}) {
+      const [b, ...P] = d(T);
+      if (P.length)
+        throw new TypeError(`Missing parameters: ${P.join(", ")}`);
+      return b;
+    };
+  }
+  function E(i, p, y) {
+    const g = i.map((f) => u(f, p, y));
+    return (f) => {
+      const d = [""];
+      for (const v of g) {
+        const [T, ...b] = v(f);
+        d[0] += T, d.push(...b);
+      }
+      return d;
+    };
+  }
+  function u(i, p, y) {
+    if (i.type === "text")
+      return () => [i.value];
+    if (i.type === "group") {
+      const f = E(i.tokens, p, y);
+      return (d) => {
+        const [v, ...T] = f(d);
+        return T.length ? [""] : [v];
+      };
+    }
+    const g = y || e;
+    return i.type === "wildcard" && y !== !1 ? (f) => {
+      const d = f[i.name];
+      if (d == null)
+        return ["", i.name];
+      if (!Array.isArray(d) || d.length === 0)
+        throw new TypeError(`Expected "${i.name}" to be a non-empty array`);
+      return [
+        d.map((v, T) => {
+          if (typeof v != "string")
+            throw new TypeError(`Expected "${i.name}/${T}" to be a string`);
+          return g(v);
+        }).join(p)
+      ];
+    } : (f) => {
+      const d = f[i.name];
+      if (d == null)
+        return ["", i.name];
+      if (typeof d != "string")
+        throw new TypeError(`Expected "${i.name}" to be a string`);
+      return [g(d)];
+    };
+  }
+  function D(i, p = {}) {
+    const { decode: y = decodeURIComponent, delimiter: g = n } = p, { regexp: f, keys: d } = L(i, p), v = d.map((T) => y === !1 ? e : T.type === "param" ? y : (b) => b.split(g).map(y));
+    return function(b) {
+      const P = f.exec(b);
+      if (!P)
+        return !1;
+      const A = P[0], x = /* @__PURE__ */ Object.create(null);
+      for (let m = 1; m < P.length; m++) {
+        if (P[m] === void 0)
+          continue;
+        const I = d[m - 1], C = v[m - 1];
+        x[I.name] = C(P[m]);
+      }
+      return { path: A, params: x };
+    };
+  }
+  function L(i, p = {}) {
+    const { delimiter: y = n, end: g = !0, sensitive: f = !1, trailing: d = !0 } = p, v = [], T = f ? "" : "i", b = [];
+    for (const x of N(i, [])) {
+      const m = typeof x == "object" ? x : o(x, p);
+      for (const I of w(m.tokens, 0, []))
+        b.push(k(I, y, v, m.originalPath));
+    }
+    let P = `^(?:${b.join("|")})`;
+    return d && (P += `(?:${c(y)}$)?`), P += g ? "$" : `(?=${c(y)}|$)`, { regexp: new RegExp(P, T), keys: v };
+  }
+  function N(i, p) {
+    if (Array.isArray(i))
+      for (const y of i)
+        N(y, p);
+    else
+      p.push(i);
+    return p;
+  }
+  function* w(i, p, y) {
+    if (p === i.length)
+      return yield y;
+    const g = i[p];
+    if (g.type === "group")
+      for (const f of w(g.tokens, 0, y.slice()))
+        yield* w(i, p + 1, f);
+    else
+      y.push(g);
+    yield* w(i, p + 1, y);
+  }
+  function k(i, p, y, g) {
+    let f = "", d = "", v = !0;
+    for (const T of i) {
+      if (T.type === "text") {
+        f += c(T.value), d += T.value, v || (v = T.value.includes(p));
+        continue;
+      }
+      if (T.type === "param" || T.type === "wildcard") {
+        if (!v && !d)
+          throw new h(`Missing text before "${T.name}" ${T.type}`, g);
+        T.type === "param" ? f += `(${H(p, v ? "" : d)}+)` : f += "([\\s\\S]+)", y.push(T), d = "", v = !1;
+        continue;
+      }
+    }
+    return f;
+  }
+  function H(i, p) {
+    return p.length < 2 ? i.length < 2 ? `[^${c(i + p)}]` : `(?:(?!${c(i)})[^${c(p)}])` : i.length < 2 ? `(?:(?!${c(p)})[^${c(i)}])` : `(?:(?!${c(p)}|${c(i)})[\\s\\S])`;
+  }
+  function R(i) {
+    let p = "", y = 0;
+    function g(f) {
+      return Y(f) && X(i[y]) ? f : JSON.stringify(f);
+    }
+    for (; y < i.length; ) {
+      const f = i[y++];
+      if (f.type === "text") {
+        p += a(f.value);
+        continue;
+      }
+      if (f.type === "group") {
+        p += `{${R(f.tokens)}}`;
+        continue;
+      }
+      if (f.type === "param") {
+        p += `:${g(f.name)}`;
+        continue;
+      }
+      if (f.type === "wildcard") {
+        p += `*${g(f.name)}`;
+        continue;
+      }
+      throw new TypeError(`Unknown token type: ${f.type}`);
+    }
+    return p;
+  }
+  function O(i) {
+    return R(i.tokens);
+  }
+  function Y(i) {
+    const [p, ...y] = i;
+    return t.test(p) && y.every((g) => r.test(g));
+  }
+  function X(i) {
+    return i && i.type === "text" ? !r.test(i.value[0]) : !0;
+  }
+  return G;
+}
+var Q = xt();
+function Mt(n, e, t) {
+  const r = Array.isArray(n) ? n.find((l) => Q.pathToRegexp(l).regexp.test(e)) || "" : Q.pathToRegexp(n).regexp.test(e) ? n : "", s = Q.match(r)(e), a = new URLSearchParams(t), c = Object.fromEntries(a.entries());
+  return s ? { ...s.params, ...c } : {};
 }
-function J() {
+function it() {
   return typeof document > "u";
 }
-class Dt {
+class Ct {
   tasks = /* @__PURE__ */ new Map();
   instanceId = Date.now().toString();
   isLocked = !1;
@@ -20,10 +278,10 @@ class Dt {
   pendingTaskQueue = [];
   isProcessingPending = !1;
   async acquireLock(e) {
-    for (let n = 0; n < 10; n++) {
+    for (let s = 0; s < 10; s++) {
       if (!this.isLocked)
         return this.isLocked = !0, this.currentTaskId = e, !0;
-      await new Promise((r) => setTimeout(r, 100));
+      await new Promise((a) => setTimeout(a, 100));
     }
     return !1;
   }
@@ -35,8 +293,8 @@ class Dt {
   }
   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));
   }
   // 대기 중인 태스크들을 처리하는 메서드
@@ -63,7 +321,7 @@ class Dt {
     return new Promise((e) => {
       const t = () => {
         this.pendingTaskQueue.filter(
-          (n) => n.status === "MANUAL_PENDING" || n.status === "SIGNAL_PENDING"
+          (s) => s.status === "MANUAL_PENDING" || s.status === "SIGNAL_PENDING"
         ).length === 0 ? e() : setTimeout(t, 100);
       };
       t();
@@ -71,90 +329,90 @@ class Dt {
   }
   // 태스크 상태 변경 시 대기 큐 처리
   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((n, r) => {
+    const r = t.id || this.generateTaskId();
+    return new Promise((s, a) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
-          const { control: c, validate: u, rollback: l, dependencies: i = [], delay: d } = t, f = new AbortController(), o = {
-            id: s,
+          const { control: c, validate: l, rollback: h, dependencies: o = [], delay: S } = t, E = new AbortController(), u = {
+            id: r,
             execute: e,
             timestamp: Date.now(),
             retryCount: 0,
             status: "PENDING",
-            dependencies: i,
+            dependencies: o,
             instanceId: this.instanceId,
-            validate: u,
-            rollback: l,
+            validate: l,
+            rollback: h,
             control: c,
-            abortController: f
+            abortController: E
           };
-          this.tasks.set(o.id, o), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(o), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((h) => h.id !== o.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(o.id))
-              throw o.status = "FAILED", new Error("FAILED");
+            if (!await this.acquireLock(u.id))
+              throw u.status = "FAILED", new Error("FAILED");
             try {
-              o.status = "PROCESSING";
-              for (const g of o.dependencies) {
-                const m = this.tasks.get(g);
-                if (!m || m.status !== "COMPLETED")
-                  throw o.status = "FAILED", new Error("FAILED");
+              u.status = "PROCESSING";
+              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 (o.validate && !await o.validate())
-                throw o.status = "FAILED", new Error("FAILED");
-              d && d > 0 && await new Promise((g) => setTimeout(g, d));
-              const E = await o.execute(o.abortController);
-              if (o.abortController.signal.aborted) {
-                o.status = "COMPLETED", await this.onTaskStatusChange(o.id, "COMPLETED"), n({
+              if (u.validate && !await u.validate())
+                throw u.status = "FAILED", new Error("FAILED");
+              S && S > 0 && await new Promise((w) => setTimeout(w, S));
+              const N = await u.execute(u.abortController);
+              if (u.abortController.signal.aborted) {
+                u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
                   success: !0,
                   result: void 0,
-                  taskId: o.id,
+                  taskId: u.id,
                   timestamp: Date.now(),
                   instanceId: this.instanceId
                 });
                 return;
               }
               if (t.control) {
-                const g = t.control;
-                if (g.delay && g.delay > 0 && await new Promise((m) => setTimeout(m, g.delay)), g.manual) {
-                  o.status = "MANUAL_PENDING", o.manualResolver = { resolve: n, reject: r, result: E }, this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.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 (g.signal) {
-                  o.status = "SIGNAL_PENDING", o.manualResolver = { resolve: n, reject: r, result: E }, this.signalListeners.has(g.signal) || this.signalListeners.set(g.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(g.signal).add(o.id), this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.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 (g.condition && !await g.condition()) {
-                  o.status = "MANUAL_PENDING", o.manualResolver = { resolve: n, reject: r, result: E }, this.pendingTaskQueue.push(o), await this.onTaskStatusChange(o.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;
                 }
               }
-              o.status = "COMPLETED", await this.onTaskStatusChange(o.id, "COMPLETED"), n({
+              u.status = "COMPLETED", await this.onTaskStatusChange(u.id, "COMPLETED"), s({
                 success: !0,
-                result: E,
-                taskId: o.id,
+                result: N,
+                taskId: u.id,
                 timestamp: Date.now(),
                 instanceId: this.instanceId
               });
-            } catch (E) {
-              if (o.status = "FAILED", o.rollback)
+            } catch (N) {
+              if (u.status = "FAILED", u.rollback)
                 try {
-                  await o.rollback(), o.status = "ROLLEDBACK";
+                  await u.rollback(), u.status = "ROLLEDBACK";
                 } catch {
                 }
-              throw await this.onTaskStatusChange(o.id, o.status), E;
+              throw await this.onTaskStatusChange(u.id, u.status), N;
             } finally {
-              this.releaseLock(o.id);
+              this.releaseLock(u.id);
             }
-          } catch (h) {
-            r(h);
+          } catch (L) {
+            a(L);
           }
         } catch (c) {
-          r(c);
+          a(c);
         }
-      }).catch(r);
+      }).catch(a);
     });
   }
   async resolveTask(e) {
@@ -165,10 +423,10 @@ class Dt {
       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
@@ -183,50 +441,72 @@ class Dt {
     await Promise.all(e.map((t) => this.resolveTask(t.id)));
   }
 }
-const N = new Dt(), A = _((a) => ({
+const _ = new Ct(), ct = (n) => {
+  let e;
+  const t = /* @__PURE__ */ new Set(), r = (o, S) => {
+    const E = typeof o == "function" ? o(e) : o;
+    if (!Object.is(E, e)) {
+      const u = e;
+      e = S ?? (typeof E != "object" || E === null) ? E : Object.assign({}, e, E), t.forEach((D) => D(e, u));
+    }
+  }, s = () => e, l = { setState: r, getState: s, getInitialState: () => h, subscribe: (o) => (t.add(o), () => t.delete(o)) }, h = e = n(r, s, l);
+  return l;
+}, At = ((n) => n ? ct(n) : ct), Rt = (n) => n;
+function bt(n, e = Rt) {
+  const t = W.useSyncExternalStore(
+    n.subscribe,
+    W.useCallback(() => e(n.getState()), [n, e]),
+    W.useCallback(() => e(n.getInitialState()), [n, e])
+  );
+  return W.useDebugValue(t), t;
+}
+const ut = (n) => {
+  const e = At(n), t = (r) => bt(e, r);
+  return Object.assign(t, e), t;
+}, z = ((n) => n ? ut(n) : ut), B = z((n) => ({
   index: -1,
   histories: [],
-  addHistory: (e) => a((t) => ({
+  addHistory: (e) => n((t) => ({
     index: t.index + 1,
     histories: t.histories.concat(e)
   })),
-  replaceHistory: (e) => a((t) => (t.histories.splice(e, 1), {
+  replaceHistory: (e) => n((t) => (t.histories.splice(e, 1), {
     index: t.index - 1,
     histories: t.histories
   })),
-  popHistory: (e) => a((t) => ({
+  popHistory: (e) => n((t) => ({
     index: t.index - 1,
-    histories: t.histories.filter((s, n) => n !== e)
+    histories: t.histories.filter((r, s) => s !== e)
   }))
-})), T = _((a) => ({
+})), $ = z((n) => ({
   status: "IDLE",
-  setStatus: (e) => a({ status: e })
+  setStatus: (e) => n({ status: e })
 }));
-function It() {
-  return G(() => {
-    const a = async (e) => {
+function Ot() {
+  return q(() => {
+    const n = async (e) => {
       const t = e.state?.id;
-      (await N.addTask(
-        async (s) => {
-          const n = e.state?.index, r = e.state?.status, c = e.state?.params, u = e.state?.transitionName, l = e.state?.layoutId, i = T.getState().setStatus, { index: d, addHistory: f, popHistory: o } = A.getState(), y = n < d, h = r === "PUSHING" && n > d, E = r === "REPLACING" && n > d, g = window.location.pathname;
-          if (!y && !h && !E) {
-            s.abort();
+      (await _.addTask(
+        async (r) => {
+          const s = e.state?.index, a = e.state?.status, c = e.state?.params, l = e.state?.transitionName, h = e.state?.layoutId, o = $.getState().setStatus, { index: S, addHistory: E, popHistory: u } = B.getState(), D = s < S, L = a === "PUSHING" && s > S, N = a === "REPLACING" && s > S, w = window.location.pathname;
+          if (!D && !L && !N) {
+            r.abort();
             return;
           }
-          return y ? i("POPPING") : h ? (i("PUSHING"), f({
+          return D ? o("POPPING") : L ? (o("PUSHING"), E({
             id: t,
-            pathname: g,
+            pathname: w,
             params: c,
-            transitionName: u,
-            layoutId: l
-          })) : E && (i("REPLACING"), f({
+            transitionName: l,
+            layoutId: h
+          })) : N && (o("REPLACING"), E({
             id: t,
-            pathname: g,
+            pathname: w,
             params: c,
-            transitionName: u,
-            layoutId: l
+            transitionName: l,
+            layoutId: h
           })), async () => {
-            y && o(n + 1), i("COMPLETED");
+            D && u(s + 1), o("COMPLETED");
           };
         },
         {
@@ -237,39 +517,39 @@ function It() {
         }
       )).result?.();
     };
-    return window.addEventListener("popstate", a), () => {
-      window.removeEventListener("popstate", a);
+    return window.addEventListener("popstate", n), () => {
+      window.removeEventListener("popstate", n);
     };
   }, []), null;
 }
-const rt = X({}), ot = X(() => {
+const gt = nt({}), mt = nt(() => {
 });
-function Nt(a, e) {
+function Gt(n, e) {
   switch (e.type) {
     case "SET":
       return e.params;
     default:
-      return a;
+      return n;
   }
 }
-function vt({
-  children: a,
+function $t({
+  children: n,
   active: e,
   params: t
 }) {
-  const [s, n] = Pt(Nt, t);
-  return G(() => {
-    const r = async (c) => {
-      c.state?.step && await N.addTask(async () => {
-        n({ type: "SET", params: c.state?.params || {} });
+  const [r, s] = Lt(Gt, t);
+  return q(() => {
+    const a = async (c) => {
+      c.state?.step && await _.addTask(async () => {
+        s({ type: "SET", params: c.state?.params || {} });
       });
     };
-    return e && window.addEventListener("popstate", r), () => {
-      window.removeEventListener("popstate", r);
+    return e && window.addEventListener("popstate", a), () => {
+      window.removeEventListener("popstate", a);
     };
-  }, [e, n]), /* @__PURE__ */ P(ot.Provider, { value: n, children: /* @__PURE__ */ P(rt.Provider, { value: s, children: a }) });
+  }, [e, s]), /* @__PURE__ */ M(mt.Provider, { value: s, children: /* @__PURE__ */ M(gt.Provider, { value: r, children: n }) });
 }
-const it = X({
+const Et = nt({
   id: "",
   isActive: !1,
   isRoot: !0,
@@ -281,60 +561,60 @@ const it = X({
   prevTransitionName: "none",
   layoutId: null
 });
-function kt({ children: a }) {
-  const e = A((s) => s.index), t = A((s) => s.histories);
+function Ut({ children: n }) {
+  const e = B((r) => r.index), t = B((r) => r.histories);
   return t.map(
-    (s) => nt.toArray(a).filter(
-      (n) => C.pathToRegexp(n.props.path).regexp.test(
-        s.pathname
+    (r) => ft.toArray(n).filter(
+      (s) => Q.pathToRegexp(s.props.path).regexp.test(
+        r.pathname
       )
     )
-  ).map(([s], n) => /* @__PURE__ */ P(
-    it.Provider,
+  ).map(([r], s) => /* @__PURE__ */ M(
+    Et.Provider,
     {
       value: {
-        id: t[n].id,
-        isActive: n === e,
-        isRoot: n === 0,
-        isPrev: n < e - 1,
-        zIndex: n,
-        pathname: t[n].pathname,
-        params: t[n].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[n].layoutId
+        layoutId: t[s].layoutId
       },
-      children: /* @__PURE__ */ P(vt, { active: n === e, params: t[n].params, children: s })
+      children: /* @__PURE__ */ M($t, { active: s === e, params: t[s].params, children: r })
     },
-    t[n].id
+    t[s].id
   ));
 }
-function Mt({
-  name: a,
+function _t({
+  name: n,
   initial: e,
   enter: t,
-  exit: s,
-  options: n
+  exit: r,
+  options: s
 }) {
   return {
-    name: a,
+    name: n,
     initial: e,
     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
     },
-    ...n
+    ...s
   };
 }
-const xt = Mt({
+const Ht = _t({
   name: "overlay",
   initial: {
     opacity: 0,
@@ -359,16 +639,16 @@ const xt = Mt({
     }
   },
   options: {
-    onSwipeStart: (a, { prevDecorator: e }) => B(
+    onSwipeStart: (n, { prevDecorator: e }) => Z(
       e,
       {
-        opacity: a ? 1 : 0
+        opacity: n ? 1 : 0
       },
       {
         duration: 0.3
       }
     ),
-    onSwipe: (a, e, { prevDecorator: t }) => B(
+    onSwipe: (n, e, { prevDecorator: t }) => Z(
       t,
       {
         opacity: Math.max(0, 1 - e / 100)
@@ -377,49 +657,49 @@ const xt = Mt({
         duration: 0
       }
     ),
-    onSwipeEnd: (a, { prevDecorator: e }) => B(
+    onSwipeEnd: (n, { prevDecorator: e }) => Z(
       e,
       {
-        opacity: a ? 0 : 1
+        opacity: n ? 0 : 1
       },
       {
         duration: 0.3
       }
     )
   }
-}), V = /* @__PURE__ */ new Map([["overlay", xt]]), Y = _((a) => ({
+}), at = /* @__PURE__ */ new Map([["overlay", Ht]]), tt = z((n) => ({
   defaultTransitionName: "cupertino",
-  setDefaultTransitionName: (e) => a({ defaultTransitionName: e })
+  setDefaultTransitionName: (e) => n({ defaultTransitionName: e })
 }));
-function $({
-  name: a,
+function J({
+  name: n,
   initial: e,
   idle: t,
-  enter: s,
-  enterBack: n,
-  exit: r,
+  enter: r,
+  enterBack: s,
+  exit: a,
   exitBack: c,
-  options: u
+  options: l
 }) {
   return {
-    name: a,
+    name: n,
     initial: e,
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": r,
-      "PUSHING-true": s,
-      "REPLACING-false": r,
-      "REPLACING-true": s,
+      "PUSHING-false": a,
+      "PUSHING-true": r,
+      "REPLACING-false": a,
+      "REPLACING-true": r,
       "POPPING-false": c,
-      "POPPING-true": n,
-      "COMPLETED-false": r,
-      "COMPLETED-true": s
+      "POPPING-true": s,
+      "COMPLETED-false": a,
+      "COMPLETED-true": r
     },
-    ...u
+    ...l
   };
 }
-const Ct = $({
+const Ft = J({
   name: "cupertino",
   initial: {
     x: "100%"
@@ -472,33 +752,33 @@ const Ct = $({
     decoratorName: "overlay",
     swipeDirection: "x",
     onSwipeStart: async () => !0,
-    onSwipe: (a, e, { animate: t, currentScreen: s, prevScreen: n, onProgress: r }) => {
-      const { offset: c } = e, u = c.x, l = j(u, [0, window.innerWidth], [0, 100]);
-      return r?.(!0, l), t(
-        s,
+    onSwipe: (n, e, { animate: t, currentScreen: r, prevScreen: s, onProgress: a }) => {
+      const { offset: c } = e, l = c.x, h = rt(l, [0, window.innerWidth], [0, 100]);
+      return a?.(!0, h), t(
+        r,
         {
-          x: Math.max(0, u)
+          x: Math.max(0, l)
         },
         {
           duration: 0
         }
       ), t(
-        n,
+        s,
         {
-          x: -100 + l
+          x: -100 + h
         },
         {
           duration: 0
         }
-      ), l;
+      ), h;
     },
-    onSwipeEnd: async (a, e, { animate: t, currentScreen: s, prevScreen: n, onStart: r }) => {
-      const { offset: c, velocity: u } = e, i = c.x > 50 || u.x > 20;
-      return r?.(i), await Promise.all([
+    onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
+      const { offset: c, velocity: l } = e, o = c.x > 50 || l.x > 20;
+      return a?.(o), await Promise.all([
         t(
-          s,
+          r,
           {
-            x: i ? "100%" : 0
+            x: o ? "100%" : 0
           },
           {
             duration: 0.3,
@@ -506,19 +786,19 @@ const Ct = $({
           }
         ),
         t(
-          n,
+          s,
           {
-            x: i ? 0 : -100
+            x: o ? 0 : -100
           },
           {
             duration: 0.3,
             ease: [0.32, 0.72, 0, 1]
           }
         )
-      ]), i;
+      ]), o;
     }
   }
-}), At = $({
+}), Qt = J({
   name: "layout",
   initial: {
     opacity: 0.97
@@ -567,46 +847,46 @@ const Ct = $({
     decoratorName: "overlay",
     swipeDirection: "y",
     onSwipeStart: async () => !0,
-    onSwipe: (a, e, { animate: t, currentScreen: s, onProgress: n }) => {
-      const { offset: r } = e, c = r.y, u = Math.max(0, Math.min(56, c)), l = j(u, [0, 56], [1, 0.96]), i = Math.max(0, c - 56), d = Math.min(1, i / 160), f = Math.sqrt(d) * 12, o = Math.max(0, u + f), y = Math.min(56, o);
-      return n?.(!0, 100), t(
-        s,
+    onSwipe: (n, e, { animate: t, currentScreen: r, onProgress: s }) => {
+      const { offset: a } = e, c = a.y, l = Math.max(0, Math.min(56, c)), h = rt(l, [0, 56], [1, 0.96]), o = Math.max(0, c - 56), S = Math.min(1, o / 160), E = Math.sqrt(S) * 12, u = Math.max(0, l + E), D = Math.min(56, u);
+      return s?.(!0, 100), t(
+        r,
         {
-          y: o,
-          opacity: l
+          y: u,
+          opacity: h
         },
         {
           duration: 0
         }
-      ), y;
+      ), D;
     },
-    onSwipeEnd: async (a, e, { animate: t, currentScreen: s, prevScreen: n, onStart: r }) => {
-      const { offset: c, velocity: u } = e, i = c.y > 56 || u.y > 20;
-      return r?.(i), await Promise.all([
+    onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
+      const { offset: c, velocity: l } = e, o = c.y > 56 || l.y > 20;
+      return a?.(o), await Promise.all([
         t(
-          s,
+          r,
           {
-            y: i ? "100%" : 0,
-            opacity: i ? 0.96 : 1
+            y: o ? "100%" : 0,
+            opacity: o ? 0.96 : 1
           },
           {
             duration: 0.3
           }
         ),
         t(
-          n,
+          s,
           {
             y: 0,
-            opacity: i ? 1 : 0.97
+            opacity: o ? 1 : 0.97
           },
           {
             duration: 0.3
           }
         )
-      ]), i;
+      ]), o;
     }
   }
-}), Rt = $({
+}), Bt = J({
   name: "material",
   initial: {
     y: "100%",
@@ -664,55 +944,55 @@ const Ct = $({
   options: {
     swipeDirection: "y",
     onSwipeStart: async () => !0,
-    onSwipe: (a, e, { animate: t, currentScreen: s, prevScreen: n, onProgress: r }) => {
-      const { offset: c } = e, u = c.y, l = Math.max(0, Math.min(56, u)), i = j(l, [0, 56], [1, 0.96]), d = Math.max(0, u - 56), f = Math.min(1, d / 160), o = Math.sqrt(f) * 12, y = Math.max(0, l + o), h = Math.min(56, y);
-      return r?.(!0, h), t(
-        s,
+    onSwipe: (n, e, { animate: t, currentScreen: r, prevScreen: s, onProgress: a }) => {
+      const { offset: c } = e, l = c.y, h = Math.max(0, Math.min(56, l)), o = rt(h, [0, 56], [1, 0.96]), S = Math.max(0, l - 56), E = Math.min(1, S / 160), u = Math.sqrt(E) * 12, D = Math.max(0, h + u), L = Math.min(56, D);
+      return a?.(!0, L), t(
+        r,
         {
-          y,
-          opacity: i
+          y: D,
+          opacity: o
         },
         {
           duration: 0
         }
       ), t(
-        n,
+        s,
         {
-          y: -56 + h,
-          opacity: h / 56
+          y: -56 + L,
+          opacity: L / 56
         },
         { duration: 0 }
-      ), h;
+      ), L;
     },
-    onSwipeEnd: async (a, e, { animate: t, currentScreen: s, prevScreen: n, onStart: r }) => {
-      const { offset: c, velocity: u } = e, i = c.y > 56 || u.y > 20;
-      return r?.(i), await Promise.all([
+    onSwipeEnd: async (n, e, { animate: t, currentScreen: r, prevScreen: s, onStart: a }) => {
+      const { offset: c, velocity: l } = e, o = c.y > 56 || l.y > 20;
+      return a?.(o), await Promise.all([
         t(
-          s,
+          r,
           {
-            y: i ? "100%" : 0,
-            opacity: i ? 0.96 : 1
+            y: o ? "100%" : 0,
+            opacity: o ? 0.96 : 1
           },
           {
-            duration: i ? 0.22 : 0.24,
-            ease: i ? [0.4, 0, 1, 1] : [0, 0, 0.2, 1]
+            duration: o ? 0.22 : 0.24,
+            ease: o ? [0.4, 0, 1, 1] : [0, 0, 0.2, 1]
           }
         ),
         t(
-          n,
+          s,
           {
-            y: i ? 0 : -56,
-            opacity: i ? 1 : 0.96
+            y: o ? 0 : -56,
+            opacity: o ? 1 : 0.96
           },
           {
-            duration: i ? 0.22 : 0.24,
-            ease: i ? [0, 0, 0.2, 1] : [0.4, 0, 1, 1]
+            duration: o ? 0.22 : 0.24,
+            ease: o ? [0, 0, 0.2, 1] : [0.4, 0, 1, 1]
           }
         )
-      ]), i;
+      ]), o;
     }
   }
-}), Gt = $({
+}), jt = J({
   name: "none",
   initial: {},
   idle: {
@@ -745,50 +1025,50 @@ const Ct = $({
       duration: 0
     }
   }
-}), F = /* @__PURE__ */ new Map([
-  ["none", Gt],
-  ["cupertino", Ct],
-  ["material", Rt],
-  ["layout", At]
-]), bt = (() => {
-  const a = /* @__PURE__ */ Object.create(null), e = Object.prototype.hasOwnProperty;
-  for (const t of F.values()) {
-    const s = t.variants["IDLE-true"].value;
-    for (const n in s)
-      e.call(s, n) && (a[n] = s[n]);
+}), K = /* @__PURE__ */ new Map([
+  ["none", jt],
+  ["cupertino", Ft],
+  ["material", Bt],
+  ["layout", Qt]
+]), qt = (() => {
+  const n = /* @__PURE__ */ Object.create(null), e = Object.prototype.hasOwnProperty;
+  for (const t of K.values()) {
+    const r = t.variants["IDLE-true"].value;
+    for (const s in r)
+      e.call(r, s) && (n[s] = r[s]);
   }
-  return a;
+  return n;
 })();
-function qt({
-  children: a,
+function te({
+  children: n,
   initPath: e = "/",
   defaultTransitionName: t = "cupertino",
-  transitions: s = [],
-  decorators: n = []
+  transitions: r = [],
+  decorators: s = []
 }) {
-  const r = J() ? e || "/" : window.location.pathname, c = J() ? r.split("?")[1] || "" : window.location.search;
-  return Y.setState({
+  const a = it() ? e || "/" : window.location.pathname, c = it() ? a.split("?")[1] || "" : window.location.search;
+  return tt.setState({
     defaultTransitionName: t
-  }), A.setState({
+  }), B.setState({
     index: 0,
     histories: [
       {
         id: "root",
-        pathname: r,
-        params: Tt(
-          nt.toArray(a).map((u) => u.props.path).flat(),
-          r,
+        pathname: a,
+        params: Mt(
+          ft.toArray(n).map((l) => l.props.path).flat(),
+          a,
           c
         ),
         transitionName: t,
         layoutId: null
       }
     ]
-  }), G(() => {
-    s.forEach((u) => F.set(u.name, u));
-  }, [s]), G(() => {
-    n.forEach((u) => V.set(u.name, u));
-  }, [n]), /* @__PURE__ */ et(
+  }), q(() => {
+    r.forEach((l) => K.set(l.name, l));
+  }, [r]), q(() => {
+    s.forEach((l) => at.set(l.name, l));
+  }, [s]), /* @__PURE__ */ pt(
     "div",
     {
       style: {
@@ -799,102 +1079,102 @@ function qt({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ P(It, {}),
-        /* @__PURE__ */ P(kt, { children: a })
+        /* @__PURE__ */ M(Ot, {}),
+        /* @__PURE__ */ M(Ut, { children: n })
       ]
     }
   );
 }
-function Xt({ element: a }) {
-  return a;
+function ee({ element: n }) {
+  return n;
 }
-function Kt() {
+function ne() {
   return {
-    push: async (s, n, r = {}) => {
-      const { status: c, setStatus: u } = T.getState();
+    push: async (r, s, a = {}) => {
+      const { status: c, setStatus: l } = $.getState();
       if (c !== "COMPLETED" && c !== "IDLE")
         return;
-      const { index: l, addHistory: i } = A.getState(), d = Y.getState().defaultTransitionName, { transitionName: f = d, layoutId: o = null } = r, y = N.generateTaskId();
-      (await N.addTask(
+      const { index: h, addHistory: o } = B.getState(), S = tt.getState().defaultTransitionName, { transitionName: E = S, layoutId: u = null } = a, D = _.generateTaskId();
+      (await _.addTask(
         async () => {
-          u("PUSHING");
-          const h = C.compile(s)(n), E = C.parse(s).tokens.filter((L) => L.type === "param").map((L) => L.name), g = Object.fromEntries(
-            Object.entries(n).filter(([L]) => !E.includes(L))
-          ), m = new URLSearchParams(g).toString(), b = `${h}${m ? `?${m}` : ""}`;
+          l("PUSHING");
+          const L = Q.compile(r)(s), N = Q.parse(r).tokens.filter((R) => R.type === "param").map((R) => R.name), w = Object.fromEntries(
+            Object.entries(s).filter(([R]) => !N.includes(R))
+          ), k = new URLSearchParams(w).toString(), H = `${L}${k ? `?${k}` : ""}`;
           return window.history.state?.id || window.history.replaceState(
             {
               id: "root",
               index: 0,
               status: "IDLE",
               params: {},
-              transitionName: f,
-              layoutId: o
+              transitionName: E,
+              layoutId: u
             },
             "",
             window.location.pathname
           ), window.history.pushState(
             {
-              id: y,
-              index: l + 1,
+              id: D,
+              index: h + 1,
               status: "PUSHING",
-              params: n,
-              transitionName: f,
-              layoutId: o
+              params: s,
+              transitionName: E,
+              layoutId: u
             },
             "",
-            b
-          ), i({
-            id: y,
-            pathname: h,
-            params: n,
-            transitionName: f,
-            layoutId: o
+            H
+          ), o({
+            id: D,
+            pathname: L,
+            params: s,
+            transitionName: E,
+            layoutId: u
           }), () => {
-            u("COMPLETED");
+            l("COMPLETED");
           };
         },
         {
-          id: y,
+          id: D,
           control: {
             manual: !0
           }
         }
       )).result?.();
     },
-    replace: async (s, n, r = {}) => {
-      const { status: c, setStatus: u } = T.getState();
+    replace: async (r, s, a = {}) => {
+      const { status: c, setStatus: l } = $.getState();
       if (c !== "COMPLETED" && c !== "IDLE")
         return;
-      const { index: l, addHistory: i } = A.getState(), d = A.getState().replaceHistory, f = Y.getState().defaultTransitionName, { transitionName: o = f, layoutId: y = null } = r, h = N.generateTaskId();
-      (await N.addTask(
+      const { index: h, addHistory: o } = B.getState(), S = B.getState().replaceHistory, E = tt.getState().defaultTransitionName, { transitionName: u = E, layoutId: D = null } = a, L = _.generateTaskId();
+      (await _.addTask(
         async () => {
-          u("REPLACING");
-          const E = C.compile(s)(n), g = C.parse(s).tokens.filter((D) => D.type === "param").map((D) => D.name), m = Object.fromEntries(
-            Object.entries(n).filter(([D]) => !g.includes(D))
-          ), b = new URLSearchParams(m).toString(), L = `${E}${b ? `?${b}` : ""}`;
+          l("REPLACING");
+          const N = Q.compile(r)(s), w = Q.parse(r).tokens.filter((O) => O.type === "param").map((O) => O.name), k = Object.fromEntries(
+            Object.entries(s).filter(([O]) => !w.includes(O))
+          ), H = new URLSearchParams(k).toString(), R = `${N}${H ? `?${H}` : ""}`;
           return window.history.replaceState(
             {
-              id: h,
-              index: l,
+              id: L,
+              index: h,
               status: "REPLACING",
-              params: n,
-              transitionName: o,
-              layoutId: y
+              params: s,
+              transitionName: u,
+              layoutId: D
             },
             "",
-            L
-          ), i({
-            id: h,
-            pathname: E,
-            params: n,
-            transitionName: o,
-            layoutId: y
+            R
+          ), o({
+            id: L,
+            pathname: N,
+            params: s,
+            transitionName: u,
+            layoutId: D
           }), async () => {
-            d(l), u("COMPLETED");
+            S(h), l("COMPLETED");
           };
         },
         {
-          id: h,
+          id: L,
           control: {
             manual: !0
           }
@@ -902,18 +1182,18 @@ function Kt() {
       )).result?.();
     },
     pop: () => {
-      const s = T.getState().status;
-      s !== "COMPLETED" && s !== "IDLE" || window.history.back();
+      const r = $.getState().status;
+      r !== "COMPLETED" && r !== "IDLE" || window.history.back();
     }
   };
 }
-function jt() {
-  const a = K(ot);
+function se() {
+  const n = st(mt);
   return {
-    pushStep: async (n) => {
-      const r = T.getState().status;
-      r !== "COMPLETED" && r !== "IDLE" || (await N.addTask(async () => {
-        const c = new URLSearchParams(n).toString(), u = `${window.location.pathname}${c ? `?${c}` : ""}`;
+    pushStep: async (s) => {
+      const a = $.getState().status;
+      a !== "COMPLETED" && a !== "IDLE" || (await _.addTask(async () => {
+        const c = new URLSearchParams(s).toString(), l = `${window.location.pathname}${c ? `?${c}` : ""}`;
         return window.history.state?.step || window.history.replaceState(
           {
             ...window.history.state,
@@ -925,179 +1205,179 @@ function jt() {
           {
             ...window.history.state,
             step: !0,
-            params: n
+            params: s
           },
           "",
-          u
-        ), async () => a({ type: "SET", params: n });
+          l
+        ), async () => n({ type: "SET", params: s });
       })).result?.();
     },
-    replaceStep: async (n) => {
-      const r = T.getState().status;
-      r !== "COMPLETED" && r !== "IDLE" || (await N.addTask(async () => {
-        const c = new URLSearchParams(n).toString(), u = `${window.location.pathname}${c ? `?${c}` : ""}`;
+    replaceStep: async (s) => {
+      const a = $.getState().status;
+      a !== "COMPLETED" && a !== "IDLE" || (await _.addTask(async () => {
+        const c = new URLSearchParams(s).toString(), l = `${window.location.pathname}${c ? `?${c}` : ""}`;
         return window.history.replaceState(
           {
             ...window.history.state,
             step: !0,
-            params: n
+            params: s
           },
           "",
-          u
-        ), async () => a({ type: "SET", params: n });
+          l
+        ), async () => n({ type: "SET", params: s });
       })).result?.();
     },
     popStep: () => {
-      const n = T.getState().status;
-      n !== "COMPLETED" && n !== "IDLE" || window.history.back();
+      const s = $.getState().status;
+      s !== "COMPLETED" && s !== "IDLE" || window.history.back();
     }
   };
 }
-function Q() {
-  return K(it);
+function V() {
+  return st(Et);
 }
-function Vt() {
-  return K(rt);
+function re() {
+  return st(gt);
 }
-function Wt({
-  name: a,
+function ae({
+  name: n,
   initial: e,
   idle: t,
-  pushOnEnter: s,
-  pushOnExit: n,
-  replaceOnEnter: r,
+  pushOnEnter: r,
+  pushOnExit: s,
+  replaceOnEnter: a,
   replaceOnExit: c,
-  popOnEnter: u,
-  popOnExit: l,
-  completedOnExit: i,
-  completedOnEnter: d,
-  options: f
+  popOnEnter: l,
+  popOnExit: h,
+  completedOnExit: o,
+  completedOnEnter: S,
+  options: E
 }) {
   return {
-    name: a,
+    name: n,
     initial: e,
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": n,
-      "PUSHING-true": s,
+      "PUSHING-false": s,
+      "PUSHING-true": r,
       "REPLACING-false": c,
-      "REPLACING-true": r,
-      "POPPING-false": l,
-      "POPPING-true": u,
-      "COMPLETED-false": i,
-      "COMPLETED-true": d
+      "REPLACING-true": a,
+      "POPPING-false": h,
+      "POPPING-true": l,
+      "COMPLETED-false": o,
+      "COMPLETED-true": S
     },
-    ...f
+    ...E
   };
 }
-function zt({
-  name: a,
+function oe({
+  name: n,
   initial: e,
   idle: t,
-  pushOnEnter: s,
-  pushOnExit: n,
-  replaceOnEnter: r,
+  pushOnEnter: r,
+  pushOnExit: s,
+  replaceOnEnter: a,
   replaceOnExit: c,
-  popOnEnter: u,
-  popOnExit: l,
-  completedOnEnter: i,
-  completedOnExit: d,
-  options: f
+  popOnEnter: l,
+  popOnExit: h,
+  completedOnEnter: o,
+  completedOnExit: S,
+  options: E
 }) {
   return {
-    name: a,
+    name: n,
     initial: e,
     variants: {
       "IDLE-true": t,
       "IDLE-false": t,
-      "PUSHING-false": n,
-      "PUSHING-true": s,
+      "PUSHING-false": s,
+      "PUSHING-true": r,
       "REPLACING-false": c,
-      "REPLACING-true": r,
-      "POPPING-false": l,
-      "POPPING-true": u,
-      "COMPLETED-false": d,
-      "COMPLETED-true": i
+      "REPLACING-true": a,
+      "POPPING-false": h,
+      "POPPING-true": l,
+      "COMPLETED-false": S,
+      "COMPLETED-true": o
     },
-    ...f
+    ...E
   };
 }
-const Ot = { then() {
+const Yt = { then() {
 } };
-function Ht({
-  freeze: a,
+function Xt({
+  freeze: n,
   children: e
 }) {
-  if (a)
-    throw Ot;
+  if (n)
+    throw Yt;
   return e;
 }
-function ct({ freeze: a, children: e, placeholder: t }) {
-  return /* @__PURE__ */ P(Et, { fallback: t, children: /* @__PURE__ */ P(Ht, { freeze: a, children: e }) });
+function St({ freeze: n, children: e, placeholder: t }) {
+  return /* @__PURE__ */ M(Dt, { fallback: t, children: /* @__PURE__ */ M(Xt, { freeze: n, children: e }) });
 }
-function Z(a, e) {
+function lt(n, e) {
   const {
     direction: t = "x",
-    markerSelector: s = "[data-swipe-at-edge]",
-    depthLimit: n = 24,
-    verifyByScroll: r = !1
-  } = e ?? {}, c = Ut(a);
+    markerSelector: r = "[data-swipe-at-edge]",
+    depthLimit: s = 24,
+    verifyByScroll: a = !1
+  } = e ?? {}, c = Kt(n);
   if (!c) return { element: null, hasMarker: !1 };
-  const u = c.closest?.(s);
-  if (u instanceof HTMLElement && q(u, t) && (!r || tt(u, t)))
-    return { element: u, hasMarker: !0 };
-  let l = c, i = 0;
-  for (; l && l !== document.body && i < n; ) {
-    if (q(l, t) && (!r || tt(l, t)))
-      return { element: l, hasMarker: !1 };
-    l = l.parentElement, i++;
+  const l = c.closest?.(r);
+  if (l instanceof HTMLElement && et(l, t) && (!a || dt(l, t)))
+    return { element: l, hasMarker: !0 };
+  let h = c, o = 0;
+  for (; h && h !== document.body && o < s; ) {
+    if (et(h, t) && (!a || dt(h, t)))
+      return { element: h, hasMarker: !1 };
+    h = h.parentElement, o++;
   }
   return { element: null, hasMarker: !1 };
 }
-function Ut(a) {
-  if (!a) return null;
-  const e = a, t = typeof e.composedPath == "function" ? e.composedPath() : void 0;
+function Kt(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 a;
+  return n;
 }
-function q(a, e) {
-  return e === "y" ? a.scrollHeight - a.clientHeight > 1 : a.scrollWidth - a.clientWidth > 1;
+function et(n, e) {
+  return e === "y" ? n.scrollHeight - n.clientHeight > 1 : n.scrollWidth - n.clientWidth > 1;
 }
-function tt(a, e) {
-  if (!q(a, e)) return !1;
+function dt(n, e) {
+  if (!et(n, e)) return !1;
   if (e === "y") {
-    const t = a.scrollTop;
-    if (a.scrollTop = t + 1, a.scrollTop !== t)
-      return a.scrollTop = t, !0;
-    a.scrollTop = t - 1;
-    const n = a.scrollTop !== t;
-    return a.scrollTop = t, n;
+    const t = n.scrollTop;
+    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;
   } else {
-    const t = a.scrollLeft;
-    if (a.scrollLeft = t + 1, a.scrollLeft !== t)
-      return a.scrollLeft = t, !0;
-    a.scrollLeft = t - 1;
-    const n = a.scrollLeft !== t;
-    return a.scrollLeft = t, n;
+    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;
   }
 }
-function _t({ children: a, ref: e, ...t }) {
-  const { isActive: s, transitionName: n } = Q(), [r, c] = at();
-  St(e, () => r.current);
-  const u = T((o) => o.status), l = F.get(n), { decoratorName: i } = l, { initial: d, variants: f } = V.get(i);
-  return G(() => {
-    if (!r.current) return;
-    const { value: o, options: y } = f[`${u}-${s}`];
-    c(r.current, o, y);
-  }, [u, s, c, f, r]), /* @__PURE__ */ P(
-    st.div,
+function Vt({ children: n, ref: e, ...t }) {
+  const { isActive: r, transitionName: s } = V(), [a, c] = ht();
+  vt(e, () => a.current);
+  const l = $((u) => u.status), h = K.get(s), { decoratorName: o } = h, { initial: S, variants: E } = at.get(o);
+  return q(() => {
+    if (!a.current) return;
+    const { value: u, options: D } = E[`${l}-${r}`];
+    c(a.current, u, D);
+  }, [l, r, c, E, a]), /* @__PURE__ */ M(
+    yt.div,
     {
-      ref: r,
-      initial: d,
+      ref: a,
+      initial: S,
       style: {
         position: "absolute",
         top: 0,
@@ -1111,125 +1391,125 @@ function _t({ children: a, ref: e, ...t }) {
     }
   );
 }
-const R = _((a) => ({
+const j = z((n) => ({
   dragStatus: "IDLE",
   replaceTransitionStatus: "IDLE",
-  setDragStatus: (e) => a({ dragStatus: e }),
-  setReplaceTransitionStatus: (e) => a({ replaceTransitionStatus: e })
+  setDragStatus: (e) => n({ dragStatus: e }),
+  setReplaceTransitionStatus: (e) => n({ replaceTransitionStatus: e })
 }));
-function ut({
-  children: a,
+function wt({
+  children: n,
   ...e
 }) {
-  const [t, s] = at(), { id: n, isActive: r, isRoot: c, transitionName: u, prevTransitionName: l } = Q(), i = wt(), d = T((p) => p.status), f = R((p) => p.dragStatus), o = R.getState().setDragStatus, y = R.getState().setReplaceTransitionStatus, h = F.get(u), { variants: E, initial: g, swipeDirection: m, decoratorName: b } = h, L = V.get(b), D = I(null), H = I(null), U = I(null), v = I(!1), O = I(!1), k = I({
+  const [t, r] = ht(), { id: s, isActive: a, isRoot: c, transitionName: l, prevTransitionName: h } = V(), o = It(), S = $((m) => m.status), E = j((m) => m.dragStatus), u = j.getState().setDragStatus, D = j.getState().setReplaceTransitionStatus, L = K.get(l), { variants: N, initial: w, swipeDirection: k, decoratorName: H } = L, R = at.get(H), O = U(null), Y = U(null), X = U(null), i = U(!1), p = U(!1), y = U({
     element: null,
     hasMarker: !1
-  }), M = I({ element: null, hasMarker: !1 }), W = I(0), z = I(0), lt = async (p, w) => {
-    if (!m)
+  }), g = U({ element: null, hasMarker: !1 }), f = U(0), d = U(0), v = async (m, I) => {
+    if (!k)
       return;
-    D.current = t.current?.previousSibling, U.current = t.current?.previousSibling?.querySelector("[data-decorator]");
-    const S = await h?.onSwipeStart(p, w, {
-      animate: s,
+    O.current = t.current?.previousSibling, X.current = t.current?.previousSibling?.querySelector("[data-decorator]");
+    const C = await L?.onSwipeStart(m, I, {
+      animate: r,
       currentScreen: t.current,
-      prevScreen: D.current,
-      dragControls: i,
-      onStart: (x) => L?.onSwipeStart?.(x, {
-        animate: s,
-        currentDecorator: H.current,
-        prevDecorator: U.current
+      prevScreen: O.current,
+      dragControls: o,
+      onStart: (F) => R?.onSwipeStart?.(F, {
+        animate: r,
+        currentDecorator: Y.current,
+        prevDecorator: X.current
       })
     });
-    o(S ? "PENDING" : "IDLE");
-  }, dt = (p, w) => {
-    !m || f !== "PENDING" || h?.onSwipe(p, w, {
-      animate: s,
+    u(C ? "PENDING" : "IDLE");
+  }, T = (m, I) => {
+    !k || E !== "PENDING" || L?.onSwipe(m, I, {
+      animate: r,
       currentScreen: t.current,
-      prevScreen: D.current,
-      dragControls: i,
-      onProgress: (S, x) => L?.onSwipe?.(S, x, {
-        animate: s,
-        currentDecorator: H.current,
-        prevDecorator: U.current
+      prevScreen: O.current,
+      dragControls: o,
+      onProgress: (C, F) => R?.onSwipe?.(C, F, {
+        animate: r,
+        currentDecorator: Y.current,
+        prevDecorator: X.current
       })
     });
-  }, pt = async (p, w) => {
-    if (!m || f !== "PENDING")
+  }, b = async (m, I) => {
+    if (!k || E !== "PENDING")
       return;
-    await h?.onSwipeEnd(p, w, {
-      animate: s,
+    await L?.onSwipeEnd(m, I, {
+      animate: r,
       currentScreen: t.current,
-      prevScreen: D.current,
-      onStart: (x) => L?.onSwipeEnd?.(x, {
-        animate: s,
-        currentDecorator: H.current,
-        prevDecorator: U.current
+      prevScreen: O.current,
+      onStart: (F) => R?.onSwipeEnd?.(F, {
+        animate: r,
+        currentDecorator: Y.current,
+        prevDecorator: X.current
       })
-    }) ? window.history.back() : o("IDLE");
-  }, ft = (p) => {
-    if (!(!c && r && d === "COMPLETED" && f === "IDLE" && !!m))
+    }) ? window.history.back() : u("IDLE");
+  }, P = (m) => {
+    if (!(!c && a && S === "COMPLETED" && E === "IDLE" && !!k))
       return;
-    k.current = Z(p.target, {
+    y.current = lt(m.target, {
       direction: "x",
       verifyByScroll: !0
-    }), M.current = Z(p.target, {
+    }), g.current = lt(m.target, {
       direction: "y",
       verifyByScroll: !0
-    }), W.current = p.clientX, z.current = p.clientY, (!k.current.element && !M.current.element || k.current.element || M.current.element) && (v.current = !0);
-  }, ht = (p) => {
-    const w = !k.current.element && !M.current.element;
-    if (v.current && w)
-      v.current = !1, O.current = !0, i.start(p);
-    else if (v.current && !w) {
-      const S = p.clientX - W.current, x = p.clientY - z.current, yt = M.current.element && M.current.element.scrollTop <= 0 && M.current.hasMarker, mt = k.current.element && k.current.element.scrollLeft <= 0 && k.current.hasMarker;
-      (m === "y" && (yt || k.current.element) && x > 0 && Math.abs(S) < 4 || m === "x" && (mt || M.current.element) && S > 0 && Math.abs(x) < 4) && (v.current = !1, O.current = !0, i.start(p));
+    }), f.current = m.clientX, d.current = m.clientY, (!y.current.element && !g.current.element || y.current.element || g.current.element) && (i.current = !0);
+  }, A = (m) => {
+    const I = !y.current.element && !g.current.element;
+    if (i.current && I)
+      i.current = !1, p.current = !0, o.start(m);
+    else if (i.current && !I) {
+      const C = m.clientX - f.current, F = m.clientY - d.current, Pt = g.current.element && g.current.element.scrollTop <= 0 && g.current.hasMarker, Tt = y.current.element && y.current.element.scrollLeft <= 0 && y.current.hasMarker;
+      (k === "y" && (Pt || y.current.element) && F > 0 && Math.abs(C) < 4 || k === "x" && (Tt || g.current.element) && C > 0 && Math.abs(F) < 4) && (i.current = !1, p.current = !0, o.start(m));
     }
-  }, gt = () => {
-    v.current = !1, O.current = !1;
+  }, x = () => {
+    i.current = !1, p.current = !1;
   };
-  return G(() => {
-    const p = t.current;
-    if (!p) return;
-    const w = (S) => {
-      O.current && S.preventDefault(), S.target?.dataset.swipeAtEdgeBar === "true" && S.preventDefault();
+  return q(() => {
+    const m = t.current;
+    if (!m) return;
+    const I = (C) => {
+      p.current && C.preventDefault(), C.target?.dataset.swipeAtEdgeBar === "true" && C.preventDefault();
     };
-    return p.addEventListener("touchmove", w, {
+    return m.addEventListener("touchmove", I, {
       passive: !1
     }), () => {
-      p.removeEventListener("touchmove", w);
+      m.removeEventListener("touchmove", I);
     };
-  }, [t]), G(() => {
+  }, [t]), q(() => {
     t.current && (async () => {
-      const { value: p, options: w } = E[`${d}-${r}`], S = l !== u;
-      !r && d === "REPLACING" && S && (y("PENDING"), await s(t.current, bt, {
+      const { value: m, options: I } = N[`${S}-${a}`], C = h !== l;
+      !a && S === "REPLACING" && C && (D("PENDING"), await r(t.current, qt, {
         duration: 0.1
-      })), await s(t.current, p, w), await N.resolveTask(n), !r && S && y("IDLE"), r && d === "COMPLETED" && o("IDLE");
+      })), await r(t.current, m, I), await _.resolveTask(s), !a && C && D("IDLE"), a && S === "COMPLETED" && u("IDLE");
     })();
   }, [
-    d,
-    r,
-    n,
-    l,
-    u,
+    S,
+    a,
     s,
+    h,
+    l,
+    r,
     t,
-    E,
-    o,
-    y
-  ]), /* @__PURE__ */ et(
-    st.div,
+    N,
+    u,
+    D
+  ]), /* @__PURE__ */ pt(
+    yt.div,
     {
       ref: t,
       ...e,
-      initial: g,
-      drag: m,
+      initial: w,
+      drag: k,
       dragListener: !1,
-      dragControls: i,
-      onDragStart: lt,
-      onDrag: dt,
-      onDragEnd: pt,
-      onPointerDown: ft,
-      onPointerMove: ht,
-      onPointerUp: gt,
+      dragControls: o,
+      onDragStart: v,
+      onDrag: T,
+      onDragEnd: b,
+      onPointerDown: P,
+      onPointerMove: A,
+      onPointerUp: x,
       style: {
         position: "absolute",
         top: 0,
@@ -1247,7 +1527,7 @@ function ut({
         ...e.style
       },
       children: [
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ M(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1261,7 +1541,7 @@ function ut({
             }
           }
         ),
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ M(
           "div",
           {
             style: {
@@ -1271,11 +1551,11 @@ function ut({
               width: "100%",
               height: "100%"
             },
-            children: a
+            children: n
           }
         ),
-        L && /* @__PURE__ */ P(_t, { ref: H }),
-        /* @__PURE__ */ P(
+        R && /* @__PURE__ */ M(Vt, { ref: Y }),
+        /* @__PURE__ */ M(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1293,41 +1573,53 @@ function ut({
     }
   );
 }
-function Jt({
-  children: a,
+function ie({
+  children: n,
   ...e
 }) {
-  const { isActive: t, isPrev: s } = Q(), n = T((i) => i.status), r = R((i) => i.dragStatus), c = R((i) => i.replaceTransitionStatus);
-  return /* @__PURE__ */ P(ct, { freeze: !t && (n === "COMPLETED" && r === "IDLE" && c === "IDLE" || s && c === "IDLE"), children: /* @__PURE__ */ P(ut, { ...e, children: a }) });
+  const { isActive: t, isPrev: r } = V(), s = $((o) => o.status), a = j((o) => o.dragStatus), c = j((o) => o.replaceTransitionStatus);
+  return /* @__PURE__ */ M(St, { freeze: !t && (s === "COMPLETED" && a === "IDLE" && c === "IDLE" || r && c === "IDLE"), children: /* @__PURE__ */ M(wt, { ...e, children: n }) });
 }
-function Zt({
-  children: a,
+function ce({
+  children: n,
   ...e
 }) {
-  const { isActive: t, isPrev: s } = Q(), n = T((i) => i.status), r = R((i) => i.dragStatus), c = R((i) => i.replaceTransitionStatus);
-  return /* @__PURE__ */ P(ct, { freeze: !t && (n === "COMPLETED" && r === "IDLE" && c === "IDLE" || s && c === "IDLE"), children: /* @__PURE__ */ P(
-    ut,
+  const { isActive: t, isPrev: r } = V(), s = $((o) => o.status), a = j((o) => o.dragStatus), c = j((o) => o.replaceTransitionStatus);
+  return /* @__PURE__ */ M(St, { freeze: !t && (s === "COMPLETED" && a === "IDLE" && c === "IDLE" || r && c === "IDLE"), children: /* @__PURE__ */ M(
+    wt,
     {
       ...e,
       style: {
         backgroundColor: "transparent",
         ...e.style
       },
-      children: /* @__PURE__ */ P(Lt, { children: a })
+      children: /* @__PURE__ */ M(Nt, { children: n })
     }
   ) });
 }
+function ue({ children: n, ...e }) {
+  const { isActive: t, transitionName: r } = V(), s = $((c) => c.status), a = K.get(r);
+  return /* @__PURE__ */ M(
+    kt,
+    {
+      transition: a?.variants[`${s}-${t}`]?.options,
+      ...e,
+      children: n
+    }
+  );
+}
 export {
-  Zt as LayoutScreen,
-  Xt as Route,
-  qt as Router,
-  Jt as Screen,
-  Mt as createDecorator,
-  zt as createRawDecorator,
-  Wt as createRawTransition,
-  $ as createTransition,
-  Kt as useNavigate,
-  Vt as useParams,
-  Q as useScreen,
-  jt as useStep
+  ue as LayoutConfig,
+  ce as LayoutScreen,
+  ee as Route,
+  te as Router,
+  ie as Screen,
+  _t as createDecorator,
+  oe as createRawDecorator,
+  ae as createRawTransition,
+  J as createTransition,
+  ne as useNavigate,
+  re as useParams,
+  V as useScreen,
+  se as useStep
 };