@harbour-enterprises/superdoc 0.12.4 → 0.12.6

package/dist/super-editor/chunks/{toolbar-DH5bDQlH.js → toolbar-ByMDVR2X.js}

@@ -1,6 +1,6 @@
-import { computed as _, createElementBlock as ie, openBlock as q, createElementVNode as Ot, createCommentVNode as he, normalizeClass as en, normalizeStyle as Tt, ref as R, unref as W, createBlock as Ge, toDisplayString as Xn, withDirectives as ft, withKeys as Hr, withModifiers as jr, vModelText as Wr, getCurrentInstance as Lt, createVNode as ct, readonly as tn, watch as we, onMounted as Ke, onBeforeUnmount as Be, reactive as Us, onBeforeMount as fr, inject as te, onActivated as Gs, onDeactivated as oi, createTextVNode as ht, Fragment as _e, Comment as hr, defineComponent as ee, provide as Se, h as A, Teleport as Xs, toRef as se, nextTick as ii, renderSlot as qs, isVNode as Ys, shallowRef as Zs, watchEffect as pt, mergeProps as gt, Transition as nn, vShow as Js, cloneVNode as Qs, Text as el, renderList as tl, withCtx as xt } from "vue";
-import { x as rn } from "./converter-D2eDK1gC.js";
-import { _ as mt, g as kt } from "./editor-DWsjMOgq.js";
+import { computed as I, createElementBlock as ie, openBlock as q, createElementVNode as Ot, createCommentVNode as he, normalizeClass as en, normalizeStyle as Tt, ref as P, unref as W, createBlock as Ge, toDisplayString as Xn, withDirectives as ft, withKeys as Hr, withModifiers as jr, vModelText as Wr, getCurrentInstance as Lt, createVNode as ct, readonly as tn, watch as we, onMounted as Ke, onBeforeUnmount as Be, reactive as Us, onBeforeMount as fr, inject as te, onActivated as Gs, onDeactivated as oi, createTextVNode as ht, Fragment as _e, Comment as hr, defineComponent as ee, provide as Se, h as E, Teleport as Xs, toRef as se, nextTick as ii, renderSlot as qs, isVNode as Ys, shallowRef as Zs, watchEffect as pt, mergeProps as gt, Transition as nn, vShow as Js, cloneVNode as Qs, Text as el, renderList as tl, withCtx as xt } from "vue";
+import { x as rn } from "./converter-BvrQjifE.js";
+import { _ as mt, g as kt } from "./editor-yOwh2oO-.js";
 const O0 = (e, t) => {
   let n = e.replace(/[^0-9.]/g, "");
   return n = parseFloat(n), isNaN(n) && (n = t), n = parseFloat(n), n;
@@ -10,10 +10,10 @@ const O0 = (e, t) => {
   const a = function() {
     l = n.leading === !1 ? 0 : Date.now(), r = null, s = e.apply(o, i), r || (o = i = null);
   }, c = function() {
-    const d = Date.now();
-    !l && n.leading === !1 && (l = d);
-    const h = t - (d - l);
-    return o = this, i = arguments, h <= 0 || h > t ? (r && (clearTimeout(r), r = null), l = d, s = e.apply(o, i), r || (o = i = null)) : !r && n.trailing !== !1 && (r = setTimeout(a, h)), s;
+    const u = Date.now();
+    !l && n.leading === !1 && (l = u);
+    const h = t - (u - l);
+    return o = this, i = arguments, h <= 0 || h > t ? (r && (clearTimeout(r), r = null), l = u, s = e.apply(o, i), r || (o = i = null)) : !r && n.trailing !== !1 && (r = setTimeout(a, h)), s;
   };
   return c.cancel = function() {
     clearTimeout(r), l = 0, r = o = i = null;
@@ -94,10 +94,10 @@ const O0 = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, n = _(() => {
+    const t = e, n = I(() => {
       if (t.name === "color") return { backgroundColor: t.color || "#111111" };
       if (t.name === "highlight") return { backgroundColor: t.color || "#D6D6D6" };
-    }), r = _(() => ["color", "highlight"].includes(t.name));
+    }), r = I(() => ["color", "highlight"].includes(t.name));
     return (o, i) => (q(), ie("div", Vl, [
       Ot("div", {
         class: en(["toolbar-icon__icon", [`toolbar-icon__icon--${t.name}`]]),
@@ -150,30 +150,30 @@ const O0 = (e, t) => {
       label: l,
       hideLabel: a,
       iconColor: c,
-      hasCaret: d,
+      hasCaret: u,
       disabled: h,
       inlineTextInputVisible: p,
-      hasInlineTextInput: m,
-      minWidth: f,
-      style: b,
+      hasInlineTextInput: b,
+      minWidth: d,
+      style: m,
       attributes: v
-    } = r.toolbarItem, u = R(r.defaultLabel), C = R(null), F = () => {
-      m && (C.value?.focus(), C.value?.select()), n("buttonClick");
-    }, y = () => {
-      n("textSubmit", u.value), u.value = "";
-    }, E = _(() => b.value ? b.value : {
+    } = r.toolbarItem, f = P(r.defaultLabel), F = P(null), A = () => {
+      b && (F.value?.focus(), F.value?.select()), n("buttonClick");
+    }, x = () => {
+      n("textSubmit", f.value), f.value = "";
+    }, w = I(() => m.value ? m.value : {
       minWidth: r.minWidth
-    }), L = (w) => {
-      let { value: z } = w.target;
-      u.value = z.replace(/[^0-9]/g, "");
-    }, g = _(() => i.value ? Gr.dropdownCaretUp : Gr.dropdownCaretDown);
-    return (w, z) => (q(), ie("div", {
+    }), _ = (y) => {
+      let { value: z } = y.target;
+      f.value = z.replace(/[^0-9]/g, "");
+    }, g = I(() => i.value ? Gr.dropdownCaretUp : Gr.dropdownCaretDown);
+    return (y, z) => (q(), ie("div", {
       class: en(["toolbar-item", W(v).className]),
-      style: Tt(E.value)
+      style: Tt(w.value)
     }, [
       Ot("div", {
-        onClick: F,
-        class: en(["toolbar-button", { active: W(i), disabled: W(h), narrow: e.isNarrow, wide: e.isWide, "has-inline-text-input": W(m) }]),
+        onClick: A,
+        class: en(["toolbar-button", { active: W(i), disabled: W(h), narrow: e.isNarrow, wide: e.isWide, "has-inline-text-input": W(b) }]),
         "data-item": `btn-${W(o) || ""}`
       }, [
         W(s) ? (q(), Ge(Xl, {
@@ -187,34 +187,34 @@ const O0 = (e, t) => {
         W(p) ? (q(), ie("span", Zl, [
           W(o) === "fontSize" ? ft((q(), ie("input", {
             key: 0,
-            "onUpdate:modelValue": z[0] || (z[0] = (S) => u.value = S),
-            onInput: L,
+            "onUpdate:modelValue": z[0] || (z[0] = (C) => f.value = C),
+            onInput: _,
             placeholder: W(l),
-            onKeydown: Hr(jr(y, ["prevent"]), ["enter"]),
+            onKeydown: Hr(jr(x, ["prevent"]), ["enter"]),
             type: "text",
             class: "button-text-input",
             id: "inlineTextInput-" + W(o),
             autoccomplete: "off",
             ref_key: "inlineInput",
-            ref: C
+            ref: F
           }, null, 40, Jl)), [
-            [Wr, u.value]
+            [Wr, f.value]
           ]) : ft((q(), ie("input", {
             key: 1,
-            "onUpdate:modelValue": z[1] || (z[1] = (S) => u.value = S),
+            "onUpdate:modelValue": z[1] || (z[1] = (C) => f.value = C),
             placeholder: W(l),
-            onKeydown: Hr(jr(y, ["prevent"]), ["enter"]),
+            onKeydown: Hr(jr(x, ["prevent"]), ["enter"]),
             type: "text",
             class: "button-text-input",
             id: "inlineTextInput-" + W(o),
             autoccomplete: "off",
             ref_key: "inlineInput",
-            ref: C
+            ref: F
           }, null, 40, Ql)), [
-            [Wr, u.value]
+            [Wr, f.value]
           ])
         ])) : he("", !0),
-        W(d) ? (q(), ie("div", {
+        W(u) ? (q(), ie("div", {
           key: 3,
           class: "dropdown-caret",
           innerHTML: g.value,
@@ -253,7 +253,7 @@ const O0 = (e, t) => {
     }
   },
   setup(e) {
-    const { proxy: t } = Lt(), n = e, r = R(!1), o = _(() => ({
+    const { proxy: t } = Lt(), n = e, r = P(!1), o = I(() => ({
       ...n.toolbarItem,
       active: r
     })), i = () => {
@@ -281,78 +281,78 @@ const O0 = (e, t) => {
 function ua(e) {
   let t = ".", n = "__", r = "--", o;
   if (e) {
-    let f = e.blockPrefix;
-    f && (t = f), f = e.elementPrefix, f && (n = f), f = e.modifierPrefix, f && (r = f);
+    let d = e.blockPrefix;
+    d && (t = d), d = e.elementPrefix, d && (n = d), d = e.modifierPrefix, d && (r = d);
   }
   const i = {
-    install(f) {
-      o = f.c;
-      const b = f.context;
-      b.bem = {}, b.bem.b = null, b.bem.els = null;
+    install(d) {
+      o = d.c;
+      const m = d.context;
+      m.bem = {}, m.bem.b = null, m.bem.els = null;
     }
   };
-  function s(f) {
-    let b, v;
+  function s(d) {
+    let m, v;
     return {
-      before(u) {
-        b = u.bem.b, v = u.bem.els, u.bem.els = null;
+      before(f) {
+        m = f.bem.b, v = f.bem.els, f.bem.els = null;
       },
-      after(u) {
-        u.bem.b = b, u.bem.els = v;
+      after(f) {
+        f.bem.b = m, f.bem.els = v;
       },
-      $({ context: u, props: C }) {
-        return f = typeof f == "string" ? f : f({ context: u, props: C }), u.bem.b = f, `${C?.bPrefix || t}${u.bem.b}`;
+      $({ context: f, props: F }) {
+        return d = typeof d == "string" ? d : d({ context: f, props: F }), f.bem.b = d, `${F?.bPrefix || t}${f.bem.b}`;
       }
     };
   }
-  function l(f) {
-    let b;
+  function l(d) {
+    let m;
     return {
       before(v) {
-        b = v.bem.els;
+        m = v.bem.els;
       },
       after(v) {
-        v.bem.els = b;
+        v.bem.els = m;
       },
-      $({ context: v, props: u }) {
-        return f = typeof f == "string" ? f : f({ context: v, props: u }), v.bem.els = f.split(",").map((C) => C.trim()), v.bem.els.map((C) => `${u?.bPrefix || t}${v.bem.b}${n}${C}`).join(", ");
+      $({ context: v, props: f }) {
+        return d = typeof d == "string" ? d : d({ context: v, props: f }), v.bem.els = d.split(",").map((F) => F.trim()), v.bem.els.map((F) => `${f?.bPrefix || t}${v.bem.b}${n}${F}`).join(", ");
       }
     };
   }
-  function a(f) {
+  function a(d) {
     return {
-      $({ context: b, props: v }) {
-        f = typeof f == "string" ? f : f({ context: b, props: v });
-        const u = f.split(",").map((y) => y.trim());
-        function C(y) {
-          return u.map((E) => `&${v?.bPrefix || t}${b.bem.b}${y !== void 0 ? `${n}${y}` : ""}${r}${E}`).join(", ");
+      $({ context: m, props: v }) {
+        d = typeof d == "string" ? d : d({ context: m, props: v });
+        const f = d.split(",").map((x) => x.trim());
+        function F(x) {
+          return f.map((w) => `&${v?.bPrefix || t}${m.bem.b}${x !== void 0 ? `${n}${x}` : ""}${r}${w}`).join(", ");
         }
-        const F = b.bem.els;
-        if (F !== null) {
-          if (rn.env.NODE_ENV !== "production" && F.length >= 2)
-            throw Error(`[css-render/plugin-bem]: m(${f}) is invalid, using modifier inside multiple elements is not allowed`);
-          return C(F[0]);
+        const A = m.bem.els;
+        if (A !== null) {
+          if (rn.env.NODE_ENV !== "production" && A.length >= 2)
+            throw Error(`[css-render/plugin-bem]: m(${d}) is invalid, using modifier inside multiple elements is not allowed`);
+          return F(A[0]);
         } else
-          return C();
+          return F();
       }
     };
   }
-  function c(f) {
+  function c(d) {
     return {
-      $({ context: b, props: v }) {
-        f = typeof f == "string" ? f : f({ context: b, props: v });
-        const u = b.bem.els;
-        if (rn.env.NODE_ENV !== "production" && u !== null && u.length >= 2)
-          throw Error(`[css-render/plugin-bem]: notM(${f}) is invalid, using modifier inside multiple elements is not allowed`);
-        return `&:not(${v?.bPrefix || t}${b.bem.b}${u !== null && u.length > 0 ? `${n}${u[0]}` : ""}${r}${f})`;
+      $({ context: m, props: v }) {
+        d = typeof d == "string" ? d : d({ context: m, props: v });
+        const f = m.bem.els;
+        if (rn.env.NODE_ENV !== "production" && f !== null && f.length >= 2)
+          throw Error(`[css-render/plugin-bem]: notM(${d}) is invalid, using modifier inside multiple elements is not allowed`);
+        return `&:not(${v?.bPrefix || t}${m.bem.b}${f !== null && f.length > 0 ? `${n}${f[0]}` : ""}${r}${d})`;
       }
     };
   }
   return Object.assign(i, {
-    cB: (...f) => o(s(f[0]), f[1], f[2]),
-    cE: (...f) => o(l(f[0]), f[1], f[2]),
-    cM: (...f) => o(a(f[0]), f[1], f[2]),
-    cNotM: (...f) => o(c(f[0]), f[1], f[2])
+    cB: (...d) => o(s(d[0]), d[1], d[2]),
+    cE: (...d) => o(l(d[0]), d[1], d[2]),
+    cM: (...d) => o(a(d[0]), d[1], d[2]),
+    cNotM: (...d) => o(c(d[0]), d[1], d[2])
   }), i;
 }
 function da(e) {
@@ -508,8 +508,8 @@ function ai(e, t, n, r, o) {
     props: o
   }, (c) => {
     if (typeof c == "string") {
-      const d = qr(l, { raw: c }, r, o);
-      n.push(d);
+      const u = qr(l, { raw: c }, r, o);
+      n.push(u);
     } else
       ai(c, t, n, r, o);
   }), t.pop(), s && n.push("}"), i && i.after && i.after(r.context);
@@ -559,12 +559,12 @@ function Sa(e, t, n, r, o, i, s, l, a) {
     return;
   }
   l === void 0 && (l = document.head);
-  const d = gn(n, l);
-  if (d !== null && !i)
-    return d;
-  const h = d ?? ga(n);
-  if (c === void 0 && (c = t.render(r)), h.textContent = c, d !== null)
-    return d;
+  const u = gn(n, l);
+  if (u !== null && !i)
+    return u;
+  const h = u ?? ga(n);
+  if (c === void 0 && (c = t.render(r)), h.textContent = c, u !== null)
+    return u;
   if (s) {
     const p = l.querySelector(`meta[name="${s}"]`);
     if (p)
@@ -1057,149 +1057,149 @@ function ec() {
   function r() {
     e.set(this, !0), t.set(this, !0);
   }
-  function o(g, w, z) {
-    const S = g[w];
-    return g[w] = function() {
-      return z.apply(g, arguments), S.apply(g, arguments);
+  function o(g, y, z) {
+    const C = g[y];
+    return g[y] = function() {
+      return z.apply(g, arguments), C.apply(g, arguments);
     }, g;
   }
-  function i(g, w) {
-    g[w] = Event.prototype[w];
+  function i(g, y) {
+    g[y] = Event.prototype[y];
   }
   const s = /* @__PURE__ */ new WeakMap(), l = Object.getOwnPropertyDescriptor(Event.prototype, "currentTarget");
   function a() {
     var g;
     return (g = s.get(this)) !== null && g !== void 0 ? g : null;
   }
-  function c(g, w) {
+  function c(g, y) {
     l !== void 0 && Object.defineProperty(g, "currentTarget", {
       configurable: !0,
       enumerable: !0,
-      get: w ?? l.get
+      get: y ?? l.get
     });
   }
-  const d = {
+  const u = {
     bubble: {},
     capture: {}
   }, h = {};
   function p() {
-    const g = function(w) {
-      const { type: z, eventPhase: S, bubbles: N } = w, M = Yt(w);
-      if (S === 2)
+    const g = function(y) {
+      const { type: z, eventPhase: C, bubbles: N } = y, M = Yt(y);
+      if (C === 2)
         return;
-      const k = S === 1 ? "capture" : "bubble";
-      let O = M;
-      const x = [];
-      for (; O === null && (O = window), x.push(O), O !== window; )
-        O = O.parentNode || null;
-      const P = d.capture[z], T = d.bubble[z];
-      if (o(w, "stopPropagation", n), o(w, "stopImmediatePropagation", r), c(w, a), k === "capture") {
-        if (P === void 0)
+      const k = C === 1 ? "capture" : "bubble";
+      let L = M;
+      const S = [];
+      for (; L === null && (L = window), S.push(L), L !== window; )
+        L = L.parentNode || null;
+      const R = u.capture[z], T = u.bubble[z];
+      if (o(y, "stopPropagation", n), o(y, "stopImmediatePropagation", r), c(y, a), k === "capture") {
+        if (R === void 0)
           return;
-        for (let j = x.length - 1; j >= 0 && !e.has(w); --j) {
-          const V = x[j], U = P.get(V);
+        for (let j = S.length - 1; j >= 0 && !e.has(y); --j) {
+          const V = S[j], U = R.get(V);
           if (U !== void 0) {
-            s.set(w, V);
+            s.set(y, V);
             for (const ue of U) {
-              if (t.has(w))
+              if (t.has(y))
                 break;
-              ue(w);
+              ue(y);
             }
           }
           if (j === 0 && !N && T !== void 0) {
             const ue = T.get(V);
             if (ue !== void 0)
               for (const ge of ue) {
-                if (t.has(w))
+                if (t.has(y))
                   break;
-                ge(w);
+                ge(y);
               }
           }
         }
       } else if (k === "bubble") {
         if (T === void 0)
           return;
-        for (let j = 0; j < x.length && !e.has(w); ++j) {
-          const V = x[j], U = T.get(V);
+        for (let j = 0; j < S.length && !e.has(y); ++j) {
+          const V = S[j], U = T.get(V);
           if (U !== void 0) {
-            s.set(w, V);
+            s.set(y, V);
             for (const ue of U) {
-              if (t.has(w))
+              if (t.has(y))
                 break;
-              ue(w);
+              ue(y);
             }
           }
         }
       }
-      i(w, "stopPropagation"), i(w, "stopImmediatePropagation"), c(w);
+      i(y, "stopPropagation"), i(y, "stopImmediatePropagation"), c(y);
     };
     return g.displayName = "evtdUnifiedHandler", g;
   }
-  function m() {
-    const g = function(w) {
-      const { type: z, eventPhase: S } = w;
-      if (S !== 2)
+  function b() {
+    const g = function(y) {
+      const { type: z, eventPhase: C } = y;
+      if (C !== 2)
         return;
       const N = h[z];
-      N !== void 0 && N.forEach((M) => M(w));
+      N !== void 0 && N.forEach((M) => M(y));
     };
     return g.displayName = "evtdUnifiedWindowEventHandler", g;
   }
-  const f = p(), b = m();
-  function v(g, w) {
-    const z = d[g];
-    return z[w] === void 0 && (z[w] = /* @__PURE__ */ new Map(), window.addEventListener(w, f, g === "capture")), z[w];
+  const d = p(), m = b();
+  function v(g, y) {
+    const z = u[g];
+    return z[y] === void 0 && (z[y] = /* @__PURE__ */ new Map(), window.addEventListener(y, d, g === "capture")), z[y];
   }
-  function u(g) {
-    return h[g] === void 0 && (h[g] = /* @__PURE__ */ new Set(), window.addEventListener(g, b)), h[g];
+  function f(g) {
+    return h[g] === void 0 && (h[g] = /* @__PURE__ */ new Set(), window.addEventListener(g, m)), h[g];
   }
-  function C(g, w) {
-    let z = g.get(w);
-    return z === void 0 && g.set(w, z = /* @__PURE__ */ new Set()), z;
+  function F(g, y) {
+    let z = g.get(y);
+    return z === void 0 && g.set(y, z = /* @__PURE__ */ new Set()), z;
   }
-  function F(g, w, z, S) {
-    const N = d[w][z];
+  function A(g, y, z, C) {
+    const N = u[y][z];
     if (N !== void 0) {
       const M = N.get(g);
-      if (M !== void 0 && M.has(S))
+      if (M !== void 0 && M.has(C))
         return !0;
     }
     return !1;
   }
-  function y(g, w) {
+  function x(g, y) {
     const z = h[g];
-    return !!(z !== void 0 && z.has(w));
+    return !!(z !== void 0 && z.has(y));
   }
-  function E(g, w, z, S) {
+  function w(g, y, z, C) {
     let N;
-    if (typeof S == "object" && S.once === !0 ? N = (P) => {
-      L(g, w, N, S), z(P);
-    } : N = z, Ja(g, w, N, S))
+    if (typeof C == "object" && C.once === !0 ? N = (R) => {
+      _(g, y, N, C), z(R);
+    } : N = z, Ja(g, y, N, C))
       return;
-    const k = S === !0 || typeof S == "object" && S.capture === !0 ? "capture" : "bubble", O = v(k, g), x = C(O, w);
-    if (x.has(N) || x.add(N), w === window) {
-      const P = u(g);
-      P.has(N) || P.add(N);
+    const k = C === !0 || typeof C == "object" && C.capture === !0 ? "capture" : "bubble", L = v(k, g), S = F(L, y);
+    if (S.has(N) || S.add(N), y === window) {
+      const R = f(g);
+      R.has(N) || R.add(N);
     }
   }
-  function L(g, w, z, S) {
-    if (Qa(g, w, z, S))
+  function _(g, y, z, C) {
+    if (Qa(g, y, z, C))
       return;
-    const M = S === !0 || typeof S == "object" && S.capture === !0, k = M ? "capture" : "bubble", O = v(k, g), x = C(O, w);
-    if (w === window && !F(w, M ? "bubble" : "capture", g, z) && y(g, z)) {
+    const M = C === !0 || typeof C == "object" && C.capture === !0, k = M ? "capture" : "bubble", L = v(k, g), S = F(L, y);
+    if (y === window && !A(y, M ? "bubble" : "capture", g, z) && x(g, z)) {
       const T = h[g];
-      T.delete(z), T.size === 0 && (window.removeEventListener(g, b), h[g] = void 0);
+      T.delete(z), T.size === 0 && (window.removeEventListener(g, m), h[g] = void 0);
     }
-    x.has(z) && x.delete(z), x.size === 0 && O.delete(w), O.size === 0 && (window.removeEventListener(g, f, k === "capture"), d[k][g] = void 0);
+    S.has(z) && S.delete(z), S.size === 0 && L.delete(y), L.size === 0 && (window.removeEventListener(g, d, k === "capture"), u[k][g] = void 0);
   }
   return {
-    on: E,
-    off: L
+    on: w,
+    off: _
   };
 }
 const { on: oe, off: J } = ec();
 function tc(e) {
-  const t = R(!!e.value);
+  const t = P(!!e.value);
   if (t.value)
     return tn(t);
   const n = we(e, (r) => {
@@ -1208,7 +1208,7 @@ function tc(e) {
   return tn(t);
 }
 function Te(e) {
-  const t = _(e), n = R(t.value);
+  const t = I(e), n = P(t.value);
   return we(t, (r) => {
     n.value = r;
   }), typeof e == "function" ? n : {
@@ -1248,16 +1248,16 @@ function ic(e) {
 function wi(e, t) {
   return we(e, (n) => {
     n !== void 0 && (t.value = n);
-  }), _(() => e.value === void 0 ? t.value : e.value);
+  }), I(() => e.value === void 0 ? t.value : e.value);
 }
 function yi() {
-  const e = R(!1);
+  const e = P(!1);
   return Ke(() => {
     e.value = !0;
   }), tn(e);
 }
 function sc(e, t) {
-  return _(() => {
+  return I(() => {
     for (const n of t)
       if (e[n] !== void 0)
         return e[n];
@@ -1294,12 +1294,12 @@ function cc(e = {}, t) {
     r !== void 0 && Object.keys(r).forEach((c) => {
       if (c !== a.key)
         return;
-      const d = r[c];
-      if (typeof d == "function")
-        d(a);
+      const u = r[c];
+      if (typeof u == "function")
+        u(a);
       else {
-        const { stop: h = !1, prevent: p = !1 } = d;
-        h && a.stopPropagation(), p && a.preventDefault(), d.handler(a);
+        const { stop: h = !1, prevent: p = !1 } = u;
+        h && a.stopPropagation(), p && a.preventDefault(), u.handler(a);
       }
     });
   }, s = (a) => {
@@ -1320,12 +1320,12 @@ function cc(e = {}, t) {
     o !== void 0 && Object.keys(o).forEach((c) => {
       if (c !== a.key)
         return;
-      const d = o[c];
-      if (typeof d == "function")
-        d(a);
+      const u = o[c];
+      if (typeof u == "function")
+        u(a);
       else {
-        const { stop: h = !1, prevent: p = !1 } = d;
-        h && a.stopPropagation(), p && a.preventDefault(), d.handler(a);
+        const { stop: h = !1, prevent: p = !1 } = u;
+        h && a.stopPropagation(), p && a.preventDefault(), u.handler(a);
       }
     });
   }, l = () => {
@@ -1339,7 +1339,7 @@ function cc(e = {}, t) {
 }
 const uc = "n-internal-select-menu-body", pr = "n-drawer-body", vr = "n-modal-body", mn = "n-popover-body", xi = "__disabled__";
 function vt(e) {
-  const t = te(vr, null), n = te(pr, null), r = te(mn, null), o = te(uc, null), i = R();
+  const t = te(vr, null), n = te(pr, null), r = te(mn, null), o = te(uc, null), i = P();
   if (typeof document < "u") {
     i.value = document.fullscreenElement;
     const s = () => {
@@ -1365,7 +1365,7 @@ vt.propTo = {
   default: void 0
 };
 function dc(e, t, n) {
-  const r = R(e.value);
+  const r = P(e.value);
   let o = null;
   return we(e, (i) => {
     o !== null && window.clearTimeout(o), i === !0 ? n && !n.value ? r.value = !0 : o = window.setTimeout(() => {
@@ -1502,34 +1502,34 @@ const $i = ee({
   setup(e) {
     var t;
     Se("VBinder", (t = Lt()) === null || t === void 0 ? void 0 : t.proxy);
-    const n = te("VBinder", null), r = R(null), o = (u) => {
-      r.value = u, n && e.syncTargetWithParent && n.setTargetRef(u);
+    const n = te("VBinder", null), r = P(null), o = (f) => {
+      r.value = f, n && e.syncTargetWithParent && n.setTargetRef(f);
     };
     let i = [];
     const s = () => {
-      let u = r.value;
-      for (; u = Ci(u), u !== null; )
-        i.push(u);
-      for (const C of i)
-        oe("scroll", C, h, !0);
+      let f = r.value;
+      for (; f = Ci(f), f !== null; )
+        i.push(f);
+      for (const F of i)
+        oe("scroll", F, h, !0);
     }, l = () => {
-      for (const u of i)
-        J("scroll", u, h, !0);
+      for (const f of i)
+        J("scroll", f, h, !0);
       i = [];
-    }, a = /* @__PURE__ */ new Set(), c = (u) => {
-      a.size === 0 && s(), a.has(u) || a.add(u);
-    }, d = (u) => {
-      a.has(u) && a.delete(u), a.size === 0 && l();
+    }, a = /* @__PURE__ */ new Set(), c = (f) => {
+      a.size === 0 && s(), a.has(f) || a.add(f);
+    }, u = (f) => {
+      a.has(f) && a.delete(f), a.size === 0 && l();
     }, h = () => {
       Oa(p);
     }, p = () => {
-      a.forEach((u) => u());
-    }, m = /* @__PURE__ */ new Set(), f = (u) => {
-      m.size === 0 && oe("resize", window, v), m.has(u) || m.add(u);
-    }, b = (u) => {
-      m.has(u) && m.delete(u), m.size === 0 && J("resize", window, v);
+      a.forEach((f) => f());
+    }, b = /* @__PURE__ */ new Set(), d = (f) => {
+      b.size === 0 && oe("resize", window, v), b.has(f) || b.add(f);
+    }, m = (f) => {
+      b.has(f) && b.delete(f), b.size === 0 && J("resize", window, v);
     }, v = () => {
-      m.forEach((u) => u());
+      b.forEach((f) => f());
     };
     return Be(() => {
       J("resize", window, v), l();
@@ -1537,9 +1537,9 @@ const $i = ee({
       targetRef: r,
       setTargetRef: o,
       addScrollListener: c,
-      removeScrollListener: d,
-      addResizeListener: f,
-      removeResizeListener: b
+      removeScrollListener: u,
+      addResizeListener: d,
+      removeResizeListener: m
     };
   },
   render() {
@@ -1701,14 +1701,14 @@ const zc = ee({
   setup(e) {
     return {
       showTeleport: tc(se(e, "show")),
-      mergedTo: _(() => {
+      mergedTo: I(() => {
         const { to: t } = e;
         return t ?? "body";
       })
     };
   },
   render() {
-    return this.showTeleport ? this.disabled ? Qn("lazy-teleport", this.$slots) : A(Xs, {
+    return this.showTeleport ? this.disabled ? Qn("lazy-teleport", this.$slots) : E(Xs, {
       disabled: this.disabled,
       to: this.mergedTo
     }, Qn("lazy-teleport", this.$slots)) : null;
@@ -1782,36 +1782,36 @@ function Mc(e, t, n, r, o, i) {
     top: 0,
     left: 0
   };
-  const d = (m, f, b) => {
-    let v = 0, u = 0;
-    const C = n[m] - t[f] - t[m];
-    return C > 0 && r && (b ? u = lo[f] ? C : -C : v = lo[f] ? C : -C), {
+  const u = (b, d, m) => {
+    let v = 0, f = 0;
+    const F = n[b] - t[d] - t[b];
+    return F > 0 && r && (m ? f = lo[d] ? F : -F : v = lo[d] ? F : -F), {
       left: v,
-      top: u
+      top: f
     };
   }, h = s === "left" || s === "right";
   if (a !== "center") {
-    const m = Ac[e], f = Kt[m], b = Pn[m];
-    if (n[b] > t[b]) {
+    const b = Ac[e], d = Kt[b], m = Pn[b];
+    if (n[m] > t[m]) {
       if (
         // current space is not enough
         // ----------[ target ]---------|
         // -------[     follower        ]
-        t[m] + t[b] < n[b]
+        t[b] + t[m] < n[m]
       ) {
-        const v = (n[b] - t[b]) / 2;
-        t[m] < v || t[f] < v ? t[m] < t[f] ? (a = so[l], c = d(b, f, h)) : c = d(b, m, h) : a = "center";
+        const v = (n[m] - t[m]) / 2;
+        t[b] < v || t[d] < v ? t[b] < t[d] ? (a = so[l], c = u(m, d, h)) : c = u(m, b, h) : a = "center";
       }
-    } else n[b] < t[b] && t[f] < 0 && // opposite align has larger space
+    } else n[m] < t[m] && t[d] < 0 && // opposite align has larger space
     // ------------[   target   ]
     // ----------------[follower]
-    t[m] > t[f] && (a = so[l]);
+    t[b] > t[d] && (a = so[l]);
   } else {
-    const m = s === "bottom" || s === "top" ? "left" : "top", f = Kt[m], b = Pn[m], v = (n[b] - t[b]) / 2;
+    const b = s === "bottom" || s === "top" ? "left" : "top", d = Kt[b], m = Pn[b], v = (n[m] - t[m]) / 2;
     // center is not enough
     // ----------- [ target ]--|
     // -------[     follower     ]
-    (t[m] < v || t[f] < v) && (t[m] > t[f] ? (a = ao[m], c = d(b, m, h)) : (a = ao[f], c = d(b, f, h)));
+    (t[b] < v || t[d] < v) && (t[b] > t[d] ? (a = ao[b], c = u(m, b, h)) : (a = ao[d], c = u(m, d, h)));
   }
   let p = s;
   return (
@@ -2035,7 +2035,7 @@ const _c = Wt([
     overlap: Boolean
   },
   setup(e) {
-    const t = te("VBinder"), n = Te(() => e.enabled !== void 0 ? e.enabled : e.show), r = R(null), o = R(null), i = () => {
+    const t = te("VBinder"), n = Te(() => e.enabled !== void 0 ? e.enabled : e.show), r = P(null), o = P(null), i = () => {
       const { syncTrigger: p } = e;
       p.includes("scroll") && t.addScrollListener(a), p.includes("resize") && t.addResizeListener(a);
     }, s = () => {
@@ -2061,14 +2061,14 @@ const _c = Wt([
       const p = r.value;
       if (p === null)
         return;
-      const m = t.targetRef, { x: f, y: b, overlap: v } = e, u = f !== void 0 && b !== void 0 ? vc(f, b) : On(m);
-      p.style.setProperty("--v-target-width", `${Math.round(u.width)}px`), p.style.setProperty("--v-target-height", `${Math.round(u.height)}px`);
-      const { width: C, minWidth: F, placement: y, internalShift: E, flip: L } = e;
-      p.setAttribute("v-placement", y), v ? p.setAttribute("v-overlap", "") : p.removeAttribute("v-overlap");
+      const b = t.targetRef, { x: d, y: m, overlap: v } = e, f = d !== void 0 && m !== void 0 ? vc(d, m) : On(b);
+      p.style.setProperty("--v-target-width", `${Math.round(f.width)}px`), p.style.setProperty("--v-target-height", `${Math.round(f.height)}px`);
+      const { width: F, minWidth: A, placement: x, internalShift: w, flip: _ } = e;
+      p.setAttribute("v-placement", x), v ? p.setAttribute("v-overlap", "") : p.removeAttribute("v-overlap");
       const { style: g } = p;
-      C === "target" ? g.width = `${u.width}px` : C !== void 0 ? g.width = C : g.width = "", F === "target" ? g.minWidth = `${u.width}px` : F !== void 0 ? g.minWidth = F : g.minWidth = "";
-      const w = On(p), z = On(o.value), { left: S, top: N, placement: M } = Mc(y, u, w, E, L, v), k = Tc(M, v), { left: O, top: x, transform: P } = Bc(M, z, u, N, S, v);
-      p.setAttribute("v-placement", M), p.style.setProperty("--v-offset-left", `${Math.round(S)}px`), p.style.setProperty("--v-offset-top", `${Math.round(N)}px`), p.style.transform = `translateX(${O}) translateY(${x}) ${P}`, p.style.setProperty("--v-transform-origin", k), p.style.transformOrigin = k;
+      F === "target" ? g.width = `${f.width}px` : F !== void 0 ? g.width = F : g.width = "", A === "target" ? g.minWidth = `${f.width}px` : A !== void 0 ? g.minWidth = A : g.minWidth = "";
+      const y = On(p), z = On(o.value), { left: C, top: N, placement: M } = Mc(x, f, y, w, _, v), k = Tc(M, v), { left: L, top: S, transform: R } = Bc(M, z, f, N, C, v);
+      p.setAttribute("v-placement", M), p.style.setProperty("--v-offset-left", `${Math.round(C)}px`), p.style.setProperty("--v-offset-top", `${Math.round(N)}px`), p.style.transform = `translateX(${L}) translateY(${S}) ${R}`, p.style.setProperty("--v-transform-origin", k), p.style.transformOrigin = k;
     };
     we(n, (p) => {
       p ? (i(), c()) : s();
@@ -2092,11 +2092,11 @@ const _c = Wt([
     }), we(se(e, "syncTrigger"), (p) => {
       p.includes("resize") ? t.addResizeListener(a) : t.removeResizeListener(a), p.includes("scroll") ? t.addScrollListener(a) : t.removeScrollListener(a);
     });
-    const d = yi(), h = Te(() => {
+    const u = yi(), h = Te(() => {
       const { to: p } = e;
       if (p !== void 0)
         return p;
-      d.value;
+      u.value;
     });
     return {
       VBinder: t,
@@ -2108,18 +2108,18 @@ const _c = Wt([
     };
   },
   render() {
-    return A(zc, {
+    return E(zc, {
       show: this.show,
       to: this.mergedTo,
       disabled: this.teleportDisabled
     }, {
       default: () => {
         var e, t;
-        const n = A("div", {
+        const n = E("div", {
           class: ["v-binder-follower-container", this.containerClass],
           ref: "offsetContainerRef"
         }, [
-          A("div", {
+          E("div", {
             class: "v-binder-follower-content",
             ref: "followerRef"
           }, (t = (e = this.$slots).default) === null || t === void 0 ? void 0 : t.call(e))
@@ -2215,11 +2215,11 @@ var Je = function(e) {
     return Vt.get(e);
   if (Mi(e))
     return Vt.set(e, ho), ho;
-  var n = getComputedStyle(e), r = gr(e) && e.ownerSVGElement && e.getBBox(), o = !Dc && n.boxSizing === "border-box", i = kc.test(n.writingMode || ""), s = !r && fo.test(n.overflowY || ""), l = !r && fo.test(n.overflowX || ""), a = r ? 0 : Ce(n.paddingTop), c = r ? 0 : Ce(n.paddingRight), d = r ? 0 : Ce(n.paddingBottom), h = r ? 0 : Ce(n.paddingLeft), p = r ? 0 : Ce(n.borderTopWidth), m = r ? 0 : Ce(n.borderRightWidth), f = r ? 0 : Ce(n.borderBottomWidth), b = r ? 0 : Ce(n.borderLeftWidth), v = h + c, u = a + d, C = b + m, F = p + f, y = l ? e.offsetHeight - F - e.clientHeight : 0, E = s ? e.offsetWidth - C - e.clientWidth : 0, L = o ? v + C : 0, g = o ? u + F : 0, w = r ? r.width : Ce(n.width) - L - E, z = r ? r.height : Ce(n.height) - g - y, S = w + v + E + C, N = z + u + y + F, M = Je({
-    devicePixelContentBoxSize: dt(Math.round(w * devicePixelRatio), Math.round(z * devicePixelRatio), i),
-    borderBoxSize: dt(S, N, i),
-    contentBoxSize: dt(w, z, i),
-    contentRect: new Ai(h, a, w, z)
+  var n = getComputedStyle(e), r = gr(e) && e.ownerSVGElement && e.getBBox(), o = !Dc && n.boxSizing === "border-box", i = kc.test(n.writingMode || ""), s = !r && fo.test(n.overflowY || ""), l = !r && fo.test(n.overflowX || ""), a = r ? 0 : Ce(n.paddingTop), c = r ? 0 : Ce(n.paddingRight), u = r ? 0 : Ce(n.paddingBottom), h = r ? 0 : Ce(n.paddingLeft), p = r ? 0 : Ce(n.borderTopWidth), b = r ? 0 : Ce(n.borderRightWidth), d = r ? 0 : Ce(n.borderBottomWidth), m = r ? 0 : Ce(n.borderLeftWidth), v = h + c, f = a + u, F = m + b, A = p + d, x = l ? e.offsetHeight - A - e.clientHeight : 0, w = s ? e.offsetWidth - F - e.clientWidth : 0, _ = o ? v + F : 0, g = o ? f + A : 0, y = r ? r.width : Ce(n.width) - _ - w, z = r ? r.height : Ce(n.height) - g - x, C = y + v + w + F, N = z + f + x + A, M = Je({
+    devicePixelContentBoxSize: dt(Math.round(y * devicePixelRatio), Math.round(z * devicePixelRatio), i),
+    borderBoxSize: dt(C, N, i),
+    contentBoxSize: dt(y, z, i),
+    contentRect: new Ai(h, a, y, z)
   });
   return Vt.set(e, M), M;
 }, Bi = function(e, t, n) {
@@ -2250,8 +2250,8 @@ var Je = function(e) {
     if (s.activeTargets.length !== 0) {
       var l = [];
       s.activeTargets.forEach(function(c) {
-        var d = new Nc(c.target), h = _i(c.target);
-        l.push(d), c.lastReportedSize = Bi(c.target, c.observedBox), h < e && (e = h);
+        var u = new Nc(c.target), h = _i(c.target);
+        l.push(u), c.lastReportedSize = Bi(c.target, c.observedBox), h < e && (e = h);
       }), t.push(function() {
         s.callback.call(s.observer, l, s.observer);
       }), s.activeTargets.splice(0, s.activeTargets.length);
@@ -2533,15 +2533,15 @@ const nu = ee({
     }
   },
   setup(e) {
-    const t = Xa(), n = R(null), r = R(null);
+    const t = Xa(), n = P(null), r = P(null);
     let o = !1, i = !1;
     const s = typeof document > "u" ? null : document.activeElement;
     function l() {
       return St[St.length - 1] === t;
     }
     function a(v) {
-      var u;
-      v.code === "Escape" && l() && ((u = e.onEsc) === null || u === void 0 || u.call(e, v));
+      var f;
+      v.code === "Escape" && l() && ((f = e.onEsc) === null || f === void 0 || f.call(e, v));
     }
     Ke(() => {
       we(() => e.active, (v) => {
@@ -2554,68 +2554,68 @@ const nu = ee({
     });
     function c(v) {
       if (!i && l()) {
-        const u = d();
-        if (u === null || u.contains(sn(v)))
+        const f = u();
+        if (f === null || f.contains(sn(v)))
           return;
-        m("first");
+        b("first");
       }
     }
-    function d() {
+    function u() {
       const v = n.value;
       if (v === null)
         return null;
-      let u = v;
-      for (; u = u.nextSibling, !(u === null || u instanceof Element && u.tagName === "DIV"); )
+      let f = v;
+      for (; f = f.nextSibling, !(f === null || f instanceof Element && f.tagName === "DIV"); )
         ;
-      return u;
+      return f;
     }
     function h() {
       var v;
       if (!e.disabled) {
         if (St.push(t), e.autoFocus) {
-          const { initialFocusTo: u } = e;
-          u === void 0 ? m("first") : (v = io(u)) === null || v === void 0 || v.focus({ preventScroll: !0 });
+          const { initialFocusTo: f } = e;
+          f === void 0 ? b("first") : (v = io(f)) === null || v === void 0 || v.focus({ preventScroll: !0 });
         }
         o = !0, document.addEventListener("focus", c, !0);
       }
     }
     function p() {
       var v;
-      if (e.disabled || (document.removeEventListener("focus", c, !0), St = St.filter((C) => C !== t), l()))
+      if (e.disabled || (document.removeEventListener("focus", c, !0), St = St.filter((F) => F !== t), l()))
         return;
-      const { finalFocusTo: u } = e;
-      u !== void 0 ? (v = io(u)) === null || v === void 0 || v.focus({ preventScroll: !0 }) : e.returnFocusOnDeactivated && s instanceof HTMLElement && (i = !0, s.focus({ preventScroll: !0 }), i = !1);
+      const { finalFocusTo: f } = e;
+      f !== void 0 ? (v = io(f)) === null || v === void 0 || v.focus({ preventScroll: !0 }) : e.returnFocusOnDeactivated && s instanceof HTMLElement && (i = !0, s.focus({ preventScroll: !0 }), i = !1);
     }
-    function m(v) {
+    function b(v) {
       if (l() && e.active) {
-        const u = n.value, C = r.value;
-        if (u !== null && C !== null) {
-          const F = d();
-          if (F == null || F === C) {
-            i = !0, u.focus({ preventScroll: !0 }), i = !1;
+        const f = n.value, F = r.value;
+        if (f !== null && F !== null) {
+          const A = u();
+          if (A == null || A === F) {
+            i = !0, f.focus({ preventScroll: !0 }), i = !1;
             return;
           }
           i = !0;
-          const y = v === "first" ? Li(F) : Pi(F);
-          i = !1, y || (i = !0, u.focus({ preventScroll: !0 }), i = !1);
+          const x = v === "first" ? Li(A) : Pi(A);
+          i = !1, x || (i = !0, f.focus({ preventScroll: !0 }), i = !1);
         }
       }
     }
-    function f(v) {
+    function d(v) {
       if (i)
         return;
-      const u = d();
-      u !== null && (v.relatedTarget !== null && u.contains(v.relatedTarget) ? m("last") : m("first"));
+      const f = u();
+      f !== null && (v.relatedTarget !== null && f.contains(v.relatedTarget) ? b("last") : b("first"));
     }
-    function b(v) {
-      i || (v.relatedTarget !== null && v.relatedTarget === n.value ? m("last") : m("first"));
+    function m(v) {
+      i || (v.relatedTarget !== null && v.relatedTarget === n.value ? b("last") : b("first"));
     }
     return {
       focusableStartRef: n,
       focusableEndRef: r,
       focusableStyle: "position: absolute; height: 0; width: 0;",
-      handleStartFocus: f,
-      handleEndFocus: b
+      handleStartFocus: d,
+      handleEndFocus: m
     };
   },
   render() {
@@ -2625,8 +2625,8 @@ const nu = ee({
     if (this.disabled)
       return e();
     const { active: t, focusableStyle: n } = this;
-    return A(_e, null, [
-      A("div", {
+    return E(_e, null, [
+      E("div", {
         "aria-hidden": "true",
         tabindex: t ? "0" : "-1",
         ref: "focusableStartRef",
@@ -2634,7 +2634,7 @@ const nu = ee({
         onFocus: this.handleStartFocus
       }),
       e(),
-      A("div", {
+      E("div", {
         "aria-hidden": "true",
         style: n,
         ref: "focusableEndRef",
@@ -2760,7 +2760,7 @@ function bt(e = {}, t = {
     mergedRtlRef: n?.mergedRtlRef,
     mergedComponentPropsRef: n?.mergedComponentPropsRef,
     mergedBreakpointsRef: n?.mergedBreakpointsRef,
-    mergedBorderedRef: _(() => {
+    mergedBorderedRef: I(() => {
       var r, o;
       const {
         bordered: i
@@ -2768,27 +2768,27 @@ function bt(e = {}, t = {
       return i !== void 0 ? i : (o = (r = n?.mergedBorderedRef.value) !== null && r !== void 0 ? r : t.defaultBordered) !== null && o !== void 0 ? o : !0;
     }),
     mergedClsPrefixRef: n ? n.mergedClsPrefixRef : Zs(au),
-    namespaceRef: _(() => n?.mergedNamespaceRef.value)
+    namespaceRef: I(() => n?.mergedNamespaceRef.value)
   };
 }
 function yn(e, t, n, r) {
   n || iu("useThemeClass", "cssVarsRef is not passed");
-  const o = te(wn, null), i = o?.mergedThemeHashRef, s = o?.styleMountTarget, l = R(""), a = bn();
+  const o = te(wn, null), i = o?.mergedThemeHashRef, s = o?.styleMountTarget, l = P(""), a = bn();
   let c;
-  const d = `__${e}`, h = () => {
-    let p = d;
-    const m = t ? t.value : void 0, f = i?.value;
-    f && (p += `-${f}`), m && (p += `-${m}`);
+  const u = `__${e}`, h = () => {
+    let p = u;
+    const b = t ? t.value : void 0, d = i?.value;
+    d && (p += `-${d}`), b && (p += `-${b}`);
     const {
-      themeOverrides: b,
+      themeOverrides: m,
       builtinThemeOverrides: v
     } = r;
-    b && (p += `-${Zn(JSON.stringify(b))}`), v && (p += `-${Zn(JSON.stringify(v))}`), l.value = p, c = () => {
-      const u = n.value;
-      let C = "";
-      for (const F in u)
-        C += `${F}: ${u[F]};`;
-      H(`.${p}`, C).mount({
+    m && (p += `-${Zn(JSON.stringify(m))}`), v && (p += `-${Zn(JSON.stringify(v))}`), l.value = p, c = () => {
+      const f = n.value;
+      let F = "";
+      for (const A in f)
+        F += `${A}: ${f[A]};`;
+      H(`.${p}`, F).mount({
         id: p,
         ssr: a,
         parent: s
@@ -3423,29 +3423,29 @@ function es(e, t, n, r, o, i) {
   var s = n & c2, l = e.length, a = t.length;
   if (l != a && !(s && a > l))
     return !1;
-  var c = i.get(e), d = i.get(t);
-  if (c && d)
-    return c == t && d == e;
-  var h = -1, p = !0, m = n & u2 ? new pn() : void 0;
+  var c = i.get(e), u = i.get(t);
+  if (c && u)
+    return c == t && u == e;
+  var h = -1, p = !0, b = n & u2 ? new pn() : void 0;
   for (i.set(e, t), i.set(t, e); ++h < l; ) {
-    var f = e[h], b = t[h];
+    var d = e[h], m = t[h];
     if (r)
-      var v = s ? r(b, f, h, t, e, i) : r(f, b, h, e, t, i);
+      var v = s ? r(m, d, h, t, e, i) : r(d, m, h, e, t, i);
     if (v !== void 0) {
       if (v)
         continue;
       p = !1;
       break;
     }
-    if (m) {
-      if (!l2(t, function(u, C) {
-        if (!a2(m, C) && (f === u || o(f, u, n, r, i)))
-          return m.push(C);
+    if (b) {
+      if (!l2(t, function(f, F) {
+        if (!a2(b, F) && (d === f || o(d, f, n, r, i)))
+          return b.push(F);
       })) {
         p = !1;
         break;
       }
-    } else if (!(f === b || o(f, b, n, r, i))) {
+    } else if (!(d === m || o(d, m, n, r, i))) {
       p = !1;
       break;
     }
@@ -3492,8 +3492,8 @@ function F2(e, t, n, r, o, i, s) {
       if (c)
         return c == t;
       r |= p2, s.set(e, t);
-      var d = es(l(e), l(t), r, o, i, s);
-      return s.delete(e), d;
+      var u = es(l(e), l(t), r, o, i, s);
+      return s.delete(e), u;
     case C2:
       if (Wn)
         return Wn.call(e) == Wn.call(t);
@@ -3502,53 +3502,53 @@ function F2(e, t, n, r, o, i, s) {
 }
 var E2 = 1, A2 = Object.prototype, M2 = A2.hasOwnProperty;
 function T2(e, t, n, r, o, i) {
-  var s = n & E2, l = No(e), a = l.length, c = No(t), d = c.length;
-  if (a != d && !s)
+  var s = n & E2, l = No(e), a = l.length, c = No(t), u = c.length;
+  if (a != u && !s)
     return !1;
   for (var h = a; h--; ) {
     var p = l[h];
     if (!(s ? p in t : M2.call(t, p)))
       return !1;
   }
-  var m = i.get(e), f = i.get(t);
-  if (m && f)
-    return m == t && f == e;
-  var b = !0;
+  var b = i.get(e), d = i.get(t);
+  if (b && d)
+    return b == t && d == e;
+  var m = !0;
   i.set(e, t), i.set(t, e);
   for (var v = s; ++h < a; ) {
     p = l[h];
-    var u = e[p], C = t[p];
+    var f = e[p], F = t[p];
     if (r)
-      var F = s ? r(C, u, p, t, e, i) : r(u, C, p, e, t, i);
-    if (!(F === void 0 ? u === C || o(u, C, n, r, i) : F)) {
-      b = !1;
+      var A = s ? r(F, f, p, t, e, i) : r(f, F, p, e, t, i);
+    if (!(A === void 0 ? f === F || o(f, F, n, r, i) : A)) {
+      m = !1;
       break;
     }
     v || (v = p == "constructor");
   }
-  if (b && !v) {
-    var y = e.constructor, E = t.constructor;
-    y != E && "constructor" in e && "constructor" in t && !(typeof y == "function" && y instanceof y && typeof E == "function" && E instanceof E) && (b = !1);
+  if (m && !v) {
+    var x = e.constructor, w = t.constructor;
+    x != w && "constructor" in e && "constructor" in t && !(typeof x == "function" && x instanceof x && typeof w == "function" && w instanceof w) && (m = !1);
   }
-  return i.delete(e), i.delete(t), b;
+  return i.delete(e), i.delete(t), m;
 }
 var B2 = 1, Go = "[object Arguments]", Xo = "[object Array]", Xt = "[object Object]", _2 = Object.prototype, qo = _2.hasOwnProperty;
 function I2(e, t, n, r, o, i) {
   var s = ye(e), l = ye(t), a = s ? Xo : ke(e), c = l ? Xo : ke(t);
   a = a == Go ? Xt : a, c = c == Go ? Xt : c;
-  var d = a == Xt, h = c == Xt, p = a == c;
+  var u = a == Xt, h = c == Xt, p = a == c;
   if (p && fn(e)) {
     if (!fn(t))
       return !1;
-    s = !0, d = !1;
+    s = !0, u = !1;
   }
-  if (p && !d)
+  if (p && !u)
     return i || (i = new $e()), s || zr(e) ? es(e, t, n, r, o, i) : F2(e, t, a, n, r, o, i);
   if (!(n & B2)) {
-    var m = d && qo.call(e, "__wrapped__"), f = h && qo.call(t, "__wrapped__");
-    if (m || f) {
-      var b = m ? e.value() : e, v = f ? t.value() : t;
-      return i || (i = new $e()), o(b, v, n, r, i);
+    var b = u && qo.call(e, "__wrapped__"), d = h && qo.call(t, "__wrapped__");
+    if (b || d) {
+      var m = b ? e.value() : e, v = d ? t.value() : t;
+      return i || (i = new $e()), o(m, v, n, r, i);
     }
   }
   return p ? (i || (i = new $e()), T2(e, t, n, r, o, i)) : !1;
@@ -3573,8 +3573,8 @@ function P2(e, t, n, r) {
       if (a === void 0 && !(l in e))
         return !1;
     } else {
-      var d = new $e(), h;
-      if (!(h === void 0 ? Mr(c, a, O2 | L2, r, d) : h))
+      var u = new $e(), h;
+      if (!(h === void 0 ? Mr(c, a, O2 | L2, r, u) : h))
         return !1;
     }
   }
@@ -3685,12 +3685,12 @@ function th(e, t, n, r, o, i, s) {
     lr(e, n, c);
     return;
   }
-  var d = i ? i(l, a, n + "", e, t, s) : void 0, h = d === void 0;
+  var u = i ? i(l, a, n + "", e, t, s) : void 0, h = u === void 0;
   if (h) {
-    var p = ye(a), m = !p && fn(a), f = !p && !m && zr(a);
-    d = a, p || m || f ? ye(l) ? d = l : Q2(l) ? d = Ru(l) : m ? (h = !1, d = jf(a)) : f ? (h = !1, d = n2(a)) : d = [] : Of(a) || dn(a) ? (d = l, dn(l) ? d = eh(l) : (!Ve(l) || yr(l)) && (d = r2(a))) : h = !1;
+    var p = ye(a), b = !p && fn(a), d = !p && !b && zr(a);
+    u = a, p || b || d ? ye(l) ? u = l : Q2(l) ? u = Ru(l) : b ? (h = !1, u = jf(a)) : d ? (h = !1, u = n2(a)) : u = [] : Of(a) || dn(a) ? (u = l, dn(l) ? u = eh(l) : (!Ve(l) || yr(l)) && (u = r2(a))) : h = !1;
   }
-  h && (s.set(a, d), o(d, a, r, i, s), s.delete(a)), lr(e, n, d);
+  h && (s.set(a, u), o(u, a, r, i, s), s.delete(a)), lr(e, n, u);
 }
 function os(e, t, n, r, o) {
   e !== t && rs(t, function(i, s) {
@@ -3718,7 +3718,7 @@ var qt = td(function(e, t, n) {
 const cr = "naive-ui-style";
 function oh(e, t, n) {
   if (!t) return;
-  const r = bn(), o = _(() => {
+  const r = bn(), o = I(() => {
     const {
       value: l
     } = t;
@@ -3794,12 +3794,12 @@ function pe(e, t, n, r, o, i) {
   const s = bn(), l = te(wn, null);
   if (n) {
     const c = () => {
-      const d = i?.value;
+      const u = i?.value;
       n.mount({
-        id: d === void 0 ? t : d + t,
+        id: u === void 0 ? t : u + t,
         head: !0,
         props: {
-          bPrefix: d ? `.${d}-` : void 0
+          bPrefix: u ? `.${u}-` : void 0
         },
         anchorMetaName: cr,
         ssr: s,
@@ -3814,44 +3814,44 @@ function pe(e, t, n, r, o, i) {
     };
     s ? c() : fr(c);
   }
-  return _(() => {
+  return I(() => {
     var c;
     const {
       theme: {
-        common: d,
+        common: u,
         self: h,
         peers: p = {}
       } = {},
-      themeOverrides: m = {},
-      builtinThemeOverrides: f = {}
+      themeOverrides: b = {},
+      builtinThemeOverrides: d = {}
     } = o, {
-      common: b,
+      common: m,
       peers: v
-    } = m, {
-      common: u = void 0,
+    } = b, {
+      common: f = void 0,
       [e]: {
-        common: C = void 0,
-        self: F = void 0,
-        peers: y = {}
+        common: F = void 0,
+        self: A = void 0,
+        peers: x = {}
       } = {}
     } = l?.mergedThemeRef.value || {}, {
-      common: E = void 0,
-      [e]: L = {}
+      common: w = void 0,
+      [e]: _ = {}
     } = l?.mergedThemeOverridesRef.value || {}, {
       common: g,
-      peers: w = {}
-    } = L, z = qt({}, d || C || u || r.common, E, g, b), S = qt(
+      peers: y = {}
+    } = _, z = qt({}, u || F || f || r.common, w, g, m), C = qt(
       // {}, executed every time, no need for empty obj
-      (c = h || F || r.self) === null || c === void 0 ? void 0 : c(z),
-      f,
-      L,
-      m
+      (c = h || A || r.self) === null || c === void 0 ? void 0 : c(z),
+      d,
+      _,
+      b
     );
     return {
       common: z,
-      self: S,
-      peers: qt({}, r.peers, y, p),
-      peerOverrides: qt({}, f.peers, w, v)
+      self: C,
+      peers: qt({}, r.peers, x, p),
+      peerOverrides: qt({}, d.peers, y, v)
     };
   });
 }
@@ -3863,11 +3863,11 @@ pe.props = {
 const ch = ee({
   name: "ChevronRight",
   render() {
-    return A("svg", {
+    return E("svg", {
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
-    }, A("path", {
+    }, E("path", {
       d: "M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z",
       fill: "currentColor"
     }));
@@ -3892,7 +3892,7 @@ function uh({
     opacity: 1
   })];
 }
-const I = {
+const O = {
   neutralBase: "#FFF",
   neutralInvertBase: "#000",
   neutralTextBase: "#000",
@@ -3939,7 +3939,7 @@ const I = {
   successDefault: "#18a058",
   successActive: "#0c7a43",
   successSuppl: "#36ad6a"
-}, dh = Qe(I.neutralBase), is = Qe(I.neutralInvertBase), fh = `rgba(${is.slice(0, 3).join(", ")}, `;
+}, dh = Qe(O.neutralBase), is = Qe(O.neutralInvertBase), fh = `rgba(${is.slice(0, 3).join(", ")}, `;
 function Zo(e) {
   return `${fh + String(e)})`;
 }
@@ -3950,87 +3950,87 @@ function le(e) {
 const yt = Object.assign(Object.assign({
   name: "common"
 }, $n), {
-  baseColor: I.neutralBase,
+  baseColor: O.neutralBase,
   // primary color
-  primaryColor: I.primaryDefault,
-  primaryColorHover: I.primaryHover,
-  primaryColorPressed: I.primaryActive,
-  primaryColorSuppl: I.primarySuppl,
+  primaryColor: O.primaryDefault,
+  primaryColorHover: O.primaryHover,
+  primaryColorPressed: O.primaryActive,
+  primaryColorSuppl: O.primarySuppl,
   // info color
-  infoColor: I.infoDefault,
-  infoColorHover: I.infoHover,
-  infoColorPressed: I.infoActive,
-  infoColorSuppl: I.infoSuppl,
+  infoColor: O.infoDefault,
+  infoColorHover: O.infoHover,
+  infoColorPressed: O.infoActive,
+  infoColorSuppl: O.infoSuppl,
   // success color
-  successColor: I.successDefault,
-  successColorHover: I.successHover,
-  successColorPressed: I.successActive,
-  successColorSuppl: I.successSuppl,
+  successColor: O.successDefault,
+  successColorHover: O.successHover,
+  successColorPressed: O.successActive,
+  successColorSuppl: O.successSuppl,
   // warning color
-  warningColor: I.warningDefault,
-  warningColorHover: I.warningHover,
-  warningColorPressed: I.warningActive,
-  warningColorSuppl: I.warningSuppl,
+  warningColor: O.warningDefault,
+  warningColorHover: O.warningHover,
+  warningColorPressed: O.warningActive,
+  warningColorSuppl: O.warningSuppl,
   // error color
-  errorColor: I.errorDefault,
-  errorColorHover: I.errorHover,
-  errorColorPressed: I.errorActive,
-  errorColorSuppl: I.errorSuppl,
+  errorColor: O.errorDefault,
+  errorColorHover: O.errorHover,
+  errorColorPressed: O.errorActive,
+  errorColorSuppl: O.errorSuppl,
   // text color
-  textColorBase: I.neutralTextBase,
+  textColorBase: O.neutralTextBase,
   textColor1: "rgb(31, 34, 37)",
   textColor2: "rgb(51, 54, 57)",
   textColor3: "rgb(118, 124, 130)",
   // textColor4: neutral(base.alpha4), // disabled, placeholder, icon
   // textColor5: neutral(base.alpha5),
-  textColorDisabled: le(I.alpha4),
-  placeholderColor: le(I.alpha4),
-  placeholderColorDisabled: le(I.alpha5),
-  iconColor: le(I.alpha4),
-  iconColorHover: jt(le(I.alpha4), {
+  textColorDisabled: le(O.alpha4),
+  placeholderColor: le(O.alpha4),
+  placeholderColorDisabled: le(O.alpha5),
+  iconColor: le(O.alpha4),
+  iconColorHover: jt(le(O.alpha4), {
     lightness: 0.75
   }),
-  iconColorPressed: jt(le(I.alpha4), {
+  iconColorPressed: jt(le(O.alpha4), {
     lightness: 0.9
   }),
-  iconColorDisabled: le(I.alpha5),
-  opacity1: I.alpha1,
-  opacity2: I.alpha2,
-  opacity3: I.alpha3,
-  opacity4: I.alpha4,
-  opacity5: I.alpha5,
+  iconColorDisabled: le(O.alpha5),
+  opacity1: O.alpha1,
+  opacity2: O.alpha2,
+  opacity3: O.alpha3,
+  opacity4: O.alpha4,
+  opacity5: O.alpha5,
   dividerColor: "rgb(239, 239, 245)",
   borderColor: "rgb(224, 224, 230)",
   // close
-  closeIconColor: le(Number(I.alphaClose)),
-  closeIconColorHover: le(Number(I.alphaClose)),
-  closeIconColorPressed: le(Number(I.alphaClose)),
+  closeIconColor: le(Number(O.alphaClose)),
+  closeIconColorHover: le(Number(O.alphaClose)),
+  closeIconColorPressed: le(Number(O.alphaClose)),
   closeColorHover: "rgba(0, 0, 0, .09)",
   closeColorPressed: "rgba(0, 0, 0, .13)",
   // clear
-  clearColor: le(I.alpha4),
-  clearColorHover: jt(le(I.alpha4), {
+  clearColor: le(O.alpha4),
+  clearColorHover: jt(le(O.alpha4), {
     lightness: 0.75
   }),
-  clearColorPressed: jt(le(I.alpha4), {
+  clearColorPressed: jt(le(O.alpha4), {
     lightness: 0.9
   }),
-  scrollbarColor: Zo(I.alphaScrollbar),
-  scrollbarColorHover: Zo(I.alphaScrollbarHover),
+  scrollbarColor: Zo(O.alphaScrollbar),
+  scrollbarColorHover: Zo(O.alphaScrollbarHover),
   scrollbarWidth: "5px",
   scrollbarHeight: "5px",
   scrollbarBorderRadius: "5px",
-  progressRailColor: le(I.alphaProgressRail),
+  progressRailColor: le(O.alphaProgressRail),
   railColor: "rgb(219, 219, 223)",
-  popoverColor: I.neutralPopover,
-  tableColor: I.neutralCard,
-  cardColor: I.neutralCard,
-  modalColor: I.neutralModal,
-  bodyColor: I.neutralBody,
+  popoverColor: O.neutralPopover,
+  tableColor: O.neutralCard,
+  cardColor: O.neutralCard,
+  modalColor: O.neutralModal,
+  bodyColor: O.neutralBody,
   tagColor: "#eee",
-  avatarColor: le(I.alphaAvatar),
+  avatarColor: le(O.alphaAvatar),
   invertedColor: "rgb(0, 20, 40)",
-  inputColor: le(I.alphaInput),
+  inputColor: le(O.alphaInput),
   codeColor: "rgb(244, 244, 248)",
   tabColor: "rgb(247, 247, 250)",
   actionColor: "rgb(250, 250, 252)",
@@ -4040,7 +4040,7 @@ const yt = Object.assign(Object.assign({
   tableColorHover: "rgba(0, 0, 100, 0.03)",
   tableColorStriped: "rgba(0, 0, 100, 0.02)",
   pressedColor: "rgb(237, 237, 239)",
-  opacityDisabled: I.alphaDisabled,
+  opacityDisabled: O.alphaDisabled,
   inputColorDisabled: "rgb(250, 250, 252)",
   // secondary button color
   // can also be used in tertiary button & quaternary button
@@ -4191,88 +4191,88 @@ const vh = {
       mergedClsPrefixRef: t,
       inlineThemeDisabled: n,
       mergedRtlRef: r
-    } = bt(e), o = oh("Scrollbar", r, t), i = R(null), s = R(null), l = R(null), a = R(null), c = R(null), d = R(null), h = R(null), p = R(null), m = R(null), f = R(null), b = R(null), v = R(0), u = R(0), C = R(!1), F = R(!1);
-    let y = !1, E = !1, L, g, w = 0, z = 0, S = 0, N = 0;
-    const M = ac(), k = pe("Scrollbar", "-scrollbar", gh, vh, e, t), O = _(() => {
+    } = bt(e), o = oh("Scrollbar", r, t), i = P(null), s = P(null), l = P(null), a = P(null), c = P(null), u = P(null), h = P(null), p = P(null), b = P(null), d = P(null), m = P(null), v = P(0), f = P(0), F = P(!1), A = P(!1);
+    let x = !1, w = !1, _, g, y = 0, z = 0, C = 0, N = 0;
+    const M = ac(), k = pe("Scrollbar", "-scrollbar", gh, vh, e, t), L = I(() => {
       const {
         value: $
       } = p, {
         value: B
-      } = d, {
+      } = u, {
         value: D
-      } = f;
+      } = d;
       return $ === null || B === null || D === null ? 0 : Math.min($, D * $ / B + Jr(k.value.self.width) * 1.5);
-    }), x = _(() => `${O.value}px`), P = _(() => {
+    }), S = I(() => `${L.value}px`), R = I(() => {
       const {
         value: $
-      } = m, {
+      } = b, {
         value: B
       } = h, {
         value: D
-      } = b;
+      } = m;
       return $ === null || B === null || D === null ? 0 : D * $ / B + Jr(k.value.self.height) * 1.5;
-    }), T = _(() => `${P.value}px`), j = _(() => {
+    }), T = I(() => `${R.value}px`), j = I(() => {
       const {
         value: $
       } = p, {
         value: B
       } = v, {
         value: D
-      } = d, {
+      } = u, {
         value: G
-      } = f;
+      } = d;
       if ($ === null || D === null || G === null)
         return 0;
       {
         const ne = D - $;
-        return ne ? B / ne * (G - O.value) : 0;
+        return ne ? B / ne * (G - L.value) : 0;
       }
-    }), V = _(() => `${j.value}px`), U = _(() => {
+    }), V = I(() => `${j.value}px`), U = I(() => {
       const {
         value: $
-      } = m, {
+      } = b, {
         value: B
-      } = u, {
+      } = f, {
         value: D
       } = h, {
         value: G
-      } = b;
+      } = m;
       if ($ === null || D === null || G === null)
         return 0;
       {
         const ne = D - $;
-        return ne ? B / ne * (G - P.value) : 0;
+        return ne ? B / ne * (G - R.value) : 0;
       }
-    }), ue = _(() => `${U.value}px`), ge = _(() => {
+    }), ue = I(() => `${U.value}px`), ge = I(() => {
       const {
         value: $
       } = p, {
         value: B
-      } = d;
+      } = u;
       return $ !== null && B !== null && B > $;
-    }), Rt = _(() => {
+    }), Rt = I(() => {
       const {
         value: $
-      } = m, {
+      } = b, {
         value: B
       } = h;
       return $ !== null && B !== null && B > $;
-    }), En = _(() => {
+    }), En = I(() => {
       const {
         trigger: $
       } = e;
-      return $ === "none" || C.value;
-    }), An = _(() => {
+      return $ === "none" || F.value;
+    }), An = I(() => {
       const {
         trigger: $
       } = e;
-      return $ === "none" || F.value;
-    }), Ae = _(() => {
+      return $ === "none" || A.value;
+    }), Ae = I(() => {
       const {
         container: $
       } = e;
       return $ ? $() : s.value;
-    }), Y = _(() => {
+    }), Y = I(() => {
       const {
         content: $
       } = e;
@@ -4297,7 +4297,7 @@ const vh = {
     }, Or = pc(() => {
       e.container || Ir({
         top: v.value,
-        left: u.value
+        left: f.value
       });
     }), gs = () => {
       Or.isDeactivated || Ue();
@@ -4351,19 +4351,19 @@ const vh = {
     }
     function xs() {
       g !== void 0 && window.clearTimeout(g), g = window.setTimeout(() => {
-        F.value = !1;
+        A.value = !1;
       }, e.duration);
     }
     function Ss() {
-      L !== void 0 && window.clearTimeout(L), L = window.setTimeout(() => {
-        C.value = !1;
+      _ !== void 0 && window.clearTimeout(_), _ = window.setTimeout(() => {
+        F.value = !1;
       }, e.duration);
     }
     function Cs() {
-      L !== void 0 && window.clearTimeout(L), C.value = !0;
+      _ !== void 0 && window.clearTimeout(_), F.value = !0;
     }
     function $s() {
-      g !== void 0 && window.clearTimeout(g), F.value = !0;
+      g !== void 0 && window.clearTimeout(g), A.value = !0;
     }
     function zs($) {
       const {
@@ -4375,35 +4375,35 @@ const vh = {
       const {
         value: $
       } = Ae;
-      $ && (v.value = $.scrollTop, u.value = $.scrollLeft * (o?.value ? -1 : 1));
+      $ && (v.value = $.scrollTop, f.value = $.scrollLeft * (o?.value ? -1 : 1));
     }
     function Fs() {
       const {
         value: $
       } = Y;
-      $ && (d.value = $.offsetHeight, h.value = $.offsetWidth);
+      $ && (u.value = $.offsetHeight, h.value = $.offsetWidth);
       const {
         value: B
       } = Ae;
-      B && (p.value = B.offsetHeight, m.value = B.offsetWidth);
+      B && (p.value = B.offsetHeight, b.value = B.offsetWidth);
       const {
         value: D
       } = c, {
         value: G
       } = a;
-      D && (b.value = D.offsetWidth), G && (f.value = G.offsetHeight);
+      D && (m.value = D.offsetWidth), G && (d.value = G.offsetHeight);
     }
     function Pr() {
       const {
         value: $
       } = Ae;
-      $ && (v.value = $.scrollTop, u.value = $.scrollLeft * (o?.value ? -1 : 1), p.value = $.offsetHeight, m.value = $.offsetWidth, d.value = $.scrollHeight, h.value = $.scrollWidth);
+      $ && (v.value = $.scrollTop, f.value = $.scrollLeft * (o?.value ? -1 : 1), p.value = $.offsetHeight, b.value = $.offsetWidth, u.value = $.scrollHeight, h.value = $.scrollWidth);
       const {
         value: B
       } = c, {
         value: D
       } = a;
-      B && (b.value = B.offsetWidth), D && (f.value = D.offsetHeight);
+      B && (m.value = B.offsetWidth), D && (d.value = D.offsetHeight);
     }
     function Ue() {
       e.scrollable && (e.useUnifiedContainer ? Pr() : (Fs(), Lr()));
@@ -4413,20 +4413,20 @@ const vh = {
       return !(!((B = i.value) === null || B === void 0) && B.contains(sn($)));
     }
     function Es($) {
-      $.preventDefault(), $.stopPropagation(), E = !0, oe("mousemove", window, kr, !0), oe("mouseup", window, Dr, !0), z = u.value, S = o?.value ? window.innerWidth - $.clientX : $.clientX;
+      $.preventDefault(), $.stopPropagation(), w = !0, oe("mousemove", window, kr, !0), oe("mouseup", window, Dr, !0), z = f.value, C = o?.value ? window.innerWidth - $.clientX : $.clientX;
     }
     function kr($) {
-      if (!E) return;
-      L !== void 0 && window.clearTimeout(L), g !== void 0 && window.clearTimeout(g);
+      if (!w) return;
+      _ !== void 0 && window.clearTimeout(_), g !== void 0 && window.clearTimeout(g);
       const {
         value: B
-      } = m, {
+      } = b, {
         value: D
       } = h, {
         value: G
-      } = P;
+      } = R;
       if (B === null || D === null) return;
-      const de = (o?.value ? window.innerWidth - $.clientX - S : $.clientX - S) * (D - B) / (B - G), xe = D - B;
+      const de = (o?.value ? window.innerWidth - $.clientX - C : $.clientX - C) * (D - B) / (B - G), xe = D - B;
       let Z = z + de;
       Z = Math.min(xe, Z), Z = Math.max(Z, 0);
       const {
@@ -4441,24 +4441,24 @@ const vh = {
       }
     }
     function Dr($) {
-      $.preventDefault(), $.stopPropagation(), J("mousemove", window, kr, !0), J("mouseup", window, Dr, !0), E = !1, Ue(), Rr($) && Mn();
+      $.preventDefault(), $.stopPropagation(), J("mousemove", window, kr, !0), J("mouseup", window, Dr, !0), w = !1, Ue(), Rr($) && Mn();
     }
     function As($) {
-      $.preventDefault(), $.stopPropagation(), y = !0, oe("mousemove", window, Tn, !0), oe("mouseup", window, Bn, !0), w = v.value, N = $.clientY;
+      $.preventDefault(), $.stopPropagation(), x = !0, oe("mousemove", window, Tn, !0), oe("mouseup", window, Bn, !0), y = v.value, N = $.clientY;
     }
     function Tn($) {
-      if (!y) return;
-      L !== void 0 && window.clearTimeout(L), g !== void 0 && window.clearTimeout(g);
+      if (!x) return;
+      _ !== void 0 && window.clearTimeout(_), g !== void 0 && window.clearTimeout(g);
       const {
         value: B
       } = p, {
         value: D
-      } = d, {
+      } = u, {
         value: G
-      } = O;
+      } = L;
       if (B === null || D === null) return;
       const de = ($.clientY - N) * (D - B) / (B - G), xe = D - B;
-      let Z = w + de;
+      let Z = y + de;
       Z = Math.min(xe, Z), Z = Math.max(Z, 0);
       const {
         value: me
@@ -4466,7 +4466,7 @@ const vh = {
       me && (me.scrollTop = Z);
     }
     function Bn($) {
-      $.preventDefault(), $.stopPropagation(), J("mousemove", window, Tn, !0), J("mouseup", window, Bn, !0), y = !1, Ue(), Rr($) && Mn();
+      $.preventDefault(), $.stopPropagation(), J("mousemove", window, Tn, !0), J("mouseup", window, Bn, !0), x = !1, Ue(), Rr($) && Mn();
     }
     pt(() => {
       const {
@@ -4484,9 +4484,9 @@ const vh = {
     }), Ke(() => {
       e.container || Ue();
     }), Be(() => {
-      L !== void 0 && window.clearTimeout(L), g !== void 0 && window.clearTimeout(g), J("mousemove", window, Tn, !0), J("mouseup", window, Bn, !0);
+      _ !== void 0 && window.clearTimeout(_), g !== void 0 && window.clearTimeout(g), J("mousemove", window, Tn, !0), J("mouseup", window, Bn, !0);
     });
-    const Nr = _(() => {
+    const Nr = I(() => {
       const {
         common: {
           cubicBezierEaseInOut: $
@@ -4568,7 +4568,7 @@ const vh = {
       xRailRef: c,
       needYBar: ge,
       needXBar: Rt,
-      yBarSizePx: x,
+      yBarSizePx: S,
       xBarSizePx: T,
       yBarTopPx: V,
       xBarLeftPx: ue,
@@ -4598,16 +4598,16 @@ const vh = {
       xScrollable: a
     } = this;
     if (!this.scrollable) return (e = t.default) === null || e === void 0 ? void 0 : e.call(t);
-    const c = this.trigger === "none", d = (m, f) => A("div", {
+    const c = this.trigger === "none", u = (b, d) => E("div", {
       ref: "yRailRef",
-      class: [`${n}-scrollbar-rail`, `${n}-scrollbar-rail--vertical`, `${n}-scrollbar-rail--vertical--${s}`, m],
+      class: [`${n}-scrollbar-rail`, `${n}-scrollbar-rail--vertical`, `${n}-scrollbar-rail--vertical--${s}`, b],
       "data-scrollbar-rail": !0,
-      style: [f || "", this.verticalRailStyle],
+      style: [d || "", this.verticalRailStyle],
       "aria-hidden": !0
-    }, A(c ? zo : nn, c ? null : {
+    }, E(c ? zo : nn, c ? null : {
       name: "fade-in-transition"
     }, {
-      default: () => this.needYBar && this.isShowYBar && !this.isIos ? A("div", {
+      default: () => this.needYBar && this.isShowYBar && !this.isIos ? E("div", {
         class: `${n}-scrollbar-rail__scrollbar`,
         style: {
           height: this.yBarSizePx,
@@ -4616,25 +4616,25 @@ const vh = {
         onMousedown: this.handleYScrollMouseDown
       }) : null
     })), h = () => {
-      var m, f;
-      return (m = this.onRender) === null || m === void 0 || m.call(this), A("div", gt(this.$attrs, {
+      var b, d;
+      return (b = this.onRender) === null || b === void 0 || b.call(this), E("div", gt(this.$attrs, {
         role: "none",
         ref: "wrapperRef",
         class: [`${n}-scrollbar`, this.themeClass, o && `${n}-scrollbar--rtl`],
         style: this.cssVars,
         onMouseenter: r ? void 0 : this.handleMouseEnterWrapper,
         onMouseleave: r ? void 0 : this.handleMouseLeaveWrapper
-      }), [this.container ? (f = t.default) === null || f === void 0 ? void 0 : f.call(t) : A("div", {
+      }), [this.container ? (d = t.default) === null || d === void 0 ? void 0 : d.call(t) : E("div", {
         role: "none",
         ref: "containerRef",
         class: [`${n}-scrollbar-container`, this.containerClass],
         style: this.containerStyle,
         onScroll: this.handleScroll,
         onWheel: this.onWheel
-      }, A(yo, {
+      }, E(yo, {
         onResize: this.handleContentResize
       }, {
-        default: () => A("div", {
+        default: () => E("div", {
           ref: "contentRef",
           role: "none",
           style: [{
@@ -4642,16 +4642,16 @@ const vh = {
           }, this.contentStyle],
           class: [`${n}-scrollbar-content`, this.contentClass]
         }, t)
-      })), i ? null : d(void 0, void 0), a && A("div", {
+      })), i ? null : u(void 0, void 0), a && E("div", {
         ref: "xRailRef",
         class: [`${n}-scrollbar-rail`, `${n}-scrollbar-rail--horizontal`, `${n}-scrollbar-rail--horizontal--${l}`],
         style: this.horizontalRailStyle,
         "data-scrollbar-rail": !0,
         "aria-hidden": !0
-      }, A(c ? zo : nn, c ? null : {
+      }, E(c ? zo : nn, c ? null : {
         name: "fade-in-transition"
       }, {
-        default: () => this.needXBar && this.isShowXBar && !this.isIos ? A("div", {
+        default: () => this.needXBar && this.isShowXBar && !this.isIos ? E("div", {
           class: `${n}-scrollbar-rail__scrollbar`,
           style: {
             width: this.xBarSizePx,
@@ -4661,12 +4661,12 @@ const vh = {
           onMousedown: this.handleXScrollMouseDown
         }) : null
       }))]);
-    }, p = this.container ? h() : A(yo, {
+    }, p = this.container ? h() : E(yo, {
       onResize: this.handleContainerResize
     }, {
       default: h
     });
-    return i ? A(_e, null, p, d(this.themeClass, this.cssVars)) : p;
+    return i ? E(_e, null, p, u(this.themeClass, this.cssVars)) : p;
   }
 }), ss = bh;
 function Jo(e) {
@@ -4782,52 +4782,52 @@ function Un(e, t) {
       checkedKeys: Array.from(n),
       indeterminateKeys: Array.from(i)
     };
-  const { levelTreeNodeMap: d } = t;
+  const { levelTreeNodeMap: u } = t;
   let h;
   o !== void 0 ? h = Oh(o, n, t, c) : r !== void 0 ? h = _h(r, n, t, c) : h = vn(n, t, c, !1);
-  const p = a === "parent", m = a === "child" || l, f = h, b = /* @__PURE__ */ new Set(), v = Math.max.apply(null, Array.from(d.keys()));
-  for (let u = v; u >= 0; u -= 1) {
-    const C = u === 0, F = d.get(u);
-    for (const y of F) {
-      if (y.isLeaf)
+  const p = a === "parent", b = a === "child" || l, d = h, m = /* @__PURE__ */ new Set(), v = Math.max.apply(null, Array.from(u.keys()));
+  for (let f = v; f >= 0; f -= 1) {
+    const F = f === 0, A = u.get(f);
+    for (const x of A) {
+      if (x.isLeaf)
         continue;
-      const { key: E, shallowLoaded: L } = y;
-      if (m && L && y.children.forEach((S) => {
-        !S.disabled && !S.isLeaf && S.shallowLoaded && f.has(S.key) && f.delete(S.key);
-      }), y.disabled || !L)
+      const { key: w, shallowLoaded: _ } = x;
+      if (b && _ && x.children.forEach((C) => {
+        !C.disabled && !C.isLeaf && C.shallowLoaded && d.has(C.key) && d.delete(C.key);
+      }), x.disabled || !_)
         continue;
-      let g = !0, w = !1, z = !0;
-      for (const S of y.children) {
-        const N = S.key;
-        if (!S.disabled) {
-          if (z && (z = !1), f.has(N))
-            w = !0;
-          else if (b.has(N)) {
-            w = !0, g = !1;
+      let g = !0, y = !1, z = !0;
+      for (const C of x.children) {
+        const N = C.key;
+        if (!C.disabled) {
+          if (z && (z = !1), d.has(N))
+            y = !0;
+          else if (m.has(N)) {
+            y = !0, g = !1;
             break;
-          } else if (g = !1, w)
+          } else if (g = !1, y)
             break;
         }
       }
-      g && !z ? (p && y.children.forEach((S) => {
-        !S.disabled && f.has(S.key) && f.delete(S.key);
-      }), f.add(E)) : w && b.add(E), C && m && f.has(E) && f.delete(E);
+      g && !z ? (p && x.children.forEach((C) => {
+        !C.disabled && d.has(C.key) && d.delete(C.key);
+      }), d.add(w)) : y && m.add(w), F && b && d.has(w) && d.delete(w);
     }
   }
   return {
-    checkedKeys: Array.from(f),
-    indeterminateKeys: Array.from(b)
+    checkedKeys: Array.from(d),
+    indeterminateKeys: Array.from(m)
   };
 }
 function vn(e, t, n, r) {
   const { treeNodeMap: o, getChildren: i } = t, s = /* @__PURE__ */ new Set(), l = new Set(e);
   return e.forEach((a) => {
     const c = o.get(a);
-    c !== void 0 && ls(c, (d) => {
-      if (d.disabled)
+    c !== void 0 && ls(c, (u) => {
+      if (u.disabled)
         return ur.STOP;
-      const { key: h } = d;
-      if (!s.has(h) && (s.add(h), l.add(h), Fh(d.rawNode, i))) {
+      const { key: h } = u;
+      if (!s.has(h) && (s.add(h), l.add(h), Fh(u.rawNode, i))) {
         if (r)
           return ur.STOP;
         if (!n)
@@ -4880,12 +4880,12 @@ function Qo(e, t, { loop: n = !1, includeDisabled: r = !1 } = {}) {
         return;
       }
       if (c.isGroup) {
-        const d = Tr(c, i);
-        d !== null ? l = d : a(o(c, n));
+        const u = Tr(c, i);
+        u !== null ? l = u : a(o(c, n));
       } else {
-        const d = o(c, !1);
-        if (d !== null)
-          a(d);
+        const u = o(c, !1);
+        if (u !== null)
+          a(u);
         else {
           const h = Dh(c);
           h?.isGroup ? a(o(h, n)) : n && a(o(c, !0));
@@ -4910,9 +4910,9 @@ function Tr(e, t = {}) {
       const c = r[a];
       if (!c.disabled && !c.ignored)
         if (c.isGroup) {
-          const d = Tr(c, t);
-          if (d !== null)
-            return d;
+          const u = Tr(c, t);
+          if (u !== null)
+            return u;
         } else
           return c;
     }
@@ -4956,21 +4956,21 @@ function jh(e, t) {
 function as(e, t, n, r, o, i = null, s = 0) {
   const l = [];
   return e.forEach((a, c) => {
-    var d;
+    var u;
     rn.env.NODE_ENV !== "production" && Eh(a, o) && console.error("[treemate]: node", a, "is invalid");
     const h = Object.create(r);
     if (h.rawNode = a, h.siblings = l, h.level = s, h.index = c, h.isFirstChild = c === 0, h.isLastChild = c + 1 === e.length, h.parent = i, !h.ignored) {
       const p = o(a);
       Array.isArray(p) && (h.children = as(p, t, n, r, o, h, s + 1));
     }
-    l.push(h), t.set(h.key, h), n.has(s) || n.set(s, []), (d = n.get(s)) === null || d === void 0 || d.push(h);
+    l.push(h), t.set(h.key, h), n.has(s) || n.set(s, []), (u = n.get(s)) === null || u === void 0 || u.push(h);
   }), l;
 }
 function Wh(e, t = {}) {
   var n;
-  const r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), { getDisabled: i = zh, getIgnored: s = Ch, getIsGroup: l = Th, getKey: a = Sh } = t, c = (n = t.getChildren) !== null && n !== void 0 ? n : xh, d = t.ignoreEmptyChildren ? (y) => {
-    const E = c(y);
-    return Array.isArray(E) ? E.length ? E : null : E;
+  const r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), { getDisabled: i = zh, getIgnored: s = Ch, getIsGroup: l = Th, getKey: a = Sh } = t, c = (n = t.getChildren) !== null && n !== void 0 ? n : xh, u = t.ignoreEmptyChildren ? (x) => {
+    const w = c(x);
+    return Array.isArray(w) ? w.length ? w : null : w;
   } : c, h = Object.assign({
     get key() {
       return a(this.rawNode);
@@ -4982,106 +4982,106 @@ function Wh(e, t = {}) {
       return l(this.rawNode);
     },
     get isLeaf() {
-      return yh(this.rawNode, d);
+      return yh(this.rawNode, u);
     },
     get shallowLoaded() {
-      return $h(this.rawNode, d);
+      return $h(this.rawNode, u);
     },
     get ignored() {
       return s(this.rawNode);
     },
-    contains(y) {
-      return jh(this, y);
+    contains(x) {
+      return jh(this, x);
     }
-  }, Nh), p = as(e, r, o, h, d);
-  function m(y) {
-    if (y == null)
+  }, Nh), p = as(e, r, o, h, u);
+  function b(x) {
+    if (x == null)
       return null;
-    const E = r.get(y);
-    return E && !E.isGroup && !E.ignored ? E : null;
+    const w = r.get(x);
+    return w && !w.isGroup && !w.ignored ? w : null;
   }
-  function f(y) {
-    if (y == null)
+  function d(x) {
+    if (x == null)
       return null;
-    const E = r.get(y);
-    return E && !E.ignored ? E : null;
+    const w = r.get(x);
+    return w && !w.ignored ? w : null;
   }
-  function b(y, E) {
-    const L = f(y);
-    return L ? L.getPrev(E) : null;
+  function m(x, w) {
+    const _ = d(x);
+    return _ ? _.getPrev(w) : null;
   }
-  function v(y, E) {
-    const L = f(y);
-    return L ? L.getNext(E) : null;
+  function v(x, w) {
+    const _ = d(x);
+    return _ ? _.getNext(w) : null;
   }
-  function u(y) {
-    const E = f(y);
-    return E ? E.getParent() : null;
+  function f(x) {
+    const w = d(x);
+    return w ? w.getParent() : null;
   }
-  function C(y) {
-    const E = f(y);
-    return E ? E.getChild() : null;
+  function F(x) {
+    const w = d(x);
+    return w ? w.getChild() : null;
   }
-  const F = {
+  const A = {
     treeNodes: p,
     treeNodeMap: r,
     levelTreeNodeMap: o,
     maxLevel: Math.max(...o.keys()),
-    getChildren: d,
-    getFlattenedNodes(y) {
-      return Hh(p, y);
+    getChildren: u,
+    getFlattenedNodes(x) {
+      return Hh(p, x);
     },
-    getNode: m,
-    getPrev: b,
+    getNode: b,
+    getPrev: m,
     getNext: v,
-    getParent: u,
-    getChild: C,
+    getParent: f,
+    getChild: F,
     getFirstAvailableNode() {
       return Ph(p);
     },
-    getPath(y, E = {}) {
-      return Lh(y, E, F);
+    getPath(x, w = {}) {
+      return Lh(x, w, A);
     },
-    getCheckedKeys(y, E = {}) {
-      const { cascade: L = !0, leafOnly: g = !1, checkStrategy: w = "all", allowNotLoaded: z = !1 } = E;
+    getCheckedKeys(x, w = {}) {
+      const { cascade: _ = !0, leafOnly: g = !1, checkStrategy: y = "all", allowNotLoaded: z = !1 } = w;
       return Un({
-        checkedKeys: Kn(y),
-        indeterminateKeys: Vn(y),
-        cascade: L,
+        checkedKeys: Kn(x),
+        indeterminateKeys: Vn(x),
+        cascade: _,
         leafOnly: g,
-        checkStrategy: w,
+        checkStrategy: y,
         allowNotLoaded: z
-      }, F);
+      }, A);
     },
-    check(y, E, L = {}) {
-      const { cascade: g = !0, leafOnly: w = !1, checkStrategy: z = "all", allowNotLoaded: S = !1 } = L;
+    check(x, w, _ = {}) {
+      const { cascade: g = !0, leafOnly: y = !1, checkStrategy: z = "all", allowNotLoaded: C = !1 } = _;
       return Un({
-        checkedKeys: Kn(E),
-        indeterminateKeys: Vn(E),
-        keysToCheck: y == null ? [] : Jo(y),
+        checkedKeys: Kn(w),
+        indeterminateKeys: Vn(w),
+        keysToCheck: x == null ? [] : Jo(x),
         cascade: g,
-        leafOnly: w,
+        leafOnly: y,
         checkStrategy: z,
-        allowNotLoaded: S
-      }, F);
+        allowNotLoaded: C
+      }, A);
     },
-    uncheck(y, E, L = {}) {
-      const { cascade: g = !0, leafOnly: w = !1, checkStrategy: z = "all", allowNotLoaded: S = !1 } = L;
+    uncheck(x, w, _ = {}) {
+      const { cascade: g = !0, leafOnly: y = !1, checkStrategy: z = "all", allowNotLoaded: C = !1 } = _;
       return Un({
-        checkedKeys: Kn(E),
-        indeterminateKeys: Vn(E),
-        keysToUncheck: y == null ? [] : Jo(y),
+        checkedKeys: Kn(w),
+        indeterminateKeys: Vn(w),
+        keysToUncheck: x == null ? [] : Jo(x),
         cascade: g,
-        leafOnly: w,
+        leafOnly: y,
         checkStrategy: z,
-        allowNotLoaded: S
-      }, F);
+        allowNotLoaded: C
+      }, A);
     },
-    getNonLeafKeys(y = {}) {
-      return wh(p, y);
+    getNonLeafKeys(x = {}) {
+      return wh(p, x);
     }
   };
-  return F;
+  return A;
 }
 const {
   cubicBezierEaseIn: ei,
@@ -5330,11 +5330,11 @@ function us({
   arrowWrapperStyle: r,
   clsPrefix: o
 }) {
-  return A("div", {
+  return E("div", {
     key: "__popover-arrow__",
     style: r,
     class: [`${o}-popover-arrow-wrapper`, n]
-  }, A("div", {
+  }, E("div", {
     class: [`${o}-popover-arrow`, e],
     style: t
   }));
@@ -5351,42 +5351,42 @@ const Xh = ee({
       namespaceRef: r,
       mergedClsPrefixRef: o,
       inlineThemeDisabled: i
-    } = bt(e), s = pe("Popover", "-popover", Gh, Br, e, o), l = R(null), a = te("NPopover"), c = R(null), d = R(e.show), h = R(!1);
+    } = bt(e), s = pe("Popover", "-popover", Gh, Br, e, o), l = P(null), a = te("NPopover"), c = P(null), u = P(e.show), h = P(!1);
     pt(() => {
       const {
         show: g
       } = e;
       g && !ou() && !e.internalDeactivateImmediately && (h.value = !0);
     });
-    const p = _(() => {
+    const p = I(() => {
       const {
         trigger: g,
-        onClickoutside: w
+        onClickoutside: y
       } = e, z = [], {
         positionManuallyRef: {
-          value: S
+          value: C
         }
       } = a;
-      return S || (g === "click" && !w && z.push([ro, y, void 0, {
+      return C || (g === "click" && !y && z.push([ro, x, void 0, {
         capture: !0
-      }]), g === "hover" && z.push([mc, F])), w && z.push([ro, y, void 0, {
+      }]), g === "hover" && z.push([mc, A])), y && z.push([ro, x, void 0, {
         capture: !0
       }]), (e.displayDirective === "show" || e.animated && h.value) && z.push([Js, e.show]), z;
-    }), m = _(() => {
+    }), b = I(() => {
       const {
         common: {
           cubicBezierEaseInOut: g,
-          cubicBezierEaseIn: w,
+          cubicBezierEaseIn: y,
           cubicBezierEaseOut: z
         },
         self: {
-          space: S,
+          space: C,
           spaceArrow: N,
           padding: M,
           fontSize: k,
-          textColor: O,
-          dividerColor: x,
-          color: P,
+          textColor: L,
+          dividerColor: S,
+          color: R,
           boxShadow: T,
           borderRadius: j,
           arrowHeight: V,
@@ -5397,101 +5397,101 @@ const Xh = ee({
       return {
         "--n-box-shadow": T,
         "--n-bezier": g,
-        "--n-bezier-ease-in": w,
+        "--n-bezier-ease-in": y,
         "--n-bezier-ease-out": z,
         "--n-font-size": k,
-        "--n-text-color": O,
-        "--n-color": P,
-        "--n-divider-color": x,
+        "--n-text-color": L,
+        "--n-color": R,
+        "--n-divider-color": S,
         "--n-border-radius": j,
         "--n-arrow-height": V,
         "--n-arrow-offset": U,
         "--n-arrow-offset-vertical": ue,
         "--n-padding": M,
-        "--n-space": S,
+        "--n-space": C,
         "--n-space-arrow": N
       };
-    }), f = _(() => {
-      const g = e.width === "trigger" ? void 0 : Jt(e.width), w = [];
-      g && w.push({
+    }), d = I(() => {
+      const g = e.width === "trigger" ? void 0 : Jt(e.width), y = [];
+      g && y.push({
         width: g
       });
       const {
         maxWidth: z,
-        minWidth: S
+        minWidth: C
       } = e;
-      return z && w.push({
+      return z && y.push({
         maxWidth: Jt(z)
-      }), S && w.push({
-        maxWidth: Jt(S)
-      }), i || w.push(m.value), w;
-    }), b = i ? yn("popover", void 0, m, e) : void 0;
+      }), C && y.push({
+        maxWidth: Jt(C)
+      }), i || y.push(b.value), y;
+    }), m = i ? yn("popover", void 0, b, e) : void 0;
     a.setBodyInstance({
       syncPosition: v
     }), Be(() => {
       a.setBodyInstance(null);
     }), we(se(e, "show"), (g) => {
-      e.animated || (g ? d.value = !0 : d.value = !1);
+      e.animated || (g ? u.value = !0 : u.value = !1);
     });
     function v() {
       var g;
       (g = l.value) === null || g === void 0 || g.syncPosition();
     }
-    function u(g) {
+    function f(g) {
       e.trigger === "hover" && e.keepAliveOnHover && e.show && a.handleMouseEnter(g);
     }
-    function C(g) {
+    function F(g) {
       e.trigger === "hover" && e.keepAliveOnHover && a.handleMouseLeave(g);
     }
-    function F(g) {
-      e.trigger === "hover" && !E().contains(sn(g)) && a.handleMouseMoveOutside(g);
+    function A(g) {
+      e.trigger === "hover" && !w().contains(sn(g)) && a.handleMouseMoveOutside(g);
     }
-    function y(g) {
-      (e.trigger === "click" && !E().contains(sn(g)) || e.onClickoutside) && a.handleClickOutside(g);
+    function x(g) {
+      (e.trigger === "click" && !w().contains(sn(g)) || e.onClickoutside) && a.handleClickOutside(g);
     }
-    function E() {
+    function w() {
       return a.getTriggerElement();
     }
     Se(mn, c), Se(pr, null), Se(vr, null);
-    function L() {
-      if (b?.onRender(), !(e.displayDirective === "show" || e.show || e.animated && h.value))
+    function _() {
+      if (m?.onRender(), !(e.displayDirective === "show" || e.show || e.animated && h.value))
         return null;
-      let w;
+      let y;
       const z = a.internalRenderBodyRef.value, {
-        value: S
+        value: C
       } = o;
       if (z)
-        w = z(
+        y = z(
           // The popover class and overlap class must exists, they will be used
           // to place the body & transition animation.
           // Shadow class exists for reuse box-shadow.
-          [`${S}-popover-shared`, b?.themeClass.value, e.overlap && `${S}-popover-shared--overlap`, e.showArrow && `${S}-popover-shared--show-arrow`, e.arrowPointToCenter && `${S}-popover-shared--center-arrow`],
+          [`${C}-popover-shared`, m?.themeClass.value, e.overlap && `${C}-popover-shared--overlap`, e.showArrow && `${C}-popover-shared--show-arrow`, e.arrowPointToCenter && `${C}-popover-shared--center-arrow`],
           c,
-          f.value,
-          u,
-          C
+          d.value,
+          f,
+          F
         );
       else {
         const {
           value: N
         } = a.extraClassRef, {
           internalTrapFocus: M
-        } = e, k = !$o(t.header) || !$o(t.footer), O = () => {
-          var x, P;
-          const T = k ? A(_e, null, Nn(t.header, (U) => U ? A("div", {
-            class: [`${S}-popover__header`, e.headerClass],
+        } = e, k = !$o(t.header) || !$o(t.footer), L = () => {
+          var S, R;
+          const T = k ? E(_e, null, Nn(t.header, (U) => U ? E("div", {
+            class: [`${C}-popover__header`, e.headerClass],
             style: e.headerStyle
-          }, U) : null), Nn(t.default, (U) => U ? A("div", {
-            class: [`${S}-popover__content`, e.contentClass],
+          }, U) : null), Nn(t.default, (U) => U ? E("div", {
+            class: [`${C}-popover__content`, e.contentClass],
             style: e.contentStyle
-          }, t) : null), Nn(t.footer, (U) => U ? A("div", {
-            class: [`${S}-popover__footer`, e.footerClass],
+          }, t) : null), Nn(t.footer, (U) => U ? E("div", {
+            class: [`${C}-popover__footer`, e.footerClass],
             style: e.footerStyle
-          }, U) : null)) : e.scrollable ? (x = t.default) === null || x === void 0 ? void 0 : x.call(t) : A("div", {
-            class: [`${S}-popover__content`, e.contentClass],
+          }, U) : null)) : e.scrollable ? (S = t.default) === null || S === void 0 ? void 0 : S.call(t) : E("div", {
+            class: [`${C}-popover__content`, e.contentClass],
             style: e.contentStyle
-          }, t), j = e.scrollable ? A(ss, {
-            contentClass: k ? void 0 : `${S}-popover__content ${(P = e.contentClass) !== null && P !== void 0 ? P : ""}`,
+          }, t), j = e.scrollable ? E(ss, {
+            contentClass: k ? void 0 : `${C}-popover__content ${(R = e.contentClass) !== null && R !== void 0 ? R : ""}`,
             contentStyle: k ? void 0 : e.contentStyle
           }, {
             default: () => T
@@ -5500,32 +5500,32 @@ const Xh = ee({
             arrowStyle: e.arrowStyle,
             arrowWrapperClass: e.arrowWrapperClass,
             arrowWrapperStyle: e.arrowWrapperStyle,
-            clsPrefix: S
+            clsPrefix: C
           }) : null;
           return [j, V];
         };
-        w = A("div", gt({
-          class: [`${S}-popover`, `${S}-popover-shared`, b?.themeClass.value, N.map((x) => `${S}-${x}`), {
-            [`${S}-popover--scrollable`]: e.scrollable,
-            [`${S}-popover--show-header-or-footer`]: k,
-            [`${S}-popover--raw`]: e.raw,
-            [`${S}-popover-shared--overlap`]: e.overlap,
-            [`${S}-popover-shared--show-arrow`]: e.showArrow,
-            [`${S}-popover-shared--center-arrow`]: e.arrowPointToCenter
+        y = E("div", gt({
+          class: [`${C}-popover`, `${C}-popover-shared`, m?.themeClass.value, N.map((S) => `${C}-${S}`), {
+            [`${C}-popover--scrollable`]: e.scrollable,
+            [`${C}-popover--show-header-or-footer`]: k,
+            [`${C}-popover--raw`]: e.raw,
+            [`${C}-popover-shared--overlap`]: e.overlap,
+            [`${C}-popover-shared--show-arrow`]: e.showArrow,
+            [`${C}-popover-shared--center-arrow`]: e.arrowPointToCenter
           }],
           ref: c,
-          style: f.value,
+          style: d.value,
           onKeydown: a.handleKeydown,
-          onMouseenter: u,
-          onMouseleave: C
-        }, n), M ? A(nu, {
+          onMouseenter: f,
+          onMouseleave: F
+        }, n), M ? E(nu, {
           active: e.show,
           autoFocus: !0
         }, {
-          default: O
-        }) : O());
+          default: L
+        }) : L());
       }
-      return ft(w, p.value);
+      return ft(y, p.value);
     }
     return {
       displayed: h,
@@ -5534,12 +5534,12 @@ const Xh = ee({
       zIndex: a.zIndexRef,
       followerRef: l,
       adjustedTo: vt(e),
-      followerEnabled: d,
-      renderContentNode: L
+      followerEnabled: u,
+      renderContentNode: _
     };
   },
   render() {
-    return A(Ei, {
+    return E(Ei, {
       ref: "followerRef",
       zIndex: this.zIndex,
       show: this.show,
@@ -5554,7 +5554,7 @@ const Xh = ee({
       width: this.width === "trigger" ? "target" : void 0,
       teleportDisabled: this.adjustedTo === vt.tdkey
     }, {
-      default: () => this.animated ? A(nn, {
+      default: () => this.animated ? E(nn, {
         name: "popover-transition",
         appear: this.isMounted,
         // Don't use watch to enable follower, since the transition may
@@ -5691,133 +5691,133 @@ const zn = {
     rn.env.NODE_ENV !== "production" && pt(() => {
       e.maxWidth !== void 0 && Ct("popover", "`max-width` is deprecated, please use `style` instead."), e.minWidth !== void 0 && Ct("popover", "`min-width` is deprecated, please use `style` instead."), e.arrow !== void 0 && Ct("popover", "`arrow` is deprecated, please use `showArrow` instead."), e.onHide !== void 0 && Ct("popover", "`on-hide` is deprecated, please use `on-update:show` instead."), e.onShow !== void 0 && Ct("popover", "`on-show` is deprecated, please use `on-update:show` instead.");
     });
-    const t = yi(), n = R(null), r = _(() => e.show), o = R(e.defaultShow), i = wi(r, o), s = Te(() => e.disabled ? !1 : i.value), l = () => {
+    const t = yi(), n = P(null), r = I(() => e.show), o = P(e.defaultShow), i = wi(r, o), s = Te(() => e.disabled ? !1 : i.value), l = () => {
       if (e.disabled) return !0;
       const {
-        getDisabled: x
+        getDisabled: S
       } = e;
-      return !!x?.();
-    }, a = () => l() ? !1 : i.value, c = sc(e, ["arrow", "showArrow"]), d = _(() => e.overlap ? !1 : c.value);
+      return !!S?.();
+    }, a = () => l() ? !1 : i.value, c = sc(e, ["arrow", "showArrow"]), u = I(() => e.overlap ? !1 : c.value);
     let h = null;
-    const p = R(null), m = R(null), f = Te(() => e.x !== void 0 && e.y !== void 0);
-    function b(x) {
+    const p = P(null), b = P(null), d = Te(() => e.x !== void 0 && e.y !== void 0);
+    function m(S) {
       const {
-        "onUpdate:show": P,
+        "onUpdate:show": R,
         onUpdateShow: T,
         onShow: j,
         onHide: V
       } = e;
-      o.value = x, P && Ne(P, x), T && Ne(T, x), x && j && Ne(j, !0), x && V && Ne(V, !1);
+      o.value = S, R && Ne(R, S), T && Ne(T, S), S && j && Ne(j, !0), S && V && Ne(V, !1);
     }
     function v() {
       h && h.syncPosition();
     }
-    function u() {
+    function f() {
       const {
-        value: x
+        value: S
       } = p;
-      x && (window.clearTimeout(x), p.value = null);
+      S && (window.clearTimeout(S), p.value = null);
     }
-    function C() {
+    function F() {
       const {
-        value: x
-      } = m;
-      x && (window.clearTimeout(x), m.value = null);
+        value: S
+      } = b;
+      S && (window.clearTimeout(S), b.value = null);
     }
-    function F() {
-      const x = l();
-      if (e.trigger === "focus" && !x) {
+    function A() {
+      const S = l();
+      if (e.trigger === "focus" && !S) {
         if (a()) return;
-        b(!0);
+        m(!0);
       }
     }
-    function y() {
-      const x = l();
-      if (e.trigger === "focus" && !x) {
+    function x() {
+      const S = l();
+      if (e.trigger === "focus" && !S) {
         if (!a()) return;
-        b(!1);
+        m(!1);
       }
     }
-    function E() {
-      const x = l();
-      if (e.trigger === "hover" && !x) {
-        if (C(), p.value !== null || a()) return;
-        const P = () => {
-          b(!0), p.value = null;
+    function w() {
+      const S = l();
+      if (e.trigger === "hover" && !S) {
+        if (F(), p.value !== null || a()) return;
+        const R = () => {
+          m(!0), p.value = null;
         }, {
           delay: T
         } = e;
-        T === 0 ? P() : p.value = window.setTimeout(P, T);
+        T === 0 ? R() : p.value = window.setTimeout(R, T);
       }
     }
-    function L() {
-      const x = l();
-      if (e.trigger === "hover" && !x) {
-        if (u(), m.value !== null || !a()) return;
-        const P = () => {
-          b(!1), m.value = null;
+    function _() {
+      const S = l();
+      if (e.trigger === "hover" && !S) {
+        if (f(), b.value !== null || !a()) return;
+        const R = () => {
+          m(!1), b.value = null;
         }, {
           duration: T
         } = e;
-        T === 0 ? P() : m.value = window.setTimeout(P, T);
+        T === 0 ? R() : b.value = window.setTimeout(R, T);
       }
     }
     function g() {
-      L();
+      _();
     }
-    function w(x) {
-      var P;
-      a() && (e.trigger === "click" && (u(), C(), b(!1)), (P = e.onClickoutside) === null || P === void 0 || P.call(e, x));
+    function y(S) {
+      var R;
+      a() && (e.trigger === "click" && (f(), F(), m(!1)), (R = e.onClickoutside) === null || R === void 0 || R.call(e, S));
     }
     function z() {
       if (e.trigger === "click" && !l()) {
-        u(), C();
-        const x = !a();
-        b(x);
+        f(), F();
+        const S = !a();
+        m(S);
       }
     }
-    function S(x) {
-      e.internalTrapFocus && x.key === "Escape" && (u(), C(), b(!1));
+    function C(S) {
+      e.internalTrapFocus && S.key === "Escape" && (f(), F(), m(!1));
     }
-    function N(x) {
-      o.value = x;
+    function N(S) {
+      o.value = S;
     }
     function M() {
-      var x;
-      return (x = n.value) === null || x === void 0 ? void 0 : x.targetRef;
+      var S;
+      return (S = n.value) === null || S === void 0 ? void 0 : S.targetRef;
     }
-    function k(x) {
-      h = x;
+    function k(S) {
+      h = S;
     }
     return Se("NPopover", {
       getTriggerElement: M,
-      handleKeydown: S,
-      handleMouseEnter: E,
-      handleMouseLeave: L,
-      handleClickOutside: w,
+      handleKeydown: C,
+      handleMouseEnter: w,
+      handleMouseLeave: _,
+      handleClickOutside: y,
       handleMouseMoveOutside: g,
       setBodyInstance: k,
-      positionManuallyRef: f,
+      positionManuallyRef: d,
       isMountedRef: t,
       zIndexRef: se(e, "zIndex"),
       extraClassRef: se(e, "internalExtraClass"),
       internalRenderBodyRef: se(e, "internalRenderBody")
     }), pt(() => {
-      i.value && l() && b(!1);
+      i.value && l() && m(!1);
     }), {
       binderInstRef: n,
-      positionManually: f,
+      positionManually: d,
       mergedShowConsideringDisabledProp: s,
       // if to show popover body
       uncontrolledShow: o,
-      mergedShowArrow: d,
+      mergedShowArrow: u,
       getMergedShow: a,
       setShow: N,
       handleClick: z,
-      handleMouseEnter: E,
-      handleMouseLeave: L,
-      handleFocus: F,
-      handleBlur: y,
+      handleMouseEnter: w,
+      handleMouseLeave: _,
+      handleFocus: A,
+      handleBlur: x,
       syncPosition: v
     };
   },
@@ -5829,7 +5829,7 @@ const zn = {
     } = this;
     let r, o = !1;
     if (!t && (r = lu(n, "trigger"), r)) {
-      r = Qs(r), r = r.type === el ? A("span", [r]) : r;
+      r = Qs(r), r = r.type === el ? E("span", [r]) : r;
       const i = {
         onClick: this.handleClick,
         onMouseenter: this.handleMouseEnter,
@@ -5847,35 +5847,35 @@ const zn = {
           internalInheritedEventHandlers: s
         } = this, l = [i, ...s], a = {
           onBlur: (c) => {
-            l.forEach((d) => {
-              d.onBlur(c);
+            l.forEach((u) => {
+              u.onBlur(c);
             });
           },
           onFocus: (c) => {
-            l.forEach((d) => {
-              d.onFocus(c);
+            l.forEach((u) => {
+              u.onFocus(c);
             });
           },
           onClick: (c) => {
-            l.forEach((d) => {
-              d.onClick(c);
+            l.forEach((u) => {
+              u.onClick(c);
             });
           },
           onMouseenter: (c) => {
-            l.forEach((d) => {
-              d.onMouseenter(c);
+            l.forEach((u) => {
+              u.onMouseenter(c);
             });
           },
           onMouseleave: (c) => {
-            l.forEach((d) => {
-              d.onMouseleave(c);
+            l.forEach((u) => {
+              u.onMouseleave(c);
             });
           }
         };
         Zh(r, s ? "nested" : t ? "manual" : this.trigger, a);
       }
     }
-    return A($i, {
+    return E($i, {
       ref: "binderInstRef",
       syncTarget: !o,
       syncTargetWithParent: this.internalSyncTargetWithParent
@@ -5883,7 +5883,7 @@ const zn = {
       default: () => {
         this.mergedShowConsideringDisabledProp;
         const i = this.getMergedShow();
-        return [this.internalTrapFocus && i ? ft(A("div", {
+        return [this.internalTrapFocus && i ? ft(E("div", {
           style: {
             position: "fixed",
             top: 0,
@@ -5894,9 +5894,9 @@ const zn = {
         }), [[Fi, {
           enabled: i,
           zIndex: this.zIndex
-        }]]) : null, t ? null : A(zi, null, {
+        }]]) : null, t ? null : E(zi, null, {
           default: () => r
-        }), A(Xh, ki(this.$props, qh, Object.assign(Object.assign({}, this.$attrs), {
+        }), E(Xh, ki(this.$props, qh, Object.assign(Object.assign({}, this.$attrs), {
           showArrow: this.mergedShowArrow,
           show: i
         })), {
@@ -5950,24 +5950,24 @@ function e0(e) {
     borderRadius: l,
     fontSizeSmall: a,
     fontSizeMedium: c,
-    fontSizeLarge: d,
+    fontSizeLarge: u,
     fontSizeHuge: h,
     heightSmall: p,
-    heightMedium: m,
-    heightLarge: f,
-    heightHuge: b,
+    heightMedium: b,
+    heightLarge: d,
+    heightHuge: m,
     textColor3: v,
-    opacityDisabled: u
+    opacityDisabled: f
   } = e;
   return Object.assign(Object.assign({}, Qh), {
     optionHeightSmall: p,
-    optionHeightMedium: m,
-    optionHeightLarge: f,
-    optionHeightHuge: b,
+    optionHeightMedium: b,
+    optionHeightLarge: d,
+    optionHeightHuge: m,
     borderRadius: l,
     fontSizeSmall: a,
     fontSizeMedium: c,
-    fontSizeLarge: d,
+    fontSizeLarge: u,
     fontSizeHuge: h,
     // non-inverted
     optionTextColor: n,
@@ -5995,7 +5995,7 @@ function e0(e) {
     optionColorHoverInverted: t,
     optionColorActiveInverted: t,
     groupHeaderTextColorInverted: "#AAA",
-    optionOpacityDisabled: u
+    optionOpacityDisabled: f
   });
 }
 const t0 = {
@@ -6036,7 +6036,7 @@ const o0 = {
   setup(e) {
     const {
       mergedClsPrefixRef: t
-    } = bt(e), n = pe("Tooltip", "-tooltip", void 0, o0, e, t), r = R(null);
+    } = bt(e), n = pe("Tooltip", "-tooltip", void 0, o0, e, t), r = P(null);
     return Object.assign(Object.assign({}, {
       syncPosition() {
         r.value.syncPosition();
@@ -6047,7 +6047,7 @@ const o0 = {
     }), {
       popoverRef: r,
       mergedTheme: n,
-      popoverThemeOverrides: _(() => n.value.self)
+      popoverThemeOverrides: I(() => n.value.self)
     });
   },
   render() {
@@ -6055,7 +6055,7 @@ const o0 = {
       mergedTheme: e,
       internalExtraClass: t
     } = this;
-    return A(ds, Object.assign(Object.assign({}, this.$props), {
+    return E(ds, Object.assign(Object.assign({}, this.$props), {
       theme: e.peers.Popover,
       themeOverrides: e.peerOverrides.Popover,
       builtinThemeOverrides: this.popoverThemeOverrides,
@@ -6072,7 +6072,7 @@ const o0 = {
     }
   },
   render() {
-    return A("div", {
+    return E("div", {
       class: `${this.clsPrefix}-dropdown-divider`
     });
   }
@@ -6118,17 +6118,17 @@ const o0 = {
       renderOption: s
     } = this, {
       rawNode: l
-    } = this.tmNode, a = A("div", Object.assign({
+    } = this.tmNode, a = E("div", Object.assign({
       class: `${t}-dropdown-option`
-    }, o?.(l)), A("div", {
+    }, o?.(l)), E("div", {
       class: `${t}-dropdown-option-body ${t}-dropdown-option-body--group`
-    }, A("div", {
+    }, E("div", {
       "data-dropdown-option": !0,
       class: [`${t}-dropdown-option-body__prefix`, r && `${t}-dropdown-option-body__prefix--show-icon`]
-    }, cn(l.icon)), A("div", {
+    }, cn(l.icon)), E("div", {
       class: `${t}-dropdown-option-body__label`,
       "data-dropdown-option": !0
-    }, i ? i(l) : cn((e = l.title) !== null && e !== void 0 ? e : l[this.labelField])), A("div", {
+    }, i ? i(l) : cn((e = l.title) !== null && e !== void 0 ? e : l[this.labelField])), E("div", {
       class: [`${t}-dropdown-option-body__suffix`, n && `${t}-dropdown-option-body__suffix--has-submenu`],
       "data-dropdown-option": !0
     })));
@@ -6192,7 +6192,7 @@ const a0 = {
     const {
       mergedClsPrefixRef: t,
       inlineThemeDisabled: n
-    } = bt(e), r = pe("Icon", "-icon", c0, a0, e, t), o = _(() => {
+    } = bt(e), r = pe("Icon", "-icon", c0, a0, e, t), o = I(() => {
       const {
         depth: s
       } = e, {
@@ -6204,12 +6204,12 @@ const a0 = {
       if (s !== void 0) {
         const {
           color: c,
-          [`opacity${s}Depth`]: d
+          [`opacity${s}Depth`]: u
         } = a;
         return {
           "--n-bezier": l,
           "--n-color": c,
-          "--n-opacity": d
+          "--n-opacity": u
         };
       }
       return {
@@ -6217,10 +6217,10 @@ const a0 = {
         "--n-color": "",
         "--n-opacity": ""
       };
-    }), i = n ? yn("icon", _(() => `${e.depth || "d"}`), o, e) : void 0;
+    }), i = n ? yn("icon", I(() => `${e.depth || "d"}`), o, e) : void 0;
     return {
       mergedClsPrefix: t,
-      mergedStyle: _(() => {
+      mergedStyle: I(() => {
         const {
           size: s,
           color: l
@@ -6245,14 +6245,14 @@ const a0 = {
       onRender: i,
       themeClass: s
     } = this;
-    return !((e = t?.$options) === null || e === void 0) && e._n_icon__ && an("icon", "don't wrap `n-icon` inside `n-icon`"), i?.(), A("i", gt(this.$attrs, {
+    return !((e = t?.$options) === null || e === void 0) && e._n_icon__ && an("icon", "don't wrap `n-icon` inside `n-icon`"), i?.(), E("i", gt(this.$attrs, {
       role: "img",
       class: [`${r}-icon`, s, {
         [`${r}-icon--depth`]: n,
         [`${r}-icon--color-transition`]: n !== void 0
       }],
       style: [this.cssVars, this.mergedStyle]
-    }), o ? A(o) : this.$slots);
+    }), o ? E(o) : this.$slots);
   }
 });
 function dr(e, t) {
@@ -6299,24 +6299,24 @@ const ps = ee({
       animatedRef: l,
       mergedShowRef: a,
       renderLabelRef: c,
-      renderIconRef: d,
+      renderIconRef: u,
       labelFieldRef: h,
       childrenFieldRef: p,
-      renderOptionRef: m,
-      nodePropsRef: f,
-      menuPropsRef: b
-    } = t, v = te(ri, null), u = te(_r), C = te(mn), F = _(() => e.tmNode.rawNode), y = _(() => {
+      renderOptionRef: b,
+      nodePropsRef: d,
+      menuPropsRef: m
+    } = t, v = te(ri, null), f = te(_r), F = te(mn), A = I(() => e.tmNode.rawNode), x = I(() => {
       const {
         value: T
       } = p;
       return dr(e.tmNode.rawNode, T);
-    }), E = _(() => {
+    }), w = I(() => {
       const {
         disabled: T
       } = e.tmNode;
       return T;
-    }), L = _(() => {
-      if (!y.value) return !1;
+    }), _ = I(() => {
+      if (!x.value) return !1;
       const {
         key: T,
         disabled: j
@@ -6332,15 +6332,15 @@ const ps = ee({
         value: ge
       } = i;
       return V !== null ? ge.includes(T) : U !== null ? ge.includes(T) && ge[ge.length - 1] !== T : ue !== null ? ge.includes(T) : !1;
-    }), g = _(() => r.value === null && !l.value), w = dc(L, 300, g), z = _(() => !!v?.enteringSubmenuRef.value), S = R(!1);
+    }), g = I(() => r.value === null && !l.value), y = dc(_, 300, g), z = I(() => !!v?.enteringSubmenuRef.value), C = P(!1);
     Se(ri, {
-      enteringSubmenuRef: S
+      enteringSubmenuRef: C
     });
     function N() {
-      S.value = !0;
+      C.value = !0;
     }
     function M() {
-      S.value = !1;
+      C.value = !1;
     }
     function k() {
       const {
@@ -6349,13 +6349,13 @@ const ps = ee({
       } = e;
       j.disabled || a.value && (o.value = T, r.value = null, n.value = j.key);
     }
-    function O() {
+    function L() {
       const {
         tmNode: T
       } = e;
       T.disabled || a.value && n.value !== T.key && k();
     }
-    function x(T) {
+    function S(T) {
       if (e.tmNode.disabled || !a.value) return;
       const {
         relatedTarget: j
@@ -6366,10 +6366,10 @@ const ps = ee({
         target: j
       }, "scrollbarRail") && (n.value = null);
     }
-    function P() {
+    function R() {
       const {
         value: T
-      } = y, {
+      } = x, {
         tmNode: j
       } = e;
       a.value && !T && !j.disabled && (t.doSelect(j.key, j.rawNode), t.doUpdateShow(!1));
@@ -6377,15 +6377,15 @@ const ps = ee({
     return {
       labelField: h,
       renderLabel: c,
-      renderIcon: d,
-      siblingHasIcon: u.showIconRef,
-      siblingHasSubmenu: u.hasSubmenuRef,
-      menuProps: b,
-      popoverBody: C,
+      renderIcon: u,
+      siblingHasIcon: f.showIconRef,
+      siblingHasSubmenu: f.hasSubmenuRef,
+      menuProps: m,
+      popoverBody: F,
       animated: l,
-      mergedShowSubmenu: _(() => w.value && !z.value),
-      rawNode: F,
-      hasSubmenu: y,
+      mergedShowSubmenu: I(() => y.value && !z.value),
+      rawNode: A,
+      hasSubmenu: x,
       pending: Te(() => {
         const {
           value: T
@@ -6410,13 +6410,13 @@ const ps = ee({
         } = e.tmNode, V = T.findIndex((U) => j === U);
         return V === -1 ? !1 : V === T.length - 1;
       }),
-      mergedDisabled: E,
-      renderOption: m,
-      nodeProps: f,
-      handleClick: P,
-      handleMouseMove: O,
+      mergedDisabled: w,
+      renderOption: b,
+      nodeProps: d,
+      handleClick: R,
+      handleMouseMove: L,
       handleMouseEnter: k,
-      handleMouseLeave: x,
+      handleMouseLeave: S,
       handleSubmenuBeforeEnter: N,
       handleSubmenuAfterEnter: M
     };
@@ -6432,67 +6432,67 @@ const ps = ee({
       siblingHasSubmenu: l,
       renderLabel: a,
       renderIcon: c,
-      renderOption: d,
+      renderOption: u,
       nodeProps: h,
       props: p,
-      scrollable: m
+      scrollable: b
     } = this;
-    let f = null;
+    let d = null;
     if (o) {
-      const C = (e = this.menuProps) === null || e === void 0 ? void 0 : e.call(this, r, r.children);
-      f = A(vs, Object.assign({}, C, {
+      const F = (e = this.menuProps) === null || e === void 0 ? void 0 : e.call(this, r, r.children);
+      d = E(vs, Object.assign({}, F, {
         clsPrefix: i,
         scrollable: this.scrollable,
         tmNodes: this.tmNode.children,
         parentKey: this.tmNode.key
       }));
     }
-    const b = {
+    const m = {
       class: [`${i}-dropdown-option-body`, this.pending && `${i}-dropdown-option-body--pending`, this.active && `${i}-dropdown-option-body--active`, this.childActive && `${i}-dropdown-option-body--child-active`, this.mergedDisabled && `${i}-dropdown-option-body--disabled`],
       onMousemove: this.handleMouseMove,
       onMouseenter: this.handleMouseEnter,
       onMouseleave: this.handleMouseLeave,
       onClick: this.handleClick
-    }, v = h?.(r), u = A("div", Object.assign({
+    }, v = h?.(r), f = E("div", Object.assign({
       class: [`${i}-dropdown-option`, v?.class],
       "data-dropdown-option": !0
-    }, v), A("div", gt(b, p), [A("div", {
+    }, v), E("div", gt(m, p), [E("div", {
       class: [`${i}-dropdown-option-body__prefix`, s && `${i}-dropdown-option-body__prefix--show-icon`]
-    }, [c ? c(r) : cn(r.icon)]), A("div", {
+    }, [c ? c(r) : cn(r.icon)]), E("div", {
       "data-dropdown-option": !0,
       class: `${i}-dropdown-option-body__label`
-    }, a ? a(r) : cn((t = r[this.labelField]) !== null && t !== void 0 ? t : r.title)), A("div", {
+    }, a ? a(r) : cn((t = r[this.labelField]) !== null && t !== void 0 ? t : r.title)), E("div", {
       "data-dropdown-option": !0,
       class: [`${i}-dropdown-option-body__suffix`, l && `${i}-dropdown-option-body__suffix--has-submenu`]
-    }, this.hasSubmenu ? A(d0, null, {
-      default: () => A(ch, null)
-    }) : null)]), this.hasSubmenu ? A($i, null, {
-      default: () => [A(zi, null, {
-        default: () => A("div", {
+    }, this.hasSubmenu ? E(d0, null, {
+      default: () => E(ch, null)
+    }) : null)]), this.hasSubmenu ? E($i, null, {
+      default: () => [E(zi, null, {
+        default: () => E("div", {
           class: `${i}-dropdown-offset-container`
-        }, A(Ei, {
+        }, E(Ei, {
           show: this.mergedShowSubmenu,
           placement: this.placement,
-          to: m && this.popoverBody || void 0,
-          teleportDisabled: !m
+          to: b && this.popoverBody || void 0,
+          teleportDisabled: !b
         }, {
-          default: () => A("div", {
+          default: () => E("div", {
             class: `${i}-dropdown-menu-wrapper`
-          }, n ? A(nn, {
+          }, n ? E(nn, {
             onBeforeEnter: this.handleSubmenuBeforeEnter,
             onAfterEnter: this.handleSubmenuAfterEnter,
             name: "fade-in-scale-up-transition",
             appear: !0
           }, {
-            default: () => f
-          }) : f)
+            default: () => d
+          }) : d)
         }))
       })]
     }) : null);
-    return d ? d({
-      node: u,
+    return u ? u({
+      node: f,
       option: r
-    }) : u;
+    }) : f;
   }
 }), p0 = ee({
   name: "NDropdownGroup",
@@ -6518,7 +6518,7 @@ const ps = ee({
     } = this, {
       children: r
     } = e;
-    return A(_e, null, A(s0, {
+    return E(_e, null, E(s0, {
       clsPrefix: n,
       tmNode: e,
       key: e.key
@@ -6526,10 +6526,10 @@ const ps = ee({
       const {
         rawNode: i
       } = o;
-      return i.show === !1 ? null : hs(i) ? A(fs, {
+      return i.show === !1 ? null : hs(i) ? E(fs, {
         clsPrefix: n,
         key: o.key
-      }) : o.isGroup ? (an("dropdown", "`group` node is not allowed to be put in `group` node."), null) : A(ps, {
+      }) : o.isGroup ? (an("dropdown", "`group` node is not allowed to be put in `group` node."), null) : E(ps, {
         clsPrefix: n,
         tmNode: o,
         parentKey: t,
@@ -6552,7 +6552,7 @@ const ps = ee({
         props: t
       }
     } = this.tmNode;
-    return A("div", t, [e?.()]);
+    return E("div", t, [e?.()]);
   }
 }), vs = ee({
   name: "DropdownMenu",
@@ -6579,7 +6579,7 @@ const ps = ee({
       childrenFieldRef: n
     } = te(Fn);
     Se(_r, {
-      showIconRef: _(() => {
+      showIconRef: I(() => {
         const o = t.value;
         return e.tmNodes.some((i) => {
           var s;
@@ -6593,7 +6593,7 @@ const ps = ee({
           return o ? o(l) : l.icon;
         });
       }),
-      hasSubmenuRef: _(() => {
+      hasSubmenuRef: I(() => {
         const {
           value: o
         } = n;
@@ -6610,7 +6610,7 @@ const ps = ee({
         });
       })
     });
-    const r = R(null);
+    const r = P(null);
     return Se(vr, null), Se(pr, null), Se(mn, r), {
       bodyRef: r
     };
@@ -6624,18 +6624,18 @@ const ps = ee({
       const {
         rawNode: i
       } = o;
-      return i.show === !1 ? null : h0(i) ? A(v0, {
+      return i.show === !1 ? null : h0(i) ? E(v0, {
         tmNode: o,
         key: o.key
-      }) : hs(i) ? A(fs, {
+      }) : hs(i) ? E(fs, {
         clsPrefix: t,
         key: o.key
-      }) : f0(i) ? A(p0, {
+      }) : f0(i) ? E(p0, {
         clsPrefix: t,
         tmNode: o,
         parentKey: e,
         key: o.key
-      }) : A(ps, {
+      }) : E(ps, {
         clsPrefix: t,
         tmNode: o,
         parentKey: e,
@@ -6644,10 +6644,10 @@ const ps = ee({
         scrollable: n
       });
     });
-    return A("div", {
+    return E("div", {
       class: [`${t}-dropdown-menu`, n && `${t}-dropdown-menu--scrollable`],
       ref: "bodyRef"
-    }, n ? A(ss, {
+    }, n ? E(ss, {
       contentClass: `${t}-dropdown-menu__content`
     }, {
       default: () => r
@@ -6823,58 +6823,58 @@ const ps = ee({
   inheritAttrs: !1,
   props: w0,
   setup(e) {
-    const t = R(!1), n = wi(se(e, "show"), t), r = _(() => {
+    const t = P(!1), n = wi(se(e, "show"), t), r = I(() => {
       const {
         keyField: M,
         childrenField: k
       } = e;
       return Wh(e.options, {
-        getKey(O) {
-          return O[M];
+        getKey(L) {
+          return L[M];
         },
-        getDisabled(O) {
-          return O.disabled === !0;
+        getDisabled(L) {
+          return L.disabled === !0;
         },
-        getIgnored(O) {
-          return O.type === "divider" || O.type === "render";
+        getIgnored(L) {
+          return L.type === "divider" || L.type === "render";
         },
-        getChildren(O) {
-          return O[k];
+        getChildren(L) {
+          return L[k];
         }
       });
-    }), o = _(() => r.value.treeNodes), i = R(null), s = R(null), l = R(null), a = _(() => {
-      var M, k, O;
-      return (O = (k = (M = i.value) !== null && M !== void 0 ? M : s.value) !== null && k !== void 0 ? k : l.value) !== null && O !== void 0 ? O : null;
-    }), c = _(() => r.value.getPath(a.value).keyPath), d = _(() => r.value.getPath(e.value).keyPath), h = Te(() => e.keyboard && n.value);
+    }), o = I(() => r.value.treeNodes), i = P(null), s = P(null), l = P(null), a = I(() => {
+      var M, k, L;
+      return (L = (k = (M = i.value) !== null && M !== void 0 ? M : s.value) !== null && k !== void 0 ? k : l.value) !== null && L !== void 0 ? L : null;
+    }), c = I(() => r.value.getPath(a.value).keyPath), u = I(() => r.value.getPath(e.value).keyPath), h = Te(() => e.keyboard && n.value);
     cc({
       keydown: {
         ArrowUp: {
           prevent: !0,
-          handler: E
+          handler: w
         },
         ArrowRight: {
           prevent: !0,
-          handler: y
+          handler: x
         },
         ArrowDown: {
           prevent: !0,
-          handler: L
+          handler: _
         },
         ArrowLeft: {
           prevent: !0,
-          handler: F
+          handler: A
         },
         Enter: {
           prevent: !0,
           handler: g
         },
-        Escape: C
+        Escape: F
       }
     }, h);
     const {
       mergedClsPrefixRef: p,
-      inlineThemeDisabled: m
-    } = bt(e), f = pe("Dropdown", "-dropdown", g0, t0, e, p);
+      inlineThemeDisabled: b
+    } = bt(e), d = pe("Dropdown", "-dropdown", g0, t0, e, p);
     Se(Fn, {
       labelFieldRef: se(e, "labelField"),
       childrenFieldRef: se(e, "childrenField"),
@@ -6884,107 +6884,107 @@ const ps = ee({
       keyboardKeyRef: s,
       lastToggledSubmenuKeyRef: l,
       pendingKeyPathRef: c,
-      activeKeyPathRef: d,
+      activeKeyPathRef: u,
       animatedRef: se(e, "animated"),
       mergedShowRef: n,
       nodePropsRef: se(e, "nodeProps"),
       renderOptionRef: se(e, "renderOption"),
       menuPropsRef: se(e, "menuProps"),
-      doSelect: b,
+      doSelect: m,
       doUpdateShow: v
     }), we(n, (M) => {
-      !e.animated && !M && u();
+      !e.animated && !M && f();
     });
-    function b(M, k) {
+    function m(M, k) {
       const {
-        onSelect: O
+        onSelect: L
       } = e;
-      O && Ne(O, M, k);
+      L && Ne(L, M, k);
     }
     function v(M) {
       const {
         "onUpdate:show": k,
-        onUpdateShow: O
+        onUpdateShow: L
       } = e;
-      k && Ne(k, M), O && Ne(O, M), t.value = M;
+      k && Ne(k, M), L && Ne(L, M), t.value = M;
     }
-    function u() {
+    function f() {
       i.value = null, s.value = null, l.value = null;
     }
-    function C() {
+    function F() {
       v(!1);
     }
-    function F() {
+    function A() {
       z("left");
     }
-    function y() {
+    function x() {
       z("right");
     }
-    function E() {
+    function w() {
       z("up");
     }
-    function L() {
+    function _() {
       z("down");
     }
     function g() {
-      const M = w();
-      M?.isLeaf && n.value && (b(M.key, M.rawNode), v(!1));
+      const M = y();
+      M?.isLeaf && n.value && (m(M.key, M.rawNode), v(!1));
     }
-    function w() {
+    function y() {
       var M;
       const {
         value: k
       } = r, {
-        value: O
+        value: L
       } = a;
-      return !k || O === null ? null : (M = k.getNode(O)) !== null && M !== void 0 ? M : null;
+      return !k || L === null ? null : (M = k.getNode(L)) !== null && M !== void 0 ? M : null;
     }
     function z(M) {
       const {
         value: k
       } = a, {
         value: {
-          getFirstAvailableNode: O
+          getFirstAvailableNode: L
         }
       } = r;
-      let x = null;
+      let S = null;
       if (k === null) {
-        const P = O();
-        P !== null && (x = P.key);
+        const R = L();
+        R !== null && (S = R.key);
       } else {
-        const P = w();
-        if (P) {
+        const R = y();
+        if (R) {
           let T;
           switch (M) {
             case "down":
-              T = P.getNext();
+              T = R.getNext();
               break;
             case "up":
-              T = P.getPrev();
+              T = R.getPrev();
               break;
             case "right":
-              T = P.getChild();
+              T = R.getChild();
               break;
             case "left":
-              T = P.getParent();
+              T = R.getParent();
               break;
           }
-          T && (x = T.key);
+          T && (S = T.key);
         }
       }
-      x !== null && (i.value = null, s.value = x);
+      S !== null && (i.value = null, s.value = S);
     }
-    const S = _(() => {
+    const C = I(() => {
       const {
         size: M,
         inverted: k
       } = e, {
         common: {
-          cubicBezierEaseInOut: O
+          cubicBezierEaseInOut: L
         },
-        self: x
-      } = f.value, {
-        padding: P,
+        self: S
+      } = d.value, {
+        padding: R,
         dividerColor: T,
         borderRadius: j,
         optionOpacityDisabled: V,
@@ -6995,10 +6995,10 @@ const ps = ee({
         [Re("fontSize", M)]: En,
         [Re("optionHeight", M)]: An,
         [Re("optionIconSize", M)]: Ae
-      } = x, Y = {
-        "--n-bezier": O,
+      } = S, Y = {
+        "--n-bezier": L,
         "--n-font-size": En,
-        "--n-padding": P,
+        "--n-padding": R,
         "--n-border-radius": j,
         "--n-option-height": An,
         "--n-option-prefix-width": Rt,
@@ -7009,21 +7009,21 @@ const ps = ee({
         "--n-divider-color": T,
         "--n-option-opacity-disabled": V
       };
-      return k ? (Y["--n-color"] = x.colorInverted, Y["--n-option-color-hover"] = x.optionColorHoverInverted, Y["--n-option-color-active"] = x.optionColorActiveInverted, Y["--n-option-text-color"] = x.optionTextColorInverted, Y["--n-option-text-color-hover"] = x.optionTextColorHoverInverted, Y["--n-option-text-color-active"] = x.optionTextColorActiveInverted, Y["--n-option-text-color-child-active"] = x.optionTextColorChildActiveInverted, Y["--n-prefix-color"] = x.prefixColorInverted, Y["--n-suffix-color"] = x.suffixColorInverted, Y["--n-group-header-text-color"] = x.groupHeaderTextColorInverted) : (Y["--n-color"] = x.color, Y["--n-option-color-hover"] = x.optionColorHover, Y["--n-option-color-active"] = x.optionColorActive, Y["--n-option-text-color"] = x.optionTextColor, Y["--n-option-text-color-hover"] = x.optionTextColorHover, Y["--n-option-text-color-active"] = x.optionTextColorActive, Y["--n-option-text-color-child-active"] = x.optionTextColorChildActive, Y["--n-prefix-color"] = x.prefixColor, Y["--n-suffix-color"] = x.suffixColor, Y["--n-group-header-text-color"] = x.groupHeaderTextColor), Y;
-    }), N = m ? yn("dropdown", _(() => `${e.size[0]}${e.inverted ? "i" : ""}`), S, e) : void 0;
+      return k ? (Y["--n-color"] = S.colorInverted, Y["--n-option-color-hover"] = S.optionColorHoverInverted, Y["--n-option-color-active"] = S.optionColorActiveInverted, Y["--n-option-text-color"] = S.optionTextColorInverted, Y["--n-option-text-color-hover"] = S.optionTextColorHoverInverted, Y["--n-option-text-color-active"] = S.optionTextColorActiveInverted, Y["--n-option-text-color-child-active"] = S.optionTextColorChildActiveInverted, Y["--n-prefix-color"] = S.prefixColorInverted, Y["--n-suffix-color"] = S.suffixColorInverted, Y["--n-group-header-text-color"] = S.groupHeaderTextColorInverted) : (Y["--n-color"] = S.color, Y["--n-option-color-hover"] = S.optionColorHover, Y["--n-option-color-active"] = S.optionColorActive, Y["--n-option-text-color"] = S.optionTextColor, Y["--n-option-text-color-hover"] = S.optionTextColorHover, Y["--n-option-text-color-active"] = S.optionTextColorActive, Y["--n-option-text-color-child-active"] = S.optionTextColorChildActive, Y["--n-prefix-color"] = S.prefixColor, Y["--n-suffix-color"] = S.suffixColor, Y["--n-group-header-text-color"] = S.groupHeaderTextColor), Y;
+    }), N = b ? yn("dropdown", I(() => `${e.size[0]}${e.inverted ? "i" : ""}`), C, e) : void 0;
     return {
       mergedClsPrefix: p,
-      mergedTheme: f,
+      mergedTheme: d,
       // data
       tmNodes: o,
       // show
       mergedShow: n,
       // methods
       handleAfterLeave: () => {
-        e.animated && u();
+        e.animated && f();
       },
       doUpdateShow: v,
-      cssVars: m ? void 0 : S,
+      cssVars: b ? void 0 : C,
       themeClass: N?.themeClass,
       onRender: N?.onRender
     };
@@ -7033,10 +7033,10 @@ const ps = ee({
       var a;
       const {
         mergedClsPrefix: c,
-        menuProps: d
+        menuProps: u
       } = this;
       (a = this.onRender) === null || a === void 0 || a.call(this);
-      const h = d?.(void 0, this.tmNodes.map((m) => m.rawNode)) || {}, p = {
+      const h = u?.(void 0, this.tmNodes.map((b) => b.rawNode)) || {}, p = {
         ref: su(o),
         class: [r, `${c}-dropdown`, this.themeClass],
         clsPrefix: c,
@@ -7048,7 +7048,7 @@ const ps = ee({
         onMouseenter: s,
         onMouseleave: l
       };
-      return A(vs, gt(this.$attrs, p, h));
+      return E(vs, gt(this.$attrs, p, h));
     }, {
       mergedTheme: t
     } = this, n = {
@@ -7060,7 +7060,7 @@ const ps = ee({
       onUpdateShow: this.doUpdateShow,
       "onUpdate:show": void 0
     };
-    return A(ds, Object.assign({}, ki(this.$props, b0), n), {
+    return E(ds, Object.assign({}, ki(this.$props, b0), n), {
       trigger: () => {
         var r, o;
         return (o = (r = this.$slots).default) === null || o === void 0 ? void 0 : o.call(r);
@@ -7139,7 +7139,7 @@ const S0 = {
     } = bt(e), n = pe("Skeleton", "-skeleton", C0, S0, e, t);
     return {
       mergedClsPrefix: t,
-      style: _(() => {
+      style: I(() => {
         var r, o;
         const i = n.value, {
           common: {
@@ -7148,28 +7148,28 @@ const S0 = {
         } = i, l = i.self, {
           color: a,
           colorEnd: c,
-          borderRadius: d
+          borderRadius: u
         } = l;
         let h;
         const {
           circle: p,
-          sharp: m,
-          round: f,
-          width: b,
+          sharp: b,
+          round: d,
+          width: m,
           height: v,
-          size: u,
-          text: C,
-          animated: F
+          size: f,
+          text: F,
+          animated: A
         } = e;
-        u !== void 0 && (h = l[Re("height", u)]);
-        const y = p ? (r = b ?? v) !== null && r !== void 0 ? r : h : b, E = (o = p ? b ?? v : v) !== null && o !== void 0 ? o : h;
+        f !== void 0 && (h = l[Re("height", f)]);
+        const x = p ? (r = m ?? v) !== null && r !== void 0 ? r : h : m, w = (o = p ? m ?? v : v) !== null && o !== void 0 ? o : h;
         return {
-          display: C ? "inline-block" : "",
-          verticalAlign: C ? "-0.125em" : "",
-          borderRadius: p ? "50%" : f ? "4096px" : m ? "" : d,
-          width: typeof y == "number" ? Qr(y) : y,
-          height: typeof E == "number" ? Qr(E) : E,
-          animation: F ? "" : "none",
+          display: F ? "inline-block" : "",
+          verticalAlign: F ? "-0.125em" : "",
+          borderRadius: p ? "50%" : d ? "4096px" : b ? "" : u,
+          width: typeof x == "number" ? Qr(x) : x,
+          height: typeof w == "number" ? Qr(w) : w,
+          animation: A ? "" : "none",
           "--n-bezier": s,
           "--n-color-start": a,
           "--n-color-end": c
@@ -7183,11 +7183,11 @@ const S0 = {
       style: t,
       mergedClsPrefix: n,
       $attrs: r
-    } = this, o = A("div", gt({
+    } = this, o = E("div", gt({
       class: `${n}-skeleton`,
       style: t
     }, r));
-    return e > 1 ? A(_e, null, qa(e, null).map((i) => [o, `
+    return e > 1 ? E(_e, null, qa(e, null).map((i) => [o, `
 `])) : o;
   }
 }), z0 = { key: 0 }, F0 = { key: 0 }, E0 = { key: 0 }, A0 = {
@@ -7208,7 +7208,7 @@ const S0 = {
   },
   emits: ["command"],
   setup(e, { emit: t }) {
-    const n = t, r = e, o = R(null), i = window.matchMedia("(max-width: 768px)").matches, s = {
+    const n = t, r = e, o = P(null), i = window.matchMedia("(max-width: 768px)").matches, s = {
       left: {
         minWidth: "140px",
         justifyContent: "flex-start"
@@ -7222,120 +7222,126 @@ const S0 = {
         flexGrow: i ? 0 : 1,
         justifyContent: "center"
       }
-    }, l = _(() => s[r.position] || s.default), a = (u) => u.type === "button", c = (u) => u.type === "dropdown", d = (u) => u.type === "separator", h = (u) => u.type === "overflow", p = (u, C = null) => {
-      o.value = u, o.value.expand = !0, !u.disabled.value && n("command", { item: u, argument: C });
-    }, m = (u, C) => {
-      u.disabled.value || (o.value = null, n("command", { item: u, argument: C }));
-    }, f = () => {
+    }, l = I(() => s[r.position] || s.default), a = (A) => A.type === "button", c = (A) => A.type === "dropdown", u = (A) => A.type === "separator", h = (A) => A.type === "overflow", p = (A, x = null) => {
+      o.value = A, o.value.expand = !0, !A.disabled.value && n("command", { item: A, argument: x });
+    }, b = (A, x) => {
+      A.disabled.value || (o.value = null, n("command", { item: A, argument: x }));
+    }, d = () => {
       o.value && (o.value.expand = !1, o.value = null);
-    }, b = (u, C) => {
-      f();
-      const F = u.dropdownValueKey.value ? C[u.dropdownValueKey.value] : C.label;
-      n("command", { item: u, argument: F, option: C });
-    }, v = (u) => {
-      f();
+    }, m = P(null), v = (A, x) => {
+      d();
+      const w = A.dropdownValueKey.value ? x[A.dropdownValueKey.value] : x.label;
+      n("command", { item: A, argument: w, option: x }), m.value = x.key;
+    }, f = (A) => A.nestedOptions?.value?.length ? A.nestedOptions.value.map((x) => ({
+      ...x,
+      props: {
+        ...x.props,
+        class: m.value === x.key ? "selected" : ""
+      }
+    })) : [], F = (A) => {
+      d();
     };
-    return (u, C) => (q(), ie("div", {
+    return (A, x) => (q(), ie("div", {
       style: Tt(l.value),
       class: "button-group"
     }, [
-      (q(!0), ie(_e, null, tl(e.toolbarItems, (F) => (q(), ie("div", {
-        key: F.id.value,
+      (q(!0), ie(_e, null, tl(e.toolbarItems, (w) => (q(), ie("div", {
+        key: w.id.value,
         class: en([{
-          narrow: F.isNarrow.value,
-          wide: F.isWide.value
+          narrow: w.isNarrow.value,
+          wide: w.isWide.value
         }, "toolbar-item-ctn"])
       }, [
-        d(F) ? (q(), Ge(oa, {
+        u(w) ? (q(), Ge(oa, {
           key: 0,
           style: { width: "20px" }
         })) : he("", !0),
-        c(F) && F.nestedOptions?.value?.length ? (q(), Ge(W(y0), {
+        c(w) && w.nestedOptions?.value?.length ? (q(), Ge(W(y0), {
           key: 1,
-          options: F.nestedOptions.value,
-          trigger: F.disabled.value ? null : "click",
-          show: F.expand.value,
+          options: f(w),
+          trigger: w.disabled.value ? null : "click",
+          show: w.expand.value,
           size: "medium",
           placement: "bottom-start",
           class: "toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown",
-          onSelect: (y, E) => b(F, E),
-          onClickoutside: v,
-          style: Tt(F.dropdownStyles.value)
+          onSelect: (_, g) => v(w, g),
+          onClickoutside: F,
+          style: Tt(w.dropdownStyles.value)
         }, {
           default: xt(() => [
             ct(W(ni), {
               trigger: "hover",
-              disabled: !F.tooltip?.value
+              disabled: !w.tooltip?.value
             }, {
               trigger: xt(() => [
                 ct(qn, {
-                  "toolbar-item": F,
-                  onTextSubmit: (y) => m(F, y),
-                  onButtonClick: (y) => p(F)
+                  "toolbar-item": w,
+                  onTextSubmit: (_) => b(w, _),
+                  onButtonClick: (_) => p(w)
                 }, null, 8, ["toolbar-item", "onTextSubmit", "onButtonClick"])
               ]),
               default: xt(() => [
                 Ot("div", null, [
-                  ht(Xn(F.tooltip) + " ", 1),
-                  F.disabled.value ? (q(), ie("span", z0, "(disabled)")) : he("", !0)
+                  ht(Xn(w.tooltip) + " ", 1),
+                  w.disabled.value ? (q(), ie("span", z0, "(disabled)")) : he("", !0)
                 ])
               ]),
               _: 2
             }, 1032, ["disabled"])
           ]),
           _: 2
-        }, 1032, ["options", "trigger", "show", "onSelect", "style"])) : a(F) ? (q(), Ge(W(ni), {
+        }, 1032, ["options", "trigger", "show", "onSelect", "style"])) : a(w) ? (q(), Ge(W(ni), {
           key: 2,
           trigger: "hover",
           class: "sd-editor-toolbar-tooltip"
         }, {
           trigger: xt(() => [
             ct(qn, {
-              "toolbar-item": F,
-              onTextSubmit: (y) => m(F, y),
-              onButtonClick: (y) => p(F)
+              "toolbar-item": w,
+              onTextSubmit: (_) => b(w, _),
+              onButtonClick: (_) => p(w)
             }, null, 8, ["toolbar-item", "onTextSubmit", "onButtonClick"])
           ]),
           default: xt(() => [
-            F.tooltip ? (q(), ie("div", F0, [
-              ht(Xn(F.tooltip) + " ", 1),
-              F.disabled.value ? (q(), ie("span", E0, "(disabled)")) : he("", !0)
+            w.tooltip ? (q(), ie("div", F0, [
+              ht(Xn(w.tooltip) + " ", 1),
+              w.disabled.value ? (q(), ie("span", E0, "(disabled)")) : he("", !0)
             ])) : he("", !0)
           ]),
           _: 2
         }, 1024)) : he("", !0),
-        h(F) && e.overflowItems.length ? (q(), Ge(ca, {
+        h(w) && e.overflowItems.length ? (q(), Ge(ca, {
           key: 3,
-          "toolbar-item": F,
+          "toolbar-item": w,
           "overflow-items": e.overflowItems
         }, null, 8, ["toolbar-item", "overflow-items"])) : he("", !0)
       ], 2))), 128))
     ], 4));
   }
-}, Qt = /* @__PURE__ */ mt(A0, [["__scopeId", "data-v-01872c2d"]]), M0 = {
+}, Qt = /* @__PURE__ */ mt(A0, [["__scopeId", "data-v-7751c4e5"]]), M0 = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
   setup(e, { emit: t }) {
     const { proxy: n } = Lt();
-    let r = R(1);
-    const o = n.$toolbar.config?.toolbarGroups?.includes("left"), i = n.$toolbar.config?.toolbarGroups?.includes("right"), s = n.$toolbar.config?.toolbarButtonsExclude || [], l = (p) => n.$toolbar.getToolbarItemByGroup(p).filter((m) => !s.includes(m.name.value));
+    let r = P(1);
+    const o = n.$toolbar.config?.toolbarGroups?.includes("left"), i = n.$toolbar.config?.toolbarGroups?.includes("right"), s = n.$toolbar.config?.toolbarButtonsExclude || [], l = (p) => n.$toolbar.getToolbarItemByGroup(p).filter((b) => !s.includes(b.name.value));
     Ke(() => {
-      window.addEventListener("resize", d), window.addEventListener("keydown", a);
+      window.addEventListener("resize", u), window.addEventListener("keydown", a);
     }), oi(() => {
-      window.removeEventListener("resize", d), window.removeEventListener("keydown", a);
+      window.removeEventListener("resize", u), window.removeEventListener("keydown", a);
     });
     const a = async (p) => {
       if (p.metaKey && p.key === "f") {
         p.preventDefault();
-        const m = n.$toolbar.getToolbarItemByName("search");
-        m && (m.expand.value = !0, await ii(), m.inputRef.value && m.inputRef.value.focus());
+        const b = n.$toolbar.getToolbarItemByName("search");
+        b && (b.expand.value = !0, await ii(), b.inputRef.value && b.inputRef.value.focus());
       }
-    }, d = nl(async () => {
+    }, u = nl(async () => {
       await n.$toolbar.onToolbarResize(), r.value += 1;
-    }, 300), h = ({ item: p, argument: m, option: f }) => {
-      n.$toolbar.emitCommand({ item: p, argument: m, option: f });
+    }, 300), h = ({ item: p, argument: b, option: d }) => {
+      n.$toolbar.emitCommand({ item: p, argument: b, option: d });
     };
-    return (p, m) => (q(), ie("div", {
+    return (p, b) => (q(), ie("div", {
       class: "superdoc-toolbar",
       key: W(r)
     }, [