flemo 1.4.1 → 1.5.0

package/dist/index.d.ts

@@ -11,5 +11,6 @@ export { default as createRawDecorator } from './transition/decorator/createRawD
 export { default as Screen, type ScreenProps } from './screen/Screen';
 export { default as LayoutScreen } from './screen/LayoutScreen';
 export { default as LayoutConfig } from './screen/LayoutConfig';
+export { default as useViewportScrollHeight } from './screen/useViewportScrollHeight';
 export type { TransitionName, RegisterTransition } from './transition/typing';
 export type { DecoratorName, RegisterDecorator } from './transition/decorator/typing';

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import { jsx as D, jsxs as yt } from "react/jsx-runtime";
-import ot, { useEffect as Y, createContext as Et, useContext as St, useReducer as Yt, Children as kt, Suspense as qt, useImperativeHandle as Bt, useState as it, useRef as $, useLayoutEffect as vt } from "react";
-import { transform as Mt, useAnimate as Ct, motion as Rt, useDragControls as Xt, AnimatePresence as zt, MotionConfig as Kt } from "motion/react";
-var H = {}, Tt;
-function Wt() {
-  if (Tt) return H;
-  Tt = 1, Object.defineProperty(H, "__esModule", { value: !0 }), H.PathError = H.TokenData = void 0, H.parse = l, H.compile = w, H.match = I, H.pathToRegexp = L, H.stringify = Q;
+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.
     "{": "{",
@@ -41,74 +41,74 @@ function Wt() {
     const { encodePath: y = e } = d, m = [...i], f = [];
     let p = 0, S = 0;
     function T() {
-      let E = "";
+      let w = "";
       if (t.test(m[p]))
         do
-          E += m[p++];
+          w += m[p++];
         while (s.test(m[p]));
       else if (m[p] === '"') {
-        let b = p;
+        let R = p;
         for (; p++ < m.length; ) {
           if (m[p] === '"') {
-            p++, b = 0;
+            p++, R = 0;
             break;
           }
-          m[p] === "\\" && p++, E += m[p];
+          m[p] === "\\" && p++, w += m[p];
         }
-        if (b)
-          throw new h(`Unterminated quote at index ${b}`, i);
+        if (R)
+          throw new h(`Unterminated quote at index ${R}`, i);
       }
-      if (!E)
+      if (!w)
         throw new h(`Missing parameter name at index ${p}`, i);
-      return E;
+      return w;
     }
     for (; p < m.length; ) {
-      const E = m[p], b = r[E];
-      b ? f.push({ type: b, index: p++, value: E }) : E === "\\" ? f.push({ type: "escape", index: p++, value: m[p++] }) : E === ":" ? f.push({ type: "param", index: p++, value: T() }) : E === "*" ? f.push({ type: "wildcard", index: p++, value: T() }) : f.push({ type: "char", index: p++, value: E });
+      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 });
     }
     f.push({ type: "end", index: p, value: "" });
-    function C(E) {
-      const b = [];
+    function C(w) {
+      const R = [];
       for (; ; ) {
         const N = f[S++];
-        if (N.type === E)
+        if (N.type === w)
           break;
         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];
-          b.push({
+          R.push({
             type: "text",
             value: y(O)
           });
           continue;
         }
         if (N.type === "param" || N.type === "wildcard") {
-          b.push({
+          R.push({
             type: N.type,
             name: N.value
           });
           continue;
         }
         if (N.type === "{") {
-          b.push({
+          R.push({
             type: "group",
             tokens: C("}")
           });
           continue;
         }
-        throw new h(`Unexpected ${N.type} at index ${N.index}, expected ${E}`, i);
+        throw new h(`Unexpected ${N.type} at index ${N.index}, expected ${w}`, i);
       }
-      return b;
+      return R;
     }
     return new u(C("end"), i);
   }
-  function w(i, d = {}) {
+  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, ...E] = p(T);
-      if (E.length)
-        throw new TypeError(`Missing parameters: ${E.join(", ")}`);
+      const [C, ...w] = p(T);
+      if (w.length)
+        throw new TypeError(`Missing parameters: ${w.join(", ")}`);
       return C;
     };
   }
@@ -156,36 +156,36 @@ function Wt() {
       return [m(p)];
     };
   }
-  function I(i, d = {}) {
-    const { decode: y = decodeURIComponent, delimiter: m = n } = d, { regexp: f, keys: p } = L(i, d), S = p.map((T) => y === !1 ? e : T.type === "param" ? y : (C) => C.split(m).map(y));
+  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 E = f.exec(C);
-      if (!E)
+      const w = f.exec(C);
+      if (!w)
         return !1;
-      const b = E[0], N = /* @__PURE__ */ Object.create(null);
-      for (let O = 1; O < E.length; O++) {
-        if (E[O] === 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 j = p[O - 1], nt = S[O - 1];
-        N[j.name] = nt(E[O]);
+        const j = p[O - 1], ut = S[O - 1];
+        N[j.name] = ut(w[O]);
       }
-      return { path: b, params: N };
+      return { path: R, params: N };
     };
   }
-  function L(i, d = {}) {
+  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 x(i, [])) {
+    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 E = `^(?:${C.join("|")})`;
-    return p && (E += `(?:${o(y)}$)?`), E += m ? "$" : `(?=${o(y)}|$)`, { regexp: new RegExp(E, T), keys: S };
+    let w = `^(?:${C.join("|")})`;
+    return p && (w += `(?:${o(y)}$)?`), w += m ? "$" : `(?=${o(y)}|$)`, { regexp: new RegExp(w, T), keys: S };
   }
-  function x(i, d) {
+  function I(i, d) {
     if (Array.isArray(i))
       for (const y of i)
-        x(y, d);
+        I(y, d);
     else
       d.push(i);
     return d;
@@ -211,19 +211,19 @@ function Wt() {
       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 += `(${K(d, S ? "" : p)}+)` : f += "([\\s\\S]+)", y.push(T), p = "", S = !1;
+        T.type === "param" ? f += `(${W(d, S ? "" : p)}+)` : f += "([\\s\\S]+)", y.push(T), p = "", S = !1;
         continue;
       }
     }
     return f;
   }
-  function K(i, d) {
+  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 _(i) {
     let d = "", y = 0;
     function m(f) {
-      return k(f) && R(i[y]) ? f : JSON.stringify(f);
+      return k(f) && b(i[y]) ? f : JSON.stringify(f);
     }
     for (; y < i.length; ) {
       const f = i[y++];
@@ -254,17 +254,17 @@ function Wt() {
     const [d, ...y] = i;
     return t.test(d) && y.every((m) => s.test(m));
   }
-  function R(i) {
+  function b(i) {
     return i && i.type === "text" ? !s.test(i.value[0]) : !0;
   }
   return H;
 }
-var z = Wt();
+var K = zt();
 function Jt(n, e, t) {
-  const s = Array.isArray(n) ? n.find((u) => z.pathToRegexp(u).regexp.test(e)) || "" : z.pathToRegexp(n).regexp.test(e) ? n : "", r = z.match(s)(e), a = new URLSearchParams(t), o = Object.fromEntries(a.entries());
+  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 Lt() {
+function Dt() {
   return typeof document > "u";
 }
 class Zt {
@@ -335,7 +335,7 @@ class Zt {
     return new Promise((r, a) => {
       this.taskQueue = this.taskQueue.then(async () => {
         try {
-          const { control: o, validate: u, rollback: h, dependencies: l = [], delay: w } = t, g = new AbortController(), c = {
+          const { control: o, validate: u, rollback: h, dependencies: l = [], delay: E } = t, g = new AbortController(), c = {
             id: s,
             execute: e,
             timestamp: Date.now(),
@@ -348,7 +348,7 @@ class Zt {
             control: o,
             abortController: g
           };
-          this.tasks.set(c.id, c), this.pendingTaskQueue.length > 0 && (this.pendingTaskQueue.push(c), await this.waitForPendingTasks(), this.pendingTaskQueue = this.pendingTaskQueue.filter((L) => L.id !== c.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(c.id))
               throw c.status = "FAILED", new Error("FAILED");
@@ -361,8 +361,8 @@ class Zt {
               }
               if (c.validate && !await c.validate())
                 throw c.status = "FAILED", new Error("FAILED");
-              w && w > 0 && await new Promise((P) => setTimeout(P, w));
-              const x = await c.execute(c.abortController);
+              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,
@@ -376,37 +376,37 @@ class Zt {
               if (t.control) {
                 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: x }, this.pendingTaskQueue.push(c), await this.onTaskStatusChange(c.id, "MANUAL_PENDING");
+                  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 (P.signal) {
-                  c.status = "SIGNAL_PENDING", c.manualResolver = { resolve: r, reject: a, result: x }, this.signalListeners.has(P.signal) || this.signalListeners.set(P.signal, /* @__PURE__ */ new Set()), this.signalListeners.get(P.signal).add(c.id), this.pendingTaskQueue.push(c), await this.onTaskStatusChange(c.id, "SIGNAL_PENDING");
+                  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 (P.condition && !await P.condition()) {
-                  c.status = "MANUAL_PENDING", c.manualResolver = { resolve: r, reject: a, result: x }, this.pendingTaskQueue.push(c), await this.onTaskStatusChange(c.id, "MANUAL_PENDING");
+                  c.status = "MANUAL_PENDING", c.manualResolver = { resolve: r, reject: a, result: I }, this.pendingTaskQueue.push(c), await this.onTaskStatusChange(c.id, "MANUAL_PENDING");
                   return;
                 }
               }
               c.status = "COMPLETED", await this.onTaskStatusChange(c.id, "COMPLETED"), r({
                 success: !0,
-                result: x,
+                result: I,
                 taskId: c.id,
                 timestamp: Date.now(),
                 instanceId: this.instanceId
               });
-            } catch (x) {
+            } catch (I) {
               if (c.status = "FAILED", c.rollback)
                 try {
                   await c.rollback(), c.status = "ROLLEDBACK";
                 } catch {
                 }
-              throw await this.onTaskStatusChange(c.id, c.status), x;
+              throw await this.onTaskStatusChange(c.id, c.status), I;
             } finally {
               this.releaseLock(c.id);
             }
-          } catch (L) {
-            a(L);
+          } catch (D) {
+            a(D);
           }
         } catch (o) {
           a(o);
@@ -440,29 +440,29 @@ class Zt {
     await Promise.all(e.map((t) => this.resolveTask(t.id)));
   }
 }
-const V = new Zt(), Dt = (n) => {
+const F = new Zt(), It = (n) => {
   let e;
-  const t = /* @__PURE__ */ new Set(), s = (l, w) => {
+  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 = w ?? (typeof g != "object" || g === null) ? g : Object.assign({}, e, g), t.forEach((I) => I(e, c));
+      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: () => h, subscribe: (l) => (t.add(l), () => t.delete(l)) }, h = e = n(s, r, u);
   return u;
-}, te = ((n) => n ? Dt(n) : Dt), ee = (n) => n;
+}, te = ((n) => n ? It(n) : It), ee = (n) => n;
 function ne(n, e = ee) {
-  const t = ot.useSyncExternalStore(
+  const t = at.useSyncExternalStore(
     n.subscribe,
-    ot.useCallback(() => e(n.getState()), [n, e]),
-    ot.useCallback(() => e(n.getInitialState()), [n, e])
+    at.useCallback(() => e(n.getState()), [n, e]),
+    at.useCallback(() => e(n.getInitialState()), [n, e])
   );
-  return ot.useDebugValue(t), t;
+  return at.useDebugValue(t), t;
 }
-const It = (n) => {
+const xt = (n) => {
   const e = te(n), t = (s) => ne(e, s);
   return Object.assign(t, e), t;
-}, ct = ((n) => n ? It(n) : It), q = ct((n) => ({
+}, it = ((n) => n ? xt(n) : xt), q = it((n) => ({
   index: -1,
   histories: [],
   addHistory: (e) => n((t) => ({
@@ -477,7 +477,7 @@ const It = (n) => {
     index: t.index - 1,
     histories: t.histories.filter((s, r) => r !== e)
   }))
-})), U = ct((n) => ({
+})), U = it((n) => ({
   status: "IDLE",
   setStatus: (e) => n({ status: e })
 }));
@@ -485,27 +485,27 @@ function re() {
   return Y(() => {
     const n = async (e) => {
       const t = e.state?.id;
-      (await V.addTask(
+      (await F.addTask(
         async (s) => {
-          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: w, addHistory: g, popHistory: c } = q.getState(), I = r < w, L = a === "PUSHING" && r > w, x = a === "REPLACING" && r > w, P = window.location.pathname;
-          if (!I && !L && !x) {
+          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 I ? l("POPPING") : L ? (l("PUSHING"), g({
+          return L ? l("POPPING") : D ? (l("PUSHING"), g({
             id: t,
             pathname: P,
             params: o,
             transitionName: u,
             layoutId: h
-          })) : x && (l("REPLACING"), g({
+          })) : I && (l("REPLACING"), g({
             id: t,
             pathname: P,
             params: o,
             transitionName: u,
             layoutId: h
           })), async () => {
-            I && c(r + 1), l("COMPLETED");
+            L && c(r + 1), l("COMPLETED");
           };
         },
         {
@@ -521,17 +521,12 @@ function re() {
     };
   }, []), null;
 }
-const bt = Et({}), At = Et(() => {
+const Ot = Et({}), Gt = Et(() => {
 });
 function se(n, e) {
-  switch (e.type) {
-    case "SET":
-      return e.params;
-    default:
-      return n;
-  }
+  return e.type === "SET" ? e.params : n;
 }
-const Ot = Et({
+const $t = Et({
   id: "",
   isActive: !1,
   isRoot: !0,
@@ -544,31 +539,31 @@ const Ot = Et({
   layoutId: null
 });
 function Z() {
-  return St(Ot);
+  return St($t);
 }
 function ae({ children: n }) {
-  const { isActive: e, params: t } = Z(), [s, r] = Yt(se, t);
+  const { isActive: e, params: t } = Z(), [s, r] = qt(se, t);
   return Y(() => {
     const a = async (o) => {
-      o.state?.step && await V.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(At.Provider, { value: r, children: /* @__PURE__ */ D(bt.Provider, { value: s, children: n }) });
+  }, [e, r]), /* @__PURE__ */ x(Gt.Provider, { value: r, children: /* @__PURE__ */ x(Ot.Provider, { value: s, children: n }) });
 }
 function oe({ children: n }) {
   const e = q((s) => s.index), t = q((s) => s.histories);
   return t.map(
-    (s) => kt.toArray(n).filter(
-      (r) => z.pathToRegexp(r.props.path).regexp.test(
+    (s) => Mt.toArray(n).filter(
+      (r) => K.pathToRegexp(r.props.path).regexp.test(
         s.pathname
       )
     )
-  ).map(([s], r) => /* @__PURE__ */ D(
-    Ot.Provider,
+  ).map(([s], r) => /* @__PURE__ */ x(
+    $t.Provider,
     {
       value: {
         id: t[r].id,
@@ -582,7 +577,7 @@ function oe({ children: n }) {
         prevTransitionName: t[e - 1]?.transitionName,
         layoutId: t[r].layoutId
       },
-      children: /* @__PURE__ */ D(ae, { children: s })
+      children: /* @__PURE__ */ x(ae, { children: s })
     },
     t[r].id
   ));
@@ -665,11 +660,11 @@ const ce = ie({
       }
     )
   }
-}), Pt = /* @__PURE__ */ new Map([["overlay", ce]]), mt = ct((n) => ({
+}), Pt = /* @__PURE__ */ new Map([["overlay", ce]]), mt = it((n) => ({
   defaultTransitionName: "cupertino",
   setDefaultTransitionName: (e) => n({ defaultTransitionName: e })
 }));
-function ut({
+function ct({
   name: n,
   initial: e,
   idle: t,
@@ -697,7 +692,7 @@ function ut({
     ...u
   };
 }
-const ue = ut({
+const ue = ct({
   name: "cupertino",
   initial: {
     x: "100%"
@@ -751,7 +746,7 @@ const ue = ut({
     swipeDirection: "x",
     onSwipeStart: async () => !0,
     onSwipe: (n, e, { animate: t, currentScreen: s, prevScreen: r, onProgress: a }) => {
-      const { offset: o } = e, u = o.x, h = Mt(u, [0, window.innerWidth], [0, 100]);
+      const { offset: o } = e, u = o.x, h = bt(u, [0, window.innerWidth], [0, 100]);
       return a?.(!0, h), t(
         s,
         {
@@ -796,7 +791,7 @@ const ue = ut({
       ]), l;
     }
   }
-}), le = ut({
+}), le = ct({
   name: "layout",
   initial: {
     opacity: 0.97
@@ -846,7 +841,7 @@ const ue = ut({
     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)), h = Mt(u, [0, 56], [1, 0.96]), l = Math.max(0, o - 56), w = Math.min(1, l / 160), g = Math.sqrt(w) * 12, c = Math.max(0, u + g), I = Math.min(56, c);
+      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,
         {
@@ -856,7 +851,7 @@ const ue = ut({
         {
           duration: 0
         }
-      ), I;
+      ), L;
     },
     onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
       const { offset: o, velocity: u } = e, l = o.y > 56 || u.y > 20;
@@ -884,7 +879,7 @@ const ue = ut({
       ]), l;
     }
   }
-}), de = ut({
+}), de = ct({
   name: "material",
   initial: {
     y: "100%"
@@ -937,8 +932,8 @@ const ue = ut({
     swipeDirection: "y",
     onSwipeStart: async () => !0,
     onSwipe: (n, e, { animate: t, currentScreen: s, prevScreen: r, onProgress: a }) => {
-      const { offset: o } = e, u = o.y, h = Math.max(0, Math.min(56, u)), l = Math.max(0, u - 56), w = Math.min(1, l / 160), g = Math.sqrt(w) * 12, c = Math.max(0, h + g), I = Math.min(56, c);
-      return a?.(!0, I), t(
+      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: c
@@ -949,10 +944,10 @@ const ue = ut({
       ), t(
         r,
         {
-          y: -56 + I
+          y: -56 + L
         },
         { duration: 0 }
-      ), I;
+      ), L;
     },
     onSwipeEnd: async (n, e, { animate: t, currentScreen: s, prevScreen: r, onStart: a }) => {
       const { offset: o, velocity: u } = e, l = o.y > 56 || u.y > 20;
@@ -980,7 +975,7 @@ const ue = ut({
       ]), l;
     }
   }
-}), pe = ut({
+}), pe = ct({
   name: "none",
   initial: {},
   idle: {
@@ -1027,14 +1022,14 @@ const ue = ut({
   }
   return n;
 })();
-function ve({
+function Se({
   children: n,
   initPath: e = "/",
   defaultTransitionName: t = "cupertino",
   transitions: s = [],
   decorators: r = []
 }) {
-  const a = Lt() ? e || "/" : window.location.pathname, o = Lt() ? a.split("?")[1] || "" : window.location.search;
+  const a = Dt() ? e || "/" : window.location.pathname, o = Dt() ? a.split("?")[1] || "" : window.location.search;
   return mt.setState({
     defaultTransitionName: t
   }), q.setState({
@@ -1044,7 +1039,7 @@ function ve({
         id: "root",
         pathname: a,
         params: Jt(
-          kt.toArray(n).map((u) => u.props.path).flat(),
+          Mt.toArray(n).map((u) => u.props.path).flat(),
           a,
           o
         ),
@@ -1080,33 +1075,33 @@ function ve({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ D(re, {}),
-        /* @__PURE__ */ D(oe, { children: n })
+        /* @__PURE__ */ x(re, {}),
+        /* @__PURE__ */ x(oe, { children: n })
       ]
     }
   );
 }
-function Te({ element: n }) {
+function Pe({ element: n }) {
   return n;
 }
-function Le() {
+function ve() {
   return {
     push: async (s, r, a = {}) => {
       const { status: o, setStatus: u } = U.getState();
       if (o !== "COMPLETED" && o !== "IDLE")
         return;
-      const { index: h, addHistory: l } = q.getState(), w = mt.getState().defaultTransitionName, { transitionName: g = w, layoutId: c = null } = a, I = V.generateTaskId();
-      (await V.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 L = z.compile(s), x = Object.fromEntries(
-            Object.entries(r).map(([k, R]) => [k, String(R)])
-          ), P = L(x), M = z.parse(s).tokens.filter((k) => k.type === "param").map((k) => k.name), K = Object.fromEntries(
+          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(K).toString(), Q = `${P}${_ ? `?${_}` : ""}`;
+          ), _ = new URLSearchParams(W).toString(), Q = `${P}${_ ? `?${_}` : ""}`;
           return window.history.pushState(
             {
-              id: I,
+              id: L,
               index: h + 1,
               status: "PUSHING",
               params: r,
@@ -1116,7 +1111,7 @@ function Le() {
             "",
             Q
           ), l({
-            id: I,
+            id: L,
             pathname: P,
             params: r,
             transitionName: g,
@@ -1126,7 +1121,7 @@ function Le() {
           };
         },
         {
-          id: I,
+          id: L,
           control: {
             manual: !0
           }
@@ -1137,38 +1132,38 @@ function Le() {
       const { status: o, setStatus: u } = U.getState();
       if (o !== "COMPLETED" && o !== "IDLE")
         return;
-      const { index: h, addHistory: l } = q.getState(), w = q.getState().replaceHistory, g = mt.getState().defaultTransitionName, { transitionName: c = g, layoutId: I = null } = a, L = V.generateTaskId();
-      (await V.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 x = z.compile(s), P = Object.fromEntries(
-            Object.entries(r).map(([R, i]) => [R, String(i)])
-          ), M = x(P), K = z.parse(s).tokens.filter((R) => R.type === "param").map((R) => R.name), _ = Object.fromEntries(
-            Object.entries(r).filter(([R]) => !K.includes(R))
+          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: L,
+              id: D,
               index: h,
               status: "REPLACING",
               params: r,
               transitionName: c,
-              layoutId: I
+              layoutId: L
             },
             "",
             k
           ), l({
-            id: L,
+            id: D,
             pathname: M,
             params: r,
             transitionName: c,
-            layoutId: I
+            layoutId: L
           }), async () => {
-            w(h), u("COMPLETED");
+            E(h), u("COMPLETED");
           };
         },
         {
-          id: L,
+          id: D,
           control: {
             manual: !0
           }
@@ -1181,12 +1176,12 @@ function Le() {
     }
   };
 }
-function De() {
-  const n = St(At);
+function Te() {
+  const n = St(Gt);
   return {
     pushStep: async (r) => {
       const a = U.getState().status;
-      a !== "COMPLETED" && a !== "IDLE" || (await V.addTask(async () => {
+      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(
           {
@@ -1208,7 +1203,7 @@ function De() {
     },
     replaceStep: async (r) => {
       const a = U.getState().status;
-      a !== "COMPLETED" && a !== "IDLE" || (await V.addTask(async () => {
+      a !== "COMPLETED" && a !== "IDLE" || (await F.addTask(async () => {
         const o = new URLSearchParams(r).toString(), u = `${window.location.pathname}${o ? `?${o}` : ""}`;
         return window.history.replaceState(
           {
@@ -1227,10 +1222,10 @@ function De() {
     }
   };
 }
-function Ie() {
-  return St(bt);
+function Le() {
+  return St(Ot);
 }
-function xe({
+function De({
   name: n,
   initial: e,
   idle: t,
@@ -1241,7 +1236,7 @@ function xe({
   popOnEnter: u,
   popOnExit: h,
   completedOnExit: l,
-  completedOnEnter: w,
+  completedOnEnter: E,
   options: g
 }) {
   return {
@@ -1257,12 +1252,12 @@ function xe({
       "POPPING-false": h,
       "POPPING-true": u,
       "COMPLETED-false": l,
-      "COMPLETED-true": w
+      "COMPLETED-true": E
     },
     ...g
   };
 }
-function Ne({
+function Ie({
   name: n,
   initial: e,
   idle: t,
@@ -1273,7 +1268,7 @@ function Ne({
   popOnEnter: u,
   popOnExit: h,
   completedOnEnter: l,
-  completedOnExit: w,
+  completedOnExit: E,
   options: g
 }) {
   return {
@@ -1288,45 +1283,32 @@ function Ne({
       "REPLACING-true": a,
       "POPPING-false": h,
       "POPPING-true": u,
-      "COMPLETED-false": w,
+      "COMPLETED-false": E,
       "COMPLETED-true": l
     },
     ...g
   };
 }
-const he = { then() {
-} };
-function ge({
-  freeze: n,
-  children: e
-}) {
-  if (n)
-    throw he;
-  return e;
-}
-function Gt({ freeze: n, children: e, placeholder: t }) {
-  return /* @__PURE__ */ D(qt, { fallback: t, children: /* @__PURE__ */ D(ge, { freeze: n, children: e }) });
-}
-function xt(n, e) {
+function Nt(n, e) {
   const {
     direction: t = "x",
     markerSelector: s = "[data-swipe-at-edge]",
     depthLimit: r = 24,
     verifyByScroll: a = !1
-  } = e ?? {}, o = ye(n);
+  } = e ?? {}, o = he(n);
   if (!o) return { element: null, hasMarker: !1 };
   const u = o.closest?.(s);
-  if (u instanceof HTMLElement && wt(u, t) && (!a || Nt(u, t)))
+  if (u instanceof HTMLElement && wt(u, t) && (!a || kt(u, t)))
     return { element: u, hasMarker: !0 };
   let h = o, l = 0;
   for (; h && h !== document.body && l < r; ) {
-    if (wt(h, t) && (!a || Nt(h, t)))
+    if (wt(h, t) && (!a || kt(h, t)))
       return { element: h, hasMarker: !1 };
     h = h.parentElement, l++;
   }
   return { element: null, hasMarker: !1 };
 }
-function ye(n) {
+function he(n) {
   if (!n) return null;
   const e = n, t = typeof e.composedPath == "function" ? e.composedPath() : void 0;
   if (t && t.length) {
@@ -1338,7 +1320,7 @@ function ye(n) {
 function wt(n, e) {
   return e === "y" ? n.scrollHeight - n.clientHeight > 1 : n.scrollWidth - n.clientWidth > 1;
 }
-function Nt(n, e) {
+function kt(n, e) {
   if (!wt(n, e)) return !1;
   if (e === "y") {
     const t = n.scrollTop;
@@ -1356,19 +1338,19 @@ function Nt(n, e) {
     return n.scrollLeft = t, r;
   }
 }
-function me({ children: n, ref: e, ...t }) {
-  const { isActive: s, transitionName: r } = Z(), [a, o] = Ct();
+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: w, variants: g } = Pt.get(l);
+  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: c, options: I } = g[`${u}-${s}`];
-    o(a.current, c, I);
-  }, [u, s, o, g, a]), /* @__PURE__ */ D(
-    Rt.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,15 +1364,15 @@ function me({ children: n, ref: e, ...t }) {
     }
   );
 }
-const J = ct((n) => ({
+const J = it((n) => ({
   dragStatus: "IDLE",
   replaceTransitionStatus: "IDLE",
   setDragStatus: (e) => n({ dragStatus: e }),
   setReplaceTransitionStatus: (e) => n({ replaceTransitionStatus: e })
 }));
 let gt = 0;
-function we() {
-  const [n, e] = it(0), [t, s] = it(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);
@@ -1403,7 +1385,7 @@ function we() {
     };
   }, []), { viewportScrollHeight: n, changedViewportScrollHeight: t };
 }
-function $t({
+function Ht({
   children: n,
   statusBarHeight: e,
   statusBarColor: t,
@@ -1414,83 +1396,83 @@ function $t({
   appBar: u,
   navigationBar: h,
   hideStatusBar: l,
-  hideSystemNavigationBar: w,
+  hideSystemNavigationBar: E,
   backgroundColor: g = "white",
   contentScrollable: c = !0,
-  ...I
+  ...L
 }) {
-  const [L, x] = Ct(), { id: P, isActive: M, isRoot: K, transitionName: _, prevTransitionName: Q } = Z(), k = Xt(), R = 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: E } = we(), [b, N] = it(0), [O, j] = it(0), nt = $(null), rt = $(null), st = $(null), at = $(null), B = $(!1), tt = $(!1), X = $({
+  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 }), lt = $(0), dt = $(0), pt = $(null), ft = $(null), Ht = async (v, G) => {
-    if (!S || E > 10)
+  }), z = $({ element: null, hasMarker: !1 }), lt = $(0), dt = $(0), pt = $(null), ft = $(null), Ut = async (v, G) => {
+    if (!S || w > 10)
       return;
-    const A = nt.current?.previousSibling;
-    rt.current = A?.querySelector("[data-screen]"), at.current = A?.querySelector("[data-decorator]");
-    const F = await m?.onSwipeStart(v, G, {
-      animate: x,
-      currentScreen: L.current,
-      prevScreen: rt.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: x,
-        currentDecorator: st.current,
-        prevDecorator: at.current
+        animate: I,
+        currentDecorator: rt.current,
+        prevDecorator: st.current
       })
     });
-    d(F ? "PENDING" : "IDLE");
-  }, Ut = (v, G) => {
-    !S || i !== "PENDING" || E > 10 || m?.onSwipe(v, G, {
-      animate: x,
-      currentScreen: L.current,
-      prevScreen: rt.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, F) => C?.onSwipe?.(A, F, {
-        animate: x,
-        currentDecorator: st.current,
-        prevDecorator: at.current
+      onProgress: (A, V) => C?.onSwipe?.(A, V, {
+        animate: I,
+        currentDecorator: rt.current,
+        prevDecorator: st.current
       })
     });
-  }, _t = async (v, G) => {
-    if (!S || i !== "PENDING" || E > 10)
+  }, jt = async (v, G) => {
+    if (!S || i !== "PENDING" || w > 10)
       return;
     await m?.onSwipeEnd(v, G, {
-      animate: x,
-      currentScreen: L.current,
-      prevScreen: rt.current,
-      onStart: (F) => C?.onSwipeEnd?.(F, {
-        animate: x,
-        currentDecorator: st.current,
-        prevDecorator: at.current
+      animate: I,
+      currentScreen: D.current,
+      prevScreen: nt.current,
+      onStart: (V) => C?.onSwipeEnd?.(V, {
+        animate: I,
+        currentDecorator: rt.current,
+        prevDecorator: st.current
       })
     }) ? window.history.back() : d("IDLE");
-  }, jt = (v) => {
-    if (!(!K && M && R === "COMPLETED" && i === "IDLE" && !!S && E < 10))
+  }, Vt = (v) => {
+    if (!(!W && M && b === "COMPLETED" && i === "IDLE" && !!S && w < 10))
       return;
-    X.current = xt(v.target, {
+    X.current = Nt(v.target, {
       direction: "x",
       verifyByScroll: !0
-    }), W.current = xt(v.target, {
+    }), z.current = Nt(v.target, {
       direction: "y",
       verifyByScroll: !0
-    }), lt.current = v.clientX, dt.current = v.clientY, (!X.current.element && !W.current.element || X.current.element || W.current.element) && (B.current = !0);
-  }, Ft = (v) => {
-    if (E > 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 = !X.current.element && !W.current.element;
+    const G = !X.current.element && !z.current.element;
     if (B.current && G) {
       B.current = !1, tt.current = !0;
-      const A = v.clientY - dt.current, F = v.clientX - lt.current;
-      (S === "y" && A > 0 || S === "x" && F > 0) && k.start(v);
+      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, F = v.clientY - dt.current, ht = W.current.element && W.current.element.scrollTop <= 0, Vt = X.current.element && X.current.element.scrollLeft <= 0 && X.current.hasMarker;
-      (S === "y" && (ht || X.current.element) && F > 0 && Math.abs(A) < 2 || S === "x" && (Vt || W.current.element) && A > 0 && Math.abs(F) < 2) && (B.current = !1, tt.current = !0, k.start(v));
+      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));
     }
-  }, Qt = () => {
+  }, Ft = () => {
     B.current = !1, tt.current = !1;
   };
   return Y(() => {
-    const v = L.current;
+    const v = D.current;
     if (!v) return;
     const G = (A) => {
       tt.current && A.preventDefault(), A.target?.dataset.swipeAtEdgeBar === "true" && A.preventDefault();
@@ -1500,32 +1482,32 @@ function $t({
     }), () => {
       v.removeEventListener("touchmove", G);
     };
-  }, [L]), Y(() => {
-    L.current && (async () => {
-      const { value: v, options: G } = f[`${R}-${M}`];
-      !M && R === "REPLACING" && Q !== _ && (y("PENDING"), await x(L.current, fe, {
+  }, [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
-      })), M && R === "COMPLETED" && (d("IDLE"), y("IDLE")), await x(L.current, v, G), await V.resolveTask(P);
+      })), M && b === "COMPLETED" && (d("IDLE"), y("IDLE")), await I(D.current, v, G), await F.resolveTask(P);
     })();
   }, [
-    R,
+    b,
     M,
     P,
     Q,
     _,
-    x,
-    L,
+    I,
+    D,
     f,
     d,
     y
-  ]), vt(() => {
-    pt.current && N(pt.current.offsetHeight);
-  }, [a]), vt(() => {
-    ft.current && j(ft.current.offsetHeight);
+  ]), Tt(() => {
+    pt.current && O(pt.current.offsetHeight);
+  }, [a]), Tt(() => {
+    ft.current && ut(ft.current.offsetHeight);
   }, [o]), /* @__PURE__ */ yt(
     "div",
     {
-      ref: nt,
+      ref: vt,
       style: {
         position: "absolute",
         top: 0,
@@ -1540,7 +1522,7 @@ function $t({
         overscrollBehavior: "contain"
       },
       children: [
-        /* @__PURE__ */ D(
+        /* @__PURE__ */ x(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1554,7 +1536,7 @@ function $t({
             }
           }
         ),
-        a && /* @__PURE__ */ D(
+        a && /* @__PURE__ */ x(
           "div",
           {
             ref: pt,
@@ -1568,20 +1550,24 @@ function $t({
           }
         ),
         /* @__PURE__ */ yt(
-          Rt.div,
+          At.div,
           {
-            ref: L,
-            ...I,
+            ref: D,
+            ...L,
             initial: p,
             drag: S,
             dragListener: !1,
             dragControls: k,
-            onDragStart: Ht,
-            onDrag: Ut,
-            onDragEnd: _t,
-            onPointerDown: jt,
-            onPointerMove: Ft,
-            onPointerUp: Qt,
+            onDragStart: Ut,
+            onDrag: _t,
+            onDragEnd: jt,
+            onPointerDown: Vt,
+            onPointerMove: Qt,
+            onPointerUp: Ft,
+            transition: {
+              inherit: !0,
+              ...L.transition
+            },
             "data-screen": !0,
             style: {
               display: "flex",
@@ -1589,10 +1575,10 @@ function $t({
               height: "100%",
               backgroundColor: g,
               overflowY: c ? void 0 : "auto",
-              ...I.style
+              ...L.style
             },
             children: [
-              !l && e && /* @__PURE__ */ D("div", { style: { minHeight: e }, children: /* @__PURE__ */ D(
+              !l && e && /* @__PURE__ */ x("div", { style: { minHeight: e }, children: /* @__PURE__ */ x(
                 "div",
                 {
                   style: {
@@ -1604,17 +1590,17 @@ function $t({
                   }
                 }
               ) }),
-              a && /* @__PURE__ */ D(
+              a && /* @__PURE__ */ x(
                 "div",
                 {
                   style: {
                     width: "100%",
-                    minHeight: b
+                    minHeight: N
                   }
                 }
               ),
               u,
-              /* @__PURE__ */ D(
+              /* @__PURE__ */ x(
                 "div",
                 {
                   style: {
@@ -1627,45 +1613,55 @@ function $t({
                 }
               ),
               h,
-              o && /* @__PURE__ */ D(
+              o && /* @__PURE__ */ x(
                 "div",
                 {
                   style: {
+                    display: R ? "none" : void 0,
                     width: "100%",
-                    minHeight: O
+                    minHeight: j
                   }
                 }
               ),
-              !w && s && /* @__PURE__ */ D("div", { style: { minHeight: s }, children: /* @__PURE__ */ D(
+              !E && s && /* @__PURE__ */ x(
                 "div",
                 {
                   style: {
-                    position: "fixed",
-                    bottom: 0,
-                    width: "100%",
-                    minHeight: s,
-                    backgroundColor: r
-                  }
+                    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: ft,
             style: {
               position: "absolute",
-              bottom: w ? 0 : s,
+              bottom: E ? 0 : s,
               left: 0,
               width: "100%"
             },
             children: o
           }
         ),
-        C && /* @__PURE__ */ D(me, { ref: st }),
-        /* @__PURE__ */ D(
+        C && /* @__PURE__ */ x(ge, { ref: rt }),
+        /* @__PURE__ */ x(
           "div",
           {
             "data-swipe-at-edge-bar": !0,
@@ -1683,28 +1679,28 @@ function $t({
     }
   );
 }
-function ke({ 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), w = !t && (o === "COMPLETED" && u === "IDLE") || s && a - 2 <= r && h === "IDLE" || s && a - 2 > r;
-  return /* @__PURE__ */ D(Gt, { freeze: w, children: /* @__PURE__ */ D($t, { ...e, children: n }) });
+function xe({ 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, children: /* @__PURE__ */ x(Ct, { mode: E ? "hidden" : "visible", children: n }) });
 }
-function Me({ 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), w = !t && (o === "COMPLETED" && u === "IDLE") || s && a - 2 <= r && h === "IDLE" || s && a - 2 > r;
-  return /* @__PURE__ */ D(Gt, { freeze: w, children: /* @__PURE__ */ D(
-    $t,
+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(zt, { children: n })
+      children: /* @__PURE__ */ x(Kt, { children: /* @__PURE__ */ x(Ct, { mode: E ? "hidden" : "visible", children: n }) })
     }
-  ) });
+  );
 }
-function Ce({ children: n, ...e }) {
+function ke({ children: n, ...e }) {
   const { isActive: t, transitionName: s } = Z(), r = U((o) => o.status), a = et.get(s);
-  return /* @__PURE__ */ D(
-    Kt,
+  return /* @__PURE__ */ x(
+    Wt,
     {
       transition: a?.variants[`${r}-${t}`]?.options,
       ...e,
@@ -1713,17 +1709,18 @@ function Ce({ children: n, ...e }) {
   );
 }
 export {
-  Ce as LayoutConfig,
-  Me as LayoutScreen,
-  Te as Route,
-  ve as Router,
-  ke as Screen,
+  ke as LayoutConfig,
+  Ne as LayoutScreen,
+  Pe as Route,
+  Se as Router,
+  xe as Screen,
   ie as createDecorator,
-  Ne as createRawDecorator,
-  xe as createRawTransition,
-  ut as createTransition,
-  Le as useNavigate,
-  Ie as useParams,
+  Ie as createRawDecorator,
+  De as createRawTransition,
+  ct as createTransition,
+  ve as useNavigate,
+  Le as useParams,
   Z as useScreen,
-  De as useStep
+  Te as useStep,
+  ye as useViewportScrollHeight
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flemo",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "A modern React router library with built-in motion animations and smooth transitions",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "path-to-regexp": "^8.2.0",
-    "zustand": "^5.0.7"
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",
@@ -69,8 +69,8 @@
   },
   "peerDependencies": {
     "motion": "^12.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "lint-staged": {
     "*.{js,mjs,ts,jsx,tsx,mts,json}": "prettier --write",

package/dist/screen/ScreenFreeze.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-interface ScreenFreezeProps {
-    freeze: boolean;
-    children: ReactNode;
-    placeholder?: ReactNode;
-}
-declare function ScreenFreeze({ freeze, children, placeholder }: ScreenFreezeProps): import("react").JSX.Element;
-export default ScreenFreeze;