@vue/devtools-ui 7.0.27 → 7.1.1

package/dist/index.js

@@ -1,8 +1,8 @@
 // @unocss-include
 
 import { Dropdown as xe, VClosePopper as _e, Tooltip as ze } from "floating-vue";
-import { VTooltip as _o } 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 M, resolveDynamicComponent as Ve, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as E, 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, normalizeProps as ce, guardReactiveProps as fe, Teleport as Te, createVNode as W, Transition as pe, normalizeStyle as me, createTextVNode as I, toDisplayString as H, withDirectives as ve, vModelDynamic as Ge, provide as Ke, createSlots as De, inject as Ye, Fragment as be, renderList as ye, withModifiers as Xe, h as qe, render as we } from "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) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
@@ -31,9 +31,9 @@ const ge = (e, o) => {
   et
 ];
 function ot(e, o) {
-  return p(), $("div", Ze, tt);
+  return p(), _("div", Ze, tt);
 }
-const Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__PURE__ */ T({
+const Me = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, G = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -47,7 +47,7 @@ const Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__
   },
   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 = je(), 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 Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__
         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(), M(Ve(l.value), q(u.$attrs, {
+    }, 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, {
       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", [
@@ -113,16 +113,16 @@ const Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__
       onClickCapture: s
     }), {
       default: y(() => [
-        u.loading ? (p(), M(Oe, {
+        u.loading ? (p(), O(Me, {
           key: 0,
           class: "mt0.5 h-full w3"
         })) : w(u.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        k(c).default ? (p(), $("div", nt, [
+        k(c).default ? (p(), _("div", nt, [
           w(u.$slots, "default")
-        ])) : E("", !0),
+        ])) : A("", !0),
         w(u.$slots, "icon-right")
       ]),
       _: 3
@@ -130,11 +130,11 @@ const Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__
   }
 }), rt = {}, at = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
 function lt(e, o) {
-  return p(), $("span", at, [
+  return p(), _("span", at, [
     w(e.$slots, "default")
   ]);
 }
-const io = /* @__PURE__ */ ge(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
+const co = /* @__PURE__ */ ge(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     icon: {},
@@ -142,7 +142,7 @@ const io = /* @__PURE__ */ ge(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
     action: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, t) => (p(), M(Ve(o.inline ? "span" : "div"), {
+    return (o, t) => (p(), O(Ve(o.inline ? "span" : "div"), {
       class: V(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
@@ -166,15 +166,15 @@ function st(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
 function N(e) {
   return typeof e == "function" ? e() : k(e);
 }
-const Me = typeof window < "u" && typeof document < "u";
+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();
 function ct() {
   var e, o;
-  return Me && ((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));
+  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));
 }
-function Ae(e, o) {
+function Ee(e, o) {
   function t(...a) {
     return new Promise((n, l) => {
       Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(n).catch(l);
@@ -182,7 +182,7 @@ function Ae(e, o) {
   }
   return t;
 }
-const Ee = (e) => e();
+const Ae = (e) => e();
 function ft(e, o = {}) {
   let t, a, n = re;
   const l = (s) => {
@@ -199,7 +199,7 @@ function ft(e, o = {}) {
     });
   };
 }
-function pt(e = Ee) {
+function pt(e = Ae) {
   const o = B(!0);
   function t() {
     o.value = !1;
@@ -222,7 +222,7 @@ function Ne(...e) {
   return typeof o == "function" ? Be(Se(() => ({ get: o, set: re }))) : B(o);
 }
 function vt(e, o = 200, t = {}) {
-  return Ae(
+  return Ee(
     ft(o, t),
     e
   );
@@ -268,12 +268,12 @@ function ht(e, o = {}) {
 }
 function bt(e, o, t = {}) {
   const {
-    eventFilter: a = Ee,
+    eventFilter: a = Ae,
     ...n
   } = t;
   return R(
     e,
-    Ae(
+    Ee(
       a,
       o
     ),
@@ -317,7 +317,7 @@ function j(e) {
   const t = N(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
 }
-const J = Me ? window : void 0;
+const J = Oe ? window : void 0;
 function ae(...e) {
   let o, t, a, n;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, a, n] = e, o = J) : [o, t, a, n] = e, !o)
@@ -365,7 +365,7 @@ function $t() {
 }
 function We(e) {
   const o = $t();
-  return _(() => (o.value, !!e()));
+  return $(() => (o.value, !!e()));
 }
 function _t(e, o = {}) {
   const { window: t = J } = o, a = We(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
@@ -463,38 +463,38 @@ function Dt(e, o, t, a = {}) {
   u && s && he(() => {
     ae(u, "storage", F), ae(u, $e, ee), g && F();
   }), g || F();
-  function A(v, O) {
+  function E(v, M) {
     u && u.dispatchEvent(new CustomEvent($e, {
       detail: {
         key: e,
         oldValue: v,
-        newValue: O,
+        newValue: M,
         storageArea: t
       }
     }));
   }
   function L(v) {
     try {
-      const O = t.getItem(e);
+      const M = t.getItem(e);
       if (v == null)
-        A(O, null), t.removeItem(e);
+        E(M, null), t.removeItem(e);
       else {
         const z = P.write(v);
-        O !== z && (t.setItem(e, z), A(O, z));
+        M !== z && (t.setItem(e, z), E(M, z));
       }
-    } catch (O) {
-      m(O);
+    } catch (M) {
+      m(M);
     }
   }
-  function G(v) {
-    const O = v ? v.newValue : t.getItem(e);
-    if (O == null)
+  function K(v) {
+    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(O);
+      const z = P.read(M);
       return typeof c == "function" ? c(z, D) : x === "object" && !Array.isArray(z) ? { ...D, ...z } : z;
     } else
-      return typeof O != "string" ? O : P.read(O);
+      return typeof M != "string" ? M : P.read(M);
   }
   function F(v) {
     if (!(v && v.storageArea !== t)) {
@@ -505,9 +505,9 @@ function Dt(e, o, t, a = {}) {
       if (!(v && v.key !== e)) {
         S();
         try {
-          (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = G(v));
-        } catch (O) {
-          m(O);
+          (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = K(v));
+        } catch (M) {
+          m(M);
         } finally {
           v ? Z(C) : C();
         }
@@ -519,10 +519,10 @@ function Dt(e, o, t, a = {}) {
   }
   return h;
 }
-function Ot(e) {
+function Mt(e) {
   return _t("(prefers-color-scheme: dark)", e);
 }
-function Mt(e = {}) {
+function Ot(e = {}) {
   const {
     selector: o = "html",
     attribute: t = "class",
@@ -539,32 +539,32 @@ function Mt(e = {}) {
     light: "light",
     dark: "dark",
     ...e.modes || {}
-  }, f = Ot({ 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(
+  }, 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, A, L) => {
-      const G = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : j(C);
-      if (!G)
+    (C, E, L) => {
+      const K = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : j(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)), A === "class") {
+      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") {
         const ee = L.split(/\s/g);
         Object.values(u).flatMap((v) => (v || "").split(/\s/g)).filter(Boolean).forEach((v) => {
-          ee.includes(v) ? G.classList.add(v) : G.classList.remove(v);
+          ee.includes(v) ? K.classList.add(v) : K.classList.remove(v);
         });
       } else
-        G.setAttribute(A, L);
+        K.setAttribute(E, L);
       d && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
     }
   );
   function x(C) {
-    var A;
-    D(o, t, (A = u[C]) != null ? A : C);
+    var E;
+    D(o, t, (E = u[C]) != null ? E : C);
   }
   function P(C) {
     e.onChanged ? e.onChanged(C, x) : x(C);
   }
   R(h, P, { flush: "post", immediate: !0 }), he(() => P(h.value));
-  const S = _({
+  const S = $({
     get() {
       return c ? g.value : h.value;
     },
@@ -578,12 +578,12 @@ function Mt(e = {}) {
     return S;
   }
 }
-function At(e, o, t = {}) {
+function Et(e, o, t = {}) {
   const { window: a = J, ...n } = 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) => j(u)) : [j(e)]), c = R(
     i,
     (u) => {
       if (s(), r.value && a) {
@@ -601,11 +601,11 @@ function At(e, o, t = {}) {
     stop: d
   };
 }
-function Et(e, o = { width: 0, height: 0 }, t = {}) {
-  const { window: a = J, box: n = "content-box" } = t, l = _(() => {
+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");
-  }), r = B(o.width), s = B(o.height), { stop: i } = At(
+  }), 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;
@@ -686,7 +686,7 @@ function Pt(e, o = !1) {
     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);
   };
-  return le(l), _({
+  return le(l), $({
     get() {
       return t.value;
     },
@@ -712,21 +712,21 @@ function U(e, o, t, a = {}) {
   };
   if (i) {
     const S = x(), C = B(S);
-    let A = !1;
+    let E = !1;
     return R(
       () => e[o],
       (L) => {
-        A || (A = !0, C.value = D(L), Z(() => A = !1));
+        E || (E = !0, C.value = D(L), Z(() => E = !1));
       }
     ), R(
       C,
       (L) => {
-        !A && (L !== e[o] || d) && P(L);
+        !E && (L !== e[o] || d) && P(L);
       },
       { deep: d }
     ), C;
   } else
-    return _({
+    return $({
       get() {
         return x();
       },
@@ -735,7 +735,94 @@ function U(e, o, t, a = {}) {
       }
     });
 }
-const Wt = { class: "$ui-dark-toggle-vtr" }, uo = /* @__PURE__ */ T({
+const Wt = /* @__PURE__ */ T({
+  __name: "Notification",
+  props: {
+    message: {},
+    type: { default: "info" },
+    classes: {},
+    duration: { default: 3e3 },
+    placement: { default: "top-center" },
+    onClose: {}
+  },
+  setup(e) {
+    const o = e, t = {
+      success: "i-carbon-checkmark",
+      info: "i-material-symbols-light-info",
+      warning: "i-carbon-warning",
+      error: "i-carbon-close"
+    }, a = {
+      success: "text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",
+      info: "text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",
+      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(() => {
+      n.value = !0, setTimeout(() => {
+        n.value = !1;
+      }, o.duration);
+    });
+    const l = $(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
+    return (r, s) => (p(), _("div", {
+      class: V(["fixed left-0 right-0 $ui-z-max-override text-center", [
+        { "top-0": r.placement.startsWith("top") },
+        { "bottom-0": r.placement.startsWith("bottom") }
+      ]])
+    }, [
+      W(ce, {
+        "enter-from-class": l.value,
+        "leave-to-class": l.value,
+        onAfterLeave: s[0] || (s[0] = () => {
+          var i;
+          n.value || (i = r.onClose) == null || i.call(r);
+        })
+      }, {
+        default: y(() => [
+          n.value ? (p(), _("div", {
+            key: 0,
+            class: "flex transition-all duration-300",
+            style: fe({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
+          }, [
+            b("div", {
+              class: V(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, a[r.type]]])
+            }, [
+              b("div", {
+                class: V(t[r.type])
+              }, null, 2),
+              b("div", null, I(r.message), 1)
+            ], 2)
+          ], 4)) : A("", !0)
+        ]),
+        _: 1
+      }, 8, ["enter-from-class", "leave-to-class"])
+    ], 2));
+  }
+});
+function fo(e) {
+  const o = document.createElement("div");
+  o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
+  const t = e.onClose;
+  function a() {
+    be(null, o);
+  }
+  e.onClose = () => {
+    a(), t == null || t(), document.body.removeChild(o);
+  };
+  const n = Ke(Wt, e);
+  be(n, o);
+}
+const Ft = "__vue-devtools-theme__";
+function Lt(e = {}) {
+  const o = Ot({
+    ...e,
+    storageKey: Ft
+  });
+  return {
+    colorMode: o,
+    isDark: $(() => o.value === "dark")
+  };
+}
+const Rt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
   __name: "DarkToggle",
   props: {
     isDark: { type: Boolean, default: !1 },
@@ -743,12 +830,12 @@ const Wt = { class: "$ui-dark-toggle-vtr" }, uo = /* @__PURE__ */ T({
     animationDuration: { default: 400 }
   },
   setup(e) {
-    const o = e, t = U(o, "isDark"), a = Mt({
+    const o = e, t = U(o, "isDark"), { colorMode: a } = Lt({
       initialValue: t.value ? "dark" : "light",
       onChanged: (s) => {
         t.value = s === "dark";
       }
-    }), n = _({
+    }), n = $({
       get: () => a.value === "dark",
       set: (s) => a.value = s ? "dark" : "light"
     }), l = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -780,24 +867,24 @@ const Wt = { class: "$ui-dark-toggle-vtr" }, uo = /* @__PURE__ */ T({
         );
       });
     }
-    return (s, i) => (p(), $("span", Wt, [
-      w(s.$slots, "default", ce(fe({ mode: k(a), isDark: n.value, toggle: r })))
+    return (s, i) => (p(), _("span", Rt, [
+      w(s.$slots, "default", pe(me({ mode: k(a), isDark: n.value, toggle: r })))
     ]));
   }
-}), Ft = {}, Lt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
-function Rt(e, o) {
-  return p(), $("div", Lt, [
+}), xt = {}, zt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
+function jt(e, o) {
+  return p(), _("div", zt, [
     w(e.$slots, "default")
   ]);
 }
-const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
+const mo = /* @__PURE__ */ ge(xt, [["render", jt]]), Re = /* @__PURE__ */ T({
   __name: "Overlay",
   props: {
     dim: { type: Boolean },
     blur: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (p(), $("div", {
+    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", [
         o.dim ? "bg-opacity-50!" : "bg-opacity-0!",
         o.blur ? "backdrop-blur-sm" : ""
@@ -806,9 +893,9 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       w(o.$slots, "default")
     ], 2));
   }
-}), xt = { class: "h7.5 w-full $ui-fbc" }, zt = { class: "text-4.5" }, jt = /* @__PURE__ */ b("div", { class: "i-carbon-close" }, null, -1), It = [
-  jt
-], Ht = { class: "content transition-all transition-duration-300" }, Jt = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Ut = { class: "$ui-fcc" }, Gt = /* @__PURE__ */ T({
+}), It = { class: "h7.5 w-full $ui-fbc" }, Ht = { class: "text-4.5" }, Jt = /* @__PURE__ */ b("div", { class: "i-carbon-close" }, null, -1), Ut = [
+  Jt
+], Kt = { class: "content transition-all transition-duration-300" }, Gt = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Yt = { class: "$ui-fcc" }, Xt = /* @__PURE__ */ T({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -834,18 +921,18 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       r();
     });
     const s = B(!1);
-    return Y(() => s.value = !0), (i, c) => s.value || i.mountTo === "body" ? (p(), M(Te, {
+    return Y(() => s.value = !0), (i, c) => s.value || i.mountTo === "body" ? (p(), O(Te, {
       key: 0,
       to: i.mountTo
     }, [
-      W(pe, {
+      W(ce, {
         "enter-from-class": "opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0",
         "enter-to-class": "opacity-100 [&_.modal]:scale-100",
         "leave-from-class": "opacity-100 [&_.modal]:scale-100",
         "leave-to-class": "opacity-0 [&_.modal]:scale-95"
       }, {
         default: y(() => [
-          k(n) ? (p(), M(Re, {
+          k(n) ? (p(), O(Re, {
             key: 0,
             dim: i.dim,
             blur: i.blur
@@ -853,36 +940,36 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
             default: y(() => [
               b("div", {
                 class: "modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",
-                style: me({
+                style: fe({
                   width: t.width,
                   height: t.height
                 })
               }, [
-                b("div", xt, [
-                  b("div", zt, [
+                b("div", It, [
+                  b("div", Ht, [
                     w(i.$slots, "title", {}, () => [
-                      I(H(t.title), 1)
+                      H(I(t.title), 1)
                     ])
                   ]),
-                  i.closable ? (p(), $("div", {
+                  i.closable ? (p(), _("div", {
                     key: 0,
                     class: "h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",
                     onClick: r
-                  }, It)) : E("", !0)
+                  }, Ut)) : A("", !0)
                 ]),
-                b("div", Ht, [
+                b("div", Kt, [
                   w(i.$slots, "default")
                 ]),
-                b("div", Jt, [
+                b("div", Gt, [
                   w(i.$slots, "footer", {}, () => [
                     w(i.$slots, "footer", {}, () => [
-                      b("div", Ut, [
-                        W(K, {
+                      b("div", Yt, [
+                        W(G, {
                           type: "primary",
                           onClick: r
                         }, {
                           default: y(() => [
-                            I(" close ")
+                            H(" close ")
                           ]),
                           _: 1
                         })
@@ -893,16 +980,16 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
               ], 4)
             ]),
             _: 3
-          }, 8, ["dim", "blur"])) : E("", !0)
+          }, 8, ["dim", "blur"])) : A("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to"])) : E("", !0);
+    ], 8, ["to"])) : A("", !0);
   }
-}), Kt = ["type", "placeholder", "disabled"], Yt = {
+}), qt = ["type", "placeholder", "disabled"], Qt = {
   key: 3,
   class: "pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"
-}, ie = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Xt = /* @__PURE__ */ T({
+}, ie = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Zt = /* @__PURE__ */ T({
   __name: "Input",
   props: {
     modelValue: {},
@@ -919,11 +1006,11 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = U(t, "modelValue", a), l = gt(_(() => t.loading), t.loadingDebounceTime), r = ht(!1, {
+    const t = e, a = o, n = U(t, "modelValue", a), l = gt($(() => t.loading), t.loadingDebounceTime), r = ht(!1, {
       onChanged(u) {
         a("updateFocused", u);
       }
-    }), s = _(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = _(() => t.disabled || l.value), c = B();
+    }), 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(() => {
@@ -934,7 +1021,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
     }), X(() => {
       var u;
       r.value && ((u = c.value) == null || u.focus());
-    }), (u, f) => (p(), $("div", {
+    }), (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", [
         {
           "border-none bg-transparent group": u.variant === "flat",
@@ -950,12 +1037,12 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
         r.value = !0;
       })
     }, [
-      u.leftIcon ? (p(), $("div", {
+      u.leftIcon ? (p(), _("div", {
         key: 0,
         class: V(ie)
       }, [
         W(ue, { icon: u.leftIcon }, null, 8, ["icon"])
-      ])) : E("", !0),
+      ])) : A("", !0),
       ve(b("input", {
         ref_key: "inputRef",
         ref: c,
@@ -965,24 +1052,24 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
         placeholder: u.placeholder,
         disabled: i.value || u.readonly,
         onBlur: f[1] || (f[1] = (m) => r.value = !1)
-      }, null, 40, Kt), [
+      }, null, 40, qt), [
         [Ge, k(n)]
       ]),
-      k(l) ? (p(), $("div", {
+      k(l) ? (p(), _("div", {
         key: 1,
         class: V(ie)
       }, [
-        W(Oe)
-      ])) : u.rightIcon ? (p(), $("div", {
+        W(Me)
+      ])) : u.rightIcon ? (p(), _("div", {
         key: 2,
         class: V(ie)
       }, [
         W(ue, { icon: u.rightIcon }, null, 8, ["icon"])
-      ])) : E("", !0),
-      s.value ? E("", !0) : (p(), $("div", Yt))
+      ])) : A("", !0),
+      s.value ? A("", !0) : (p(), _("div", Qt))
     ], 2));
   }
-}), qt = { class: "$ui-base" }, fo = /* @__PURE__ */ T({
+}), eo = { class: "$ui-base" }, vo = /* @__PURE__ */ T({
   __name: "FormField",
   props: {
     modelValue: {},
@@ -993,7 +1080,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = U(t, "modelValue", o), l = B(!1), r = _(() => t.message && t.message.length && t.showMessage), s = {
+    const t = e, n = U(t, "modelValue", o), l = B(!1), r = $(() => t.message && t.message.length && t.showMessage), s = {
       normal: "color-gray-600 dark:color-gray-400",
       warning: "color-warning-500 dark:color-warning-200",
       danger: "color-danger-500 dark:color-danger-200",
@@ -1003,8 +1090,8 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (c, d) => (p(), $("div", qt, [
-      W(Xt, {
+    return (c, d) => (p(), _("div", eo, [
+      W(Zt, {
         modelValue: k(n),
         "onUpdate:modelValue": d[0] || (d[0] = (u) => Q(n) ? n.value = u : null),
         placeholder: c.placeholder,
@@ -1016,16 +1103,16 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
           { "opacity-65": !l.value }
         ]])
       }, [
-        c.status !== "normal" && r.value ? (p(), M(ue, {
+        c.status !== "normal" && r.value ? (p(), O(ue, {
           key: 0,
           inline: "",
           icon: i[c.status]
-        }, null, 8, ["icon"])) : E("", !0),
-        I(" " + H(r.value ? c.message : ""), 1)
+        }, null, 8, ["icon"])) : A("", !0),
+        H(" " + I(r.value ? c.message : ""), 1)
       ], 2)
     ]));
   }
-}), Qt = { class: "overflow-hidden rounded-lg shadow-lg" }, Zt = /* @__PURE__ */ b("div", { class: "p2 opacity-40" }, " Empty... ", -1), eo = /* @__PURE__ */ T({
+}), to = { class: "overflow-hidden rounded-lg shadow-lg" }, oo = /* @__PURE__ */ b("div", { class: "p2 opacity-40" }, " Empty... ", -1), no = /* @__PURE__ */ T({
   __name: "Dropdown",
   props: {
     label: {},
@@ -1041,7 +1128,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   emits: ["update:visible"],
   setup(e) {
     const o = e;
-    return Ke("$ui-dropdown-disabled", _(() => o.disabled)), (t, a) => (p(), M(k(xe), {
+    return Ye("$ui-dropdown-disabled", $(() => o.disabled)), (t, a) => (p(), O(k(xe), {
       disabled: t.disabled,
       class: "inline-block w-auto",
       shown: t.shown,
@@ -1055,15 +1142,15 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       })
     }, {
       popper: y(({ hide: n }) => [
-        b("div", Qt, [
-          w(t.$slots, "popper", ce(fe({ hide: n })), () => [
-            Zt
+        b("div", to, [
+          w(t.$slots, "popper", pe(me({ hide: n })), () => [
+            oo
           ])
         ])
       ]),
       default: y(() => [
         w(t.$slots, "default", {}, () => [
-          W(K, q({
+          W(G, q({
             ...t.buttonProps,
             disabled: t.disabled
           }, { class: t.buttonClass }), De({
@@ -1078,7 +1165,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
             t.label ? {
               name: "default",
               fn: y(() => [
-                I(H(t.label), 1)
+                H(I(t.label), 1)
               ]),
               key: "0"
             } : void 0
@@ -1088,7 +1175,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       _: 3
     }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
   }
-}), po = /* @__PURE__ */ T({
+}), go = /* @__PURE__ */ T({
   __name: "DropdownButton",
   props: {
     type: {},
@@ -1101,8 +1188,8 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
     keepOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = Ye("$ui-dropdown-disabled", void 0);
-    return (a, n) => ve((p(), M(K, q({
+    const o = e, t = Xe("$ui-dropdown-disabled", void 0);
+    return (a, n) => ve((p(), O(G, q({
       ...o,
       round: !1
     }, {
@@ -1120,7 +1207,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       [k(_e)]
     ]);
   }
-}), to = { class: "$ui-fec gap2.5" }, mo = /* @__PURE__ */ T({
+}), ro = { class: "$ui-fec gap2.5" }, ho = /* @__PURE__ */ T({
   __name: "Confirm",
   props: {
     modelValue: { type: Boolean },
@@ -1142,7 +1229,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
     function l(r = !1) {
       (t.autoClose || r) && (n.value = !1);
     }
-    return (r, s) => (p(), M(Gt, {
+    return (r, s) => (p(), O(Xt, {
       modelValue: k(n),
       "onUpdate:modelValue": s[2] || (s[2] = (i) => Q(n) ? n.value = i : null),
       width: r.width,
@@ -1151,18 +1238,18 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       closable: !1
     }, {
       footer: y(() => [
-        b("div", to, [
-          W(K, {
+        b("div", ro, [
+          W(G, {
             onClick: s[0] || (s[0] = () => {
               a("cancel"), l(!0);
             })
           }, {
             default: y(() => [
-              I(H(r.cancelText), 1)
+              H(I(r.cancelText), 1)
             ]),
             _: 1
           }),
-          W(K, {
+          W(G, {
             loading: r.loading,
             type: "primary",
             onClick: s[1] || (s[1] = () => {
@@ -1170,7 +1257,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
             })
           }, {
             default: y(() => [
-              I(H(r.confirmText), 1)
+              H(I(r.confirmText), 1)
             ]),
             _: 1
           }, 8, ["loading"])
@@ -1178,13 +1265,13 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       ]),
       default: y(() => [
         w(r.$slots, "default", { class: "h-auto w-auto" }, () => [
-          I(H(r.content), 1)
+          H(I(r.content), 1)
         ])
       ]),
       _: 3
     }, 8, ["modelValue", "width", "height", "title"]));
   }
-}), oo = { class: "m1 min-w-35 w-auto flex flex-col" }, no = ["onClick"], ro = /* @__PURE__ */ b("div", { class: "i-mdi-chevron-down" }, null, -1), vo = /* @__PURE__ */ T({
+}), ao = { class: "m1 min-w-35 w-auto flex flex-col" }, lo = ["onClick"], so = /* @__PURE__ */ b("div", { class: "i-mdi-chevron-down" }, null, -1), bo = /* @__PURE__ */ T({
   __name: "Select",
   props: {
     modelValue: {},
@@ -1198,33 +1285,33 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = Ce(), l = _({
+    const t = e, a = o, n = Ce(), l = $({
       get: () => t.modelValue,
       set: (i) => a("update:modelValue", i)
-    }), r = _(() => {
+    }), r = $(() => {
       const i = t.options.find((c) => c.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;
     }
-    return (i, c) => (p(), M(eo, q({ label: r.value }, {
+    return (i, c) => (p(), O(no, q({ label: r.value }, {
       buttonProps: i.buttonProps,
       disabled: i.disabled
     }), De({
       popper: y(() => [
-        b("div", oo, [
-          k(n).item ? (p(!0), $(be, { key: 0 }, ye(i.options, (d) => (p(), $("div", {
+        b("div", ao, [
+          k(n).item ? (p(!0), _(ye, { key: 0 }, we(i.options, (d) => (p(), _("div", {
             key: d.value,
             class: "cursor-pointer",
             onClick: (u) => s(d)
           }, [
-            w(i.$slots, "item", ce(fe({
+            w(i.$slots, "item", pe(me({
               item: d,
               active: i.multiple ? l.value.includes(d.value) : d.value === l.value,
               disabled: i.disabled
             })))
-          ], 8, no))), 128)) : (p(!0), $(be, { key: 1 }, ye(i.options, (d) => ve((p(), M(K, {
+          ], 8, lo))), 128)) : (p(!0), _(ye, { key: 1 }, we(i.options, (d) => ve((p(), O(G, {
             key: d.value,
             disabled: i.disabled,
             round: "normal",
@@ -1234,7 +1321,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
             onClick: (u) => s(d)
           }, {
             default: y(() => [
-              I(H(d.label), 1)
+              H(I(d.label), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
@@ -1243,7 +1330,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
         ])
       ]),
       "button-icon-right": y(() => [
-        ro
+        so
       ]),
       _: 2
     }, [
@@ -1256,7 +1343,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       } : void 0
     ]), 1040, ["label"]));
   }
-}), go = /* @__PURE__ */ T({
+}), yo = /* @__PURE__ */ T({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean },
@@ -1265,7 +1352,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
     const n = U(e, "modelValue", o), l = wt(n);
-    return (r, s) => (p(), $("div", {
+    return (r, s) => (p(), _("div", {
       class: V([[
         r.disabled ? "cursor-not-allowed" : "cursor-pointer"
       ], "$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),
@@ -1287,7 +1374,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       ], 2)
     ], 2));
   }
-}), ho = /* @__PURE__ */ T({
+}), wo = /* @__PURE__ */ T({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -1296,7 +1383,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
     const n = U(e, "modelValue", o);
-    return (l, r) => (p(), $("div", {
+    return (l, r) => (p(), _("div", {
       class: V(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
         k(n) ? l.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
       ]]),
@@ -1309,7 +1396,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
       }, null, 2)
     ], 2));
   }
-}), bo = /* @__PURE__ */ T({
+}), ko = /* @__PURE__ */ T({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -1326,7 +1413,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: o }) {
-    const t = e, a = o, { height: n } = Et(() => typeof t.top == "string" ? document.querySelector(t.top) : t.top, void 0, { box: "border-box" }), l = U(t, "modelValue", a), r = {
+    const t = e, a = o, { height: n } = At(() => typeof t.top == "string" ? document.querySelector(t.top) : t.top, void 0, { box: "border-box" }), l = U(t, "modelValue", a), r = {
       left: {
         class: "left-0 h-full b-r",
         transition: "[&_.drawer]:translate-x--100%"
@@ -1347,17 +1434,17 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
     Pe("Escape", () => {
       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(), M(Te, {
+    const s = $(() => r[t.placement]), i = B(!1);
+    return Y(() => i.value = !0), (c, d) => i.value || c.mountTo === "body" ? (p(), O(Te, {
       key: 0,
       to: c.mountTo
     }, [
-      W(pe, {
+      W(ce, {
         "enter-from-class": `${s.value.transition}`,
         "leave-to-class": `${s.value.transition}`
       }, {
         default: y(() => [
-          k(l) ? (p(), M(Re, {
+          k(l) ? (p(), O(Re, {
             key: 0,
             class: V({
               "pointer-events-none": c.permanent
@@ -1369,91 +1456,29 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
             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"]),
-                style: me({
+                style: fe({
                   top: c.placement === "bottom" ? "auto" : `${k(n)}px`,
                   height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${k(n)}px)`
                 }),
-                onClick: d[1] || (d[1] = Xe(() => {
+                onClick: d[1] || (d[1] = qe(() => {
                 }, ["stop"]))
               }, [
-                c.closable ? (p(), $("div", {
+                c.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)
-                })) : E("", !0),
+                })) : A("", !0),
                 w(c.$slots, "default")
               ], 6)
             ]),
             _: 3
-          }, 8, ["class", "dim", "blur"])) : E("", !0)
+          }, 8, ["class", "dim", "blur"])) : A("", !0)
         ]),
         _: 3
       }, 8, ["enter-from-class", "leave-to-class"])
-    ], 8, ["to"])) : E("", !0);
-  }
-}), ao = /* @__PURE__ */ T({
-  __name: "Notification",
-  props: {
-    message: {},
-    type: { default: "info" },
-    classes: {},
-    duration: { default: 3e3 },
-    placement: { default: "top-center" },
-    onClose: {}
-  },
-  setup(e) {
-    const o = e, t = {
-      success: "i-carbon-checkmark",
-      info: "i-material-symbols-light-info",
-      warning: "i-carbon-warning",
-      error: "i-carbon-close"
-    }, a = {
-      success: "text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",
-      info: "text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",
-      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(() => {
-      n.value = !0, setTimeout(() => {
-        n.value = !1;
-      }, o.duration);
-    });
-    const l = _(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
-    return (r, s) => (p(), $("div", {
-      class: V(["fixed left-0 right-0 $ui-z-max-override text-center", [
-        { "top-0": r.placement.startsWith("top") },
-        { "bottom-0": r.placement.startsWith("bottom") }
-      ]])
-    }, [
-      W(pe, {
-        "enter-from-class": l.value,
-        "leave-to-class": l.value,
-        onAfterLeave: s[0] || (s[0] = () => {
-          var i;
-          n.value || (i = r.onClose) == null || i.call(r);
-        })
-      }, {
-        default: y(() => [
-          n.value ? (p(), $("div", {
-            key: 0,
-            class: "flex transition-all duration-300",
-            style: me({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
-          }, [
-            b("div", {
-              class: V(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, a[r.type]]])
-            }, [
-              b("div", {
-                class: V(t[r.type])
-              }, null, 2),
-              b("div", null, H(r.message), 1)
-            ], 2)
-          ], 4)) : E("", !0)
-        ]),
-        _: 1
-      }, 8, ["enter-from-class", "leave-to-class"])
-    ], 2));
+    ], 8, ["to"])) : A("", !0);
   }
-}), yo = /* @__PURE__ */ T({
+}), $o = /* @__PURE__ */ T({
   __name: "Tooltip",
   props: {
     trigger: {},
@@ -1464,7 +1489,7 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
     shown: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (p(), M(k(ze), q({
+    return (o, t) => (p(), O(k(ze), q({
       disabled: o.disabled,
       placement: o.placement
     }, o.$attrs), {
@@ -1478,39 +1503,28 @@ const co = /* @__PURE__ */ ge(Ft, [["render", Rt]]), Re = /* @__PURE__ */ T({
     }, 16, ["disabled", "placement"]));
   }
 });
-function wo(e) {
-  const o = document.createElement("div");
-  o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
-  const t = e.onClose;
-  function a() {
-    we(null, o);
-  }
-  e.onClose = () => {
-    a(), t == null || t(), document.body.removeChild(o);
-  };
-  const n = qe(ao, e);
-  we(n, o);
-}
 export {
-  _o as VTooltip,
-  io as VueBadge,
-  K as VueButton,
-  co as VueCard,
-  ho as VueCheckbox,
-  mo as VueConfirm,
-  uo as VueDarkToggle,
-  Gt as VueDialog,
-  bo as VueDrawer,
-  eo as VueDropdown,
-  po as VueDropdownButton,
-  fo as VueFormField,
+  Ft as THEME_KEY,
+  Vo as VTooltip,
+  co as VueBadge,
+  G as VueButton,
+  mo as VueCard,
+  wo as VueCheckbox,
+  ho as VueConfirm,
+  po as VueDarkToggle,
+  Xt as VueDialog,
+  ko as VueDrawer,
+  no as VueDropdown,
+  go as VueDropdownButton,
+  vo as VueFormField,
   ue as VueIcon,
-  Xt as VueInput,
-  Oe as VueLoadingIndicator,
-  ao as VueNotification,
+  Zt as VueInput,
+  Me as VueLoadingIndicator,
+  Wt as VueNotification,
   Re as VueOverlay,
-  vo as VueSelect,
-  go as VueSwitch,
-  yo as VueTooltip,
-  wo as showVueNotification
+  bo as VueSelect,
+  yo as VueSwitch,
+  $o as VueTooltip,
+  fo as showVueNotification,
+  Lt as useDevToolsColorMode
 };