@vue/devtools-applet 7.3.2 → 7.3.3

package/dist/index.js

@@ -1,7 +1,7 @@
 var Zs = Object.defineProperty;
 var Vs = (A, B, Q) => B in A ? Zs(A, B, { enumerable: !0, configurable: !0, writable: !0, value: Q }) : A[B] = Q;
-var h = (A, B, Q) => (Vs(A, typeof B != "symbol" ? B + "" : B, Q), Q);
-import { openBlock as f, createElementBlock as L, createStaticVNode as zs, ref as K, computed as x, toValue as js, defineComponent as z, h as AC, provide as FB, inject as iB, createElementVNode as p, createVNode as U, unref as N, createTextVNode as rA, normalizeStyle as PA, renderSlot as gA, Fragment as FA, renderList as AB, toDisplayString as NA, createCommentVNode as $, pushScopeId as yQ, popScopeId as LQ, nextTick as rB, createBlock as Z, normalizeClass as eA, normalizeProps as ot, guardReactiveProps as st, withScopeId as nt, resolveComponent as vB, withKeys as $s, mergeProps as UA, withCtx as O, createApp as An, useAttrs as Bn, useSlots as Qn, resolveDynamicComponent as Ig, watchEffect as sQ, onMounted as Lg, Teleport as gn, Transition as En, withDirectives as DA, isRef as kQ, vModelDynamic as Cn, createSlots as en, watch as oA, customRef as it, getCurrentInstance as kg, getCurrentScope as wt, onScopeDispose as Dt, toRef as In, readonly as rt, reactive as mC, withModifiers as jA, toRaw as tn, mergeModels as at, useModel as ct, onUnmounted as LB, markRaw as on, shallowReactive as sn, resolveDirective as nn, toHandlers as wn, shallowRef as Dn, vShow as rn } from "vue";
+var h = (A, B, Q) => Vs(A, typeof B != "symbol" ? B + "" : B, Q);
+import { openBlock as f, createElementBlock as L, createStaticVNode as zs, ref as K, computed as x, toValue as js, defineComponent as z, h as AC, provide as FB, inject as iB, createElementVNode as p, createVNode as U, unref as N, createTextVNode as rA, normalizeStyle as PA, renderSlot as gA, Fragment as FA, renderList as AB, toDisplayString as NA, createCommentVNode as $, pushScopeId as LQ, popScopeId as kQ, nextTick as rB, createBlock as Z, normalizeClass as eA, normalizeProps as ot, guardReactiveProps as st, withScopeId as nt, resolveComponent as vB, withKeys as $s, mergeProps as UA, withCtx as O, createApp as An, useAttrs as Bn, useSlots as Qn, resolveDynamicComponent as Ig, watchEffect as nQ, onMounted as Lg, Teleport as gn, Transition as En, withDirectives as DA, isRef as HQ, vModelDynamic as Cn, createSlots as en, watch as oA, customRef as it, getCurrentInstance as kg, getCurrentScope as wt, onScopeDispose as Dt, toRef as In, readonly as rt, reactive as mC, withModifiers as jA, toRaw as tn, mergeModels as at, useModel as ct, onUnmounted as LB, markRaw as on, shallowReactive as sn, resolveDirective as nn, toHandlers as wn, shallowRef as Dn, vShow as rn } from "vue";
 const kB = (A, B) => {
   const Q = A.__vccOpts || A;
   for (const [g, E] of B)
@@ -34,7 +34,7 @@ function QC(A) {
   }
   return FB(BC, B), FB(lt, Q), { VirtualRouterView: E, restoreRouter: C };
 }
-function HQ() {
+function RQ() {
   const A = iB(BC);
   return {
     push(B) {
@@ -120,7 +120,7 @@ const pn = {
 ], -1), mn = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), Jn = /* @__PURE__ */ z({
   __name: "Home",
   setup(A) {
-    const B = HQ();
+    const B = RQ();
     return (Q, g) => (f(), L("div", pn, [
       p("div", fn, [
         Fn,
@@ -152,7 +152,7 @@ const pn = {
       ])
     ]));
   }
-}), RQ = {
+}), PQ = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -505,18 +505,17 @@ var bn = Object.create, ut = Object.defineProperty, Tn = Object.getOwnPropertyDe
   // "default" to the CommonJS "module.exports" for node compatibility.
   B || !A || !A.__esModule ? ut(Q, "default", { value: A, enumerable: !0 }) : Q,
   A
-)), PQ = Wn({
+)), UQ = Wn({
   "../../node_modules/.pnpm/tsup@8.1.0_@microsoft+api-extractor@7.43.0_@types+node@20.14.5__@swc+core@1.5.29_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js"() {
   }
 }), zn = Xn({
   "../../node_modules/.pnpm/rfdc@1.4.1/node_modules/rfdc/index.js"(A, B) {
-    PQ(), B.exports = g;
+    UQ(), B.exports = g;
     function Q(C) {
       return C instanceof Buffer ? Buffer.from(C) : new C.constructor(C.buffer.slice(), C.byteOffset, C.length);
     }
     function g(C) {
-      if (C = C || {}, C.circles)
-        return E(C);
+      if (C = C || {}, C.circles) return E(C);
       const e = /* @__PURE__ */ new Map();
       if (e.set(Date, (s) => new Date(s)), e.set(Map, (s, i) => new Map(t(Array.from(s), i))), e.set(Set, (s, i) => new Set(t(Array.from(s), i))), C.constructorHandlers)
         for (const s of C.constructorHandlers)
@@ -526,32 +525,27 @@ var bn = Object.create, ut = Object.defineProperty, Tn = Object.getOwnPropertyDe
       function t(s, i) {
         const w = Object.keys(s), r = new Array(w.length);
         for (let D = 0; D < w.length; D++) {
-          const a = w[D], c = s[a];
-          typeof c != "object" || c === null ? r[a] = c : c.constructor !== Object && (I = e.get(c.constructor)) ? r[a] = I(c, i) : ArrayBuffer.isView(c) ? r[a] = Q(c) : r[a] = i(c);
+          const a = w[D], u = s[a];
+          typeof u != "object" || u === null ? r[a] = u : u.constructor !== Object && (I = e.get(u.constructor)) ? r[a] = I(u, i) : ArrayBuffer.isView(u) ? r[a] = Q(u) : r[a] = i(u);
         }
         return r;
       }
       function o(s) {
-        if (typeof s != "object" || s === null)
-          return s;
-        if (Array.isArray(s))
-          return t(s, o);
+        if (typeof s != "object" || s === null) return s;
+        if (Array.isArray(s)) return t(s, o);
         if (s.constructor !== Object && (I = e.get(s.constructor)))
           return I(s, o);
         const i = {};
         for (const w in s) {
-          if (Object.hasOwnProperty.call(s, w) === !1)
-            continue;
+          if (Object.hasOwnProperty.call(s, w) === !1) continue;
           const r = s[w];
           typeof r != "object" || r === null ? i[w] = r : r.constructor !== Object && (I = e.get(r.constructor)) ? i[w] = I(r, o) : ArrayBuffer.isView(r) ? i[w] = Q(r) : i[w] = o(r);
         }
         return i;
       }
       function n(s) {
-        if (typeof s != "object" || s === null)
-          return s;
-        if (Array.isArray(s))
-          return t(s, n);
+        if (typeof s != "object" || s === null) return s;
+        if (Array.isArray(s)) return t(s, n);
         if (s.constructor !== Object && (I = e.get(s.constructor)))
           return I(s, n);
         const i = {};
@@ -571,33 +565,30 @@ var bn = Object.create, ut = Object.defineProperty, Tn = Object.getOwnPropertyDe
       return C.proto ? i : s;
       function n(w, r) {
         const D = Object.keys(w), a = new Array(D.length);
-        for (let c = 0; c < D.length; c++) {
-          const d = D[c], l = w[d];
-          if (typeof l != "object" || l === null)
-            a[d] = l;
-          else if (l.constructor !== Object && (o = t.get(l.constructor)))
-            a[d] = o(l, r);
-          else if (ArrayBuffer.isView(l))
-            a[d] = Q(l);
+        for (let u = 0; u < D.length; u++) {
+          const M = D[u], c = w[M];
+          if (typeof c != "object" || c === null)
+            a[M] = c;
+          else if (c.constructor !== Object && (o = t.get(c.constructor)))
+            a[M] = o(c, r);
+          else if (ArrayBuffer.isView(c))
+            a[M] = Q(c);
           else {
-            const u = e.indexOf(l);
-            u !== -1 ? a[d] = I[u] : a[d] = r(l);
+            const l = e.indexOf(c);
+            l !== -1 ? a[M] = I[l] : a[M] = r(c);
           }
         }
         return a;
       }
       function s(w) {
-        if (typeof w != "object" || w === null)
-          return w;
-        if (Array.isArray(w))
-          return n(w, s);
+        if (typeof w != "object" || w === null) return w;
+        if (Array.isArray(w)) return n(w, s);
         if (w.constructor !== Object && (o = t.get(w.constructor)))
           return o(w, s);
         const r = {};
         e.push(w), I.push(r);
         for (const D in w) {
-          if (Object.hasOwnProperty.call(w, D) === !1)
-            continue;
+          if (Object.hasOwnProperty.call(w, D) === !1) continue;
           const a = w[D];
           if (typeof a != "object" || a === null)
             r[D] = a;
@@ -606,17 +597,15 @@ var bn = Object.create, ut = Object.defineProperty, Tn = Object.getOwnPropertyDe
           else if (ArrayBuffer.isView(a))
             r[D] = Q(a);
           else {
-            const c = e.indexOf(a);
-            c !== -1 ? r[D] = I[c] : r[D] = s(a);
+            const u = e.indexOf(a);
+            u !== -1 ? r[D] = I[u] : r[D] = s(a);
           }
         }
         return e.pop(), I.pop(), r;
       }
       function i(w) {
-        if (typeof w != "object" || w === null)
-          return w;
-        if (Array.isArray(w))
-          return n(w, i);
+        if (typeof w != "object" || w === null) return w;
+        if (Array.isArray(w)) return n(w, i);
         if (w.constructor !== Object && (o = t.get(w.constructor)))
           return o(w, i);
         const r = {};
@@ -630,8 +619,8 @@ var bn = Object.create, ut = Object.defineProperty, Tn = Object.getOwnPropertyDe
           else if (ArrayBuffer.isView(a))
             r[D] = Q(a);
           else {
-            const c = e.indexOf(a);
-            c !== -1 ? r[D] = I[c] : r[D] = i(a);
+            const u = e.indexOf(a);
+            u !== -1 ? r[D] = I[u] : r[D] = i(a);
           }
         }
         return e.pop(), I.pop(), r;
@@ -639,12 +628,12 @@ var bn = Object.create, ut = Object.defineProperty, Tn = Object.getOwnPropertyDe
     }
   }
 });
-PQ();
-PQ();
+UQ();
+UQ();
 var jn = typeof navigator < "u", Y = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : typeof global < "u" ? global : {}, AE = typeof Y.chrome < "u" && !!Y.chrome.devtools;
 jn && (Y.self, Y.top);
 typeof navigator < "u" && navigator.userAgent.toLowerCase().includes("electron");
-PQ();
+UQ();
 var $n = Vn(zn(), 1), Ai = /(?:^|[-_/])(\w)/g;
 function Bi(A, B) {
   return B ? B.toUpperCase() : "";
@@ -670,7 +659,7 @@ function xC(A) {
 function OC(A) {
   return Array.isArray(A);
 }
-PQ();
+UQ();
 function fE(A, B = {}, Q) {
   for (const g in A) {
     const E = A[g], C = Q ? `${Q}:${g}` : g;
@@ -802,7 +791,7 @@ function Mt() {
 const oi = {
   trailing: !0
 };
-function UQ(A, B = 25, Q = {}) {
+function KQ(A, B = 25, Q = {}) {
   if (Q = { ...oi, ...Q }, !Number.isFinite(B))
     throw new TypeError("Expected `wait` to be a finite number");
   let g, E, C = [], e, I;
@@ -2183,14 +2172,14 @@ var ni = Object.create, pt = Object.defineProperty, ii = Object.getOwnPropertyDe
           "∑": "tong",
           "¤": "tien te"
         }
-      }, t = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), o = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), n = [".", "!", "~", "*", "'", "(", ")"].join(""), s = function(a, c) {
-        var d = "-", l = "", u = "", M = !0, F = {}, S, J, W, m, H, P, G, R, _, X, T, hA, aA, GA, kA = "";
+      }, t = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), o = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), n = [".", "!", "~", "*", "'", "(", ")"].join(""), s = function(a, u) {
+        var M = "-", c = "", l = "", d = !0, F = {}, S, J, W, m, H, P, G, R, _, X, T, dA, aA, GA, kA = "";
         if (typeof a != "string")
           return "";
-        if (typeof c == "string" && (d = c), G = I.en, R = e.en, typeof c == "object") {
-          S = c.maintainCase || !1, F = c.custom && typeof c.custom == "object" ? c.custom : F, W = +c.truncate > 1 && c.truncate || !1, m = c.uric || !1, H = c.uricNoSlash || !1, P = c.mark || !1, M = !(c.symbols === !1 || c.lang === !1), d = c.separator || d, m && (kA += t), H && (kA += o), P && (kA += n), G = c.lang && I[c.lang] && M ? I[c.lang] : M ? I.en : {}, R = c.lang && e[c.lang] ? e[c.lang] : c.lang === !1 || c.lang === !0 ? {} : e.en, c.titleCase && typeof c.titleCase.length == "number" && Array.prototype.toString.call(c.titleCase) ? (c.titleCase.forEach(function(uA) {
+        if (typeof u == "string" && (M = u), G = I.en, R = e.en, typeof u == "object") {
+          S = u.maintainCase || !1, F = u.custom && typeof u.custom == "object" ? u.custom : F, W = +u.truncate > 1 && u.truncate || !1, m = u.uric || !1, H = u.uricNoSlash || !1, P = u.mark || !1, d = !(u.symbols === !1 || u.lang === !1), M = u.separator || M, m && (kA += t), H && (kA += o), P && (kA += n), G = u.lang && I[u.lang] && d ? I[u.lang] : d ? I.en : {}, R = u.lang && e[u.lang] ? e[u.lang] : u.lang === !1 || u.lang === !0 ? {} : e.en, u.titleCase && typeof u.titleCase.length == "number" && Array.prototype.toString.call(u.titleCase) ? (u.titleCase.forEach(function(uA) {
             F[uA + ""] = uA + "";
-          }), J = !0) : J = !!c.titleCase, c.custom && typeof c.custom.length == "number" && Array.prototype.toString.call(c.custom) && c.custom.forEach(function(uA) {
+          }), J = !0) : J = !!u.titleCase, u.custom && typeof u.custom.length == "number" && Array.prototype.toString.call(u.custom) && u.custom.forEach(function(uA) {
             F[uA + ""] = uA + "";
           }), Object.keys(F).forEach(function(uA) {
             var SA;
@@ -2199,21 +2188,21 @@ var ni = Object.create, pt = Object.defineProperty, ii = Object.getOwnPropertyDe
           for (T in F)
             kA += T;
         }
-        for (kA += d, kA = w(kA), a = a.replace(/(^\s+|\s+$)/g, ""), aA = !1, GA = !1, X = 0, hA = a.length; X < hA; X++)
-          T = a[X], r(T, F) ? aA = !1 : R[T] ? (T = aA && R[T].match(/[A-Za-z0-9]/) ? " " + R[T] : R[T], aA = !1) : T in g ? (X + 1 < hA && E.indexOf(a[X + 1]) >= 0 ? (u += T, T = "") : GA === !0 ? (T = C[u] + g[T], u = "") : T = aA && g[T].match(/[A-Za-z0-9]/) ? " " + g[T] : g[T], aA = !1, GA = !1) : T in C ? (u += T, T = "", X === hA - 1 && (T = C[u]), GA = !0) : /* process symbol chars */ G[T] && !(m && t.indexOf(T) !== -1) && !(H && o.indexOf(T) !== -1) ? (T = aA || l.substr(-1).match(/[A-Za-z0-9]/) ? d + G[T] : G[T], T += a[X + 1] !== void 0 && a[X + 1].match(/[A-Za-z0-9]/) ? d : "", aA = !0) : (GA === !0 ? (T = C[u] + T, u = "", GA = !1) : aA && (/[A-Za-z0-9]/.test(T) || l.substr(-1).match(/A-Za-z0-9]/)) && (T = " " + T), aA = !1), l += T.replace(new RegExp("[^\\w\\s" + kA + "_-]", "g"), d);
-        return J && (l = l.replace(/(\w)(\S*)/g, function(uA, SA, KB) {
+        for (kA += M, kA = w(kA), a = a.replace(/(^\s+|\s+$)/g, ""), aA = !1, GA = !1, X = 0, dA = a.length; X < dA; X++)
+          T = a[X], r(T, F) ? aA = !1 : R[T] ? (T = aA && R[T].match(/[A-Za-z0-9]/) ? " " + R[T] : R[T], aA = !1) : T in g ? (X + 1 < dA && E.indexOf(a[X + 1]) >= 0 ? (l += T, T = "") : GA === !0 ? (T = C[l] + g[T], l = "") : T = aA && g[T].match(/[A-Za-z0-9]/) ? " " + g[T] : g[T], aA = !1, GA = !1) : T in C ? (l += T, T = "", X === dA - 1 && (T = C[l]), GA = !0) : /* process symbol chars */ G[T] && !(m && t.indexOf(T) !== -1) && !(H && o.indexOf(T) !== -1) ? (T = aA || c.substr(-1).match(/[A-Za-z0-9]/) ? M + G[T] : G[T], T += a[X + 1] !== void 0 && a[X + 1].match(/[A-Za-z0-9]/) ? M : "", aA = !0) : (GA === !0 ? (T = C[l] + T, l = "", GA = !1) : aA && (/[A-Za-z0-9]/.test(T) || c.substr(-1).match(/A-Za-z0-9]/)) && (T = " " + T), aA = !1), c += T.replace(new RegExp("[^\\w\\s" + kA + "_-]", "g"), M);
+        return J && (c = c.replace(/(\w)(\S*)/g, function(uA, SA, KB) {
           var CB = SA.toUpperCase() + (KB !== null ? KB : "");
           return Object.keys(F).indexOf(CB.toLowerCase()) < 0 ? CB : CB.toLowerCase();
-        })), l = l.replace(/\s+/g, d).replace(new RegExp("\\" + d + "+", "g"), d).replace(new RegExp("(^\\" + d + "+|\\" + d + "+$)", "g"), ""), W && l.length > W && (_ = l.charAt(W) === d, l = l.slice(0, W), _ || (l = l.slice(0, l.lastIndexOf(d)))), !S && !J && (l = l.toLowerCase()), l;
+        })), c = c.replace(/\s+/g, M).replace(new RegExp("\\" + M + "+", "g"), M).replace(new RegExp("(^\\" + M + "+|\\" + M + "+$)", "g"), ""), W && c.length > W && (_ = c.charAt(W) === M, c = c.slice(0, W), _ || (c = c.slice(0, c.lastIndexOf(M)))), !S && !J && (c = c.toLowerCase()), c;
       }, i = function(a) {
-        return function(d) {
-          return s(d, a);
+        return function(M) {
+          return s(M, a);
         };
       }, w = function(a) {
         return a.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
       }, r = function(D, a) {
-        for (var c in a)
-          if (a[c] === D)
+        for (var u in a)
+          if (a[u] === D)
             return !0;
       };
       if (typeof B < "u" && B.exports)
@@ -2291,9 +2280,9 @@ function Ft(A) {
 function QE(A) {
   return !!(A && A.__v_isRef === !0);
 }
-function BQ(A) {
+function QQ(A) {
   const B = A && A.__v_raw;
-  return B ? BQ(B) : A;
+  return B ? QQ(B) : A;
 }
 var pi = Symbol.for("v-fgt");
 function fi(A) {
@@ -2377,9 +2366,9 @@ function yi() {
   };
   return A;
 }
-var TQ;
+var qQ;
 function Li(A) {
-  return TQ || (TQ = document.createRange()), TQ.selectNode(A), TQ.getBoundingClientRect();
+  return qQ || (qQ = document.createRange()), qQ.selectNode(A), qQ.getBoundingClientRect();
 }
 function ki(A) {
   const B = yi();
@@ -2511,7 +2500,7 @@ function GE(A) {
 function mi(A, B) {
   var Q;
   if (A.preventDefault(), A.stopPropagation(), NE) {
-    const g = (Q = pA.value) == null ? void 0 : Q.app;
+    const g = (Q = fA.value) == null ? void 0 : Q.app;
     Ni({
       app: g,
       uid: g.uid,
@@ -2538,7 +2527,7 @@ function xi() {
   });
 }
 function Oi(A) {
-  const B = FE(pA.value, A.id);
+  const B = FE(fA.value, A.id);
   if (B) {
     const [Q] = eC(B);
     if (typeof Q.scrollIntoView == "function")
@@ -2594,17 +2583,17 @@ function vi() {
 }
 var Qe, ge;
 (ge = (Qe = Y)[uB]) != null || (Qe[uB] = vi());
-var bi = UQ((A) => {
-  KQ.hooks.callHook("devtoolsStateUpdated", { state: A });
+var bi = KQ((A) => {
+  YQ.hooks.callHook("devtoolsStateUpdated", { state: A });
 });
-UQ((A, B) => {
-  KQ.hooks.callHook("devtoolsConnectedUpdated", { state: A, oldState: B });
+KQ((A, B) => {
+  YQ.hooks.callHook("devtoolsConnectedUpdated", { state: A, oldState: B });
 });
 var Rg = new Proxy(Y.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
   get(A, B, Q) {
     return B === "value" ? Y.__VUE_DEVTOOLS_KIT_APP_RECORDS__ : Y.__VUE_DEVTOOLS_KIT_APP_RECORDS__[B];
   }
-}), pA = new Proxy(Y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
+}), fA = new Proxy(Y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
   get(A, B, Q) {
     return B === "value" ? Y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ : B === "id" ? Y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ : Y.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[B];
   }
@@ -2613,7 +2602,7 @@ function Pt() {
   bi({
     ...Y[uB],
     appRecords: Rg.value,
-    activeAppRecordId: pA.id,
+    activeAppRecordId: fA.id,
     tabs: Y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
     commands: Y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
   });
@@ -2626,7 +2615,7 @@ function qi(A) {
 }
 var Ut = new Proxy(Y[uB], {
   get(A, B) {
-    return B === "appRecords" ? Rg : B === "activeAppRecordId" ? pA.id : B === "tabs" ? Y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : B === "commands" ? Y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : Y[uB][B];
+    return B === "appRecords" ? Rg : B === "activeAppRecordId" ? fA.id : B === "tabs" ? Y.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ : B === "commands" ? Y.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ : Y[uB][B];
   },
   deleteProperty(A, B) {
     return delete A[B], !0;
@@ -2656,8 +2645,8 @@ var sC = new Proxy(Y.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
   get(A, B, Q) {
     return Reflect.get(A, B, Q);
   }
-}), Kt = UQ(() => {
-  KQ.hooks.callHook("sendInspectorToClient", Yt());
+}), Kt = KQ(() => {
+  YQ.hooks.callHook("sendInspectorToClient", Yt());
 });
 function Xi(A, B) {
   sC.push({
@@ -2669,7 +2658,7 @@ function Xi(A, B) {
   }), Kt();
 }
 function Yt() {
-  return sC.filter((A) => A.descriptor.app === pA.value.app).filter((A) => A.descriptor.id !== "components").map((A) => {
+  return sC.filter((A) => A.descriptor.app === fA.value.app).filter((A) => A.descriptor.id !== "components").map((A) => {
     var B;
     const Q = A.descriptor, g = A.options;
     return {
@@ -2768,7 +2757,7 @@ function Zi() {
     const g = Q.id.toString();
     return [...Q.instanceMap].filter(([C]) => C.split(":")[0] === g).map(([, C]) => C);
   }), A.hook("getComponentBounds", async ({ instance: B }) => NB(B)), A.hook("getComponentName", ({ instance: B }) => Hg(B)), A.hook("componentHighlight", ({ uid: B }) => {
-    const Q = pA.value.instanceMap.get(B);
+    const Q = fA.value.instanceMap.get(B);
     Q && Si(Q);
   }), A.hook("componentUnhighlight", () => {
     Rt();
@@ -2808,9 +2797,9 @@ var Vi = class {
   }
   createDefaultSetCallback(A) {
     return (B, Q, g) => {
-      if ((A.remove || A.newKey) && (Array.isArray(B) ? B.splice(Q, 1) : BQ(B) instanceof Map ? B.delete(Q) : BQ(B) instanceof Set ? B.delete(Array.from(B.values())[Q]) : Reflect.deleteProperty(B, Q)), !A.remove) {
+      if ((A.remove || A.newKey) && (Array.isArray(B) ? B.splice(Q, 1) : QQ(B) instanceof Map ? B.delete(Q) : QQ(B) instanceof Set ? B.delete(Array.from(B.values())[Q]) : Reflect.deleteProperty(B, Q)), !A.remove) {
         const E = B[A.newKey || Q];
-        this.refEditor.isRef(E) ? this.refEditor.set(E, g) : BQ(B) instanceof Map ? B.set(A.newKey || Q, g) : BQ(B) instanceof Set ? B.add(g) : B[A.newKey || Q] = g;
+        this.refEditor.isRef(E) ? this.refEditor.set(E, g) : QQ(B) instanceof Map ? B.set(A.newKey || Q, g) : QQ(B) instanceof Set ? B.add(g) : B[A.newKey || Q] = g;
       }
     };
   }
@@ -2855,22 +2844,22 @@ function ji(A = {}) {
 }
 y();
 y();
-var nQ = "__VUE_DEVTOOLS_ROUTER__", bB = "__VUE_DEVTOOLS_ROUTER_INFO__", te, oe;
+var iQ = "__VUE_DEVTOOLS_ROUTER__", bB = "__VUE_DEVTOOLS_ROUTER_INFO__", te, oe;
 (oe = (te = Y)[bB]) != null || (te[bB] = {
   currentRoute: null,
   routes: []
 });
 var se, ne;
-(ne = (se = Y)[nQ]) != null || (se[nQ] = {});
+(ne = (se = Y)[iQ]) != null || (se[iQ] = {});
 new Proxy(Y[bB], {
   get(A, B) {
     return Y[bB][B];
   }
 });
-new Proxy(Y[nQ], {
+new Proxy(Y[iQ], {
   get(A, B) {
     if (B === "value")
-      return Y[nQ];
+      return Y[iQ];
   }
 });
 function $i(A) {
@@ -2911,11 +2900,11 @@ function Bw(A, B) {
     }, Y[bB] = {
       currentRoute: C ? JC(C) : {},
       routes: JC(e)
-    }, Y[nQ] = E, console.warn = I;
+    }, Y[iQ] = E, console.warn = I;
   }
-  Q(), di.on.componentUpdated(UQ(() => {
+  Q(), di.on.componentUpdated(KQ(() => {
     var g;
-    ((g = B.value) == null ? void 0 : g.app) === A.app && (Q(), KQ.hooks.callHook("routerInfoUpdated", { state: Y[bB] }));
+    ((g = B.value) == null ? void 0 : g.app) === A.app && (Q(), YQ.hooks.callHook("routerInfoUpdated", { state: Y[bB] }));
   }, 200));
 }
 y();
@@ -3125,7 +3114,7 @@ function iw(A, B) {
       setupFn: g,
       descriptor: Q
     },
-    ctx: KQ
+    ctx: YQ
   });
   Q.packageName === "vuex" && E.on.editInspectorState((C) => {
     E.sendInspectorState(C.inspectorId);
@@ -3142,7 +3131,7 @@ function Dw(A) {
     async getInspectorTree(B) {
       const Q = {
         ...B,
-        app: pA.value.app,
+        app: fA.value.app,
         rootNodes: []
       };
       return await new Promise((g) => {
@@ -3159,7 +3148,7 @@ function Dw(A) {
     async getInspectorState(B) {
       const Q = {
         ...B,
-        app: pA.value.app,
+        app: fA.value.app,
         state: null
       }, g = {
         currentTab: `custom-inspector:${B.inspectorId}`
@@ -3178,7 +3167,7 @@ function Dw(A) {
     editInspectorState(B) {
       const Q = new Vi(), g = {
         ...B,
-        app: pA.value.app,
+        app: fA.value.app,
         set: (E, C = B.path, e = B.state.value, I) => {
           Q.set(E, C, e, I || Q.createDefaultSetCallback(B.state));
         }
@@ -3209,7 +3198,7 @@ function Dw(A) {
     },
     // get component render code
     getComponentRenderCode(B) {
-      const Q = FE(pA.value, B);
+      const Q = FE(fA.value, B);
       if (Q)
         return (Q == null ? void 0 : Q.type) instanceof Function ? Q.type.toString() : Q.render.toString();
     },
@@ -3224,11 +3213,11 @@ function Dw(A) {
     // toggle app
     toggleApp(B) {
       const Q = Rg.value.find((g) => g.id === B);
-      Q && (qi(B), Ti(Q), Bw(Q, pA), Kt(), ww(Q.app));
+      Q && (qi(B), Ti(Q), Bw(Q, fA), Kt(), ww(Q.app));
     },
     // inspect dom
     inspectDOM(B) {
-      const Q = FE(pA.value, B);
+      const Q = FE(fA.value, B);
       if (Q) {
         const [g] = eC(Q);
         g && (Y.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = g);
@@ -3247,14 +3236,14 @@ var de = Zi(), Me, pe;
   get state() {
     return {
       ...Ut,
-      activeAppRecordId: pA.id,
-      activeAppRecord: pA.value,
+      activeAppRecordId: fA.id,
+      activeAppRecord: fA.value,
       appRecords: Rg.value
     };
   },
   api: Dw(de)
 });
-var KQ = Y.__VUE_DEVTOOLS_KIT_CONTEXT__;
+var YQ = Y.__VUE_DEVTOOLS_KIT_CONTEXT__;
 y();
 y();
 ci(ui(), 1);
@@ -3365,9 +3354,9 @@ var uw = class {
 };
 y();
 y();
-var hw = (A) => Object.prototype.toString.call(A).slice(8, -1), Ot = (A) => typeof A > "u", dw = (A) => A === null, iQ = (A) => typeof A != "object" || A === null || A === Object.prototype ? !1 : Object.getPrototypeOf(A) === null ? !0 : Object.getPrototypeOf(A) === Object.prototype, yE = (A) => iQ(A) && Object.keys(A).length === 0, wB = (A) => Array.isArray(A), Mw = (A) => typeof A == "string", pw = (A) => typeof A == "number" && !isNaN(A), fw = (A) => typeof A == "boolean", Fw = (A) => A instanceof RegExp, wQ = (A) => A instanceof Map, DQ = (A) => A instanceof Set, vt = (A) => hw(A) === "Symbol", Nw = (A) => A instanceof Date && !isNaN(A.valueOf()), Gw = (A) => A instanceof Error, Ge = (A) => typeof A == "number" && isNaN(A), yw = (A) => fw(A) || dw(A) || Ot(A) || pw(A) || Mw(A) || vt(A), Lw = (A) => typeof A == "bigint", kw = (A) => A === 1 / 0 || A === -1 / 0, Hw = (A) => ArrayBuffer.isView(A) && !(A instanceof DataView), Rw = (A) => A instanceof URL;
+var hw = (A) => Object.prototype.toString.call(A).slice(8, -1), Ot = (A) => typeof A > "u", dw = (A) => A === null, wQ = (A) => typeof A != "object" || A === null || A === Object.prototype ? !1 : Object.getPrototypeOf(A) === null ? !0 : Object.getPrototypeOf(A) === Object.prototype, yE = (A) => wQ(A) && Object.keys(A).length === 0, wB = (A) => Array.isArray(A), Mw = (A) => typeof A == "string", pw = (A) => typeof A == "number" && !isNaN(A), fw = (A) => typeof A == "boolean", Fw = (A) => A instanceof RegExp, DQ = (A) => A instanceof Map, rQ = (A) => A instanceof Set, vt = (A) => hw(A) === "Symbol", Nw = (A) => A instanceof Date && !isNaN(A.valueOf()), Gw = (A) => A instanceof Error, Ge = (A) => typeof A == "number" && isNaN(A), yw = (A) => fw(A) || dw(A) || Ot(A) || pw(A) || Mw(A) || vt(A), Lw = (A) => typeof A == "bigint", kw = (A) => A === 1 / 0 || A === -1 / 0, Hw = (A) => ArrayBuffer.isView(A) && !(A instanceof DataView), Rw = (A) => A instanceof URL;
 y();
-var bt = (A) => A.replace(/\./g, "\\."), EE = (A) => A.map(String).map(bt).join("."), gQ = (A) => {
+var bt = (A) => A.replace(/\./g, "\\."), EE = (A) => A.map(String).map(bt).join("."), EQ = (A) => {
   const B = [];
   let Q = "";
   for (let E = 0; E < A.length; E++) {
@@ -3418,14 +3407,14 @@ var Tt = [
     return new RegExp(B, Q);
   }),
   vA(
-    DQ,
+    rQ,
     "set",
     // (sets only exist in es6+)
     // eslint-disable-next-line es5/no-es6-methods
     (A) => [...A.values()],
     (A) => new Set(A)
   ),
-  vA(wQ, "map", (A) => [...A.entries()], (A) => new Map(A)),
+  vA(DQ, "map", (A) => [...A.entries()], (A) => new Map(A)),
   vA((A) => Ge(A) || kw(A), "number", (A) => Ge(A) ? "NaN" : A > 0 ? "Infinity" : "-Infinity", Number),
   vA((A) => A === 0 && 1 / A === -1 / 0, "number", () => "-0", Number),
   vA(Rw, "URL", (A) => A.toString(), (A) => new URL(A))
@@ -3537,9 +3526,9 @@ var Yw = (A, B) => {
   zt(B);
   for (let Q = 0; Q < B.length; Q++) {
     const g = B[Q];
-    if (DQ(A))
+    if (rQ(A))
       A = SB(A, +g);
-    else if (wQ(A)) {
+    else if (DQ(A)) {
       const E = +g, C = +B[++Q] == 0 ? "key" : "value", e = SB(A, E);
       switch (C) {
         case "key":
@@ -3562,12 +3551,12 @@ var Yw = (A, B) => {
     if (wB(g)) {
       const I = +e;
       g = g[I];
-    } else if (iQ(g))
+    } else if (wQ(g))
       g = g[e];
-    else if (DQ(g)) {
+    else if (rQ(g)) {
       const I = +e;
       g = SB(g, I);
-    } else if (wQ(g)) {
+    } else if (DQ(g)) {
       if (C === B.length - 2)
         break;
       const t = +e, o = +B[++C] == 0 ? "key" : "value", n = SB(g, t);
@@ -3582,11 +3571,11 @@ var Yw = (A, B) => {
     }
   }
   const E = B[B.length - 1];
-  if (wB(g) ? g[+E] = Q(g[+E]) : iQ(g) && (g[E] = Q(g[E])), DQ(g)) {
+  if (wB(g) ? g[+E] = Q(g[+E]) : wQ(g) && (g[E] = Q(g[E])), rQ(g)) {
     const C = SB(g, +E), e = Q(C);
     C !== e && (g.delete(C), g.add(e));
   }
-  if (wQ(g)) {
+  if (DQ(g)) {
     const C = +B[B.length - 2], e = SB(g, C);
     switch (+E == 0 ? "key" : "value") {
       case "key": {
@@ -3606,12 +3595,12 @@ function kE(A, B, Q = []) {
   if (!A)
     return;
   if (!wB(A)) {
-    TB(A, (C, e) => kE(C, B, [...Q, ...gQ(e)]));
+    TB(A, (C, e) => kE(C, B, [...Q, ...EQ(e)]));
     return;
   }
   const [g, E] = A;
   E && TB(E, (C, e) => {
-    kE(C, B, [...Q, ...gQ(e)]);
+    kE(C, B, [...Q, ...EQ(e)]);
   }), B(g, Q);
 }
 function Sw(A, B, Q) {
@@ -3621,21 +3610,21 @@ function Sw(A, B, Q) {
 }
 function mw(A, B) {
   function Q(g, E) {
-    const C = Yw(A, gQ(E));
-    g.map(gQ).forEach((e) => {
+    const C = Yw(A, EQ(E));
+    g.map(EQ).forEach((e) => {
       A = LE(A, e, () => C);
     });
   }
   if (wB(B)) {
     const [g, E] = B;
     g.forEach((C) => {
-      A = LE(A, gQ(C), () => A);
+      A = LE(A, EQ(C), () => A);
     }), E && TB(E, Q);
   } else
     TB(B, Q);
   return A;
 }
-var Jw = (A, B) => iQ(A) || wB(A) || wQ(A) || DQ(A) || Wt(A, B);
+var Jw = (A, B) => wQ(A) || wB(A) || DQ(A) || rQ(A) || Wt(A, B);
 function xw(A, B, Q) {
   const g = Q.get(A);
   g ? g.push(B) : Q.set(A, [B]);
@@ -3680,8 +3669,8 @@ var jt = (A, B, Q, g, E = [], C = [], e = /* @__PURE__ */ new Map()) => {
     if (D === "__proto__" || D === "constructor" || D === "prototype")
       throw new Error(`Detected property ${D}. This is a prototype pollution risk, please remove it from your object.`);
     const a = jt(r, B, Q, g, [...E, D], [...C, A], e);
-    s[D] = a.transformedValue, wB(a.annotations) ? i[D] = a.annotations : iQ(a.annotations) && TB(a.annotations, (c, d) => {
-      i[bt(D) + "." + d] = c;
+    s[D] = a.transformedValue, wB(a.annotations) ? i[D] = a.annotations : wQ(a.annotations) && TB(a.annotations, (u, M) => {
+      i[bt(D) + "." + M] = u;
     });
   });
   const w = yE(i) ? {
@@ -3863,7 +3852,7 @@ function mg(A) {
       return Number.NaN;
     if (A && A._custom) {
       const { _custom: B } = A;
-      return B.type === "component" ? pA.value.instanceMap.get(B.id) : B.type === "map" ? Xw(A) : B.type === "set" ? Ww(A) : B.type === "bigint" ? BigInt(B.value) : mg(B.value);
+      return B.type === "component" ? fA.value.instanceMap.get(B.id) : B.type === "map" ? Xw(A) : B.type === "set" ? Ww(A) : B.type === "bigint" ? BigInt(B.value) : mg(B.value);
     } else if (ae.test(A)) {
       const [, B] = ae.exec(A);
       return Symbol.for(B);
@@ -3897,14 +3886,14 @@ function ve(A, B = null) {
     return arguments.length === 1 ? JSON.parse(A) : JSON.parse(A, B);
 }
 y();
-function rQ(A, B = !0) {
+function aQ(A, B = !0) {
   const Q = typeof A;
   if (A == null || A === Pg || A === "undefined")
     return "null";
   if (Q === "boolean" || Q === "number" || A === Ug || A === Kg || A === Yg)
     return "literal";
   if (A != null && A._custom)
-    return B || A._custom.display != null || A._custom.displayText != null ? "custom" : rQ(A._custom.value);
+    return B || A._custom.display != null || A._custom.displayText != null ? "custom" : aQ(A._custom.value);
   if (typeof A == "string") {
     const g = og.exec(A);
     if (g) {
@@ -3912,14 +3901,13 @@ function rQ(A, B = !0) {
       return `native ${E}`;
     } else
       return "string";
-  } else
-    return Array.isArray(A) || A != null && A._isArray ? "array" : mt(A) ? "plain-object" : "unknown";
+  } else return Array.isArray(A) || A != null && A._isArray ? "array" : mt(A) ? "plain-object" : "unknown";
 }
 function Bo(A, B = !1, Q) {
   var g, E, C;
   const { customClass: e } = Q ?? {};
   let I;
-  const t = rQ(A, !1);
+  const t = aQ(A, !1);
   if (t !== "custom" && (A != null && A._custom) && (A = A._custom.value), I = ow(A))
     return I;
   if (t === "custom")
@@ -3942,7 +3930,7 @@ function zB(A) {
 function iC(A) {
   var B, Q, g;
   let E;
-  const C = rQ(A) === "custom";
+  const C = aQ(A) === "custom";
   let e = {};
   if (C) {
     const I = A, t = (B = I._custom) == null ? void 0 : B.value, o = (Q = I._custom) == null ? void 0 : Q.type, n = typeof t == "object" && t !== null && "_custom" in t ? iC(t) : { inherit: void 0, value: void 0, customType: void 0 };
@@ -4143,7 +4131,7 @@ new Proxy({
 const QD = { class: "flex gap3" }, gD = ["onClick"], xg = /* @__PURE__ */ z({
   __name: "Navbar",
   setup(A) {
-    const { routes: B, currentRoute: Q } = Mn(), g = HQ();
+    const { routes: B, currentRoute: Q } = Mn(), g = RQ();
     return (E, C) => (f(), L("ul", QD, [
       (f(!0), L(FA, null, AB(N(B), (e, I) => (f(), L("li", {
         key: I,
@@ -4170,7 +4158,7 @@ const QD = { class: "flex gap3" }, gD = ["onClick"], xg = /* @__PURE__ */ z({
     docLink: {}
   },
   setup(A) {
-    const B = HQ();
+    const B = RQ();
     return (Q, g) => (f(), L("div", ED, [
       p("div", null, [
         gA(Q.$slots, "default", {}, () => [
@@ -4203,7 +4191,7 @@ function DD(A, B) {
     ])
   ]);
 }
-const aQ = /* @__PURE__ */ kB(nD, [["render", DD]]), rD = ["top", "right", "bottom", "left"], be = ["start", "end"], Te = /* @__PURE__ */ rD.reduce((A, B) => A.concat(B, B + "-" + be[0], B + "-" + be[1]), []), cQ = Math.min, cB = Math.max, aD = {
+const cQ = /* @__PURE__ */ kB(nD, [["render", DD]]), rD = ["top", "right", "bottom", "left"], be = ["start", "end"], Te = /* @__PURE__ */ rD.reduce((A, B) => A.concat(B, B + "-" + be[0], B + "-" + be[1]), []), lQ = Math.min, cB = Math.max, aD = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -4213,7 +4201,7 @@ const aQ = /* @__PURE__ */ kB(nD, [["render", DD]]), rD = ["top", "right", "bott
   end: "start"
 };
 function PE(A, B, Q) {
-  return cB(A, cQ(B, Q));
+  return cB(A, lQ(B, Q));
 }
 function HB(A, B) {
   return typeof A == "function" ? A(B) : A;
@@ -4230,11 +4218,11 @@ function Eo(A) {
 function wC(A) {
   return A === "y" ? "height" : "width";
 }
-function YQ(A) {
+function SQ(A) {
   return ["top", "bottom"].includes(WA(A)) ? "y" : "x";
 }
 function DC(A) {
-  return Eo(YQ(A));
+  return Eo(SQ(A));
 }
 function Co(A, B, Q) {
   Q === void 0 && (Q = !1);
@@ -4287,7 +4275,7 @@ function eo(A) {
     left: A
   };
 }
-function EQ(A) {
+function CQ(A) {
   return {
     ...A,
     top: A.y,
@@ -4301,7 +4289,7 @@ function qe(A, B, Q) {
     reference: g,
     floating: E
   } = A;
-  const C = YQ(B), e = DC(B), I = wC(e), t = WA(B), o = C === "y", n = g.x + g.width / 2 - E.width / 2, s = g.y + g.height / 2 - E.height / 2, i = g[I] / 2 - E[I] / 2;
+  const C = SQ(B), e = DC(B), I = wC(e), t = WA(B), o = C === "y", n = g.x + g.width / 2 - E.width / 2, s = g.y + g.height / 2 - E.height / 2, i = g[I] / 2 - E[I] / 2;
   let w;
   switch (t) {
     case "top":
@@ -4362,13 +4350,13 @@ const MD = async (A, B, Q) => {
   for (let D = 0; D < I.length; D++) {
     const {
       name: a,
-      fn: c
+      fn: u
     } = I[D], {
-      x: d,
-      y: l,
-      data: u,
-      reset: M
-    } = await c({
+      x: M,
+      y: c,
+      data: l,
+      reset: d
+    } = await u({
       x: n,
       y: s,
       initialPlacement: g,
@@ -4382,18 +4370,18 @@ const MD = async (A, B, Q) => {
         floating: B
       }
     });
-    if (n = d ?? n, s = l ?? s, w = {
+    if (n = M ?? n, s = c ?? s, w = {
       ...w,
       [a]: {
         ...w[a],
-        ...u
+        ...l
       }
-    }, M && r <= 50) {
-      r++, typeof M == "object" && (M.placement && (i = M.placement), M.rects && (o = M.rects === !0 ? await e.getElementRects({
+    }, d && r <= 50) {
+      r++, typeof d == "object" && (d.placement && (i = d.placement), d.rects && (o = d.rects === !0 ? await e.getElementRects({
         reference: A,
         floating: B,
         strategy: E
-      }) : M.rects), {
+      }) : d.rects), {
         x: n,
         y: s
       } = qe(o, i, t)), D = -1;
@@ -4424,31 +4412,31 @@ async function vg(A, B) {
     elementContext: s = "floating",
     altBoundary: i = !1,
     padding: w = 0
-  } = HB(B, A), r = eo(w), a = I[i ? s === "floating" ? "reference" : "floating" : s], c = EQ(await C.getClippingRect({
+  } = HB(B, A), r = eo(w), a = I[i ? s === "floating" ? "reference" : "floating" : s], u = CQ(await C.getClippingRect({
     element: (Q = await (C.isElement == null ? void 0 : C.isElement(a))) == null || Q ? a : a.contextElement || await (C.getDocumentElement == null ? void 0 : C.getDocumentElement(I.floating)),
     boundary: o,
     rootBoundary: n,
     strategy: t
-  })), d = s === "floating" ? {
+  })), M = s === "floating" ? {
     ...e.floating,
     x: g,
     y: E
-  } : e.reference, l = await (C.getOffsetParent == null ? void 0 : C.getOffsetParent(I.floating)), u = await (C.isElement == null ? void 0 : C.isElement(l)) ? await (C.getScale == null ? void 0 : C.getScale(l)) || {
+  } : e.reference, c = await (C.getOffsetParent == null ? void 0 : C.getOffsetParent(I.floating)), l = await (C.isElement == null ? void 0 : C.isElement(c)) ? await (C.getScale == null ? void 0 : C.getScale(c)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, M = EQ(C.convertOffsetParentRelativeRectToViewportRelativeRect ? await C.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: d,
-    offsetParent: l,
+  }, d = CQ(C.convertOffsetParentRelativeRectToViewportRelativeRect ? await C.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: M,
+    offsetParent: c,
     strategy: t
-  }) : d);
+  }) : M);
   return {
-    top: (c.top - M.top + r.top) / u.y,
-    bottom: (M.bottom - c.bottom + r.bottom) / u.y,
-    left: (c.left - M.left + r.left) / u.x,
-    right: (M.right - c.right + r.right) / u.x
+    top: (u.top - d.top + r.top) / l.y,
+    bottom: (d.bottom - u.bottom + r.bottom) / l.y,
+    left: (u.left - d.left + r.left) / l.x,
+    right: (d.right - u.right + r.right) / l.x
   };
 }
 const pD = (A) => ({
@@ -4471,10 +4459,10 @@ const pD = (A) => ({
     const n = eo(o), s = {
       x: Q,
       y: g
-    }, i = DC(E), w = wC(i), r = await e.getDimensions(t), D = i === "y", a = D ? "top" : "left", c = D ? "bottom" : "right", d = D ? "clientHeight" : "clientWidth", l = C.reference[w] + C.reference[i] - s[i] - C.floating[w], u = s[i] - C.reference[i], M = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(t));
-    let F = M ? M[d] : 0;
-    (!F || !await (e.isElement == null ? void 0 : e.isElement(M))) && (F = I.floating[d] || C.floating[w]);
-    const S = l / 2 - u / 2, J = F / 2 - r[w] / 2 - 1, W = cQ(n[a], J), m = cQ(n[c], J), H = W, P = F - r[w] - m, G = F / 2 - r[w] / 2 + S, R = PE(H, G, P), X = xA(E) != null && G != R && C.reference[w] / 2 - (G < H ? W : m) - r[w] / 2 < 0 ? G < H ? H - G : P - G : 0;
+    }, i = DC(E), w = wC(i), r = await e.getDimensions(t), D = i === "y", a = D ? "top" : "left", u = D ? "bottom" : "right", M = D ? "clientHeight" : "clientWidth", c = C.reference[w] + C.reference[i] - s[i] - C.floating[w], l = s[i] - C.reference[i], d = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(t));
+    let F = d ? d[M] : 0;
+    (!F || !await (e.isElement == null ? void 0 : e.isElement(d))) && (F = I.floating[M] || C.floating[w]);
+    const S = c / 2 - l / 2, J = F / 2 - r[w] / 2 - 1, W = lQ(n[a], J), m = lQ(n[u], J), H = W, P = F - r[w] - m, G = F / 2 - r[w] / 2 + S, R = PE(H, G, P), X = xA(E) != null && G != R && C.reference[w] / 2 - (G < H ? W : m) - r[w] / 2 < 0 ? G < H ? H - G : P - G : 0;
     return {
       [i]: s[i] - X,
       data: {
@@ -4505,31 +4493,31 @@ const FD = function(A) {
         allowedPlacements: i = Te,
         autoAlignment: w = !0,
         ...r
-      } = HB(A, B), D = s !== void 0 || i === Te ? fD(s || null, w, i) : i, a = await vg(B, r), c = ((Q = e.autoPlacement) == null ? void 0 : Q.index) || 0, d = D[c];
-      if (d == null)
+      } = HB(A, B), D = s !== void 0 || i === Te ? fD(s || null, w, i) : i, a = await vg(B, r), u = ((Q = e.autoPlacement) == null ? void 0 : Q.index) || 0, M = D[u];
+      if (M == null)
         return {};
-      const l = Co(d, C, await (t.isRTL == null ? void 0 : t.isRTL(o.floating)));
-      if (I !== d)
+      const c = Co(M, C, await (t.isRTL == null ? void 0 : t.isRTL(o.floating)));
+      if (I !== M)
         return {
           reset: {
             placement: D[0]
           }
         };
-      const u = [a[WA(d)], a[l[0]], a[l[1]]], M = [...((g = e.autoPlacement) == null ? void 0 : g.overflows) || [], {
-        placement: d,
-        overflows: u
-      }], F = D[c + 1];
+      const l = [a[WA(M)], a[c[0]], a[c[1]]], d = [...((g = e.autoPlacement) == null ? void 0 : g.overflows) || [], {
+        placement: M,
+        overflows: l
+      }], F = D[u + 1];
       if (F)
         return {
           data: {
-            index: c + 1,
-            overflows: M
+            index: u + 1,
+            overflows: d
           },
           reset: {
             placement: F
           }
         };
-      const S = M.map((m) => {
+      const S = d.map((m) => {
         const H = xA(m.placement);
         return [m.placement, H && n ? (
           // Check along the mainAxis and main crossAxis side.
@@ -4546,8 +4534,8 @@ const FD = function(A) {
       ).every((H) => H <= 0))[0]) == null ? void 0 : E[0]) || S[0][0];
       return W !== I ? {
         data: {
-          index: c + 1,
-          overflows: M
+          index: u + 1,
+          overflows: d
         },
         reset: {
           placement: W
@@ -4576,20 +4564,20 @@ const FD = function(A) {
         fallbackAxisSideDirection: w = "none",
         flipAlignment: r = !0,
         ...D
-      } = HB(A, B), a = WA(g), c = WA(e) === e, d = await (I.isRTL == null ? void 0 : I.isRTL(t.floating)), l = s || (c || !r ? [ig(e)] : lD(e));
-      !s && w !== "none" && l.push(...hD(e, r, w, d));
-      const u = [e, ...l], M = await vg(B, D), F = [];
+      } = HB(A, B), a = WA(g), u = WA(e) === e, M = await (I.isRTL == null ? void 0 : I.isRTL(t.floating)), c = s || (u || !r ? [ig(e)] : lD(e));
+      !s && w !== "none" && c.push(...hD(e, r, w, M));
+      const l = [e, ...c], d = await vg(B, D), F = [];
       let S = ((Q = E.flip) == null ? void 0 : Q.overflows) || [];
-      if (o && F.push(M[a]), n) {
-        const H = Co(g, C, d);
-        F.push(M[H[0]], M[H[1]]);
+      if (o && F.push(d[a]), n) {
+        const H = Co(g, C, M);
+        F.push(d[H[0]], d[H[1]]);
       }
       if (S = [...S, {
         placement: g,
         overflows: F
       }], !F.every((H) => H <= 0)) {
         var J, W;
-        const H = (((J = E.flip) == null ? void 0 : J.index) || 0) + 1, P = u[H];
+        const H = (((J = E.flip) == null ? void 0 : J.index) || 0) + 1, P = l[H];
         if (P)
           return {
             data: {
@@ -4629,7 +4617,7 @@ async function GD(A, B) {
     placement: Q,
     platform: g,
     elements: E
-  } = A, C = await (g.isRTL == null ? void 0 : g.isRTL(E.floating)), e = WA(Q), I = xA(Q), t = YQ(Q) === "y", o = ["left", "top"].includes(e) ? -1 : 1, n = C && t ? -1 : 1, s = HB(B, A);
+  } = A, C = await (g.isRTL == null ? void 0 : g.isRTL(E.floating)), e = WA(Q), I = xA(Q), t = SQ(Q) === "y", o = ["left", "top"].includes(e) ? -1 : 1, n = C && t ? -1 : 1, s = HB(B, A);
   let {
     mainAxis: i,
     crossAxis: w,
@@ -4683,12 +4671,12 @@ const yD = function(A) {
         limiter: I = {
           fn: (a) => {
             let {
-              x: c,
-              y: d
+              x: u,
+              y: M
             } = a;
             return {
-              x: c,
-              y: d
+              x: u,
+              y: M
             };
           }
         },
@@ -4696,15 +4684,15 @@ const yD = function(A) {
       } = HB(A, B), o = {
         x: Q,
         y: g
-      }, n = await vg(B, t), s = YQ(WA(E)), i = Eo(s);
+      }, n = await vg(B, t), s = SQ(WA(E)), i = Eo(s);
       let w = o[i], r = o[s];
       if (C) {
-        const a = i === "y" ? "top" : "left", c = i === "y" ? "bottom" : "right", d = w + n[a], l = w - n[c];
-        w = PE(d, w, l);
+        const a = i === "y" ? "top" : "left", u = i === "y" ? "bottom" : "right", M = w + n[a], c = w - n[u];
+        w = PE(M, w, c);
       }
       if (e) {
-        const a = s === "y" ? "top" : "left", c = s === "y" ? "bottom" : "right", d = r + n[a], l = r - n[c];
-        r = PE(d, r, l);
+        const a = s === "y" ? "top" : "left", u = s === "y" ? "bottom" : "right", M = r + n[a], c = r - n[u];
+        r = PE(M, r, c);
       }
       const D = I.fn({
         ...B,
@@ -4734,32 +4722,32 @@ const yD = function(A) {
         apply: e = () => {
         },
         ...I
-      } = HB(A, B), t = await vg(B, I), o = WA(Q), n = xA(Q), s = YQ(Q) === "y", {
+      } = HB(A, B), t = await vg(B, I), o = WA(Q), n = xA(Q), s = SQ(Q) === "y", {
         width: i,
         height: w
       } = g.floating;
       let r, D;
       o === "top" || o === "bottom" ? (r = o, D = n === (await (E.isRTL == null ? void 0 : E.isRTL(C.floating)) ? "start" : "end") ? "left" : "right") : (D = o, r = n === "end" ? "top" : "bottom");
-      const a = w - t[r], c = i - t[D], d = !B.middlewareData.shift;
-      let l = a, u = c;
+      const a = w - t[r], u = i - t[D], M = !B.middlewareData.shift;
+      let c = a, l = u;
       if (s) {
         const F = i - t.left - t.right;
-        u = n || d ? cQ(c, F) : F;
+        l = n || M ? lQ(u, F) : F;
       } else {
         const F = w - t.top - t.bottom;
-        l = n || d ? cQ(a, F) : F;
+        c = n || M ? lQ(a, F) : F;
       }
-      if (d && !n) {
+      if (M && !n) {
         const F = cB(t.left, 0), S = cB(t.right, 0), J = cB(t.top, 0), W = cB(t.bottom, 0);
-        s ? u = i - 2 * (F !== 0 || S !== 0 ? F + S : cB(t.left, t.right)) : l = w - 2 * (J !== 0 || W !== 0 ? J + W : cB(t.top, t.bottom));
+        s ? l = i - 2 * (F !== 0 || S !== 0 ? F + S : cB(t.left, t.right)) : c = w - 2 * (J !== 0 || W !== 0 ? J + W : cB(t.top, t.bottom));
       }
       await e({
         ...B,
-        availableWidth: u,
-        availableHeight: l
+        availableWidth: l,
+        availableHeight: c
       });
-      const M = await E.getDimensions(C.floating);
-      return i !== M.width || w !== M.height ? {
+      const d = await E.getDimensions(C.floating);
+      return i !== d.width || w !== d.height ? {
         reset: {
           rects: !0
         }
@@ -4774,7 +4762,7 @@ function KA(A) {
 function TA(A) {
   return KA(A).getComputedStyle(A);
 }
-const _e = Math.min, CQ = Math.max, wg = Math.round;
+const _e = Math.min, eQ = Math.max, wg = Math.round;
 function Io(A) {
   const B = TA(A);
   let Q = parseFloat(B.width), g = parseFloat(B.height);
@@ -4784,12 +4772,11 @@ function Io(A) {
 function DB(A) {
   return oo(A) ? (A.nodeName || "").toLowerCase() : "";
 }
-let qQ;
+let _Q;
 function to() {
-  if (qQ)
-    return qQ;
+  if (_Q) return _Q;
   const A = navigator.userAgentData;
-  return A && Array.isArray(A.brands) ? (qQ = A.brands.map((B) => B.brand + "/" + B.version).join(" "), qQ) : navigator.userAgent;
+  return A && Array.isArray(A.brands) ? (_Q = A.brands.map((B) => B.brand + "/" + B.version).join(" "), _Q) : navigator.userAgent;
 }
 function qA(A) {
   return A instanceof KA(A).HTMLElement;
@@ -4829,13 +4816,12 @@ function no(A) {
 const io = { x: 1, y: 1 };
 function JB(A) {
   const B = no(A);
-  if (!qA(B))
-    return io;
+  if (!qA(B)) return io;
   const Q = B.getBoundingClientRect(), { width: g, height: E, fallback: C } = Io(B);
   let e = (C ? wg(Q.width) : Q.width) / g, I = (C ? wg(Q.height) : Q.height) / E;
   return e && Number.isFinite(e) || (e = 1), I && Number.isFinite(I) || (I = 1), { x: e, y: I };
 }
-function lQ(A, B, Q, g) {
+function uQ(A, B, Q, g) {
   var E, C;
   B === void 0 && (B = !1), Q === void 0 && (Q = !1);
   const e = A.getBoundingClientRect(), I = no(A);
@@ -4845,10 +4831,10 @@ function lQ(A, B, Q, g) {
   let s = (e.left + (n && ((E = o.visualViewport) == null ? void 0 : E.offsetLeft) || 0)) / t.x, i = (e.top + (n && ((C = o.visualViewport) == null ? void 0 : C.offsetTop) || 0)) / t.y, w = e.width / t.x, r = e.height / t.y;
   if (I) {
     const D = KA(I), a = g && oB(g) ? KA(g) : g;
-    let c = D.frameElement;
-    for (; c && g && a !== D; ) {
-      const d = JB(c), l = c.getBoundingClientRect(), u = getComputedStyle(c);
-      l.x += (c.clientLeft + parseFloat(u.paddingLeft)) * d.x, l.y += (c.clientTop + parseFloat(u.paddingTop)) * d.y, s *= d.x, i *= d.y, w *= d.x, r *= d.y, s += l.x, i += l.y, c = KA(c).frameElement;
+    let u = D.frameElement;
+    for (; u && g && a !== D; ) {
+      const M = JB(u), c = u.getBoundingClientRect(), l = getComputedStyle(u);
+      c.x += (u.clientLeft + parseFloat(l.paddingLeft)) * M.x, c.y += (u.clientTop + parseFloat(l.paddingTop)) * M.y, s *= M.x, i *= M.y, w *= M.x, r *= M.y, s += c.x, i += c.y, u = KA(u).frameElement;
     }
   }
   return { width: w, height: r, top: i, right: s + w, bottom: i + r, left: s, x: s, y: i };
@@ -4860,16 +4846,15 @@ function Tg(A) {
   return oB(A) ? { scrollLeft: A.scrollLeft, scrollTop: A.scrollTop } : { scrollLeft: A.pageXOffset, scrollTop: A.pageYOffset };
 }
 function wo(A) {
-  return lQ(sB(A)).left + Tg(A).scrollLeft;
+  return uQ(sB(A)).left + Tg(A).scrollLeft;
 }
-function uQ(A) {
-  if (DB(A) === "html")
-    return A;
+function hQ(A) {
+  if (DB(A) === "html") return A;
   const B = A.assignedSlot || A.parentNode || We(A) && A.host || sB(A);
   return We(B) ? B.host : B;
 }
 function Do(A) {
-  const B = uQ(A);
+  const B = hQ(A);
   return rC(B) ? B.ownerDocument.body : qA(B) && bg(B) ? B : Do(B);
 }
 function Dg(A, B) {
@@ -4879,7 +4864,7 @@ function Dg(A, B) {
   return E ? B.concat(C, C.visualViewport || [], bg(g) ? g : []) : B.concat(g, Dg(g));
 }
 function Xe(A, B, Q) {
-  return B === "viewport" ? EQ(function(g, E) {
+  return B === "viewport" ? CQ(function(g, E) {
     const C = KA(g), e = sB(g), I = C.visualViewport;
     let t = e.clientWidth, o = e.clientHeight, n = 0, s = 0;
     if (I) {
@@ -4888,14 +4873,14 @@ function Xe(A, B, Q) {
       (i || !i && E === "fixed") && (n = I.offsetLeft, s = I.offsetTop);
     }
     return { width: t, height: o, x: n, y: s };
-  }(A, Q)) : oB(B) ? EQ(function(g, E) {
-    const C = lQ(g, !0, E === "fixed"), e = C.top + g.clientTop, I = C.left + g.clientLeft, t = qA(g) ? JB(g) : { x: 1, y: 1 };
+  }(A, Q)) : oB(B) ? CQ(function(g, E) {
+    const C = uQ(g, !0, E === "fixed"), e = C.top + g.clientTop, I = C.left + g.clientLeft, t = qA(g) ? JB(g) : { x: 1, y: 1 };
     return { width: g.clientWidth * t.x, height: g.clientHeight * t.y, x: I * t.x, y: e * t.y };
-  }(B, Q)) : EQ(function(g) {
-    const E = sB(g), C = Tg(g), e = g.ownerDocument.body, I = CQ(E.scrollWidth, E.clientWidth, e.scrollWidth, e.clientWidth), t = CQ(E.scrollHeight, E.clientHeight, e.scrollHeight, e.clientHeight);
+  }(B, Q)) : CQ(function(g) {
+    const E = sB(g), C = Tg(g), e = g.ownerDocument.body, I = eQ(E.scrollWidth, E.clientWidth, e.scrollWidth, e.clientWidth), t = eQ(E.scrollHeight, E.clientHeight, e.scrollHeight, e.clientHeight);
     let o = -C.scrollLeft + wo(g);
     const n = -C.scrollTop;
-    return TA(e).direction === "rtl" && (o += CQ(E.clientWidth, e.clientWidth) - I), { width: I, height: t, x: o, y: n };
+    return TA(e).direction === "rtl" && (o += eQ(E.clientWidth, e.clientWidth) - I), { width: I, height: t, x: o, y: n };
   }(sB(A)));
 }
 function Ze(A) {
@@ -4904,58 +4889,52 @@ function Ze(A) {
 function Ve(A) {
   const B = KA(A);
   let Q = Ze(A);
-  for (; Q && HD(Q) && TA(Q).position === "static"; )
-    Q = Ze(Q);
+  for (; Q && HD(Q) && TA(Q).position === "static"; ) Q = Ze(Q);
   return Q && (DB(Q) === "html" || DB(Q) === "body" && TA(Q).position === "static" && !UE(Q)) ? B : Q || function(g) {
-    let E = uQ(g);
+    let E = hQ(g);
     for (; qA(E) && !rC(E); ) {
-      if (UE(E))
-        return E;
-      E = uQ(E);
+      if (UE(E)) return E;
+      E = hQ(E);
     }
     return null;
   }(A) || B;
 }
 function RD(A, B, Q) {
-  const g = qA(B), E = sB(B), C = lQ(A, !0, Q === "fixed", B);
+  const g = qA(B), E = sB(B), C = uQ(A, !0, Q === "fixed", B);
   let e = { scrollLeft: 0, scrollTop: 0 };
   const I = { x: 0, y: 0 };
-  if (g || !g && Q !== "fixed")
-    if ((DB(B) !== "body" || bg(E)) && (e = Tg(B)), qA(B)) {
-      const t = lQ(B, !0);
-      I.x = t.x + B.clientLeft, I.y = t.y + B.clientTop;
-    } else
-      E && (I.x = wo(E));
+  if (g || !g && Q !== "fixed") if ((DB(B) !== "body" || bg(E)) && (e = Tg(B)), qA(B)) {
+    const t = uQ(B, !0);
+    I.x = t.x + B.clientLeft, I.y = t.y + B.clientTop;
+  } else E && (I.x = wo(E));
   return { x: C.left + e.scrollLeft - I.x, y: C.top + e.scrollTop - I.y, width: C.width, height: C.height };
 }
 const PD = { getClippingRect: function(A) {
   let { element: B, boundary: Q, rootBoundary: g, strategy: E } = A;
   const C = Q === "clippingAncestors" ? function(o, n) {
     const s = n.get(o);
-    if (s)
-      return s;
+    if (s) return s;
     let i = Dg(o).filter((a) => oB(a) && DB(a) !== "body"), w = null;
     const r = TA(o).position === "fixed";
-    let D = r ? uQ(o) : o;
+    let D = r ? hQ(o) : o;
     for (; oB(D) && !rC(D); ) {
-      const a = TA(D), c = UE(D);
-      (r ? c || w : c || a.position !== "static" || !w || !["absolute", "fixed"].includes(w.position)) ? w = a : i = i.filter((d) => d !== D), D = uQ(D);
+      const a = TA(D), u = UE(D);
+      (r ? u || w : u || a.position !== "static" || !w || !["absolute", "fixed"].includes(w.position)) ? w = a : i = i.filter((M) => M !== D), D = hQ(D);
     }
     return n.set(o, i), i;
   }(B, this._c) : [].concat(Q), e = [...C, g], I = e[0], t = e.reduce((o, n) => {
     const s = Xe(B, n, E);
-    return o.top = CQ(s.top, o.top), o.right = _e(s.right, o.right), o.bottom = _e(s.bottom, o.bottom), o.left = CQ(s.left, o.left), o;
+    return o.top = eQ(s.top, o.top), o.right = _e(s.right, o.right), o.bottom = _e(s.bottom, o.bottom), o.left = eQ(s.left, o.left), o;
   }, Xe(B, I, E));
   return { width: t.right - t.left, height: t.bottom - t.top, x: t.left, y: t.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(A) {
   let { rect: B, offsetParent: Q, strategy: g } = A;
   const E = qA(Q), C = sB(Q);
-  if (Q === C)
-    return B;
+  if (Q === C) return B;
   let e = { scrollLeft: 0, scrollTop: 0 }, I = { x: 1, y: 1 };
   const t = { x: 0, y: 0 };
   if ((E || !E && g !== "fixed") && ((DB(Q) !== "body" || bg(C)) && (e = Tg(Q)), qA(Q))) {
-    const o = lQ(Q);
+    const o = uQ(Q);
     I = JB(Q), t.x = o.x + Q.clientLeft, t.y = o.y + Q.clientTop;
   }
   return { width: B.width * I.x, height: B.height * I.y, x: B.x * I.x - e.scrollLeft * I.x + t.x, y: B.y * I.y - e.scrollTop * I.y + t.y };
@@ -5047,7 +5026,7 @@ const PD = { getClippingRect: function(A) {
     }
   }
 };
-function hQ(A, B) {
+function dQ(A, B) {
   let Q = pB.themes[A] || {}, g;
   do
     g = Q[B], typeof g > "u" ? Q.$extend ? Q = pB.themes[Q.$extend] || {} : (Q = null, g = pB[B]) : Q = null;
@@ -5123,7 +5102,7 @@ let KE = function() {
 typeof window < "u" && (KE = window.Element);
 function AA(A) {
   return function(B) {
-    return hQ(B.theme, A);
+    return dQ(B.theme, A);
   };
 }
 const IE = "__floating-vue__popper", co = () => z({
@@ -5679,12 +5658,12 @@ const IE = "__floating-vue__popper", co = () => z({
     },
     $_isAimingPopper() {
       const A = this.$_referenceNode.getBoundingClientRect();
-      if (eQ >= A.left && eQ <= A.right && IQ >= A.top && IQ <= A.bottom) {
-        const B = this.$_popperNode.getBoundingClientRect(), Q = eQ - eB, g = IQ - IB, E = B.left + B.width / 2 - eB + (B.top + B.height / 2) - IB + B.width + B.height, C = eB + Q * E, e = IB + g * E;
-        return _Q(eB, IB, C, e, B.left, B.top, B.left, B.bottom) || // Left edge
-        _Q(eB, IB, C, e, B.left, B.top, B.right, B.top) || // Top edge
-        _Q(eB, IB, C, e, B.right, B.top, B.right, B.bottom) || // Right edge
-        _Q(eB, IB, C, e, B.left, B.bottom, B.right, B.bottom);
+      if (IQ >= A.left && IQ <= A.right && tQ >= A.top && tQ <= A.bottom) {
+        const B = this.$_popperNode.getBoundingClientRect(), Q = IQ - eB, g = tQ - IB, E = B.left + B.width / 2 - eB + (B.top + B.height / 2) - IB + B.width + B.height, C = eB + Q * E, e = IB + g * E;
+        return WQ(eB, IB, C, e, B.left, B.top, B.left, B.bottom) || // Left edge
+        WQ(eB, IB, C, e, B.left, B.top, B.right, B.top) || // Top edge
+        WQ(eB, IB, C, e, B.right, B.top, B.right, B.bottom) || // Right edge
+        WQ(eB, IB, C, e, B.left, B.bottom, B.right, B.bottom);
       }
       return !1;
     }
@@ -5753,13 +5732,13 @@ function mD() {
   for (let A = 0; A < mA.length; A++)
     mA[A].$_computePosition();
 }
-let eB = 0, IB = 0, eQ = 0, IQ = 0;
+let eB = 0, IB = 0, IQ = 0, tQ = 0;
 typeof window < "u" && window.addEventListener("mousemove", (A) => {
-  eB = eQ, IB = IQ, eQ = A.clientX, IQ = A.clientY;
+  eB = IQ, IB = tQ, IQ = A.clientX, tQ = A.clientY;
 }, qB ? {
   passive: !0
 } : void 0);
-function _Q(A, B, Q, g, E, C, e, I) {
+function WQ(A, B, Q, g, E, C, e, I) {
   const t = ((e - E) * (B - C) - (I - C) * (A - E)) / ((I - C) * (Q - A) - (e - E) * (g - B)), o = ((Q - A) * (B - C) - (g - B) * (A - E)) / ((I - C) * (Q - A) - (e - E) * (g - B));
   return t >= 0 && t <= 1 && o >= 0 && o <= 1;
 }
@@ -5846,12 +5825,12 @@ var _g = {
   }
 };
 const bD = /* @__PURE__ */ nt("data-v-b329ee4c");
-yQ("data-v-b329ee4c");
+LQ("data-v-b329ee4c");
 const TD = {
   class: "resize-observer",
   tabindex: "-1"
 };
-LQ();
+kQ();
 const qD = /* @__PURE__ */ bD((A, B, Q, g, E, C) => (f(), Z("div", TD)));
 _g.render = qD;
 _g.__scopeId = "data-v-b329ee4c";
@@ -6202,8 +6181,8 @@ function Ar(A, B, Q, g, E, C) {
       hide: r,
       handleResize: D,
       onResize: a,
-      classes: c,
-      result: d
+      classes: u,
+      result: M
     }) => [
       gA(A.$slots, "default", {
         shown: o,
@@ -6219,8 +6198,8 @@ function Ar(A, B, Q, g, E, C) {
         "skip-transition": s,
         "auto-hide": i,
         "handle-resize": D,
-        classes: c,
-        result: d,
+        classes: u,
+        result: M,
         onHide: r,
         onResize: a
       }, {
@@ -6264,7 +6243,7 @@ const Qr = z({
     },
     html: {
       type: Boolean,
-      default: (A) => hQ(A.theme, "html")
+      default: (A) => dQ(A.theme, "html")
     },
     content: {
       type: [String, Number, Function],
@@ -6272,7 +6251,7 @@ const Qr = z({
     },
     loadingContent: {
       type: String,
-      default: (A) => hQ(A.theme, "loadingContent")
+      default: (A) => dQ(A.theme, "loadingContent")
     },
     targetNodes: {
       type: Function,
@@ -6347,7 +6326,7 @@ function Cr(A, B, Q, g, E, C) {
       handleResize: r,
       onResize: D,
       classes: a,
-      result: c
+      result: u
     }) => [
       U(e, {
         ref: "popperContent",
@@ -6362,7 +6341,7 @@ function Cr(A, B, Q, g, E, C) {
         "auto-hide": i,
         "handle-resize": r,
         classes: a,
-        result: c,
+        result: u,
         onHide: w,
         onResize: D
       }, {
@@ -6387,22 +6366,22 @@ function Ir(A, B) {
   if (!Q && B)
     for (const g of ao)
       B[g] && (Q = g);
-  return Q || (Q = hQ(A.theme || "tooltip", "placement")), Q;
+  return Q || (Q = dQ(A.theme || "tooltip", "placement")), Q;
 }
 function po(A, B, Q) {
   let g;
   const E = typeof B;
   return E === "string" ? g = { content: B } : B && E === "object" ? g = B : g = { content: !1 }, g.placement = Ir(g, Q), g.targetNodes = () => [A], g.referenceNode = () => A, g;
 }
-let tE, dQ, tr = 0;
+let tE, MQ, tr = 0;
 function or() {
   if (tE)
     return;
-  dQ = K([]), tE = An({
+  MQ = K([]), tE = An({
     name: "VTooltipDirectiveApp",
     setup() {
       return {
-        directives: dQ
+        directives: MQ
       };
     },
     render() {
@@ -6426,7 +6405,7 @@ function sr(A, B, Q) {
     options: g,
     shown: E
   };
-  return dQ.value.push(C), A.classList && A.classList.add(Mo), A.$_popper = {
+  return MQ.value.push(C), A.classList && A.classList.add(Mo), A.$_popper = {
     options: g,
     item: C,
     show() {
@@ -6439,14 +6418,14 @@ function sr(A, B, Q) {
 }
 function fo(A) {
   if (A.$_popper) {
-    const B = dQ.value.indexOf(A.$_popper.item);
-    B !== -1 && dQ.value.splice(B, 1), delete A.$_popper, delete A.$_popperOldShown, delete A.$_popperMountTarget;
+    const B = MQ.value.indexOf(A.$_popper.item);
+    B !== -1 && MQ.value.splice(B, 1), delete A.$_popper, delete A.$_popperOldShown, delete A.$_popperMountTarget;
   }
   A.classList && A.classList.remove(Mo);
 }
 function eI(A, { value: B, modifiers: Q }) {
   const g = po(A, B, Q);
-  if (!g.content || hQ(g.theme || "tooltip", "disabled"))
+  if (!g.content || dQ(g.theme || "tooltip", "disabled"))
     fo(A);
   else {
     let E;
@@ -6626,7 +6605,7 @@ const yo = /* @__PURE__ */ rr(ar, [["render", hr]]), dr = { key: 2 }, RA = /* @_
       _: 3
     }, 16, ["aria-disabled", "class"]));
   }
-}), dA = /* @__PURE__ */ z({
+}), MA = /* @__PURE__ */ z({
   __name: "Icon",
   props: {
     icon: {},
@@ -6644,7 +6623,7 @@ function Lo(A) {
 }
 function Mr(A, B, { enumerable: Q = !1, unwrap: g = !0 } = {}) {
   for (const [E, C] of Object.entries(B))
-    E !== "value" && (kQ(C) && g ? Object.defineProperty(A, E, {
+    E !== "value" && (HQ(C) && g ? Object.defineProperty(A, E, {
       get() {
         return C.value;
       },
@@ -6856,31 +6835,31 @@ function Uo(A, B, Q, g = {}) {
   } = g, w = kg(), r = Q || (w == null ? void 0 : w.emit) || ((E = w == null ? void 0 : w.$emit) == null ? void 0 : E.bind(w)) || ((e = (C = w == null ? void 0 : w.proxy) == null ? void 0 : C.$emit) == null ? void 0 : e.bind(w == null ? void 0 : w.proxy));
   let D = o;
   B || (B = "modelValue"), D = D || `update:${B.toString()}`;
-  const a = (l) => I ? typeof I == "function" ? I(l) : Yr(l) : l, c = () => pr(A[B]) ? a(A[B]) : s, d = (l) => {
-    i ? i(l) && r(D, l) : r(D, l);
+  const a = (c) => I ? typeof I == "function" ? I(c) : Yr(c) : c, u = () => pr(A[B]) ? a(A[B]) : s, M = (c) => {
+    i ? i(c) && r(D, c) : r(D, c);
   };
   if (t) {
-    const l = c(), u = K(l);
-    let M = !1;
+    const c = u(), l = K(c);
+    let d = !1;
     return oA(
       () => A[B],
       (F) => {
-        M || (M = !0, u.value = a(F), rB(() => M = !1));
+        d || (d = !0, l.value = a(F), rB(() => d = !1));
       }
     ), oA(
-      u,
+      l,
       (F) => {
-        !M && (F !== A[B] || n) && d(F);
+        !d && (F !== A[B] || n) && M(F);
       },
       { deep: n }
-    ), u;
+    ), l;
   } else
     return x({
       get() {
-        return c();
+        return u();
       },
-      set(l) {
-        d(l);
+      set(c) {
+        M(c);
       }
     });
 }
@@ -6921,7 +6900,7 @@ const Jr = /* @__PURE__ */ z({
   emits: ["close", "update:modelValue"],
   setup(A, { emit: B }) {
     const Q = A, g = Uo(Q, "modelValue", B, { passive: !0 }), E = mr(() => window.document.documentElement);
-    sQ(() => {
+    nQ(() => {
       g.value ? E.value = !0 : E.value = !1;
     });
     function C() {
@@ -7023,13 +7002,13 @@ const Jr = /* @__PURE__ */ z({
       }
     }), I = x(() => Q.variant === "flat" || Q.variant === "warning" || Q.disabled || Q.readonly), t = x(() => Q.disabled || C.value), o = K();
     let n = !1;
-    return sQ(() => {
+    return nQ(() => {
       C.value && e.value ? n = !0 : !C.value && n && (n = !1, rB(() => {
         e.value = !0;
       }));
     }), Lg(() => {
       Q.autoFocus && (e.value = !0);
-    }), sQ(() => {
+    }), nQ(() => {
       var s;
       e.value && ((s = o.value) == null || s.focus());
     }), (s, i) => (f(), L("div", {
@@ -7052,12 +7031,12 @@ const Jr = /* @__PURE__ */ z({
         key: 0,
         class: eA(nE)
       }, [
-        U(dA, { icon: s.leftIcon }, null, 8, ["icon"])
+        U(MA, { icon: s.leftIcon }, null, 8, ["icon"])
       ])) : $("", !0),
       DA(p("input", {
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": i[0] || (i[0] = (w) => kQ(E) ? E.value = w : null),
+        "onUpdate:modelValue": i[0] || (i[0] = (w) => HQ(E) ? E.value = w : null),
         class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
         type: s.type,
         placeholder: s.placeholder,
@@ -7075,7 +7054,7 @@ const Jr = /* @__PURE__ */ z({
         key: 2,
         class: eA(nE)
       }, [
-        U(dA, { icon: s.rightIcon }, null, 8, ["icon"])
+        U(MA, { icon: s.rightIcon }, null, 8, ["icon"])
       ])) : $("", !0),
       I.value ? $("", !0) : (f(), L("div", Zr))
     ], 2));
@@ -7267,7 +7246,7 @@ function sa(A = !1, B = {}) {
   const {
     truthyValue: Q = !0,
     falsyValue: g = !1
-  } = B, E = kQ(A), C = K(A);
+  } = B, E = HQ(A), C = K(A);
   function e(I) {
     if (arguments.length)
       return C.value = I, C.value;
@@ -7366,24 +7345,24 @@ function wa(A = {}) {
     legacy: C = !1
   } = A, e = uC(() => B && "clipboard" in B), I = nI("clipboard-read"), t = nI("clipboard-write"), o = x(() => e.value || C), n = K(""), s = K(!1), i = oa(() => s.value = !1, E);
   function w() {
-    e.value && c(I.value) ? B.clipboard.readText().then((d) => {
-      n.value = d;
+    e.value && u(I.value) ? B.clipboard.readText().then((M) => {
+      n.value = M;
     }) : n.value = a();
   }
   o.value && Q && tB(["copy", "cut"], w);
-  async function r(d = XA(g)) {
-    o.value && d != null && (e.value && c(t.value) ? await B.clipboard.writeText(d) : D(d), n.value = d, s.value = !0, i.start());
+  async function r(M = XA(g)) {
+    o.value && M != null && (e.value && u(t.value) ? await B.clipboard.writeText(M) : D(M), n.value = M, s.value = !0, i.start());
   }
-  function D(d) {
-    const l = document.createElement("textarea");
-    l.value = d ?? "", l.style.position = "absolute", l.style.opacity = "0", document.body.appendChild(l), l.select(), document.execCommand("copy"), l.remove();
+  function D(M) {
+    const c = document.createElement("textarea");
+    c.value = M ?? "", c.style.position = "absolute", c.style.opacity = "0", document.body.appendChild(c), c.select(), document.execCommand("copy"), c.remove();
   }
   function a() {
-    var d, l, u;
-    return (u = (l = (d = document == null ? void 0 : document.getSelection) == null ? void 0 : d.call(document)) == null ? void 0 : l.toString()) != null ? u : "";
+    var M, c, l;
+    return (l = (c = (M = document == null ? void 0 : document.getSelection) == null ? void 0 : M.call(document)) == null ? void 0 : c.toString()) != null ? l : "";
   }
-  function c(d) {
-    return d === "granted" || d === "prompt";
+  function u(M) {
+    return M === "granted" || M === "prompt";
   }
   return {
     isSupported: o,
@@ -7491,30 +7470,30 @@ function la(A = {}) {
       s(D, !1);
   }
   function w(D, a) {
-    var c, d;
-    const l = (c = D.key) == null ? void 0 : c.toLowerCase(), M = [(d = D.code) == null ? void 0 : d.toLowerCase(), l].filter(Boolean);
-    l && (a ? e.add(l) : e.delete(l));
-    for (const F of M)
+    var u, M;
+    const c = (u = D.key) == null ? void 0 : u.toLowerCase(), d = [(M = D.code) == null ? void 0 : M.toLowerCase(), c].filter(Boolean);
+    c && (a ? e.add(c) : e.delete(c));
+    for (const F of d)
       n.add(F), s(F, a);
-    l === "meta" && !a ? (o.forEach((F) => {
+    c === "meta" && !a ? (o.forEach((F) => {
       e.delete(F), s(F, !1);
-    }), o.clear()) : typeof D.getModifierState == "function" && D.getModifierState("Meta") && a && [...e, ...M].forEach((F) => o.add(F));
+    }), o.clear()) : typeof D.getModifierState == "function" && D.getModifierState("Meta") && a && [...e, ...d].forEach((F) => o.add(F));
   }
   tB(Q, "keydown", (D) => (w(D, !0), C(D)), { passive: E }), tB(Q, "keyup", (D) => (w(D, !1), C(D)), { passive: E }), tB("blur", i, { passive: !0 }), tB("focus", i, { passive: !0 });
   const r = new Proxy(
     t,
     {
-      get(D, a, c) {
+      get(D, a, u) {
         if (typeof a != "string")
-          return Reflect.get(D, a, c);
+          return Reflect.get(D, a, u);
         if (a = a.toLowerCase(), a in g && (a = g[a]), !(a in t))
           if (/[+_-]/.test(a)) {
-            const l = a.split(/[+_-]/g).map((u) => u.trim());
-            t[a] = x(() => l.every((u) => XA(r[u])));
+            const c = a.split(/[+_-]/g).map((l) => l.trim());
+            t[a] = x(() => c.every((l) => XA(r[l])));
           } else
             t[a] = K(!1);
-        const d = Reflect.get(D, a, c);
-        return B ? XA(d) : d;
+        const M = Reflect.get(D, a, u);
+        return B ? XA(M) : M;
       }
     }
   );
@@ -7532,31 +7511,31 @@ function ua(A, B, Q, g = {}) {
   } = g, w = kg(), r = Q || (w == null ? void 0 : w.emit) || ((E = w == null ? void 0 : w.$emit) == null ? void 0 : E.bind(w)) || ((e = (C = w == null ? void 0 : w.proxy) == null ? void 0 : C.$emit) == null ? void 0 : e.bind(w == null ? void 0 : w.proxy));
   let D = o;
   B || (B = "modelValue"), D = D || `update:${B.toString()}`;
-  const a = (l) => I ? typeof I == "function" ? I(l) : Da(l) : l, c = () => $r(A[B]) ? a(A[B]) : s, d = (l) => {
-    i ? i(l) && r(D, l) : r(D, l);
+  const a = (c) => I ? typeof I == "function" ? I(c) : Da(c) : c, u = () => $r(A[B]) ? a(A[B]) : s, M = (c) => {
+    i ? i(c) && r(D, c) : r(D, c);
   };
   if (t) {
-    const l = c(), u = K(l);
-    let M = !1;
+    const c = u(), l = K(c);
+    let d = !1;
     return oA(
       () => A[B],
       (F) => {
-        M || (M = !0, u.value = a(F), rB(() => M = !1));
+        d || (d = !0, l.value = a(F), rB(() => d = !1));
       }
     ), oA(
-      u,
+      l,
       (F) => {
-        !M && (F !== A[B] || n) && d(F);
+        !d && (F !== A[B] || n) && M(F);
       },
       { deep: n }
-    ), u;
+    ), l;
   } else
     return x({
       get() {
-        return c();
+        return u();
       },
-      set(l) {
-        d(l);
+      set(c) {
+        M(c);
       }
     });
 }
@@ -7664,7 +7643,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
             onClick: D[0] || (D[0] = jA((a) => r.$emit("enableEditInput", o.value), ["stop"]))
           }), {
             icon: O(() => [
-              U(N(dA), { icon: "i-material-symbols-edit-rounded" })
+              U(N(MA), { icon: "i-material-symbols-edit-rounded" })
             ]),
             _: 1
           }, 16, ["class"])), [
@@ -7677,7 +7656,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
             onClick: D[1] || (D[1] = jA((a) => r.$emit("addNewProp", Array.isArray(I.value) ? "array" : "object"), ["stop"]))
           }), {
             icon: O(() => [
-              U(N(dA), { icon: "i-material-symbols-add-circle-rounded" })
+              U(N(MA), { icon: "i-material-symbols-add-circle-rounded" })
             ]),
             _: 1
           }, 16, ["class"])), [
@@ -7691,7 +7670,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
           onClick: D[2] || (D[2] = (a) => i(!I.value))
         }), {
           icon: O(() => [
-            U(N(dA), {
+            U(N(MA), {
               icon: I.value ? "i-material-symbols-check-box-sharp" : "i-material-symbols-check-box-outline-blank-sharp"
             }, null, 8, ["icon"])
           ]),
@@ -7702,7 +7681,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
             onClick: D[3] || (D[3] = jA((a) => w(I.value, 1), ["stop"]))
           }), {
             icon: O(() => [
-              U(N(dA), { icon: "i-carbon-add" })
+              U(N(MA), { icon: "i-carbon-add" })
             ]),
             _: 1
           }, 16, ["class"]),
@@ -7711,7 +7690,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
             onClick: D[4] || (D[4] = jA((a) => w(I.value, -1), ["stop"]))
           }), {
             icon: O(() => [
-              U(N(dA), { icon: "i-carbon-subtract" })
+              U(N(MA), { icon: "i-carbon-subtract" })
             ]),
             _: 1
           }, 16, ["class"])
@@ -7722,7 +7701,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
         onClick: D[5] || (D[5] = jA((a) => i(I.value, !0), ["stop"]))
       }), {
         icon: O(() => [
-          U(N(dA), { icon: "i-material-symbols-delete-rounded" })
+          U(N(MA), { icon: "i-material-symbols-delete-rounded" })
         ]),
         _: 1
       }, 16, ["class"])) : $("", !0),
@@ -7743,7 +7722,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
               onClick: D[6] || (D[6] = (a) => N(g)(typeof I.value == "object" ? JSON.stringify(I.value) : I.value.toString()))
             }, {
               icon: O(() => [
-                U(N(dA), {
+                U(N(MA), {
                   icon: "i-material-symbols-copy-all-rounded",
                   class: "mt4px"
                 }),
@@ -7757,7 +7736,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
               })
             }, {
               icon: O(() => [
-                U(N(dA), {
+                U(N(MA), {
                   icon: "i-material-symbols-copy-all-rounded",
                   class: "mt4px"
                 }),
@@ -7768,7 +7747,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
           ])
         ]),
         "button-icon": O(() => [
-          U(N(dA), { icon: "i-material-symbols:more-vert" })
+          U(N(MA), { icon: "i-material-symbols:more-vert" })
         ]),
         _: 1
       }, 8, ["class", "disabled"])
@@ -7785,7 +7764,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
   emits: ["cancel", "submit", "update:modelValue"],
   setup(A, { emit: B }) {
     const Q = A, g = B, E = x(() => Q.customType === "date" ? "datetime-local" : ""), { escape: C, enter: e } = la();
-    sQ(() => {
+    nQ(() => {
       C.value ? g("cancel") : e.value && g("submit");
     });
     const I = ua(Q, "modelValue", g);
@@ -7797,12 +7776,12 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
       }
     }
     const o = K(!1);
-    return oA(I, UQ(() => {
+    return oA(I, KQ(() => {
       o.value = !t(I.value);
     }, 300)), (s, i) => (f(), L("span", Ga, [
       U(N(mE), {
         modelValue: N(I),
-        "onUpdate:modelValue": i[0] || (i[0] = (w) => kQ(I) ? I.value = w : null),
+        "onUpdate:modelValue": i[0] || (i[0] = (w) => HQ(I) ? I.value = w : null),
         type: E.value,
         variant: o.value ? "warning" : "normal",
         class: eA(["h25px px4px", s.customType === "date" ? "w240px" : "w120px"]),
@@ -7818,7 +7797,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
           onClick: i[2] || (i[2] = jA((w) => s.$emit("cancel"), ["stop"]))
         }, {
           icon: O(() => [
-            U(N(dA), { icon: "i-material-symbols-cancel" })
+            U(N(MA), { icon: "i-material-symbols-cancel" })
           ]),
           _: 1
         })), [
@@ -7826,7 +7805,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
             content: "Esc to cancel"
           }]
         ]),
-        o.value ? DA((f(), Z(N(dA), {
+        o.value ? DA((f(), Z(N(MA), {
           key: 1,
           icon: "i-material-symbols-warning",
           class: "color-warning-500 dark:color-warning-300"
@@ -7842,7 +7821,7 @@ const fa = { class: "flex pl5px" }, Fa = { class: "w160px py5px" }, Na = /* @__P
           onClick: i[3] || (i[3] = jA((w) => s.$emit("submit"), ["stop"]))
         }, {
           icon: O(() => [
-            U(N(dA), { icon: "i-material-symbols-save" })
+            U(N(MA), { icon: "i-material-symbols-save" })
           ]),
           _: 1
         })), [
@@ -7899,7 +7878,7 @@ function ya(A, B = {}) {
     isHovering: C
   };
 }
-const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
+const mo = (A) => (LQ("data-v-4631f32d"), A = A(), kQ(), A), La = {
   key: 1,
   pl5: ""
 }, ka = {
@@ -7923,22 +7902,22 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
       customClass: {
         string: "max-w-120 truncate"
       }
-    })), E = x(() => rQ(B.data.value)), C = x(() => iC(B.data.value)), { expanded: e, toggleExpanded: I } = MC(B.expandedStateId ?? ""), t = x(() => {
+    })), E = x(() => aQ(B.data.value)), C = x(() => iC(B.data.value)), { expanded: e, toggleExpanded: I } = MC(B.expandedStateId ?? ""), t = x(() => {
       var G;
       return E.value === "custom" ? `${((G = B.data.value._custom) == null ? void 0 : G.type) ?? "string"}-custom-state` : "";
     }), o = x(() => {
       const { value: G } = C.value;
       return OC(G) ? G.length : xC(G) ? Object.keys(G).length : 0;
     }), n = x(() => B.data.path || [B.data.key]), s = x(() => n.value[n.value.length - 1]), i = x(() => {
-      var _, X, T, hA, aA, GA, kA;
+      var _, X, T, dA, aA, GA, kA;
       const G = ["Reactive"], R = ((X = (_ = B.data) == null ? void 0 : _._custom) == null ? void 0 : X.stateTypeName) || ((T = B.data) == null ? void 0 : T.stateTypeName);
       if (G.includes(R))
         return R;
-      if ((aA = (hA = B.data.value) == null ? void 0 : hA.fields) != null && aA.abstract)
+      if ((aA = (dA = B.data.value) == null ? void 0 : dA.fields) != null && aA.abstract)
         return "";
       {
-        const uA = (kA = (GA = B.data.value) == null ? void 0 : GA._custom) == null ? void 0 : kA.type, SA = E.value === "custom" && !uA ? `"${g.value}"` : g.value === "" ? '""' : g.value, KB = E.value === "custom" && uA === "ref" ? rQ(SA) : E.value, CB = E.value === "string" ? "select-text" : "", bQ = `<span class="${KB}-state-type flex whitespace-nowrap ${CB}">${SA}</span>`;
-        return R ? `${bQ} <span class="text-gray-500">(${R})</span>` : bQ;
+        const uA = (kA = (GA = B.data.value) == null ? void 0 : GA._custom) == null ? void 0 : kA.type, SA = E.value === "custom" && !uA ? `"${g.value}"` : g.value === "" ? '""' : g.value, KB = E.value === "custom" && uA === "ref" ? aQ(SA) : E.value, CB = E.value === "string" ? "select-text" : "", TQ = `<span class="${KB}-state-type flex whitespace-nowrap ${CB}">${SA}</span>`;
+        return R ? `${TQ} <span class="text-gray-500">(${R})</span>` : TQ;
       }
     }), w = x(() => {
       const { value: G, inherit: R, customType: _ } = C.value, X = _ === "set";
@@ -7950,21 +7929,21 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
         ...R,
         editable: B.data.editable && !X,
         creating: !1
-      })) : (xC(G) && (T = Object.keys(G).slice(0, Q.value).map((hA) => ({
-        key: hA,
-        path: [...n.value, hA],
-        value: G[hA],
+      })) : (xC(G) && (T = Object.keys(G).slice(0, Q.value).map((dA) => ({
+        key: dA,
+        path: [...n.value, dA],
+        value: G[dA],
         ...R,
         editable: B.data.editable && !X,
         creating: !1
       })), E.value !== "custom" && (T = ht(T))), T === B.data.value ? [] : T);
-    }), r = x(() => w.value.length > 0), D = K(), a = hC(), { isHovering: c } = ya(() => D.value), { editingType: d, editing: l, editingText: u, toggleEditing: M, nodeId: F } = da();
-    oA(() => l.value, (G) => {
+    }), r = x(() => w.value.length > 0), D = K(), a = hC(), { isHovering: u } = ya(() => D.value), { editingType: M, editing: c, editingText: l, toggleEditing: d, nodeId: F } = da();
+    oA(() => c.value, (G) => {
       if (G) {
         const { value: R } = C.value;
-        u.value = Vw(R, C.value.customType);
+        l.value = Vw(R, C.value.customType);
       } else
-        u.value = "";
+        l.value = "";
     });
     async function S() {
       const G = B.data;
@@ -7975,10 +7954,10 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
         nodeId: F.value,
         state: {
           newKey: null,
-          type: d.value,
-          value: Qg(u.value, C.value.customType)
+          type: M.value,
+          value: Qg(l.value, C.value.customType)
         }
-      }), await q.value.sendInspectorState(a.value.inspectorId), M();
+      }), await q.value.sendInspectorState(a.value.inspectorId), d();
     }
     const { addNewProp: J, draftingNewProp: W, resetDrafting: m } = pa();
     function H(G) {
@@ -8013,12 +7992,12 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
         }, null, 8, ["value"])) : (f(), L("span", La)),
         p("span", ka, NA(s.value), 1),
         Ha,
-        N(l) ? (f(), Z(iE, {
+        N(c) ? (f(), Z(iE, {
           key: 2,
-          modelValue: N(u),
-          "onUpdate:modelValue": R[0] || (R[0] = (_) => kQ(u) ? u.value = _ : null),
+          modelValue: N(l),
+          "onUpdate:modelValue": R[0] || (R[0] = (_) => HQ(l) ? l.value = _ : null),
           "custom-type": C.value.customType,
-          onCancel: N(M),
+          onCancel: N(d),
           onSubmit: S
         }, null, 8, ["modelValue", "custom-type", "onCancel"])) : $("", !0),
         p("span", {
@@ -8030,11 +8009,11 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
           }, null, 8, Ra)
         ], 2),
         U(Na, {
-          hovering: N(c),
+          hovering: N(u),
           "disable-edit": N(a).disableEdit,
           data: G.data,
           depth: G.depth,
-          onEnableEditInput: N(M),
+          onEnableEditInput: N(d),
           onAddNewProp: H
         }, null, 8, ["hovering", "disable-edit", "data", "depth", "onEnableEditInput"])
       ], 6),
@@ -8052,7 +8031,7 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
           onClick: R[2] || (R[2] = (_) => Q.value += iI)
         }, {
           icon: O(() => [
-            U(N(dA), { icon: "i-material-symbols-more-horiz" })
+            U(N(MA), { icon: "i-material-symbols-more-horiz" })
           ]),
           _: 1
         })), [
@@ -8107,7 +8086,7 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
 }, xa = {
   "font-state-field": "",
   "text-13px": ""
-}, Oa = { key: 0 }, SQ = /* @__PURE__ */ z({
+}, Oa = { key: 0 }, mQ = /* @__PURE__ */ z({
   __name: "RootStateViewer",
   props: {
     data: {},
@@ -8126,7 +8105,7 @@ const mo = (A) => (yQ("data-v-4631f32d"), A = A(), LQ(), A), La = {
       };
     }
     const { context: g } = ha(Q());
-    sQ(() => {
+    nQ(() => {
       g.value = Q();
     });
     const { expanded: E, toggleExpanded: C } = MC(B.expandedStateId);
@@ -8246,7 +8225,7 @@ const Za = ["onClick", "onDblclick"], Va = {
 }, Ac = {
   key: 1,
   class: "text-gray-400 dark:text-gray-600 group-hover:text-white group-hover:op50 [.active_&]:op50 [.active_&]:text-white!"
-}, Bc = { key: 0 }, mQ = /* @__PURE__ */ z({
+}, Bc = { key: 0 }, JQ = /* @__PURE__ */ z({
   __name: "TreeViewer",
   props: /* @__PURE__ */ at({
     data: {},
@@ -8297,7 +8276,7 @@ const Za = ["onClick", "onDblclick"], Va = {
           }, null, 8, ["tag"]))), 128))
         ], 46, Za),
         (s = t == null ? void 0 : t.children) != null && s.length && N(Q).includes(t.id) ? (f(), L("div", Bc, [
-          U(mQ, {
+          U(JQ, {
             modelValue: B.value,
             "onUpdate:modelValue": I[0] || (I[0] = (i) => B.value = i),
             data: t == null ? void 0 : t.children,
@@ -8323,43 +8302,43 @@ const Za = ["onClick", "onDblclick"], Va = {
   __name: "Index",
   setup(A) {
     const { expanded: B } = BB(), { expanded: Q } = BB("pinia-store-state"), g = K(""), E = K([]), C = x(() => {
-      var l, u;
-      return (l = E.value) != null && l.length ? n((u = E.value) == null ? void 0 : u[0]) : [];
-    }), e = x(() => i(E.value)), I = x(() => e.value.map((l) => l.id)), t = K({}), o = x(() => {
-      var l, u;
-      return !((l = t.value.state) != null && l.length) && !((u = t.value.getters) != null && u.length);
+      var c, l;
+      return (c = E.value) != null && c.length ? n((l = E.value) == null ? void 0 : l[0]) : [];
+    }), e = x(() => i(E.value)), I = x(() => e.value.map((c) => c.id)), t = K({}), o = x(() => {
+      var c, l;
+      return !((c = t.value.state) != null && c.length) && !((l = t.value.getters) != null && l.length);
     });
-    function n(l, u = [], M = []) {
+    function n(c, l = [], d = []) {
       var F;
-      return u.push(l.id), ((F = l.children) == null ? void 0 : F.length) === 0 && M.push([...u]), Array.isArray(l.children) && l.children.forEach((S) => {
-        n(S, u, M);
-      }), u.pop(), M;
+      return l.push(c.id), ((F = c.children) == null ? void 0 : F.length) === 0 && d.push([...l]), Array.isArray(c.children) && c.children.forEach((S) => {
+        n(S, l, d);
+      }), l.pop(), d;
     }
-    function s(l, u) {
-      const M = [];
-      return l == null || l.forEach((F) => {
-        M.push(...F.slice(0, u + 1));
-      }), [...new Set(M)];
+    function s(c, l) {
+      const d = [];
+      return c == null || c.forEach((F) => {
+        d.push(...F.slice(0, l + 1));
+      }), [...new Set(d)];
     }
-    function i(l) {
-      const u = [], M = (F) => {
+    function i(c) {
+      const l = [], d = (F) => {
         F == null || F.forEach((S) => {
           var J;
-          u.push(S), (J = S.children) != null && J.length && M(S.children);
+          l.push(S), (J = S.children) != null && J.length && d(S.children);
         });
       };
-      return M(l), u;
+      return d(c), l;
     }
-    function w(l) {
-      var u;
-      for (const M in l)
-        (u = l[M]) != null && u.length || delete l[M];
-      return l;
+    function w(c) {
+      var l;
+      for (const d in c)
+        (l = c[d]) != null && l.length || delete c[d];
+      return c;
     }
-    function r(l) {
-      q.value.getInspectorState({ inspectorId: jB, nodeId: l }).then((u) => {
-        const M = lA(u);
-        M && (t.value = w(M), Q.value = Array.from({ length: Object.keys(t.value).length }, (F, S) => `${S}`));
+    function r(c) {
+      q.value.getInspectorState({ inspectorId: jB, nodeId: c }).then((l) => {
+        const d = lA(l);
+        d && (t.value = w(d), Q.value = Array.from({ length: Object.keys(t.value).length }, (F, S) => `${S}`));
       });
     }
     function D() {
@@ -8368,28 +8347,28 @@ const Za = ["onClick", "onDblclick"], Va = {
     oA(g, () => {
       D(), r(g.value);
     }), (() => {
-      q.value.getInspectorTree({ inspectorId: jB, filter: "" }).then((l) => {
-        const u = lA(l);
-        E.value = u, !g.value && u.length && (g.value = u[0].id, r(u[0].id), B.value = s(C.value, 1));
+      q.value.getInspectorTree({ inspectorId: jB, filter: "" }).then((c) => {
+        const l = lA(c);
+        E.value = l, !g.value && l.length && (g.value = l[0].id, r(l[0].id), B.value = s(C.value, 1));
       });
     })();
-    function c(l) {
-      const u = lA(l);
-      u.inspectorId !== jB || !u.rootNodes.length || (E.value = u.rootNodes, I.value.includes(g.value) || (g.value = u.rootNodes[0].id, B.value = s(C.value, 1), r(u.rootNodes[0].id)));
+    function u(c) {
+      const l = lA(c);
+      l.inspectorId !== jB || !l.rootNodes.length || (E.value = l.rootNodes, I.value.includes(g.value) || (g.value = l.rootNodes[0].id, B.value = s(C.value, 1), r(l.rootNodes[0].id)));
     }
-    function d(l) {
-      const u = lA(l);
-      if (u.inspectorId !== jB)
+    function M(c) {
+      const l = lA(c);
+      if (l.inspectorId !== jB)
         return;
-      const M = u.state;
+      const d = l.state;
       t.value = w({
-        state: M.state,
-        getters: M.getters
+        state: d.state,
+        getters: d.getters
       });
     }
-    return q.functions.on(IA.INSPECTOR_TREE_UPDATED, c), q.functions.on(IA.INSPECTOR_STATE_UPDATED, d), LB(() => {
-      q.functions.off(IA.INSPECTOR_TREE_UPDATED, c), q.functions.off(IA.INSPECTOR_STATE_UPDATED, d);
-    }), (l, u) => (f(), L("div", Qc, [
+    return q.functions.on(IA.INSPECTOR_TREE_UPDATED, u), q.functions.on(IA.INSPECTOR_STATE_UPDATED, M), LB(() => {
+      q.functions.off(IA.INSPECTOR_TREE_UPDATED, u), q.functions.off(IA.INSPECTOR_STATE_UPDATED, M);
+    }), (c, l) => (f(), L("div", Qc, [
       U(Og, {
         "doc-link": "https://pinia.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/pinia"
@@ -8399,7 +8378,7 @@ const Za = ["onClick", "onDblclick"], Va = {
         ]),
         _: 1
       }),
-      U(N(RQ), { class: "flex-1 overflow-auto" }, {
+      U(N(PQ), { class: "flex-1 overflow-auto" }, {
         default: O(() => [
           U(N(_A), {
             border: "r base",
@@ -8408,9 +8387,9 @@ const Za = ["onClick", "onDblclick"], Va = {
           }, {
             default: O(() => [
               p("div", gc, [
-                U(mQ, {
+                U(JQ, {
                   modelValue: g.value,
-                  "onUpdate:modelValue": u[0] || (u[0] = (M) => g.value = M),
+                  "onUpdate:modelValue": l[0] || (l[0] = (d) => g.value = d),
                   data: E.value
                 }, null, 8, ["modelValue", "data"])
               ])
@@ -8420,14 +8399,14 @@ const Za = ["onClick", "onDblclick"], Va = {
           U(N(_A), { size: "60" }, {
             default: O(() => [
               p("div", Ec, [
-                g.value && !o.value ? (f(), Z(SQ, {
+                g.value && !o.value ? (f(), Z(mQ, {
                   key: 0,
                   class: "p3",
                   data: t.value,
                   "node-id": g.value,
                   "inspector-id": jB,
                   "expanded-state-id": "pinia-store-state"
-                }, null, 8, ["data", "node-id"])) : (f(), Z(aQ, { key: 1 }, {
+                }, null, 8, ["data", "node-id"])) : (f(), Z(cQ, { key: 1 }, {
                   default: O(() => [
                     rA(" No Data ")
                   ]),
@@ -8507,12 +8486,12 @@ var Xg = {
   }
 };
 const Ic = /* @__PURE__ */ nt("data-v-b329ee4c");
-yQ("data-v-b329ee4c");
+LQ("data-v-b329ee4c");
 const tc = {
   class: "resize-observer",
   tabindex: "-1"
 };
-LQ();
+kQ();
 const oc = /* @__PURE__ */ Ic((A, B, Q, g, E, C) => (f(), Z("div", tc)));
 Xg.render = oc;
 Xg.__scopeId = "data-v-b329ee4c";
@@ -8542,28 +8521,22 @@ function aI(A) {
   return ic(A) || wc(A) || Dc(A) || rc();
 }
 function ic(A) {
-  if (Array.isArray(A))
-    return xE(A);
+  if (Array.isArray(A)) return xE(A);
 }
 function wc(A) {
-  if (typeof Symbol < "u" && Symbol.iterator in Object(A))
-    return Array.from(A);
+  if (typeof Symbol < "u" && Symbol.iterator in Object(A)) return Array.from(A);
 }
 function Dc(A, B) {
   if (A) {
-    if (typeof A == "string")
-      return xE(A, B);
+    if (typeof A == "string") return xE(A, B);
     var Q = Object.prototype.toString.call(A).slice(8, -1);
-    if (Q === "Object" && A.constructor && (Q = A.constructor.name), Q === "Map" || Q === "Set")
-      return Array.from(A);
-    if (Q === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(Q))
-      return xE(A, B);
+    if (Q === "Object" && A.constructor && (Q = A.constructor.name), Q === "Map" || Q === "Set") return Array.from(A);
+    if (Q === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(Q)) return xE(A, B);
   }
 }
 function xE(A, B) {
   (B == null || B > A.length) && (B = A.length);
-  for (var Q = 0, g = new Array(B); Q < B; Q++)
-    g[Q] = A[Q];
+  for (var Q = 0, g = new Array(B); Q < B; Q++) g[Q] = A[Q];
   return g;
 }
 function rc() {
@@ -8592,8 +8565,7 @@ function cc(A, B) {
   }, e;
 }
 function To(A, B) {
-  if (A === B)
-    return !0;
+  if (A === B) return !0;
   if (Cg(A) === "object") {
     for (var Q in A)
       if (!To(A[Q], B[Q]))
@@ -8631,8 +8603,7 @@ var lc = /* @__PURE__ */ function() {
           }
           if (E.callback) {
             var n = t.isIntersecting && t.intersectionRatio >= E.threshold;
-            if (n === E.oldResult)
-              return;
+            if (n === E.oldResult) return;
             E.oldResult = n, E.callback(n, t);
           }
         }, this.options.intersection), rB(function() {
@@ -8928,8 +8899,7 @@ var pC = {
     },
     handleScroll(A) {
       if (!this.$_scrollDirty) {
-        if (this.$_scrollDirty = !0, this.$_updateTimeout)
-          return;
+        if (this.$_scrollDirty = !0, this.$_updateTimeout) return;
         const B = () => requestAnimationFrame(() => {
           this.$_scrollDirty = !1;
           const { continuous: Q } = this.updateVisibleItems(!1, !0);
@@ -8947,11 +8917,11 @@ var pC = {
     },
     updateVisibleItems(A, B = !1) {
       const Q = this.itemSize, g = this.gridItems || 1, E = this.itemSecondarySize || Q, C = this.$_computedMinItemSize, e = this.typeField, I = this.simpleArray ? null : this.keyField, t = this.items, o = t.length, n = this.sizes, s = this.$_views, i = this.$_unusedViews, w = this.pool, r = this.itemIndexByKey;
-      let D, a, c, d, l;
+      let D, a, u, M, c;
       if (!o)
-        D = a = d = l = c = 0;
+        D = a = M = c = u = 0;
       else if (this.$_prerender)
-        D = d = 0, a = l = Math.min(this.prerender, t.length), c = null;
+        D = M = 0, a = c = Math.min(this.prerender, t.length), u = null;
       else {
         const m = this.getScroll();
         if (B) {
@@ -8974,47 +8944,44 @@ var pC = {
           do
             T = X, G = n[X].accumulator, G < m.start ? R = X : X < o - 1 && n[X + 1].accumulator > m.start && (_ = X), X = ~~((R + _) / 2);
           while (X !== T);
-          for (X < 0 && (X = 0), D = X, c = n[o - 1].accumulator, a = X; a < o && n[a].accumulator < m.end; a++)
-            ;
-          for (a === -1 ? a = t.length - 1 : (a++, a > o && (a = o)), d = D; d < o && P + n[d].accumulator < m.start; d++)
-            ;
-          for (l = d; l < o && P + n[l].accumulator < m.end; l++)
-            ;
+          for (X < 0 && (X = 0), D = X, u = n[o - 1].accumulator, a = X; a < o && n[a].accumulator < m.end; a++) ;
+          for (a === -1 ? a = t.length - 1 : (a++, a > o && (a = o)), M = D; M < o && P + n[M].accumulator < m.start; M++) ;
+          for (c = M; c < o && P + n[c].accumulator < m.end; c++) ;
         } else {
           D = ~~(m.start / Q * g);
           const G = D % g;
-          D -= G, a = Math.ceil(m.end / Q * g), d = Math.max(0, Math.floor((m.start - P) / Q * g)), l = Math.floor((m.end - P) / Q * g), D < 0 && (D = 0), a > o && (a = o), d < 0 && (d = 0), l > o && (l = o), c = Math.ceil(o / g) * Q;
+          D -= G, a = Math.ceil(m.end / Q * g), M = Math.max(0, Math.floor((m.start - P) / Q * g)), c = Math.floor((m.end - P) / Q * g), D < 0 && (D = 0), a > o && (a = o), M < 0 && (M = 0), c > o && (c = o), u = Math.ceil(o / g) * Q;
         }
       }
-      a - D > dc.itemsLimit && this.itemsLimitError(), this.totalSize = c;
-      let u;
-      const M = D <= this.$_endIndex && a >= this.$_startIndex;
-      if (M)
+      a - D > dc.itemsLimit && this.itemsLimitError(), this.totalSize = u;
+      let l;
+      const d = D <= this.$_endIndex && a >= this.$_startIndex;
+      if (d)
         for (let m = 0, H = w.length; m < H; m++)
-          u = w[m], u.nr.used && (A && (u.nr.index = r[u.item[I]]), (u.nr.index == null || u.nr.index < D || u.nr.index >= a) && this.unuseView(u));
-      const F = M ? null : /* @__PURE__ */ new Map();
+          l = w[m], l.nr.used && (A && (l.nr.index = r[l.item[I]]), (l.nr.index == null || l.nr.index < D || l.nr.index >= a) && this.unuseView(l));
+      const F = d ? null : /* @__PURE__ */ new Map();
       let S, J, W;
       for (let m = D; m < a; m++) {
         S = t[m];
         const H = I ? S[I] : S;
         if (H == null)
           throw new Error(`Key is ${H} on item (keyField is '${I}')`);
-        if (u = s.get(H), !Q && !n[m].size) {
-          u && this.unuseView(u);
+        if (l = s.get(H), !Q && !n[m].size) {
+          l && this.unuseView(l);
           continue;
         }
         J = S[e];
         let P = i.get(J), G = !1;
-        if (!u)
-          M ? P && P.length ? u = P.pop() : u = this.addView(w, m, S, H, J) : (W = F.get(J) || 0, (!P || W >= P.length) && (u = this.addView(w, m, S, H, J), this.unuseView(u, !0), P = i.get(J)), u = P[W], F.set(J, W + 1)), s.delete(u.nr.key), u.nr.used = !0, u.nr.index = m, u.nr.key = H, u.nr.type = J, s.set(H, u), G = !0;
-        else if (!u.nr.used && (u.nr.used = !0, G = !0, P)) {
-          const R = P.indexOf(u);
+        if (!l)
+          d ? P && P.length ? l = P.pop() : l = this.addView(w, m, S, H, J) : (W = F.get(J) || 0, (!P || W >= P.length) && (l = this.addView(w, m, S, H, J), this.unuseView(l, !0), P = i.get(J)), l = P[W], F.set(J, W + 1)), s.delete(l.nr.key), l.nr.used = !0, l.nr.index = m, l.nr.key = H, l.nr.type = J, s.set(H, l), G = !0;
+        else if (!l.nr.used && (l.nr.used = !0, G = !0, P)) {
+          const R = P.indexOf(l);
           R !== -1 && P.splice(R, 1);
         }
-        u.item = S, G && (m === t.length - 1 && this.$emit("scroll-end"), m === 0 && this.$emit("scroll-start")), Q === null ? (u.position = n[m - 1].accumulator, u.offset = 0) : (u.position = Math.floor(m / g) * Q, u.offset = m % g * E);
+        l.item = S, G && (m === t.length - 1 && this.$emit("scroll-end"), m === 0 && this.$emit("scroll-start")), Q === null ? (l.position = n[m - 1].accumulator, l.offset = 0) : (l.position = Math.floor(m / g) * Q, l.offset = m % g * E);
       }
-      return this.$_startIndex = D, this.$_endIndex = a, this.emitUpdate && this.$emit("update", D, a, d, l), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
-        continuous: M
+      return this.$_startIndex = D, this.$_endIndex = a, this.emitUpdate && this.$emit("update", D, a, M, c), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
+        continuous: d
       };
     },
     getListenerTarget() {
@@ -9031,14 +8998,13 @@ var pC = {
           start: e,
           end: e + I
         };
-      } else
-        Q ? g = {
-          start: A.scrollTop,
-          end: A.scrollTop + A.clientHeight
-        } : g = {
-          start: A.scrollLeft,
-          end: A.scrollLeft + A.clientWidth
-        };
+      } else Q ? g = {
+        start: A.scrollTop,
+        end: A.scrollTop + A.clientHeight
+      } : g = {
+        start: A.scrollLeft,
+        end: A.scrollLeft + A.clientWidth
+      };
       return g;
     },
     applyPageMode() {
@@ -9279,17 +9245,17 @@ const Rc = { class: "p3" }, Pc = ["onClick"], Uc = {
       var r, D, a;
       const i = (r = e.value) == null ? void 0 : r.groupId, w = E.value.get(i);
       if (w) {
-        const c = ((D = w[w.length - 1]) == null ? void 0 : D.time) - (((a = w[0]) == null ? void 0 : a.time) ?? 0);
+        const u = ((D = w[w.length - 1]) == null ? void 0 : D.time) - (((a = w[0]) == null ? void 0 : a.time) ?? 0);
         return [{
           key: "events",
           type: "events",
           editable: !1,
           value: w.length
-        }, c && {
+        }, u && {
           key: "duration",
           type: "duration",
           editable: !1,
-          value: `${c}ms`
+          value: `${u}ms`
         }].filter(Boolean);
       }
     }), o = x(() => ({ "Event Info": I.value, ...t.value && { "Group Info": t.value } }));
@@ -9318,7 +9284,7 @@ const Rc = { class: "p3" }, Pc = ["onClick"], Uc = {
         _: 1
       }, 8, ["doc-link", "github-repo-link"]),
       g.value.length ? (f(), L("div", xc, [
-        U(N(RQ), { class: "h-full" }, {
+        U(N(PQ), { class: "h-full" }, {
           default: O(() => [
             U(N(_A), {
               border: "r base",
@@ -9339,7 +9305,7 @@ const Rc = { class: "p3" }, Pc = ["onClick"], Uc = {
             U(N(_A), { size: "60" }, {
               default: O(() => [
                 p("div", vc, [
-                  U(SQ, {
+                  U(mQ, {
                     class: "p3",
                     data: o.value,
                     "node-id": "",
@@ -9354,7 +9320,7 @@ const Rc = { class: "p3" }, Pc = ["onClick"], Uc = {
           ]),
           _: 1
         })
-      ])) : (f(), Z(aQ, {
+      ])) : (f(), Z(cQ, {
         key: 1,
         class: "flex-1"
       }, {
@@ -9563,9 +9529,9 @@ function Cu(A) {
     return A(B);
   };
 }
-var gs = typeof exports == "object" && exports && !exports.nodeType && exports, tQ = gs && typeof module == "object" && module && !module.nodeType && module, eu = tQ && tQ.exports === gs, rE = eu && Xo.process, NI = function() {
+var gs = typeof exports == "object" && exports && !exports.nodeType && exports, oQ = gs && typeof module == "object" && module && !module.nodeType && module, eu = oQ && oQ.exports === gs, rE = eu && Xo.process, NI = function() {
   try {
-    var A = tQ && tQ.require && tQ.require("util").types;
+    var A = oQ && oQ.require && oQ.require("util").types;
     return A || rE && rE.binding && rE.binding("util");
   } catch {
   }
@@ -9604,9 +9570,9 @@ function kC(A, B) {
   var Q = typeof A;
   return Q == "number" || Q == "symbol" || Q == "boolean" || A == null || FC(A) ? !0 : au.test(A) || !ru.test(A) || B != null && A in Object(B);
 }
-var MQ = PB(Object, "create");
+var pQ = PB(Object, "create");
 function cu() {
-  this.__data__ = MQ ? MQ(null) : {}, this.size = 0;
+  this.__data__ = pQ ? pQ(null) : {}, this.size = 0;
 }
 function lu(A) {
   var B = this.has(A) && delete this.__data__[A];
@@ -9615,7 +9581,7 @@ function lu(A) {
 var uu = "__lodash_hash_undefined__", hu = Object.prototype, du = hu.hasOwnProperty;
 function Mu(A) {
   var B = this.__data__;
-  if (MQ) {
+  if (pQ) {
     var Q = B[A];
     return Q === uu ? void 0 : Q;
   }
@@ -9624,12 +9590,12 @@ function Mu(A) {
 var pu = Object.prototype, fu = pu.hasOwnProperty;
 function Fu(A) {
   var B = this.__data__;
-  return MQ ? B[A] !== void 0 : fu.call(B, A);
+  return pQ ? B[A] !== void 0 : fu.call(B, A);
 }
 var Nu = "__lodash_hash_undefined__";
 function Gu(A, B) {
   var Q = this.__data__;
-  return this.size += this.has(A) ? 0 : 1, Q[A] = MQ && B === void 0 ? Nu : B, this;
+  return this.size += this.has(A) ? 0 : 1, Q[A] = pQ && B === void 0 ? Nu : B, this;
 }
 function GB(A) {
   var B = -1, Q = A == null ? 0 : A.length;
@@ -9683,11 +9649,11 @@ gB.prototype.delete = Hu;
 gB.prototype.get = Ru;
 gB.prototype.has = Pu;
 gB.prototype.set = Uu;
-var pQ = PB(QB, "Map");
+var fQ = PB(QB, "Map");
 function Ku() {
   this.size = 0, this.__data__ = {
     hash: new GB(),
-    map: new (pQ || gB)(),
+    map: new (fQ || gB)(),
     string: new GB()
   };
 }
@@ -9814,7 +9780,7 @@ function g0(A, B) {
   var Q = this.__data__;
   if (Q instanceof gB) {
     var g = Q.__data__;
-    if (!pQ || g.length < Q0 - 1)
+    if (!fQ || g.length < Q0 - 1)
       return g.push([A, B]), this.size = ++Q.size, this;
     Q = this.__data__ = new EB(g);
   }
@@ -9858,8 +9824,8 @@ var i0 = PB(QB, "Promise");
 const _E = i0;
 var w0 = PB(QB, "Set");
 const WE = w0;
-var HI = "[object Map]", D0 = "[object Object]", RI = "[object Promise]", PI = "[object Set]", UI = "[object WeakMap]", KI = "[object DataView]", r0 = RB(qE), a0 = RB(pQ), c0 = RB(_E), l0 = RB(WE), u0 = RB(bE), lB = ZB;
-(qE && lB(new qE(new ArrayBuffer(1))) != KI || pQ && lB(new pQ()) != HI || _E && lB(_E.resolve()) != RI || WE && lB(new WE()) != PI || bE && lB(new bE()) != UI) && (lB = function(A) {
+var HI = "[object Map]", D0 = "[object Object]", RI = "[object Promise]", PI = "[object Set]", UI = "[object WeakMap]", KI = "[object DataView]", r0 = RB(qE), a0 = RB(fQ), c0 = RB(_E), l0 = RB(WE), u0 = RB(bE), lB = ZB;
+(qE && lB(new qE(new ArrayBuffer(1))) != KI || fQ && lB(new fQ()) != HI || _E && lB(_E.resolve()) != RI || WE && lB(new WE()) != PI || bE && lB(new bE()) != UI) && (lB = function(A) {
   var B = ZB(A), Q = B == D0 ? A.constructor : void 0, g = Q ? RB(Q) : "";
   if (g)
     switch (g) {
@@ -9922,9 +9888,9 @@ function os(A, B, Q, g, E, C) {
       break;
     }
     if (w) {
-      if (!f0(B, function(c, d) {
-        if (!F0(w, d) && (r === c || E(r, c, Q, g, C)))
-          return w.push(d);
+      if (!f0(B, function(u, M) {
+        if (!F0(w, M) && (r === u || E(r, u, Q, g, C)))
+          return w.push(M);
       })) {
         i = !1;
         break;
@@ -10001,26 +9967,26 @@ function W0(A, B, Q, g, E, C) {
   C.set(A, B), C.set(B, A);
   for (var a = e; ++s < t; ) {
     i = I[s];
-    var c = A[i], d = B[i];
+    var u = A[i], M = B[i];
     if (g)
-      var l = e ? g(d, c, i, B, A, C) : g(c, d, i, A, B, C);
-    if (!(l === void 0 ? c === d || E(c, d, Q, g, C) : l)) {
+      var c = e ? g(M, u, i, B, A, C) : g(u, M, i, A, B, C);
+    if (!(c === void 0 ? u === M || E(u, M, Q, g, C) : c)) {
       D = !1;
       break;
     }
     a || (a = i == "constructor");
   }
   if (D && !a) {
-    var u = A.constructor, M = B.constructor;
-    u != M && "constructor" in A && "constructor" in B && !(typeof u == "function" && u instanceof u && typeof M == "function" && M instanceof M) && (D = !1);
+    var l = A.constructor, d = B.constructor;
+    l != d && "constructor" in A && "constructor" in B && !(typeof l == "function" && l instanceof l && typeof d == "function" && d instanceof d) && (D = !1);
   }
   return C.delete(A), C.delete(B), D;
 }
-var X0 = 1, JI = "[object Arguments]", xI = "[object Array]", WQ = "[object Object]", Z0 = Object.prototype, OI = Z0.hasOwnProperty;
+var X0 = 1, JI = "[object Arguments]", xI = "[object Array]", XQ = "[object Object]", Z0 = Object.prototype, OI = Z0.hasOwnProperty;
 function V0(A, B, Q, g, E, C) {
   var e = OA(A), I = OA(B), t = e ? xI : YI(A), o = I ? xI : YI(B);
-  t = t == JI ? WQ : t, o = o == JI ? WQ : o;
-  var n = t == WQ, s = o == WQ, i = t == o;
+  t = t == JI ? XQ : t, o = o == JI ? XQ : o;
+  var n = t == XQ, s = o == XQ, i = t == o;
   if (i && TE(A)) {
     if (!TE(B))
       return !1;
@@ -10222,8 +10188,8 @@ var WB;
   }
   A.getBackground = t;
   function o(n, s, i, w, r, D, a) {
-    let c = A.getLanguageId(n), d = A.getTokenType(n), l = A.containsBalancedBrackets(n) ? 1 : 0, u = A.getFontStyle(n), M = A.getForeground(n), F = A.getBackground(n);
-    return s !== 0 && (c = s), i !== 8 && (d = i), w !== null && (l = w ? 1 : 0), r !== -1 && (u = r), D !== 0 && (M = D), a !== 0 && (F = a), (c << 0 | d << 8 | l << 10 | u << 11 | M << 15 | F << 24) >>> 0;
+    let u = A.getLanguageId(n), M = A.getTokenType(n), c = A.containsBalancedBrackets(n) ? 1 : 0, l = A.getFontStyle(n), d = A.getForeground(n), F = A.getBackground(n);
+    return s !== 0 && (u = s), i !== 8 && (M = i), w !== null && (c = w ? 1 : 0), r !== -1 && (l = r), D !== 0 && (d = D), a !== 0 && (F = a), (u << 0 | M << 8 | c << 10 | l << 11 | d << 15 | F << 24) >>> 0;
   }
   A.set = o;
 })(WB || (WB = {}));
@@ -10336,7 +10302,7 @@ function Ds(A) {
   return B === 0 ? A : ~B === A.length - 1 ? Ds(A.substring(0, A.length - 1)) : A.substr(~B + 1);
 }
 let cE = /\$(\d+)|\${(\d+):\/(downcase|upcase)}/g;
-class XQ {
+class ZQ {
   static hasCaptures(B) {
     return B === null ? !1 : (cE.lastIndex = 0, cE.test(B));
   }
@@ -10400,7 +10366,7 @@ class ls {
     return this.cache.set(B, Q), Q;
   }
 }
-class fQ {
+class FQ {
   constructor(B) {
     h(this, "scopeName");
     this.scopeName = B;
@@ -10440,7 +10406,7 @@ class Hh {
     h(this, "seenFullScopeRequests", /* @__PURE__ */ new Set());
     h(this, "seenPartialScopeRequests", /* @__PURE__ */ new Set());
     h(this, "Q");
-    this.repo = B, this.initialScopeName = Q, this.seenFullScopeRequests.add(this.initialScopeName), this.Q = [new fQ(this.initialScopeName)];
+    this.repo = B, this.initialScopeName = Q, this.seenFullScopeRequests.add(this.initialScopeName), this.Q = [new FQ(this.initialScopeName)];
   }
   processQueue() {
     const B = this.Q;
@@ -10449,7 +10415,7 @@ class Hh {
     for (const g of B)
       Rh(g, this.initialScopeName, this.repo, Q);
     for (const g of Q.references)
-      if (g instanceof fQ) {
+      if (g instanceof FQ) {
         if (this.seenFullScopeRequests.has(g.scopeName))
           continue;
         this.seenFullScopeRequests.add(g.scopeName), this.Q.push(g);
@@ -10468,11 +10434,11 @@ function Rh(A, B, Q, g) {
     return;
   }
   const C = Q.lookup(B);
-  A instanceof fQ ? eg({ baseGrammar: C, selfGrammar: E }, g) : XE(A.ruleName, { baseGrammar: C, selfGrammar: E, repository: E.repository }, g);
+  A instanceof FQ ? eg({ baseGrammar: C, selfGrammar: E }, g) : XE(A.ruleName, { baseGrammar: C, selfGrammar: E, repository: E.repository }, g);
   const e = Q.injections(A.scopeName);
   if (e)
     for (const I of e)
-      g.add(new fQ(I));
+      g.add(new FQ(I));
 }
 function XE(A, B, Q) {
   if (B.repository && B.repository[A]) {
@@ -10511,7 +10477,7 @@ function hg(A, B, Q) {
           const t = { baseGrammar: B.baseGrammar, selfGrammar: I, repository: E };
           e.kind === 4 ? XE(e.ruleName, t, Q) : eg(t, Q);
         } else
-          e.kind === 4 ? Q.add(new Lh(e.scopeName, e.ruleName)) : Q.add(new fQ(e.scopeName));
+          e.kind === 4 ? Q.add(new Lh(e.scopeName, e.ruleName)) : Q.add(new FQ(e.scopeName));
         break;
     }
   }
@@ -10564,7 +10530,7 @@ function us(A) {
   }
 }
 const mh = /\\(\d+)/, TI = /\\(\d+)/g, Jh = -1, hs = -2;
-class JQ {
+class xQ {
   constructor(B, Q, g, E) {
     h(this, "$location");
     h(this, "id");
@@ -10572,20 +10538,20 @@ class JQ {
     h(this, "_name");
     h(this, "_contentNameIsCapturing");
     h(this, "_contentName");
-    this.$location = B, this.id = Q, this._name = g || null, this._nameIsCapturing = XQ.hasCaptures(this._name), this._contentName = E || null, this._contentNameIsCapturing = XQ.hasCaptures(this._contentName);
+    this.$location = B, this.id = Q, this._name = g || null, this._nameIsCapturing = ZQ.hasCaptures(this._name), this._contentName = E || null, this._contentNameIsCapturing = ZQ.hasCaptures(this._contentName);
   }
   get debugName() {
     const B = this.$location ? `${Ds(this.$location.filename)}:${this.$location.line}` : "unknown";
     return `${this.constructor.name}#${this.id} @ ${B}`;
   }
   getName(B, Q) {
-    return !this._nameIsCapturing || this._name === null || B === null || Q === null ? this._name : XQ.replaceCaptures(this._name, B, Q);
+    return !this._nameIsCapturing || this._name === null || B === null || Q === null ? this._name : ZQ.replaceCaptures(this._name, B, Q);
   }
   getContentName(B, Q) {
-    return !this._contentNameIsCapturing || this._contentName === null ? this._contentName : XQ.replaceCaptures(this._contentName, B, Q);
+    return !this._contentNameIsCapturing || this._contentName === null ? this._contentName : ZQ.replaceCaptures(this._contentName, B, Q);
   }
 }
-class xh extends JQ {
+class xh extends xQ {
   constructor(Q, g, E, C, e) {
     super(Q, g, E, C);
     h(this, "retokenizeCapturedWithRuleId");
@@ -10603,7 +10569,7 @@ class xh extends JQ {
     throw new Error("Not supported!");
   }
 }
-class Oh extends JQ {
+class Oh extends xQ {
   constructor(Q, g, E, C, e) {
     super(Q, g, E, null);
     h(this, "_match");
@@ -10627,10 +10593,10 @@ class Oh extends JQ {
     return this._getCachedCompiledPatterns(Q).compileAG(Q, E, C);
   }
   _getCachedCompiledPatterns(Q) {
-    return this._cachedCompiledPatterns || (this._cachedCompiledPatterns = new FQ(), this.collectPatterns(Q, this._cachedCompiledPatterns)), this._cachedCompiledPatterns;
+    return this._cachedCompiledPatterns || (this._cachedCompiledPatterns = new NQ(), this.collectPatterns(Q, this._cachedCompiledPatterns)), this._cachedCompiledPatterns;
   }
 }
-class qI extends JQ {
+class qI extends xQ {
   constructor(Q, g, E, C, e) {
     super(Q, g, E, C);
     h(this, "hasMissingPatterns");
@@ -10652,10 +10618,10 @@ class qI extends JQ {
     return this._getCachedCompiledPatterns(Q).compileAG(Q, E, C);
   }
   _getCachedCompiledPatterns(Q) {
-    return this._cachedCompiledPatterns || (this._cachedCompiledPatterns = new FQ(), this.collectPatterns(Q, this._cachedCompiledPatterns)), this._cachedCompiledPatterns;
+    return this._cachedCompiledPatterns || (this._cachedCompiledPatterns = new NQ(), this.collectPatterns(Q, this._cachedCompiledPatterns)), this._cachedCompiledPatterns;
   }
 }
-class ZE extends JQ {
+class ZE extends xQ {
   constructor(Q, g, E, C, e, I, t, o, n, s) {
     super(Q, g, E, C);
     h(this, "_begin");
@@ -10692,7 +10658,7 @@ class ZE extends JQ {
   }
   _getCachedCompiledPatterns(Q, g) {
     if (!this._cachedCompiledPatterns) {
-      this._cachedCompiledPatterns = new FQ();
+      this._cachedCompiledPatterns = new NQ();
       for (const E of this.patterns)
         Q.getRule(E).collectPatterns(Q, this._cachedCompiledPatterns);
       this.applyEndPatternLast ? this._cachedCompiledPatterns.push(this._end.hasBackReferences ? this._end.clone() : this._end) : this._cachedCompiledPatterns.unshift(this._end.hasBackReferences ? this._end.clone() : this._end);
@@ -10700,7 +10666,7 @@ class ZE extends JQ {
     return this._end.hasBackReferences && (this.applyEndPatternLast ? this._cachedCompiledPatterns.setSource(this._cachedCompiledPatterns.length() - 1, g) : this._cachedCompiledPatterns.setSource(0, g)), this._cachedCompiledPatterns;
   }
 }
-class dg extends JQ {
+class dg extends xQ {
   constructor(Q, g, E, C, e, I, t, o, n) {
     super(Q, g, E, C);
     h(this, "_begin");
@@ -10737,7 +10703,7 @@ class dg extends JQ {
   }
   _getCachedCompiledPatterns(Q) {
     if (!this._cachedCompiledPatterns) {
-      this._cachedCompiledPatterns = new FQ();
+      this._cachedCompiledPatterns = new NQ();
       for (const g of this.patterns)
         Q.getRule(g).collectPatterns(Q, this._cachedCompiledPatterns);
     }
@@ -10750,7 +10716,7 @@ class dg extends JQ {
     return this._getCachedCompiledWhilePatterns(Q, g).compileAG(Q, E, C);
   }
   _getCachedCompiledWhilePatterns(Q, g) {
-    return this._cachedCompiledWhilePatterns || (this._cachedCompiledWhilePatterns = new FQ(), this._cachedCompiledWhilePatterns.push(this._while.hasBackReferences ? this._while.clone() : this._while)), this._while.hasBackReferences && this._cachedCompiledWhilePatterns.setSource(0, g || "￿"), this._cachedCompiledWhilePatterns;
+    return this._cachedCompiledWhilePatterns || (this._cachedCompiledWhilePatterns = new NQ(), this._cachedCompiledWhilePatterns.push(this._while.hasBackReferences ? this._while.clone() : this._while)), this._while.hasBackReferences && this._cachedCompiledWhilePatterns.setSource(0, g || "￿"), this._cachedCompiledWhilePatterns;
   }
 }
 class iA {
@@ -10880,7 +10846,7 @@ class yB {
     return !this.hasAnchor || !this._anchorCache ? this.source : B ? Q ? this._anchorCache.A1_G1 : this._anchorCache.A1_G0 : Q ? this._anchorCache.A0_G1 : this._anchorCache.A0_G0;
   }
 }
-class FQ {
+class NQ {
   constructor() {
     h(this, "_items");
     h(this, "_hasAnchors");
@@ -11058,8 +11024,7 @@ function Th(A) {
     if (typeof e.scope == "string") {
       let s = e.scope;
       s = s.replace(/^[,]+/, ""), s = s.replace(/[,]+$/, ""), I = s.split(",");
-    } else
-      Array.isArray(e.scope) ? I = e.scope : I = [""];
+    } else Array.isArray(e.scope) ? I = e.scope : I = [""];
     let t = -1;
     if (typeof e.settings.fontStyle == "string") {
       t = 0;
@@ -11112,7 +11077,7 @@ function _h(A, B) {
     let t = A.shift();
     t.fontStyle !== -1 && (Q = t.fontStyle), t.foreground !== null && (g = t.foreground), t.background !== null && (E = t.background);
   }
-  let C = new Wh(B), e = new ds(Q, C.getId(g), C.getId(E)), I = new oQ(new NQ(0, null, -1, 0, 0), []);
+  let C = new Wh(B), e = new ds(Q, C.getId(g), C.getId(E)), I = new sQ(new GQ(0, null, -1, 0, 0), []);
   for (let t = 0, o = A.length; t < o; t++) {
     let n = A[t];
     I.insert(0, n.scope, n.parentScopes, n.fontStyle, C.getId(n.foreground), C.getId(n.background));
@@ -11147,7 +11112,7 @@ class Wh {
     return this._id2color.slice(0);
   }
 }
-class NQ {
+class GQ {
   constructor(B, Q, g, E, C) {
     h(this, "scopeDepth");
     h(this, "parentScopes");
@@ -11157,7 +11122,7 @@ class NQ {
     this.scopeDepth = B, this.parentScopes = Q, this.fontStyle = g, this.foreground = E, this.background = C;
   }
   clone() {
-    return new NQ(this.scopeDepth, this.parentScopes, this.fontStyle, this.foreground, this.background);
+    return new GQ(this.scopeDepth, this.parentScopes, this.fontStyle, this.foreground, this.background);
   }
   static cloneArr(B) {
     let Q = [];
@@ -11169,7 +11134,7 @@ class NQ {
     this.scopeDepth > B ? console.log("how did this happen?") : this.scopeDepth = B, Q !== -1 && (this.fontStyle = Q), g !== 0 && (this.foreground = g), E !== 0 && (this.background = E);
   }
 }
-class oQ {
+class sQ {
   constructor(B, Q = [], g = {}) {
     h(this, "_mainRule");
     h(this, "_children");
@@ -11195,9 +11160,9 @@ class oQ {
   }
   match(B) {
     if (B === "")
-      return oQ._sortBySpecificity([].concat(this._mainRule).concat(this._rulesWithParentScopes));
+      return sQ._sortBySpecificity([].concat(this._mainRule).concat(this._rulesWithParentScopes));
     let Q = B.indexOf("."), g, E;
-    return Q === -1 ? (g = B, E = "") : (g = B.substring(0, Q), E = B.substring(Q + 1)), this._children.hasOwnProperty(g) ? this._children[g].match(E) : oQ._sortBySpecificity([].concat(this._mainRule).concat(this._rulesWithParentScopes));
+    return Q === -1 ? (g = B, E = "") : (g = B.substring(0, Q), E = B.substring(Q + 1)), this._children.hasOwnProperty(g) ? this._children[g].match(E) : sQ._sortBySpecificity([].concat(this._mainRule).concat(this._rulesWithParentScopes));
   }
   insert(B, Q, g, E, C, e) {
     if (Q === "") {
@@ -11207,7 +11172,7 @@ class oQ {
     let I = Q.indexOf("."), t, o;
     I === -1 ? (t = Q, o = "") : (t = Q.substring(0, I), o = Q.substring(I + 1));
     let n;
-    this._children.hasOwnProperty(t) ? n = this._children[t] : (n = new oQ(this._mainRule.clone(), NQ.cloneArr(this._rulesWithParentScopes)), this._children[t] = n), n.insert(B + 1, o, g, E, C, e);
+    this._children.hasOwnProperty(t) ? n = this._children[t] : (n = new sQ(this._mainRule.clone(), GQ.cloneArr(this._rulesWithParentScopes)), this._children[t] = n), n.insert(B + 1, o, g, E, C, e);
   }
   _doInsertHere(B, Q, g, E, C) {
     if (Q === null) {
@@ -11221,7 +11186,7 @@ class oQ {
         return;
       }
     }
-    g === -1 && (g = this._mainRule.fontStyle), E === 0 && (E = this._mainRule.foreground), C === 0 && (C = this._mainRule.background), this._rulesWithParentScopes.push(new NQ(B, Q, g, E, C));
+    g === -1 && (g = this._mainRule.fontStyle), E === 0 && (E = this._mainRule.foreground), C === 0 && (C = this._mainRule.background), this._rulesWithParentScopes.push(new GQ(B, Q, g, E, C));
   }
 }
 class lE {
@@ -11326,34 +11291,34 @@ function Ms(A, B, Q, g, E, C, e, I) {
     }
     const r = w.captureIndices, D = w.matchedRuleId, a = r && r.length > 0 ? r[0].end > g : !1;
     if (D === Jh) {
-      const c = E.getRule(A);
-      C.produce(E, r[0].start), E = E.withContentNameScopesList(E.nameScopesList), QQ(A, B, Q, E, C, c.endCaptures, r), C.produce(E, r[0].end);
-      const d = E;
-      if (E = E.parent, n = d.getAnchorPos(), !a && d.getEnterPos() === g) {
-        E = d, C.produce(E, t), o = !0;
+      const u = E.getRule(A);
+      C.produce(E, r[0].start), E = E.withContentNameScopesList(E.nameScopesList), gQ(A, B, Q, E, C, u.endCaptures, r), C.produce(E, r[0].end);
+      const M = E;
+      if (E = E.parent, n = M.getAnchorPos(), !a && M.getEnterPos() === g) {
+        E = M, C.produce(E, t), o = !0;
         return;
       }
     } else {
-      const c = A.getRule(D);
+      const u = A.getRule(D);
       C.produce(E, r[0].start);
-      const d = E, l = c.getName(B.content, r), u = E.contentNameScopesList.pushAttributed(l, A);
-      if (E = E.push(D, g, n, r[0].end === t, null, u, u), c instanceof ZE) {
-        const M = c;
-        QQ(A, B, Q, E, C, M.beginCaptures, r), C.produce(E, r[0].end), n = r[0].end;
-        const F = M.getContentName(B.content, r), S = u.pushAttributed(F, A);
-        if (E = E.withContentNameScopesList(S), M.endHasBackReferences && (E = E.withEndRule(M.getEndWithResolvedBackReferences(B.content, r))), !a && d.hasSameRuleAs(E)) {
+      const M = E, c = u.getName(B.content, r), l = E.contentNameScopesList.pushAttributed(c, A);
+      if (E = E.push(D, g, n, r[0].end === t, null, l, l), u instanceof ZE) {
+        const d = u;
+        gQ(A, B, Q, E, C, d.beginCaptures, r), C.produce(E, r[0].end), n = r[0].end;
+        const F = d.getContentName(B.content, r), S = l.pushAttributed(F, A);
+        if (E = E.withContentNameScopesList(S), d.endHasBackReferences && (E = E.withEndRule(d.getEndWithResolvedBackReferences(B.content, r))), !a && M.hasSameRuleAs(E)) {
           E = E.pop(), C.produce(E, t), o = !0;
           return;
         }
-      } else if (c instanceof dg) {
-        const M = c;
-        QQ(A, B, Q, E, C, M.beginCaptures, r), C.produce(E, r[0].end), n = r[0].end;
-        const F = M.getContentName(B.content, r), S = u.pushAttributed(F, A);
-        if (E = E.withContentNameScopesList(S), M.whileHasBackReferences && (E = E.withEndRule(M.getWhileWithResolvedBackReferences(B.content, r))), !a && d.hasSameRuleAs(E)) {
+      } else if (u instanceof dg) {
+        const d = u;
+        gQ(A, B, Q, E, C, d.beginCaptures, r), C.produce(E, r[0].end), n = r[0].end;
+        const F = d.getContentName(B.content, r), S = l.pushAttributed(F, A);
+        if (E = E.withContentNameScopesList(S), d.whileHasBackReferences && (E = E.withEndRule(d.getWhileWithResolvedBackReferences(B.content, r))), !a && M.hasSameRuleAs(E)) {
           E = E.pop(), C.produce(E, t), o = !0;
           return;
         }
-      } else if (QQ(A, B, Q, E, C, c.captures, r), C.produce(E, r[0].end), E = E.pop(), !a) {
+      } else if (gQ(A, B, Q, E, C, u.captures, r), C.produce(E, r[0].end), E = E.pop(), !a) {
         E = E.safePop(), C.produce(E, t), o = !0;
         return;
       }
@@ -11378,7 +11343,7 @@ function Zh(A, B, Q, g, E, C) {
         E = t.stack.pop();
         break;
       }
-      s.captureIndices && s.captureIndices.length && (C.produce(t.stack, s.captureIndices[0].start), QQ(A, B, Q, t.stack, C, t.rule.whileCaptures, s.captureIndices), C.produce(t.stack, s.captureIndices[0].end), e = s.captureIndices[0].end, s.captureIndices[0].end > g && (g = s.captureIndices[0].end, Q = !1));
+      s.captureIndices && s.captureIndices.length && (C.produce(t.stack, s.captureIndices[0].start), gQ(A, B, Q, t.stack, C, t.rule.whileCaptures, s.captureIndices), C.produce(t.stack, s.captureIndices[0].end), e = s.captureIndices[0].end, s.captureIndices[0].end > g && (g = s.captureIndices[0].end, Q = !1));
     } else {
       E = t.stack.pop();
       break;
@@ -11412,11 +11377,11 @@ function jh(A, B, Q, g, E, C, e) {
     const r = A[i];
     if (!r.matcher(s))
       continue;
-    const D = B.getRule(r.ruleId), { ruleScanner: a, findOptions: c } = ps(D, B, null, g, E === e), d = a.findNextMatchSync(Q, E, c);
-    if (!d)
+    const D = B.getRule(r.ruleId), { ruleScanner: a, findOptions: u } = ps(D, B, null, g, E === e), M = a.findNextMatchSync(Q, E, u);
+    if (!M)
       continue;
-    const l = d.captureIndices[0].start;
-    if (!(l >= I) && (I = l, t = d.captureIndices, o = d.ruleId, n = r.priority, I === E))
+    const c = M.captureIndices[0].start;
+    if (!(c >= I) && (I = c, t = M.captureIndices, o = M.ruleId, n = r.priority, I === E))
       break;
   }
   return t ? {
@@ -11439,7 +11404,7 @@ function $h(A, B, Q, g, E) {
     /* FindOption.None */
   };
 }
-function QQ(A, B, Q, g, E, C, e) {
+function gQ(A, B, Q, g, E, C, e) {
   if (C.length === 0)
     return;
   const I = B.content, t = Math.min(C.length, e.length), o = [], n = e[0].end;
@@ -11455,18 +11420,18 @@ function QQ(A, B, Q, g, E, C, e) {
     for (; o.length > 0 && o[o.length - 1].endPos <= w.start; )
       E.produceFromScopes(o[o.length - 1].scopes, o[o.length - 1].endPos), o.pop();
     if (o.length > 0 ? E.produceFromScopes(o[o.length - 1].scopes, w.start) : E.produce(g, w.start), i.retokenizeCapturedWithRuleId) {
-      const D = i.getName(I, e), a = g.contentNameScopesList.pushAttributed(D, A), c = i.getContentName(I, e), d = a.pushAttributed(c, A), l = g.push(i.retokenizeCapturedWithRuleId, w.start, -1, !1, null, a, d), u = A.createOnigString(I.substring(0, w.end));
+      const D = i.getName(I, e), a = g.contentNameScopesList.pushAttributed(D, A), u = i.getContentName(I, e), M = a.pushAttributed(u, A), c = g.push(i.retokenizeCapturedWithRuleId, w.start, -1, !1, null, a, M), l = A.createOnigString(I.substring(0, w.end));
       Ms(
         A,
-        u,
+        l,
         Q && w.start === 0,
         w.start,
-        l,
+        c,
         E,
         !1,
         /* no time limit */
         0
-      ), is(u);
+      ), is(l);
       continue;
     }
     const r = i.getName(I, e);
@@ -11617,11 +11582,11 @@ class gd {
   _tokenize(B, Q, g, E) {
     this._rootId === -1 && (this._rootId = iA.getCompiledRuleId(this._grammar.repository.$self, this, this._grammar.repository), this.getInjections());
     let C;
-    if (!Q || Q === GQ.NULL) {
+    if (!Q || Q === yQ.NULL) {
       C = !0;
       const n = this._basicScopeAttributesProvider.getDefaultAttributes(), s = this.themeProvider.getDefaults(), i = WB.set(0, n.languageId, n.tokenType, null, s.fontStyle, s.foregroundId, s.backgroundId), w = this.getRule(this._rootId).getName(null, null);
       let r;
-      w ? r = MA.createRootAndLookUpScopeName(w, i, this) : r = MA.createRoot("unknown", i), Q = new GQ(null, this._rootId, -1, -1, !1, null, r, r);
+      w ? r = pA.createRootAndLookUpScopeName(w, i, this) : r = pA.createRoot("unknown", i), Q = new yQ(null, this._rootId, -1, -1, !1, null, r, r);
     } else
       C = !1, Q.reset();
     B = B + `
@@ -11642,7 +11607,7 @@ function ZI(A, B) {
     name: A.scopeName
   }, A.repository.$base = B || A.repository.$self, A;
 }
-class MA {
+class pA {
   /**
    * Invariant:
    * ```
@@ -11660,15 +11625,15 @@ class MA {
   static fromExtension(B, Q) {
     let g = B, E = (B == null ? void 0 : B.scopePath) ?? null;
     for (const C of Q)
-      E = fB.push(E, C.scopeNames), g = new MA(g, E, C.encodedTokenAttributes);
+      E = fB.push(E, C.scopeNames), g = new pA(g, E, C.encodedTokenAttributes);
     return g;
   }
   static createRoot(B, Q) {
-    return new MA(null, new fB(null, B), Q);
+    return new pA(null, new fB(null, B), Q);
   }
   static createRootAndLookUpScopeName(B, Q, g) {
-    const E = g.getMetadataForScope(B), C = new fB(null, B), e = g.themeProvider.themeMatch(C), I = MA.mergeAttributes(Q, E, e);
-    return new MA(null, C, I);
+    const E = g.getMetadataForScope(B), C = new fB(null, B), e = g.themeProvider.themeMatch(C), I = pA.mergeAttributes(Q, E, e);
+    return new pA(null, C, I);
   }
   get scopeName() {
     return this.scopePath.scopeName;
@@ -11677,7 +11642,7 @@ class MA {
     return this.getScopeNames().join(" ");
   }
   equals(B) {
-    return MA.equals(this, B);
+    return pA.equals(this, B);
   }
   static equals(B, Q) {
     do {
@@ -11696,16 +11661,16 @@ class MA {
     if (B === null)
       return this;
     if (B.indexOf(" ") === -1)
-      return MA._pushAttributed(this, B, Q);
+      return pA._pushAttributed(this, B, Q);
     const g = B.split(/ /g);
     let E = this;
     for (const C of g)
-      E = MA._pushAttributed(E, C, Q);
+      E = pA._pushAttributed(E, C, Q);
     return E;
   }
   static _pushAttributed(B, Q, g) {
-    const E = g.getMetadataForScope(Q), C = B.scopePath.push(Q), e = g.themeProvider.themeMatch(C), I = MA.mergeAttributes(B.tokenAttributes, E, e);
-    return new MA(B, C, I);
+    const E = g.getMetadataForScope(Q), C = B.scopePath.push(Q), e = g.themeProvider.themeMatch(C), I = pA.mergeAttributes(B.tokenAttributes, E, e);
+    return new pA(B, C, I);
   }
   getScopeNames() {
     return this.scopePath.getSegments();
@@ -11764,7 +11729,7 @@ const VA = class VA {
     return B === null ? !1 : VA._equals(this, B);
   }
   static _equals(B, Q) {
-    return B === Q ? !0 : this._structuralEquals(B, Q) ? MA.equals(B.contentNameScopesList, Q.contentNameScopesList) : !1;
+    return B === Q ? !0 : this._structuralEquals(B, Q) ? pA.equals(B.contentNameScopesList, Q.contentNameScopesList) : !1;
   }
   /**
    * A structural equals check. Does not take into account `scopes`.
@@ -11841,13 +11806,13 @@ const VA = class VA {
     };
   }
   static pushFrame(B, Q) {
-    const g = MA.fromExtension((B == null ? void 0 : B.nameScopesList) ?? null, Q.nameScopesList);
-    return new VA(B, Q.ruleId, Q.enterPos ?? -1, Q.anchorPos ?? -1, Q.beginRuleCapturedEOL, Q.endRule, g, MA.fromExtension(g, Q.contentNameScopesList));
+    const g = pA.fromExtension((B == null ? void 0 : B.nameScopesList) ?? null, Q.nameScopesList);
+    return new VA(B, Q.ruleId, Q.enterPos ?? -1, Q.anchorPos ?? -1, Q.beginRuleCapturedEOL, Q.endRule, g, pA.fromExtension(g, Q.contentNameScopesList));
   }
 };
 // TODO remove me
 h(VA, "NULL", new VA(null, 0, 0, 0, !1, null, null, null));
-let GQ = VA;
+let yQ = VA;
 class Ed {
   constructor(B, Q) {
     h(this, "balancedBracketScopes");
@@ -12065,7 +12030,7 @@ let Id = class {
     return this._syncRegistry.grammarForScopeName(B, Q, g, E, C);
   }
 };
-const td = GQ.NULL, cA = {
+const td = yQ.NULL, cA = {
   LANGUAGEID_MASK: 255,
   TOKEN_TYPE_MASK: 768,
   BALANCED_BRACKETS_MASK: 1024,
@@ -12321,16 +12286,15 @@ function rd(A) {
           type: "setBackgroundColor",
           value: e
         }), Q += C;
-      } else
-        E === 49 ? B.push({
-          type: "resetBackgroundColor"
-        }) : E >= 90 && E <= 97 ? B.push({
-          type: "setForegroundColor",
-          value: { type: "named", name: MB[E - 90 + 8] }
-        }) : E >= 100 && E <= 107 && B.push({
-          type: "setBackgroundColor",
-          value: { type: "named", name: MB[E - 100 + 8] }
-        });
+      } else E === 49 ? B.push({
+        type: "resetBackgroundColor"
+      }) : E >= 90 && E <= 97 ? B.push({
+        type: "setForegroundColor",
+        value: { type: "named", name: MB[E - 90 + 8] }
+      }) : E >= 100 && E <= 107 && B.push({
+        type: "setBackgroundColor",
+        value: { type: "named", name: MB[E - 100 + 8] }
+      });
   }
   return B;
 }
@@ -12447,8 +12411,7 @@ function hd(A) {
     if (B[3]) {
       const g = Math.round(Number.parseInt(B[3], 16) / 2).toString(16).padStart(2, "0");
       return `#${B[1]}${B[2]}${g}`;
-    } else
-      return B[2] ? `#${B[1]}${B[2]}80` : `#${Array.from(B[1]).map((g) => `${g}${g}`).join("")}80`;
+    } else return B[2] ? `#${B[1]}${B[2]}80` : `#${Array.from(B[1]).map((g) => `${g}${g}`).join("")}80`;
   const Q = A.match(/var\((--[\w-]+-ansi-[\w-]+)\)/);
   return Q ? `var(${Q[1]}-dim)` : A;
 }
@@ -12499,14 +12462,14 @@ function dd(A, B, Q, g, E) {
       }]);
       continue;
     }
-    let c, d, l;
-    E.includeExplanation && (c = B.tokenizeLine(D, o), d = c.tokens, l = 0);
-    const u = B.tokenizeLine2(D, o, I), M = u.tokens.length / 2;
-    for (let F = 0; F < M; F++) {
-      const S = u.tokens[2 * F], J = F + 1 < M ? u.tokens[2 * F + 2] : D.length;
+    let u, M, c;
+    E.includeExplanation && (u = B.tokenizeLine(D, o), M = u.tokens, c = 0);
+    const l = B.tokenizeLine2(D, o, I), d = l.tokens.length / 2;
+    for (let F = 0; F < d; F++) {
+      const S = l.tokens[2 * F], J = F + 1 < d ? l.tokens[2 * F + 2] : D.length;
       if (S === J)
         continue;
-      const W = u.tokens[2 * F + 1], m = dB(g[zA.getForeground(W)], C), H = zA.getFontStyle(W), P = {
+      const W = l.tokens[2 * F + 1], m = dB(g[zA.getForeground(W)], C), H = zA.getFontStyle(W), P = {
         content: D.substring(S, J),
         offset: a + S,
         color: m,
@@ -12516,16 +12479,16 @@ function dd(A, B, Q, g, E) {
         P.explanation = [];
         let G = 0;
         for (; S + G < J; ) {
-          const R = d[l], _ = D.substring(R.startIndex, R.endIndex);
+          const R = M[c], _ = D.substring(R.startIndex, R.endIndex);
           G += _.length, P.explanation.push({
             content: _,
             scopes: Md(i, R.scopes)
-          }), l += 1;
+          }), c += 1;
         }
       }
       n.push(P);
     }
-    s.push(n), n = [], o = u.ruleStack;
+    s.push(n), n = [], o = l.ruleStack;
   }
   return s;
 }
@@ -12601,7 +12564,7 @@ function Fd(...A) {
   }
   return B;
 }
-class fA extends Error {
+class hA extends Error {
   constructor(B) {
     super(B), this.name = "ShikiError";
   }
@@ -12611,10 +12574,10 @@ function Fg(A, B, Q) {
   if ("themes" in Q) {
     const { defaultColor: t = "light", cssVariablePrefix: o = "--shiki-" } = Q, n = Object.entries(Q.themes).filter((D) => D[1]).map((D) => ({ color: D[0], theme: D[1] })).sort((D, a) => D.color === t ? -1 : a.color === t ? 1 : 0);
     if (n.length === 0)
-      throw new fA("`themes` option must not be empty");
+      throw new hA("`themes` option must not be empty");
     const s = Ls(A, B, Q);
     if (t && !n.find((D) => D.color === t))
-      throw new fA(`\`themes\` option must contain the defaultColor key \`${t}\``);
+      throw new hA(`\`themes\` option must contain the defaultColor key \`${t}\``);
     const i = n.map((D) => A.getTheme(D.theme)), w = n.map((D) => D.color);
     C = s.map((D) => D.map((a) => Nd(a, w, o, t)));
     const r = n.map((D) => fg(D.theme, Q));
@@ -12625,7 +12588,7 @@ function Fg(A, B, Q) {
     const o = A.getTheme(Q.theme);
     g = dB(o.bg, t), E = dB(o.fg, t), e = o.name;
   } else
-    throw new fA("Invalid options, either `theme` or `themes` must be provided");
+    throw new hA("Invalid options, either `theme` or `themes` must be provided");
   return {
     tokens: C,
     fg: E,
@@ -12683,13 +12646,13 @@ function Gd() {
     for (let E = 0; E < g.length; E++) {
       const C = g[E];
       if (C.start.offset > C.end.offset)
-        throw new fA(`Invalid decoration range: ${JSON.stringify(C.start)} - ${JSON.stringify(C.end)}`);
+        throw new hA(`Invalid decoration range: ${JSON.stringify(C.start)} - ${JSON.stringify(C.end)}`);
       for (let e = E + 1; e < g.length; e++) {
         const I = g[e], t = C.start.offset < I.start.offset && I.start.offset < C.end.offset, o = C.start.offset < I.end.offset && I.end.offset < C.end.offset, n = I.start.offset < C.start.offset && C.start.offset < I.end.offset, s = I.start.offset < C.end.offset && C.end.offset < I.end.offset;
         if (t || o || n || s) {
           if (o && o || n && s)
             continue;
-          throw new fA(`Decorations ${JSON.stringify(C.start)} and ${JSON.stringify(I.start)} intersect.`);
+          throw new hA(`Decorations ${JSON.stringify(C.start)} and ${JSON.stringify(I.start)} intersect.`);
         }
       }
     }
@@ -12709,46 +12672,46 @@ function Gd() {
         return;
       const E = B(this), C = Array.from(g.children).filter((i) => i.type === "element" && i.tagName === "span");
       if (C.length !== E.converter.lines.length)
-        throw new fA(`Number of lines in code element (${C.length}) does not match the number of lines in the source (${E.converter.lines.length}). Failed to apply decorations.`);
+        throw new hA(`Number of lines in code element (${C.length}) does not match the number of lines in the source (${E.converter.lines.length}). Failed to apply decorations.`);
       function e(i, w, r, D) {
         const a = C[i];
-        let c = "", d = -1, l = -1;
-        function u(F) {
-          return F.type === "text" ? F.value : F.type === "element" ? F.children.map(u).join("") : "";
+        let u = "", M = -1, c = -1;
+        function l(F) {
+          return F.type === "text" ? F.value : F.type === "element" ? F.children.map(l).join("") : "";
         }
-        if (w === 0 && (d = 0), r === 0 && (l = 0), r === Number.POSITIVE_INFINITY && (l = a.children.length), d === -1 || l === -1)
+        if (w === 0 && (M = 0), r === 0 && (c = 0), r === Number.POSITIVE_INFINITY && (c = a.children.length), M === -1 || c === -1)
           for (let F = 0; F < a.children.length; F++)
-            c += u(a.children[F]), d === -1 && c.length === w && (d = F + 1), l === -1 && c.length === r && (l = F + 1);
-        if (d === -1)
-          throw new fA(`Failed to find start index for decoration ${JSON.stringify(D.start)}`);
-        if (l === -1)
-          throw new fA(`Failed to find end index for decoration ${JSON.stringify(D.end)}`);
-        const M = a.children.slice(d, l);
-        if (!D.alwaysWrap && M.length === a.children.length)
+            u += l(a.children[F]), M === -1 && u.length === w && (M = F + 1), c === -1 && u.length === r && (c = F + 1);
+        if (M === -1)
+          throw new hA(`Failed to find start index for decoration ${JSON.stringify(D.start)}`);
+        if (c === -1)
+          throw new hA(`Failed to find end index for decoration ${JSON.stringify(D.end)}`);
+        const d = a.children.slice(M, c);
+        if (!D.alwaysWrap && d.length === a.children.length)
           t(a, D, "line");
-        else if (!D.alwaysWrap && M.length === 1 && M[0].type === "element")
-          t(M[0], D, "token");
+        else if (!D.alwaysWrap && d.length === 1 && d[0].type === "element")
+          t(d[0], D, "token");
         else {
           const F = {
             type: "element",
             tagName: "span",
             properties: {},
-            children: M
+            children: d
           };
-          t(F, D, "wrapper"), a.children.splice(d, M.length, F);
+          t(F, D, "wrapper"), a.children.splice(M, d.length, F);
         }
       }
       function I(i, w) {
         C[i] = t(C[i], w, "line");
       }
       function t(i, w, r) {
-        var c;
-        const D = w.properties || {}, a = w.transform || ((d) => d);
+        var u;
+        const D = w.properties || {}, a = w.transform || ((M) => M);
         return i.tagName = w.tagName || "span", i.properties = {
           ...i.properties,
           ...D,
           class: i.properties.class
-        }, (c = w.properties) != null && c.class && Ns(i, w.properties.class), i = a(i, r) || i, i;
+        }, (u = w.properties) != null && u.class && Ns(i, w.properties.class), i = a(i, r) || i, i;
       }
       const o = [], n = E.decorations.sort((i, w) => w.start.offset - i.start.offset);
       for (const i of n) {
@@ -12853,32 +12816,32 @@ function Ld(A, B, Q) {
     }
   };
   if (A.forEach((D, a) => {
-    var l, u;
+    var c, l;
     a && (e === "inline" ? C.children.push({ type: "element", tagName: "br", properties: {}, children: [] }) : e === "classic" && E.push({ type: "text", value: `
 ` }));
-    let c = {
+    let u = {
       type: "element",
       tagName: "span",
       properties: { class: "line" },
       children: []
-    }, d = 0;
-    for (const M of D) {
+    }, M = 0;
+    for (const d of D) {
       let F = {
         type: "element",
         tagName: "span",
         properties: {},
-        children: [{ type: "text", value: M.content }]
+        children: [{ type: "text", value: d.content }]
       };
-      const S = M.htmlStyle || ys(Gs(M));
+      const S = d.htmlStyle || ys(Gs(d));
       S && (F.properties.style = S);
       for (const J of g)
-        F = ((l = J == null ? void 0 : J.span) == null ? void 0 : l.call(n, F, a + 1, d, c)) || F;
-      e === "inline" ? C.children.push(F) : e === "classic" && c.children.push(F), d += M.content.length;
+        F = ((c = J == null ? void 0 : J.span) == null ? void 0 : c.call(n, F, a + 1, M, u)) || F;
+      e === "inline" ? C.children.push(F) : e === "classic" && u.children.push(F), M += d.content.length;
     }
     if (e === "classic") {
-      for (const M of g)
-        c = ((u = M == null ? void 0 : M.line) == null ? void 0 : u.call(n, c, a + 1)) || c;
-      o.push(c), E.push(c);
+      for (const d of g)
+        u = ((l = d == null ? void 0 : d.line) == null ? void 0 : l.call(n, u, a + 1)) || u;
+      o.push(u), E.push(u);
     }
   }), e === "classic") {
     for (const D of g)
@@ -12956,7 +12919,7 @@ const Rd = [
   "track",
   "wbr"
 ];
-class xQ {
+class OQ {
   /**
    * @constructor
    * @param {Properties} property
@@ -12967,15 +12930,15 @@ class xQ {
     this.property = B, this.normal = Q, g && (this.space = g);
   }
 }
-xQ.prototype.property = {};
-xQ.prototype.normal = {};
-xQ.prototype.space = null;
+OQ.prototype.property = {};
+OQ.prototype.normal = {};
+OQ.prototype.space = null;
 function ks(A, B) {
   const Q = {}, g = {};
   let E = -1;
   for (; ++E < A.length; )
     Object.assign(Q, A[E].property), Object.assign(g, A[E].normal);
-  return new xQ(Q, g, B);
+  return new OQ(Q, g, B);
 }
 function zE(A) {
   return A.toLowerCase();
@@ -13051,7 +13014,7 @@ function VB(A) {
       );
       A.mustUseProperty && A.mustUseProperty.includes(g) && (C.mustUseProperty = !0), B[g] = C, Q[zE(g)] = g, Q[zE(C.attribute)] = g;
     }
-  return new xQ(B, Q, A.space);
+  return new OQ(B, Q, A.space);
 }
 const Rs = VB({
   space: "xlink",
@@ -14511,9 +14474,9 @@ const Xd = [
   "para",
   "times"
 ], Js = {}.hasOwnProperty, $E = {};
-let ZQ;
-for (ZQ in dE)
-  Js.call(dE, ZQ) && ($E[dE[ZQ]] = ZQ);
+let VQ;
+for (VQ in dE)
+  Js.call(dE, VQ) && ($E[dE[VQ]] = VQ);
 function Vd(A, B, Q, g) {
   const E = String.fromCharCode(A);
   if (Js.call($E, E)) {
@@ -14700,8 +14663,7 @@ function M8(A) {
   for (; ++g < B.length; ) {
     const E = B[g];
     if (E.type === "element" && (E.tagName === "title" || E.tagName === "base")) {
-      if (Q.includes(E.tagName))
-        return !1;
+      if (Q.includes(E.tagName)) return !1;
       Q.push(E.tagName);
     }
   }
@@ -14719,7 +14681,7 @@ function F8(A, B, Q) {
   const g = xs(Q, B), E = sA(A, -1);
   return Q && g && g.type === "element" && (g.tagName === "thead" || g.tagName === "tbody") && SC(g, Q.children.indexOf(g), Q) ? !1 : !!(E && E.type === "element" && E.tagName === "tr");
 }
-const VQ = {
+const zQ = {
   // See: <https://html.spec.whatwg.org/#attribute-name-state>.
   name: [
     [`	
@@ -14785,7 +14747,7 @@ function y8(A, B, Q) {
     g.attribute,
     Object.assign({}, A.settings.characterReferences, {
       // Always encode without parse errors in non-HTML.
-      subset: VQ.name[E][C]
+      subset: zQ.name[E][C]
     })
   );
   return Q === !0 || (Q = Array.isArray(Q) ? (g.commaSeparated ? g8 : E8)(Q, {
@@ -14794,13 +14756,13 @@ function y8(A, B, Q) {
     Q,
     Object.assign({}, A.settings.characterReferences, {
       attribute: !0,
-      subset: VQ.unquoted[E][C]
+      subset: zQ.unquoted[E][C]
     })
   )), I !== Q && (A.settings.quoteSmart && Bt(Q, e) > Bt(Q, A.alternative) && (e = A.alternative), I = e + OB(
     Q,
     Object.assign({}, A.settings.characterReferences, {
       // Always encode without parse errors in non-HTML.
-      subset: (e === "'" ? VQ.single : VQ.double)[E][C],
+      subset: (e === "'" ? zQ.single : zQ.double)[E][C],
       attribute: !0
     })
   ) + e), t + (I && "=" + I));
@@ -14903,8 +14865,8 @@ async function v8(A) {
   function C() {
     return typeof performance < "u" ? performance.now() : Date.now();
   }
-  function e(D, a, c) {
-    g.HEAPU8.copyWithin(D, a, a + c);
+  function e(D, a, u) {
+    g.HEAPU8.copyWithin(D, a, a + u);
   }
   function I() {
     return 2147483648;
@@ -14918,48 +14880,48 @@ async function v8(A) {
   function o(D) {
     const a = g.HEAPU8.length;
     D = D >>> 0;
-    const c = I();
-    if (D > c)
+    const u = I();
+    if (D > u)
       return !1;
-    const d = (l, u) => l + (u - l % u) % u;
-    for (let l = 1; l <= 4; l *= 2) {
-      let u = a * (1 + 0.2 / l);
-      u = Math.min(u, D + 100663296);
-      const M = Math.min(c, d(Math.max(D, u), 65536));
-      if (t(M))
+    const M = (c, l) => c + (l - c % l) % l;
+    for (let c = 1; c <= 4; c *= 2) {
+      let l = a * (1 + 0.2 / c);
+      l = Math.min(l, D + 100663296);
+      const d = Math.min(u, M(Math.max(D, l), 65536));
+      if (t(d))
         return !0;
     }
     return !1;
   }
   const n = typeof TextDecoder < "u" ? new TextDecoder("utf8") : void 0;
-  function s(D, a, c = 1024) {
-    const d = a + c;
-    let l = a;
-    for (; D[l] && !(l >= d); )
-      ++l;
-    if (l - a > 16 && D.buffer && n)
-      return n.decode(D.subarray(a, l));
-    let u = "";
-    for (; a < l; ) {
-      let M = D[a++];
-      if (!(M & 128)) {
-        u += String.fromCharCode(M);
+  function s(D, a, u = 1024) {
+    const M = a + u;
+    let c = a;
+    for (; D[c] && !(c >= M); )
+      ++c;
+    if (c - a > 16 && D.buffer && n)
+      return n.decode(D.subarray(a, c));
+    let l = "";
+    for (; a < c; ) {
+      let d = D[a++];
+      if (!(d & 128)) {
+        l += String.fromCharCode(d);
         continue;
       }
       const F = D[a++] & 63;
-      if ((M & 224) === 192) {
-        u += String.fromCharCode((M & 31) << 6 | F);
+      if ((d & 224) === 192) {
+        l += String.fromCharCode((d & 31) << 6 | F);
         continue;
       }
       const S = D[a++] & 63;
-      if ((M & 240) === 224 ? M = (M & 15) << 12 | F << 6 | S : M = (M & 7) << 18 | F << 12 | S << 6 | D[a++] & 63, M < 65536)
-        u += String.fromCharCode(M);
+      if ((d & 240) === 224 ? d = (d & 15) << 12 | F << 6 | S : d = (d & 7) << 18 | F << 12 | S << 6 | D[a++] & 63, d < 65536)
+        l += String.fromCharCode(d);
       else {
-        const J = M - 65536;
-        u += String.fromCharCode(55296 | J >> 10, 56320 | J & 1023);
+        const J = d - 65536;
+        l += String.fromCharCode(55296 | J >> 10, 56320 | J & 1023);
       }
     }
-    return u;
+    return l;
   }
   function i(D, a) {
     return D ? s(g.HEAPU8, D, a) : "";
@@ -14981,7 +14943,7 @@ async function v8(A) {
 }
 let wA = null, b8 = !1;
 function T8(A) {
-  throw new fA(A.UTF8ToString(A.getLastOnigError()));
+  throw new hA(A.UTF8ToString(A.getLastOnigError()));
 }
 class $g {
   constructor(B) {
@@ -15037,7 +14999,7 @@ const yA = class yA {
     h(this, "utf8OffsetToUtf16");
     h(this, "ptr");
     if (!wA)
-      throw new fA("Must invoke loadWasm first.");
+      throw new hA("Must invoke loadWasm first.");
     this._onigBinding = wA, this.content = B;
     const Q = new $g(B);
     this.utf16Length = Q.utf16Length, this.utf8Length = Q.utf8Length, this.utf16OffsetToUtf8 = Q.utf16OffsetToUtf8, this.utf8OffsetToUtf16 = Q.utf8OffsetToUtf16, this.utf8Length < 1e4 && !yA._sharedPtrInUse ? (yA._sharedPtr || (yA._sharedPtr = wA.omalloc(1e4)), yA._sharedPtrInUse = !0, wA.HEAPU8.set(Q.utf8Value, yA._sharedPtr), this.ptr = yA._sharedPtr) : this.ptr = Q.createString(wA);
@@ -15060,7 +15022,7 @@ class q8 {
     h(this, "_onigBinding");
     h(this, "_ptr");
     if (!wA)
-      throw new fA("Must invoke loadWasm first.");
+      throw new hA("Must invoke loadWasm first.");
     const Q = [], g = [];
     for (let I = 0, t = B.length; I < t; I++) {
       const o = new $g(B[I]);
@@ -15125,17 +15087,17 @@ function V8(A) {
   var B;
   return typeof ArrayBuffer < "u" && (A instanceof ArrayBuffer || ArrayBuffer.isView(A)) || typeof Buffer < "u" && ((B = Buffer.isBuffer) == null ? void 0 : B.call(Buffer, A)) || typeof SharedArrayBuffer < "u" && A instanceof SharedArrayBuffer || typeof Uint32Array < "u" && A instanceof Uint32Array;
 }
-let zQ;
+let jQ;
 function z8(A) {
-  if (zQ)
-    return zQ;
+  if (jQ)
+    return jQ;
   async function B() {
     wA = await v8(async (Q) => {
       let g = A;
       return g = await g, typeof g == "function" && (g = await g(Q)), typeof g == "function" && (g = await g(Q)), _8(g) ? g = await g.instantiator(Q) : W8(g) ? g = await g.default(Q) : (X8(g) && (g = g.data), Z8(g) ? typeof WebAssembly.instantiateStreaming == "function" ? g = await j8(g)(Q) : g = await $8(g)(Q) : V8(g) ? g = await pE(g)(Q) : g instanceof WebAssembly.Module ? g = await pE(g)(Q) : "default" in g && g.default instanceof WebAssembly.Module && (g = await pE(g.default)(Q))), "instance" in g && (g = g.instance), "exports" in g && (g = g.exports), g;
     });
   }
-  return zQ = B(), zQ;
+  return jQ = B(), jQ;
 }
 function pE(A) {
   return (B) => WebAssembly.instantiate(A, B);
@@ -15186,8 +15148,8 @@ function Ts(A) {
     return (r = B.colorReplacements) != null && r[`#${w}`] ? e(i) : (C.set(i, w), w);
   }
   B.settings = B.settings.map((i) => {
-    var a, c;
-    const w = ((a = i.settings) == null ? void 0 : a.foreground) && !i.settings.foreground.startsWith("#"), r = ((c = i.settings) == null ? void 0 : c.background) && !i.settings.background.startsWith("#");
+    var a, u;
+    const w = ((a = i.settings) == null ? void 0 : a.foreground) && !i.settings.foreground.startsWith("#"), r = ((u = i.settings) == null ? void 0 : u.background) && !i.settings.background.startsWith("#");
     if (!w && !r)
       return i;
     const D = {
@@ -15197,12 +15159,12 @@ function Ts(A) {
       }
     };
     if (w) {
-      const d = e(i.settings.foreground);
-      B.colorReplacements[d] = i.settings.foreground, D.settings.foreground = d;
+      const M = e(i.settings.foreground);
+      B.colorReplacements[M] = i.settings.foreground, D.settings.foreground = M;
     }
     if (r) {
-      const d = e(i.settings.background);
-      B.colorReplacements[d] = i.settings.background, D.settings.background = d;
+      const M = e(i.settings.background);
+      B.colorReplacements[M] = i.settings.background, D.settings.background = M;
     }
     return D;
   });
@@ -15224,9 +15186,9 @@ class QM extends Id {
     h(this, "_themes");
     h(this, "_langs");
     h(this, "_alias");
-    h(this, "_resolvedThemes", {});
-    h(this, "_resolvedGrammars", {});
-    h(this, "_langMap", {});
+    h(this, "_resolvedThemes", /* @__PURE__ */ new Map());
+    h(this, "_resolvedGrammars", /* @__PURE__ */ new Map());
+    h(this, "_langMap", /* @__PURE__ */ new Map());
     h(this, "_langGraph", /* @__PURE__ */ new Map());
     h(this, "_textmateThemeCache", /* @__PURE__ */ new WeakMap());
     h(this, "_loadedThemesCache", null);
@@ -15234,14 +15196,14 @@ class QM extends Id {
     this._resolver = Q, this._themes = g, this._langs = E, this._alias = C, g.forEach((e) => this.loadTheme(e)), E.forEach((e) => this.loadLanguage(e));
   }
   getTheme(Q) {
-    return typeof Q == "string" ? this._resolvedThemes[Q] : this.loadTheme(Q);
+    return typeof Q == "string" ? this._resolvedThemes.get(Q) : this.loadTheme(Q);
   }
   loadTheme(Q) {
     const g = Ts(Q);
-    return g.name && (this._resolvedThemes[g.name] = g, this._loadedThemesCache = null), g;
+    return g.name && (this._resolvedThemes.set(g.name, g), this._loadedThemesCache = null), g;
   }
   getLoadedThemes() {
-    return this._loadedThemesCache || (this._loadedThemesCache = Object.keys(this._resolvedThemes)), this._loadedThemesCache;
+    return this._loadedThemesCache || (this._loadedThemesCache = [...this._resolvedThemes.keys()]), this._loadedThemesCache;
   }
   // Override and re-implement this method to cache the textmate themes as `TextMateTheme.createFromRawTheme`
   // is expensive. Themes can switch often especially for dual-theme support.
@@ -15257,17 +15219,17 @@ class QM extends Id {
       const g = /* @__PURE__ */ new Set([Q]);
       for (; this._alias[Q]; ) {
         if (Q = this._alias[Q], g.has(Q))
-          throw new fA(`Circular alias \`${Array.from(g).join(" -> ")} -> ${Q}\``);
+          throw new hA(`Circular alias \`${Array.from(g).join(" -> ")} -> ${Q}\``);
         g.add(Q);
       }
     }
-    return this._resolvedGrammars[Q];
+    return this._resolvedGrammars.get(Q);
   }
   async loadLanguage(Q) {
     var e, I, t, o;
     if (this.getGrammar(Q.name))
       return;
-    const g = new Set(Object.values(this._langMap).filter((n) => {
+    const g = new Set([...this._langMap.values()].filter((n) => {
       var s;
       return (s = n.embeddedLangsLazy) == null ? void 0 : s.includes(Q.name);
     }));
@@ -15278,15 +15240,18 @@ class QM extends Id {
     };
     this._syncRegistry._rawGrammars.set(Q.scopeName, Q);
     const C = await this.loadGrammarWithConfiguration(Q.scopeName, 1, E);
-    if (this._resolvedGrammars[Q.name] = C, Q.aliases && Q.aliases.forEach((n) => {
+    if (this._resolvedGrammars.set(Q.name, C), Q.aliases && Q.aliases.forEach((n) => {
       this._alias[n] = Q.name;
     }), this._loadedLanguagesCache = null, g.size)
       for (const n of g)
-        delete this._resolvedGrammars[n.name], this._loadedLanguagesCache = null, (I = (e = this._syncRegistry) == null ? void 0 : e._injectionGrammars) == null || I.delete(n.scopeName), (o = (t = this._syncRegistry) == null ? void 0 : t._grammars) == null || o.delete(n.scopeName), await this.loadLanguage(this._langMap[n.name]);
+        this._resolvedGrammars.delete(n.name), this._loadedLanguagesCache = null, (I = (e = this._syncRegistry) == null ? void 0 : e._injectionGrammars) == null || I.delete(n.scopeName), (o = (t = this._syncRegistry) == null ? void 0 : t._grammars) == null || o.delete(n.scopeName), await this.loadLanguage(this._langMap.get(n.name));
   }
   async init() {
     this._themes.map((Q) => this.loadTheme(Q)), await this.loadLanguages(this._langs);
   }
+  dispose() {
+    super.dispose(), this._resolvedThemes.clear(), this._resolvedGrammars.clear(), this._langMap.clear(), this._langGraph.clear(), this._loadedThemesCache = null;
+  }
   async loadLanguages(Q) {
     for (const C of Q)
       this.resolveEmbeddedLanguages(C);
@@ -15296,7 +15261,7 @@ class QM extends Id {
         var t;
         return I && ((t = I.embeddedLangs) == null ? void 0 : t.some((o) => E.map(([n]) => n).includes(o)));
       }).filter((e) => !E.includes(e));
-      throw new fA(`Missing languages ${E.map(([e]) => `\`${e}\``).join(", ")}, required by ${C.map(([e]) => `\`${e}\``).join(", ")}`);
+      throw new hA(`Missing languages ${E.map(([e]) => `\`${e}\``).join(", ")}, required by ${C.map(([e]) => `\`${e}\``).join(", ")}`);
     }
     for (const [C, e] of g)
       this._resolver.addLanguage(e);
@@ -15304,12 +15269,14 @@ class QM extends Id {
       await this.loadLanguage(e);
   }
   getLoadedLanguages() {
-    return this._loadedLanguagesCache || (this._loadedLanguagesCache = Object.keys({ ...this._resolvedGrammars, ...this._alias })), this._loadedLanguagesCache;
+    return this._loadedLanguagesCache || (this._loadedLanguagesCache = [
+      .../* @__PURE__ */ new Set([...this._resolvedGrammars.keys(), ...Object.keys(this._alias)])
+    ]), this._loadedLanguagesCache;
   }
   resolveEmbeddedLanguages(Q) {
-    if (this._langMap[Q.name] = Q, this._langGraph.set(Q.name, Q), Q.embeddedLangs)
+    if (this._langMap.set(Q.name, Q), this._langGraph.set(Q.name, Q), Q.embeddedLangs)
       for (const g of Q.embeddedLangs)
-        this._langGraph.set(g, this._langMap[g]);
+        this._langGraph.set(g, this._langMap.get(g));
   }
 }
 class gM {
@@ -15346,72 +15313,85 @@ class gM {
     return g;
   }
 }
-let EM, jQ = 0;
+let EM, AQ = 0;
 async function CM(A = {}) {
-  jQ += 1, A.warnings !== !1 && jQ >= 10 && jQ % 10 === 0 && console.warn(`[Shiki] ${jQ} instances have been created. Shiki is supposed to be used as a singleton, consider refactoring your code to cache your highlighter instance.`);
-  async function B(a) {
-    return Promise.resolve(typeof a == "function" ? a() : a).then((c) => c.default || c);
-  }
-  async function Q(a) {
-    return Array.from(new Set((await Promise.all(a.filter((c) => !od(c)).map(async (c) => await B(c).then((d) => Array.isArray(d) ? d : [d])))).flat()));
-  }
-  const g = A.loadWasm || EM, [E, C] = await Promise.all([
-    Promise.all((A.themes || []).map(B)).then((a) => a.map(Ts)),
-    Q(A.langs || []),
-    g ? z8(g) : void 0
-  ]), e = new gM(Promise.resolve({
-    createOnigScanner(a) {
-      return BM(a);
+  AQ += 1, A.warnings !== !1 && AQ >= 10 && AQ % 10 === 0 && console.warn(`[Shiki] ${AQ} instances have been created. Shiki is supposed to be used as a singleton, consider refactoring your code to cache your highlighter instance; Or call \`highlighter.dispose()\` to release unused instances.`);
+  let B = !1;
+  async function Q(c) {
+    return Promise.resolve(typeof c == "function" ? c() : c).then((l) => l.default || l);
+  }
+  async function g(c) {
+    return Array.from(new Set((await Promise.all(c.filter((l) => !od(l)).map(async (l) => await Q(l).then((d) => Array.isArray(d) ? d : [d])))).flat()));
+  }
+  const E = A.loadWasm || EM, [C, e] = await Promise.all([
+    Promise.all((A.themes || []).map(Q)).then((c) => c.map(Ts)),
+    g(A.langs || []),
+    E ? z8(E) : void 0
+  ]), I = new gM(Promise.resolve({
+    createOnigScanner(c) {
+      return BM(c);
     },
-    createOnigString(a) {
-      return AM(a);
+    createOnigString(c) {
+      return AM(c);
     }
-  }), C), I = new QM(e, E, C, A.langAlias);
-  await I.init();
-  let t;
-  function o(a) {
-    const c = I.getGrammar(typeof a == "string" ? a : a.name);
-    if (!c)
-      throw new fA(`Language \`${a}\` not found, you may need to load it first`);
-    return c;
-  }
-  function n(a) {
-    if (a === "none")
+  }), e), t = new QM(I, C, e, A.langAlias);
+  await t.init();
+  let o;
+  function n(c) {
+    u();
+    const l = t.getGrammar(typeof c == "string" ? c : c.name);
+    if (!l)
+      throw new hA(`Language \`${c}\` not found, you may need to load it first`);
+    return l;
+  }
+  function s(c) {
+    if (c === "none")
       return { bg: "", fg: "", name: "none", settings: [], type: "dark" };
-    const c = I.getTheme(a);
-    if (!c)
-      throw new fA(`Theme \`${a}\` not found, you may need to load it first`);
-    return c;
-  }
-  function s(a) {
-    const c = n(a);
-    t !== a && (I.setTheme(c), t = a);
-    const d = I.getColorMap();
+    u();
+    const l = t.getTheme(c);
+    if (!l)
+      throw new hA(`Theme \`${c}\` not found, you may need to load it first`);
+    return l;
+  }
+  function i(c) {
+    u();
+    const l = s(c);
+    o !== c && (t.setTheme(l), o = c);
+    const d = t.getColorMap();
     return {
-      theme: c,
+      theme: l,
       colorMap: d
     };
   }
-  function i() {
-    return I.getLoadedThemes();
-  }
   function w() {
-    return I.getLoadedLanguages();
+    return u(), t.getLoadedThemes();
+  }
+  function r() {
+    return u(), t.getLoadedLanguages();
   }
-  async function r(...a) {
-    await I.loadLanguages(await Q(a));
+  async function D(...c) {
+    u(), await t.loadLanguages(await g(c));
   }
-  async function D(...a) {
-    await Promise.all(a.map(async (c) => sd(c) ? null : I.loadTheme(await B(c))));
+  async function a(...c) {
+    u(), await Promise.all(c.map(async (l) => sd(l) ? null : t.loadTheme(await Q(l))));
+  }
+  function u() {
+    if (B)
+      throw new hA("Shiki instance has been disposed");
+  }
+  function M() {
+    B || (B = !0, t.dispose(), AQ -= 1);
   }
   return {
-    setTheme: s,
-    getTheme: n,
-    getLanguage: o,
-    getLoadedThemes: i,
-    getLoadedLanguages: w,
-    loadLanguage: r,
-    loadTheme: D
+    setTheme: i,
+    getTheme: s,
+    getLanguage: n,
+    getLoadedThemes: w,
+    getLoadedLanguages: r,
+    loadLanguage: D,
+    loadTheme: a,
+    dispose: M,
+    [Symbol.dispose]: M
   };
 }
 async function eM(A = {}) {
@@ -15530,7 +15510,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
       ])
     ]));
   }
-}), OQ = (A) => (yQ("data-v-337065f2"), A = A(), LQ(), A), hM = { class: "h-full w-full" }, dM = {
+}), vQ = (A) => (LQ("data-v-337065f2"), A = A(), kQ(), A), hM = { class: "h-full w-full" }, dM = {
   key: 0,
   class: "h-full flex flex-col p2"
 }, MM = { class: "flex py2" }, pM = {
@@ -15538,7 +15518,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
   style: { height: "1.1em", width: "1.1em" },
   class: "op-80 hover:op-100",
   viewBox: "0 0 24 24"
-}, fM = /* @__PURE__ */ OQ(() => /* @__PURE__ */ p("path", {
+}, fM = /* @__PURE__ */ vQ(() => /* @__PURE__ */ p("path", {
   fill: "currentColor",
   d: "M10.611 10.611a1 1 0 0 1 1.11-.208l8.839 3.889a1 1 0 0 1-.14 1.88l-3.338.91l-.91 3.338a1 1 0 0 1-1.88.14l-3.89-8.84a1 1 0 0 1 .209-1.109M17 3a3 3 0 0 1 3 3v3a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h3a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm-3.73 10.269l1.715 3.9l.318-1.164a1 1 0 0 1 .701-.702l1.165-.318l-3.9-1.716Z"
 }, null, -1)), FM = [
@@ -15546,15 +15526,15 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
 ], NM = { class: "h-full flex flex-col p2" }, GM = { class: "flex py2" }, yM = {
   key: 0,
   class: "font-state-field flex items-center px-1 text-13px"
-}, LM = /* @__PURE__ */ OQ(() => /* @__PURE__ */ p("span", { class: "text-gray-400 dark:text-gray-600" }, "<", -1)), kM = {
+}, LM = /* @__PURE__ */ vQ(() => /* @__PURE__ */ p("span", { class: "text-gray-400 dark:text-gray-600" }, "<", -1)), kM = {
   "group-hover:text-white": "",
   class: "max-w-40 of-hidden text-ellipsis ws-nowrap [.active_&]:text-white"
-}, HM = /* @__PURE__ */ OQ(() => /* @__PURE__ */ p("span", { class: "text-gray-400 dark:text-gray-600" }, ">", -1)), RM = { class: "flex items-center gap-2 px-1" }, PM = { class: "h-full flex flex-col items-center justify-center gap-2" }, UM = { class: "block" }, KM = {
+}, HM = /* @__PURE__ */ vQ(() => /* @__PURE__ */ p("span", { class: "text-gray-400 dark:text-gray-600" }, ">", -1)), RM = { class: "flex items-center gap-2 px-1" }, PM = { class: "h-full flex flex-col items-center justify-center gap-2" }, UM = { class: "block" }, KM = {
   xmlns: "http://www.w3.org/2000/svg",
   style: { height: "2em", width: "2em", opacity: "0.5", color: "#00dc82" },
   class: "animate-fade",
   viewBox: "0 0 24 24"
-}, YM = /* @__PURE__ */ OQ(() => /* @__PURE__ */ p("g", {
+}, YM = /* @__PURE__ */ vQ(() => /* @__PURE__ */ p("g", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
@@ -15570,7 +15550,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
   /* @__PURE__ */ p("path", { d: "M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2" })
 ], -1)), SM = [
   YM
-], mM = /* @__PURE__ */ OQ(() => /* @__PURE__ */ p("p", null, " Click on a component on the page to select it ", -1)), JM = { class: "flex items-center justify-center" }, AQ = "components", xM = /* @__PURE__ */ z({
+], mM = /* @__PURE__ */ vQ(() => /* @__PURE__ */ p("p", null, " Click on a component on the page to select it ", -1)), JM = { class: "flex items-center justify-center" }, BQ = "components", xM = /* @__PURE__ */ z({
   __name: "index",
   emits: ["openInEditor", "onInspectComponentStart", "onInspectComponentEnd"],
   setup(A, { emit: B }) {
@@ -15590,30 +15570,30 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
       };
       return j(b), v;
     }
-    function c(b, v) {
+    function u(b, v) {
       const j = [];
       return b == null || b.forEach((BA) => {
         j.push(...BA.slice(0, v + 1));
       }), [...new Set(j)];
     }
-    function d(b, v) {
+    function M(b, v) {
       const j = [];
       return b.forEach((BA) => {
         const nA = BA.indexOf(v);
         nA !== -1 && j.push(...BA.slice(0, nA + 1));
       }), [...new Set(j)];
     }
-    const l = K([]), u = x(() => {
+    const c = K([]), l = x(() => {
       var b, v;
-      return (b = l.value) != null && b.length ? D((v = l.value) == null ? void 0 : v[0]) : [];
-    }), M = x(() => a(l.value)), F = x(() => M.value.map((b) => b.id)), S = K({}), J = K(""), W = x(() => {
+      return (b = c.value) != null && b.length ? D((v = c.value) == null ? void 0 : v[0]) : [];
+    }), d = x(() => a(c.value)), F = x(() => d.value.map((b) => b.id)), S = K({}), J = K(""), W = x(() => {
       const b = [], v = (j) => {
         j.forEach((BA) => {
           var nA;
           BA.id === J.value && b.push(BA), (nA = BA.children) != null && nA.length && v(BA.children);
         });
       };
-      return v(l.value), b[0];
+      return v(c.value), b[0];
     }), m = x(() => {
       var b;
       return ((b = W.value) == null ? void 0 : b.file) ?? "";
@@ -15637,10 +15617,10 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
     }), { expanded: P } = BB(), { expanded: G } = BB("component-state");
     Wa();
     function R(b = "") {
-      return q.value.getInspectorTree({ inspectorId: AQ, filter: b }).then((v) => {
+      return q.value.getInspectorTree({ inspectorId: BQ, filter: b }).then((v) => {
         var BA, nA;
         const j = lA(v);
-        l.value = j, J.value = (nA = (BA = l.value) == null ? void 0 : BA[0]) == null ? void 0 : nA.id, P.value = c(u.value, 1), s.value = !0;
+        c.value = j, J.value = (nA = (BA = c.value) == null ? void 0 : BA[0]) == null ? void 0 : nA.id, P.value = u(l.value, 1), s.value = !0;
       });
     }
     function _(b) {
@@ -15652,7 +15632,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
       }), v;
     }
     function X(b) {
-      q.value.getInspectorState({ inspectorId: AQ, nodeId: b }).then((v) => {
+      q.value.getInspectorState({ inspectorId: BQ, nodeId: b }).then((v) => {
         const j = lA(v);
         j && (S.value = _(j), G.value = Array.from({ length: Object.keys(S.value).length }, (BA, nA) => `${nA}`));
       });
@@ -15662,16 +15642,16 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
     });
     function T(b) {
       const v = lA(b);
-      v.inspectorId !== AQ || v.nodeId !== J.value || (S.value = _({ state: v.state.state }));
+      v.inspectorId !== BQ || v.nodeId !== J.value || (S.value = _({ state: v.state.state }));
     }
     q.functions.on(IA.INSPECTOR_STATE_UPDATED, T), R();
-    function hA(b) {
+    function dA(b) {
       var j, BA;
       const v = lA(b);
-      v.inspectorId === AQ && (l.value = v.rootNodes, F.value.includes(J.value) || (J.value = (BA = (j = l.value) == null ? void 0 : j[0]) == null ? void 0 : BA.id, P.value = c(u.value, 1)));
+      v.inspectorId === BQ && (c.value = v.rootNodes, F.value.includes(J.value) || (J.value = (BA = (j = c.value) == null ? void 0 : j[0]) == null ? void 0 : BA.id, P.value = u(l.value, 1)));
     }
-    q.functions.on(IA.INSPECTOR_TREE_UPDATED, hA), LB(() => {
-      q.functions.off(IA.INSPECTOR_STATE_UPDATED, T), q.functions.off(IA.INSPECTOR_TREE_UPDATED, hA);
+    q.functions.on(IA.INSPECTOR_TREE_UPDATED, dA), LB(() => {
+      q.functions.off(IA.INSPECTOR_STATE_UPDATED, T), q.functions.off(IA.INSPECTOR_TREE_UPDATED, dA);
     }), na(I, (b) => {
       const v = b.trim().toLowerCase();
       n(), R(v).then(() => {
@@ -15681,7 +15661,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
     function aA() {
       i.value = !0, Q("onInspectComponentStart"), q.value.inspectComponentInspector().then((b) => {
         const v = JSON.parse(b);
-        J.value = v.id, P.value.includes(v.id) || P.value.push(v.id), P.value = [.../* @__PURE__ */ new Set([...P.value, ...d(u.value, v.id)])], bQ();
+        J.value = v.id, P.value.includes(v.id) || P.value.push(v.id), P.value = [.../* @__PURE__ */ new Set([...P.value, ...M(l.value, v.id)])], TQ();
       }).finally(() => {
         i.value = !1, Q("onInspectComponentEnd");
       });
@@ -15706,7 +15686,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
       Q("openInEditor", m.value);
     }
     const CB = K();
-    function bQ() {
+    function TQ() {
       setTimeout(() => {
         var v;
         const b = (v = CB.value) == null ? void 0 : v.querySelector(".active");
@@ -15717,7 +15697,7 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
       w.value = "", r.value = !1;
     }
     return (b, v) => (f(), L("div", hM, [
-      U(N(RQ), {
+      U(N(PQ), {
         ref_key: "splitpanesRef",
         ref: g,
         class: "flex-1 overflow-auto",
@@ -15760,10 +15740,10 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
                   ref: CB,
                   class: "no-scrollbar flex-1 select-none overflow-scroll"
                 }, [
-                  U(mQ, {
+                  U(JQ, {
                     modelValue: J.value,
                     "onUpdate:modelValue": v[1] || (v[1] = (j) => J.value = j),
-                    data: l.value,
+                    data: c.value,
                     "with-tag": !0
                   }, null, 8, ["modelValue", "data"])
                 ], 512)
@@ -15841,11 +15821,11 @@ const nM = ["innerHTML"], iM = { class: "shiki" }, wM = ["textContent"], DM = /*
                       ]) : $("", !0)
                     ])
                   ]),
-                  U(SQ, {
+                  U(mQ, {
                     class: "no-scrollbar flex-1 select-none overflow-scroll",
                     data: H.value,
                     "node-id": J.value,
-                    "inspector-id": AQ,
+                    "inspector-id": BQ,
                     "expanded-state-id": "component-state"
                   }, null, 8, ["data", "node-id"])
                 ]),
@@ -15986,7 +15966,7 @@ const WM = /* @__PURE__ */ kB(OM, [["render", _M]]), XM = {
 ], -1), op = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), sp = /* @__PURE__ */ z({
   __name: "Home",
   setup(A) {
-    const B = HQ();
+    const B = RQ();
     return (Q, g) => (f(), L("div", XM, [
       p("div", ZM, [
         VM,
@@ -16019,7 +15999,7 @@ const WM = /* @__PURE__ */ kB(OM, [["render", _M]]), XM = {
     ]));
   }
 }), qs = Symbol("VueDevToolsCustomInspectorStateSymbol");
-function vQ() {
+function bQ() {
   return iB(qs);
 }
 function _s() {
@@ -16046,40 +16026,40 @@ const np = { class: "h-full flex flex-col" }, ip = {
 }, Dp = /* @__PURE__ */ z({
   __name: "Index",
   setup(A) {
-    const { expanded: B } = BB(), { expanded: Q } = BB("routes-state"), g = vQ(), E = x(() => g.value.id), C = K(""), e = K([]), I = x(() => {
-      var u, M;
-      return (u = e.value) != null && u.length ? s((M = e.value) == null ? void 0 : M[0]) : [];
-    }), t = x(() => w(e.value)), o = x(() => t.value.map((u) => u.id)), n = K({});
-    function s(u, M = [], F = []) {
+    const { expanded: B } = BB(), { expanded: Q } = BB("routes-state"), g = bQ(), E = x(() => g.value.id), C = K(""), e = K([]), I = x(() => {
+      var l, d;
+      return (l = e.value) != null && l.length ? s((d = e.value) == null ? void 0 : d[0]) : [];
+    }), t = x(() => w(e.value)), o = x(() => t.value.map((l) => l.id)), n = K({});
+    function s(l, d = [], F = []) {
       var S;
-      return M.push(u.id), ((S = u.children) == null ? void 0 : S.length) === 0 && F.push([...M]), Array.isArray(u.children) && u.children.forEach((J) => {
-        s(J, M, F);
-      }), M.pop(), F;
+      return d.push(l.id), ((S = l.children) == null ? void 0 : S.length) === 0 && F.push([...d]), Array.isArray(l.children) && l.children.forEach((J) => {
+        s(J, d, F);
+      }), d.pop(), F;
     }
-    function i(u, M) {
+    function i(l, d) {
       const F = [];
-      return u == null || u.forEach((S) => {
-        F.push(...S.slice(0, M + 1));
+      return l == null || l.forEach((S) => {
+        F.push(...S.slice(0, d + 1));
       }), [...new Set(F)];
     }
-    function w(u) {
-      const M = [], F = (S) => {
+    function w(l) {
+      const d = [], F = (S) => {
         S == null || S.forEach((J) => {
           var W;
-          M.push(J), (W = J.children) != null && W.length && F(J.children);
+          d.push(J), (W = J.children) != null && W.length && F(J.children);
         });
       };
-      return F(u), M;
+      return F(l), d;
     }
-    function r(u) {
-      var M;
-      for (const F in u)
-        (M = u[F]) != null && M.length || delete u[F];
-      return u;
+    function r(l) {
+      var d;
+      for (const F in l)
+        (d = l[F]) != null && d.length || delete l[F];
+      return l;
     }
-    function D(u) {
-      q.value.getInspectorState({ inspectorId: E.value, nodeId: u }).then((M) => {
-        const F = lA(M);
+    function D(l) {
+      q.value.getInspectorState({ inspectorId: E.value, nodeId: l }).then((d) => {
+        const F = lA(d);
         F && (n.value = r(F), Q.value = Array.from({ length: Object.keys(n.value).length }, (S, J) => `${J}`));
       });
     }
@@ -16089,25 +16069,25 @@ const np = { class: "h-full flex flex-col" }, ip = {
     oA(C, () => {
       a(), D(C.value);
     }), (() => {
-      q.value.getInspectorTree({ inspectorId: E.value, filter: "" }).then((u) => {
-        const M = lA(u);
-        e.value = M, !C.value && M.length && (C.value = M[0].id, D(M[0].id), B.value = i(I.value, 1));
+      q.value.getInspectorTree({ inspectorId: E.value, filter: "" }).then((l) => {
+        const d = lA(l);
+        e.value = d, !C.value && d.length && (C.value = d[0].id, D(d[0].id), B.value = i(I.value, 1));
       });
     })();
-    function d(u) {
-      const M = lA(u);
-      M.inspectorId !== E.value || !M.rootNodes.length || (e.value = M.rootNodes, o.value.includes(C.value) || (C.value = M.rootNodes[0].id, B.value = i(I.value, 1), D(M.rootNodes[0].id)));
+    function M(l) {
+      const d = lA(l);
+      d.inspectorId !== E.value || !d.rootNodes.length || (e.value = d.rootNodes, o.value.includes(C.value) || (C.value = d.rootNodes[0].id, B.value = i(I.value, 1), D(d.rootNodes[0].id)));
     }
-    function l(u) {
-      const M = lA(u);
-      if (M.inspectorId !== E.value)
+    function c(l) {
+      const d = lA(l);
+      if (d.inspectorId !== E.value)
         return;
-      const F = M.state;
+      const F = d.state;
       n.value = r(F);
     }
-    return q.functions.on(IA.INSPECTOR_TREE_UPDATED, d), q.functions.on(IA.INSPECTOR_STATE_UPDATED, l), LB(() => {
-      q.functions.off(IA.INSPECTOR_TREE_UPDATED, d), q.functions.off(IA.INSPECTOR_STATE_UPDATED, l);
-    }), (u, M) => (f(), L("div", np, [
+    return q.functions.on(IA.INSPECTOR_TREE_UPDATED, M), q.functions.on(IA.INSPECTOR_STATE_UPDATED, c), LB(() => {
+      q.functions.off(IA.INSPECTOR_TREE_UPDATED, M), q.functions.off(IA.INSPECTOR_STATE_UPDATED, c);
+    }), (l, d) => (f(), L("div", np, [
       U(Og, {
         "doc-link": "https://router.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/router"
@@ -16117,7 +16097,7 @@ const np = { class: "h-full flex flex-col" }, ip = {
         ]),
         _: 1
       }),
-      U(N(RQ), { class: "flex-1 overflow-auto" }, {
+      U(N(PQ), { class: "flex-1 overflow-auto" }, {
         default: O(() => [
           U(N(_A), {
             border: "r base",
@@ -16126,9 +16106,9 @@ const np = { class: "h-full flex flex-col" }, ip = {
           }, {
             default: O(() => [
               p("div", ip, [
-                U(mQ, {
+                U(JQ, {
                   modelValue: C.value,
-                  "onUpdate:modelValue": M[0] || (M[0] = (F) => C.value = F),
+                  "onUpdate:modelValue": d[0] || (d[0] = (F) => C.value = F),
                   data: e.value
                 }, null, 8, ["modelValue", "data"])
               ])
@@ -16138,14 +16118,14 @@ const np = { class: "h-full flex flex-col" }, ip = {
           U(N(_A), { size: "60" }, {
             default: O(() => [
               p("div", wp, [
-                C.value ? (f(), Z(SQ, {
+                C.value ? (f(), Z(mQ, {
                   key: 0,
                   class: "p3",
                   data: n.value,
                   "node-id": "",
                   "inspector-id": "router",
                   "expanded-state-id": "routes-state"
-                }, null, 8, ["data"])) : (f(), Z(aQ, { key: 1 }, {
+                }, null, 8, ["data"])) : (f(), Z(cQ, { key: 1 }, {
                   default: O(() => [
                     rA(" No Data ")
                   ]),
@@ -16163,7 +16143,7 @@ const np = { class: "h-full flex flex-col" }, ip = {
 }), rp = /* @__PURE__ */ z({
   __name: "Index",
   setup(A) {
-    const B = vQ();
+    const B = bQ();
     return (Q, g) => (f(), Z(fC, {
       "layer-ids": N(B).timelineLayerIds,
       "doc-link": "https://router.vuejs.org/",
@@ -16286,7 +16266,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
 }, bp = ["href"], Tp = /* @__PURE__ */ p("div", { "i-carbon-document": "" }, null, -1), qp = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), _p = /* @__PURE__ */ z({
   __name: "Home",
   setup(A) {
-    const B = HQ(), Q = vQ(), g = K(!1), E = K(!1);
+    const B = RQ(), Q = bQ(), g = K(!1), E = K(!1);
     function C() {
       g.value = !0;
     }
@@ -16369,7 +16349,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
 }, Bf = { class: "flex items-center gap-2 px-1" }, Qf = ["onClick"], gf = /* @__PURE__ */ z({
   __name: "Index",
   setup(A) {
-    const { expanded: B } = BB(), { expanded: Q } = BB("custom-inspector-state"), g = vQ(), E = x(() => g.value.id), C = K([]), e = K([]), I = K([]), t = x(() => {
+    const { expanded: B } = BB(), { expanded: Q } = BB("custom-inspector-state"), g = bQ(), E = x(() => g.value.id), C = K([]), e = K([]), I = K([]), t = x(() => {
       var H, P;
       return (H = I.value) != null && H.length ? r((P = I.value) == null ? void 0 : P[0]) : [];
     }), o = x(() => a(I.value)), n = x(() => o.value.map((H) => H.id)), s = K(""), i = K({}), w = x(() => !Object.keys(i.value).length);
@@ -16394,24 +16374,24 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
       };
       return G(H), P;
     }
-    function c() {
+    function u() {
       q.value.getInspectorNodeActions(E.value).then((H) => {
         C.value = H;
       });
     }
-    function d() {
+    function M() {
       q.value.getInspectorActions(E.value).then((H) => {
         e.value = H;
       });
     }
-    c(), d();
-    function l(H) {
+    u(), M();
+    function c(H) {
       q.value.callInspectorNodeAction(E.value, H, s.value);
     }
-    function u(H) {
+    function l(H) {
       q.value.callInspectorAction(E.value, H);
     }
-    function M(H) {
+    function d(H) {
       var P;
       for (const G in H)
         (P = H[G]) != null && P.length || delete H[G];
@@ -16420,7 +16400,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
     function F(H) {
       q.value.getInspectorState({ inspectorId: E.value, nodeId: H }).then((P) => {
         const G = lA(P);
-        G && (i.value = M(G), Q.value = Array.from({ length: Object.keys(i.value).length }, (R, _) => `${_}`));
+        G && (i.value = d(G), Q.value = Array.from({ length: Object.keys(i.value).length }, (R, _) => `${_}`));
       });
     }
     function S() {
@@ -16444,7 +16424,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
       if (P.inspectorId !== E.value || !P.state || P.nodeId !== s.value)
         return;
       const { inspectorId: G, ...R } = P.state;
-      i.value = M(R);
+      i.value = d(R);
     }
     return Jg(() => {
       q.functions.on(IA.INSPECTOR_TREE_UPDATED, W), q.functions.on(IA.INSPECTOR_STATE_UPDATED, m);
@@ -16459,7 +16439,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
         ]),
         _: 1
       }, 8, ["doc-link"]),
-      I.value.length ? (f(), Z(N(RQ), {
+      I.value.length ? (f(), Z(N(PQ), {
         key: 0,
         class: "flex-1 overflow-auto"
       }, {
@@ -16478,7 +16458,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
                       (f(!0), L(FA, null, AB(e.value, (R, _) => DA((f(), L("div", {
                         key: _,
                         class: "flex items-center gap1",
-                        onClick: (X) => u(_)
+                        onClick: (X) => l(_)
                       }, [
                         p("i", {
                           class: eA(`i-ic-baseline-${R.icon.replace(/\_/g, "-")}`),
@@ -16498,7 +16478,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
                     ])
                   ])) : $("", !0),
                   p("div", jp, [
-                    U(mQ, {
+                    U(JQ, {
                       modelValue: s.value,
                       "onUpdate:modelValue": P[0] || (P[0] = (R) => s.value = R),
                       data: I.value
@@ -16519,7 +16499,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
                       (f(!0), L(FA, null, AB(C.value, (R, _) => DA((f(), L("div", {
                         key: _,
                         class: "flex items-center gap1",
-                        onClick: (X) => l(_)
+                        onClick: (X) => c(_)
                       }, [
                         p("i", {
                           class: eA(`i-ic-baseline-${R.icon.replace(/\_/g, "-")}`),
@@ -16538,14 +16518,14 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
                       ])), 128))
                     ])
                   ])) : $("", !0),
-                  s.value && !w.value ? (f(), Z(SQ, {
+                  s.value && !w.value ? (f(), Z(mQ, {
                     key: 1,
                     data: i.value,
                     "node-id": s.value,
                     "inspector-id": E.value,
                     "expanded-state-id": "custom-inspector-state",
                     class: "no-scrollbar flex-1 select-none overflow-scroll"
-                  }, null, 8, ["data", "node-id", "inspector-id"])) : (f(), Z(aQ, { key: 2 }, {
+                  }, null, 8, ["data", "node-id", "inspector-id"])) : (f(), Z(cQ, { key: 2 }, {
                     default: O(() => [
                       rA(" No Data ")
                     ]),
@@ -16558,7 +16538,7 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
           })
         ]),
         _: 1
-      })) : (f(), Z(aQ, { key: 1 }, {
+      })) : (f(), Z(cQ, { key: 1 }, {
         default: O(() => [
           rA(" No Data ")
         ]),
@@ -16569,13 +16549,13 @@ const Mp = /* @__PURE__ */ kB(cp, [["render", dp]]), pp = {
 }), Ef = /* @__PURE__ */ z({
   __name: "Index",
   setup(A) {
-    const B = vQ();
+    const B = bQ();
     return (Q, g) => (f(), Z(fC, {
       "layer-ids": N(B).timelineLayerIds,
       "doc-link": N(B).homepage
     }, null, 8, ["layer-ids", "doc-link"]));
   }
-}), Cf = {}, ef = (A) => (yQ("data-v-b8018f07"), A = A(), LQ(), A), If = { class: "h-screen w-screen $ui-fcc flex-col" }, tf = /* @__PURE__ */ ef(() => /* @__PURE__ */ p("div", { class: "outer" }, [
+}), Cf = {}, ef = (A) => (LQ("data-v-b8018f07"), A = A(), kQ(), A), If = { class: "h-screen w-screen $ui-fcc flex-col" }, tf = /* @__PURE__ */ ef(() => /* @__PURE__ */ p("div", { class: "outer" }, [
   /* @__PURE__ */ p("div", { class: "inner" }, [
     /* @__PURE__ */ p("i", {
       class: "i-logos-vue inline-block h8! w8!",