flemo 1.3.9 → 1.4.0

package/dist/index.mjs

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