@vue/devtools-ui 7.0.15 → 7.0.16

package/dist/index.js

@@ -1,14 +1,14 @@
 // @unocss-include
 
-import { Dropdown as Re, VClosePopper as $e, Tooltip as We } from "floating-vue";
-import { VTooltip as $o } from "floating-vue";
-import { openBlock as p, createElementBlock as $, createElementVNode as b, defineComponent as D, useAttrs as ze, computed as _, useSlots as _e, createBlock as M, resolveDynamicComponent as Ce, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as E, normalizeClass as S, ref as T, watch as R, customRef as Ve, isRef as Q, getCurrentScope as je, onScopeDispose as Ie, toRef as He, readonly as Se, onMounted as Y, nextTick as Z, getCurrentInstance as ue, shallowRef as Je, watchEffect as X, normalizeProps as de, guardReactiveProps as ce, Teleport as Be, createVNode as x, Transition as fe, normalizeStyle as pe, createTextVNode as j, toDisplayString as I, withDirectives as me, vModelDynamic as Ue, provide as Ge, createSlots as Te, inject as Ke, Fragment as he, renderList as be, withModifiers as Ye, h as Xe, render as ye } from "vue";
-const ve = (e, o) => {
+import { Dropdown as Re, 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 L, customRef as Se, isRef as Z, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Be, onMounted as Y, nextTick as ee, getCurrentInstance as de, shallowRef as Ue, watchEffect as q, 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";
+const ge = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, qe = {}, Qe = { class: "h-3 w-3 $ui-inline-fcc" }, Ze = /* @__PURE__ */ b("svg", {
+}, Qe = {}, Ze = { class: "h-3 w-3 $ui-inline-fcc" }, et = /* @__PURE__ */ b("svg", {
   class: "animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -27,13 +27,13 @@ const ve = (e, o) => {
     fill: "currentColor",
     d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
   })
-], -1), et = [
-  Ze
+], -1), tt = [
+  et
 ];
-function tt(e, o) {
-  return p(), $("div", Qe, et);
+function ot(e, o) {
+  return p(), $("div", Ze, tt);
 }
-const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__PURE__ */ D({
+const Oe = /* @__PURE__ */ ge(Qe, [["render", ot]]), nt = { key: 2 }, K = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -47,15 +47,15 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = ze(), s = _(() => n.to ? "router-link" : n.href ? "a" : "button"), r = _(() => t.loading || t.disabled);
-    function i(u) {
+    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();
         return;
       }
       a("click", u);
     }
-    const l = {
+    const i = {
       common: {
         default: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
         primary: "active:bg-primary-500-darker",
@@ -92,12 +92,12 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { 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"
       }
-    }, d = _e(), c = _(() => t.flat ? l.flat[t.type] : t.outlined ? l.outlined[t.type] : l.normal[t.type]);
-    return (u, f) => (p(), M(Ce(s.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(), M(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", [
-        [l.common[t.type]],
+        [i.common[t.type]],
         {
           "rounded-full": t.round === "full",
           "$ui-base-br": t.round === "normal",
@@ -107,20 +107,20 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__
         [
           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",
-          c.value
+          d.value
         ]
       ]],
-      onClickCapture: i
+      onClickCapture: s
     }), {
       default: y(() => [
-        u.loading ? (p(), M(De, {
+        u.loading ? (p(), M(Oe, {
           key: 0,
           class: "mt0.5 h-full w3"
         })) : w(u.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        k(d).default ? (p(), $("div", ot, [
+        k(c).default ? (p(), $("div", nt, [
           w(u.$slots, "default")
         ])) : E("", !0),
         w(u.$slots, "icon-right")
@@ -128,13 +128,13 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__
       _: 3
     }, 16, ["aria-disabled", "class"]));
   }
-}), nt = {}, rt = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
-function at(e, o) {
-  return p(), $("span", rt, [
+}), 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, [
     w(e.$slots, "default")
   ]);
 }
-const so = /* @__PURE__ */ ve(nt, [["render", at]]), ie = /* @__PURE__ */ D({
+const io = /* @__PURE__ */ ge(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
   __name: "Icon",
   props: {
     icon: {},
@@ -142,259 +142,259 @@ const so = /* @__PURE__ */ ve(nt, [["render", at]]), ie = /* @__PURE__ */ D({
     action: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, t) => (p(), M(Ce(o.inline ? "span" : "div"), {
-      class: S(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
+    return (o, t) => (p(), M(Ve(o.inline ? "span" : "div"), {
+      class: V(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
 });
-function ae(e) {
-  return je() ? (Ie(e), !0) : !1;
+function le(e) {
+  return Ie() ? (He(e), !0) : !1;
 }
-function lt(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
-  for (const [n, s] of Object.entries(o))
-    n !== "value" && (Q(s) && a ? Object.defineProperty(e, n, {
+function st(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
+  for (const [n, l] of Object.entries(o))
+    n !== "value" && (Z(l) && a ? Object.defineProperty(e, n, {
       get() {
-        return s.value;
+        return l.value;
       },
       set(r) {
-        s.value = r;
+        l.value = r;
       },
       enumerable: t
-    }) : Object.defineProperty(e, n, { value: s, enumerable: t }));
+    }) : Object.defineProperty(e, n, { value: l, enumerable: t }));
   return e;
 }
 function N(e) {
   return typeof e == "function" ? e() : k(e);
 }
-const Oe = typeof window < "u" && typeof document < "u";
+const Me = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const st = (e) => typeof e < "u", it = Object.prototype.toString, ut = (e) => it.call(e) === "[object Object]", ne = () => {
-}, we = /* @__PURE__ */ dt();
-function dt() {
+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 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));
+  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));
 }
-function Me(e, o) {
+function Ae(e, o) {
   function t(...a) {
-    return new Promise((n, s) => {
-      Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(n).catch(s);
+    return new Promise((n, l) => {
+      Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(n).catch(l);
     });
   }
   return t;
 }
-const Ae = (e) => e();
-function ct(e, o = {}) {
-  let t, a, n = ne;
-  const s = (i) => {
-    clearTimeout(i), n(), n = ne;
+const Ee = (e) => e();
+function ft(e, o = {}) {
+  let t, a, n = re;
+  const l = (s) => {
+    clearTimeout(s), n(), n = re;
   };
-  return (i) => {
-    const l = N(e), d = N(o.maxWait);
-    return t && s(t), l <= 0 || d !== void 0 && d <= 0 ? (a && (s(a), a = null), Promise.resolve(i())) : new Promise((c, u) => {
-      n = o.rejectOnCancel ? u : c, d && !a && (a = setTimeout(() => {
-        t && s(t), a = null, c(i());
-      }, d)), t = setTimeout(() => {
-        a && s(a), a = null, c(i());
-      }, l);
+  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());
+      }, i);
     });
   };
 }
-function ft(e = Ae) {
-  const o = T(!0);
+function pt(e = Ee) {
+  const o = B(!0);
   function t() {
     o.value = !1;
   }
   function a() {
     o.value = !0;
   }
-  const n = (...s) => {
-    o.value && e(...s);
+  const n = (...l) => {
+    o.value && e(...l);
   };
-  return { isActive: Se(o), pause: t, resume: a, eventFilter: n };
+  return { isActive: Be(o), pause: t, resume: a, eventFilter: n };
 }
-function pt(e) {
-  return e || ue();
+function mt(e) {
+  return e || de();
 }
-function Ee(...e) {
+function Ne(...e) {
   if (e.length !== 1)
-    return He(...e);
+    return Je(...e);
   const o = e[0];
-  return typeof o == "function" ? Se(Ve(() => ({ get: o, set: ne }))) : T(o);
+  return typeof o == "function" ? Be(Se(() => ({ get: o, set: re }))) : B(o);
 }
-function mt(e, o = 200, t = {}) {
-  return Me(
-    ct(o, t),
+function vt(e, o = 200, t = {}) {
+  return Ae(
+    ft(o, t),
     e
   );
 }
-function vt(e, o = 200, t = {}) {
-  const a = T(e.value), n = mt(() => {
+function gt(e, o = 200, t = {}) {
+  const a = B(e.value), n = vt(() => {
     a.value = e.value;
   }, o, t);
-  return R(e, () => n()), a;
+  return L(e, () => n()), a;
 }
-function gt(e, o = {}) {
+function ht(e, o = {}) {
   let t = e, a, n;
-  const s = Ve((f, m) => (a = f, n = m, {
+  const l = Se((f, m) => (a = f, n = m, {
     get() {
       return r();
     },
     set(g) {
-      i(g);
+      s(g);
     }
   }));
   function r(f = !0) {
     return f && a(), t;
   }
-  function i(f, m = !0) {
+  function s(f, m = !0) {
     var g, h;
     if (f === t)
       return;
-    const O = t;
-    ((g = o.onBeforeChange) == null ? void 0 : g.call(o, f, O)) !== !1 && (t = f, (h = o.onChanged) == null || h.call(o, f, O), m && n());
+    const D = t;
+    ((g = o.onBeforeChange) == null ? void 0 : g.call(o, f, D)) !== !1 && (t = f, (h = o.onChanged) == null || h.call(o, f, D), m && n());
   }
-  return lt(
-    s,
+  return st(
+    l,
     {
       get: r,
-      set: i,
+      set: s,
       untrackedGet: () => r(!1),
-      silentSet: (f) => i(f, !1),
+      silentSet: (f) => s(f, !1),
       peek: () => r(!1),
-      lay: (f) => i(f, !1)
+      lay: (f) => s(f, !1)
     },
     { enumerable: !0 }
   );
 }
-function ht(e, o, t = {}) {
+function bt(e, o, t = {}) {
   const {
-    eventFilter: a = Ae,
+    eventFilter: a = Ee,
     ...n
   } = t;
-  return R(
+  return L(
     e,
-    Me(
+    Ae(
       a,
       o
     ),
     n
   );
 }
-function bt(e, o, t = {}) {
+function yt(e, o, t = {}) {
   const {
     eventFilter: a,
     ...n
-  } = t, { eventFilter: s, pause: r, resume: i, isActive: l } = ft(a);
-  return { stop: ht(
+  } = t, { eventFilter: l, pause: r, resume: s, isActive: i } = pt(a);
+  return { stop: bt(
     e,
     o,
     {
       ...n,
-      eventFilter: s
+      eventFilter: l
     }
-  ), pause: r, resume: i, isActive: l };
+  ), pause: r, resume: s, isActive: i };
 }
-function ge(e, o = !0, t) {
-  pt() ? Y(e, t) : o ? e() : Z(e);
+function he(e, o = !0, t) {
+  mt() ? Y(e, t) : o ? e() : ee(e);
 }
-function yt(e = !1, o = {}) {
+function wt(e = !1, o = {}) {
   const {
     truthyValue: t = !0,
     falsyValue: a = !1
-  } = o, n = Q(e), s = T(e);
-  function r(i) {
+  } = o, n = Z(e), l = B(e);
+  function r(s) {
     if (arguments.length)
-      return s.value = i, s.value;
+      return l.value = s, l.value;
     {
-      const l = N(t);
-      return s.value = s.value === l ? N(a) : l, s.value;
+      const i = N(t);
+      return l.value = l.value === i ? N(a) : i, l.value;
     }
   }
-  return n ? r : [s, r];
+  return n ? r : [l, r];
 }
-function z(e) {
+function j(e) {
   var o;
   const t = N(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
 }
-const H = Oe ? window : void 0;
-function re(...e) {
+const J = Me ? 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 = H) : [o, t, a, n] = e, !o)
-    return ne;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, a, n] = e, o = J) : [o, t, a, n] = e, !o)
+    return re;
   Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
-  const s = [], r = () => {
-    s.forEach((c) => c()), s.length = 0;
-  }, i = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), l = R(
-    () => [z(o), N(n)],
-    ([c, u]) => {
-      if (r(), !c)
+  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 = L(
+    () => [j(o), N(n)],
+    ([d, u]) => {
+      if (r(), !d)
         return;
-      const f = ut(u) ? { ...u } : u;
-      s.push(
-        ...t.flatMap((m) => a.map((g) => i(c, m, g, f)))
+      const f = dt(u) ? { ...u } : u;
+      l.push(
+        ...t.flatMap((m) => a.map((g) => s(d, m, g, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
-    l(), r();
+  ), c = () => {
+    i(), r();
   };
-  return ae(d), d;
+  return le(c), c;
 }
-function wt(e) {
+function kt(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
 }
-function Ne(...e) {
+function Pe(...e) {
   let o, t, a = {};
   e.length === 3 ? (o = e[0], t = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (o = !0, t = e[0], a = e[1]) : (o = e[0], t = e[1]) : (o = !0, t = e[0]);
   const {
-    target: n = H,
-    eventName: s = "keydown",
+    target: n = J,
+    eventName: l = "keydown",
     passive: r = !1,
-    dedupe: i = !1
-  } = a, l = wt(o);
-  return re(n, s, (c) => {
-    c.repeat && N(i) || l(c) && t(c);
+    dedupe: s = !1
+  } = a, i = kt(o);
+  return ae(n, l, (d) => {
+    d.repeat && N(s) || i(d) && t(d);
   }, r);
 }
-function kt() {
-  const e = T(!1);
-  return ue() && Y(() => {
+function $t() {
+  const e = B(!1), o = de();
+  return o && Y(() => {
     e.value = !0;
-  }), e;
+  }, o), e;
 }
-function Pe(e) {
-  const o = kt();
+function We(e) {
+  const o = $t();
   return _(() => (o.value, !!e()));
 }
-function $t(e, o = {}) {
-  const { window: t = H } = o, a = Pe(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+function _t(e, o = {}) {
+  const { window: t = J } = o, a = We(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
   let n;
-  const s = T(!1), r = (d) => {
-    s.value = d.matches;
-  }, i = () => {
+  const l = B(!1), r = (c) => {
+    l.value = c.matches;
+  }, s = () => {
     n && ("removeEventListener" in n ? n.removeEventListener("change", r) : n.removeListener(r));
-  }, l = X(() => {
-    a.value && (i(), n = t.matchMedia(N(e)), "addEventListener" in n ? n.addEventListener("change", r) : n.addListener(r), s.value = n.matches);
+  }, 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 ae(() => {
-    l(), i(), n = void 0;
-  }), s;
+  return le(() => {
+    i(), s(), n = void 0;
+  }), l;
 }
-function _t(e) {
+function Ct(e) {
   return JSON.parse(JSON.stringify(e));
 }
-const ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, te = "__vueuse_ssr_handlers__", Ct = /* @__PURE__ */ Vt();
-function Vt() {
-  return te in ee || (ee[te] = ee[te] || {}), ee[te];
+const te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, oe = "__vueuse_ssr_handlers__", Vt = /* @__PURE__ */ St();
+function St() {
+  return oe in te || (te[oe] = te[oe] || {}), te[oe];
 }
 function xe(e, o) {
-  return Ct[e] || o;
+  return Vt[e] || o;
 }
-function St(e) {
+function Bt(e) {
   return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
 }
-const Bt = {
+const Tt = {
   boolean: {
     read: (e) => e === "true",
     write: (e) => String(e)
@@ -427,222 +427,227 @@ const Bt = {
     read: (e) => new Date(e),
     write: (e) => e.toISOString()
   }
-}, ke = "vueuse-storage";
-function Tt(e, o, t, a = {}) {
+}, $e = "vueuse-storage";
+function Dt(e, o, t, a = {}) {
   var n;
   const {
-    flush: s = "pre",
+    flush: l = "pre",
     deep: r = !0,
-    listenToStorageChanges: i = !0,
-    writeDefaults: l = !0,
-    mergeDefaults: d = !1,
-    shallow: c,
-    window: u = H,
+    listenToStorageChanges: s = !0,
+    writeDefaults: i = !0,
+    mergeDefaults: c = !1,
+    shallow: d,
+    window: u = J,
     eventFilter: f,
     onError: m = (v) => {
       console.error(v);
     },
     initOnMounted: g
-  } = a, h = (c ? Je : T)(typeof o == "function" ? o() : o);
+  } = a, h = (d ? Ue : B)(typeof o == "function" ? o() : o);
   if (!t)
     try {
       t = xe("getDefaultStorage", () => {
         var v;
-        return (v = H) == null ? void 0 : v.localStorage;
+        return (v = J) == null ? void 0 : v.localStorage;
       })();
     } catch (v) {
       m(v);
     }
   if (!t)
     return h;
-  const O = N(o), W = St(O), P = (n = a.serializer) != null ? n : Bt[W], { pause: B, resume: C } = bt(
+  const D = N(o), R = Bt(D), P = (n = a.serializer) != null ? n : Tt[R], { pause: S, resume: C } = yt(
     h,
-    () => A(h.value),
-    { flush: s, deep: r, eventFilter: f }
+    () => F(h.value),
+    { flush: l, deep: r, eventFilter: f }
   );
-  return u && i && ge(() => {
-    re(u, "storage", F), re(u, ke, G), g && F();
-  }), g || F(), h;
-  function A(v) {
+  u && s && he(() => {
+    ae(u, "storage", x), ae(u, $e, X), g && x();
+  }), g || x();
+  function A(v, O) {
+    u && u.dispatchEvent(new CustomEvent($e, {
+      detail: {
+        key: e,
+        oldValue: v,
+        newValue: O,
+        storageArea: t
+      }
+    }));
+  }
+  function F(v) {
     try {
+      const O = t.getItem(e);
       if (v == null)
-        t.removeItem(e);
+        A(O, null), t.removeItem(e);
       else {
-        const V = P.write(v), U = t.getItem(e);
-        U !== V && (t.setItem(e, V), u && u.dispatchEvent(new CustomEvent(ke, {
-          detail: {
-            key: e,
-            oldValue: U,
-            newValue: V,
-            storageArea: t
-          }
-        })));
+        const z = P.write(v);
+        O !== z && (t.setItem(e, z), A(O, z));
       }
-    } catch (V) {
-      m(V);
+    } catch (O) {
+      m(O);
     }
   }
-  function L(v) {
-    const V = v ? v.newValue : t.getItem(e);
-    if (V == null)
-      return l && O != null && t.setItem(e, P.write(O)), O;
-    if (!v && d) {
-      const U = P.read(V);
-      return typeof d == "function" ? d(U, O) : W === "object" && !Array.isArray(U) ? { ...O, ...U } : U;
-    } else
-      return typeof V != "string" ? V : P.read(V);
-  }
   function G(v) {
-    F(v.detail);
+    const O = v ? v.newValue : t.getItem(e);
+    if (O == null)
+      return i && D != null && t.setItem(e, P.write(D)), D;
+    if (!v && c) {
+      const z = P.read(O);
+      return typeof c == "function" ? c(z, D) : R === "object" && !Array.isArray(z) ? { ...D, ...z } : z;
+    } else
+      return typeof O != "string" ? O : P.read(O);
   }
-  function F(v) {
+  function x(v) {
     if (!(v && v.storageArea !== t)) {
       if (v && v.key == null) {
-        h.value = O;
+        h.value = D;
         return;
       }
       if (!(v && v.key !== e)) {
-        B();
+        S();
         try {
-          (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = L(v));
-        } catch (V) {
-          m(V);
+          (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = G(v));
+        } catch (O) {
+          m(O);
         } finally {
-          v ? Z(C) : C();
+          v ? ee(C) : C();
         }
       }
     }
   }
+  function X(v) {
+    x(v.detail);
+  }
+  return h;
 }
-function Dt(e) {
-  return $t("(prefers-color-scheme: dark)", e);
+function Ot(e) {
+  return _t("(prefers-color-scheme: dark)", e);
 }
-function Ot(e = {}) {
+function Mt(e = {}) {
   const {
     selector: o = "html",
     attribute: t = "class",
     initialValue: a = "auto",
-    window: n = H,
-    storage: s,
+    window: n = J,
+    storage: l,
     storageKey: r = "vueuse-color-scheme",
-    listenToStorageChanges: i = !0,
-    storageRef: l,
-    emitAuto: d,
-    disableTransition: c = !0
+    listenToStorageChanges: s = !0,
+    storageRef: i,
+    emitAuto: c,
+    disableTransition: d = !0
   } = e, u = {
     auto: "",
     light: "light",
     dark: "dark",
     ...e.modes || {}
-  }, f = Dt({ window: n }), m = _(() => f.value ? "dark" : "light"), g = l || (r == null ? Ee(a) : Tt(r, a, s, { window: n, listenToStorageChanges: i })), h = _(() => g.value === "auto" ? m.value : g.value), O = xe(
+  }, 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 = xe(
     "updateHTMLAttrs",
-    (C, A, L) => {
-      const G = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : z(C);
+    (C, A, F) => {
+      const G = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : j(C);
       if (!G)
         return;
-      let F;
-      if (c) {
-        F = n.document.createElement("style");
-        const v = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
-        F.appendChild(document.createTextNode(v)), n.document.head.appendChild(F);
+      let x;
+      if (d) {
+        x = n.document.createElement("style");
+        const X = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
+        x.appendChild(document.createTextNode(X)), n.document.head.appendChild(x);
       }
       if (A === "class") {
-        const v = L.split(/\s/g);
-        Object.values(u).flatMap((V) => (V || "").split(/\s/g)).filter(Boolean).forEach((V) => {
-          v.includes(V) ? G.classList.add(V) : G.classList.remove(V);
+        const X = F.split(/\s/g);
+        Object.values(u).flatMap((v) => (v || "").split(/\s/g)).filter(Boolean).forEach((v) => {
+          X.includes(v) ? G.classList.add(v) : G.classList.remove(v);
         });
       } else
-        G.setAttribute(A, L);
-      c && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
+        G.setAttribute(A, F);
+      d && (n.getComputedStyle(x).opacity, document.head.removeChild(x));
     }
   );
-  function W(C) {
+  function R(C) {
     var A;
-    O(o, t, (A = u[C]) != null ? A : C);
+    D(o, t, (A = u[C]) != null ? A : C);
   }
   function P(C) {
-    e.onChanged ? e.onChanged(C, W) : W(C);
+    e.onChanged ? e.onChanged(C, R) : R(C);
   }
-  R(h, P, { flush: "post", immediate: !0 }), ge(() => P(h.value));
-  const B = _({
+  L(h, P, { flush: "post", immediate: !0 }), he(() => P(h.value));
+  const S = _({
     get() {
-      return d ? g.value : h.value;
+      return c ? g.value : h.value;
     },
     set(C) {
       g.value = C;
     }
   });
   try {
-    return Object.assign(B, { store: g, system: m, state: h });
+    return Object.assign(S, { store: g, system: m, state: h });
   } catch {
-    return B;
+    return S;
   }
 }
-function Mt(e, o, t = {}) {
-  const { window: a = H, ...n } = t;
-  let s;
-  const r = Pe(() => a && "ResizeObserver" in a), i = () => {
-    s && (s.disconnect(), s = void 0);
-  }, l = _(() => Array.isArray(e) ? e.map((u) => z(u)) : [z(e)]), d = R(
-    l,
+function At(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 = L(
+    i,
     (u) => {
-      if (i(), r.value && a) {
-        s = new ResizeObserver(o);
+      if (s(), r.value && a) {
+        l = new ResizeObserver(o);
         for (const f of u)
-          f && s.observe(f, n);
+          f && l.observe(f, n);
       }
     },
-    { immediate: !0, flush: "post", deep: !0 }
-  ), c = () => {
-    i(), d();
+    { immediate: !0, flush: "post" }
+  ), d = () => {
+    s(), c();
   };
-  return ae(c), {
+  return le(d), {
     isSupported: r,
-    stop: c
+    stop: d
   };
 }
-function At(e, o = { width: 0, height: 0 }, t = {}) {
-  const { window: a = H, box: n = "content-box" } = t, s = _(() => {
+function Et(e, o = { width: 0, height: 0 }, t = {}) {
+  const { window: a = J, box: n = "content-box" } = t, l = _(() => {
     var u, f;
-    return (f = (u = z(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), r = T(o.width), i = T(o.height), { stop: l } = Mt(
+    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(
     e,
     ([u]) => {
       const f = n === "border-box" ? u.borderBoxSize : n === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
-      if (a && s.value) {
-        const m = z(e);
+      if (a && l.value) {
+        const m = j(e);
         if (m) {
           const g = a.getComputedStyle(m);
-          r.value = Number.parseFloat(g.width), i.value = Number.parseFloat(g.height);
+          r.value = Number.parseFloat(g.width), s.value = Number.parseFloat(g.height);
         }
       } else if (f) {
         const m = Array.isArray(f) ? f : [f];
-        r.value = m.reduce((g, { inlineSize: h }) => g + h, 0), i.value = m.reduce((g, { blockSize: h }) => g + h, 0);
+        r.value = m.reduce((g, { inlineSize: h }) => g + h, 0), s.value = m.reduce((g, { blockSize: h }) => g + h, 0);
       } else
-        r.value = u.contentRect.width, i.value = u.contentRect.height;
+        r.value = u.contentRect.width, s.value = u.contentRect.height;
     },
     t
   );
-  ge(() => {
-    const u = z(e);
-    u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, i.value = "offsetHeight" in u ? u.offsetHeight : o.height);
+  he(() => {
+    const u = j(e);
+    u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, s.value = "offsetHeight" in u ? u.offsetHeight : o.height);
   });
-  const d = R(
-    () => z(e),
+  const c = L(
+    () => j(e),
     (u) => {
-      r.value = u ? o.width : 0, i.value = u ? o.height : 0;
+      r.value = u ? o.width : 0, s.value = u ? o.height : 0;
     }
   );
-  function c() {
-    l(), d();
+  function d() {
+    i(), c();
   }
   return {
     width: r,
-    height: i,
-    stop: c
+    height: s,
+    stop: d
   };
 }
-function le(e) {
+function se(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 function Fe(e) {
@@ -654,88 +659,88 @@ function Fe(e) {
     return !t || t.tagName === "BODY" ? !1 : Fe(t);
   }
 }
-function Et(e) {
+function Nt(e) {
   const o = e || window.event, t = o.target;
   return Fe(t) ? !1 : o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
 }
-const oe = /* @__PURE__ */ new WeakMap();
-function Nt(e, o = !1) {
-  const t = T(o);
-  let a = null, n;
-  R(Ee(e), (i) => {
-    const l = le(N(i));
-    if (l) {
-      const d = l;
-      oe.get(d) || oe.set(d, n), t.value && (d.style.overflow = "hidden");
+const ne = /* @__PURE__ */ new WeakMap();
+function Pt(e, o = !1) {
+  const t = B(o);
+  let a = null;
+  L(Ne(e), (r) => {
+    const s = se(N(r));
+    if (s) {
+      const i = s;
+      ne.get(i) || ne.set(i, i.style.overflow), t.value && (i.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const s = () => {
-    const i = le(N(e));
-    !i || t.value || (we && (a = re(
-      i,
+  const n = () => {
+    const r = se(N(e));
+    !r || t.value || (ke && (a = ae(
+      r,
       "touchmove",
-      (l) => {
-        Et(l);
+      (s) => {
+        Nt(s);
       },
       { passive: !1 }
-    )), i.style.overflow = "hidden", t.value = !0);
-  }, r = () => {
-    var i;
-    const l = le(N(e));
-    !l || !t.value || (we && (a == null || a()), l.style.overflow = (i = oe.get(l)) != null ? i : "", oe.delete(l), t.value = !1);
+    )), r.style.overflow = "hidden", t.value = !0);
+  }, 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);
   };
-  return ae(r), _({
+  return le(l), _({
     get() {
       return t.value;
     },
-    set(i) {
-      i ? s() : r();
+    set(r) {
+      r ? n() : l();
     }
   });
 }
-function J(e, o, t, a = {}) {
-  var n, s, r;
+function U(e, o, t, a = {}) {
+  var n, l, r;
   const {
-    clone: i = !1,
-    passive: l = !1,
-    eventName: d,
-    deep: c = !1,
+    clone: s = !1,
+    passive: i = !1,
+    eventName: c,
+    deep: d = !1,
     defaultValue: u,
     shouldEmit: f
-  } = a, m = ue(), g = t || (m == null ? void 0 : m.emit) || ((n = m == null ? void 0 : m.$emit) == null ? void 0 : n.bind(m)) || ((r = (s = m == null ? void 0 : m.proxy) == null ? void 0 : s.$emit) == null ? void 0 : r.bind(m == null ? void 0 : m.proxy));
-  let h = d;
+  } = 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;
   o || (o = "modelValue"), h = h || `update:${o.toString()}`;
-  const O = (B) => i ? typeof i == "function" ? i(B) : _t(B) : B, W = () => st(e[o]) ? O(e[o]) : u, P = (B) => {
-    f ? f(B) && g(h, B) : g(h, B);
+  const D = (S) => s ? typeof s == "function" ? s(S) : Ct(S) : S, R = () => it(e[o]) ? D(e[o]) : u, P = (S) => {
+    f ? f(S) && g(h, S) : g(h, S);
   };
-  if (l) {
-    const B = W(), C = T(B);
+  if (i) {
+    const S = R(), C = B(S);
     let A = !1;
-    return R(
+    return L(
       () => e[o],
-      (L) => {
-        A || (A = !0, C.value = O(L), Z(() => A = !1));
+      (F) => {
+        A || (A = !0, C.value = D(F), ee(() => A = !1));
       }
-    ), R(
+    ), L(
       C,
-      (L) => {
-        !A && (L !== e[o] || c) && P(L);
+      (F) => {
+        !A && (F !== e[o] || d) && P(F);
       },
-      { deep: c }
+      { deep: d }
     ), C;
   } else
     return _({
       get() {
-        return W();
+        return R();
       },
-      set(B) {
-        P(B);
+      set(S) {
+        P(S);
       }
     });
 }
-const Pt = { class: "$ui-dark-toggle-vtr" }, io = /* @__PURE__ */ D({
+const Wt = { class: "$ui-dark-toggle-vtr" }, uo = /* @__PURE__ */ T({
   __name: "DarkToggle",
   props: {
     isDark: { type: Boolean, default: !1 },
@@ -743,30 +748,30 @@ const Pt = { class: "$ui-dark-toggle-vtr" }, io = /* @__PURE__ */ D({
     animationDuration: { default: 400 }
   },
   setup(e) {
-    const o = e, t = J(o, "isDark"), a = Ot({
+    const o = e, t = U(o, "isDark"), a = Mt({
       initialValue: t.value ? "dark" : "light",
-      onChanged: (i) => {
-        t.value = i === "dark";
+      onChanged: (s) => {
+        t.value = s === "dark";
       }
     }), n = _({
       get: () => a.value === "dark",
-      set: (i) => a.value = i ? "dark" : "light"
-    }), s = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    function r(i) {
-      if (!s || !i || !o.animation) {
+      set: (s) => a.value = s ? "dark" : "light"
+    }), l = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    function r(s) {
+      if (!l || !s || !o.animation) {
         n.value = !n.value;
         return;
       }
-      const l = i.clientX, d = i.clientY, c = Math.hypot(
-        Math.max(l, innerWidth - l),
-        Math.max(d, innerHeight - d)
+      const i = s.clientX, c = s.clientY, d = Math.hypot(
+        Math.max(i, innerWidth - i),
+        Math.max(c, innerHeight - c)
       );
       document.startViewTransition(async () => {
-        n.value = !n.value, await Z();
+        n.value = !n.value, await ee();
       }).ready.then(() => {
         const f = [
-          `circle(0px at ${l}px ${d}px)`,
-          `circle(${c}px at ${l}px ${d}px)`
+          `circle(0px at ${i}px ${c}px)`,
+          `circle(${d}px at ${i}px ${c}px)`
         ];
         document.documentElement.animate(
           {
@@ -780,8 +785,8 @@ const Pt = { class: "$ui-dark-toggle-vtr" }, io = /* @__PURE__ */ D({
         );
       });
     }
-    return (i, l) => (p(), $("span", Pt, [
-      w(i.$slots, "default", de(ce({ mode: k(a), isDark: n.value, toggle: r })))
+    return (s, i) => (p(), $("span", Wt, [
+      w(s.$slots, "default", ce(fe({ mode: k(a), isDark: n.value, toggle: r })))
     ]));
   }
 }), xt = {}, Ft = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
@@ -790,7 +795,7 @@ function Lt(e, o) {
     w(e.$slots, "default")
   ]);
 }
-const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
+const co = /* @__PURE__ */ ge(xt, [["render", Lt]]), Le = /* @__PURE__ */ T({
   __name: "Overlay",
   props: {
     dim: { type: Boolean },
@@ -798,7 +803,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   setup(e) {
     return (o, t) => (p(), $("div", {
-      class: S(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
+      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 +811,9 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       w(o.$slots, "default")
     ], 2));
   }
-}), Rt = { class: "h7.5 w-full $ui-fbc" }, Wt = { class: "text-4.5" }, zt = /* @__PURE__ */ b("div", { class: "i-carbon-close" }, null, -1), jt = [
-  zt
-], It = { class: "content transition-all transition-duration-300" }, Ht = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Jt = { class: "$ui-fcc" }, Ut = /* @__PURE__ */ D({
+}), Rt = { 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({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -823,22 +828,22 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["close", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = J(t, "modelValue", o, { passive: !0 }), s = Nt(() => window.document.documentElement);
-    X(() => {
-      n.value ? s.value = !0 : s.value = !1;
+    const t = e, n = U(t, "modelValue", o, { passive: !0 }), l = Pt(() => window.document.documentElement);
+    q(() => {
+      n.value ? l.value = !0 : l.value = !1;
     });
     function r() {
       n.value && t.autoClose && (n.value = !1);
     }
-    Ne("Escape", () => {
+    Pe("Escape", () => {
       r();
     });
-    const i = T(!1);
-    return Y(() => i.value = !0), (l, d) => i.value || l.mountTo === "body" ? (p(), M(Be, {
+    const s = B(!1);
+    return Y(() => s.value = !0), (i, c) => s.value || i.mountTo === "body" ? (p(), M(Te, {
       key: 0,
-      to: l.mountTo
+      to: i.mountTo
     }, [
-      x(fe, {
+      W(pe, {
         "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",
@@ -847,42 +852,42 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
         default: y(() => [
           k(n) ? (p(), M(Le, {
             key: 0,
-            dim: l.dim,
-            blur: l.blur
+            dim: i.dim,
+            blur: i.blur
           }, {
             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: pe({
+                style: me({
                   width: t.width,
                   height: t.height
                 })
               }, [
                 b("div", Rt, [
-                  b("div", Wt, [
-                    w(l.$slots, "title", {}, () => [
-                      j(I(t.title), 1)
+                  b("div", zt, [
+                    w(i.$slots, "title", {}, () => [
+                      I(H(t.title), 1)
                     ])
                   ]),
-                  l.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
-                  }, jt)) : E("", !0)
-                ]),
-                b("div", It, [
-                  w(l.$slots, "default")
+                  }, It)) : E("", !0)
                 ]),
                 b("div", Ht, [
-                  w(l.$slots, "footer", {}, () => [
-                    w(l.$slots, "footer", {}, () => [
-                      b("div", Jt, [
-                        x(K, {
+                  w(i.$slots, "default")
+                ]),
+                b("div", Jt, [
+                  w(i.$slots, "footer", {}, () => [
+                    w(i.$slots, "footer", {}, () => [
+                      b("div", Ut, [
+                        W(K, {
                           type: "primary",
                           onClick: r
                         }, {
                           default: y(() => [
-                            j(" close ")
+                            I(" close ")
                           ]),
                           _: 1
                         })
@@ -899,10 +904,10 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       })
     ], 8, ["to"])) : E("", !0);
   }
-}), Gt = ["type", "placeholder", "disabled"], Kt = {
+}), Kt = ["type", "placeholder", "disabled"], Yt = {
   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"
-}, se = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Yt = /* @__PURE__ */ D({
+}, 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({
   __name: "Input",
   props: {
     modelValue: {},
@@ -919,26 +924,26 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = J(t, "modelValue", a), s = vt(_(() => t.loading), t.loadingDebounceTime), r = gt(!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);
       }
-    }), i = _(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), l = _(() => t.disabled || s.value), d = T();
-    let c = !1;
-    return X(() => {
-      s.value && r.value ? c = !0 : !s.value && c && (c = !1, Z(() => {
+    }), s = _(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = _(() => t.disabled || l.value), c = B();
+    let d = !1;
+    return q(() => {
+      l.value && r.value ? d = !0 : !l.value && d && (d = !1, ee(() => {
         r.value = !0;
       }));
     }), Y(() => {
       t.autoFocus && (r.value = !0);
-    }), X(() => {
+    }), q(() => {
       var u;
-      r.value && ((u = d.value) == null || u.focus());
+      r.value && ((u = c.value) == null || u.focus());
     }), (u, f) => (p(), $("div", {
-      class: S(["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", [
+      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",
-          "cursor-not-allowed opacity-50": l.value,
+          "cursor-not-allowed opacity-50": i.value,
           accent: u.variant === "accent",
           focused: k(r)
         },
@@ -952,37 +957,37 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     }, [
       u.leftIcon ? (p(), $("div", {
         key: 0,
-        class: S(se)
+        class: V(ie)
       }, [
-        x(ie, { icon: u.leftIcon }, null, 8, ["icon"])
+        W(ue, { icon: u.leftIcon }, null, 8, ["icon"])
       ])) : E("", !0),
-      me(b("input", {
+      ve(b("input", {
         ref_key: "inputRef",
-        ref: d,
-        "onUpdate:modelValue": f[0] || (f[0] = (m) => Q(n) ? n.value = m : null),
+        ref: c,
+        "onUpdate:modelValue": f[0] || (f[0] = (m) => Z(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: t.password ? "password" : "text",
         placeholder: u.placeholder,
-        disabled: l.value || u.readonly,
+        disabled: i.value || u.readonly,
         onBlur: f[1] || (f[1] = (m) => r.value = !1)
-      }, null, 40, Gt), [
-        [Ue, k(n)]
+      }, null, 40, Kt), [
+        [Ge, k(n)]
       ]),
-      k(s) ? (p(), $("div", {
+      k(l) ? (p(), $("div", {
         key: 1,
-        class: S(se)
+        class: V(ie)
       }, [
-        x(De)
+        W(Oe)
       ])) : u.rightIcon ? (p(), $("div", {
         key: 2,
-        class: S(se)
+        class: V(ie)
       }, [
-        x(ie, { icon: u.rightIcon }, null, 8, ["icon"])
+        W(ue, { icon: u.rightIcon }, null, 8, ["icon"])
       ])) : E("", !0),
-      i.value ? E("", !0) : (p(), $("div", Kt))
+      s.value ? E("", !0) : (p(), $("div", Yt))
     ], 2));
   }
-}), Xt = { class: "$ui-base" }, co = /* @__PURE__ */ D({
+}), qt = { class: "$ui-base" }, fo = /* @__PURE__ */ T({
   __name: "FormField",
   props: {
     modelValue: {},
@@ -993,39 +998,39 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = J(t, "modelValue", o), s = T(!1), r = _(() => t.message && t.message.length && t.showMessage), i = {
+    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",
       success: "color-primary-700 dark:color-primary-500"
-    }, l = {
+    }, i = {
       warning: "i-bx:bxs-error",
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (d, c) => (p(), $("div", Xt, [
-      x(Yt, {
+    return (c, d) => (p(), $("div", qt, [
+      W(Xt, {
         modelValue: k(n),
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => Q(n) ? n.value = u : null),
-        placeholder: d.placeholder,
-        onUpdateFocused: c[1] || (c[1] = (u) => s.value = u)
+        "onUpdate:modelValue": d[0] || (d[0] = (u) => Z(n) ? n.value = u : null),
+        placeholder: c.placeholder,
+        onUpdateFocused: d[1] || (d[1] = (u) => l.value = u)
       }, null, 8, ["modelValue", "placeholder"]),
       b("div", {
-        class: S(["mt2 $ui-base text-3.5", [
-          i[d.status],
-          { "opacity-65": !s.value }
+        class: V(["mt2 $ui-base text-3.5", [
+          s[c.status],
+          { "opacity-65": !l.value }
         ]])
       }, [
-        d.status !== "normal" && r.value ? (p(), M(ie, {
+        c.status !== "normal" && r.value ? (p(), M(ue, {
           key: 0,
           inline: "",
-          icon: l[d.status]
+          icon: i[c.status]
         }, null, 8, ["icon"])) : E("", !0),
-        j(" " + I(r.value ? d.message : ""), 1)
+        I(" " + H(r.value ? c.message : ""), 1)
       ], 2)
     ]));
   }
-}), qt = { class: "overflow-hidden rounded-lg shadow-lg" }, Qt = /* @__PURE__ */ b("div", { class: "p2 opacity-40" }, " Empty... ", -1), Zt = /* @__PURE__ */ D({
+}), Qt = { class: "overflow-hidden rounded-lg shadow-lg" }, Zt = /* @__PURE__ */ b("div", { class: "p2 opacity-40" }, " Empty... ", -1), eo = /* @__PURE__ */ T({
   __name: "Dropdown",
   props: {
     label: {},
@@ -1041,7 +1046,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   emits: ["update:visible"],
   setup(e) {
     const o = e;
-    return Ge("$ui-dropdown-disabled", _(() => o.disabled)), (t, a) => (p(), M(k(Re), {
+    return Ke("$ui-dropdown-disabled", _(() => o.disabled)), (t, a) => (p(), M(k(Re), {
       disabled: t.disabled,
       class: "inline-block w-auto",
       shown: t.shown,
@@ -1055,18 +1060,18 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       })
     }, {
       popper: y(({ hide: n }) => [
-        b("div", qt, [
-          w(t.$slots, "popper", de(ce({ hide: n })), () => [
-            Qt
+        b("div", Qt, [
+          w(t.$slots, "popper", ce(fe({ hide: n })), () => [
+            Zt
           ])
         ])
       ]),
       default: y(() => [
         w(t.$slots, "default", {}, () => [
-          x(K, q({
+          W(K, Q({
             ...t.buttonProps,
             disabled: t.disabled
-          }, { class: t.buttonClass }), Te({
+          }, { class: t.buttonClass }), De({
             icon: y(() => [
               w(t.$slots, "button-icon")
             ]),
@@ -1078,7 +1083,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
             t.label ? {
               name: "default",
               fn: y(() => [
-                j(I(t.label), 1)
+                I(H(t.label), 1)
               ]),
               key: "0"
             } : void 0
@@ -1088,7 +1093,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       _: 3
     }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
   }
-}), fo = /* @__PURE__ */ D({
+}), po = /* @__PURE__ */ T({
   __name: "DropdownButton",
   props: {
     type: {},
@@ -1101,8 +1106,8 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     keepOpen: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = Ke("$ui-dropdown-disabled", void 0);
-    return (a, n) => me((p(), M(K, q({
+    const o = e, t = Ye("$ui-dropdown-disabled", void 0);
+    return (a, n) => ve((p(), M(K, Q({
       ...o,
       round: !1
     }, {
@@ -1117,10 +1122,10 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       ]),
       _: 3
     }, 16, ["disabled"])), [
-      [k($e)]
+      [k(_e)]
     ]);
   }
-}), eo = { class: "$ui-fec gap2.5" }, po = /* @__PURE__ */ D({
+}), to = { class: "$ui-fec gap2.5" }, mo = /* @__PURE__ */ T({
   __name: "Confirm",
   props: {
     modelValue: { type: Boolean },
@@ -1135,42 +1140,42 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue", "confirm", "cancel", "close"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = J(t, "modelValue", a);
-    X(() => {
+    const t = e, a = o, n = U(t, "modelValue", a);
+    q(() => {
       n.value || a("close");
     });
-    function s(r = !1) {
+    function l(r = !1) {
       (t.autoClose || r) && (n.value = !1);
     }
-    return (r, i) => (p(), M(Ut, {
+    return (r, s) => (p(), M(Gt, {
       modelValue: k(n),
-      "onUpdate:modelValue": i[2] || (i[2] = (l) => Q(n) ? n.value = l : null),
+      "onUpdate:modelValue": s[2] || (s[2] = (i) => Z(n) ? n.value = i : null),
       width: r.width,
       height: r.height,
       title: r.title,
       closable: !1
     }, {
       footer: y(() => [
-        b("div", eo, [
-          x(K, {
-            onClick: i[0] || (i[0] = () => {
-              a("cancel"), s(!0);
+        b("div", to, [
+          W(K, {
+            onClick: s[0] || (s[0] = () => {
+              a("cancel"), l(!0);
             })
           }, {
             default: y(() => [
-              j(I(r.cancelText), 1)
+              I(H(r.cancelText), 1)
             ]),
             _: 1
           }),
-          x(K, {
+          W(K, {
             loading: r.loading,
             type: "primary",
-            onClick: i[1] || (i[1] = () => {
-              a("confirm"), s();
+            onClick: s[1] || (s[1] = () => {
+              a("confirm"), l();
             })
           }, {
             default: y(() => [
-              j(I(r.confirmText), 1)
+              I(H(r.confirmText), 1)
             ]),
             _: 1
           }, 8, ["loading"])
@@ -1178,13 +1183,13 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       ]),
       default: y(() => [
         w(r.$slots, "default", { class: "h-auto w-auto" }, () => [
-          j(I(r.content), 1)
+          I(H(r.content), 1)
         ])
       ]),
       _: 3
     }, 8, ["modelValue", "width", "height", "title"]));
   }
-}), to = { class: "m1 min-w-35 w-auto flex flex-col" }, oo = ["onClick"], no = /* @__PURE__ */ b("div", { class: "i-mdi-chevron-down" }, null, -1), mo = /* @__PURE__ */ D({
+}), 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({
   __name: "Select",
   props: {
     modelValue: {},
@@ -1198,65 +1203,65 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, a = o, n = _e(), s = _({
+    const t = e, a = o, n = Ce(), l = _({
       get: () => t.modelValue,
-      set: (l) => a("update:modelValue", l)
+      set: (i) => a("update:modelValue", i)
     }), r = _(() => {
-      const l = t.options.find((d) => d.value === s.value);
-      return l != null && l.label ? t.labelRenderer(l.label) : t.placeholder;
+      const i = t.options.find((c) => c.value === l.value);
+      return i != null && i.label ? t.labelRenderer(i.label) : t.placeholder;
     });
-    function i(l) {
-      t.multiple ? s.value = s.value.includes(l.value) ? s.value.filter((d) => d !== l.value) : [...s.value, l.value] : s.value = l.value;
+    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 (l, d) => (p(), M(Zt, q({ label: r.value }, {
-      buttonProps: l.buttonProps,
-      disabled: l.disabled
-    }), Te({
+    return (i, c) => (p(), M(eo, Q({ label: r.value }, {
+      buttonProps: i.buttonProps,
+      disabled: i.disabled
+    }), De({
       popper: y(() => [
-        b("div", to, [
-          k(n).item ? (p(!0), $(he, { key: 0 }, be(l.options, (c) => (p(), $("div", {
-            key: c.value,
+        b("div", oo, [
+          k(n).item ? (p(!0), $(be, { key: 0 }, ye(i.options, (d) => (p(), $("div", {
+            key: d.value,
             class: "cursor-pointer",
-            onClick: (u) => i(c)
+            onClick: (u) => s(d)
           }, [
-            w(l.$slots, "item", de(ce({
-              item: c,
-              active: l.multiple ? s.value.includes(c.value) : c.value === s.value,
-              disabled: l.disabled
+            w(i.$slots, "item", ce(fe({
+              item: d,
+              active: i.multiple ? l.value.includes(d.value) : d.value === l.value,
+              disabled: i.disabled
             })))
-          ], 8, oo))), 128)) : (p(!0), $(he, { key: 1 }, be(l.options, (c) => me((p(), M(K, {
-            key: c.value,
-            disabled: l.disabled,
+          ], 8, no))), 128)) : (p(!0), $(be, { key: 1 }, ye(i.options, (d) => ve((p(), M(K, {
+            key: d.value,
+            disabled: i.disabled,
             round: "normal",
-            class: S(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
-              active: l.multiple ? s.value.includes(c.value) : c.value === s.value
+            class: V(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
+              active: i.multiple ? l.value.includes(d.value) : d.value === l.value
             }]),
-            onClick: (u) => i(c)
+            onClick: (u) => s(d)
           }, {
             default: y(() => [
-              j(I(c.label), 1)
+              I(H(d.label), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
-            [k($e), l.autoClose]
+            [k(_e), i.autoClose]
           ])), 128))
         ])
       ]),
       "button-icon-right": y(() => [
-        no
+        ro
       ]),
       _: 2
     }, [
       k(n).button ? {
         name: "default",
         fn: y(() => [
-          w(l.$slots, "button")
+          w(i.$slots, "button")
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["label"]));
   }
-}), vo = /* @__PURE__ */ D({
+}), go = /* @__PURE__ */ T({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean },
@@ -1264,22 +1269,22 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const n = J(e, "modelValue", o), s = yt(n);
-    return (r, i) => (p(), $("div", {
-      class: S([[
+    const n = U(e, "modelValue", o), l = wt(n);
+    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"]),
       role: "checkbox",
-      onClick: i[0] || (i[0] = (l) => !r.disabled && k(s)())
+      onClick: s[0] || (s[0] = (i) => !r.disabled && k(l)())
     }, [
       w(r.$slots, "default"),
       b("div", {
-        class: S([{
+        class: V([{
           selected: k(n)
         }, "group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])
       }, [
         b("div", {
-          class: S(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white", [
+          class: V(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white", [
             { "group-hover:opacity-75 group-active:scale-85": !r.disabled },
             { "opacity-65": r.disabled }
           ]])
@@ -1287,7 +1292,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       ], 2)
     ], 2));
   }
-}), go = /* @__PURE__ */ D({
+}), ho = /* @__PURE__ */ T({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -1295,21 +1300,21 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const n = J(e, "modelValue", o);
-    return (s, r) => (p(), $("div", {
-      class: S(["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) ? s.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
+    const n = U(e, "modelValue", o);
+    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" : ""
       ]]),
-      onClick: r[0] || (r[0] = (i) => n.value = !k(n))
+      onClick: r[0] || (r[0] = (s) => n.value = !k(n))
     }, [
       b("div", {
-        class: S([[
+        class: V([[
           k(n) ? "opacity-100" : "opacity-0"
         ], "h-60% w-35% transform-translate-y--0.25 transform-rotate-45 border-width-[0_0.125rem_0.125rem_0] border-white border-solid transition-opacity duration-200 ease-in-out"])
       }, null, 2)
     ], 2));
   }
-}), ho = /* @__PURE__ */ D({
+}), bo = /* @__PURE__ */ T({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -1326,7 +1331,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: o }) {
-    const t = e, a = o, { height: n } = At(() => typeof t.top == "string" ? document.querySelector(t.top) : t.top, void 0, { box: "border-box" }), s = J(t, "modelValue", a), r = {
+    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 = {
       left: {
         class: "left-0 h-full b-r",
         transition: "[&_.drawer]:translate-x--100%"
@@ -1344,44 +1349,44 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
         transition: "[&_.drawer]:translate-y-100%"
       }
     };
-    Ne("Escape", () => {
-      t.closable && (s.value = !1);
+    Pe("Escape", () => {
+      t.closable && (l.value = !1);
     });
-    const i = _(() => r[t.placement]), l = T(!1);
-    return Y(() => l.value = !0), (d, c) => l.value || d.mountTo === "body" ? (p(), M(Be, {
+    const s = _(() => r[t.placement]), i = B(!1);
+    return Y(() => i.value = !0), (c, d) => i.value || c.mountTo === "body" ? (p(), M(Te, {
       key: 0,
-      to: d.mountTo
+      to: c.mountTo
     }, [
-      x(fe, {
-        "enter-from-class": `${i.value.transition}`,
-        "leave-to-class": `${i.value.transition}`
+      W(pe, {
+        "enter-from-class": `${s.value.transition}`,
+        "leave-to-class": `${s.value.transition}`
       }, {
         default: y(() => [
-          k(s) ? (p(), M(Le, {
+          k(l) ? (p(), M(Le, {
             key: 0,
-            class: S({
-              "pointer-events-none": d.permanent
+            class: V({
+              "pointer-events-none": c.permanent
             }),
-            dim: d.dim,
-            blur: d.blur,
-            onClick: c[2] || (c[2] = (u) => d.closeOutside && d.closable && (s.value = !1))
+            dim: c.dim,
+            blur: c.blur,
+            onClick: d[2] || (d[2] = (u) => c.closeOutside && c.closable && (l.value = !1))
           }, {
             default: y(() => [
               b("div", {
-                class: S([[i.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: pe({
-                  top: d.placement === "bottom" ? "auto" : `${k(n)}px`,
-                  height: ["top", "bottom"].includes(d.placement) ? "auto" : `calc(100% - ${k(n)}px)`
+                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({
+                  top: c.placement === "bottom" ? "auto" : `${k(n)}px`,
+                  height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${k(n)}px)`
                 }),
-                onClick: c[1] || (c[1] = Ye(() => {
+                onClick: d[1] || (d[1] = Xe(() => {
                 }, ["stop"]))
               }, [
-                d.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: c[0] || (c[0] = (u) => s.value = !1)
+                  onClick: d[0] || (d[0] = (u) => l.value = !1)
                 })) : E("", !0),
-                w(d.$slots, "default")
+                w(c.$slots, "default")
               ], 6)
             ]),
             _: 3
@@ -1391,7 +1396,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 8, ["to"])) : E("", !0);
   }
-}), ro = /* @__PURE__ */ D({
+}), ao = /* @__PURE__ */ T({
   __name: "Notification",
   props: {
     message: {},
@@ -1412,40 +1417,40 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       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 = T(!1);
+    }, n = B(!1);
     Y(() => {
       n.value = !0, setTimeout(() => {
         n.value = !1;
       }, o.duration);
     });
-    const s = _(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
-    return (r, i) => (p(), $("div", {
-      class: S(["fixed left-0 right-0 $ui-z-max-override text-center", [
+    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") }
       ]])
     }, [
-      x(fe, {
-        "enter-from-class": s.value,
-        "leave-to-class": s.value,
-        onAfterLeave: i[0] || (i[0] = () => {
-          var l;
-          n.value || (l = r.onClose) == null || l.call(r);
+      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: pe({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
+            style: me({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
           }, [
             b("div", {
-              class: S(["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]]])
+              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: S(t[r.type])
+                class: V(t[r.type])
               }, null, 2),
-              b("div", null, I(r.message), 1)
+              b("div", null, H(r.message), 1)
             ], 2)
           ], 4)) : E("", !0)
         ]),
@@ -1453,7 +1458,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 2));
   }
-}), bo = /* @__PURE__ */ D({
+}), yo = /* @__PURE__ */ T({
   __name: "Tooltip",
   props: {
     trigger: {},
@@ -1464,7 +1469,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     shown: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (p(), M(k(We), q({
+    return (o, t) => (p(), M(k(ze), Q({
       disabled: o.disabled,
       placement: o.placement
     }, o.$attrs), {
@@ -1478,39 +1483,39 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     }, 16, ["disabled", "placement"]));
   }
 });
-function yo(e) {
+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() {
-    ye(null, o);
+    we(null, o);
   }
   e.onClose = () => {
     a(), t == null || t(), document.body.removeChild(o);
   };
-  const n = Xe(ro, e);
-  ye(n, o);
+  const n = qe(ao, e);
+  we(n, o);
 }
 export {
-  $o as VTooltip,
-  so as VueBadge,
+  _o as VTooltip,
+  io as VueBadge,
   K as VueButton,
-  uo as VueCard,
-  go as VueCheckbox,
-  po as VueConfirm,
-  io as VueDarkToggle,
-  Ut as VueDialog,
-  ho as VueDrawer,
-  Zt as VueDropdown,
-  fo as VueDropdownButton,
-  co as VueFormField,
-  ie as VueIcon,
-  Yt as VueInput,
-  De as VueLoadingIndicator,
-  ro as VueNotification,
+  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,
+  ue as VueIcon,
+  Xt as VueInput,
+  Oe as VueLoadingIndicator,
+  ao as VueNotification,
   Le as VueOverlay,
-  mo as VueSelect,
-  vo as VueSwitch,
-  bo as VueTooltip,
-  yo as showVueNotification
+  vo as VueSelect,
+  go as VueSwitch,
+  yo as VueTooltip,
+  wo as showVueNotification
 };