@oiij/chrome-tabs 0.0.12 → 0.0.13

package/dist/index.js

@@ -1,92 +1,92 @@
-import { inject as Le, onBeforeMount as ze, onMounted as ye, nextTick as $e, watch as P, getCurrentScope as Te, onScopeDispose as je, getCurrentInstance as ke, toValue as L, computed as M, shallowRef as Q, unref as y, ref as Pe, createElementBlock as A, openBlock as I, createElementVNode as k, createStaticVNode as Fe, defineComponent as we, h as ie, normalizeClass as C, createCommentVNode as X, normalizeStyle as _, createBlock as ee, resolveDynamicComponent as re, withModifiers as Oe, createVNode as D, renderSlot as ue, TransitionGroup as Ve, withCtx as He, Fragment as We, renderList as De, mergeProps as Ke } from "vue";
-function qe(e) {
+import { inject as Le, onBeforeMount as ze, onMounted as ye, nextTick as $e, watch as P, getCurrentScope as Te, onScopeDispose as Re, getCurrentInstance as ke, toValue as z, computed as N, shallowRef as Q, unref as y, createElementBlock as A, openBlock as C, createElementVNode as $, createStaticVNode as je, defineComponent as we, h as ie, normalizeClass as w, createCommentVNode as X, normalizeStyle as _, createBlock as ee, resolveDynamicComponent as re, withModifiers as Pe, createVNode as W, useTemplateRef as Fe, renderSlot as ue, TransitionGroup as Oe, withCtx as Ve, Fragment as He, renderList as De, mergeProps as We } from "vue";
+function Ke(e) {
   let t = ".", n = "__", o = "--", i;
   if (e) {
-    let a = e.blockPrefix;
-    a && (t = a), a = e.elementPrefix, a && (n = a), a = e.modifierPrefix, a && (o = a);
+    let l = e.blockPrefix;
+    l && (t = l), l = e.elementPrefix, l && (n = l), l = e.modifierPrefix, l && (o = l);
   }
   const r = {
-    install(a) {
-      i = a.c;
-      const h = a.context;
+    install(l) {
+      i = l.c;
+      const h = l.context;
       h.bem = {}, h.bem.b = null, h.bem.els = null;
     }
   };
-  function u(a) {
-    let h, m;
+  function u(l) {
+    let h, v;
     return {
-      before(v) {
-        h = v.bem.b, m = v.bem.els, v.bem.els = null;
+      before(m) {
+        h = m.bem.b, v = m.bem.els, m.bem.els = null;
       },
-      after(v) {
-        v.bem.b = h, v.bem.els = m;
+      after(m) {
+        m.bem.b = h, m.bem.els = v;
       },
-      $({ context: v, props: N }) {
-        return a = typeof a == "string" ? a : a({ context: v, props: N }), v.bem.b = a, `${N?.bPrefix || t}${v.bem.b}`;
+      $({ context: m, props: S }) {
+        return l = typeof l == "string" ? l : l({ context: m, props: S }), m.bem.b = l, `${S?.bPrefix || t}${m.bem.b}`;
       }
     };
   }
-  function l(a) {
+  function s(l) {
     let h;
     return {
-      before(m) {
-        h = m.bem.els;
+      before(v) {
+        h = v.bem.els;
       },
-      after(m) {
-        m.bem.els = h;
+      after(v) {
+        v.bem.els = h;
       },
-      $({ context: m, props: v }) {
-        return a = typeof a == "string" ? a : a({ context: m, props: v }), m.bem.els = a.split(",").map((N) => N.trim()), m.bem.els.map((N) => `${v?.bPrefix || t}${m.bem.b}${n}${N}`).join(", ");
+      $({ context: v, props: m }) {
+        return l = typeof l == "string" ? l : l({ context: v, props: m }), v.bem.els = l.split(",").map((S) => S.trim()), v.bem.els.map((S) => `${m?.bPrefix || t}${v.bem.b}${n}${S}`).join(", ");
       }
     };
   }
-  function d(a) {
+  function f(l) {
     return {
-      $({ context: h, props: m }) {
-        a = typeof a == "string" ? a : a({ context: h, props: m });
-        const v = a.split(",").map((F) => F.trim());
-        function N(F) {
-          return v.map((Be) => `&${m?.bPrefix || t}${h.bem.b}${F !== void 0 ? `${n}${F}` : ""}${o}${Be}`).join(", ");
+      $({ context: h, props: v }) {
+        l = typeof l == "string" ? l : l({ context: h, props: v });
+        const m = l.split(",").map((F) => F.trim());
+        function S(F) {
+          return m.map((Be) => `&${v?.bPrefix || t}${h.bem.b}${F !== void 0 ? `${n}${F}` : ""}${o}${Be}`).join(", ");
         }
         const G = h.bem.els;
         if (G !== null) {
           if (process.env.NODE_ENV !== "production" && G.length >= 2)
-            throw Error(`[css-render/plugin-bem]: m(${a}) is invalid, using modifier inside multiple elements is not allowed`);
-          return N(G[0]);
+            throw Error(`[css-render/plugin-bem]: m(${l}) is invalid, using modifier inside multiple elements is not allowed`);
+          return S(G[0]);
         } else
-          return N();
+          return S();
       }
     };
   }
-  function c(a) {
+  function d(l) {
     return {
-      $({ context: h, props: m }) {
-        a = typeof a == "string" ? a : a({ context: h, props: m });
-        const v = h.bem.els;
-        if (process.env.NODE_ENV !== "production" && v !== null && v.length >= 2)
-          throw Error(`[css-render/plugin-bem]: notM(${a}) is invalid, using modifier inside multiple elements is not allowed`);
-        return `&:not(${m?.bPrefix || t}${h.bem.b}${v !== null && v.length > 0 ? `${n}${v[0]}` : ""}${o}${a})`;
+      $({ context: h, props: v }) {
+        l = typeof l == "string" ? l : l({ context: h, props: v });
+        const m = h.bem.els;
+        if (process.env.NODE_ENV !== "production" && m !== null && m.length >= 2)
+          throw Error(`[css-render/plugin-bem]: notM(${l}) is invalid, using modifier inside multiple elements is not allowed`);
+        return `&:not(${v?.bPrefix || t}${h.bem.b}${m !== null && m.length > 0 ? `${n}${m[0]}` : ""}${o}${l})`;
       }
     };
   }
   return Object.assign(r, {
-    cB: ((...a) => i(u(a[0]), a[1], a[2])),
-    cE: ((...a) => i(l(a[0]), a[1], a[2])),
-    cM: ((...a) => i(d(a[0]), a[1], a[2])),
-    cNotM: ((...a) => i(c(a[0]), a[1], a[2]))
+    cB: ((...l) => i(u(l[0]), l[1], l[2])),
+    cE: ((...l) => i(s(l[0]), l[1], l[2])),
+    cM: ((...l) => i(f(l[0]), l[1], l[2])),
+    cNotM: ((...l) => i(d(l[0]), l[1], l[2]))
   }), r;
 }
-function Ge(e) {
+function qe(e) {
   let t = 0;
   for (let n = 0; n < e.length; ++n)
     e[n] === "&" && ++t;
   return t;
 }
-const Ce = /\s*,(?![^(]*\))\s*/g, Ze = /\s+/g;
-function Ue(e, t) {
+const Ce = /\s*,(?![^(]*\))\s*/g, Ge = /\s+/g;
+function Ze(e, t) {
   const n = [];
   return t.split(Ce).forEach((o) => {
-    let i = Ge(o);
+    let i = qe(o);
     if (i) {
       if (i === 1) {
         e.forEach((u) => {
@@ -108,16 +108,16 @@ function Ue(e, t) {
     ];
     for (; i--; ) {
       const u = [];
-      r.forEach((l) => {
-        e.forEach((d) => {
-          u.push(l.replace("&", d));
+      r.forEach((s) => {
+        e.forEach((f) => {
+          u.push(s.replace("&", f));
         });
       }), r = u;
     }
     r.forEach((u) => n.push(u));
   }), n;
 }
-function Ye(e, t) {
+function Ue(e, t) {
   const n = [];
   return t.split(Ce).forEach((o) => {
     e.forEach((i) => {
@@ -125,12 +125,12 @@ function Ye(e, t) {
     });
   }), n;
 }
-function Je(e) {
+function Ye(e) {
   let t = [""];
   return e.forEach((n) => {
     n = n && n.trim(), // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-    n && (n.includes("&") ? t = Ue(t, n) : t = Ye(t, n));
-  }), t.join(", ").replace(Ze, " ");
+    n && (n.includes("&") ? t = Ze(t, n) : t = Ue(t, n));
+  }), t.join(", ").replace(Ge, " ");
 }
 function le(e) {
   if (!e)
@@ -141,33 +141,33 @@ function le(e) {
 function ne(e, t) {
   return (t ?? document.head).querySelector(`style[cssr-id="${e}"]`);
 }
-function Qe(e) {
+function Je(e) {
   const t = document.createElement("style");
   return t.setAttribute("cssr-id", e), t;
 }
 function O(e) {
   return e ? /^\s*@(s|m)/.test(e) : !1;
 }
-const Xe = /[A-Z]/g;
+const Qe = /[A-Z]/g;
 function Ie(e) {
-  return e.replace(Xe, (t) => "-" + t.toLowerCase());
+  return e.replace(Qe, (t) => "-" + t.toLowerCase());
 }
-function _e(e, t = "  ") {
+function Xe(e, t = "  ") {
   return typeof e == "object" && e !== null ? ` {
 ` + Object.entries(e).map((n) => t + `  ${Ie(n[0])}: ${n[1]};`).join(`
 `) + `
 ` + t + "}" : `: ${e};`;
 }
-function et(e, t, n) {
+function _e(e, t, n) {
   return typeof e == "function" ? e({
     context: t.context,
     props: n
   }) : e;
 }
-function se(e, t, n, o) {
+function ae(e, t, n, o) {
   if (!t)
     return "";
-  const i = et(t, n, o);
+  const i = _e(t, n, o);
   if (!i)
     return "";
   if (typeof i == "string")
@@ -181,15 +181,15 @@ ${i}
   const u = e ? [
     e + " {"
   ] : [];
-  return r.forEach((l) => {
-    const d = i[l];
-    if (l === "raw") {
+  return r.forEach((s) => {
+    const f = i[s];
+    if (s === "raw") {
       u.push(`
-` + d + `
+` + f + `
 `);
       return;
     }
-    l = Ie(l), d != null && u.push(`  ${l}${_e(d)}`);
+    s = Ie(s), f != null && u.push(`  ${s}${Xe(f)}`);
   }), e && u.push("}"), u.join(`
 `);
 }
@@ -209,39 +209,39 @@ function Ee(e, t, n, o, i) {
   if (!r || typeof r == "string")
     O(r) ? u = r : t.push(r);
   else if (typeof r == "function") {
-    const c = r({
+    const d = r({
       context: o.context,
       props: i
     });
-    O(c) ? u = c : t.push(c);
+    O(d) ? u = d : t.push(d);
   } else if (r.before && r.before(o.context), !r.$ || typeof r.$ == "string")
     O(r.$) ? u = r.$ : t.push(r.$);
   else if (r.$) {
-    const c = r.$({
+    const d = r.$({
       context: o.context,
       props: i
     });
-    O(c) ? u = c : t.push(c);
+    O(d) ? u = d : t.push(d);
   }
-  const l = Je(t), d = se(l, e.props, o, i);
-  u ? n.push(`${u} {`) : d.length && n.push(d), e.children && te(e.children, {
+  const s = Ye(t), f = ae(s, e.props, o, i);
+  u ? n.push(`${u} {`) : f.length && n.push(f), e.children && te(e.children, {
     context: o.context,
     props: i
-  }, (c) => {
-    if (typeof c == "string") {
-      const f = se(l, { raw: c }, o, i);
-      n.push(f);
+  }, (d) => {
+    if (typeof d == "string") {
+      const c = ae(s, { raw: d }, o, i);
+      n.push(c);
     } else
-      Ee(c, t, n, o, i);
+      Ee(d, t, n, o, i);
   }), t.pop(), u && n.push("}"), r && r.after && r.after(o.context);
 }
-function tt(e, t, n) {
+function et(e, t, n) {
   const o = [];
   return Ee(e, [], o, t, n), o.join(`
 
 `);
 }
-function nt(e) {
+function tt(e) {
   for (var t = 0, n, o = 0, i = e.length; i >= 4; ++o, i -= 4)
     n = e.charCodeAt(o) & 255 | (e.charCodeAt(++o) & 255) << 8 | (e.charCodeAt(++o) & 255) << 16 | (e.charCodeAt(++o) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -261,7 +261,7 @@ function nt(e) {
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
 typeof window < "u" && (window.__cssrContext = {});
-function ot(e, t, n, o) {
+function nt(e, t, n, o) {
   const { els: i } = t;
   if (n === void 0)
     i.forEach(le), t.els = [];
@@ -270,39 +270,39 @@ function ot(e, t, n, o) {
     r && i.includes(r) && (le(r), t.els = i.filter((u) => u !== r));
   }
 }
-function ae(e, t) {
+function se(e, t) {
   e.push(t);
 }
-function it(e, t, n, o, i, r, u, l, d) {
-  let c;
-  if (n === void 0 && (c = t.render(o), n = nt(c)), d) {
-    d.adapter(n, c ?? t.render(o));
+function ot(e, t, n, o, i, r, u, s, f) {
+  let d;
+  if (n === void 0 && (d = t.render(o), n = tt(d)), f) {
+    f.adapter(n, d ?? t.render(o));
     return;
   }
-  l === void 0 && (l = document.head);
-  const f = ne(n, l);
-  if (f !== null && !r)
-    return f;
-  const s = f ?? Qe(n);
-  if (c === void 0 && (c = t.render(o)), s.textContent = c, f !== null)
-    return f;
+  s === void 0 && (s = document.head);
+  const c = ne(n, s);
+  if (c !== null && !r)
+    return c;
+  const a = c ?? Je(n);
+  if (d === void 0 && (d = t.render(o)), a.textContent = d, c !== null)
+    return c;
   if (u) {
-    const b = l.querySelector(`meta[name="${u}"]`);
-    if (b)
-      return l.insertBefore(s, b), ae(t.els, s), s;
+    const p = s.querySelector(`meta[name="${u}"]`);
+    if (p)
+      return s.insertBefore(a, p), se(t.els, a), a;
   }
-  return i ? l.insertBefore(s, l.querySelector("style, link")) : l.appendChild(s), ae(t.els, s), s;
+  return i ? s.insertBefore(a, s.querySelector("style, link")) : s.appendChild(a), se(t.els, a), a;
 }
-function rt(e) {
-  return tt(this, this.instance, e);
+function it(e) {
+  return et(this, this.instance, e);
 }
-function ut(e = {}) {
-  const { id: t, ssr: n, props: o, head: i = !1, force: r = !1, anchorMetaName: u, parent: l } = e;
-  return it(this.instance, this, t, o, i, r, u, l, n);
+function rt(e = {}) {
+  const { id: t, ssr: n, props: o, head: i = !1, force: r = !1, anchorMetaName: u, parent: s } = e;
+  return ot(this.instance, this, t, o, i, r, u, s, n);
 }
-function lt(e = {}) {
+function ut(e = {}) {
   const { id: t, parent: n } = e;
-  ot(this.instance, this, t, n);
+  nt(this.instance, this, t, n);
 }
 const V = function(e, t, n, o) {
   return {
@@ -311,16 +311,16 @@ const V = function(e, t, n, o) {
     props: n,
     children: o,
     els: [],
-    render: rt,
-    mount: ut,
-    unmount: lt
+    render: it,
+    mount: rt,
+    unmount: ut
   };
-}, st = function(e, t, n, o) {
+}, lt = function(e, t, n, o) {
   return Array.isArray(t) ? V(e, { $: null }, null, t) : Array.isArray(n) ? V(e, t, null, n) : Array.isArray(o) ? V(e, t, n, o) : V(e, t, n, null);
 };
 function at(e = {}) {
   const t = {
-    c: ((...n) => st(t, ...n)),
+    c: ((...n) => lt(t, ...n)),
     use: (n, ...o) => n.install(t, ...o),
     find: ne,
     context: {},
@@ -328,8 +328,8 @@ function at(e = {}) {
   };
   return t;
 }
-function ct(e) {
-  const { namespace: t = "n", blockPrefix: n = `.${t}-`, elementPrefix: o = "__", modifierPrefix: i = "--" } = e ?? {}, r = at(), u = qe({
+function st(e) {
+  const { namespace: t = "n", blockPrefix: n = `.${t}-`, elementPrefix: o = "__", modifierPrefix: i = "--" } = e ?? {}, r = at(), u = Ke({
     blockPrefix: n,
     elementPrefix: o,
     modifierPrefix: i
@@ -343,29 +343,29 @@ function ct(e) {
     plugin: u
   };
 }
-const dt = "@css-render/vue3-ssr";
-function ft(e, t) {
+const ct = "@css-render/vue3-ssr";
+function dt(e, t) {
   return `<style cssr-id="${e}">
 ${t}
 </style>`;
 }
-function ht(e, t, n) {
+function ft(e, t, n) {
   const { styles: o, ids: i } = n;
-  i.has(e) || o !== null && (i.add(e), o.push(ft(e, t)));
+  i.has(e) || o !== null && (i.add(e), o.push(dt(e, t)));
 }
-const mt = typeof document < "u";
-function vt() {
-  if (mt)
+const ht = typeof document < "u";
+function mt() {
+  if (ht)
     return;
-  const e = Le(dt, null);
+  const e = Le(ct, null);
   if (e !== null)
     return {
-      adapter: (t, n) => ht(t, n, e),
+      adapter: (t, n) => ft(t, n, e),
       context: e
     };
 }
-function bt(e, t) {
-  const n = vt();
+function vt(e, t) {
+  const n = mt();
   function o() {
     t.mount({
       id: e,
@@ -377,8 +377,8 @@ function bt(e, t) {
     o();
   });
 }
-function Se(e, t) {
-  return Te() ? (je(e, t), !0) : !1;
+function bt(e, t) {
+  return Te() ? (Re(e, t), !0) : !1;
 }
 const gt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -398,18 +398,18 @@ function yt(e, t) {
 }
 function $t(e, t = {}) {
   let n, o, i = ce;
-  const r = (d) => {
-    clearTimeout(d), i(), i = ce;
+  const r = (f) => {
+    clearTimeout(f), i(), i = ce;
   };
   let u;
-  return (d) => {
-    const c = L(e), f = L(t.maxWait);
-    return n && r(n), c <= 0 || f !== void 0 && f <= 0 ? (o && (r(o), o = void 0), Promise.resolve(d())) : new Promise((s, b) => {
-      i = t.rejectOnCancel ? b : s, u = d, f && !o && (o = setTimeout(() => {
-        n && r(n), o = void 0, s(u());
-      }, f)), n = setTimeout(() => {
-        o && r(o), o = void 0, s(d());
-      }, c);
+  return (f) => {
+    const d = z(e), c = z(t.maxWait);
+    return n && r(n), d <= 0 || c !== void 0 && c <= 0 ? (o && (r(o), o = void 0), Promise.resolve(f())) : new Promise((a, p) => {
+      i = t.rejectOnCancel ? p : a, u = f, c && !o && (o = setTimeout(() => {
+        n && r(n), o = void 0, a(u());
+      }, c)), n = setTimeout(() => {
+        o && r(o), o = void 0, a(f());
+      }, d);
     });
   };
 }
@@ -433,33 +433,31 @@ function It(e, t, n) {
   });
 }
 const oe = gt ? window : void 0;
-function B(e) {
+function L(e) {
   var t;
-  const n = L(e);
+  const n = z(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function Et(...e) {
-  const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, o = (l, d, c, f) => (l.addEventListener(d, c, f), () => l.removeEventListener(d, c, f)), i = M(() => {
-    const l = K(L(e[0])).filter((d) => d != null);
-    return l.every((d) => typeof d != "string") ? l : void 0;
-  }), r = It(() => {
-    var l, d;
+  const t = (o, i, r, u) => (o.addEventListener(i, r, u), () => o.removeEventListener(i, r, u)), n = N(() => {
+    const o = K(z(e[0])).filter((i) => i != null);
+    return o.every((i) => typeof i != "string") ? o : void 0;
+  });
+  return It(() => {
+    var o, i;
     return [
-      (l = (d = i.value) === null || d === void 0 ? void 0 : d.map((c) => B(c))) !== null && l !== void 0 ? l : [oe].filter((c) => c != null),
-      K(L(i.value ? e[1] : e[0])),
-      K(y(i.value ? e[2] : e[1])),
-      L(i.value ? e[3] : e[2])
+      (o = (i = n.value) === null || i === void 0 ? void 0 : i.map((r) => L(r))) !== null && o !== void 0 ? o : [oe].filter((r) => r != null),
+      K(z(n.value ? e[1] : e[0])),
+      K(y(n.value ? e[2] : e[1])),
+      z(n.value ? e[3] : e[2])
     ];
-  }, ([l, d, c, f]) => {
-    if (n(), !l?.length || !d?.length || !c?.length) return;
-    const s = xt(f) ? { ...f } : f;
-    t.push(...l.flatMap((b) => d.flatMap(($) => c.map((a) => o(b, $, a, s)))));
-  }, { flush: "post" }), u = () => {
-    r(), n();
-  };
-  return Se(n), u;
+  }, ([o, i, r, u], s, f) => {
+    if (!o?.length || !i?.length || !r?.length) return;
+    const d = xt(u) ? { ...u } : u, c = o.flatMap((a) => i.flatMap((p) => r.map((M) => t(a, p, M, d))));
+    f(() => {
+      c.forEach((a) => a());
+    });
+  }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
 function St() {
@@ -471,168 +469,168 @@ function St() {
 // @__NO_SIDE_EFFECTS__
 function Nt(e) {
   const t = /* @__PURE__ */ St();
-  return M(() => (t.value, !!e()));
+  return N(() => (t.value, !!e()));
 }
 function Mt(e, t, n = {}) {
   const { window: o = oe, ...i } = n;
   let r;
-  const u = /* @__PURE__ */ Nt(() => o && "ResizeObserver" in o), l = () => {
+  const u = /* @__PURE__ */ Nt(() => o && "ResizeObserver" in o), s = () => {
     r && (r.disconnect(), r = void 0);
-  }, d = P(M(() => {
-    const f = L(e);
-    return Array.isArray(f) ? f.map((s) => B(s)) : [B(f)];
-  }), (f) => {
-    if (l(), u.value && o) {
+  }, f = P(N(() => {
+    const c = z(e);
+    return Array.isArray(c) ? c.map((a) => L(a)) : [L(c)];
+  }), (c) => {
+    if (s(), u.value && o) {
       r = new ResizeObserver(t);
-      for (const s of f) s && r.observe(s, i);
+      for (const a of c) a && r.observe(a, i);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), c = () => {
-    l(), d();
+  }), d = () => {
+    s(), f();
   };
-  return Se(c), {
+  return bt(d), {
     isSupported: u,
-    stop: c
+    stop: d
   };
 }
 function At(e, t = {
   width: 0,
   height: 0
 }, n = {}) {
-  const { window: o = oe, box: i = "content-box" } = n, r = M(() => {
-    var s;
-    return (s = B(e)) === null || s === void 0 || (s = s.namespaceURI) === null || s === void 0 ? void 0 : s.includes("svg");
-  }), u = Q(t.width), l = Q(t.height), { stop: d } = Mt(e, ([s]) => {
-    const b = i === "border-box" ? s.borderBoxSize : i === "content-box" ? s.contentBoxSize : s.devicePixelContentBoxSize;
+  const { window: o = oe, box: i = "content-box" } = n, r = N(() => {
+    var a;
+    return (a = L(e)) === null || a === void 0 || (a = a.namespaceURI) === null || a === void 0 ? void 0 : a.includes("svg");
+  }), u = Q(t.width), s = Q(t.height), { stop: f } = Mt(e, ([a]) => {
+    const p = i === "border-box" ? a.borderBoxSize : i === "content-box" ? a.contentBoxSize : a.devicePixelContentBoxSize;
     if (o && r.value) {
-      const $ = B(e);
-      if ($) {
-        const a = $.getBoundingClientRect();
-        u.value = a.width, l.value = a.height;
+      const M = L(e);
+      if (M) {
+        const l = M.getBoundingClientRect();
+        u.value = l.width, s.value = l.height;
       }
-    } else if (b) {
-      const $ = K(b);
-      u.value = $.reduce((a, { inlineSize: h }) => a + h, 0), l.value = $.reduce((a, { blockSize: h }) => a + h, 0);
+    } else if (p) {
+      const M = K(p);
+      u.value = M.reduce((l, { inlineSize: h }) => l + h, 0), s.value = M.reduce((l, { blockSize: h }) => l + h, 0);
     } else
-      u.value = s.contentRect.width, l.value = s.contentRect.height;
+      u.value = a.contentRect.width, s.value = a.contentRect.height;
   }, n);
   Ct(() => {
-    const s = B(e);
-    s && (u.value = "offsetWidth" in s ? s.offsetWidth : t.width, l.value = "offsetHeight" in s ? s.offsetHeight : t.height);
+    const a = L(e);
+    a && (u.value = "offsetWidth" in a ? a.offsetWidth : t.width, s.value = "offsetHeight" in a ? a.offsetHeight : t.height);
   });
-  const c = P(() => B(e), (s) => {
-    u.value = s ? t.width : 0, l.value = s ? t.height : 0;
+  const d = P(() => L(e), (a) => {
+    u.value = a ? t.width : 0, s.value = a ? t.height : 0;
   });
-  function f() {
-    d(), c();
+  function c() {
+    f(), d();
   }
   return {
     width: u,
-    height: l,
-    stop: f
+    height: s,
+    stop: c
   };
 }
-function Rt(e) {
-  const { activeClassName: t = ".active", enableWheel: n = !0, direction: o = "vertical" } = e ?? {}, i = Pe(), { width: r, height: u } = At(i);
-  async function l(f) {
+function Bt(e, t) {
+  const { activeClassName: n = ".active", enableWheel: o = !0, direction: i = "vertical" } = t ?? {}, { width: r, height: u } = At(e);
+  async function s(c) {
     await $e();
-    const s = i.value?.querySelector(t);
-    s && s.scrollIntoView({
+    const a = e.value?.querySelector(n);
+    a && a.scrollIntoView({
       behavior: "smooth",
       block: "nearest",
       inline: "nearest",
-      ...f
+      ...c
     });
   }
-  function d(f) {
-    if (!n) return;
-    f.preventDefault();
-    const { deltaY: s } = f;
-    switch (o) {
+  function f(c) {
+    if (!o) return;
+    c.preventDefault();
+    const { deltaY: a } = c;
+    switch (i) {
       case "vertical":
-        i.value?.scrollBy({
-          top: s > 0 ? u.value : -u.value,
+        e.value?.scrollBy({
+          top: a > 0 ? u.value : -u.value,
           behavior: "smooth"
         });
         break;
       case "horizontal":
-        i.value?.scrollBy({
-          left: s > 0 ? r.value : -r.value,
+        e.value?.scrollBy({
+          left: a > 0 ? r.value : -r.value,
           behavior: "smooth"
         });
         break;
     }
   }
-  Et(i, "wheel", d);
-  const c = /* @__PURE__ */ wt(l, 500);
+  Et(e, "wheel", f);
+  const d = /* @__PURE__ */ wt(s, 500);
   return P([r, u], () => {
-    c();
+    d();
   }), {
-    scrollRef: i,
-    scrollToView: l
+    templateRef: e,
+    scrollToView: s
   };
 }
-var Bt = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, R = function(e) {
+var Lt = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, B = function(e) {
   return typeof e == "string" ? e.length > 0 : typeof e == "number";
 }, x = function(e, t, n) {
   return t === void 0 && (t = 0), n === void 0 && (n = Math.pow(10, t)), Math.round(n * e) / n + 0;
-}, S = function(e, t, n) {
+}, E = function(e, t, n) {
   return t === void 0 && (t = 0), n === void 0 && (n = 1), e > n ? n : e > t ? e : t;
-}, Ne = function(e) {
+}, Se = function(e) {
   return (e = isFinite(e) ? e % 360 : 0) > 0 ? e : e + 360;
 }, de = function(e) {
-  return { r: S(e.r, 0, 255), g: S(e.g, 0, 255), b: S(e.b, 0, 255), a: S(e.a) };
+  return { r: E(e.r, 0, 255), g: E(e.g, 0, 255), b: E(e.b, 0, 255), a: E(e.a) };
 }, Z = function(e) {
   return { r: x(e.r), g: x(e.g), b: x(e.b), a: x(e.a, 3) };
-}, Lt = /^#([0-9a-f]{3,8})$/i, H = function(e) {
+}, zt = /^#([0-9a-f]{3,8})$/i, H = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
+}, Ne = function(e) {
+  var t = e.r, n = e.g, o = e.b, i = e.a, r = Math.max(t, n, o), u = r - Math.min(t, n, o), s = u ? r === t ? (n - o) / u : r === n ? 2 + (o - t) / u : 4 + (t - n) / u : 0;
+  return { h: 60 * (s < 0 ? s + 6 : s), s: r ? u / r * 100 : 0, v: r / 255 * 100, a: i };
 }, Me = function(e) {
-  var t = e.r, n = e.g, o = e.b, i = e.a, r = Math.max(t, n, o), u = r - Math.min(t, n, o), l = u ? r === t ? (n - o) / u : r === n ? 2 + (o - t) / u : 4 + (t - n) / u : 0;
-  return { h: 60 * (l < 0 ? l + 6 : l), s: r ? u / r * 100 : 0, v: r / 255 * 100, a: i };
-}, Ae = function(e) {
   var t = e.h, n = e.s, o = e.v, i = e.a;
   t = t / 360 * 6, n /= 100, o /= 100;
-  var r = Math.floor(t), u = o * (1 - n), l = o * (1 - (t - r) * n), d = o * (1 - (1 - t + r) * n), c = r % 6;
-  return { r: 255 * [o, l, u, u, d, o][c], g: 255 * [d, o, o, l, u, u][c], b: 255 * [u, u, d, o, o, l][c], a: i };
+  var r = Math.floor(t), u = o * (1 - n), s = o * (1 - (t - r) * n), f = o * (1 - (1 - t + r) * n), d = r % 6;
+  return { r: 255 * [o, s, u, u, f, o][d], g: 255 * [f, o, o, s, u, u][d], b: 255 * [u, u, f, o, o, s][d], a: i };
 }, fe = function(e) {
-  return { h: Ne(e.h), s: S(e.s, 0, 100), l: S(e.l, 0, 100), a: S(e.a) };
+  return { h: Se(e.h), s: E(e.s, 0, 100), l: E(e.l, 0, 100), a: E(e.a) };
 }, he = function(e) {
   return { h: x(e.h), s: x(e.s), l: x(e.l), a: x(e.a, 3) };
 }, me = function(e) {
-  return Ae((n = (t = e).s, { h: t.h, s: (n *= ((o = t.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: t.a }));
+  return Me((n = (t = e).s, { h: t.h, s: (n *= ((o = t.l) < 50 ? o : 100 - o) / 100) > 0 ? 2 * n / (o + n) * 100 : 0, v: o + n, a: t.a }));
   var t, n, o;
 }, j = function(e) {
-  return { h: (t = Me(e)).h, s: (i = (200 - (n = t.s)) * (o = t.v) / 100) > 0 && i < 200 ? n * o / 100 / (i <= 100 ? i : 200 - i) * 100 : 0, l: i / 2, a: t.a };
+  return { h: (t = Ne(e)).h, s: (i = (200 - (n = t.s)) * (o = t.v) / 100) > 0 && i < 200 ? n * o / 100 / (i <= 100 ? i : 200 - i) * 100 : 0, l: i / 2, a: t.a };
   var t, n, o, i;
-}, zt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Tt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, jt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Pt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ve = { string: [[function(e) {
-  var t = Lt.exec(e);
+}, Tt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Rt = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, jt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, Pt = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i, ve = { string: [[function(e) {
+  var t = zt.exec(e);
   return t ? (e = t[1]).length <= 4 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? x(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : e.length === 6 || e.length === 8 ? { r: parseInt(e.substr(0, 2), 16), g: parseInt(e.substr(2, 2), 16), b: parseInt(e.substr(4, 2), 16), a: e.length === 8 ? x(parseInt(e.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
 }, "hex"], [function(e) {
   var t = jt.exec(e) || Pt.exec(e);
   return t ? t[2] !== t[4] || t[4] !== t[6] ? null : de({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 : 1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : null;
 }, "rgb"], [function(e) {
-  var t = zt.exec(e) || Tt.exec(e);
+  var t = Tt.exec(e) || Rt.exec(e);
   if (!t) return null;
-  var n, o, i = fe({ h: (n = t[1], o = t[2], o === void 0 && (o = "deg"), Number(n) * (Bt[o] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
+  var n, o, i = fe({ h: (n = t[1], o = t[2], o === void 0 && (o = "deg"), Number(n) * (Lt[o] || 1)), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) });
   return me(i);
 }, "hsl"]], object: [[function(e) {
   var t = e.r, n = e.g, o = e.b, i = e.a, r = i === void 0 ? 1 : i;
-  return R(t) && R(n) && R(o) ? de({ r: Number(t), g: Number(n), b: Number(o), a: Number(r) }) : null;
+  return B(t) && B(n) && B(o) ? de({ r: Number(t), g: Number(n), b: Number(o), a: Number(r) }) : null;
 }, "rgb"], [function(e) {
   var t = e.h, n = e.s, o = e.l, i = e.a, r = i === void 0 ? 1 : i;
-  if (!R(t) || !R(n) || !R(o)) return null;
+  if (!B(t) || !B(n) || !B(o)) return null;
   var u = fe({ h: Number(t), s: Number(n), l: Number(o), a: Number(r) });
   return me(u);
 }, "hsl"], [function(e) {
   var t = e.h, n = e.s, o = e.v, i = e.a, r = i === void 0 ? 1 : i;
-  if (!R(t) || !R(n) || !R(o)) return null;
-  var u = (function(l) {
-    return { h: Ne(l.h), s: S(l.s, 0, 100), v: S(l.v, 0, 100), a: S(l.a) };
+  if (!B(t) || !B(n) || !B(o)) return null;
+  var u = (function(s) {
+    return { h: Se(s.h), s: E(s.s, 0, 100), v: E(s.v, 0, 100), a: E(s.a) };
   })({ h: Number(t), s: Number(n), v: Number(o), a: Number(r) });
-  return Ae(u);
+  return Me(u);
 }, "hsv"]] }, be = function(e, t) {
   for (var n = 0; n < t.length; n++) {
     var o = t[n][0](e);
@@ -643,12 +641,12 @@ var Bt = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, R = function(e) {
   return typeof e == "string" ? be(e.trim(), ve.string) : typeof e == "object" && e !== null ? be(e, ve.object) : [null, void 0];
 }, U = function(e, t) {
   var n = j(e);
-  return { h: n.h, s: S(n.s + 100 * t, 0, 100), l: n.l, a: n.a };
+  return { h: n.h, s: E(n.s + 100 * t, 0, 100), l: n.l, a: n.a };
 }, Y = function(e) {
   return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3 / 255;
 }, ge = function(e, t) {
   var n = j(e);
-  return { h: n.h, s: n.s, l: S(n.l + 100 * t, 0, 100), a: n.a };
+  return { h: n.h, s: n.s, l: E(n.l + 100 * t, 0, 100), a: n.a };
 }, pe = (function() {
   function e(t) {
     this.parsed = Ft(t)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
@@ -675,39 +673,39 @@ var Bt = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, R = function(e) {
     return t = he(j(this.rgba)), n = t.h, o = t.s, i = t.l, (r = t.a) < 1 ? "hsla(" + n + ", " + o + "%, " + i + "%, " + r + ")" : "hsl(" + n + ", " + o + "%, " + i + "%)";
     var t, n, o, i, r;
   }, e.prototype.toHsv = function() {
-    return t = Me(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
+    return t = Ne(this.rgba), { h: x(t.h), s: x(t.s), v: x(t.v), a: x(t.a, 3) };
     var t;
   }, e.prototype.invert = function() {
-    return E({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
+    return I({ r: 255 - (t = this.rgba).r, g: 255 - t.g, b: 255 - t.b, a: t.a });
     var t;
   }, e.prototype.saturate = function(t) {
-    return t === void 0 && (t = 0.1), E(U(this.rgba, t));
+    return t === void 0 && (t = 0.1), I(U(this.rgba, t));
   }, e.prototype.desaturate = function(t) {
-    return t === void 0 && (t = 0.1), E(U(this.rgba, -t));
+    return t === void 0 && (t = 0.1), I(U(this.rgba, -t));
   }, e.prototype.grayscale = function() {
-    return E(U(this.rgba, -1));
+    return I(U(this.rgba, -1));
   }, e.prototype.lighten = function(t) {
-    return t === void 0 && (t = 0.1), E(ge(this.rgba, t));
+    return t === void 0 && (t = 0.1), I(ge(this.rgba, t));
   }, e.prototype.darken = function(t) {
-    return t === void 0 && (t = 0.1), E(ge(this.rgba, -t));
+    return t === void 0 && (t = 0.1), I(ge(this.rgba, -t));
   }, e.prototype.rotate = function(t) {
     return t === void 0 && (t = 15), this.hue(this.hue() + t);
   }, e.prototype.alpha = function(t) {
-    return typeof t == "number" ? E({ r: (n = this.rgba).r, g: n.g, b: n.b, a: t }) : x(this.rgba.a, 3);
+    return typeof t == "number" ? I({ r: (n = this.rgba).r, g: n.g, b: n.b, a: t }) : x(this.rgba.a, 3);
     var n;
   }, e.prototype.hue = function(t) {
     var n = j(this.rgba);
-    return typeof t == "number" ? E({ h: t, s: n.s, l: n.l, a: n.a }) : x(n.h);
+    return typeof t == "number" ? I({ h: t, s: n.s, l: n.l, a: n.a }) : x(n.h);
   }, e.prototype.isEqual = function(t) {
-    return this.toHex() === E(t).toHex();
+    return this.toHex() === I(t).toHex();
   }, e;
-})(), E = function(e) {
+})(), I = function(e) {
   return e instanceof pe ? e : new pe(e);
 };
-const { cssr: Ot, plugin: Vt, namespace: Re } = ct(), { c: g, cB: W, cE: p, cM: J, cNotM: xe } = { ...Ot, ...Vt }, T = `${Re}-chrome-tabs`, w = `${Re}-chrome-tabs-item`, z = "all .2s cubic-bezier(.4, 0, .2, 1)";
+const { cssr: Ot, plugin: Vt, namespace: Ae } = st(), { c: b, cB: D, cE: g, cM: J, cNotM: xe } = { ...Ot, ...Vt }, R = `${Ae}-chrome-tabs`, k = `${Ae}-chrome-tabs-item`, T = "all .2s cubic-bezier(.4, 0, .2, 1)";
 function Ht() {
-  return g([
-    W("chrome-tabs", {
+  return b([
+    D("chrome-tabs", {
       display: "flex",
       width: "100%",
       height: "40px",
@@ -716,18 +714,18 @@ function Ht() {
       backgroundColor: "var(--background-color)",
       color: "var(--background-color-dark)"
     }, [
-      g("div", {
+      b("div", {
         boxSizing: "border-box"
       }),
-      g(".group-move, .group-enter-active, .group-leave-active", {
-        transition: z
+      b(".group-move, .group-enter-active, .group-leave-active", {
+        transition: T
       }),
-      g(".group-enter-from, .group-leave-to", {
+      b(".group-enter-from, .group-leave-to", {
         opacity: 0
       }),
-      g(".group-leave-active", {}),
-      p("prefix", {}),
-      p("icon", {
+      b(".group-leave-active", {}),
+      g("prefix", {}),
+      g("icon", {
         width: "28px",
         height: "28px",
         display: "flex",
@@ -736,18 +734,18 @@ function Ht() {
         padding: "5px",
         borderRadius: "10px",
         backgroundColor: "var(--active-background-color)",
-        transition: z
+        transition: T
       }, [
-        g("svg", {
+        b("svg", {
           width: "100%",
           height: "100%",
           fill: "currentColor"
         }),
-        g("&:hover", {
+        b("&:hover", {
           backgroundColor: "var(--primary-color)"
         })
       ]),
-      p("content", {
+      g("content", {
         flex: "1",
         height: "100%",
         minWidth: 0,
@@ -755,26 +753,26 @@ function Ht() {
         marginLeft: "-6px",
         padding: "0 10px"
       }),
-      p("scroll", {
+      g("scroll", {
         position: "relative",
         display: "flex",
         alignItems: "center",
         height: "100%"
       }, [
-        p("icon", {
+        g("icon", {
           marginLeft: "5px",
           borderRadius: "50%",
           backgroundColor: "transparent",
           flexShrink: 0
         }, [
-          g("&:hover", {
+          b("&:hover", {
             backgroundColor: "var(--primary-color)"
           })
         ])
       ]),
-      p("suffix", {})
+      g("suffix", {})
     ]),
-    W("chrome-tabs-item", {
+    D("chrome-tabs-item", {
       position: "relative",
       margin: "0 -5px",
       height: "100%",
@@ -790,24 +788,24 @@ function Ht() {
         filter: "grayscale(0.5)"
       }),
       J("active", [
-        p("background", {
+        g("background", {
           opacity: 1
         })
       ]),
       xe("active", [
-        g("&:hover", {}, [
-          p("content", {
+        b("&:hover", {}, [
+          g("content", {
             backgroundColor: "var(--primary-color)"
           })
         ])
       ]),
-      g("&::first-child", {
+      b("&::first-child", {
         marginLeft: "0 !important"
       }),
-      g("&::last-child", {
+      b("&::last-child", {
         marginRight: "0 !important"
       }),
-      p("content", {
+      g("content", {
         position: "relative",
         zIndex: 1,
         height: "28px",
@@ -816,19 +814,19 @@ function Ht() {
         gap: "5px",
         borderRadius: "10px",
         padding: "0 10px",
-        transition: z
+        transition: T
       }),
-      p("slot", {}),
-      p("icon", {
+      g("slot", {}),
+      g("icon", {
         lineHeight: 1
       }, [
-        g("svg", {
+        b("svg", {
           width: "1.2em",
           height: "1.2em",
           fill: "currentColor"
         })
       ]),
-      p("close", {
+      g("close", {
         width: "16px",
         height: "16px",
         padding: "2px",
@@ -836,18 +834,18 @@ function Ht() {
         alignItems: "center",
         justifyContent: "center",
         borderRadius: "50%",
-        transition: z
+        transition: T
       }, [
-        g("&:hover", {
+        b("&:hover", {
           backgroundColor: "rgba(0,0,0,0.1)"
         }),
-        g("svg", {
+        b("svg", {
           width: "100%",
           height: "100%",
           fill: "currentColor"
         })
       ]),
-      p("background", {
+      g("background", {
         position: "absolute",
         opacity: 0,
         left: 0,
@@ -857,27 +855,27 @@ function Ht() {
         width: "100%",
         display: "flex",
         alignItems: "flex-end",
-        transition: z
+        transition: T
       }, [
-        p("block", {
+        g("block", {
           height: "100%",
           flex: 1,
           minWidth: 0,
           borderRadius: "10px 10px 0 0",
           backgroundColor: "var(--active-background-color)"
         }),
-        g("svg", {
+        b("svg", {
           fill: "var(--active-background-color)"
         })
       ]),
-      p("line", {
+      g("line", {
         position: "absolute",
         bottom: "12px",
         right: "4px",
         height: "16px",
         width: "2px",
         borderRadius: "1px",
-        transition: z,
+        transition: T,
         backgroundColor: "var(--primary-color)",
         opacity: 0
       }, [
@@ -886,32 +884,32 @@ function Ht() {
         })
       ])
     ]),
-    g(".dark", [
-      W("chrome-tabs", {
+    b(".dark", [
+      D("chrome-tabs", {
         backgroundColor: "var(--background-color-dark)",
         color: "var(--background-color)"
       }, [
-        p("icon", {
+        g("icon", {
           backgroundColor: "var(--active-background-color-dark)"
         }, [
-          g("&:hover", {
+          b("&:hover", {
             backgroundColor: "var(--primary-color-dark)"
           })
         ])
       ]),
-      W("chrome-tabs-item", {}, [
+      D("chrome-tabs-item", {}, [
         xe("active", [
-          g("&:hover", {}, [
-            p("content", {
+          b("&:hover", {}, [
+            g("content", {
               backgroundColor: "var(--primary-color-dark)"
             })
           ])
         ]),
-        p("background", {}, [
-          p("block", {
+        g("background", {}, [
+          g("block", {
             backgroundColor: "var(--active-background-color-dark)"
           }),
-          g("svg", {
+          b("svg", {
             fill: "var(--active-background-color-dark)"
           })
         ])
@@ -924,23 +922,23 @@ const q = (e, t) => {
   for (const [o, i] of t)
     n[o] = i;
   return n;
-}, Wt = {
-  name: "RiAddLine"
 }, Dt = {
+  name: "RiAddLine"
+}, Wt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
 };
 function Kt(e, t, n, o, i, r) {
-  return I(), A("svg", Dt, [...t[0] || (t[0] = [
-    k("path", {
+  return C(), A("svg", Wt, [...t[0] || (t[0] = [
+    $("path", {
       fill: "#757575",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const qt = /* @__PURE__ */ q(Wt, [["render", Kt]]), Gt = {
+const qt = /* @__PURE__ */ q(Dt, [["render", Kt]]), Gt = {
   name: "RiArrowDropDownLine"
 }, Zt = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -949,8 +947,8 @@ const qt = /* @__PURE__ */ q(Wt, [["render", Kt]]), Gt = {
   viewBox: "0 0 24 24"
 };
 function Ut(e, t, n, o, i, r) {
-  return I(), A("svg", Zt, [...t[0] || (t[0] = [
-    k("path", {
+  return C(), A("svg", Zt, [...t[0] || (t[0] = [
+    $("path", {
       fill: "#757575",
       d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
     }, null, -1)
@@ -965,8 +963,8 @@ const Yt = /* @__PURE__ */ q(Gt, [["render", Ut]]), Jt = {
   viewBox: "0 0 24 24"
 };
 function Xt(e, t, n, o, i, r) {
-  return I(), A("svg", Qt, [...t[0] || (t[0] = [
-    Fe('<g fill="none" stroke="#757575" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="16" stroke-dashoffset="16" d="M12 3c4.97 0 9 4.03 9 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0"></animate><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"></animateTransform></path><path stroke-dasharray="64" stroke-dashoffset="64" stroke-opacity=".3" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.2s" values="64;0"></animate></path></g>', 1)
+  return C(), A("svg", Qt, [...t[0] || (t[0] = [
+    je('<g fill="none" stroke="#757575" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="16" stroke-dashoffset="16" d="M12 3c4.97 0 9 4.03 9 9"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0"></animate><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"></animateTransform></path><path stroke-dasharray="64" stroke-dashoffset="64" stroke-opacity=".3" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.2s" values="64;0"></animate></path></g>', 1)
   ])]);
 }
 const _t = /* @__PURE__ */ q(Jt, [["render", Xt]]), en = {
@@ -978,8 +976,8 @@ const _t = /* @__PURE__ */ q(Jt, [["render", Xt]]), en = {
   viewBox: "0 0 24 24"
 };
 function nn(e, t, n, o, i, r) {
-  return I(), A("svg", tn, [...t[0] || (t[0] = [
-    k("path", {
+  return C(), A("svg", tn, [...t[0] || (t[0] = [
+    $("path", {
       fill: "#757575",
       d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
     }, null, -1)
@@ -1006,70 +1004,70 @@ const on = /* @__PURE__ */ q(en, [["render", nn]]), rn = /* @__PURE__ */ we({
   },
   emits: ["itemClick", "itemContextmenu", "itemClose"],
   setup(e, { emit: t }) {
-    const n = t, o = M(() => e.activeIndex !== e.itemIndex && e.activeIndex - 1 !== e.itemIndex), i = M(() => e.activeIndex === e.itemIndex), r = M(() => typeof e.label == "string" ? ie("span", { class: `${w}__label` }, e.label) : e.label(e.itemKey, e.itemIndex)), u = M(() => e.loadingIcon?.(e.itemKey, e.itemIndex) ?? ie(_t));
-    function l(f) {
-      f.stopPropagation(), n("itemClick", f), e.onClick?.(e.itemKey, e.itemIndex, f);
+    const n = t, o = N(() => e.activeIndex !== e.itemIndex && e.activeIndex - 1 !== e.itemIndex), i = N(() => e.activeIndex === e.itemIndex), r = N(() => typeof e.label == "string" ? ie("span", { class: `${k}__label` }, e.label) : e.label(e.itemKey, e.itemIndex)), u = N(() => e.loadingIcon?.(e.itemKey, e.itemIndex) ?? ie(_t));
+    function s(c) {
+      c.stopPropagation(), n("itemClick", c), e.onClick?.(e.itemKey, e.itemIndex, c);
     }
-    function d(f) {
-      n("itemContextmenu", f), e.onContextMenu?.(e.itemKey, e.itemIndex, f);
+    function f(c) {
+      n("itemContextmenu", c), e.onContextMenu?.(e.itemKey, e.itemIndex, c);
     }
-    function c(f) {
-      n("itemClose"), e.onClose?.(e.itemKey, e.itemIndex, f);
+    function d(c) {
+      n("itemClose"), e.onClose?.(e.itemKey, e.itemIndex, c);
     }
-    return (f, s) => (I(), A("div", {
-      class: C([
-        y(w),
+    return (c, a) => (C(), A("div", {
+      class: w([
+        y(k),
         {
-          [`${y(w)}--active`]: i.value,
-          [`${y(w)}--disabled`]: typeof e.disabled == "function" ? e.disabled(e.itemKey, e.itemIndex) : e.disabled
+          [`${y(k)}--active`]: i.value,
+          [`${y(k)}--disabled`]: typeof e.disabled == "function" ? e.disabled(e.itemKey, e.itemIndex) : e.disabled
         }
       ]),
-      onClick: l,
-      onContextmenu: d
+      onClick: s,
+      onContextmenu: f
     }, [
-      k("div", {
-        class: C([`${y(w)}__content`])
+      $("div", {
+        class: w([`${y(k)}__content`])
       }, [
-        k("div", {
-          class: C([`${y(w)}__icon`]),
+        $("div", {
+          class: w([`${y(k)}__icon`]),
           style: _({ fontSize: `${e.iconSize}px` })
         }, [
-          (I(), ee(re(typeof e.loading == "function" ? e.loading(e.itemKey, e.itemIndex) : e.loading ? u.value : e.icon?.(e.itemKey, e.itemIndex) ?? void 0)))
+          (C(), ee(re(typeof e.loading == "function" ? e.loading(e.itemKey, e.itemIndex) : e.loading ? u.value : e.icon?.(e.itemKey, e.itemIndex) ?? void 0)))
         ], 6),
-        k("div", {
-          class: C([`${y(w)}__slot`])
+        $("div", {
+          class: w([`${y(k)}__slot`])
         }, [
-          (I(), ee(re(r.value)))
+          (C(), ee(re(r.value)))
         ], 2),
-        (typeof e.closable == "function" ? e.closable(e.itemKey, e.itemIndex) : e.closable) ? (I(), A("div", {
+        (typeof e.closable == "function" ? e.closable(e.itemKey, e.itemIndex) : e.closable) ? (C(), A("div", {
           key: 0,
-          class: C([`${y(w)}__close`]),
-          onClick: Oe(c, ["stop"])
+          class: w([`${y(k)}__close`]),
+          onClick: Pe(d, ["stop"])
         }, [
-          D(on)
+          W(on)
         ], 2)) : X("", !0)
       ], 2),
-      k("div", {
-        class: C([`${y(w)}__background`])
+      $("div", {
+        class: w([`${y(k)}__background`])
       }, [
-        s[0] || (s[0] = k("svg", {
+        a[0] || (a[0] = $("svg", {
           width: "10",
           height: "10"
         }, [
-          k("path", { d: "M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" })
+          $("path", { d: "M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" })
         ], -1)),
-        k("div", {
-          class: C([`${y(w)}__block`])
+        $("div", {
+          class: w([`${y(k)}__block`])
         }, null, 2),
-        s[1] || (s[1] = k("svg", {
+        a[1] || (a[1] = $("svg", {
           width: "10",
           height: "10"
         }, [
-          k("path", { d: "M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" })
+          $("path", { d: "M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" })
         ], -1))
       ], 2),
-      k("div", {
-        class: C([`${y(w)}__line`, o.value ? `${y(w)}__line--show` : ""])
+      $("div", {
+        class: w([`${y(k)}__line`, o.value ? `${y(k)}__line--show` : ""])
       }, null, 2)
     ], 34));
   }
@@ -1089,85 +1087,84 @@ const on = /* @__PURE__ */ q(en, [["render", nn]]), rn = /* @__PURE__ */ we({
   emits: ["update:value", "click", "contextmenu", "close", "add"],
   setup(e, { emit: t }) {
     const n = t;
-    bt("n-chrome-tabs", Ht());
-    const o = M(() => e.value ? e.options?.findIndex((s) => s.key === e.value) : 0), { scrollRef: i, scrollToView: r } = Rt({ activeClassName: `.${w}--active`, direction: "horizontal" });
+    vt("n-chrome-tabs", Ht());
+    const o = N(() => e.value ? e.options?.findIndex((c) => c.key === e.value) : 0), { scrollToView: i } = Bt(Fe("scroll-ref"), { activeClassName: `.${k}--active`, direction: "horizontal" });
     P(() => e.value, () => {
-      r();
+      i();
     }, {
       immediate: !0
     });
-    const u = M(() => ({
+    const r = N(() => ({
       background: "#F1F1F1",
       active: "#fff",
       primary: "rgba(0,0,0,.1)",
       ...e.colors
-    })), l = M(() => ({
-      background: E(u.value.background).darken(0.8).toHex(),
-      active: E(u.value.active).darken(0.8).toHex(),
-      primary: E(u.value.primary).darken(0.3).toHex()
+    })), u = N(() => ({
+      background: I(r.value.background).darken(0.8).toHex(),
+      active: I(r.value.active).darken(0.8).toHex(),
+      primary: I(r.value.primary).darken(0.3).toHex()
     }));
-    function d(s, b) {
-      n("update:value", s), n("click", s, b);
+    function s(c, a) {
+      n("update:value", c), n("click", c, a);
     }
-    function c(s, b) {
-      n("contextmenu", s, b);
+    function f(c, a) {
+      n("contextmenu", c, a);
     }
-    function f(s, b) {
-      n("close", s, b);
+    function d(c, a) {
+      n("close", c, a);
     }
-    return (s, b) => (I(), A("div", {
-      class: C([y(T)]),
+    return (c, a) => (C(), A("div", {
+      class: w([y(R)]),
       style: _({
-        "--background-color": `${u.value.background}`,
-        "--background-color-dark": `${l.value.background}`,
-        "--active-background-color": `${u.value.active}`,
-        "--active-background-color-dark": `${l.value.active}`,
-        "--primary-color": `${u.value.primary}`,
-        "--primary-color-dark": `${l.value.primary}`
+        "--background-color": `${r.value.background}`,
+        "--background-color-dark": `${u.value.background}`,
+        "--active-background-color": `${r.value.active}`,
+        "--active-background-color-dark": `${u.value.active}`,
+        "--primary-color": `${r.value.primary}`,
+        "--primary-color-dark": `${u.value.primary}`
       })
     }, [
-      e.dropdown ? (I(), A("div", {
+      e.dropdown ? (C(), A("div", {
         key: 0,
-        class: C([`${y(T)}__icon`])
+        class: w([`${y(R)}__icon`])
       }, [
-        D(Yt)
+        W(Yt)
       ], 2)) : X("", !0),
-      ue(s.$slots, "prefix"),
-      k("div", {
-        ref_key: "scrollRef",
-        ref: i,
-        class: C([`${y(T)}__content`, e.contentClass]),
+      ue(c.$slots, "prefix"),
+      $("div", {
+        ref: "scroll-ref",
+        class: w([`${y(R)}__content`, e.contentClass]),
         style: _(e.contentStyle)
       }, [
-        D(Ve, {
+        W(Oe, {
           name: "group",
           tag: "div",
-          class: C([`${y(T)}__scroll`])
+          class: w([`${y(R)}__scroll`])
         }, {
-          default: He(() => [
-            (I(!0), A(We, null, De(e.options, ({ key: $, ...a }, h) => (I(), ee(rn, Ke({
-              key: $,
-              loading: e.loadingValue === $
-            }, { ref_for: !0 }, a, {
-              "item-key": $,
-              "item-index": h,
+          default: Ve(() => [
+            (C(!0), A(He, null, De(e.options, ({ key: p, ...M }, l) => (C(), ee(rn, We({
+              key: p,
+              loading: e.loadingValue === p
+            }, { ref_for: !0 }, M, {
+              "item-key": p,
+              "item-index": l,
               "active-index": o.value,
               "icon-size": e.iconSize,
-              onItemClick: (m) => d($, h),
-              onItemContextmenu: (m) => c($, h),
-              onItemClose: (m) => f($, h)
+              onItemClick: (h) => s(p, l),
+              onItemContextmenu: (h) => f(p, l),
+              onItemClose: (h) => d(p, l)
             }), null, 16, ["loading", "item-key", "item-index", "active-index", "icon-size", "onItemClick", "onItemContextmenu", "onItemClose"]))), 128))
           ]),
           _: 1
         }, 8, ["class"])
       ], 6),
-      ue(s.$slots, "suffix"),
-      e.addable ? (I(), A("div", {
+      ue(c.$slots, "suffix"),
+      e.addable ? (C(), A("div", {
         key: 1,
-        class: C([`${y(T)}__icon`]),
-        onClick: b[0] || (b[0] = ($) => n("add"))
+        class: w([`${y(R)}__icon`]),
+        onClick: a[0] || (a[0] = (p) => n("add"))
       }, [
-        D(qt)
+        W(qt)
       ], 2)) : X("", !0)
     ], 6));
   }