flemo 1.4.0 → 1.5.0

package/dist/index.mjs

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