vue-micro-router 1.0.62 → 1.0.63

package/README.md

@@ -445,6 +445,11 @@ const { stepWisePush, stepWiseBack } = useMicroRouter();
 // Walk through: home → home/onboarding → home/onboarding/step1
 await stepWisePush('/home/onboarding/step1');
 
+// Relative multi-segment paths are type-checked: every segment must be a
+// known route, joined by `/`, in any order and to any depth.
+await stepWisePush('onboarding/step1'); // ✅ each segment validated
+await stepWisePush('onboarding/oops');  // ❌ compile error — unknown segment
+
 // Step back through each page with animation
 await stepWiseBack(3);
 ```

package/dist/index.d.ts

@@ -635,6 +635,7 @@ declare interface PluginTypedStepWiseBack {
 
 declare interface PluginTypedStepWisePush<Routes extends string, AttrsMap = {}> {
     <K extends Routes>(targetPath: K, ...args: PropsArgs<K, AttrsMap>): Promise<void>;
+    <S extends string>(targetPath: S & RouteSegmentPath<S, Routes>, props?: Record<string, unknown>): Promise<void>;
     (targetPath: `/${string}`, props?: Record<string, unknown>): Promise<void>;
 }
 
@@ -756,6 +757,15 @@ export declare type RouteMap = Record<string, Record<string, unknown> | undefine
 
 export declare const RoutePage: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
+/**
+ * Validate a `/`-joined path where every segment must be a known route.
+ * Returns `S` when valid, else `never`. Given routes `'a' | 'b'`:
+ *   'a' ✓  'a/b' ✓  'b/a/b' ✓  'a/x' ✗ (→ never)  'x' ✗ (→ never)
+ * Walks the string via `infer` (bounded by segment count) — no infinite union,
+ * so it stays cheap for arbitrary depth like `'a/b/c/d/f'`.
+ */
+declare type RouteSegmentPath<S extends string, Routes extends string> = S extends `${infer Head}/${infer Rest}` ? [Head] extends [Routes] ? [RouteSegmentPath<Rest, Routes>] extends [never] ? never : S : never : [S] extends [Routes] ? S : never;
+
 /** Extract route names that don't require props */
 export declare type RoutesWithoutProps<T extends RouteMap> = {
     [K in keyof T]: T[K] extends undefined ? K : never;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { shallowReactive as X, computed as R, defineAsyncComponent as Pe, reactive as we, nextTick as te, ref as ne, inject as V, watch as F, onMounted as Q, onBeforeUnmount as De, provide as O, toRefs as Ue, toRef as Ye, defineComponent as ie, openBlock as N, createBlock as z, resolveDynamicComponent as Ae, mergeProps as Ce, Teleport as Xe, createElementVNode as q, withModifiers as ce, normalizeStyle as _e, normalizeClass as k, createElementBlock as j, createCommentVNode as Fe, renderSlot as Re, Fragment as oe, createVNode as Te, TransitionGroup as Me, withCtx as fe, renderList as ge, unref as Y } from "vue";
-import { i as Ee, s as Se, g as H, w as ae, p as I, b as W, n as $, u as xe } from "./use-audio-manager.mjs";
+import { shallowReactive as X, computed as R, defineAsyncComponent as Pe, reactive as we, nextTick as te, ref as ne, inject as V, watch as F, onMounted as Q, onBeforeUnmount as De, provide as K, toRefs as Ue, toRef as Ye, defineComponent as ie, openBlock as N, createBlock as z, resolveDynamicComponent as Ae, mergeProps as Ce, Teleport as Xe, createElementVNode as q, withModifiers as ce, normalizeStyle as _e, normalizeClass as k, createElementBlock as j, createCommentVNode as Fe, renderSlot as Re, Fragment as oe, createVNode as Te, TransitionGroup as Me, withCtx as fe, renderList as ge, unref as Y } from "vue";
+import { i as Ee, s as Se, g as H, w as ae, p as I, b as $, n as O, u as xe } from "./use-audio-manager.mjs";
 const Ie = Symbol("micro-router");
 function bt() {
   return Symbol("micro-router-nested");
@@ -38,12 +38,12 @@ function Ve(e, o) {
     return (s == null ? void 0 : s.name) ?? n;
   });
   function T(s, f, A) {
-    var d, w, y;
+    var d, w, p;
     if (!(f && u)) {
       f && (u = !0);
       try {
-        const h = r.get(s);
-        if (!h) return;
+        const y = r.get(s);
+        if (!y) return;
         const m = r.get(n), D = s === n || s === i;
         if (f)
           (d = o == null ? void 0 : o.trackGuiEnter) == null || d.call(o, s), D ? r.forEach((P) => {
@@ -54,13 +54,13 @@ function Ve(e, o) {
               attrs: void 0
             }));
           }) : m != null && m.activated && ((w = o == null ? void 0 : o.trackGuiLeave) == null || w.call(o, n), r.set(n, { ...m, activated: !1 })), A && c.set(s, { ...A }), r.set(s, {
-            ...h,
+            ...y,
             activated: !0,
-            componentKey: (h.componentKey || 0) + 1,
+            componentKey: (y.componentKey || 0) + 1,
             attrs: A ? { ...A } : void 0
           });
         else {
-          (y = o == null ? void 0 : o.trackGuiLeave) == null || y.call(o, s), c.delete(s), r.set(s, { ...h, activated: !1, attrs: void 0 });
+          (p = o == null ? void 0 : o.trackGuiLeave) == null || p.call(o, s), c.delete(s), r.set(s, { ...y, activated: !1, attrs: void 0 });
           const P = r.get(n);
           if (!D && P && !P.activated) {
             if (P.name === i) return;
@@ -88,7 +88,7 @@ function Ve(e, o) {
   function g(s) {
     return c.get(s);
   }
-  function p(s, f) {
+  function h(s, f) {
     const A = c.get(s);
     c.set(s, { ...A, ...f });
   }
@@ -100,7 +100,7 @@ function Ve(e, o) {
     registerControl: L,
     registerControls: _,
     getControlAttrs: g,
-    updateControlAttrs: p,
+    updateControlAttrs: h,
     cleanup: l.cleanup
   };
 }
@@ -313,22 +313,22 @@ function st(e) {
     /** Attrs stored separately for useMicroState access inside dialog components */
     dialogAttrs: X(/* @__PURE__ */ new Map())
   }), l = R(() => {
-    const g = [], p = /* @__PURE__ */ new Set();
+    const g = [], h = /* @__PURE__ */ new Set();
     for (const s of t.dialogStack) {
       const f = t.dialogs.get(s);
-      f && (f.activated || f.closing) && (g.push(f), p.add(s));
+      f && (f.activated || f.closing) && (g.push(f), h.add(s));
     }
     for (const s of t.dialogs.values())
-      s.closing && !p.has(s.path) && g.push(s);
+      s.closing && !h.has(s.path) && g.push(s);
     return g;
   }), u = n.schedule;
-  function r(g, p) {
-    return { path: g, attrs: p };
+  function r(g, h) {
+    return { path: g, attrs: h };
   }
-  function c({ path: g, open: p, attrs: s }) {
+  function c({ path: g, open: h, attrs: s }) {
     const f = t.dialogs.get(g);
     return f && te(() => {
-      if (p)
+      if (h)
         t.fromDialog = t.activeDialog, t.toDialog = g, t.dialogStack.includes(g) || t.dialogStack.push(g), t.activeDialog = g, s && t.dialogAttrs.set(g, { ...s }), t.dialogs.set(g, {
           ...f,
           activated: !0,
@@ -359,14 +359,14 @@ function st(e) {
       }
     }), r(g, s);
   }
-  function a(g, p) {
+  function a(g, h) {
     var s, f;
-    if (i) return r(g, p);
+    if (i) return r(g, h);
     (s = t.dialogs.get(g)) != null && s.focusInput && it(), i = !0;
     try {
       const A = t.activeDialog || "";
       (f = e == null ? void 0 : e.trackDialogEnter) == null || f.call(e, g, A, g);
-      const d = c({ path: g, open: !0, attrs: p });
+      const d = c({ path: g, open: !0, attrs: h });
       return u(() => {
         i = !1;
       }, 300), d;
@@ -375,24 +375,24 @@ function st(e) {
     }
   }
   function v(g) {
-    var p;
-    (p = e == null ? void 0 : e.trackDialogLeave) == null || p.call(e, g, g, ""), t.dialogAttrs.delete(g), c({ path: g, open: !1 });
+    var h;
+    (h = e == null ? void 0 : e.trackDialogLeave) == null || h.call(e, g, g, ""), t.dialogAttrs.delete(g), c({ path: g, open: !1 });
   }
   function C() {
-    const g = [], p = [];
+    const g = [], h = [];
     t.dialogs.forEach((s, f) => {
       var A, d;
       if (s.activated) {
         (A = e == null ? void 0 : e.trackDialogLeave) == null || A.call(e, f, f, "");
         const w = (d = s.attrs) == null ? void 0 : d.onClose;
-        typeof w == "function" && p.push(w), t.dialogs.set(f, {
+        typeof w == "function" && h.push(w), t.dialogs.set(f, {
           ...s,
           activated: !1,
           closing: !0,
           attrs: void 0
         }), g.push(f);
       }
-    }), p.forEach((s) => s()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
+    }), h.forEach((s) => s()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
       g.forEach((s) => {
         const f = t.dialogs.get(s);
         f && !f.activated && t.dialogs.set(s, { ...f, closing: !1 });
@@ -401,11 +401,11 @@ function st(e) {
   }
   function M(g) {
     t.dialogs.has(g.path) && console.warn(`[vue-micro-router] Dialog "${g.path}" already registered. Overwriting.`);
-    let { component: p } = g;
-    Ee(p) && (p = Pe(p)), t.dialogs.set(g.path, {
+    let { component: h } = g;
+    Ee(h) && (h = Pe(h)), t.dialogs.set(g.path, {
       persistent: !0,
       ...g,
-      component: Se(p)
+      component: Se(h)
     });
   }
   function T(g) {
@@ -414,9 +414,9 @@ function st(e) {
   function L(g) {
     return t.dialogAttrs.get(g);
   }
-  function _(g, p) {
+  function _(g, h) {
     const s = t.dialogAttrs.get(g);
-    t.dialogAttrs.set(g, { ...s, ...p });
+    t.dialogAttrs.set(g, { ...s, ...h });
   }
   return {
     activeDialog: R(() => t.activeDialog),
@@ -484,17 +484,17 @@ function ut(e, o) {
   const n = e.maxEntries ?? 50, i = [];
   let t = -1, l = !1;
   const u = ne(0);
-  function r(g, p) {
-    !e.enabled || l || (t < i.length - 1 && i.splice(t + 1), i.push({ path: g, timestamp: Date.now(), props: p ? { ...p } : void 0 }), t = i.length - 1, i.length > n && (i.shift(), t--), u.value++);
+  function r(g, h) {
+    !e.enabled || l || (t < i.length - 1 && i.splice(t + 1), i.push({ path: g, timestamp: Date.now(), props: h ? { ...h } : void 0 }), t = i.length - 1, i.length > n && (i.shift(), t--), u.value++);
   }
   const c = R(() => (u.value, [...i])), a = R(() => (u.value, t > 0)), v = R(() => (u.value, t < i.length - 1));
   async function C(g) {
     if (g < 0 || g >= i.length) return;
-    const p = i[g];
-    if (p) {
+    const h = i[g];
+    if (h) {
       t = g, l = !0, u.value++;
       try {
-        await o(p.path);
+        await o(h.path);
       } finally {
         l = !1;
       }
@@ -507,8 +507,8 @@ function ut(e, o) {
     v.value && await C(t + 1);
   }
   async function L(g) {
-    const p = t + g;
-    await C(p);
+    const h = t + g;
+    await C(h);
   }
   function _() {
     i.length = 0, t = -1, u.value++;
@@ -545,12 +545,12 @@ function ft(e) {
   const o = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
   async function n(t, l) {
     if (!t || e.isLocked()) return;
-    const u = $(t);
+    const u = O(t);
     if (e.getActivePath() !== u) {
       e.lock();
       try {
         if (e.runGuards) {
-          const a = $(e.getActivePath());
+          const a = O(e.getActivePath());
           if (!await e.runGuards(u, a)) {
             e.unlock();
             return;
@@ -559,7 +559,7 @@ function ft(e) {
         const r = I(e.getActivePath()), c = I(u);
         if (t.startsWith("/"))
           for (let a = 0; a < c.length; a++) {
-            const v = W(
+            const v = $(
               c.slice(0, a + 1)
             );
             if (e.getActivePath() === v) continue;
@@ -592,7 +592,7 @@ function ft(e) {
       e.lock();
       try {
         if (e.runGuards) {
-          const r = l.slice(0, l.length - u), c = W(r), a = $(e.getActivePath());
+          const r = l.slice(0, l.length - u), c = $(r), a = O(e.getActivePath());
           if (!await e.runGuards(c, a)) {
             e.unlock();
             return;
@@ -620,79 +620,79 @@ function gt(e, o) {
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
     componentKeys: X(/* @__PURE__ */ new Map())
   }), v = /* @__PURE__ */ new Map(), C = R(() => {
-    const y = I(a.activePath), h = [];
-    for (const m of y) {
+    const p = I(a.activePath), y = [];
+    for (const m of p) {
       const D = r.routes.get(m);
       if (!D) continue;
       const P = a.routeKeys.get(m) || 0, S = a.componentKeys.get(m) || 0, b = `${D.path}-${P}`, E = v.get(m);
       if (E && E.key === b && E.componentKey === S)
-        h.push(E);
+        y.push(E);
       else {
-        const K = { ...D, key: b, componentKey: S };
-        v.set(m, K), h.push(K);
+        const W = { ...D, key: b, componentKey: S };
+        v.set(m, W), y.push(W);
       }
     }
     for (const m of v.keys())
-      y.includes(m) || v.delete(m);
-    return h;
+      p.includes(m) || v.delete(m);
+    return y;
   });
-  function M(y, h) {
-    var K, G;
-    const m = I(a.activePath), D = Math.min(y, m.length - 1);
+  function M(p, y) {
+    var W, G;
+    const m = I(a.activePath), D = Math.min(p, m.length - 1);
     if (D <= 0) return;
-    const P = m.slice(0, -D), S = W(P);
+    const P = m.slice(0, -D), S = $(P);
     for (let U = m.length - D; U < m.length; U++)
       a.routeAttrs.delete(m[U]);
     const b = P.at(-1);
-    if (b && h) {
+    if (b && y) {
       const U = a.routeAttrs.get(b);
-      a.routeAttrs.set(b, { ...U, ...h }), a.componentKeys.set(
+      a.routeAttrs.set(b, { ...U, ...y }), a.componentKeys.set(
         b,
         (a.componentKeys.get(b) || 0) + 1
       );
     }
     const E = a.activePath;
-    (K = o == null ? void 0 : o.trackPageLeave) == null || K.call(o, E, E, S), a.fromPath = E, a.toPath = S, a.activePath = S, (G = o == null ? void 0 : o.trackPageEnter) == null || G.call(o, S, E, S);
+    (W = o == null ? void 0 : o.trackPageLeave) == null || W.call(o, E, E, S), a.fromPath = E, a.toPath = S, a.activePath = S, (G = o == null ? void 0 : o.trackPageEnter) == null || G.call(o, S, E, S);
   }
-  async function T(y, h) {
+  async function T(p, y) {
     var S, b;
-    const m = $(y), D = I(m);
+    const m = O(p), D = I(m);
     await Promise.all(
       D.map((E) => r.asyncLoaders.get(E)).filter((E) => !!E).map((E) => ae(E))
     );
     const P = a.activePath;
-    P !== m && ((S = o == null ? void 0 : o.trackPageLeave) == null || S.call(o, P, P, m)), a.fromPath = P, a.toPath = m, a.activePath = m, h && L(m, h), (b = o == null ? void 0 : o.trackPageEnter) == null || b.call(o, m, P, m);
+    P !== m && ((S = o == null ? void 0 : o.trackPageLeave) == null || S.call(o, P, P, m)), a.fromPath = P, a.toPath = m, a.activePath = m, y && L(m, y), (b = o == null ? void 0 : o.trackPageEnter) == null || b.call(o, m, P, m);
   }
-  function L(y, h) {
-    const m = I(y).at(-1);
+  function L(p, y) {
+    const m = I(p).at(-1);
     if (!m) return;
     const D = a.routeAttrs.get(m);
-    a.routeAttrs.set(m, { ...D, ...h });
+    a.routeAttrs.set(m, { ...D, ...y });
   }
-  function _(y, h) {
-    const m = a.routeAttrs.get(y);
-    a.routeAttrs.set(y, { ...m, ...h });
+  function _(p, y) {
+    const m = a.routeAttrs.get(p);
+    a.routeAttrs.set(p, { ...m, ...y });
   }
-  function g(y) {
-    return a.routeAttrs.get(y);
+  function g(p) {
+    return a.routeAttrs.get(p);
   }
-  async function p(y, h) {
-    if (!y && y !== 0) return;
-    if (typeof y == "number" && y < 0) {
-      M(Math.abs(y), h);
+  async function h(p, y) {
+    if (!p && p !== 0) return;
+    if (typeof p == "number" && p < 0) {
+      M(Math.abs(p), y);
       return;
     }
-    const m = y.toString();
+    const m = p.toString();
     if (m.startsWith("/")) {
       const b = I(m), E = I(a.activePath);
       if (b.length < E.length && b.every((U, le) => E[le] === U)) {
         if (E.length - b.length === 1)
-          M(1, h);
+          M(1, y);
         else {
-          const le = E.slice(0, b.length + 1), $e = W(le);
+          const le = E.slice(0, b.length + 1), $e = $(le);
           for (let ue = b.length + 1; ue < E.length; ue++)
             a.routeAttrs.delete(E[ue]);
-          a.activePath = $e, await te(), M(1, h);
+          a.activePath = $e, await te(), M(1, y);
         }
         return;
       }
@@ -700,57 +700,57 @@ function gt(e, o) {
       G && E.at(-1) === G && a.routeKeys.set(
         G,
         (a.routeKeys.get(G) || 0) + 1
-      ), await T(m, h);
+      ), await T(m, y);
       return;
     }
     const D = I(a.activePath), P = D.indexOf(m);
     if (P !== -1) {
       const b = D.length - (P + 1);
       if (b === 1)
-        M(1, h);
+        M(1, y);
       else if (b > 1) {
-        const E = D.slice(0, P + 2), K = W(E);
+        const E = D.slice(0, P + 2), W = $(E);
         for (let G = P + 2; G < D.length; G++)
           a.routeAttrs.delete(D[G]);
-        a.activePath = K, await te(), M(1, h);
+        a.activePath = W, await te(), M(1, y);
       } else
         a.routeKeys.set(m, (a.routeKeys.get(m) || 0) + 1), await T(
-          W(D.slice(0, P + 1)),
-          h
+          $(D.slice(0, P + 1)),
+          y
         );
       return;
     }
-    const S = W([...D, m]);
-    await T(S, h);
+    const S = $([...D, m]);
+    await T(S, y);
   }
-  function s(y) {
-    if (typeof y == "number" && y < 0) {
-      const P = I(a.activePath), S = Math.min(Math.abs(y), P.length - 1);
-      return S <= 0 ? a.activePath : W(P.slice(0, -S));
+  function s(p) {
+    if (typeof p == "number" && p < 0) {
+      const P = I(a.activePath), S = Math.min(Math.abs(p), P.length - 1);
+      return S <= 0 ? a.activePath : $(P.slice(0, -S));
     }
-    const h = y.toString();
-    if (h.startsWith("/")) return $(h);
-    const m = I(a.activePath), D = m.indexOf(h);
-    return D !== -1 ? W(m.slice(0, D + 1)) : W([...m, h]);
+    const y = p.toString();
+    if (y.startsWith("/")) return O(y);
+    const m = I(a.activePath), D = m.indexOf(y);
+    return D !== -1 ? $(m.slice(0, D + 1)) : $([...m, y]);
   }
-  const f = { getRoute: (y) => r.routes.get(y) };
-  async function A(y, h) {
+  const f = { getRoute: (p) => r.routes.get(p) };
+  async function A(p, y) {
     var m;
-    if (!c.value) {
+    if (!c.value && !((p || p === 0) && O(s(p)) === O(a.activePath))) {
       c.value = !0;
       try {
         const D = (((m = t.beforeEach) == null ? void 0 : m.length) ?? 0) > 0, P = r.routes.size > 0;
-        if ((D || P) && y) {
-          const E = s(y), K = $(a.activePath);
-          if (!await Le(E, K, t, f)) {
+        if ((D || P) && p) {
+          const E = s(p), W = O(a.activePath);
+          if (!await Le(E, W, t, f)) {
             c.value = !1;
             return;
           }
         }
-        const S = $(a.activePath);
-        await p(y, h);
-        const b = $(a.activePath);
-        d == null || d.record(b, h), lt(b, S, t.afterEach), r.preloadAdjacent(I(a.activePath)), u.schedule(() => {
+        const S = O(a.activePath);
+        await h(p, y);
+        const b = O(a.activePath);
+        d == null || d.record(b, y), lt(b, S, t.afterEach), r.preloadAdjacent(I(a.activePath)), u.schedule(() => {
           c.value = !1;
         }, i);
       } catch (D) {
@@ -758,19 +758,19 @@ function gt(e, o) {
       }
     }
   }
-  const d = l.enabled ? ut(l, async (y) => {
-    const h = I(a.activePath), m = I(y);
-    if (m.length < h.length && m.every((P, S) => h[S] === P)) {
-      const P = h.length - m.length;
+  const d = l.enabled ? ut(l, async (p) => {
+    const y = I(a.activePath), m = I(p);
+    if (m.length < y.length && m.every((P, S) => y[S] === P)) {
+      const P = y.length - m.length;
       await A(-P);
     } else
-      await A(y);
+      await A(p);
   }) : void 0;
-  d && d.record($(n));
+  d && d.record(O(n));
   const w = ft({
     getActivePath: () => a.activePath,
-    pushCore: p,
-    runGuards: (y, h) => Le(y, h, t, f),
+    pushCore: h,
+    runGuards: (p, y) => Le(p, y, t, f),
     scheduleUnlock: () => u.schedule(() => {
       c.value = !1;
     }, i),
@@ -915,7 +915,7 @@ function vt(e) {
     ), l && document.addEventListener("visibilitychange", l.handleVisibilityChange), qe(u);
   }), De(() => {
     o.cleanupAllSessions(), n.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
-  }), O(Ie, u), V(me, null) || O(me, u), u;
+  }), K(Ie, u), V(me, null) || K(me, u), u;
 }
 function Z(e) {
   const o = e != null && e.root ? me : Ie, n = V(o);
@@ -1045,18 +1045,18 @@ function mt(e, o) {
   function _(s) {
     if (!c || !a) return;
     if (!a.isConnected) {
-      p(), c = !1;
+      h(), c = !1;
       return;
     }
     const f = s.clientX - l, A = Date.now() - r, d = f / A;
     f / window.innerWidth > i || d > t ? (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(100%)", v && (v.style.transition = "transform 0.2s ease-out", v.style.transform = "translateX(0)"), setTimeout(() => {
-      p(), o.goBack();
-    }, 200)) : (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(0)", v && (v.style.transition = "transform 0.2s ease-out", v.style.transform = "translateX(-20%)"), setTimeout(p, 200)), c = !1;
+      h(), o.goBack();
+    }, 200)) : (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(0)", v && (v.style.transition = "transform 0.2s ease-out", v.style.transform = "translateX(-20%)"), setTimeout(h, 200)), c = !1;
   }
   function g() {
-    c && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), v && (v.style.transition = "transform 0.15s ease-out", v.style.transform = "translateX(-20%)"), setTimeout(p, 150), c = !1);
+    c && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), v && (v.style.transition = "transform 0.15s ease-out", v.style.transform = "translateX(-20%)"), setTimeout(h, 150), c = !1);
   }
-  function p() {
+  function h() {
     a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), v && (v.style.willChange = "", v.style.transition = "", v.style.transform = ""), a = null, v = null;
   }
   Q(() => {
@@ -1082,7 +1082,7 @@ const ht = /* @__PURE__ */ ie({
   },
   setup(e) {
     const o = e, { getControlAttrs: n, updateControlAttrs: i } = Z();
-    return O(Ge, o.control.name), O(se, () => n(o.control.name)), O(re, (t) => {
+    return K(Ge, o.control.name), K(se, () => n(o.control.name)), K(re, (t) => {
       i(o.control.name, t);
     }), (t, l) => (N(), z(Ae(e.control.component), Ce({
       key: e.control.componentKey || 0
@@ -1123,10 +1123,10 @@ const wt = /* @__PURE__ */ ie({
         d.preventDefault(), (P = a.value) == null || P.focus();
         return;
       }
-      const y = w[0], h = w[w.length - 1], m = document.activeElement, D = !!((S = a.value) != null && S.contains(m));
-      d.shiftKey ? (!D || m === y) && (d.preventDefault(), h.focus()) : (!D || m === h) && (d.preventDefault(), y.focus());
+      const p = w[0], y = w[w.length - 1], m = document.activeElement, D = !!((S = a.value) != null && S.contains(m));
+      d.shiftKey ? (!D || m === p) && (d.preventDefault(), y.focus()) : (!D || m === y) && (d.preventDefault(), p.focus());
     }
-    function p(d) {
+    function h(d) {
       n.dialog.persistent || d.target === d.currentTarget && i("close", n.dialog.path);
     }
     function s(d) {
@@ -1153,10 +1153,10 @@ const wt = /* @__PURE__ */ ie({
       r++, c == null || c(), c = null, u = !1, Pt();
       const d = v.value;
       v.value = null;
-      const w = document.activeElement, y = !!((m = a.value) != null && m.contains(w)), h = !w || w === document.body;
-      d && typeof d.focus == "function" && document.contains(d) && (y || h) && d.focus();
+      const w = document.activeElement, p = !!((m = a.value) != null && m.contains(w)), y = !w || w === document.body;
+      d && typeof d.focus == "function" && document.contains(d) && (p || y) && d.focus();
     }
-    return O(Ne, n.dialog.path), O(se, () => t(n.dialog.path)), O(re, (d) => {
+    return K(Ne, n.dialog.path), K(se, () => t(n.dialog.path)), K(re, (d) => {
       l(n.dialog.path, d);
     }), F(
       () => n.dialog.activated,
@@ -1183,7 +1183,7 @@ const wt = /* @__PURE__ */ ie({
           zIndex: 100 + e.stackIndex,
           "--dialog-duration": `${M.value}ms`
         }),
-        onClick: ce(p, ["self"])
+        onClick: ce(h, ["self"])
       }, [
         L.value ? Fe("", !0) : (N(), j("div", {
           key: 0,
@@ -1199,7 +1199,7 @@ const wt = /* @__PURE__ */ ie({
             `dialog-transition-${C.value}`,
             e.dialog.closing && "micro-dialog--closing"
           ]]),
-          onClick: ce(p, ["self"]),
+          onClick: ce(h, ["self"]),
           onKeydown: g
         }, [
           q("div", {
@@ -1225,9 +1225,9 @@ const wt = /* @__PURE__ */ ie({
     const o = e;
     if (o.routePath) {
       const n = o.routePath;
-      O(Be, n);
+      K(Be, n);
       const { updateRouteAttrs: i, getRouteAttrs: t } = Z();
-      O(se, () => t(n)), O(re, (l) => {
+      K(se, () => t(n)), K(re, (l) => {
         i(n, l);
       });
     }
@@ -1245,9 +1245,9 @@ const wt = /* @__PURE__ */ ie({
     nested: { type: Boolean }
   },
   setup(e) {
-    var p, s;
+    var h, s;
     const o = e, n = vt(o.config);
-    (p = o.plugins) != null && p.length && pt(o.plugins, n);
+    (h = o.plugins) != null && h.length && pt(o.plugins, n);
     const {
       resolveRoutes: i,
       resolveDialogs: t,
@@ -1341,12 +1341,12 @@ export {
   Bt as MicroRouterView,
   Ct as RoutePage,
   ze as STEP_DELAY,
-  W as buildPathFromSegments,
+  $ as buildPathFromSegments,
   bt as createRouterKey,
   It as defineFeaturePlugin,
   H as getLastSegment,
   Ee as isAsyncLoader,
-  $ as normalizePath,
+  O as normalizePath,
   I as parsePathSegments,
   pt as registerFeaturePlugins,
   Se as safeMarkRaw,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-micro-router",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "type": "module",
   "description": "Mobile-app-style navigation for Vue 3 — animated page stacks, modal dialogs, HUD controls. No URL routing.",
   "author": {