vue3-router-tab 1.2.1 → 1.2.3

package/dist/vue3-router-tab.js

@@ -1,7 +1,7 @@
 import './vue3-router-tab.css';
-import { reactive as ge, ref as ee, shallowRef as Se, computed as $, watch as P, nextTick as ae, inject as se, getCurrentInstance as Te, onMounted as te, defineComponent as ke, provide as $e, onBeforeUnmount as Ee, resolveComponent as Le, createElementBlock as g, openBlock as h, createElementVNode as R, createCommentVNode as C, renderSlot as q, createVNode as D, TransitionGroup as Me, mergeProps as U, withCtx as j, Fragment as Q, renderList as le, withModifiers as z, normalizeClass as re, createTextVNode as De, toDisplayString as ce, normalizeProps as Ue, Transition as ue, createBlock as W, KeepAlive as je, resolveDynamicComponent as fe, normalizeStyle as ze } from "vue";
-import { RouterView as Oe } from "vue-router";
-function Ve(e = {}) {
+import { reactive as oe, ref as ae, shallowRef as je, computed as $, watch as B, nextTick as re, inject as de, getCurrentInstance as Pe, onMounted as ie, defineComponent as Ae, provide as Ue, onBeforeUnmount as ze, resolveComponent as Ne, createElementBlock as T, openBlock as v, createElementVNode as x, createCommentVNode as I, renderSlot as X, createVNode as j, TransitionGroup as Ve, mergeProps as U, withCtx as z, Fragment as Z, renderList as be, withModifiers as N, normalizeClass as pe, createTextVNode as Ye, toDisplayString as me, normalizeProps as Fe, Transition as ge, createBlock as ee, KeepAlive as Je, resolveDynamicComponent as ve, normalizeStyle as Ge } from "vue";
+import { RouterView as He } from "vue-router";
+function qe(e = {}) {
   return {
     initialTabs: e.initialTabs ?? [],
     keepAlive: e.keepAlive ?? !0,
@@ -11,79 +11,79 @@ function Ve(e = {}) {
     defaultRoute: e.defaultRoute ?? "/"
   };
 }
-function A(e, n) {
-  const o = e.resolve(n);
-  if (!o || !o.matched.length)
-    throw new Error(`[RouterTabs] Unable to resolve route: ${String(n)}`);
-  return o;
+function E(e, o) {
+  const t = e.resolve(o);
+  if (!t || !t.matched.length)
+    throw new Error(`[RouterTabs] Unable to resolve route: ${String(o)}`);
+  return t;
 }
-const Ne = {
+const Qe = {
   path: (e) => e.path,
   fullpath: (e) => e.fullPath,
   fullname: (e) => e.fullPath,
   full: (e) => e.fullPath,
   name: (e) => e.name ? String(e.name) : e.fullPath
 };
-function _(e) {
-  const n = e.meta?.key;
-  if (typeof n == "function") {
-    const o = n(e);
-    if (typeof o == "string" && o.length) return o;
-  } else if (typeof n == "string" && n.length) {
-    const o = Ne[n.toLowerCase()];
-    return o ? o(e) : n;
+function D(e) {
+  const o = e.meta?.key;
+  if (typeof o == "function") {
+    const t = o(e);
+    if (typeof t == "string" && t.length) return t;
+  } else if (typeof o == "string" && o.length) {
+    const t = Qe[o.toLowerCase()];
+    return t ? t(e) : o;
   }
   return e.fullPath;
 }
-function ne(e, n) {
-  const o = e.meta?.keepAlive;
-  return typeof o == "boolean" ? o : n;
+function le(e, o) {
+  const t = e.meta?.keepAlive;
+  return typeof t == "boolean" ? t : o;
 }
-function oe(e, n) {
-  const o = e.meta?.reuse;
-  return typeof o == "boolean" ? o : n;
+function se(e, o) {
+  const t = e.meta?.reuse;
+  return typeof t == "boolean" ? t : o;
 }
-function we(e) {
-  const n = e.meta ?? {}, o = {};
-  return "title" in n && (o.title = n.title), "tips" in n && (o.tips = n.tips), "icon" in n && (o.icon = n.icon), "closable" in n && (o.closable = n.closable), "tabClass" in n && (o.tabClass = n.tabClass), "target" in n && (o.target = n.target), "href" in n && (o.href = n.href), o;
+function xe(e) {
+  const o = e.meta ?? {}, t = {};
+  return "title" in o && (t.title = o.title), "tips" in o && (t.tips = o.tips), "icon" in o && (t.icon = o.icon), "closable" in o && (t.closable = o.closable), "tabClass" in o && (t.tabClass = o.tabClass), "target" in o && (t.target = o.target), "href" in o && (t.href = o.href), t;
 }
-function O(e, n, o) {
-  const t = we(e);
+function V(e, o, t) {
+  const r = xe(e);
   return {
-    id: _(e),
+    id: D(e),
     to: e.fullPath,
     fullPath: e.fullPath,
     matched: e,
-    alive: ne(e, o),
-    reusable: oe(e, !1),
-    closable: t.closable ?? !0,
-    ...t,
-    ...n
+    alive: le(e, t),
+    reusable: se(e, !1),
+    closable: r.closable ?? !0,
+    ...r,
+    ...o
   };
 }
-function X(e, n, o, t) {
-  if (!e.find((f) => f.id === n.id)) {
-    if (o === "next" && t) {
-      const f = e.findIndex((b) => b.id === t);
-      if (f > -1) {
-        e.splice(f + 1, 0, n);
+function te(e, o, t, r) {
+  if (!e.find((b) => b.id === o.id)) {
+    if (t === "next" && r) {
+      const b = e.findIndex((m) => m.id === r);
+      if (b > -1) {
+        e.splice(b + 1, 0, o);
         return;
       }
     }
-    e.push(n);
+    e.push(o);
   }
 }
-function de(e, n, o) {
-  if (!n || n <= 0) return;
-  const t = e.filter((l) => l.alive);
-  for (; t.length > n; ) {
-    const l = t.shift();
-    if (!l || l.id === o) continue;
-    const f = e.findIndex((b) => b.id === l.id);
-    f > -1 && (e[f].alive = !1);
+function ye(e, o, t) {
+  if (!o || o <= 0) return;
+  const r = e.filter((a) => a.alive);
+  for (; r.length > o; ) {
+    const a = r.shift();
+    if (!a || a.id === t) continue;
+    const b = e.findIndex((m) => m.id === a.id);
+    b > -1 && (e[b].alive = !1);
   }
 }
-function Be(e) {
+function We(e) {
   return {
     to: e.to,
     title: e.title,
@@ -93,173 +93,173 @@ function Be(e) {
     closable: e.closable
   };
 }
-function Ye(e) {
-  const n = {};
-  return "title" in e && (n.title = e.title), "tips" in e && (n.tips = e.tips), "icon" in e && (n.icon = e.icon), "tabClass" in e && (n.tabClass = e.tabClass), "closable" in e && (n.closable = e.closable), n;
+function Xe(e) {
+  const o = {};
+  return "title" in e && (o.title = e.title), "tips" in e && (o.tips = e.tips), "icon" in e && (o.icon = e.icon), "tabClass" in e && (o.tabClass = e.tabClass), "closable" in e && (o.closable = e.closable), o;
 }
-function Fe(e, n = {}) {
-  const o = Ve(n), t = ge([]), l = ee(null), f = Se(), b = ee(null), s = $(() => t.filter((a) => a.alive).map((a) => a.id));
-  let u = !1;
-  function T(a) {
-    const r = typeof a.matched == "object" ? a : A(e, a);
+function Ze(e, o = {}) {
+  const t = qe(o), r = oe([]), a = ae(null), b = je(), m = ae(null), l = $(() => r.filter((i) => i.alive).map((i) => i.id));
+  let s = !1;
+  function u(i) {
+    const c = typeof i.matched == "object" ? i : E(e, i);
     return {
-      key: _(r),
-      fullPath: r.fullPath,
-      alive: ne(r, o.keepAlive),
-      reusable: oe(r, !1),
-      matched: r
+      key: D(c),
+      fullPath: c.fullPath,
+      alive: le(c, t.keepAlive),
+      reusable: se(c, !1),
+      matched: c
     };
   }
-  function w(a) {
-    const r = _(a);
-    let c = t.find((p) => p.id === r);
-    return c ? (c.fullPath = a.fullPath, c.to = a.fullPath, c.matched = a, c.alive = ne(a, o.keepAlive), c.reusable = oe(a, c.reusable), Object.assign(c, we(a)), c) : (c = O(a, {}, o.keepAlive), X(t, c, o.appendPosition, l.value), de(t, o.maxAlive, l.value), c);
+  function C(i) {
+    const c = D(i);
+    let d = r.find((g) => g.id === c);
+    return d ? (d.fullPath = i.fullPath, d.to = i.fullPath, d.matched = i, d.alive = le(i, t.keepAlive), d.reusable = se(i, d.reusable), Object.assign(d, xe(i)), d) : (d = V(i, {}, t.keepAlive), te(r, d, t.appendPosition, a.value), ye(r, t.maxAlive, a.value), d);
   }
-  async function E(a, r = !1, c = !0) {
-    const p = A(e, a), k = _(p), i = l.value === k;
-    c === "sameTab" && (c = i), c && await y(k, !0), await e[r ? "replace" : "push"](p), i && await K();
+  async function R(i, c = !1, d = !0) {
+    const g = E(e, i), P = D(g), A = a.value === P;
+    d === "sameTab" && (d = A), d && await w(P, !0), await e[c ? "replace" : "push"](g), A && await M();
   }
-  function L(a) {
-    const r = t.findIndex((p) => p.id === a), c = t[r] || t[r - 1] || t[0];
-    return c ? c.to : o.defaultRoute;
+  function _(i) {
+    const c = r.findIndex((g) => g.id === i), d = r[c] || r[c - 1] || r[0];
+    return d ? d.to : t.defaultRoute;
   }
-  async function x(a = l.value, r = {}) {
-    if (a) {
-      if (!r.force && o.keepLastTab && t.length === 1)
+  async function L(i = a.value, c = {}) {
+    if (i) {
+      if (!c.force && t.keepLastTab && r.length === 1)
         throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");
-      if (await M(a, { force: r.force }), r.redirect !== null)
-        if (l.value === a) {
-          const c = r.redirect ?? L(a);
-          c && await e.replace(c);
-        } else r.redirect && await e.replace(r.redirect);
+      if (await S(i, { force: c.force }), c.redirect !== null)
+        if (a.value === i) {
+          const d = c.redirect ?? _(i);
+          d && await e.replace(d);
+        } else c.redirect && await e.replace(c.redirect);
     }
   }
-  async function M(a, r = {}) {
-    const c = t.findIndex((p) => p.id === a);
-    c !== -1 && (t.splice(c, 1), b.value === a && (b.value = null), l.value === a && (l.value = null, f.value = void 0));
+  async function S(i, c = {}) {
+    const d = r.findIndex((g) => g.id === i);
+    d !== -1 && (r.splice(d, 1), m.value === i && (m.value = null), a.value === i && (a.value = null, b.value = void 0));
   }
-  async function y(a = l.value ?? void 0, r = !1) {
-    a && (b.value = a, await ae(), r || await ae(), b.value = null);
+  async function w(i = a.value ?? void 0, c = !1) {
+    i && (m.value = i, await re(), c || await re(), m.value = null);
   }
-  async function B(a = !1) {
-    for (const r of t)
-      await y(r.id, a);
+  async function J(i = !1) {
+    for (const c of r)
+      await w(c.id, i);
   }
-  async function Y(a = o.defaultRoute) {
-    t.splice(0, t.length), l.value = null, f.value = void 0;
-    for (const r of o.initialTabs) {
-      const c = A(e, r.to), p = O(c, r, o.keepAlive);
-      t.push(p);
+  async function h(i = t.defaultRoute) {
+    r.splice(0, r.length), a.value = null, b.value = void 0;
+    for (const c of t.initialTabs) {
+      const d = E(e, c.to), g = V(d, c, t.keepAlive);
+      r.push(g);
     }
-    await e.replace(a);
+    await e.replace(i);
   }
-  async function K() {
-    const a = l.value;
-    a && await y(a, !0);
+  async function M() {
+    const i = a.value;
+    i && await w(i, !0);
   }
-  function F(a) {
-    return typeof a.matched == "object" ? _(a) : _(A(e, a));
+  function G(i) {
+    return typeof i.matched == "object" ? D(i) : D(E(e, i));
   }
-  function G() {
-    const a = t.find((r) => r.id === l.value);
+  function O() {
+    const i = r.find((c) => c.id === a.value);
     return {
-      tabs: t.map(Be),
-      active: a ? a.to : null
+      tabs: r.map(We),
+      active: i ? i.to : null
     };
   }
-  async function I(a) {
-    u = !0, t.splice(0, t.length), l.value = null, f.value = void 0;
-    const r = a?.tabs ?? [];
-    for (const p of r)
+  async function H(i) {
+    s = !0, r.splice(0, r.length), a.value = null, b.value = void 0;
+    const c = i?.tabs ?? [];
+    for (const g of c)
       try {
-        const k = A(e, p.to), i = Ye(p), d = O(k, i, o.keepAlive);
-        X(t, d, "last", null);
+        const P = E(e, g.to), A = Xe(g), q = V(P, A, t.keepAlive);
+        te(r, q, "last", null);
       } catch {
       }
-    u = !1;
-    const c = a?.active ?? r[r.length - 1]?.to ?? o.defaultRoute;
-    if (c)
+    s = !1;
+    const d = i?.active ?? c[c.length - 1]?.to ?? t.defaultRoute;
+    if (d)
       try {
-        await e.replace(c);
+        await e.replace(d);
       } catch {
       }
   }
-  return P(
+  return B(
     () => e.currentRoute.value,
-    (a) => {
-      if (u) return;
-      const r = w(a);
-      l.value = r.id, f.value = r, de(t, o.maxAlive, l.value);
+    (i) => {
+      if (s) return;
+      const c = C(i);
+      a.value = c.id, b.value = c, ye(r, t.maxAlive, a.value);
     },
     { immediate: !0 }
-  ), o.initialTabs.length && o.initialTabs.forEach((a) => {
-    const r = A(e, a.to), c = O(r, a, o.keepAlive);
-    X(t, c, "last", null);
+  ), t.initialTabs.length && t.initialTabs.forEach((i) => {
+    const c = E(e, i.to), d = V(c, i, t.keepAlive);
+    te(r, d, "last", null);
   }), {
-    options: o,
-    tabs: t,
-    activeId: l,
-    current: f,
-    includeKeys: s,
-    refreshingKey: b,
-    openTab: E,
-    closeTab: x,
-    removeTab: M,
-    refreshTab: y,
-    refreshAll: B,
-    reset: Y,
-    reload: K,
-    getRouteKey: F,
-    matchRoute: T,
-    snapshot: G,
-    hydrate: I
+    options: t,
+    tabs: r,
+    activeId: a,
+    current: b,
+    includeKeys: l,
+    refreshingKey: m,
+    openTab: R,
+    closeTab: L,
+    removeTab: S,
+    refreshTab: w,
+    refreshAll: J,
+    reset: h,
+    reload: M,
+    getRouteKey: G,
+    matchRoute: u,
+    snapshot: O,
+    hydrate: H
   };
 }
-function be(e) {
+function he(e) {
   return e ? typeof e == "string" ? { name: e } : e : {};
 }
-const N = Symbol("RouterTabsContext"), V = "router-tabs:snapshot";
-function pe(e = {}) {
-  const { optional: n = !1 } = e, o = se(N, null);
-  if (o) return o;
-  const t = se("$tabs", null);
+const F = Symbol("RouterTabsContext"), Y = "router-tabs:snapshot";
+function ke(e = {}) {
+  const { optional: o = !1 } = e, t = de(F, null);
   if (t) return t;
-  const f = Te()?.appContext.config.globalProperties.$tabs;
-  if (f) return f;
-  if (!n)
+  const r = de("$tabs", null);
+  if (r) return r;
+  const b = Pe()?.appContext.config.globalProperties.$tabs;
+  if (b) return b;
+  if (!o)
     throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
   return null;
 }
-const Ge = 864e5;
-function Je(e) {
+const et = 864e5;
+function tt(e) {
   if (typeof document > "u") return null;
-  const n = `${encodeURIComponent(e)}=`, o = document.cookie ? document.cookie.split("; ") : [];
-  for (const t of o)
-    if (t.startsWith(n))
-      return decodeURIComponent(t.slice(n.length));
+  const o = `${encodeURIComponent(e)}=`, t = document.cookie ? document.cookie.split("; ") : [];
+  for (const r of t)
+    if (r.startsWith(o))
+      return decodeURIComponent(r.slice(o.length));
   return null;
 }
-function me(e, n, o) {
+function Te(e, o, t) {
   if (typeof document > "u") return;
   const {
-    expiresInDays: t = 7,
-    path: l = "/",
-    domain: f,
-    secure: b,
-    sameSite: s = "lax"
-  } = o, u = [`${encodeURIComponent(e)}=${encodeURIComponent(n)}`];
-  if (t !== 1 / 0) {
-    const T = new Date(Date.now() + t * Ge).toUTCString();
-    u.push(`Expires=${T}`);
+    expiresInDays: r = 7,
+    path: a = "/",
+    domain: b,
+    secure: m,
+    sameSite: l = "lax"
+  } = t, s = [`${encodeURIComponent(e)}=${encodeURIComponent(o)}`];
+  if (r !== 1 / 0) {
+    const u = new Date(Date.now() + r * et).toUTCString();
+    s.push(`Expires=${u}`);
   }
-  l && u.push(`Path=${l}`), f && u.push(`Domain=${f}`), b && u.push("Secure"), s && u.push(`SameSite=${s.charAt(0).toUpperCase()}${s.slice(1)}`), document.cookie = u.join("; ");
+  a && s.push(`Path=${a}`), b && s.push(`Domain=${b}`), m && s.push("Secure"), l && s.push(`SameSite=${l.charAt(0).toUpperCase()}${l.slice(1)}`), document.cookie = s.join("; ");
 }
-function ye(e, n) {
+function Ce(e, o) {
   if (typeof document > "u") return;
-  const { path: o = "/", domain: t } = n, l = [`${encodeURIComponent(e)}=`];
-  l.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), o && l.push(`Path=${o}`), t && l.push(`Domain=${t}`), document.cookie = l.join("; ");
+  const { path: t = "/", domain: r } = o, a = [`${encodeURIComponent(e)}=`];
+  a.push("Expires=Thu, 01 Jan 1970 00:00:01 GMT"), t && a.push(`Path=${t}`), r && a.push(`Domain=${r}`), document.cookie = a.join("; ");
 }
-const He = (e) => JSON.stringify(e ?? null), qe = (e) => {
+const nt = (e) => JSON.stringify(e ?? null), ot = (e) => {
   if (!e) return null;
   try {
     return JSON.parse(e);
@@ -267,58 +267,62 @@ const He = (e) => JSON.stringify(e ?? null), qe = (e) => {
     return null;
   }
 };
-function Re(e = {}) {
+function Ie(e = {}) {
   const {
-    cookieKey: n = V,
-    serialize: o = He,
-    deserialize: t = qe
-  } = e, l = pe({ optional: !0 }), f = ee(!0), b = (s) => {
-    te(async () => {
-      const u = t(Je(n));
-      if (u && u.tabs?.length)
+    cookieKey: o = Y,
+    serialize: t = nt,
+    deserialize: r = ot
+  } = e, a = ke({ optional: !0 }), b = ae(!0), m = (l) => {
+    ie(async () => {
+      const s = r(tt(o));
+      if (s && s.tabs?.length)
         try {
-          f.value = !0, await s.hydrate(u);
+          if (b.value = !0, await l.hydrate(s), s.active) {
+            await re();
+            const C = l.tabs.find((R) => R.to === s.active);
+            C && (l.activeId.value = C.id, l.current.value = C);
+          }
         } finally {
-          f.value = !1;
+          b.value = !1;
         }
       else
         try {
-          f.value = !0;
-          const w = e.fallbackRoute ?? s.options.defaultRoute;
-          await s.reset(w);
+          b.value = !0;
+          const C = e.fallbackRoute ?? l.options.defaultRoute;
+          await l.reset(C);
         } finally {
-          f.value = !1;
+          b.value = !1;
         }
-      const T = s.snapshot();
-      T.tabs.length ? me(n, o(T), e) : ye(n, e), f.value = !1;
-    }), P(
+      const u = l.snapshot();
+      u.tabs.length ? Te(o, t(u), e) : Ce(o, e), b.value = !1;
+    }), B(
       () => ({
-        tabs: s.tabs.map((u) => ({
-          to: u.to,
-          title: u.title,
-          tips: u.tips,
-          icon: u.icon,
-          tabClass: u.tabClass,
-          closable: u.closable
+        tabs: l.tabs.map((s) => ({
+          to: s.to,
+          title: s.title,
+          tips: s.tips,
+          icon: s.icon,
+          tabClass: s.tabClass,
+          closable: s.closable
         })),
-        active: s.activeId.value
+        active: l.activeId.value
       }),
       () => {
-        if (f.value) return;
-        const u = s.snapshot();
-        u.tabs.length ? me(n, o(u), e) : ye(n, e);
+        if (b.value) return;
+        const s = l.snapshot();
+        s.tabs.length ? Te(o, t(s), e) : Ce(o, e);
       },
       { deep: !0 }
     );
   };
-  l ? b(l) : te(() => {
-    const s = pe({ optional: !0 });
-    s && b(s);
+  a ? m(a) : ie(() => {
+    const l = ke({ optional: !0 });
+    l && m(l);
   });
 }
-const Qe = ke({
+const at = Ae({
   name: "RouterTab",
-  components: { RouterView: Oe },
+  components: { RouterView: He },
   props: {
     tabs: {
       type: Array,
@@ -358,21 +362,30 @@ const Qe = ke({
     },
     cookieKey: {
       type: String,
-      default: V
+      default: Y
     },
     persistence: {
       type: Object,
       default: null
+    },
+    sortable: {
+      type: Boolean,
+      default: !0
+    },
+    titleResolver: {
+      type: Function,
+      default: null
     }
   },
-  setup(e) {
-    const n = Te();
-    if (!n)
+  emits: ["tab-sort", "tab-sorted"],
+  setup(e, { emit: o }) {
+    const t = Pe();
+    if (!t)
       throw new Error("[RouterTab] component must be used within a Vue application context.");
-    const o = n.appContext.app.config.globalProperties.$router;
-    if (!o)
+    const r = t.appContext.app.config.globalProperties.$router;
+    if (!r)
       throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");
-    const t = Fe(o, {
+    const a = Ze(r, {
       initialTabs: e.tabs,
       keepAlive: e.keepAlive,
       maxAlive: e.maxAlive,
@@ -380,19 +393,24 @@ const Qe = ke({
       appendPosition: e.append,
       defaultRoute: e.defaultPage
     });
-    $e(N, t), n.appContext.config.globalProperties.$tabs = t;
-    const l = $(() => !!n?.slots?.default);
+    Ue(F, a), t.appContext.config.globalProperties.$tabs = a;
+    const b = $(() => !!t?.slots?.default);
     if (e.cookieKey !== null || e.persistence) {
-      const i = {
+      const n = {
         ...e.persistence ?? {}
       };
-      e.cookieKey !== null ? i.cookieKey = e.cookieKey || V : i.cookieKey || (i.cookieKey = V), Re(i);
+      e.cookieKey !== null ? n.cookieKey = e.cookieKey || Y : n.cookieKey || (n.cookieKey = Y), Ie(n);
     }
-    const f = $(() => be(e.tabTransition)), b = $(() => be(e.pageTransition)), s = ge({
+    const m = $(() => he(e.tabTransition)), l = $(() => he(e.pageTransition)), s = oe({
       visible: !1,
       target: null,
       position: { x: 0, y: 0 }
-    }), u = [
+    }), u = oe({
+      dragging: !1,
+      dragIndex: -1,
+      dropIndex: -1,
+      dragTab: null
+    }), C = [
       "refresh",
       "refreshAll",
       "close",
@@ -400,244 +418,287 @@ const Qe = ke({
       "closeRights",
       "closeOthers"
     ];
-    function T(i) {
-      return t.tabs.findIndex((d) => d.id === i);
+    function R(n) {
+      return a.tabs.findIndex((f) => f.id === n);
     }
-    function w(i) {
-      const d = T(i.id);
-      return d > 0 ? t.tabs.slice(0, d) : [];
+    function _(n) {
+      const f = R(n.id);
+      return f > 0 ? a.tabs.slice(0, f) : [];
     }
-    function E(i) {
-      const d = T(i.id);
-      return d > -1 ? t.tabs.slice(d + 1) : [];
+    function L(n) {
+      const f = R(n.id);
+      return f > -1 ? a.tabs.slice(f + 1) : [];
     }
-    function L(i) {
-      return t.tabs.filter((d) => d.id !== i.id);
+    function S(n) {
+      return a.tabs.filter((f) => f.id !== n.id);
     }
-    async function x(i, d) {
-      const m = i.filter((v) => v.closable !== !1);
-      if (m.length) {
-        for (const v of m)
-          t.activeId.value === v.id ? await t.closeTab(v.id, { redirect: d.to, force: !0 }) : await t.removeTab(v.id, { force: !0 });
-        t.activeId.value !== d.id && await t.openTab(d.to, !0, !1);
+    async function w(n, f) {
+      const p = n.filter((k) => k.closable !== !1);
+      if (p.length) {
+        for (const k of p)
+          a.activeId.value === k.id ? await a.closeTab(k.id, { redirect: f.to, force: !0 }) : await a.removeTab(k.id, { force: !0 });
+        a.activeId.value !== f.id && await a.openTab(f.to, !0, !1);
       }
     }
-    const M = {
+    const J = {
       refresh: {
         label: "Refresh",
-        handler: async ({ target: i }) => {
-          await t.refreshTab(i.id, !0);
+        handler: async ({ target: n }) => {
+          await a.refreshTab(n.id, !0);
         }
       },
       refreshAll: {
         label: "Refresh All",
         handler: async () => {
-          await t.refreshAll(!0);
+          await a.refreshAll(!0);
         }
       },
       close: {
         label: "Close",
-        handler: async ({ target: i }) => {
-          await t.closeTab(i.id);
+        handler: async ({ target: n }) => {
+          await a.closeTab(n.id);
         },
-        enable: ({ target: i }) => I(i)
+        enable: ({ target: n }) => c(n)
       },
       closeLefts: {
         label: "Close to the Left",
-        handler: async ({ target: i }) => {
-          await x(w(i), i);
+        handler: async ({ target: n }) => {
+          await w(_(n), n);
         },
-        enable: ({ target: i }) => w(i).some((d) => d.closable !== !1)
+        enable: ({ target: n }) => _(n).some((f) => f.closable !== !1)
       },
       closeRights: {
         label: "Close to the Right",
-        handler: async ({ target: i }) => {
-          await x(E(i), i);
+        handler: async ({ target: n }) => {
+          await w(L(n), n);
         },
-        enable: ({ target: i }) => E(i).some((d) => d.closable !== !1)
+        enable: ({ target: n }) => L(n).some((f) => f.closable !== !1)
       },
       closeOthers: {
         label: "Close Others",
-        handler: async ({ target: i }) => {
-          await x(L(i), i);
+        handler: async ({ target: n }) => {
+          await w(S(n), n);
         },
-        enable: ({ target: i }) => L(i).some((d) => d.closable !== !1)
+        enable: ({ target: n }) => S(n).some((f) => f.closable !== !1)
       }
     };
-    function y() {
+    function h() {
       s.visible = !1, s.target = null;
     }
-    function B(i, d) {
-      e.contextmenu && (s.visible = !0, s.target = i, s.position.x = d.clientX, s.position.y = d.clientY, document.addEventListener("click", y, { once: !0 }));
+    function M(n, f) {
+      e.contextmenu && (s.visible = !0, s.target = n, s.position.x = f.clientX, s.position.y = f.clientY, document.addEventListener("click", h, { once: !0 }));
     }
-    function Y(i, d) {
-      const m = typeof i == "string" ? { id: i } : i, v = M[m.id], xe = m.label ?? v?.label ?? String(m.id), J = m.visible ?? v?.visible ?? !0;
-      if (!(typeof J == "function" ? J(d) : J !== !1)) return null;
-      const H = m.enable ?? v?.enable ?? !0, Ke = typeof H == "function" ? H(d) : H !== !1, ie = m.handler ?? v?.handler;
-      if (!ie) return null;
-      const Ie = async () => {
-        await Promise.resolve(ie(d));
+    function G(n, f) {
+      const p = typeof n == "string" ? { id: n } : n, k = J[p.id], Le = p.label ?? k?.label ?? String(p.id), Q = p.visible ?? k?.visible ?? !0;
+      if (!(typeof Q == "function" ? Q(f) : Q !== !1)) return null;
+      const W = p.enable ?? k?.enable ?? !0, Me = typeof W == "function" ? W(f) : W !== !1, fe = p.handler ?? k?.handler;
+      if (!fe) return null;
+      const Oe = async () => {
+        await Promise.resolve(fe(f));
       };
       return {
-        id: String(m.id),
-        label: xe,
-        disabled: !Ke,
-        action: Ie
+        id: String(p.id),
+        label: Le,
+        disabled: !Me,
+        action: Oe
       };
     }
-    const K = $(() => {
+    const O = $(() => {
       if (!s.visible || !s.target || e.contextmenu === !1) return [];
-      const i = Array.isArray(e.contextmenu) ? e.contextmenu : u, d = { target: s.target, controller: t };
-      return i.map((m) => Y(m, d)).filter((m) => !!m);
+      const n = Array.isArray(e.contextmenu) ? e.contextmenu : C, f = { target: s.target, controller: a };
+      return n.map((p) => G(p, f)).filter((p) => !!p);
     });
-    async function F(i) {
-      i.disabled || (y(), await i.action());
+    async function H(n) {
+      n.disabled || (h(), await n.action());
     }
-    function G(i) {
-      return typeof i.title == "string" ? i.title : Array.isArray(i.title) && i.title.length ? String(i.title[0]) : i.fullPath;
+    function i(n) {
+      return e.titleResolver ? e.titleResolver(n) : typeof n.title == "string" ? n.title : Array.isArray(n.title) && n.title.length ? String(n.title[0]) : n.fullPath;
     }
-    function I(i) {
-      return !(i.closable === !1 || t.options.keepLastTab && t.tabs.length <= 1);
+    function c(n) {
+      return !(n.closable === !1 || a.options.keepLastTab && a.tabs.length <= 1);
     }
-    async function a(i) {
-      await t.closeTab(i.id);
+    async function d(n) {
+      await a.closeTab(n.id);
     }
-    function r(i) {
-      t.activeId.value !== i.id && t.openTab(i.to, !1);
+    function g(n) {
+      a.activeId.value !== n.id && a.openTab(n.to, !1);
     }
-    function c(i) {
+    function P(n) {
       return [
         "router-tab__item",
         {
-          "is-active": t.activeId.value === i.id,
-          "is-closable": I(i)
+          "is-active": a.activeId.value === n.id,
+          "is-closable": c(n),
+          "is-dragging": u.dragging && u.dragTab?.id === n.id,
+          "is-drag-over": u.dropIndex === R(n.id)
         },
-        i.tabClass
+        n.tabClass
       ];
     }
-    function p(i) {
-      return t.refreshingKey.value === t.getRouteKey(i);
+    function A(n) {
+      return a.refreshingKey.value === a.getRouteKey(n);
+    }
+    function q(n, f, p) {
+      e.sortable && (u.dragging = !0, u.dragIndex = f, u.dragTab = n, p.dataTransfer && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", n.id)), o("tab-sort", { tab: n, index: f }));
+    }
+    function Be(n, f) {
+      !e.sortable || !u.dragging || (f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move"));
     }
-    te(() => {
-      document.addEventListener("keydown", y);
-    }), Ee(() => {
-      document.removeEventListener("keydown", y), n.appContext.config.globalProperties.$tabs = null;
-    }), P(
+    function Se(n) {
+      !e.sortable || !u.dragging || (u.dropIndex = n);
+    }
+    function Ke() {
+      !e.sortable || u.dragging;
+    }
+    function $e(n, f) {
+      if (!(!e.sortable || !u.dragging)) {
+        if (f.preventDefault(), u.dragIndex !== -1 && u.dragIndex !== n) {
+          const p = a.tabs.splice(u.dragIndex, 1)[0];
+          a.tabs.splice(n, 0, p), o("tab-sorted", {
+            tab: p,
+            fromIndex: u.dragIndex,
+            toIndex: n
+          });
+        }
+        ce();
+      }
+    }
+    function ce() {
+      u.dragging = !1, u.dragIndex = -1, u.dropIndex = -1, u.dragTab = null;
+    }
+    ie(() => {
+      document.addEventListener("keydown", h);
+    }), ze(() => {
+      document.removeEventListener("keydown", h), t.appContext.config.globalProperties.$tabs = null;
+    }), B(
       () => e.keepAlive,
-      (i) => {
-        t.options.keepAlive = i;
+      (n) => {
+        a.options.keepAlive = n;
       }
-    ), P(
-      () => t.activeId.value,
-      () => y()
-    ), P(
+    ), B(
+      () => a.activeId.value,
+      () => h()
+    ), B(
       () => e.contextmenu,
-      (i) => {
-        i || y();
+      (n) => {
+        n || h();
       }
-    ), P(
-      () => K.value.length,
-      (i) => {
-        s.visible && i === 0 && y();
+    ), B(
+      () => O.value.length,
+      (n) => {
+        s.visible && n === 0 && h();
       }
     );
-    const k = t.includeKeys;
+    const _e = a.includeKeys;
     return {
-      controller: t,
-      tabs: t.tabs,
-      includeKeys: k,
-      tabTransitionProps: f,
-      pageTransitionProps: b,
-      buildTabClass: c,
-      activate: r,
-      close: a,
+      controller: a,
+      tabs: a.tabs,
+      includeKeys: _e,
+      tabTransitionProps: m,
+      pageTransitionProps: l,
+      buildTabClass: P,
+      activate: g,
+      close: d,
       context: s,
-      menuItems: K,
-      handleMenuAction: F,
-      showContextMenu: B,
-      hideContextMenu: y,
-      tabTitle: G,
-      isClosable: I,
-      isRefreshing: p,
-      hasCustomSlot: l
+      menuItems: O,
+      handleMenuAction: H,
+      showContextMenu: M,
+      hideContextMenu: h,
+      getTabTitle: i,
+      isClosable: c,
+      isRefreshing: A,
+      hasCustomSlot: b,
+      onDragStart: q,
+      onDragOver: Be,
+      onDragEnter: Se,
+      onDragLeave: Ke,
+      onDrop: $e,
+      onDragEnd: ce
     };
   }
-}), We = (e, n) => {
-  const o = e.__vccOpts || e;
-  for (const [t, l] of n)
-    o[t] = l;
-  return o;
-}, Xe = { class: "router-tab" }, Ze = { class: "router-tab__header" }, et = { class: "router-tab__slot-start" }, tt = { class: "router-tab__scroll" }, nt = ["onClick", "onAuxclick", "onContextmenu"], ot = ["title"], it = ["onClick"], at = { class: "router-tab__slot-end" }, st = { class: "router-tab__container" }, lt = ["aria-disabled", "onClick"];
-function rt(e, n, o, t, l, f) {
-  const b = Le("RouterView");
-  return h(), g("div", Xe, [
-    R("header", Ze, [
-      R("div", et, [
-        q(e.$slots, "start")
+}), rt = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [r, a] of o)
+    t[r] = a;
+  return t;
+}, it = { class: "router-tab" }, lt = { class: "router-tab__header" }, st = { class: "router-tab__slot-start" }, ut = { class: "router-tab__scroll" }, ct = ["data-title", "draggable", "onClick", "onAuxclick", "onContextmenu", "onDragstart", "onDragover", "onDragenter", "onDrop"], ft = ["title"], dt = ["onClick"], bt = { class: "router-tab__slot-end" }, pt = { class: "router-tab__container" }, mt = ["aria-disabled", "onClick"];
+function gt(e, o, t, r, a, b) {
+  const m = Ne("RouterView");
+  return v(), T("div", it, [
+    x("header", lt, [
+      x("div", st, [
+        X(e.$slots, "start")
       ]),
-      R("div", tt, [
-        D(Me, U({
+      x("div", ut, [
+        j(Ve, U({
           tag: "ul",
           class: "router-tab__nav"
         }, e.tabTransitionProps), {
-          default: j(() => [
-            (h(!0), g(Q, null, le(e.tabs, (s) => (h(), g("li", {
-              key: s.id,
-              class: re(e.buildTabClass(s)),
-              onClick: (u) => e.activate(s),
-              onAuxclick: z((u) => e.close(s), ["middle", "prevent"]),
-              onContextmenu: z((u) => e.showContextMenu(s, u), ["prevent"])
+          default: z(() => [
+            (v(!0), T(Z, null, be(e.tabs, (l, s) => (v(), T("li", {
+              key: l.id,
+              class: pe(e.buildTabClass(l)),
+              "data-title": e.getTabTitle(l),
+              draggable: e.sortable,
+              onClick: (u) => e.activate(l),
+              onAuxclick: N((u) => e.close(l), ["middle", "prevent"]),
+              onContextmenu: N((u) => e.showContextMenu(l, u), ["prevent"]),
+              onDragstart: (u) => e.onDragStart(l, s, u),
+              onDragover: (u) => e.onDragOver(s, u),
+              onDragenter: (u) => e.onDragEnter(s),
+              onDragleave: o[0] || (o[0] = (...u) => e.onDragLeave && e.onDragLeave(...u)),
+              onDrop: (u) => e.onDrop(s, u),
+              onDragend: o[1] || (o[1] = (...u) => e.onDragEnd && e.onDragEnd(...u))
             }, [
-              R("span", {
+              x("span", {
                 class: "router-tab__item-title",
-                title: e.tabTitle(s)
+                title: e.getTabTitle(l)
               }, [
-                s.icon ? (h(), g("i", {
+                l.icon ? (v(), T("i", {
                   key: 0,
-                  class: re(["router-tab__item-icon", s.icon])
-                }, null, 2)) : C("", !0),
-                De(" " + ce(e.tabTitle(s)), 1)
-              ], 8, ot),
-              e.isClosable(s) ? (h(), g("a", {
+                  class: pe(["router-tab__item-icon", l.icon])
+                }, null, 2)) : I("", !0),
+                Ye(" " + me(e.getTabTitle(l)), 1)
+              ], 8, ft),
+              e.isClosable(l) ? (v(), T("a", {
                 key: 0,
                 class: "router-tab__item-close",
-                type: "button",
-                onClick: z((u) => e.close(s), ["stop"])
-              }, null, 8, it)) : C("", !0)
-            ], 42, nt))), 128))
+                onClick: N((u) => e.close(l), ["stop"])
+              }, null, 8, dt)) : I("", !0)
+            ], 42, ct))), 128))
           ]),
           _: 1
         }, 16)
       ]),
-      R("div", at, [
-        q(e.$slots, "end")
+      x("div", bt, [
+        X(e.$slots, "end")
       ])
     ]),
-    R("div", st, [
-      D(b, null, {
-        default: j((s) => [
-          e.hasCustomSlot ? q(e.$slots, "default", Ue(U({ key: 0 }, { ...s, controller: e.controller }))) : (h(), g(Q, { key: 1 }, [
-            D(ue, U(e.pageTransitionProps, { appear: "" }), {
-              default: j(() => [
-                e.controller.options.keepAlive ? (h(), W(je, {
+    x("div", pt, [
+      j(m, null, {
+        default: z((l) => [
+          e.hasCustomSlot ? X(e.$slots, "default", Fe(U({ key: 0 }, { ...l, controller: e.controller }))) : (v(), T(Z, { key: 1 }, [
+            j(ge, U(e.pageTransitionProps, { appear: "" }), {
+              default: z(() => [
+                e.controller.options.keepAlive ? (v(), ee(Je, {
                   key: 0,
                   include: e.includeKeys,
                   max: e.controller.options.maxAlive || void 0
                 }, [
-                  e.isRefreshing(s.route) ? C("", !0) : (h(), W(fe(s.Component), {
-                    key: e.controller.getRouteKey(s.route),
+                  e.isRefreshing(l.route) ? I("", !0) : (v(), ee(ve(l.Component), {
+                    key: e.controller.getRouteKey(l.route),
                     class: "router-tab-page"
                   }))
-                ], 1032, ["include", "max"])) : C("", !0)
+                ], 1032, ["include", "max"])) : I("", !0)
               ]),
               _: 2
             }, 1040),
-            D(ue, U(e.pageTransitionProps, { appear: "" }), {
-              default: j(() => [
-                !e.controller.options.keepAlive || e.isRefreshing(s.route) ? (h(), W(fe(s.Component), {
-                  key: e.controller.getRouteKey(s.route) + (e.isRefreshing(s.route) ? "-refresh" : ""),
+            j(ge, U(e.pageTransitionProps, { appear: "" }), {
+              default: z(() => [
+                !e.controller.options.keepAlive || e.isRefreshing(l.route) ? (v(), ee(ve(l.Component), {
+                  key: e.controller.getRouteKey(l.route) + (e.isRefreshing(l.route) ? "-refresh" : ""),
                   class: "router-tab-page"
-                })) : C("", !0)
+                })) : I("", !0)
               ]),
               _: 2
             }, 1040)
@@ -646,24 +707,24 @@ function rt(e, n, o, t, l, f) {
         _: 3
       })
     ]),
-    e.context.visible && e.context.target ? (h(), g("div", {
+    e.context.visible && e.context.target ? (v(), T("div", {
       key: 0,
       class: "router-tab__contextmenu",
-      style: ze({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
+      style: Ge({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
     }, [
-      (h(!0), g(Q, null, le(e.menuItems, (s) => (h(), g("a", {
-        key: s.id,
+      (v(!0), T(Z, null, be(e.menuItems, (l) => (v(), T("a", {
+        key: l.id,
         class: "router-tab__contextmenu-item",
-        "aria-disabled": s.disabled,
-        onClick: z((u) => e.handleMenuAction(s), ["prevent"])
-      }, ce(s.label), 9, lt))), 128))
-    ], 4)) : C("", !0)
+        "aria-disabled": l.disabled,
+        onClick: N((s) => e.handleMenuAction(l), ["prevent"])
+      }, me(l.label), 9, mt))), 128))
+    ], 4)) : I("", !0)
   ]);
 }
-const he = /* @__PURE__ */ We(Qe, [["render", rt]]), ct = {
+const we = /* @__PURE__ */ rt(at, [["render", gt]]), vt = {
   class: "router-tabs",
   "aria-hidden": "true"
-}, Z = /* @__PURE__ */ ke({
+}, ne = /* @__PURE__ */ Ae({
   name: "RouterTabs",
   __name: "RouterTabs",
   props: {
@@ -678,65 +739,93 @@ const he = /* @__PURE__ */ We(Qe, [["render", rt]]), ct = {
     fallbackRoute: {}
   },
   setup(e) {
-    return Re(e), (o, t) => (h(), g("span", ct));
+    return Ie(e), (t, r) => (v(), T("span", vt));
   }
-}), Ce = "tab-theme-style", Ae = "tab-theme-primary-color", ut = "system", ft = "#635bff", dt = "(prefers-color-scheme: dark)";
-let S = null;
-function _e(e) {
-  typeof document > "u" || (document.documentElement.style.setProperty("--theme-primary", e), document.documentElement.style.setProperty("--router-tab-primary", e));
+}), Ee = "tab-theme-style", yt = "tab-theme-primary-color", ht = "system", kt = "(prefers-color-scheme: dark)";
+let K = null;
+const y = {
+  primary: "#034960",
+  background: "#ffffff",
+  text: "#1e293b",
+  border: "#e2e8f0",
+  activeBackground: "#034960",
+  activeText: "#ffffff",
+  activeBorder: "#034960",
+  headerBackground: "#ffff",
+  buttonBackground: "#f8fafc",
+  buttonColor: "#034960",
+  activeButtonBackground: "#034960",
+  activeButtonColor: "#ffffff",
+  iconColor: "#475569"
+}, Tt = {
+  primary: "#38bdf8",
+  background: "#0f172a",
+  text: "#f1f5f9",
+  border: "#334155",
+  activeBackground: "#1e293b",
+  activeText: "#38bdf8",
+  activeBorder: "#38bdf8",
+  headerBackground: "#0c4a6e",
+  // Darker shade of primary
+  buttonBackground: "#1e293b",
+  buttonColor: "#f1f5f9",
+  activeButtonBackground: "#38bdf8",
+  activeButtonColor: "#0f172a",
+  iconColor: "#cbd5e1"
+};
+function ue(e) {
+  typeof document > "u" || (console.log("applyPrimary", e), document.documentElement.style.setProperty("--router-tab-primary", e.primary ?? y.primary), document.documentElement.style.setProperty("--router-tab-header-bg", e.headerBackground ?? y.headerBackground), document.documentElement.style.setProperty("--router-tab-background", e.background ?? y.background), document.documentElement.style.setProperty("--router-tab-active-background", e.activeBackground ?? y.activeBackground), document.documentElement.style.setProperty("--router-tab-text", e.text ?? y.text), document.documentElement.style.setProperty("--router-tab-active-text", e.activeText ?? y.activeText), document.documentElement.style.setProperty("--router-tab-border", e.border ?? y.border), document.documentElement.style.setProperty("--router-tab-active-border", e.activeBorder ?? y.activeBorder), document.documentElement.style.setProperty("--router-tab-button-color", e.buttonColor ?? y.buttonColor), document.documentElement.style.setProperty("--router-tab-active-button-color", e.activeButtonColor ?? y.activeButtonColor), document.documentElement.style.setProperty("--router-tab-button-background", e.buttonBackground ?? y.buttonBackground), document.documentElement.style.setProperty("--router-tab-active-button-background", e.activeButtonBackground ?? y.activeButtonBackground));
 }
-function Pe(e) {
+function De(e) {
   if (typeof document > "u") return;
-  const n = document.documentElement, o = window.matchMedia(dt), t = () => {
-    n.dataset.theme = o.matches ? "dark" : "light";
+  const o = document.documentElement, t = window.matchMedia(kt), r = () => {
+    o.dataset.theme = t.matches ? "dark" : "light";
   };
-  S && (o.removeEventListener("change", S), S = null), e === "system" ? (t(), S = () => t(), o.addEventListener("change", S)) : n.dataset.theme = e;
+  K && (t.removeEventListener("change", K), K = null), e === "system" ? (r(), K = () => r(), t.addEventListener("change", K)) : o.dataset.theme = e;
 }
-function bt(e = {}) {
+function Ct(e = {}) {
   if (typeof window > "u") return;
   const {
-    styleKey: n = Ce,
-    primaryKey: o = Ae,
-    defaultStyle: t = ut,
-    defaultPrimary: l = ft
-  } = e, f = window.localStorage.getItem(n) ?? t, b = window.localStorage.getItem(o) ?? l;
-  Pe(f), _e(b);
+    styleKey: o = Ee,
+    defaultStyle: t = ht
+  } = e, r = window.localStorage.getItem(o) ?? t;
+  De(r), ue(r === "dark" ? Tt : y);
 }
-function ht(e, n) {
+function At(e, o) {
   if (typeof window > "u") return;
-  const o = n?.styleKey ?? Ce;
-  window.localStorage.setItem(o, e), Pe(e);
+  const t = o?.styleKey ?? Ee;
+  window.localStorage.setItem(t, e), De(e);
 }
-function vt(e, n) {
+function xt(e, o) {
   if (typeof window > "u") return;
-  const o = n?.primaryKey ?? Ae;
-  window.localStorage.setItem(o, e), _e(e);
+  const t = o?.primaryKey ?? yt;
+  window.localStorage.setItem(t, JSON.stringify(e)), ue(e);
 }
-const ve = {
+const Re = {
   install(e) {
-    if (ve._installed) return;
-    ve._installed = !0, bt();
-    const n = he.name || "RouterTab", o = Z.name || "RouterTabs";
-    e.component(n, he), e.component(o, Z), o !== "router-tabs" && e.component("router-tabs", Z), Object.defineProperty(e.config.globalProperties, "$tabs", {
+    if (Re._installed) return;
+    Re._installed = !0, Ct();
+    const o = we.name || "RouterTab", t = ne.name || "RouterTabs";
+    e.component(o, we), e.component(t, ne), t !== "router-tabs" && e.component("router-tabs", ne), Object.defineProperty(e.config.globalProperties, "$tabs", {
       configurable: !0,
       enumerable: !1,
       get() {
-        return e._context.provides[N];
+        return e._context.provides[F];
       },
-      set(t) {
-        t && e.provide(N, t);
+      set(r) {
+        r && e.provide(F, r);
       }
     });
   }
 };
 export {
-  he as RouterTab,
-  Z as RouterTabs,
-  ve as default,
-  bt as initRouterTabsTheme,
-  N as routerTabsKey,
-  vt as setRouterTabsPrimary,
-  ht as setRouterTabsTheme,
-  pe as useRouterTabs,
-  Re as useRouterTabsPersistence
+  we as RouterTab,
+  ne as RouterTabs,
+  Re as default,
+  Ct as initRouterTabsTheme,
+  F as routerTabsKey,
+  xt as setRouterTabsPrimary,
+  At as setRouterTabsTheme,
+  ke as useRouterTabs,
+  Ie as useRouterTabsPersistence
 };