@vue/devtools-ui 7.1.2 → 7.2.0

package/dist/index.js

@@ -1,9 +1,9 @@
 // @unocss-include
 
-import { Dropdown as xe, VClosePopper as _e, Tooltip as ze } from "floating-vue";
-import { VTooltip as Vo } from "floating-vue";
-import { openBlock as p, createElementBlock as _, createElementVNode as b, defineComponent as T, useAttrs as je, computed as $, useSlots as Ce, createBlock as O, resolveDynamicComponent as Ve, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as A, normalizeClass as V, ref as B, watch as R, customRef as Se, isRef as Q, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Be, onMounted as Y, nextTick as Z, getCurrentInstance as de, shallowRef as Ue, watchEffect as X, createVNode as W, Transition as ce, normalizeStyle as fe, toDisplayString as I, h as Ke, render as be, normalizeProps as pe, guardReactiveProps as me, Teleport as Te, createTextVNode as H, withDirectives as ve, vModelDynamic as Ge, provide as Ye, createSlots as De, inject as Xe, Fragment as ye, renderList as we, withModifiers as qe } from "vue";
-const ge = (e, o) => {
+import { Dropdown as ze, VClosePopper as ke, Tooltip as je } from "floating-vue";
+import { vTooltip as Vo } from "floating-vue";
+import { openBlock as p, createElementBlock as _, createElementVNode as b, defineComponent as T, useAttrs as xe, computed as $, useSlots as $e, createBlock as O, resolveDynamicComponent as _e, mergeProps as G, withCtx as y, renderSlot as w, unref as k, createCommentVNode as A, normalizeClass as V, ref as B, watch as R, customRef as Ce, isRef as Q, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Ve, onMounted as X, nextTick as Z, getCurrentInstance as de, shallowRef as Ue, watchEffect as q, createVNode as W, Transition as ce, normalizeStyle as fe, toDisplayString as I, h as Ke, render as ge, normalizeProps as Se, guardReactiveProps as Be, Teleport as Te, createTextVNode as H, withDirectives as pe, vModelDynamic as Ge, provide as Ye, createSlots as De, inject as Xe, Fragment as he, renderList as be, withModifiers as qe } from "vue";
+const me = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
     t[a] = n;
@@ -33,7 +33,7 @@ const ge = (e, o) => {
 function ot(e, o) {
   return p(), _("div", Ze, tt);
 }
-const Me = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, G = /* @__PURE__ */ T({
+const Me = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -47,7 +47,7 @@ const Me = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, G = /* @__
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = je(), l = $(() => n.to ? "router-link" : n.href ? "a" : "button"), r = $(() => t.loading || t.disabled);
+    const t = e, a = o, n = xe(), l = $(() => n.to ? "router-link" : n.href ? "a" : "button"), r = $(() => t.loading || t.disabled);
     function s(u) {
       if (r.value) {
         u.preventDefault(), u.stopPropagation(), u.stopImmediatePropagation();
@@ -92,8 +92,8 @@ const Me = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, G = /* @__
         info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
         success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
       }
-    }, c = Ce(), d = $(() => t.flat ? i.flat[t.type] : t.outlined ? i.outlined[t.type] : i.normal[t.type]);
-    return (u, f) => (p(), O(Ve(l.value), q(u.$attrs, {
+    }, d = $e(), c = $(() => t.flat ? i.flat[t.type] : t.outlined ? i.outlined[t.type] : i.normal[t.type]);
+    return (u, f) => (p(), O(_e(l.value), G(u.$attrs, {
       role: "button",
       "aria-disabled": r.value,
       class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
@@ -107,7 +107,7 @@ const Me = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, G = /* @__
         [
           u.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
           u.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
-          d.value
+          c.value
         ]
       ]],
       onClickCapture: s
@@ -120,7 +120,7 @@ const Me = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, G = /* @__
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        k(c).default ? (p(), _("div", nt, [
+        k(d).default ? (p(), _("div", nt, [
           w(u.$slots, "default")
         ])) : A("", !0),
         w(u.$slots, "icon-right")
@@ -134,7 +134,7 @@ function lt(e, o) {
     w(e.$slots, "default")
   ]);
 }
-const co = /* @__PURE__ */ ge(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
+const co = /* @__PURE__ */ me(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     icon: {},
@@ -142,7 +142,7 @@ const co = /* @__PURE__ */ ge(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
     action: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, t) => (p(), O(Ve(o.inline ? "span" : "div"), {
+    return (o, t) => (p(), O(_e(o.inline ? "span" : "div"), {
       class: V(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
@@ -169,7 +169,7 @@ function N(e) {
 const Oe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const it = (e) => typeof e < "u", ut = Object.prototype.toString, dt = (e) => ut.call(e) === "[object Object]", re = () => {
-}, ke = /* @__PURE__ */ ct();
+}, ye = /* @__PURE__ */ ct();
 function ct() {
   var e, o;
   return Oe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
@@ -189,12 +189,12 @@ function ft(e, o = {}) {
     clearTimeout(s), n(), n = re;
   };
   return (s) => {
-    const i = N(e), c = N(o.maxWait);
-    return t && l(t), i <= 0 || c !== void 0 && c <= 0 ? (a && (l(a), a = null), Promise.resolve(s())) : new Promise((d, u) => {
-      n = o.rejectOnCancel ? u : d, c && !a && (a = setTimeout(() => {
-        t && l(t), a = null, d(s());
-      }, c)), t = setTimeout(() => {
-        a && l(a), a = null, d(s());
+    const i = N(e), d = N(o.maxWait);
+    return t && l(t), i <= 0 || d !== void 0 && d <= 0 ? (a && (l(a), a = null), Promise.resolve(s())) : new Promise((c, u) => {
+      n = o.rejectOnCancel ? u : c, d && !a && (a = setTimeout(() => {
+        t && l(t), a = null, c(s());
+      }, d)), t = setTimeout(() => {
+        a && l(a), a = null, c(s());
       }, i);
     });
   };
@@ -210,7 +210,7 @@ function pt(e = Ae) {
   const n = (...l) => {
     o.value && e(...l);
   };
-  return { isActive: Be(o), pause: t, resume: a, eventFilter: n };
+  return { isActive: Ve(o), pause: t, resume: a, eventFilter: n };
 }
 function mt(e) {
   return e || de();
@@ -219,7 +219,7 @@ function Ne(...e) {
   if (e.length !== 1)
     return Je(...e);
   const o = e[0];
-  return typeof o == "function" ? Be(Se(() => ({ get: o, set: re }))) : B(o);
+  return typeof o == "function" ? Ve(Ce(() => ({ get: o, set: re }))) : B(o);
 }
 function vt(e, o = 200, t = {}) {
   return Ee(
@@ -235,7 +235,7 @@ function gt(e, o = 200, t = {}) {
 }
 function ht(e, o = {}) {
   let t = e, a, n;
-  const l = Se((f, m) => (a = f, n = m, {
+  const l = Ce((f, m) => (a = f, n = m, {
     get() {
       return r();
     },
@@ -294,8 +294,8 @@ function yt(e, o, t = {}) {
     }
   ), pause: r, resume: s, isActive: i };
 }
-function he(e, o = !0, t) {
-  mt() ? Y(e, t) : o ? e() : Z(e);
+function ve(e, o = !0, t) {
+  mt() ? X(e, t) : o ? e() : Z(e);
 }
 function wt(e = !1, o = {}) {
   const {
@@ -312,7 +312,7 @@ function wt(e = !1, o = {}) {
   }
   return n ? r : [l, r];
 }
-function j(e) {
+function x(e) {
   var o;
   const t = N(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
@@ -324,22 +324,22 @@ function ae(...e) {
     return re;
   Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
   const l = [], r = () => {
-    l.forEach((d) => d()), l.length = 0;
-  }, s = (d, u, f, m) => (d.addEventListener(u, f, m), () => d.removeEventListener(u, f, m)), i = R(
-    () => [j(o), N(n)],
-    ([d, u]) => {
-      if (r(), !d)
+    l.forEach((c) => c()), l.length = 0;
+  }, s = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), i = R(
+    () => [x(o), N(n)],
+    ([c, u]) => {
+      if (r(), !c)
         return;
       const f = dt(u) ? { ...u } : u;
       l.push(
-        ...t.flatMap((m) => a.map((g) => s(d, m, g, f)))
+        ...t.flatMap((m) => a.map((g) => s(c, m, g, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
+  ), d = () => {
     i(), r();
   };
-  return le(c), c;
+  return le(d), d;
 }
 function kt(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
@@ -353,13 +353,13 @@ function Pe(...e) {
     passive: r = !1,
     dedupe: s = !1
   } = a, i = kt(o);
-  return ae(n, l, (d) => {
-    d.repeat && N(s) || i(d) && t(d);
+  return ae(n, l, (c) => {
+    c.repeat && N(s) || i(c) && t(c);
   }, r);
 }
 function $t() {
   const e = B(!1), o = de();
-  return o && Y(() => {
+  return o && X(() => {
     e.value = !0;
   }, o), e;
 }
@@ -370,11 +370,11 @@ function We(e) {
 function _t(e, o = {}) {
   const { window: t = J } = o, a = We(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
   let n;
-  const l = B(!1), r = (c) => {
-    l.value = c.matches;
+  const l = B(!1), r = (d) => {
+    l.value = d.matches;
   }, s = () => {
     n && ("removeEventListener" in n ? n.removeEventListener("change", r) : n.removeListener(r));
-  }, i = X(() => {
+  }, i = q(() => {
     a.value && (s(), n = t.matchMedia(N(e)), "addEventListener" in n ? n.addEventListener("change", r) : n.addListener(r), l.value = n.matches);
   });
   return le(() => {
@@ -427,7 +427,7 @@ const Tt = {
     read: (e) => new Date(e),
     write: (e) => e.toISOString()
   }
-}, $e = "vueuse-storage";
+}, we = "vueuse-storage";
 function Dt(e, o, t, a = {}) {
   var n;
   const {
@@ -435,15 +435,15 @@ function Dt(e, o, t, a = {}) {
     deep: r = !0,
     listenToStorageChanges: s = !0,
     writeDefaults: i = !0,
-    mergeDefaults: c = !1,
-    shallow: d,
+    mergeDefaults: d = !1,
+    shallow: c,
     window: u = J,
     eventFilter: f,
     onError: m = (v) => {
       console.error(v);
     },
     initOnMounted: g
-  } = a, h = (d ? Ue : B)(typeof o == "function" ? o() : o);
+  } = a, h = (c ? Ue : B)(typeof o == "function" ? o() : o);
   if (!t)
     try {
       t = Fe("getDefaultStorage", () => {
@@ -455,16 +455,16 @@ function Dt(e, o, t, a = {}) {
     }
   if (!t)
     return h;
-  const D = N(o), x = Bt(D), P = (n = a.serializer) != null ? n : Tt[x], { pause: S, resume: C } = yt(
+  const D = N(o), z = Bt(D), P = (n = a.serializer) != null ? n : Tt[z], { pause: S, resume: C } = yt(
     h,
     () => L(h.value),
     { flush: l, deep: r, eventFilter: f }
   );
-  u && s && he(() => {
-    ae(u, "storage", F), ae(u, $e, ee), g && F();
+  u && s && ve(() => {
+    ae(u, "storage", F), ae(u, we, ee), g && F();
   }), g || F();
   function E(v, M) {
-    u && u.dispatchEvent(new CustomEvent($e, {
+    u && u.dispatchEvent(new CustomEvent(we, {
       detail: {
         key: e,
         oldValue: v,
@@ -479,8 +479,8 @@ function Dt(e, o, t, a = {}) {
       if (v == null)
         E(M, null), t.removeItem(e);
       else {
-        const z = P.write(v);
-        M !== z && (t.setItem(e, z), E(M, z));
+        const j = P.write(v);
+        M !== j && (t.setItem(e, j), E(M, j));
       }
     } catch (M) {
       m(M);
@@ -490,9 +490,9 @@ function Dt(e, o, t, a = {}) {
     const M = v ? v.newValue : t.getItem(e);
     if (M == null)
       return i && D != null && t.setItem(e, P.write(D)), D;
-    if (!v && c) {
-      const z = P.read(M);
-      return typeof c == "function" ? c(z, D) : x === "object" && !Array.isArray(z) ? { ...D, ...z } : z;
+    if (!v && d) {
+      const j = P.read(M);
+      return typeof d == "function" ? d(j, D) : z === "object" && !Array.isArray(j) ? { ...D, ...j } : j;
     } else
       return typeof M != "string" ? M : P.read(M);
   }
@@ -532,8 +532,8 @@ function Ot(e = {}) {
     storageKey: r = "vueuse-color-scheme",
     listenToStorageChanges: s = !0,
     storageRef: i,
-    emitAuto: c,
-    disableTransition: d = !0
+    emitAuto: d,
+    disableTransition: c = !0
   } = e, u = {
     auto: "",
     light: "light",
@@ -542,31 +542,31 @@ function Ot(e = {}) {
   }, f = Mt({ window: n }), m = $(() => f.value ? "dark" : "light"), g = i || (r == null ? Ne(a) : Dt(r, a, l, { window: n, listenToStorageChanges: s })), h = $(() => g.value === "auto" ? m.value : g.value), D = Fe(
     "updateHTMLAttrs",
     (C, E, L) => {
-      const K = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : j(C);
+      const K = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : x(C);
       if (!K)
         return;
       let F;
-      if (d && (F = n.document.createElement("style"), F.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), n.document.head.appendChild(F)), E === "class") {
+      if (c && (F = n.document.createElement("style"), F.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), n.document.head.appendChild(F)), E === "class") {
         const ee = L.split(/\s/g);
         Object.values(u).flatMap((v) => (v || "").split(/\s/g)).filter(Boolean).forEach((v) => {
           ee.includes(v) ? K.classList.add(v) : K.classList.remove(v);
         });
       } else
         K.setAttribute(E, L);
-      d && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
+      c && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
     }
   );
-  function x(C) {
+  function z(C) {
     var E;
     D(o, t, (E = u[C]) != null ? E : C);
   }
   function P(C) {
-    e.onChanged ? e.onChanged(C, x) : x(C);
+    e.onChanged ? e.onChanged(C, z) : z(C);
   }
-  R(h, P, { flush: "post", immediate: !0 }), he(() => P(h.value));
+  R(h, P, { flush: "post", immediate: !0 }), ve(() => P(h.value));
   const S = $({
     get() {
-      return c ? g.value : h.value;
+      return d ? g.value : h.value;
     },
     set(C) {
       g.value = C;
@@ -583,7 +583,7 @@ function Et(e, o, t = {}) {
   let l;
   const r = We(() => a && "ResizeObserver" in a), s = () => {
     l && (l.disconnect(), l = void 0);
-  }, i = $(() => Array.isArray(e) ? e.map((u) => j(u)) : [j(e)]), c = R(
+  }, i = $(() => Array.isArray(e) ? e.map((u) => x(u)) : [x(e)]), d = R(
     i,
     (u) => {
       if (s(), r.value && a) {
@@ -593,24 +593,24 @@ function Et(e, o, t = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
-    s(), c();
+  ), c = () => {
+    s(), d();
   };
-  return le(d), {
+  return le(c), {
     isSupported: r,
-    stop: d
+    stop: c
   };
 }
 function At(e, o = { width: 0, height: 0 }, t = {}) {
   const { window: a = J, box: n = "content-box" } = t, l = $(() => {
     var u, f;
-    return (f = (u = j(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : f.includes("svg");
+    return (f = (u = x(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : f.includes("svg");
   }), r = B(o.width), s = B(o.height), { stop: i } = Et(
     e,
     ([u]) => {
       const f = n === "border-box" ? u.borderBoxSize : n === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
       if (a && l.value) {
-        const m = j(e);
+        const m = x(e);
         if (m) {
           const g = a.getComputedStyle(m);
           r.value = Number.parseFloat(g.width), s.value = Number.parseFloat(g.height);
@@ -623,23 +623,23 @@ function At(e, o = { width: 0, height: 0 }, t = {}) {
     },
     t
   );
-  he(() => {
-    const u = j(e);
+  ve(() => {
+    const u = x(e);
     u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, s.value = "offsetHeight" in u ? u.offsetHeight : o.height);
   });
-  const c = R(
-    () => j(e),
+  const d = R(
+    () => x(e),
     (u) => {
       r.value = u ? o.width : 0, s.value = u ? o.height : 0;
     }
   );
-  function d() {
-    i(), c();
+  function c() {
+    i(), d();
   }
   return {
     width: r,
     height: s,
-    stop: d
+    stop: c
   };
 }
 function se(e) {
@@ -673,7 +673,7 @@ function Pt(e, o = !1) {
   });
   const n = () => {
     const r = se(N(e));
-    !r || t.value || (ke && (a = ae(
+    !r || t.value || (ye && (a = ae(
       r,
       "touchmove",
       (s) => {
@@ -684,7 +684,7 @@ function Pt(e, o = !1) {
   }, l = () => {
     var r;
     const s = se(N(e));
-    !s || !t.value || (ke && (a == null || a()), s.style.overflow = (r = ne.get(s)) != null ? r : "", ne.delete(s), t.value = !1);
+    !s || !t.value || (ye && (a == null || a()), s.style.overflow = (r = ne.get(s)) != null ? r : "", ne.delete(s), t.value = !1);
   };
   return le(l), $({
     get() {
@@ -700,18 +700,18 @@ function U(e, o, t, a = {}) {
   const {
     clone: s = !1,
     passive: i = !1,
-    eventName: c,
-    deep: d = !1,
+    eventName: d,
+    deep: c = !1,
     defaultValue: u,
     shouldEmit: f
   } = a, m = de(), g = t || (m == null ? void 0 : m.emit) || ((n = m == null ? void 0 : m.$emit) == null ? void 0 : n.bind(m)) || ((r = (l = m == null ? void 0 : m.proxy) == null ? void 0 : l.$emit) == null ? void 0 : r.bind(m == null ? void 0 : m.proxy));
-  let h = c;
+  let h = d;
   o || (o = "modelValue"), h = h || `update:${o.toString()}`;
-  const D = (S) => s ? typeof s == "function" ? s(S) : Ct(S) : S, x = () => it(e[o]) ? D(e[o]) : u, P = (S) => {
+  const D = (S) => s ? typeof s == "function" ? s(S) : Ct(S) : S, z = () => it(e[o]) ? D(e[o]) : u, P = (S) => {
     f ? f(S) && g(h, S) : g(h, S);
   };
   if (i) {
-    const S = x(), C = B(S);
+    const S = z(), C = B(S);
     let E = !1;
     return R(
       () => e[o],
@@ -721,14 +721,14 @@ function U(e, o, t, a = {}) {
     ), R(
       C,
       (L) => {
-        !E && (L !== e[o] || d) && P(L);
+        !E && (L !== e[o] || c) && P(L);
       },
-      { deep: d }
+      { deep: c }
     ), C;
   } else
     return $({
       get() {
-        return x();
+        return z();
       },
       set(S) {
         P(S);
@@ -757,7 +757,7 @@ const Wt = /* @__PURE__ */ T({
       warning: "text-amber-4 border-amber-2 dark:border-amber-4",
       error: "text-red-4 border-red-2 dark:border-red-4"
     }, n = B(!1);
-    Y(() => {
+    X(() => {
       n.value = !0, setTimeout(() => {
         n.value = !1;
       }, o.duration);
@@ -803,13 +803,13 @@ function fo(e) {
   o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
   const t = e.onClose;
   function a() {
-    be(null, o);
+    ge(null, o);
   }
   e.onClose = () => {
     a(), t == null || t(), document.body.removeChild(o);
   };
   const n = Ke(Wt, e);
-  be(n, o);
+  ge(n, o);
 }
 const Ft = "__vue-devtools-theme__";
 function Lt(e = {}) {
@@ -844,16 +844,16 @@ const Rt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
         n.value = !n.value;
         return;
       }
-      const i = s.clientX, c = s.clientY, d = Math.hypot(
+      const i = s.clientX, d = s.clientY, c = Math.hypot(
         Math.max(i, innerWidth - i),
-        Math.max(c, innerHeight - c)
+        Math.max(d, innerHeight - d)
       );
       document.startViewTransition(async () => {
         n.value = !n.value, await Z();
       }).ready.then(() => {
         const f = [
-          `circle(0px at ${i}px ${c}px)`,
-          `circle(${d}px at ${i}px ${c}px)`
+          `circle(0px at ${i}px ${d}px)`,
+          `circle(${c}px at ${i}px ${d}px)`
         ];
         document.documentElement.animate(
           {
@@ -868,26 +868,28 @@ const Rt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
       });
     }
     return (s, i) => (p(), _("span", Rt, [
-      w(s.$slots, "default", pe(me({ mode: k(a), isDark: n.value, toggle: r })))
+      w(s.$slots, "default", Se(Be({ mode: k(a), isDark: n.value, toggle: r })))
     ]));
   }
-}), xt = {}, zt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
-function jt(e, o) {
-  return p(), _("div", zt, [
+}), zt = {}, jt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
+function xt(e, o) {
+  return p(), _("div", jt, [
     w(e.$slots, "default")
   ]);
 }
-const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
+const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
   __name: "Overlay",
   props: {
     dim: { type: Boolean },
-    blur: { type: Boolean }
+    blur: { type: Boolean },
+    position: { default: "fixed" }
   },
   setup(e) {
     return (o, t) => (p(), _("div", {
-      class: V(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
+      class: V(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
         o.dim ? "bg-opacity-50!" : "bg-opacity-0!",
-        o.blur ? "backdrop-blur-sm" : ""
+        o.blur ? "backdrop-blur-sm" : "",
+        o.position
       ]])
     }, [
       w(o.$slots, "default")
@@ -906,12 +908,13 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
     closable: { type: Boolean, default: !0 },
     mountTo: { default: "body" },
     dim: { type: Boolean },
-    blur: { type: Boolean }
+    blur: { type: Boolean },
+    position: {}
   },
   emits: ["close", "update:modelValue"],
   setup(e, { emit: o }) {
     const t = e, n = U(t, "modelValue", o, { passive: !0 }), l = Pt(() => window.document.documentElement);
-    X(() => {
+    q(() => {
       n.value ? l.value = !0 : l.value = !1;
     });
     function r() {
@@ -921,7 +924,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
       r();
     });
     const s = B(!1);
-    return Y(() => s.value = !0), (i, c) => s.value || i.mountTo === "body" ? (p(), O(Te, {
+    return X(() => s.value = !0), (i, d) => s.value || i.mountTo === "body" ? (p(), O(Te, {
       key: 0,
       to: i.mountTo
     }, [
@@ -935,7 +938,8 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
           k(n) ? (p(), O(Re, {
             key: 0,
             dim: i.dim,
-            blur: i.blur
+            blur: i.blur,
+            position: i.position
           }, {
             default: y(() => [
               b("div", {
@@ -964,7 +968,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
                   w(i.$slots, "footer", {}, () => [
                     w(i.$slots, "footer", {}, () => [
                       b("div", Yt, [
-                        W(G, {
+                        W(Y, {
                           type: "primary",
                           onClick: r
                         }, {
@@ -980,7 +984,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
               ], 4)
             ]),
             _: 3
-          }, 8, ["dim", "blur"])) : A("", !0)
+          }, 8, ["dim", "blur", "position"])) : A("", !0)
         ]),
         _: 3
       })
@@ -1010,17 +1014,17 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
       onChanged(u) {
         a("updateFocused", u);
       }
-    }), s = $(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = $(() => t.disabled || l.value), c = B();
-    let d = !1;
-    return X(() => {
-      l.value && r.value ? d = !0 : !l.value && d && (d = !1, Z(() => {
+    }), s = $(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = $(() => t.disabled || l.value), d = B();
+    let c = !1;
+    return q(() => {
+      l.value && r.value ? c = !0 : !l.value && c && (c = !1, Z(() => {
         r.value = !0;
       }));
-    }), Y(() => {
-      t.autoFocus && (r.value = !0);
     }), X(() => {
+      t.autoFocus && (r.value = !0);
+    }), q(() => {
       var u;
-      r.value && ((u = c.value) == null || u.focus());
+      r.value && ((u = d.value) == null || u.focus());
     }), (u, f) => (p(), _("div", {
       class: V(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
         {
@@ -1043,9 +1047,9 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
       }, [
         W(ue, { icon: u.leftIcon }, null, 8, ["icon"])
       ])) : A("", !0),
-      ve(b("input", {
+      pe(b("input", {
         ref_key: "inputRef",
-        ref: c,
+        ref: d,
         "onUpdate:modelValue": f[0] || (f[0] = (m) => Q(n) ? n.value = m : null),
         class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
         type: u.type,
@@ -1090,25 +1094,25 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (c, d) => (p(), _("div", eo, [
+    return (d, c) => (p(), _("div", eo, [
       W(Zt, {
         modelValue: k(n),
-        "onUpdate:modelValue": d[0] || (d[0] = (u) => Q(n) ? n.value = u : null),
-        placeholder: c.placeholder,
-        onUpdateFocused: d[1] || (d[1] = (u) => l.value = u)
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => Q(n) ? n.value = u : null),
+        placeholder: d.placeholder,
+        onUpdateFocused: c[1] || (c[1] = (u) => l.value = u)
       }, null, 8, ["modelValue", "placeholder"]),
       b("div", {
         class: V(["mt2 $ui-base text-3.5", [
-          s[c.status],
+          s[d.status],
           { "opacity-65": !l.value }
         ]])
       }, [
-        c.status !== "normal" && r.value ? (p(), O(ue, {
+        d.status !== "normal" && r.value ? (p(), O(ue, {
           key: 0,
           inline: "",
-          icon: i[c.status]
+          icon: i[d.status]
         }, null, 8, ["icon"])) : A("", !0),
-        H(" " + I(r.value ? c.message : ""), 1)
+        H(" " + I(r.value ? d.message : ""), 1)
       ], 2)
     ]));
   }
@@ -1128,7 +1132,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
   emits: ["update:visible"],
   setup(e) {
     const o = e;
-    return Ye("$ui-dropdown-disabled", $(() => o.disabled)), (t, a) => (p(), O(k(xe), {
+    return Ye("$ui-dropdown-disabled", $(() => o.disabled)), (t, a) => (p(), O(k(ze), {
       disabled: t.disabled,
       class: "inline-block w-auto",
       shown: t.shown,
@@ -1143,14 +1147,14 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
     }, {
       popper: y(({ hide: n }) => [
         b("div", to, [
-          w(t.$slots, "popper", pe(me({ hide: n })), () => [
+          w(t.$slots, "popper", Se(Be({ hide: n })), () => [
             oo
           ])
         ])
       ]),
       default: y(() => [
         w(t.$slots, "default", {}, () => [
-          W(G, q({
+          W(Y, G({
             ...t.buttonProps,
             disabled: t.disabled
           }, { class: t.buttonClass }), De({
@@ -1189,7 +1193,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
   },
   setup(e) {
     const o = e, t = Xe("$ui-dropdown-disabled", void 0);
-    return (a, n) => ve((p(), O(G, q({
+    return (a, n) => pe((p(), O(Y, G({
       ...o,
       round: !1
     }, {
@@ -1204,7 +1208,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
       ]),
       _: 3
     }, 16, ["disabled"])), [
-      [k(_e)]
+      [k(ke)]
     ]);
   }
 }), ro = { class: "$ui-fec gap2.5" }, ho = /* @__PURE__ */ T({
@@ -1223,7 +1227,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
   emits: ["update:modelValue", "confirm", "cancel", "close"],
   setup(e, { emit: o }) {
     const t = e, a = o, n = U(t, "modelValue", a);
-    X(() => {
+    q(() => {
       n.value || a("close");
     });
     function l(r = !1) {
@@ -1239,7 +1243,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
     }, {
       footer: y(() => [
         b("div", ro, [
-          W(G, {
+          W(Y, {
             onClick: s[0] || (s[0] = () => {
               a("cancel"), l(!0);
             })
@@ -1249,7 +1253,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
             ]),
             _: 1
           }),
-          W(G, {
+          W(Y, {
             loading: r.loading,
             type: "primary",
             onClick: s[1] || (s[1] = () => {
@@ -1285,47 +1289,47 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = Ce(), l = $({
+    const t = e, a = o, n = $e(), l = $({
       get: () => t.modelValue,
       set: (i) => a("update:modelValue", i)
     }), r = $(() => {
-      const i = t.options.find((c) => c.value === l.value);
+      const i = t.options.find((d) => d.value === l.value);
       return i != null && i.label ? t.labelRenderer(i.label) : t.placeholder;
     });
     function s(i) {
-      t.multiple ? l.value = l.value.includes(i.value) ? l.value.filter((c) => c !== i.value) : [...l.value, i.value] : l.value = i.value;
+      t.multiple ? l.value = l.value.includes(i.value) ? l.value.filter((d) => d !== i.value) : [...l.value, i.value] : l.value = i.value;
     }
-    return (i, c) => (p(), O(no, q({ label: r.value }, {
+    return (i, d) => (p(), O(no, G({ label: r.value }, {
       buttonProps: i.buttonProps,
       disabled: i.disabled
     }), De({
       popper: y(() => [
         b("div", ao, [
-          k(n).item ? (p(!0), _(ye, { key: 0 }, we(i.options, (d) => (p(), _("div", {
-            key: d.value,
+          k(n).item ? (p(!0), _(he, { key: 0 }, be(i.options, (c) => (p(), _("div", {
+            key: c.value,
             class: "cursor-pointer",
-            onClick: (u) => s(d)
+            onClick: (u) => s(c)
           }, [
-            w(i.$slots, "item", pe(me({
-              item: d,
-              active: i.multiple ? l.value.includes(d.value) : d.value === l.value,
+            w(i.$slots, "item", G({ ref_for: !0 }, {
+              item: c,
+              active: i.multiple ? l.value.includes(c.value) : c.value === l.value,
               disabled: i.disabled
-            })))
-          ], 8, lo))), 128)) : (p(!0), _(ye, { key: 1 }, we(i.options, (d) => ve((p(), O(G, {
-            key: d.value,
+            }))
+          ], 8, lo))), 128)) : (p(!0), _(he, { key: 1 }, be(i.options, (c) => pe((p(), O(Y, {
+            key: c.value,
             disabled: i.disabled,
             round: "normal",
             class: V(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
-              active: i.multiple ? l.value.includes(d.value) : d.value === l.value
+              active: i.multiple ? l.value.includes(c.value) : c.value === l.value
             }]),
-            onClick: (u) => s(d)
+            onClick: (u) => s(c)
           }, {
             default: y(() => [
-              H(I(d.label), 1)
+              H(I(c.label), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
-            [k(_e), i.autoClose]
+            [k(ke), i.autoClose]
           ])), 128))
         ])
       ]),
@@ -1409,7 +1413,8 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
     contentBlur: { type: Boolean, default: !1 },
     top: {},
     dim: { type: Boolean },
-    blur: { type: Boolean }
+    blur: { type: Boolean },
+    position: {}
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: o }) {
@@ -1435,9 +1440,9 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
       t.closable && (l.value = !1);
     });
     const s = $(() => r[t.placement]), i = B(!1);
-    return Y(() => i.value = !0), (c, d) => i.value || c.mountTo === "body" ? (p(), O(Te, {
+    return X(() => i.value = !0), (d, c) => i.value || d.mountTo === "body" ? (p(), O(Te, {
       key: 0,
-      to: c.mountTo
+      to: d.mountTo
     }, [
       W(ce, {
         "enter-from-class": `${s.value.transition}`,
@@ -1447,32 +1452,33 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
           k(l) ? (p(), O(Re, {
             key: 0,
             class: V({
-              "pointer-events-none": c.permanent
+              "pointer-events-none": d.permanent
             }),
-            dim: c.dim,
-            blur: c.blur,
-            onClick: d[2] || (d[2] = (u) => c.closeOutside && c.closable && (l.value = !1))
+            dim: d.dim,
+            blur: d.blur,
+            position: d.position,
+            onClick: c[2] || (c[2] = (u) => d.closeOutside && d.closable && (l.value = !1))
           }, {
             default: y(() => [
               b("div", {
-                class: V([[s.value.class, c.contentClass ?? "", c.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
+                class: V([[s.value.class, d.contentClass ?? "", d.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
                 style: fe({
-                  top: c.placement === "bottom" ? "auto" : `${k(n)}px`,
-                  height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${k(n)}px)`
+                  top: d.placement === "bottom" ? "auto" : `${k(n)}px`,
+                  height: ["top", "bottom"].includes(d.placement) ? "auto" : `calc(100% - ${k(n)}px)`
                 }),
-                onClick: d[1] || (d[1] = qe(() => {
+                onClick: c[1] || (c[1] = qe(() => {
                 }, ["stop"]))
               }, [
-                c.closable ? (p(), _("div", {
+                d.closable ? (p(), _("div", {
                   key: 0,
                   class: "i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",
-                  onClick: d[0] || (d[0] = (u) => l.value = !1)
+                  onClick: c[0] || (c[0] = (u) => l.value = !1)
                 })) : A("", !0),
-                w(c.$slots, "default")
+                w(d.$slots, "default")
               ], 6)
             ]),
             _: 3
-          }, 8, ["class", "dim", "blur"])) : A("", !0)
+          }, 8, ["class", "dim", "blur", "position"])) : A("", !0)
         ]),
         _: 3
       }, 8, ["enter-from-class", "leave-to-class"])
@@ -1489,7 +1495,7 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
     shown: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (p(), O(k(ze), q({
+    return (o, t) => (p(), O(k(je), G({
       disabled: o.disabled,
       placement: o.placement
     }, o.$attrs), {
@@ -1505,9 +1511,8 @@ const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
 });
 export {
   Ft as THEME_KEY,
-  Vo as VTooltip,
   co as VueBadge,
-  G as VueButton,
+  Y as VueButton,
   mo as VueCard,
   wo as VueCheckbox,
   ho as VueConfirm,
@@ -1526,5 +1531,6 @@ export {
   yo as VueSwitch,
   $o as VueTooltip,
   fo as showVueNotification,
-  Lt as useDevToolsColorMode
+  Lt as useDevToolsColorMode,
+  Vo as vTooltip
 };