vue-micro-router 1.0.57 → 1.0.58

package/dist/index.mjs

@@ -1,138 +1,138 @@
-import { shallowReactive as U, computed as C, defineAsyncComponent as me, reactive as pe, nextTick as k, ref as ee, inject as V, watch as X, onMounted as q, onBeforeUnmount as he, provide as N, toRefs as Oe, toRef as Ke, defineComponent as oe, openBlock as I, createBlock as z, resolveDynamicComponent as ye, mergeProps as Pe, Teleport as We, createElementVNode as j, withModifiers as le, normalizeStyle as be, normalizeClass as Q, createElementBlock as x, createCommentVNode as $e, renderSlot as we, Fragment as te, createVNode as Re, TransitionGroup as Ee, withCtx as ce, renderList as ue, unref as Y } from "vue";
-import { i as De, s as Ae, g as H, w as ne, p as B, b as K, n as W, u as Ye } from "./use-audio-manager.mjs";
+import { shallowReactive as U, computed as C, defineAsyncComponent as me, reactive as pe, nextTick as k, ref as ee, inject as V, watch as X, onMounted as q, onBeforeUnmount as he, provide as N, toRefs as Oe, toRef as Ke, defineComponent as oe, openBlock as B, createBlock as z, resolveDynamicComponent as ye, mergeProps as Pe, Teleport as We, createElementVNode as j, withModifiers as le, normalizeStyle as be, normalizeClass as Q, createElementBlock as x, createCommentVNode as $e, renderSlot as we, Fragment as te, createVNode as Re, TransitionGroup as Ee, withCtx as ce, renderList as ue, unref as Y } from "vue";
+import { i as De, s as Ae, g as H, w as ne, p as _, b as K, n as W, u as Ye } from "./use-audio-manager.mjs";
 const Me = Symbol("micro-router");
 function ht() {
   return Symbol("micro-router-nested");
 }
-const de = Symbol("micro-router-root"), Le = Symbol("micro-route-path"), Te = Symbol("micro-dialog-path"), _e = Symbol("micro-control-name"), ae = Symbol("micro-attrs-read"), ie = Symbol("micro-attrs-write"), Ue = 550;
+const de = Symbol("micro-router-root"), Le = Symbol("micro-route-path"), Te = Symbol("micro-dialog-path"), Ie = Symbol("micro-control-name"), ae = Symbol("micro-attrs-read"), ie = Symbol("micro-attrs-write"), Ue = 550;
 function Ce() {
   const e = /* @__PURE__ */ new Set();
-  function n(i, t) {
-    const c = setTimeout(() => {
-      e.delete(c), i();
+  function o(i, t) {
+    const l = setTimeout(() => {
+      e.delete(l), i();
     }, t);
-    return e.add(c), c;
+    return e.add(l), l;
   }
-  function o() {
+  function n() {
     e.forEach(clearTimeout), e.clear();
   }
-  return { schedule: n, cleanup: o };
+  return { schedule: o, cleanup: n };
 }
 function fe(e) {
-  return new Promise((n) => setTimeout(n, e));
+  return new Promise((o) => setTimeout(o, e));
 }
-function Xe(e, n) {
-  const o = e.defaultControlName, i = e.onboardingControlName, t = 300, c = Ce();
-  let u = !1;
-  const s = U(/* @__PURE__ */ new Map()), f = U(
+function Xe(e, o) {
+  const n = e.defaultControlName, i = e.onboardingControlName, t = 300, l = Ce();
+  let c = !1;
+  const r = U(/* @__PURE__ */ new Map()), u = U(
     /* @__PURE__ */ new Map()
   ), a = C(() => {
-    const r = [];
-    for (const l of s.values())
-      l.activated && r.push(l);
-    return r;
-  }), d = a, R = C(
-    () => a.value.some((r) => r.name !== o)
-  ), M = C(() => {
-    const r = a.value.find((l) => l.name !== o);
-    return (r == null ? void 0 : r.name) ?? o;
+    const s = [];
+    for (const f of r.values())
+      f.activated && s.push(f);
+    return s;
+  }), m = a, R = C(
+    () => a.value.some((s) => s.name !== n)
+  ), L = C(() => {
+    const s = a.value.find((f) => f.name !== n);
+    return (s == null ? void 0 : s.name) ?? n;
   });
-  function L(r, l, P) {
-    var h, A, m;
-    if (!(l && u)) {
-      l && (u = !0);
+  function M(s, f, A) {
+    var d, P, p;
+    if (!(f && c)) {
+      f && (c = !0);
       try {
-        const y = s.get(r);
-        if (!y) return;
-        const v = s.get(o), D = r === o || r === i;
-        if (l)
-          (h = n == null ? void 0 : n.trackGuiEnter) == null || h.call(n, r), D ? s.forEach((w) => {
-            var b;
-            w.name !== o && w.activated && ((b = n == null ? void 0 : n.trackGuiLeave) == null || b.call(n, w.name), s.set(w.name, {
+        const h = r.get(s);
+        if (!h) return;
+        const v = 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((w) => {
+            var S;
+            w.name !== n && w.activated && ((S = o == null ? void 0 : o.trackGuiLeave) == null || S.call(o, w.name), r.set(w.name, {
               ...w,
               activated: !1,
               attrs: void 0
             }));
-          }) : v != null && v.activated && ((A = n == null ? void 0 : n.trackGuiLeave) == null || A.call(n, o), s.set(o, { ...v, activated: !1 })), P && f.set(r, { ...P }), s.set(r, {
-            ...y,
+          }) : v != null && v.activated && ((P = o == null ? void 0 : o.trackGuiLeave) == null || P.call(o, n), r.set(n, { ...v, activated: !1 })), A && u.set(s, { ...A }), r.set(s, {
+            ...h,
             activated: !0,
-            componentKey: (y.componentKey || 0) + 1,
-            attrs: P ? { ...P } : void 0
+            componentKey: (h.componentKey || 0) + 1,
+            attrs: A ? { ...A } : void 0
           });
         else {
-          (m = n == null ? void 0 : n.trackGuiLeave) == null || m.call(n, r), f.delete(r), s.set(r, { ...y, activated: !1, attrs: void 0 });
-          const w = s.get(o);
+          (p = o == null ? void 0 : o.trackGuiLeave) == null || p.call(o, s), u.delete(s), r.set(s, { ...h, activated: !1, attrs: void 0 });
+          const w = r.get(n);
           if (!D && w && !w.activated) {
             if (w.name === i) return;
-            s.set(o, { ...w, activated: !0 });
+            r.set(n, { ...w, activated: !0 });
           }
         }
       } finally {
-        l && c.schedule(() => {
-          u = !1;
+        f && l.schedule(() => {
+          c = !1;
         }, t);
       }
     }
   }
-  function _(r) {
-    s.has(r.name) && console.warn(`[vue-micro-router] Control "${r.name}" already registered. Overwriting.`);
-    let { component: l } = r;
-    De(l) && (l = me(l)), s.set(r.name, {
-      ...r,
-      component: Ae(l)
+  function T(s) {
+    r.has(s.name) && console.warn(`[vue-micro-router] Control "${s.name}" already registered. Overwriting.`);
+    let { component: f } = s;
+    De(f) && (f = me(f)), r.set(s.name, {
+      ...s,
+      component: Ae(f)
     });
   }
-  function T(r) {
-    r.forEach(_);
+  function I(s) {
+    s.forEach(T);
   }
-  function g(r) {
-    return f.get(r);
+  function g(s) {
+    return u.get(s);
   }
-  function p(r, l) {
-    const P = f.get(r);
-    f.set(r, { ...P, ...l });
+  function y(s, f) {
+    const A = u.get(s);
+    u.set(s, { ...A, ...f });
   }
   return {
-    resolveControls: d,
+    resolveControls: m,
     activeControl: R,
-    currentControl: M,
-    toggleControl: L,
-    registerControl: _,
-    registerControls: T,
+    currentControl: L,
+    toggleControl: M,
+    registerControl: T,
+    registerControls: I,
     getControlAttrs: g,
-    updateControlAttrs: p,
-    cleanup: c.cleanup
+    updateControlAttrs: y,
+    cleanup: l.cleanup
   };
 }
 const ge = "micro-router-inspector", Fe = "micro-router-events";
 async function ze(e) {
   if (typeof import.meta < "u") return;
-  let n;
+  let o;
   try {
-    n = (await import(
+    o = (await import(
       /* @vite-ignore */
       "@vue/devtools-api"
     )).setupDevtoolsPlugin;
   } catch {
     return;
   }
-  n && n(
+  o && o(
     {
       id: "vue-micro-router",
       label: "Micro Router",
       packageName: "vue-micro-router",
       homepage: "https://github.com/danh121097/vue-micro-router"
     },
-    (o) => {
-      o.addInspector({
+    (n) => {
+      n.addInspector({
         id: ge,
         label: "Micro Router",
         icon: "route"
-      }), o.addTimelineLayer({
+      }), n.addTimelineLayer({
         id: Fe,
         label: "Micro Router",
         color: 4372611
-      }), o.on.getInspectorTree((i) => {
+      }), n.on.getInspectorTree((i) => {
         i.inspectorId === ge && (i.rootNodes = [
           {
             id: "routes",
@@ -159,7 +159,7 @@ async function ze(e) {
             }))
           }
         ]);
-      }), o.on.getInspectorState((i) => {
+      }), n.on.getInspectorState((i) => {
         if (i.inspectorId === ge) {
           if (i.nodeId === "routes")
             i.state = {
@@ -201,51 +201,51 @@ async function ze(e) {
   );
 }
 function Ve(e) {
-  const n = e.activePath.value.split("/").filter(Boolean), o = {};
-  for (const s of n) {
-    const f = e.getRouteAttrs(s);
-    f && (o[s] = { ...f });
+  const o = e.activePath.value.split("/").filter(Boolean), n = {};
+  for (const r of o) {
+    const u = e.getRouteAttrs(r);
+    u && (n[r] = { ...u });
   }
   const i = [], t = {};
-  for (const s of e.resolveDialogs.value) {
-    if (s.closing) continue;
-    i.push(s.path);
-    const f = e.getDialogAttrs(s.path);
-    f && (t[s.path] = { ...f });
+  for (const r of e.resolveDialogs.value) {
+    if (r.closing) continue;
+    i.push(r.path);
+    const u = e.getDialogAttrs(r.path);
+    u && (t[r.path] = { ...u });
   }
-  const c = [], u = {};
-  for (const s of e.resolveControls.value) {
-    c.push(s.name);
-    const f = e.getControlAttrs(s.name);
-    f && (u[s.name] = { ...f });
+  const l = [], c = {};
+  for (const r of e.resolveControls.value) {
+    l.push(r.name);
+    const u = e.getControlAttrs(r.name);
+    u && (c[r.name] = { ...u });
   }
   return {
     version: 1,
-    navigation: { activePath: e.activePath.value, routeAttrs: o },
+    navigation: { activePath: e.activePath.value, routeAttrs: n },
     dialogs: { stack: i, attrs: t },
-    controls: { active: c, attrs: u }
+    controls: { active: l, attrs: c }
   };
 }
-async function xe(e, n) {
-  if (n.version !== 1) {
-    console.warn("[vue-micro-router] Unknown serialized state version:", n.version);
+async function xe(e, o) {
+  if (o.version !== 1) {
+    console.warn("[vue-micro-router] Unknown serialized state version:", o.version);
     return;
   }
-  const { activePath: o, routeAttrs: i } = n.navigation;
-  await e.push(o);
-  for (const [t, c] of Object.entries(i))
-    e.updateRouteAttrs(t, c);
-  for (const t of n.dialogs.stack) {
-    const c = n.dialogs.attrs[t];
-    e.openDialog(t, c);
+  const { activePath: n, routeAttrs: i } = o.navigation;
+  await e.push(n);
+  for (const [t, l] of Object.entries(i))
+    e.updateRouteAttrs(t, l);
+  for (const t of o.dialogs.stack) {
+    const l = o.dialogs.attrs[t];
+    e.openDialog(t, l);
   }
-  for (const t of n.controls.active) {
-    const c = n.controls.attrs[t];
-    e.toggleControl(t, !0, c);
+  for (const t of o.controls.active) {
+    const l = o.controls.attrs[t];
+    e.toggleControl(t, !0, l);
   }
 }
 function je(e) {
-  const o = Ce();
+  const n = Ce();
   let i = !1;
   const t = pe({
     activeDialog: "",
@@ -257,475 +257,475 @@ function je(e) {
     dialogs: U(/* @__PURE__ */ new Map()),
     /** Attrs stored separately for useMicroState access inside dialog components */
     dialogAttrs: U(/* @__PURE__ */ new Map())
-  }), c = C(() => {
-    const g = [], p = /* @__PURE__ */ new Set();
-    for (const r of t.dialogStack) {
-      const l = t.dialogs.get(r);
-      l && (l.activated || l.closing) && (g.push(l), p.add(r));
+  }), l = C(() => {
+    const g = [], y = /* @__PURE__ */ new Set();
+    for (const s of t.dialogStack) {
+      const f = t.dialogs.get(s);
+      f && (f.activated || f.closing) && (g.push(f), y.add(s));
     }
-    for (const r of t.dialogs.values())
-      r.closing && !p.has(r.path) && g.push(r);
+    for (const s of t.dialogs.values())
+      s.closing && !y.has(s.path) && g.push(s);
     return g;
-  }), u = o.schedule;
-  function s(g, p) {
-    return { path: g, attrs: p };
+  }), c = n.schedule;
+  function r(g, y) {
+    return { path: g, attrs: y };
   }
-  function f({ path: g, open: p, attrs: r }) {
-    const l = t.dialogs.get(g);
-    return l && k(() => {
-      if (p)
-        t.fromDialog = t.activeDialog, t.toDialog = g, t.dialogStack.includes(g) || t.dialogStack.push(g), t.activeDialog = g, r && t.dialogAttrs.set(g, { ...r }), t.dialogs.set(g, {
-          ...l,
+  function u({ path: g, open: y, attrs: s }) {
+    const f = t.dialogs.get(g);
+    return f && k(() => {
+      if (y)
+        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,
           closing: !1,
-          componentKey: (l.componentKey || 0) + 1,
+          componentKey: (f.componentKey || 0) + 1,
           attrs: {
             path: g,
-            ...r,
+            ...s,
             onClose: () => {
-              d(g), r != null && r.onClose && typeof r.onClose == "function" && r.onClose();
+              m(g), s != null && s.onClose && typeof s.onClose == "function" && s.onClose();
             }
           }
         });
       else {
         t.fromDialog = t.activeDialog;
-        const P = t.dialogStack.indexOf(g);
-        P > -1 && t.dialogStack.splice(P, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
-        const h = l.transitionDuration ?? (l.transition === "slide" ? 500 : 300);
+        const A = t.dialogStack.indexOf(g);
+        A > -1 && t.dialogStack.splice(A, 1), t.activeDialog = t.dialogStack.at(-1) ?? "", t.toDialog = t.activeDialog;
+        const d = f.transitionDuration ?? (f.transition === "slide" ? 500 : 300);
         t.dialogs.set(g, {
-          ...l,
+          ...f,
           activated: !1,
           closing: !0,
           attrs: void 0
-        }), u(() => {
-          const A = t.dialogs.get(g);
-          A && !A.activated && t.dialogs.set(g, { ...A, closing: !1 });
-        }, h + 200);
+        }), c(() => {
+          const P = t.dialogs.get(g);
+          P && !P.activated && t.dialogs.set(g, { ...P, closing: !1 });
+        }, d + 200);
       }
-    }), s(g, r);
+    }), r(g, s);
   }
-  function a(g, p) {
-    var r;
-    if (i) return s(g, p);
+  function a(g, y) {
+    var s;
+    if (i) return r(g, y);
     i = !0;
     try {
-      const l = t.activeDialog || "";
-      (r = e == null ? void 0 : e.trackDialogEnter) == null || r.call(e, g, l, g);
-      const P = f({ path: g, open: !0, attrs: p });
-      return u(() => {
+      const f = t.activeDialog || "";
+      (s = e == null ? void 0 : e.trackDialogEnter) == null || s.call(e, g, f, g);
+      const A = u({ path: g, open: !0, attrs: y });
+      return c(() => {
         i = !1;
-      }, 300), P;
-    } catch (l) {
-      throw i = !1, l;
+      }, 300), A;
+    } catch (f) {
+      throw i = !1, f;
     }
   }
-  function d(g) {
-    var p;
-    (p = e == null ? void 0 : e.trackDialogLeave) == null || p.call(e, g, g, ""), t.dialogAttrs.delete(g), f({ path: g, open: !1 });
+  function m(g) {
+    var y;
+    (y = e == null ? void 0 : e.trackDialogLeave) == null || y.call(e, g, g, ""), t.dialogAttrs.delete(g), u({ path: g, open: !1 });
   }
   function R() {
-    const g = [], p = [];
-    t.dialogs.forEach((r, l) => {
-      var P, h;
-      if (r.activated) {
-        (P = e == null ? void 0 : e.trackDialogLeave) == null || P.call(e, l, l, "");
-        const A = (h = r.attrs) == null ? void 0 : h.onClose;
-        typeof A == "function" && p.push(A), t.dialogs.set(l, {
-          ...r,
+    const g = [], y = [];
+    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 P = (d = s.attrs) == null ? void 0 : d.onClose;
+        typeof P == "function" && y.push(P), t.dialogs.set(f, {
+          ...s,
           activated: !1,
           closing: !0,
           attrs: void 0
-        }), g.push(l);
+        }), g.push(f);
       }
-    }), p.forEach((r) => r()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], u(() => {
-      g.forEach((r) => {
-        const l = t.dialogs.get(r);
-        l && !l.activated && t.dialogs.set(r, { ...l, closing: !1 });
+    }), y.forEach((s) => s()), t.dialogAttrs.clear(), t.fromDialog = t.activeDialog, t.toDialog = "", t.activeDialog = "", t.dialogStack = [], c(() => {
+      g.forEach((s) => {
+        const f = t.dialogs.get(s);
+        f && !f.activated && t.dialogs.set(s, { ...f, closing: !1 });
       });
     }, 500);
   }
-  function M(g) {
+  function L(g) {
     t.dialogs.has(g.path) && console.warn(`[vue-micro-router] Dialog "${g.path}" already registered. Overwriting.`);
-    let { component: p } = g;
-    De(p) && (p = me(p)), t.dialogs.set(g.path, {
+    let { component: y } = g;
+    De(y) && (y = me(y)), t.dialogs.set(g.path, {
       persistent: !0,
       ...g,
-      component: Ae(p)
+      component: Ae(y)
     });
   }
-  function L(g) {
-    g.forEach(M);
+  function M(g) {
+    g.forEach(L);
   }
-  function _(g) {
+  function T(g) {
     return t.dialogAttrs.get(g);
   }
-  function T(g, p) {
-    const r = t.dialogAttrs.get(g);
-    t.dialogAttrs.set(g, { ...r, ...p });
+  function I(g, y) {
+    const s = t.dialogAttrs.get(g);
+    t.dialogAttrs.set(g, { ...s, ...y });
   }
   return {
     activeDialog: C(() => t.activeDialog),
     fromDialog: C(() => t.fromDialog),
     toDialog: C(() => t.toDialog),
-    resolveDialogs: c,
+    resolveDialogs: l,
     openDialog: a,
-    closeDialog: d,
+    closeDialog: m,
     closeAllDialogs: R,
-    registerDialog: M,
-    registerDialogs: L,
-    getDialogAttrs: _,
-    updateDialogAttrs: T,
-    cleanup: o.cleanup
+    registerDialog: L,
+    registerDialogs: M,
+    getDialogAttrs: T,
+    updateDialogAttrs: I,
+    cleanup: n.cleanup
   };
 }
-const Be = 5e3;
-async function ve(e, n, o, i) {
+const _e = 5e3;
+async function ve(e, o, n, i) {
   let t;
   try {
-    const c = await Promise.race([
-      Promise.resolve(e(n, o)),
-      new Promise((u, s) => {
-        t = setTimeout(() => s(new Error("Navigation guard timed out")), i);
+    const l = await Promise.race([
+      Promise.resolve(e(o, n)),
+      new Promise((c, r) => {
+        t = setTimeout(() => r(new Error("Navigation guard timed out")), i);
       })
     ]);
-    return clearTimeout(t), c !== !1;
+    return clearTimeout(t), l !== !1;
   } catch {
     return clearTimeout(t), !1;
   }
 }
-async function He(e, n, o, i = Be) {
+async function He(e, o, n, i = _e) {
   for (const t of e)
-    if (!await ve(t, n, o, i)) return !1;
+    if (!await ve(t, o, n, i)) return !1;
   return !0;
 }
-async function Se(e, n, o, i) {
-  var s;
-  const t = o.guardTimeout ?? Be;
-  if ((s = o.beforeEach) != null && s.length && !await He(o.beforeEach, e, n, t))
+async function Se(e, o, n, i) {
+  var r;
+  const t = n.guardTimeout ?? _e;
+  if ((r = n.beforeEach) != null && r.length && !await He(n.beforeEach, e, o, t))
     return !1;
-  const c = H(e);
-  if (c) {
-    const f = i.getRoute(c);
-    if (f != null && f.beforeEnter && !await ve(f.beforeEnter, e, n, t))
+  const l = H(e);
+  if (l) {
+    const u = i.getRoute(l);
+    if (u != null && u.beforeEnter && !await ve(u.beforeEnter, e, o, t))
       return !1;
   }
-  const u = H(n);
-  if (u) {
-    const f = i.getRoute(u);
-    if (f != null && f.beforeLeave && !await ve(f.beforeLeave, e, n, t))
+  const c = H(o);
+  if (c) {
+    const u = i.getRoute(c);
+    if (u != null && u.beforeLeave && !await ve(u.beforeLeave, e, o, t))
       return !1;
   }
   return !0;
 }
-function qe(e, n, o) {
-  if (o != null && o.length)
-    for (const i of o)
+function qe(e, o, n) {
+  if (n != null && n.length)
+    for (const i of n)
       try {
-        i(e, n);
+        i(e, o);
       } catch {
       }
 }
-function Je(e, n) {
-  const o = e.maxEntries ?? 50, i = [];
-  let t = -1, c = !1;
-  const u = ee(0);
-  function s(g, p) {
-    !e.enabled || c || (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 > o && (i.shift(), t--), u.value++);
+function Je(e, o) {
+  const n = e.maxEntries ?? 50, i = [];
+  let t = -1, l = !1;
+  const c = ee(0);
+  function r(g, y) {
+    !e.enabled || l || (t < i.length - 1 && i.splice(t + 1), i.push({ path: g, timestamp: Date.now(), props: y ? { ...y } : void 0 }), t = i.length - 1, i.length > n && (i.shift(), t--), c.value++);
   }
-  const f = C(() => (u.value, [...i])), a = C(() => (u.value, t > 0)), d = C(() => (u.value, t < i.length - 1));
+  const u = C(() => (c.value, [...i])), a = C(() => (c.value, t > 0)), m = C(() => (c.value, t < i.length - 1));
   async function R(g) {
     if (g < 0 || g >= i.length) return;
-    const p = i[g];
-    if (p) {
-      t = g, c = !0, u.value++;
+    const y = i[g];
+    if (y) {
+      t = g, l = !0, c.value++;
       try {
-        await n(p.path);
+        await o(y.path);
       } finally {
-        c = !1;
+        l = !1;
       }
     }
   }
-  async function M() {
+  async function L() {
     a.value && await R(t - 1);
   }
-  async function L() {
-    d.value && await R(t + 1);
+  async function M() {
+    m.value && await R(t + 1);
   }
-  async function _(g) {
-    const p = t + g;
-    await R(p);
+  async function T(g) {
+    const y = t + g;
+    await R(y);
   }
-  function T() {
-    i.length = 0, t = -1, u.value++;
+  function I() {
+    i.length = 0, t = -1, c.value++;
   }
-  return { entries: f, canGoBack: a, canGoForward: d, back: M, forward: L, go: _, clear: T, record: s };
+  return { entries: u, canGoBack: a, canGoForward: m, back: L, forward: M, go: T, clear: I, record: r };
 }
 function Qe() {
-  const e = U(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Map();
-  function o(u) {
-    e.has(u.path) && console.warn(`[vue-micro-router] Route "${u.path}" already registered. Overwriting.`);
-    let { component: s } = u;
-    De(s) && (n.set(u.path, s), s = me(s)), e.set(u.path, {
-      ...u,
-      component: Ae(s)
-    }), u.preload === "eager" && n.has(u.path) && ne(n.get(u.path));
+  const e = U(/* @__PURE__ */ new Map()), o = /* @__PURE__ */ new Map();
+  function n(c) {
+    e.has(c.path) && console.warn(`[vue-micro-router] Route "${c.path}" already registered. Overwriting.`);
+    let { component: r } = c;
+    De(r) && (o.set(c.path, r), r = me(r)), e.set(c.path, {
+      ...c,
+      component: Ae(r)
+    }), c.preload === "eager" && o.has(c.path) && ne(o.get(c.path));
   }
-  function i(u) {
-    u.forEach(o);
+  function i(c) {
+    c.forEach(n);
   }
-  async function t(u) {
-    const s = n.get(u);
-    s && await ne(s);
+  async function t(c) {
+    const r = o.get(c);
+    r && await ne(r);
   }
-  function c(u) {
-    for (const [s, f] of e.entries())
-      if (f.preload === "adjacent" && !u.includes(s)) {
-        const a = n.get(s);
+  function l(c) {
+    for (const [r, u] of e.entries())
+      if (u.preload === "adjacent" && !c.includes(r)) {
+        const a = o.get(r);
         a && ne(a);
       }
   }
-  return { routes: e, asyncLoaders: n, registerRoute: o, registerRoutes: i, preloadRoute: t, preloadAdjacent: c };
+  return { routes: e, asyncLoaders: o, registerRoute: n, registerRoutes: i, preloadRoute: t, preloadAdjacent: l };
 }
 function Ze(e) {
-  const n = e.stepWiseDelay ?? Math.max(e.stepDelay * 1.2, e.stepDelay + 100);
-  async function o(t, c) {
+  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 = W(t);
-    if (e.getActivePath() !== u) {
+    const c = W(t);
+    if (e.getActivePath() !== c) {
       e.lock();
       try {
         if (e.runGuards) {
           const a = W(e.getActivePath());
-          if (!await e.runGuards(u, a)) {
+          if (!await e.runGuards(c, a)) {
             e.unlock();
             return;
           }
         }
-        const s = B(e.getActivePath()), f = B(u);
+        const r = _(e.getActivePath()), u = _(c);
         if (t.startsWith("/"))
-          for (let a = 0; a < f.length; a++) {
-            const d = K(
-              f.slice(0, a + 1)
+          for (let a = 0; a < u.length; a++) {
+            const m = K(
+              u.slice(0, a + 1)
             );
-            if (e.getActivePath() === d) continue;
-            const R = a === f.length - 1;
-            await e.pushCore(d, R ? c : void 0), R || await fe(n);
+            if (e.getActivePath() === m) continue;
+            const R = a === u.length - 1;
+            await e.pushCore(m, R ? l : void 0), R || await fe(o);
           }
         else {
-          const a = f.filter(
-            (d) => !s.includes(d)
+          const a = u.filter(
+            (m) => !r.includes(m)
           );
           if (a.length === 0) {
-            await e.pushCore(t, c), e.scheduleUnlock();
+            await e.pushCore(t, l), e.scheduleUnlock();
             return;
           }
-          for (let d = 0; d < a.length; d++) {
-            const R = d === a.length - 1;
-            await e.pushCore(a[d], R ? c : void 0), R || await fe(n);
+          for (let m = 0; m < a.length; m++) {
+            const R = m === a.length - 1;
+            await e.pushCore(a[m], R ? l : void 0), R || await fe(o);
           }
         }
         e.scheduleUnlock();
-      } catch (s) {
-        throw e.unlock(), s;
+      } catch (r) {
+        throw e.unlock(), r;
       }
     }
   }
   async function i(t) {
     if (t < 1 || e.isLocked()) return;
-    const c = B(e.getActivePath()), u = Math.min(t, c.length - 1);
-    if (!(u < 1)) {
+    const l = _(e.getActivePath()), c = Math.min(t, l.length - 1);
+    if (!(c < 1)) {
       e.lock();
       try {
         if (e.runGuards) {
-          const s = c.slice(0, c.length - u), f = K(s), a = W(e.getActivePath());
-          if (!await e.runGuards(f, a)) {
+          const r = l.slice(0, l.length - c), u = K(r), a = W(e.getActivePath());
+          if (!await e.runGuards(u, a)) {
             e.unlock();
             return;
           }
         }
-        for (let s = 0; s < u; s++)
-          await e.pushCore(-1), s < u - 1 && await fe(n);
+        for (let r = 0; r < c; r++)
+          await e.pushCore(-1), r < c - 1 && await fe(o);
         e.scheduleUnlock();
-      } catch (s) {
-        throw e.unlock(), s;
+      } catch (r) {
+        throw e.unlock(), r;
       }
     }
   }
-  return { stepWisePush: o, stepWiseBack: i };
+  return { stepWisePush: n, stepWiseBack: i };
 }
-function ke(e, n) {
-  const o = e.defaultPath, i = e.stepDelay ?? Ue, t = e.guards ?? {}, c = e.history ?? {}, u = Ce(), s = Qe(), f = ee(!1), a = pe({
-    activePath: o,
-    fromPath: o,
-    toPath: o,
+function ke(e, o) {
+  const n = e.defaultPath, i = e.stepDelay ?? Ue, t = e.guards ?? {}, l = e.history ?? {}, c = Ce(), r = Qe(), u = ee(!1), a = pe({
+    activePath: n,
+    fromPath: n,
+    toPath: n,
     /** Attrs stored separately — changes here do NOT invalidate resolveRoutes computed */
     routeAttrs: U(/* @__PURE__ */ new Map()),
     /** Version stamp per segment — incremented on re-navigation to same segment (forces transition) */
     routeKeys: U(/* @__PURE__ */ new Map()),
     /** Component key per segment — incremented to force Vue full remount (resets local state) */
     componentKeys: U(/* @__PURE__ */ new Map())
-  }), d = /* @__PURE__ */ new Map(), R = C(() => {
-    const m = B(a.activePath), y = [];
-    for (const v of m) {
-      const D = s.routes.get(v);
+  }), m = /* @__PURE__ */ new Map(), R = C(() => {
+    const p = _(a.activePath), h = [];
+    for (const v of p) {
+      const D = r.routes.get(v);
       if (!D) continue;
-      const w = a.routeKeys.get(v) || 0, b = a.componentKeys.get(v) || 0, S = `${D.path}-${w}`, E = d.get(v);
-      if (E && E.key === S && E.componentKey === b)
-        y.push(E);
+      const w = a.routeKeys.get(v) || 0, S = a.componentKeys.get(v) || 0, b = `${D.path}-${w}`, E = m.get(v);
+      if (E && E.key === b && E.componentKey === S)
+        h.push(E);
       else {
-        const O = { ...D, key: S, componentKey: b };
-        d.set(v, O), y.push(O);
+        const O = { ...D, key: b, componentKey: S };
+        m.set(v, O), h.push(O);
       }
     }
-    for (const v of d.keys())
-      m.includes(v) || d.delete(v);
-    return y;
+    for (const v of m.keys())
+      p.includes(v) || m.delete(v);
+    return h;
   });
-  function M(m, y) {
+  function L(p, h) {
     var O, G;
-    const v = B(a.activePath), D = Math.min(m, v.length - 1);
+    const v = _(a.activePath), D = Math.min(p, v.length - 1);
     if (D <= 0) return;
-    const w = v.slice(0, -D), b = K(w);
+    const w = v.slice(0, -D), S = K(w);
     for (let $ = v.length - D; $ < v.length; $++)
       a.routeAttrs.delete(v[$]);
-    const S = w.at(-1);
-    if (S && y) {
-      const $ = a.routeAttrs.get(S);
-      a.routeAttrs.set(S, { ...$, ...y }), a.componentKeys.set(
-        S,
-        (a.componentKeys.get(S) || 0) + 1
+    const b = w.at(-1);
+    if (b && h) {
+      const $ = a.routeAttrs.get(b);
+      a.routeAttrs.set(b, { ...$, ...h }), a.componentKeys.set(
+        b,
+        (a.componentKeys.get(b) || 0) + 1
       );
     }
     const E = a.activePath;
-    (O = n == null ? void 0 : n.trackPageLeave) == null || O.call(n, E, E, b), a.fromPath = E, a.toPath = b, a.activePath = b, (G = n == null ? void 0 : n.trackPageEnter) == null || G.call(n, b, E, b);
+    (O = o == null ? void 0 : o.trackPageLeave) == null || O.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 L(m, y) {
-    var b, S;
-    const v = W(m), D = B(v);
+  async function M(p, h) {
+    var S, b;
+    const v = W(p), D = _(v);
     await Promise.all(
-      D.map((E) => s.asyncLoaders.get(E)).filter((E) => !!E).map((E) => ne(E))
+      D.map((E) => r.asyncLoaders.get(E)).filter((E) => !!E).map((E) => ne(E))
     );
     const w = a.activePath;
-    w !== v && ((b = n == null ? void 0 : n.trackPageLeave) == null || b.call(n, w, w, v)), a.fromPath = w, a.toPath = v, a.activePath = v, y && _(v, y), (S = n == null ? void 0 : n.trackPageEnter) == null || S.call(n, v, w, v);
+    w !== v && ((S = o == null ? void 0 : o.trackPageLeave) == null || S.call(o, w, w, v)), a.fromPath = w, a.toPath = v, a.activePath = v, h && T(v, h), (b = o == null ? void 0 : o.trackPageEnter) == null || b.call(o, v, w, v);
   }
-  function _(m, y) {
-    const v = B(m).at(-1);
+  function T(p, h) {
+    const v = _(p).at(-1);
     if (!v) return;
     const D = a.routeAttrs.get(v);
-    a.routeAttrs.set(v, { ...D, ...y });
+    a.routeAttrs.set(v, { ...D, ...h });
   }
-  function T(m, y) {
-    const v = a.routeAttrs.get(m);
-    a.routeAttrs.set(m, { ...v, ...y });
+  function I(p, h) {
+    const v = a.routeAttrs.get(p);
+    a.routeAttrs.set(p, { ...v, ...h });
   }
-  function g(m) {
-    return a.routeAttrs.get(m);
+  function g(p) {
+    return a.routeAttrs.get(p);
   }
-  async function p(m, y) {
-    if (!m && m !== 0) return;
-    if (typeof m == "number" && m < 0) {
-      M(Math.abs(m), y);
+  async function y(p, h) {
+    if (!p && p !== 0) return;
+    if (typeof p == "number" && p < 0) {
+      L(Math.abs(p), h);
       return;
     }
-    const v = m.toString();
+    const v = p.toString();
     if (v.startsWith("/")) {
-      const S = B(v), E = B(a.activePath);
-      if (S.length < E.length && S.every(($, se) => E[se] === $)) {
-        if (E.length - S.length === 1)
-          M(1, y);
+      const b = _(v), E = _(a.activePath);
+      if (b.length < E.length && b.every(($, se) => E[se] === $)) {
+        if (E.length - b.length === 1)
+          L(1, h);
         else {
-          const se = E.slice(0, S.length + 1), Ne = K(se);
-          for (let re = S.length + 1; re < E.length; re++)
+          const se = E.slice(0, b.length + 1), Ne = K(se);
+          for (let re = b.length + 1; re < E.length; re++)
             a.routeAttrs.delete(E[re]);
-          a.activePath = Ne, await k(), M(1, y);
+          a.activePath = Ne, await k(), L(1, h);
         }
         return;
       }
-      const G = S.at(-1);
+      const G = b.at(-1);
       G && E.at(-1) === G && a.routeKeys.set(
         G,
         (a.routeKeys.get(G) || 0) + 1
-      ), await L(v, y);
+      ), await M(v, h);
       return;
     }
-    const D = B(a.activePath), w = D.indexOf(v);
+    const D = _(a.activePath), w = D.indexOf(v);
     if (w !== -1) {
-      const S = D.length - (w + 1);
-      if (S === 1)
-        M(1, y);
-      else if (S > 1) {
+      const b = D.length - (w + 1);
+      if (b === 1)
+        L(1, h);
+      else if (b > 1) {
         const E = D.slice(0, w + 2), O = K(E);
         for (let G = w + 2; G < D.length; G++)
           a.routeAttrs.delete(D[G]);
-        a.activePath = O, await k(), M(1, y);
+        a.activePath = O, await k(), L(1, h);
       } else
-        a.routeKeys.set(v, (a.routeKeys.get(v) || 0) + 1), await L(
+        a.routeKeys.set(v, (a.routeKeys.get(v) || 0) + 1), await M(
           K(D.slice(0, w + 1)),
-          y
+          h
         );
       return;
     }
-    const b = K([...D, v]);
-    await L(b, y);
+    const S = K([...D, v]);
+    await M(S, h);
   }
-  function r(m) {
-    if (typeof m == "number" && m < 0) {
-      const w = B(a.activePath), b = Math.min(Math.abs(m), w.length - 1);
-      return b <= 0 ? a.activePath : K(w.slice(0, -b));
+  function s(p) {
+    if (typeof p == "number" && p < 0) {
+      const w = _(a.activePath), S = Math.min(Math.abs(p), w.length - 1);
+      return S <= 0 ? a.activePath : K(w.slice(0, -S));
     }
-    const y = m.toString();
-    if (y.startsWith("/")) return W(y);
-    const v = B(a.activePath), D = v.indexOf(y);
-    return D !== -1 ? K(v.slice(0, D + 1)) : K([...v, y]);
+    const h = p.toString();
+    if (h.startsWith("/")) return W(h);
+    const v = _(a.activePath), D = v.indexOf(h);
+    return D !== -1 ? K(v.slice(0, D + 1)) : K([...v, h]);
   }
-  const l = { getRoute: (m) => s.routes.get(m) };
-  async function P(m, y) {
+  const f = { getRoute: (p) => r.routes.get(p) };
+  async function A(p, h) {
     var v;
-    if (!f.value) {
-      f.value = !0;
+    if (!u.value) {
+      u.value = !0;
       try {
-        const D = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, w = s.routes.size > 0;
-        if ((D || w) && m) {
-          const E = r(m), O = W(a.activePath);
-          if (!await Se(E, O, t, l)) {
-            f.value = !1;
+        const D = (((v = t.beforeEach) == null ? void 0 : v.length) ?? 0) > 0, w = r.routes.size > 0;
+        if ((D || w) && p) {
+          const E = s(p), O = W(a.activePath);
+          if (!await Se(E, O, t, f)) {
+            u.value = !1;
             return;
           }
         }
-        const b = W(a.activePath);
-        await p(m, y);
         const S = W(a.activePath);
-        h == null || h.record(S, y), qe(S, b, t.afterEach), s.preloadAdjacent(B(a.activePath)), u.schedule(() => {
-          f.value = !1;
+        await y(p, h);
+        const b = W(a.activePath);
+        d == null || d.record(b, h), qe(b, S, t.afterEach), r.preloadAdjacent(_(a.activePath)), c.schedule(() => {
+          u.value = !1;
         }, i);
       } catch (D) {
-        throw f.value = !1, D;
+        throw u.value = !1, D;
       }
     }
   }
-  const h = c.enabled ? Je(c, async (m) => {
-    const y = B(a.activePath), v = B(m);
-    if (v.length < y.length && v.every((w, b) => y[b] === w)) {
-      const w = y.length - v.length;
-      await P(-w);
+  const d = l.enabled ? Je(l, async (p) => {
+    const h = _(a.activePath), v = _(p);
+    if (v.length < h.length && v.every((w, S) => h[S] === w)) {
+      const w = h.length - v.length;
+      await A(-w);
     } else
-      await P(m);
+      await A(p);
   }) : void 0;
-  h && h.record(W(o));
-  const A = Ze({
+  d && d.record(W(n));
+  const P = Ze({
     getActivePath: () => a.activePath,
-    pushCore: p,
-    runGuards: (m, y) => Se(m, y, t, l),
-    scheduleUnlock: () => u.schedule(() => {
-      f.value = !1;
+    pushCore: y,
+    runGuards: (p, h) => Se(p, h, t, f),
+    scheduleUnlock: () => c.schedule(() => {
+      u.value = !1;
     }, i),
     lock: () => {
-      f.value = !0;
+      u.value = !0;
     },
     unlock: () => {
-      f.value = !1;
+      u.value = !1;
     },
-    isLocked: () => f.value,
+    isLocked: () => u.value,
     stepDelay: i
   });
   return {
@@ -735,19 +735,19 @@ function ke(e, n) {
     activePage: C(() => H(a.activePath)),
     fromPage: C(() => H(a.fromPath)),
     toPage: C(() => H(a.toPath)),
-    isNavigating: C(() => f.value),
+    isNavigating: C(() => u.value),
     resolveRoutes: R,
-    push: P,
-    stepWisePush: A.stepWisePush,
-    stepWiseBack: A.stepWiseBack,
-    registerRoute: s.registerRoute,
-    registerRoutes: s.registerRoutes,
-    updateRouteAttrs: T,
+    push: A,
+    stepWisePush: P.stepWisePush,
+    stepWiseBack: P.stepWiseBack,
+    registerRoute: r.registerRoute,
+    registerRoutes: r.registerRoutes,
+    updateRouteAttrs: I,
     getRouteAttrs: g,
-    preloadRoute: s.preloadRoute,
-    routes: s.routes,
-    history: h,
-    cleanup: u.cleanup
+    preloadRoute: r.preloadRoute,
+    routes: r.routes,
+    history: d,
+    cleanup: c.cleanup
   };
 }
 const F = () => {
@@ -764,54 +764,54 @@ function et(e) {
   };
 }
 function tt(e) {
-  const n = et(e.tracker), o = ke(
+  const o = et(e.tracker), n = ke(
     {
       defaultPath: e.defaultPath,
       stepDelay: e.stepDelay,
       guards: e.guards,
       history: e.history
     },
-    n
-  ), i = je(n), t = Xe(
+    o
+  ), i = je(o), t = Xe(
     {
       defaultControlName: e.defaultControlName,
       onboardingControlName: e.onboardingControlName
     },
-    n
-  ), c = e.volumeRef ? Ye({
+    o
+  ), l = e.volumeRef ? Ye({
     volumeRef: e.volumeRef,
     defaultBgm: e.defaultBgm
-  }) : null, u = {
+  }) : null, c = {
     // Navigation
-    activePath: o.activePath,
-    fromPath: o.fromPath,
-    toPath: o.toPath,
-    activePage: o.activePage,
-    fromPage: o.fromPage,
-    toPage: o.toPage,
-    isNavigating: o.isNavigating,
-    resolveRoutes: o.resolveRoutes,
-    push: async (a, d) => {
-      await o.push(a, d), c && c.updateBackgroundMusic(o.activePath.value, o.routes);
+    activePath: n.activePath,
+    fromPath: n.fromPath,
+    toPath: n.toPath,
+    activePage: n.activePage,
+    fromPage: n.fromPage,
+    toPage: n.toPage,
+    isNavigating: n.isNavigating,
+    resolveRoutes: n.resolveRoutes,
+    push: async (a, m) => {
+      await n.push(a, m), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
     },
-    stepWisePush: async (a, d) => {
-      await o.stepWisePush(a, d), c && c.updateBackgroundMusic(o.activePath.value, o.routes);
+    stepWisePush: async (a, m) => {
+      await n.stepWisePush(a, m), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
     },
     stepWiseBack: async (a) => {
-      await o.stepWiseBack(a), c && c.updateBackgroundMusic(o.activePath.value, o.routes);
+      await n.stepWiseBack(a), l && l.updateBackgroundMusic(n.activePath.value, n.routes);
     },
-    registerRoute: o.registerRoute,
-    registerRoutes: o.registerRoutes,
-    updateRouteAttrs: o.updateRouteAttrs,
-    getRouteAttrs: o.getRouteAttrs,
-    preloadRoute: o.preloadRoute,
+    registerRoute: n.registerRoute,
+    registerRoutes: n.registerRoutes,
+    updateRouteAttrs: n.updateRouteAttrs,
+    getRouteAttrs: n.getRouteAttrs,
+    preloadRoute: n.preloadRoute,
     // History (conditional — only if enabled)
-    ...o.history ? {
-      canGoBack: o.history.canGoBack,
-      canGoForward: o.history.canGoForward,
-      historyBack: o.history.back,
-      historyForward: o.history.forward,
-      historyGo: o.history.go
+    ...n.history ? {
+      canGoBack: n.history.canGoBack,
+      canGoForward: n.history.canGoForward,
+      historyBack: n.history.back,
+      historyForward: n.history.forward,
+      historyGo: n.history.go
     } : {},
     // Dialogs
     activeDialog: i.activeDialog,
@@ -835,190 +835,190 @@ function tt(e) {
     getControlAttrs: t.getControlAttrs,
     updateControlAttrs: t.updateControlAttrs,
     // Serialization
-    serialize: () => Ve(u),
-    restore: (a) => xe(u, a),
+    serialize: () => Ve(c),
+    restore: (a) => xe(c, a),
     // Audio (conditional — only if volumeRef provided in config)
-    ...c ? {
-      playSound: c.playSound,
-      stopSound: c.stopSound,
-      pauseSound: c.pauseSound,
-      resumeSound: c.resumeSound,
-      updateBackgroundMusic: c.updateBackgroundMusic
+    ...l ? {
+      playSound: l.playSound,
+      stopSound: l.stopSound,
+      pauseSound: l.pauseSound,
+      resumeSound: l.resumeSound,
+      updateBackgroundMusic: l.updateBackgroundMusic
     } : {}
-  }, s = H(e.defaultPath);
-  return X(o.activePage, (a, d) => {
-    if (!d) return;
+  }, r = H(e.defaultPath);
+  return X(n.activePage, (a, m) => {
+    if (!m) return;
     const R = t.currentControl.value;
-    d === s && a !== s && n.trackGuiLeave(R), a === s && d !== s && n.trackGuiEnter(R);
-  }), c && e.defaultBgm && e.bgmStartRef && X(e.bgmStartRef, (a) => {
-    a && !c.isStarted() && c.playSoundSync(e.defaultBgm, !0);
+    m === r && a !== r && o.trackGuiLeave(R), a === r && m !== r && o.trackGuiEnter(R);
+  }), l && e.defaultBgm && e.bgmStartRef && X(e.bgmStartRef, (a) => {
+    a && !l.isStarted() && l.playSoundSync(e.defaultBgm, !0);
   }, { flush: "sync" }), q(async () => {
-    await k(), t.toggleControl(e.defaultControlName, !0), n.trackPageEnter(
-      o.activePath.value,
+    await k(), t.toggleControl(e.defaultControlName, !0), o.trackPageEnter(
+      n.activePath.value,
       void 0,
-      o.activePath.value
-    ), c && document.addEventListener("visibilitychange", c.handleVisibilityChange), ze(u);
+      n.activePath.value
+    ), l && document.addEventListener("visibilitychange", l.handleVisibilityChange), ze(c);
   }), he(() => {
-    n.cleanupAllSessions(), o.cleanup(), i.cleanup(), t.cleanup(), c && (document.removeEventListener("visibilitychange", c.handleVisibilityChange), c.cleanup());
-  }), N(Me, u), V(de, null) || N(de, u), u;
+    o.cleanupAllSessions(), n.cleanup(), i.cleanup(), t.cleanup(), l && (document.removeEventListener("visibilitychange", l.handleVisibilityChange), l.cleanup());
+  }), N(Me, c), V(de, null) || N(de, c), c;
 }
 function J(e) {
-  const n = e != null && e.root ? de : Me, o = V(n);
-  if (!o)
+  const o = e != null && e.root ? de : Me, n = V(o);
+  if (!n)
     throw new Error(
       e != null && e.root ? "[vue-micro-router] useMicroRouter({ root: true }) failed — no root <MicroRouterView> found." : "[vue-micro-router] useMicroRouter() must be called inside <MicroRouterView>. Did you forget to wrap your app with <MicroRouterView>?"
     );
-  return o;
+  return n;
 }
 function yt(e) {
-  const n = V(ae), o = V(ie);
-  !n && !e && console.warn(
+  const o = V(ae), n = V(ie);
+  !o && !e && console.warn(
     "[vue-micro-router] useMicroState() called without provider and no defaults. Ensure component is inside <RoutePage>, <MicroDialog>, or <MicroControlWrapper>."
   );
-  const i = (n == null ? void 0 : n()) ?? {}, t = e ? { ...e } : {};
-  for (const s of Object.keys(i))
-    t[s] = i[s];
-  const c = pe(t);
-  o && X(
-    c,
-    (s) => o({ ...s }),
+  const i = (o == null ? void 0 : o()) ?? {}, t = e ? { ...e } : {};
+  for (const r of Object.keys(i))
+    t[r] = i[r];
+  const l = pe(t);
+  n && X(
+    l,
+    (r) => n({ ...r }),
     { deep: !0, flush: "post" }
   );
-  const u = Oe(c);
-  return new Proxy(u, {
-    get(s, f, a) {
-      return typeof f == "string" && !(f in s) && (s[f] = Ke(c, f)), Reflect.get(s, f, a);
+  const c = Oe(l);
+  return new Proxy(c, {
+    get(r, u, a) {
+      return typeof u == "string" && !(u in r) && (r[u] = Ke(l, u)), Reflect.get(r, u, a);
     }
   });
 }
 function Pt(e) {
-  const n = V(Le);
-  if (!n) {
+  const o = V(Le);
+  if (!o) {
     console.warn(
       "[vue-micro-router] useRouteLifecycle() must be called inside a route component rendered by <MicroRouterView>."
     );
     return;
   }
-  const { activePage: o } = J();
-  let i = o.value === n;
+  const { activePage: n } = J();
+  let i = n.value === o;
   i && q(() => {
     var t;
     return (t = e.onRouteEnter) == null ? void 0 : t.call(e);
-  }), X(o, (t) => {
-    var u, s;
-    const c = t === n;
-    c && !i ? (u = e.onRouteEnter) == null || u.call(e) : !c && i && ((s = e.onRouteLeave) == null || s.call(e)), i = c;
+  }), X(n, (t) => {
+    var c, r;
+    const l = t === o;
+    l && !i ? (c = e.onRouteEnter) == null || c.call(e) : !l && i && ((r = e.onRouteLeave) == null || r.call(e)), i = l;
   });
 }
 function wt(e) {
-  const n = V(Te);
-  if (!n) {
+  const o = V(Te);
+  if (!o) {
     console.warn(
       "[vue-micro-router] useDialogLifecycle() must be called inside a dialog component rendered by <MicroDialog>."
     );
     return;
   }
-  const { activeDialog: o } = J();
-  let i = o.value === n;
+  const { activeDialog: n } = J();
+  let i = n.value === o;
   i && q(() => {
     var t;
     return (t = e.onDialogEnter) == null ? void 0 : t.call(e);
-  }), X(o, (t) => {
-    var u, s;
-    const c = t === n;
-    c && !i ? (u = e.onDialogEnter) == null || u.call(e) : !c && i && ((s = e.onDialogLeave) == null || s.call(e)), i = c;
+  }), X(n, (t) => {
+    var c, r;
+    const l = t === o;
+    l && !i ? (c = e.onDialogEnter) == null || c.call(e) : !l && i && ((r = e.onDialogLeave) == null || r.call(e)), i = l;
   });
 }
 function Dt(e) {
-  const n = V(_e);
-  if (!n) {
+  const o = V(Ie);
+  if (!o) {
     console.warn(
       "[vue-micro-router] useControlLifecycle() must be called inside a control component rendered by <MicroControlWrapper>."
     );
     return;
   }
-  const { currentControl: o } = J();
-  let i = o.value === n;
+  const { currentControl: n } = J();
+  let i = n.value === o;
   i && q(() => {
     var t;
     return (t = e.onControlEnter) == null ? void 0 : t.call(e);
-  }), X(o, (t) => {
-    var u, s;
-    const c = t === n;
-    c && !i ? (u = e.onControlEnter) == null || u.call(e) : !c && i && ((s = e.onControlLeave) == null || s.call(e)), i = c;
+  }), X(n, (t) => {
+    var c, r;
+    const l = t === o;
+    l && !i ? (c = e.onControlEnter) == null || c.call(e) : !l && i && ((r = e.onControlLeave) == null || r.call(e)), i = l;
   });
 }
-function nt(e, n) {
+function nt(e, o) {
   if (!e.enabled) return;
-  const o = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
-  let c = 0, u = 0, s = 0, f = !1, a = null, d = null;
+  const n = e.edgeWidth ?? 20, i = e.threshold ?? 0.3, t = e.velocityThreshold ?? 0.5;
+  let l = 0, c = 0, r = 0, u = !1, a = null, m = null;
   function R() {
-    const r = n.containerRef.value;
-    return r ? "$el" in r ? r.$el : r : null;
+    const s = o.containerRef.value;
+    return s ? "$el" in s ? s.$el : s : null;
   }
-  function M() {
-    const r = R();
-    if (!r) return { current: null, previous: null };
-    const l = r.querySelectorAll(".route-page");
-    return l.length < 2 ? { current: l[l.length - 1] ?? null, previous: null } : {
-      current: l[l.length - 1],
-      previous: l[l.length - 2]
+  function L() {
+    const s = R();
+    if (!s) return { current: null, previous: null };
+    const f = s.querySelectorAll(".route-page");
+    return f.length < 2 ? { current: f[f.length - 1] ?? null, previous: null } : {
+      current: f[f.length - 1],
+      previous: f[f.length - 2]
     };
   }
-  function L(r) {
-    var A;
-    if (!n.canGoBack() || r.clientX > o) return;
-    const { current: l, previous: P } = M();
-    if (!l) return;
-    f = !0, c = r.clientX, u = r.clientY, s = Date.now(), a = l, d = P;
-    const h = R();
-    (A = h == null ? void 0 : h.setPointerCapture) == null || A.call(h, r.pointerId), a.style.willChange = "transform", d && (d.style.willChange = "transform", d.style.transition = "none"), a.style.transition = "none";
+  function M(s) {
+    var P;
+    if (!o.canGoBack() || s.clientX > n) return;
+    const { current: f, previous: A } = L();
+    if (!f) return;
+    u = !0, l = s.clientX, c = s.clientY, r = Date.now(), a = f, m = A;
+    const d = R();
+    (P = d == null ? void 0 : d.setPointerCapture) == null || P.call(d, s.pointerId), a.style.willChange = "transform", m && (m.style.willChange = "transform", m.style.transition = "none"), a.style.transition = "none";
   }
-  function _(r) {
-    if (!f || !a) return;
-    const l = Math.max(0, r.clientX - c);
-    if (Math.abs(r.clientY - u) > l * 1.5) {
+  function T(s) {
+    if (!u || !a) return;
+    const f = Math.max(0, s.clientX - l);
+    if (Math.abs(s.clientY - c) > f * 1.5) {
       g();
       return;
     }
-    const h = l / window.innerWidth;
-    if (a.style.transform = `translateX(${l}px)`, d) {
-      const A = -20 + 20 * h;
-      d.style.transform = `translateX(${A}%)`;
+    const d = f / window.innerWidth;
+    if (a.style.transform = `translateX(${f}px)`, m) {
+      const P = -20 + 20 * d;
+      m.style.transform = `translateX(${P}%)`;
     }
   }
-  function T(r) {
-    if (!f || !a) return;
+  function I(s) {
+    if (!u || !a) return;
     if (!a.isConnected) {
-      p(), f = !1;
+      y(), u = !1;
       return;
     }
-    const l = r.clientX - c, P = Date.now() - s, h = l / P;
-    l / window.innerWidth > i || h > t ? (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(100%)", d && (d.style.transition = "transform 0.2s ease-out", d.style.transform = "translateX(0)"), setTimeout(() => {
-      p(), n.goBack();
-    }, 200)) : (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(0)", d && (d.style.transition = "transform 0.2s ease-out", d.style.transform = "translateX(-20%)"), setTimeout(p, 200)), f = !1;
+    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%)", m && (m.style.transition = "transform 0.2s ease-out", m.style.transform = "translateX(0)"), setTimeout(() => {
+      y(), o.goBack();
+    }, 200)) : (a.style.transition = "transform 0.2s ease-out", a.style.transform = "translateX(0)", m && (m.style.transition = "transform 0.2s ease-out", m.style.transform = "translateX(-20%)"), setTimeout(y, 200)), u = !1;
   }
   function g() {
-    f && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), d && (d.style.transition = "transform 0.15s ease-out", d.style.transform = "translateX(-20%)"), setTimeout(p, 150), f = !1);
+    u && (a && (a.style.transition = "transform 0.15s ease-out", a.style.transform = "translateX(0)"), m && (m.style.transition = "transform 0.15s ease-out", m.style.transform = "translateX(-20%)"), setTimeout(y, 150), u = !1);
   }
-  function p() {
-    a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), d && (d.style.willChange = "", d.style.transition = "", d.style.transform = ""), a = null, d = null;
+  function y() {
+    a && (a.style.willChange = "", a.style.transition = "", a.style.transform = ""), m && (m.style.willChange = "", m.style.transition = "", m.style.transform = ""), a = null, m = null;
   }
   q(() => {
-    const r = R();
-    r != null && r.addEventListener && (r.addEventListener("pointerdown", L, { passive: !0 }), r.addEventListener("pointermove", _, { passive: !0 }), r.addEventListener("pointerup", T, { passive: !0 }), r.addEventListener("pointercancel", g, { passive: !0 }));
+    const s = R();
+    s != null && s.addEventListener && (s.addEventListener("pointerdown", M, { passive: !0 }), s.addEventListener("pointermove", T, { passive: !0 }), s.addEventListener("pointerup", I, { passive: !0 }), s.addEventListener("pointercancel", g, { passive: !0 }));
   }), he(() => {
-    const r = R();
-    r != null && r.removeEventListener && (r.removeEventListener("pointerdown", L), r.removeEventListener("pointermove", _), r.removeEventListener("pointerup", T), r.removeEventListener("pointercancel", g));
+    const s = R();
+    s != null && s.removeEventListener && (s.removeEventListener("pointerdown", M), s.removeEventListener("pointermove", T), s.removeEventListener("pointerup", I), s.removeEventListener("pointercancel", g));
   });
 }
 function At(e) {
   return { ...e };
 }
-function ot(e, n) {
-  var o, i, t;
-  for (const c of e)
-    (o = c.routes) != null && o.length && n.registerRoutes(c.routes), (i = c.dialogs) != null && i.length && n.registerDialogs(c.dialogs), (t = c.controls) != null && t.length && n.registerControls(c.controls);
+function ot(e, o) {
+  var n, i, t;
+  for (const l of e)
+    (n = l.routes) != null && n.length && o.registerRoutes(l.routes), (i = l.dialogs) != null && i.length && o.registerDialogs(l.dialogs), (t = l.controls) != null && t.length && o.registerControls(l.controls);
 }
 const at = /* @__PURE__ */ oe({
   __name: "MicroControlWrapper",
@@ -1026,20 +1026,20 @@ const at = /* @__PURE__ */ oe({
     control: {}
   },
   setup(e) {
-    const n = e, { getControlAttrs: o, updateControlAttrs: i } = J();
-    return N(_e, n.control.name), N(ae, () => o(n.control.name)), N(ie, (t) => {
-      i(n.control.name, t);
-    }), (t, c) => (I(), z(ye(e.control.component), Pe({
+    const o = e, { getControlAttrs: n, updateControlAttrs: i } = J();
+    return N(Ie, o.control.name), N(ae, () => n(o.control.name)), N(ie, (t) => {
+      i(o.control.name, t);
+    }), (t, l) => (B(), z(ye(e.control.component), Pe({
       key: e.control.componentKey || 0
     }, e.control.attrs), null, 16));
   }
 });
-let Z = 0, Ie = "";
+let Z = 0, Be = "";
 function it() {
-  Z === 0 && (Ie = document.body.style.overflow, document.body.style.overflow = "hidden"), Z++;
+  Z === 0 && (Be = document.body.style.overflow, document.body.style.overflow = "hidden"), Z++;
 }
 function st() {
-  Z = Math.max(0, Z - 1), Z === 0 && (document.body.style.overflow = Ie);
+  Z = Math.max(0, Z - 1), Z === 0 && (document.body.style.overflow = Be);
 }
 const rt = /* @__PURE__ */ new Set(["A", "BUTTON", "INPUT", "SELECT", "TEXTAREA"]);
 function lt(e) {
@@ -1051,8 +1051,8 @@ function Ge(e) {
   ).filter(lt);
 }
 function ct(e) {
-  const n = Ge(e);
-  return n.find((o) => o.hasAttribute("autofocus")) ?? n[0] ?? e;
+  const o = Ge(e);
+  return o.find((n) => n.hasAttribute("autofocus")) ?? o[0] ?? e;
 }
 const ut = /* @__PURE__ */ oe({
   __name: "MicroDialog",
@@ -1061,111 +1061,125 @@ const ut = /* @__PURE__ */ oe({
     stackIndex: {}
   },
   emits: ["close"],
-  setup(e, { emit: n }) {
-    const o = e, i = n, { getDialogAttrs: t, updateDialogAttrs: c } = J();
-    let u = !1;
-    const s = ee(null), f = ee(null), a = C(() => o.dialog.transition ?? "scale"), d = C(() => o.dialog.transitionDuration != null ? o.dialog.transitionDuration : a.value === "slide" ? 500 : 300), R = C(() => o.dialog.position ?? "standard"), M = C(() => o.dialog.seamless ?? !1);
-    function L() {
-      return s.value ? Ge(s.value) : [];
+  setup(e, { emit: o }) {
+    const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: l } = J();
+    let c = !1, r = 0;
+    const u = ee(null), a = ee(null), m = C(() => n.dialog.transition ?? "scale"), R = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : m.value === "slide" ? 500 : 300), L = C(() => n.dialog.position ?? "standard"), M = C(() => n.dialog.seamless ?? !1);
+    function T() {
+      return u.value ? Ge(u.value) : [];
     }
-    function _(l) {
-      var v, D;
-      if (l.key === "Escape") {
-        if (o.dialog.persistent) return;
-        l.preventDefault(), l.stopPropagation(), i("close", o.dialog.path);
+    function I(d) {
+      var w, S;
+      if (d.key === "Escape") {
+        if (n.dialog.persistent) return;
+        d.preventDefault(), d.stopPropagation(), i("close", n.dialog.path);
         return;
       }
-      if (l.key !== "Tab") return;
-      const P = L();
+      if (d.key !== "Tab") return;
+      const P = T();
       if (P.length === 0) {
-        l.preventDefault(), (v = s.value) == null || v.focus();
+        d.preventDefault(), (w = u.value) == null || w.focus();
         return;
       }
-      const h = P[0], A = P[P.length - 1], m = document.activeElement, y = !!((D = s.value) != null && D.contains(m));
-      l.shiftKey ? (!y || m === h) && (l.preventDefault(), A.focus()) : (!y || m === A) && (l.preventDefault(), h.focus());
+      const p = P[0], h = P[P.length - 1], v = document.activeElement, D = !!((S = u.value) != null && S.contains(v));
+      d.shiftKey ? (!D || v === p) && (d.preventDefault(), h.focus()) : (!D || v === h) && (d.preventDefault(), p.focus());
     }
-    function T(l) {
-      o.dialog.persistent || l.target === l.currentTarget && i("close", o.dialog.path);
+    function g(d) {
+      n.dialog.persistent || d.target === d.currentTarget && i("close", n.dialog.path);
     }
-    function g(l) {
-      if (!o.dialog.focusInput || !s.value) {
-        l();
+    function y(d) {
+      if (!n.dialog.focusInput || !u.value) {
+        d();
         return;
       }
       const P = document.createElement("input");
-      P.style.cssText = "position:fixed;opacity:0;height:0;width:0;top:-100px;", s.value.appendChild(P), P.focus(), setTimeout(() => {
-        P.remove(), l();
+      P.style.cssText = "position:fixed;opacity:0;height:0;width:0;top:-100px;", u.value.appendChild(P), P.focus(), setTimeout(() => {
+        P.remove(), d();
       }, 50);
     }
-    function p() {
-      u || (u = !0, f.value = document.activeElement, it(), k(() => {
-        s.value && g(() => {
-          s.value && ct(s.value).focus();
-        });
-      }));
+    function s(d) {
+      const P = ++r;
+      k(() => {
+        if (!u.value || !n.dialog.activated || P !== r) return;
+        const p = () => {
+          !u.value || !n.dialog.activated || P !== r || ct(u.value).focus();
+        };
+        if (d) {
+          y(p);
+          return;
+        }
+        p();
+      });
+    }
+    function f() {
+      if (c) {
+        s(n.dialog.focusInput ?? !1);
+        return;
+      }
+      c = !0, a.value = document.activeElement, it(), s(n.dialog.focusInput ?? !1);
     }
-    function r() {
-      var m;
-      if (!u) return;
-      u = !1, st();
-      const l = f.value;
-      f.value = null;
-      const P = document.activeElement, h = !!((m = s.value) != null && m.contains(P)), A = !P || P === document.body;
-      l && typeof l.focus == "function" && document.contains(l) && (h || A) && l.focus();
+    function A() {
+      var v;
+      if (!c) return;
+      r++, c = !1, st();
+      const d = a.value;
+      a.value = null;
+      const P = document.activeElement, p = !!((v = u.value) != null && v.contains(P)), h = !P || P === document.body;
+      d && typeof d.focus == "function" && document.contains(d) && (p || h) && d.focus();
     }
-    return N(Te, o.dialog.path), N(ae, () => t(o.dialog.path)), N(ie, (l) => {
-      c(o.dialog.path, l);
+    return N(Te, n.dialog.path), N(ae, () => t(n.dialog.path)), N(ie, (d) => {
+      l(n.dialog.path, d);
     }), X(
-      () => o.dialog.activated,
-      (l) => {
-        l && p();
+      () => n.dialog.activated,
+      (d) => {
+        d && f();
       }
     ), X(
-      () => o.dialog.closing,
-      (l) => {
-        !l && !o.dialog.activated && u && r();
+      () => n.dialog.closing,
+      (d) => {
+        !d && !n.dialog.activated && c && A();
       }
     ), q(() => {
-      o.dialog.activated && p();
+      n.dialog.activated && f();
     }), he(() => {
-      u && r();
-    }), (l, P) => (I(), z(We, { to: "body" }, [
+      c && A();
+    }), (d, P) => (B(), z(We, { to: "body" }, [
       j("div", {
         class: Q(["micro-dialog-portal", [
-          `micro-dialog--${R.value}`,
+          `micro-dialog--${L.value}`,
           e.dialog.fullscreen && "micro-dialog--fullscreen",
           M.value && "micro-dialog--seamless"
         ]]),
         style: be({
           zIndex: 100 + e.stackIndex,
-          "--dialog-duration": `${d.value}ms`
+          "--dialog-duration": `${R.value}ms`
         }),
-        onClick: le(T, ["self"])
+        onClick: le(g, ["self"])
       }, [
-        M.value ? $e("", !0) : (I(), x("div", {
+        M.value ? $e("", !0) : (B(), x("div", {
           key: 0,
           class: Q(["micro-dialog-backdrop", e.dialog.closing && "micro-dialog-backdrop--closing"])
         }, null, 2)),
         j("div", {
           ref_key: "wrapperRef",
-          ref: s,
+          ref: u,
           role: "dialog",
           "aria-modal": "true",
           tabindex: "-1",
           class: Q(["micro-dialog", [
-            `dialog-transition-${a.value}`,
+            `dialog-transition-${m.value}`,
             e.dialog.closing && "micro-dialog--closing"
           ]]),
-          onClick: le(T, ["self"]),
-          onKeydown: _
+          onClick: le(g, ["self"]),
+          onKeydown: I
         }, [
           j("div", {
             class: "micro-dialog__content",
             onClick: P[0] || (P[0] = le(() => {
             }, ["stop"]))
           }, [
-            we(l.$slots, "default"),
-            (I(), z(ye(e.dialog.component), Pe({
+            we(d.$slots, "default"),
+            (B(), z(ye(e.dialog.component), Pe({
               key: e.dialog.componentKey
             }, e.dialog.attrs), null, 16))
           ])
@@ -1179,18 +1193,18 @@ const ut = /* @__PURE__ */ oe({
     routePath: {}
   },
   setup(e) {
-    const n = e;
-    if (n.routePath) {
-      const o = n.routePath;
-      N(Le, o);
+    const o = e;
+    if (o.routePath) {
+      const n = o.routePath;
+      N(Le, n);
       const { updateRouteAttrs: i, getRouteAttrs: t } = J();
-      N(ae, () => t(o)), N(ie, (c) => {
-        i(o, c);
+      N(ae, () => t(n)), N(ie, (l) => {
+        i(n, l);
       });
     }
-    return (o, i) => (I(), x("div", ft, [
+    return (n, i) => (B(), x("div", ft, [
       j("div", gt, [
-        we(o.$slots, "default")
+        we(n.$slots, "default")
       ])
     ]));
   }
@@ -1202,58 +1216,58 @@ const ut = /* @__PURE__ */ oe({
     nested: { type: Boolean }
   },
   setup(e) {
-    var p, r;
-    const n = e, o = tt(n.config);
-    (p = n.plugins) != null && p.length && ot(n.plugins, o);
+    var y, s;
+    const o = e, n = tt(o.config);
+    (y = o.plugins) != null && y.length && ot(o.plugins, n);
     const {
       resolveRoutes: i,
       resolveDialogs: t,
-      resolveControls: c,
-      fromPath: u,
-      toPath: s,
-      isNavigating: f,
+      resolveControls: l,
+      fromPath: c,
+      toPath: r,
+      isNavigating: u,
       closeDialog: a
-    } = o, d = ee(null), R = C(() => {
-      const l = u.value.split("/").filter(Boolean), P = new Set(s.value.split("/").filter(Boolean));
-      return l.some((h) => P.has(h));
-    }), M = C(() => c.value.length > 0), L = C(() => {
-      const l = i.value.at(-1);
-      return (l == null ? void 0 : l.transition) ?? "slide";
-    }), _ = C(() => L.value === "none" ? "" : L.value === "fade" ? "page-fade" : "page-slide"), T = C(() => {
-      const l = i.value.at(-1);
-      return l != null && l.transitionDuration ? l.transitionDuration : L.value === "fade" ? 300 : 500;
+    } = n, m = ee(null), R = C(() => {
+      const f = c.value.split("/").filter(Boolean), A = new Set(r.value.split("/").filter(Boolean));
+      return f.some((d) => A.has(d));
+    }), L = C(() => l.value.length > 0), M = C(() => {
+      const f = i.value.at(-1);
+      return (f == null ? void 0 : f.transition) ?? "slide";
+    }), T = C(() => M.value === "none" ? "" : M.value === "fade" ? "page-fade" : "page-slide"), I = C(() => {
+      const f = i.value.at(-1);
+      return f != null && f.transitionDuration ? f.transitionDuration : M.value === "fade" ? 300 : 500;
     }), g = C(
-      () => R.value && L.value !== "none"
+      () => R.value && M.value !== "none"
     );
-    return (r = n.config.gesture) != null && r.enabled && nt(n.config.gesture, {
-      containerRef: d,
-      goBack: () => o.push(-1),
+    return (s = o.config.gesture) != null && s.enabled && nt(o.config.gesture, {
+      containerRef: m,
+      goBack: () => n.push(-1),
       canGoBack: () => i.value.length > 1
-    }), (l, P) => (I(), x(te, null, [
+    }), (f, A) => (B(), x(te, null, [
       Re(Ee, {
         ref_key: "pageContainerRef",
-        ref: d,
-        name: _.value,
+        ref: m,
+        name: T.value,
         css: g.value
       }, {
         default: ce(() => [
-          (I(!0), x(te, null, ue(Y(i), (h, A) => (I(), z(dt, {
-            key: h.key || h.path,
-            "route-path": h.path,
+          (B(!0), x(te, null, ue(Y(i), (d, P) => (B(), z(dt, {
+            key: d.key || d.path,
+            "route-path": d.path,
             class: Q({
-              deactivate: Y(i).length > 1 && A !== Y(i).length - 1,
-              "micro-router--navigating": Y(f)
+              deactivate: Y(i).length > 1 && P !== Y(i).length - 1,
+              "micro-router--navigating": Y(u)
             }),
             style: be({
-              transition: g.value ? `transform ${T.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${T.value}ms ease` : "none",
-              zIndex: 10 + A,
+              transition: g.value ? `transform ${I.value}ms cubic-bezier(0.65, 0, 0.35, 1), opacity ${I.value}ms ease` : "none",
+              zIndex: 10 + P,
               "--mr-page-height": e.nested ? "100%" : "100dvh"
             })
           }, {
             default: ce(() => [
-              (I(), z(ye(h.component), Pe({
-                key: h.componentKey
-              }, { ref_for: !0 }, Y(o).getRouteAttrs(h.path)), null, 16))
+              (B(), z(ye(d.component), Pe({
+                key: d.componentKey
+              }, { ref_for: !0 }, Y(n).getRouteAttrs(d.path)), null, 16))
             ]),
             _: 2
           }, 1032, ["route-path", "class", "style"]))), 128))
@@ -1261,25 +1275,25 @@ const ut = /* @__PURE__ */ oe({
         _: 1
       }, 8, ["name", "css"]),
       j("div", vt, [
-        we(l.$slots, "default")
+        we(f.$slots, "default")
       ]),
       j("div", {
-        class: Q(["micro-router-gui-layer", { "gui-visible": M.value }])
+        class: Q(["micro-router-gui-layer", { "gui-visible": L.value }])
       }, [
         Re(Ee, { name: "control-fade" }, {
           default: ce(() => [
-            (I(!0), x(te, null, ue(Y(c), (h) => (I(), z(at, {
-              key: h.name + "-" + (h.componentKey || 0),
-              control: h
+            (B(!0), x(te, null, ue(Y(l), (d) => (B(), z(at, {
+              key: d.name + "-" + (d.componentKey || 0),
+              control: d
             }, null, 8, ["control"]))), 128))
           ]),
           _: 1
         })
       ], 2),
-      (I(!0), x(te, null, ue(Y(t), (h, A) => (I(), z(ut, {
-        key: "dialog-" + h.path,
-        dialog: h,
-        "stack-index": A,
+      (B(!0), x(te, null, ue(Y(t), (d, P) => (B(), z(ut, {
+        key: "dialog-" + d.path,
+        dialog: d,
+        "stack-index": P,
         onClose: Y(a)
       }, null, 8, ["dialog", "stack-index", "onClose"]))), 128))
     ], 64));
@@ -1288,7 +1302,7 @@ const ut = /* @__PURE__ */ oe({
 export {
   ae as MICRO_ATTRS_READ_KEY,
   ie as MICRO_ATTRS_WRITE_KEY,
-  _e as MICRO_CONTROL_NAME_KEY,
+  Ie as MICRO_CONTROL_NAME_KEY,
   Te as MICRO_DIALOG_PATH_KEY,
   Me as MICRO_ROUTER_KEY,
   de as MICRO_ROUTER_ROOT_KEY,
@@ -1304,7 +1318,7 @@ export {
   H as getLastSegment,
   De as isAsyncLoader,
   W as normalizePath,
-  B as parsePathSegments,
+  _ as parsePathSegments,
   ot as registerFeaturePlugins,
   Ae as safeMarkRaw,
   Dt as useControlLifecycle,