@vue/devtools-ui 8.0.2 → 8.0.4

package/dist/index.js

@@ -1,35 +1,35 @@
 // @unocss-include
 
-import { Dropdown as ae, vClosePopper as Y, Tooltip as re } from "floating-vue";
-import { vTooltip as Bt } from "floating-vue";
+import { Dropdown as oe, vClosePopper as q, Tooltip as ne } from "floating-vue";
+import { vTooltip as Vt } from "floating-vue";
 /* empty css             */
 /* empty css               */
-import { createElementBlock as f, openBlock as u, renderSlot as v, createElementVNode as m, defineComponent as h, useAttrs as ne, computed as k, useSlots as q, createBlock as w, resolveDynamicComponent as J, mergeProps as D, withCtx as g, createCommentVNode as $, unref as b, normalizeClass as y, shallowRef as le, nextTick as x, Fragment as E, renderList as R, toDisplayString as B, watchEffect as P, ref as S, onMounted as z, Teleport as X, createVNode as C, Transition as H, normalizeStyle as N, createTextVNode as _, isRef as O, h as se, render as U, normalizeProps as G, guardReactiveProps as Q, withModifiers as ie, provide as de, createSlots as Z, inject as ue, withDirectives as j, vModelDynamic as ce } from "vue";
-import { useVModel as T, useScrollLock as pe, onKeyStroke as ee, useColorMode as me, useElementSize as fe, refDebounced as ge, refWithControl as ve, useToggle as be } from "@vueuse/core";
+import { createElementBlock as m, openBlock as s, renderSlot as g, createElementVNode as c, defineComponent as h, useAttrs as re, computed as k, useSlots as J, createBlock as w, resolveDynamicComponent as X, mergeProps as D, withCtx as p, createCommentVNode as $, unref as v, normalizeClass as y, shallowRef as le, nextTick as H, Fragment as E, renderList as R, toDisplayString as V, watchEffect as P, ref as S, onMounted as z, Teleport as G, createVNode as x, Transition as N, normalizeStyle as O, createTextVNode as B, isRef as j, h as ie, render as K, normalizeProps as Q, guardReactiveProps as Z, withModifiers as se, provide as de, createSlots as _, inject as ue, withDirectives as A, vModelDynamic as ce } from "vue";
+import { useVModel as T, useScrollLock as me, onKeyStroke as ee, useColorMode as fe, useElementSize as pe, refDebounced as ge, refWithControl as ve, useToggle as be } from "@vueuse/core";
 import { createHighlighterCore as ye } from "shiki/core";
 import { createJavaScriptRegexEngine as he } from "shiki/engine/javascript";
 import { i as ke } from "./ic-icons-data-B4q1VTSq.js";
-const A = (n, t) => {
-  const e = n.__vccOpts || n;
-  for (const [s, o] of t)
-    e[s] = o;
-  return e;
+const W = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [r, a] of o)
+    t[r] = a;
+  return t;
 }, we = {}, $e = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
-function Ce(n, t) {
-  return u(), f("span", $e, [
-    v(n.$slots, "default")
+function xe(e, o) {
+  return s(), m("span", $e, [
+    g(e.$slots, "default")
   ]);
 }
-const dt = /* @__PURE__ */ A(we, [["render", Ce]]), Ve = {}, Be = { class: "h-3 w-3 $ui-inline-fcc" };
-function _e(n, t) {
-  return u(), f("div", Be, [...t[0] || (t[0] = [
-    m("svg", {
+const dt = /* @__PURE__ */ W(we, [["render", xe]]), Ce = {}, Ve = { class: "h-3 w-3 $ui-inline-fcc" };
+function Be(e, o) {
+  return s(), m("div", Ve, [...o[0] || (o[0] = [
+    c("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24"
     }, [
-      m("circle", {
+      c("circle", {
         class: "opacity-25",
         cx: "12",
         cy: "12",
@@ -37,7 +37,7 @@ function _e(n, t) {
         stroke: "currentColor",
         "stroke-width": "4"
       }),
-      m("path", {
+      c("path", {
         class: "opacity-75",
         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"
@@ -45,7 +45,7 @@ function _e(n, t) {
     ], -1)
   ])]);
 }
-const te = /* @__PURE__ */ A(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__PURE__ */ h({
+const te = /* @__PURE__ */ W(Ce, [["render", Be]]), Te = { key: 2 }, M = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -58,16 +58,16 @@ const te = /* @__PURE__ */ A(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
     outlined: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: t }) {
-    const e = n, s = t, o = ne(), l = k(() => o.to ? "router-link" : o.href ? "a" : "button"), a = k(() => e.loading || e.disabled);
-    function d(c) {
-      if (a.value) {
-        c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
+  setup(e, { emit: o }) {
+    const t = e, r = o, a = re(), n = k(() => a.to ? "router-link" : a.href ? "a" : "button"), d = k(() => t.loading || t.disabled);
+    function l(b) {
+      if (d.value) {
+        b.preventDefault(), b.stopPropagation(), b.stopImmediatePropagation();
         return;
       }
-      s("click", c);
+      r("click", b);
     }
-    const r = {
+    const i = {
       common: {
         default: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
         primary: "active:bg-primary-500-darker",
@@ -104,76 +104,76 @@ const te = /* @__PURE__ */ A(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
         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"
       }
-    }, i = q(), p = k(() => e.flat ? r.flat[e.type] : e.outlined ? r.outlined[e.type] : r.normal[e.type]);
-    return (c, V) => (u(), w(J(l.value), D(c.$attrs, {
+    }, f = J(), u = k(() => t.flat ? i.flat[t.type] : t.outlined ? i.outlined[t.type] : i.normal[t.type]);
+    return (b, C) => (s(), w(X(n.value), D(b.$attrs, {
       role: "button",
-      "aria-disabled": a.value,
+      "aria-disabled": d.value,
       class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
-        [r.common[e.type]],
+        [i.common[t.type]],
         {
-          "rounded-full": e.round === "full",
-          "$ui-base-br": e.round === "normal",
-          "opacity-50 cursor-not-allowed": a.value,
-          "bg-transparent": e.flat || e.outlined
+          "rounded-full": t.round === "full",
+          "$ui-base-br": t.round === "normal",
+          "opacity-50 cursor-not-allowed": d.value,
+          "bg-transparent": t.flat || t.outlined
         },
         [
-          c.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
-          c.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
-          p.value
+          e.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
+          e.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
+          u.value
         ]
       ]],
-      onClickCapture: d
+      onClickCapture: l
     }), {
-      default: g(() => [
-        c.loading ? (u(), w(te, {
+      default: p(() => [
+        e.loading ? (s(), w(te, {
           key: 0,
           class: "mt0.5 h-full w3"
-        })) : v(c.$slots, "icon", {
+        })) : g(b.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        b(i).default ? (u(), f("div", Te, [
-          v(c.$slots, "default")
+        v(f).default ? (s(), m("div", Te, [
+          g(b.$slots, "default")
         ])) : $("", !0),
-        v(c.$slots, "icon-right")
+        g(b.$slots, "icon-right")
       ]),
       _: 3
     }, 16, ["aria-disabled", "class"]));
   }
 }), De = {}, Me = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
-function Se(n, t) {
-  return u(), f("div", Me, [
-    v(n.$slots, "default")
+function Se(e, o) {
+  return s(), m("div", Me, [
+    g(e.$slots, "default")
   ]);
 }
-const ut = /* @__PURE__ */ A(De, [["render", Se]]), ct = /* @__PURE__ */ h({
+const ut = /* @__PURE__ */ W(De, [["render", Se]]), ct = /* @__PURE__ */ h({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
     variant: { default: "normal" }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: t }) {
-    const o = T(n, "modelValue", t);
-    return (l, a) => (u(), f("div", {
+  setup(e, { emit: o }) {
+    const a = T(e, "modelValue", o);
+    return (n, d) => (s(), m("div", {
       class: y(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
-        b(o) ? l.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
+        v(a) ? e.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
       ]]),
-      onClick: a[0] || (a[0] = (d) => o.value = !b(o))
+      onClick: d[0] || (d[0] = (l) => a.value = !v(a))
     }, [
-      m("div", {
+      c("div", {
         class: y([[
-          b(o) ? "opacity-100" : "opacity-0"
+          v(a) ? "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));
   }
 }), I = le();
-let K = null;
-function Ie(n, t = "text") {
-  if (!K && !I.value) {
-    const s = he();
-    K = ye({
+let Y = null;
+function Ie(e, o = "text") {
+  if (!Y && !I.value) {
+    const r = he();
+    Y = ye({
       themes: [
         import("shiki/themes/vitesse-dark.mjs"),
         import("shiki/themes/vitesse-light.mjs")
@@ -190,15 +190,15 @@ function Ie(n, t = "text") {
         import("shiki/langs/diff.mjs"),
         import("shiki/langs/shellscript.mjs")
       ],
-      engine: s
-    }).then((o) => {
-      I.value = o;
+      engine: r
+    }).then((a) => {
+      I.value = a;
     });
   }
-  const e = I.value?.getLoadedLanguages().includes(t);
-  return e ? {
-    code: I.value.codeToHtml(n, {
-      lang: t,
+  const t = I.value?.getLoadedLanguages().includes(o);
+  return t ? {
+    code: I.value.codeToHtml(e, {
+      lang: o,
       themes: {
         dark: "vitesse-dark",
         light: "vitesse-light"
@@ -206,11 +206,11 @@ function Ie(n, t = "text") {
     }),
     supported: !0
   } : {
-    code: n,
-    supported: e
+    code: e,
+    supported: t
   };
 }
-const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /* @__PURE__ */ h({
+const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], mt = /* @__PURE__ */ h({
   __name: "CodeBlock",
   props: {
     code: {},
@@ -219,52 +219,52 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     transformRendered: {}
   },
   emits: ["loaded"],
-  setup(n, { emit: t }) {
-    const e = n, s = t, o = k(() => {
-      const l = e.lang === "text" ? { code: e.code, supported: !1 } : Ie(e.code, e.lang) || { code: e.code, supported: !1 };
-      return l.supported && e.transformRendered && (l.code = e.transformRendered(l.code)), l.supported && x(() => s("loaded")), l;
+  setup(e, { emit: o }) {
+    const t = e, r = o, a = k(() => {
+      const n = t.lang === "text" ? { code: t.code, supported: !1 } : Ie(t.code, t.lang) || { code: t.code, supported: !1 };
+      return n.supported && t.transformRendered && (n.code = t.transformRendered(n.code)), n.supported && H(() => r("loaded")), n;
     });
-    return (l, a) => l.lang && o.value.supported ? (u(), f("pre", {
+    return (n, d) => e.lang && a.value.supported ? (s(), m("pre", {
       key: 0,
-      class: y(["code-block", l.lines ? "code-block-lines" : ""]),
-      innerHTML: o.value.code
-    }, null, 10, Ee)) : (u(), f("pre", {
+      class: y(["code-block", e.lines ? "code-block-lines" : ""]),
+      innerHTML: a.value.code
+    }, null, 10, Ee)) : (s(), m("pre", {
       key: 1,
-      class: y(["code-block", l.lines ? "code-block-lines" : ""])
+      class: y(["code-block", e.lines ? "code-block-lines" : ""])
     }, [
-      m("pre", Pe, [
-        m("code", null, [
-          (u(!0), f(E, null, R(l.code.split(`
-`), (d, r) => (u(), f(E, { key: r }, [
-            m("span", {
+      c("pre", Pe, [
+        c("code", null, [
+          (s(!0), m(E, null, R(e.code.split(`
+`), (l, i) => (s(), m(E, { key: i }, [
+            c("span", {
               class: "line",
-              textContent: B(d)
+              textContent: V(l)
             }, null, 8, ze),
-            a[0] || (a[0] = m("br", null, null, -1))
+            d[0] || (d[0] = c("br", null, null, -1))
           ], 64))), 128))
         ])
       ])
     ], 2));
   }
-}), oe = /* @__PURE__ */ h({
+}), ae = /* @__PURE__ */ h({
   __name: "Overlay",
   props: {
     dim: { type: Boolean },
     blur: { type: Boolean },
     position: { default: "fixed" }
   },
-  setup(n) {
-    return (t, e) => (u(), f("div", {
+  setup(e) {
+    return (o, t) => (s(), m("div", {
       class: y(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc $ui-bg-base transition-opacity transition-duration-300", [
-        t.dim ? "bg-opacity-50!" : "bg-opacity-0!",
-        t.blur ? "backdrop-blur-sm" : "",
-        t.position
+        e.dim ? "bg-opacity-50!" : "bg-opacity-0!",
+        e.blur ? "backdrop-blur-sm" : "",
+        e.position
       ]])
     }, [
-      v(t.$slots, "default")
+      g(o.$slots, "default")
     ], 2));
   }
-}), Le = { class: "h7.5 w-full $ui-fbc" }, Re = { class: "text-4.5" }, Fe = { class: "content transition-all transition-duration-300" }, xe = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, He = { class: "$ui-fcc" }, Ne = /* @__PURE__ */ h({
+}), Le = { class: "h7.5 w-full $ui-fbc" }, Re = { class: "text-4.5" }, Fe = { class: "content transition-all transition-duration-300" }, He = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Ne = { class: "$ui-fcc" }, Oe = /* @__PURE__ */ h({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -279,70 +279,70 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     position: {}
   },
   emits: ["close", "update:modelValue"],
-  setup(n, { emit: t }) {
-    const e = n, o = T(e, "modelValue", t, { passive: !0 }), l = pe(() => window.document.documentElement);
+  setup(e, { emit: o }) {
+    const t = e, a = T(t, "modelValue", o, { passive: !0 }), n = me(() => window.document.documentElement);
     P(() => {
-      o.value ? l.value = !0 : l.value = !1;
+      a.value ? n.value = !0 : n.value = !1;
     });
-    function a() {
-      o.value && e.autoClose && (o.value = !1);
+    function d() {
+      a.value && t.autoClose && (a.value = !1);
     }
     ee("Escape", () => {
-      a();
+      d();
     });
-    const d = S(!1);
-    return z(() => d.value = !0), (r, i) => d.value || r.mountTo === "body" ? (u(), w(X, {
+    const l = S(!1);
+    return z(() => l.value = !0), (i, f) => l.value || e.mountTo === "body" ? (s(), w(G, {
       key: 0,
-      to: r.mountTo
+      to: e.mountTo
     }, [
-      C(H, {
+      x(N, {
         "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: g(() => [
-          b(o) ? (u(), w(oe, {
+        default: p(() => [
+          v(a) ? (s(), w(ae, {
             key: 0,
-            dim: r.dim,
-            blur: r.blur,
-            position: r.position
+            dim: e.dim,
+            blur: e.blur,
+            position: e.position
           }, {
-            default: g(() => [
-              m("div", {
+            default: p(() => [
+              c("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: N({
-                  width: e.width,
-                  height: e.height
+                style: O({
+                  width: t.width,
+                  height: t.height
                 })
               }, [
-                m("div", Le, [
-                  m("div", Re, [
-                    v(r.$slots, "title", {}, () => [
-                      _(B(e.title), 1)
+                c("div", Le, [
+                  c("div", Re, [
+                    g(i.$slots, "title", {}, () => [
+                      B(V(t.title), 1)
                     ])
                   ]),
-                  r.closable ? (u(), f("div", {
+                  e.closable ? (s(), m("div", {
                     key: 0,
                     class: "h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",
-                    onClick: a
-                  }, [...i[0] || (i[0] = [
-                    m("div", { class: "i-carbon-close" }, null, -1)
+                    onClick: d
+                  }, [...f[0] || (f[0] = [
+                    c("div", { class: "i-carbon-close" }, null, -1)
                   ])])) : $("", !0)
                 ]),
-                m("div", Fe, [
-                  v(r.$slots, "default")
+                c("div", Fe, [
+                  g(i.$slots, "default")
                 ]),
-                m("div", xe, [
-                  v(r.$slots, "footer", {}, () => [
-                    v(r.$slots, "footer", {}, () => [
-                      m("div", He, [
-                        C(M, {
+                c("div", He, [
+                  g(i.$slots, "footer", {}, () => [
+                    g(i.$slots, "footer", {}, () => [
+                      c("div", Ne, [
+                        x(M, {
                           type: "primary",
-                          onClick: a
+                          onClick: d
                         }, {
-                          default: g(() => [...i[1] || (i[1] = [
-                            _(" close ", -1)
+                          default: p(() => [...f[1] || (f[1] = [
+                            B(" close ", -1)
                           ])]),
                           _: 1
                         })
@@ -359,7 +359,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
       })
     ], 8, ["to"])) : $("", !0);
   }
-}), Oe = { class: "$ui-fec gap2.5" }, mt = /* @__PURE__ */ h({
+}), je = { class: "$ui-fec gap2.5" }, ft = /* @__PURE__ */ h({
   __name: "Confirm",
   props: {
     modelValue: { type: Boolean },
@@ -373,57 +373,57 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     autoClose: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "confirm", "cancel", "close"],
-  setup(n, { emit: t }) {
-    const e = n, s = t, o = T(e, "modelValue", s);
+  setup(e, { emit: o }) {
+    const t = e, r = o, a = T(t, "modelValue", r);
     P(() => {
-      o.value || s("close");
+      a.value || r("close");
     });
-    function l(a = !1) {
-      (e.autoClose || a) && (o.value = !1);
+    function n(d = !1) {
+      (t.autoClose || d) && (a.value = !1);
     }
-    return (a, d) => (u(), w(Ne, {
-      modelValue: b(o),
-      "onUpdate:modelValue": d[2] || (d[2] = (r) => O(o) ? o.value = r : null),
-      width: a.width,
-      height: a.height,
-      title: a.title,
+    return (d, l) => (s(), w(Oe, {
+      modelValue: v(a),
+      "onUpdate:modelValue": l[2] || (l[2] = (i) => j(a) ? a.value = i : null),
+      width: e.width,
+      height: e.height,
+      title: e.title,
       closable: !1
     }, {
-      footer: g(() => [
-        m("div", Oe, [
-          C(M, {
-            onClick: d[0] || (d[0] = () => {
-              s("cancel"), l(!0);
+      footer: p(() => [
+        c("div", je, [
+          x(M, {
+            onClick: l[0] || (l[0] = () => {
+              r("cancel"), n(!0);
             })
           }, {
-            default: g(() => [
-              _(B(a.cancelText), 1)
+            default: p(() => [
+              B(V(e.cancelText), 1)
             ]),
             _: 1
           }),
-          C(M, {
-            loading: a.loading,
+          x(M, {
+            loading: e.loading,
             type: "primary",
-            onClick: d[1] || (d[1] = () => {
-              s("confirm"), l();
+            onClick: l[1] || (l[1] = () => {
+              r("confirm"), n();
             })
           }, {
-            default: g(() => [
-              _(B(a.confirmText), 1)
+            default: p(() => [
+              B(V(e.confirmText), 1)
             ]),
             _: 1
           }, 8, ["loading"])
         ])
       ]),
-      default: g(() => [
-        v(a.$slots, "default", { class: "h-auto w-auto" }, () => [
-          _(B(a.content), 1)
+      default: p(() => [
+        g(d.$slots, "default", { class: "h-auto w-auto" }, () => [
+          B(V(e.content), 1)
         ])
       ]),
       _: 3
     }, 8, ["modelValue", "width", "height", "title"]));
   }
-}), je = /* @__PURE__ */ h({
+}), Ae = /* @__PURE__ */ h({
   __name: "Notification",
   props: {
     message: {},
@@ -433,50 +433,50 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     placement: { default: "top-center" },
     onClose: {}
   },
-  setup(n) {
-    const t = n, e = {
+  setup(e) {
+    const o = e, t = {
       success: "i-carbon-checkmark",
       info: "i-material-symbols-light-info",
       warning: "i-carbon-warning",
       error: "i-carbon-close"
-    }, s = {
+    }, r = {
       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"
-    }, o = S(!1);
+    }, a = S(!1);
     z(() => {
-      o.value = !0, setTimeout(() => {
-        o.value = !1;
-      }, t.duration);
+      a.value = !0, setTimeout(() => {
+        a.value = !1;
+      }, o.duration);
     });
-    const l = k(() => t.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
-    return (a, d) => (u(), f("div", {
+    const n = k(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
+    return (d, l) => (s(), m("div", {
       class: y(["fixed left-0 right-0 $ui-z-max-override text-center", [
-        { "top-0": a.placement.startsWith("top") },
-        { "bottom-0": a.placement.startsWith("bottom") }
+        { "top-0": e.placement.startsWith("top") },
+        { "bottom-0": e.placement.startsWith("bottom") }
       ]])
     }, [
-      C(H, {
-        "enter-from-class": l.value,
-        "leave-to-class": l.value,
-        onAfterLeave: d[0] || (d[0] = () => {
-          o.value || a.onClose?.();
+      x(N, {
+        "enter-from-class": n.value,
+        "leave-to-class": n.value,
+        onAfterLeave: l[0] || (l[0] = () => {
+          a.value || e.onClose?.();
         })
       }, {
-        default: g(() => [
-          o.value ? (u(), f("div", {
+        default: p(() => [
+          a.value ? (s(), m("div", {
             key: 0,
             class: "flex transition-all duration-300",
-            style: N({ justifyContent: a.placement.includes("right") ? "right" : a.placement.includes("left") ? "left" : "center" })
+            style: O({ justifyContent: e.placement.includes("right") ? "right" : e.placement.includes("left") ? "left" : "center" })
           }, [
-            m("div", {
-              class: y(["m3 flex-inline items-center gap2 b-1 b-1 rounded $ui-bg-base px4 py1 shadow transition-all duration-300", [a.classes, s[a.type]]])
+            c("div", {
+              class: y(["m3 flex-inline items-center gap2 b-1 b-1 rounded $ui-bg-base px4 py1 shadow transition-all duration-300", [e.classes, r[e.type]]])
             }, [
-              m("div", {
-                class: y(e[a.type])
+              c("div", {
+                class: y(t[e.type])
               }, null, 2),
-              m("div", null, B(a.message), 1)
+              c("div", null, V(e.message), 1)
             ], 2)
           ], 4)) : $("", !0)
         ]),
@@ -485,77 +485,77 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     ], 2));
   }
 });
-function ft(n) {
-  const t = document.createElement("div");
-  t.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(t);
-  const e = n.onClose;
-  function s() {
-    U(null, t);
+function pt(e) {
+  const o = document.createElement("div");
+  o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
+  const t = e.onClose;
+  function r() {
+    K(null, o);
   }
-  n.onClose = () => {
-    s(), e?.(), document.body.removeChild(t);
+  e.onClose = () => {
+    r(), t?.(), document.body.removeChild(o);
   };
-  const o = se(je, n);
-  U(o, t);
+  const a = ie(Ae, e);
+  K(a, o);
 }
-const Ae = "__vue-devtools-theme__";
-function We(n = {}) {
-  const t = me({
-    ...n,
-    storageKey: Ae
+const We = "__vue-devtools-theme__";
+function Ue(e = {}) {
+  const o = fe({
+    ...e,
+    storageKey: We
   });
   return {
-    colorMode: t,
-    isDark: k(() => t.value === "dark")
+    colorMode: o,
+    isDark: k(() => o.value === "dark")
   };
 }
-const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
+const Ke = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
   __name: "DarkToggle",
   props: {
     isDark: { type: Boolean, default: !1 },
     animation: { type: Boolean, default: !0 },
     animationDuration: { default: 400 }
   },
-  setup(n) {
-    const t = n, e = T(t, "isDark"), { colorMode: s } = We({
-      initialValue: e.value ? "dark" : "light",
-      onChanged: (d) => {
-        e.value = d === "dark";
+  setup(e) {
+    const o = e, t = T(o, "isDark"), { colorMode: r } = Ue({
+      initialValue: t.value ? "dark" : "light",
+      onChanged: (l) => {
+        t.value = l === "dark";
       }
-    }), o = k({
-      get: () => s.value === "dark",
-      set: (d) => s.value = d ? "dark" : "light"
-    }), l = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    function a(d) {
-      if (!l || !d || !t.animation) {
-        o.value = !o.value;
+    }), a = k({
+      get: () => r.value === "dark",
+      set: (l) => r.value = l ? "dark" : "light"
+    }), n = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    function d(l) {
+      if (!n || !l || !o.animation) {
+        a.value = !a.value;
         return;
       }
-      const r = d.clientX, i = d.clientY, p = Math.hypot(
-        Math.max(r, innerWidth - r),
-        Math.max(i, innerHeight - i)
+      const i = l.clientX, f = l.clientY, u = Math.hypot(
+        Math.max(i, innerWidth - i),
+        Math.max(f, innerHeight - f)
       );
       document.startViewTransition(async () => {
-        o.value = !o.value, await x();
+        a.value = !a.value, await H();
       }).ready.then(() => {
-        const V = [
-          `circle(0px at ${r}px ${i}px)`,
-          `circle(${p}px at ${r}px ${i}px)`
+        const C = [
+          `circle(0px at ${i}px ${f}px)`,
+          `circle(${u}px at ${i}px ${f}px)`
         ];
         document.documentElement.animate(
           {
-            clipPath: o.value ? [...V].reverse() : V
+            clipPath: a.value ? [...C].reverse() : C
           },
           {
-            duration: t.animationDuration,
+            duration: o.animationDuration,
             easing: "ease-in",
-            pseudoElement: o.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
+            pseudoElement: a.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
           }
         );
       });
     }
-    return (d, r) => (u(), f("span", Ue, [
-      v(d.$slots, "default", G(Q({ mode: b(s), isDark: o.value, toggle: a })))
+    return (l, i) => (s(), m("span", Ke, [
+      g(l.$slots, "default", Q(Z({ mode: v(r), isDark: a.value, toggle: d })))
     ]));
   }
 }), vt = /* @__PURE__ */ h({
@@ -575,8 +575,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     position: {}
   },
   emits: ["update:modelValue", "close"],
-  setup(n, { emit: t }) {
-    const e = n, s = t, { height: o } = fe(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), l = T(e, "modelValue", s), a = {
+  setup(e, { emit: o }) {
+    const t = e, r = o, { height: a } = pe(() => typeof t.top == "string" ? document.querySelector(t.top) : t.top, void 0, { box: "border-box" }), n = T(t, "modelValue", r), d = {
       left: {
         class: "left-0 h-full b-r",
         transition: "[&_.drawer]:translate-x--100%"
@@ -595,44 +595,44 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       }
     };
     ee("Escape", () => {
-      e.closable && (l.value = !1);
+      t.closable && (n.value = !1);
     });
-    const d = k(() => a[e.placement]), r = S(!1);
-    return z(() => r.value = !0), (i, p) => r.value || i.mountTo === "body" ? (u(), w(X, {
+    const l = k(() => d[t.placement]), i = S(!1);
+    return z(() => i.value = !0), (f, u) => i.value || e.mountTo === "body" ? (s(), w(G, {
       key: 0,
-      to: i.mountTo
+      to: e.mountTo
     }, [
-      C(H, {
-        "enter-from-class": `${d.value.transition}`,
-        "leave-to-class": `${d.value.transition}`
+      x(N, {
+        "enter-from-class": `${l.value.transition}`,
+        "leave-to-class": `${l.value.transition}`
       }, {
-        default: g(() => [
-          b(l) ? (u(), w(oe, {
+        default: p(() => [
+          v(n) ? (s(), w(ae, {
             key: 0,
             class: y({
-              "pointer-events-none": i.permanent
+              "pointer-events-none": e.permanent
             }),
-            dim: i.dim,
-            blur: i.blur,
-            position: i.position,
-            onClick: p[2] || (p[2] = (c) => i.closeOutside && i.closable && (l.value = !1))
+            dim: e.dim,
+            blur: e.blur,
+            position: e.position,
+            onClick: u[2] || (u[2] = (b) => e.closeOutside && e.closable && (n.value = !1))
           }, {
-            default: g(() => [
-              m("div", {
-                class: y([[d.value.class, i.contentClass ?? "", i.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: N({
-                  top: i.placement === "bottom" ? "auto" : `${b(o)}px`,
-                  height: ["top", "bottom"].includes(i.placement) ? "auto" : `calc(100% - ${b(o)}px)`
+            default: p(() => [
+              c("div", {
+                class: y([[l.value.class, e.contentClass ?? "", e.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: O({
+                  top: e.placement === "bottom" ? "auto" : `${v(a)}px`,
+                  height: ["top", "bottom"].includes(e.placement) ? "auto" : `calc(100% - ${v(a)}px)`
                 }),
-                onClick: p[1] || (p[1] = ie(() => {
+                onClick: u[1] || (u[1] = se(() => {
                 }, ["stop"]))
               }, [
-                i.closable ? (u(), f("div", {
+                e.closable ? (s(), m("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: p[0] || (p[0] = (c) => l.value = !1)
+                  onClick: u[0] || (u[0] = (b) => n.value = !1)
                 })) : $("", !0),
-                v(i.$slots, "default")
+                g(f.$slots, "default")
               ], 6)
             ]),
             _: 3
@@ -642,7 +642,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 8, ["to"])) : $("", !0);
   }
-}), Ke = { class: "overflow-hidden rounded-lg shadow-lg" }, Ye = /* @__PURE__ */ h({
+}), Ye = { class: "overflow-hidden rounded-lg shadow-lg" }, qe = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     label: {},
@@ -656,9 +656,9 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     shown: { type: Boolean }
   },
   emits: ["update:visible"],
-  setup(n) {
-    const t = n;
-    return de("$ui-dropdown-disabled", k(() => t.disabled)), (e, s) => (u(), w(b(ae), {
+  setup(e) {
+    const o = e;
+    return de("$ui-dropdown-disabled", k(() => o.disabled)), (t, r) => (s(), w(v(oe), {
       disabled: e.disabled,
       class: "inline-block w-auto",
       shown: e.shown,
@@ -666,36 +666,36 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       distance: e.distance + 6,
       placement: e.placement,
       skidding: e.skidding,
-      "onUpdate:shown": s[0] || (s[0] = (o) => e.$emit("update:visible", o)),
-      onClick: s[1] || (s[1] = (o) => {
-        o.stopPropagation();
+      "onUpdate:shown": r[0] || (r[0] = (a) => t.$emit("update:visible", a)),
+      onClick: r[1] || (r[1] = (a) => {
+        a.stopPropagation();
       })
     }, {
-      popper: g(({ hide: o }) => [
-        m("div", Ke, [
-          v(e.$slots, "popper", G(Q({ hide: o })), () => [
-            s[2] || (s[2] = m("div", { class: "p2 opacity-40" }, " Empty... ", -1))
+      popper: p(({ hide: a }) => [
+        c("div", Ye, [
+          g(t.$slots, "popper", Q(Z({ hide: a })), () => [
+            r[2] || (r[2] = c("div", { class: "p2 opacity-40" }, " Empty... ", -1))
           ])
         ])
       ]),
-      default: g(() => [
-        v(e.$slots, "default", {}, () => [
-          C(M, D({
+      default: p(() => [
+        g(t.$slots, "default", {}, () => [
+          x(M, D({
             ...e.buttonProps,
             disabled: e.disabled
-          }, { class: e.buttonClass }), Z({
-            icon: g(() => [
-              v(e.$slots, "button-icon")
+          }, { class: e.buttonClass }), _({
+            icon: p(() => [
+              g(t.$slots, "button-icon")
             ]),
-            "icon-right": g(() => [
-              v(e.$slots, "button-icon-right")
+            "icon-right": p(() => [
+              g(t.$slots, "button-icon-right")
             ]),
             _: 2
           }, [
             e.label ? {
               name: "default",
-              fn: g(() => [
-                _(B(e.label), 1)
+              fn: p(() => [
+                B(V(e.label), 1)
               ]),
               key: "0"
             } : void 0
@@ -717,24 +717,24 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     outlined: { type: Boolean },
     keepOpen: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    const t = n, e = ue("$ui-dropdown-disabled", void 0);
-    return (s, o) => j((u(), w(M, D({
-      ...t,
+  setup(e) {
+    const o = e, t = ue("$ui-dropdown-disabled", void 0);
+    return (r, a) => A((s(), w(M, D({
+      ...o,
       round: !1
     }, {
-      disabled: b(e),
+      disabled: v(t),
       class: "w-full justify-start transition-colors not-action:bg-transparent!"
     }), {
-      icon: g(() => [
-        v(s.$slots, "icon")
+      icon: p(() => [
+        g(r.$slots, "icon")
       ]),
-      default: g(() => [
-        v(s.$slots, "default")
+      default: p(() => [
+        g(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["disabled"])), [
-      [b(Y)]
+      [v(q)]
     ]);
   }
 }), F = /* @__PURE__ */ h({
@@ -744,15 +744,15 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     inline: { type: Boolean },
     action: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    return (t, e) => (u(), w(J(t.inline ? "span" : "div"), {
-      class: y(["$ui-base", [t.icon, t.action ? "cursor-pointer hover:op50" : ""]])
+  setup(e) {
+    return (o, t) => (s(), w(X(e.inline ? "span" : "div"), {
+      class: y(["$ui-base", [e.icon, e.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
-}), qe = ["type", "placeholder", "disabled"], Je = {
+}), Je = ["type", "placeholder", "disabled"], Xe = {
   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"
-}, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Xe = /* @__PURE__ */ h({
+}, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Ge = /* @__PURE__ */ h({
   __name: "Input",
   props: {
     modelValue: {},
@@ -768,70 +768,70 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     type: { default: "text" }
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
-  setup(n, { emit: t }) {
-    const e = n, s = t, o = T(e, "modelValue", s), l = ge(k(() => e.loading), e.loadingDebounceTime), a = ve(!1, {
-      onChanged(c) {
-        s("updateFocused", c);
+  setup(e, { emit: o }) {
+    const t = e, r = o, a = T(t, "modelValue", r), n = ge(k(() => t.loading), t.loadingDebounceTime), d = ve(!1, {
+      onChanged(b) {
+        r("updateFocused", b);
       }
-    }), d = k(() => e.variant === "flat" || e.variant === "warning" || e.disabled || e.readonly), r = k(() => e.disabled || l.value), i = S();
-    let p = !1;
+    }), l = k(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = k(() => t.disabled || n.value), f = S();
+    let u = !1;
     return P(() => {
-      l.value && a.value ? p = !0 : !l.value && p && (p = !1, x(() => {
-        a.value = !0;
+      n.value && d.value ? u = !0 : !n.value && u && (u = !1, H(() => {
+        d.value = !0;
       }));
     }), z(() => {
-      e.autoFocus && (a.value = !0);
+      t.autoFocus && (d.value = !0);
     }), P(() => {
-      a.value && i.value?.focus();
-    }), (c, V) => (u(), f("div", {
+      d.value && f.value?.focus();
+    }), (b, C) => (s(), m("div", {
       class: y(["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": c.variant === "flat",
-          "cursor-not-allowed opacity-50": r.value,
-          accent: c.variant === "accent",
-          focused: b(a)
+          "border-none bg-transparent group": e.variant === "flat",
+          "cursor-not-allowed opacity-50": i.value,
+          accent: e.variant === "accent",
+          focused: v(d)
         },
         [
-          c.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
+          e.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
         ]
       ]]),
-      onClick: V[2] || (V[2] = () => {
-        a.value = !0;
+      onClick: C[2] || (C[2] = () => {
+        d.value = !0;
       })
     }, [
-      c.leftIcon ? (u(), f("div", {
+      e.leftIcon ? (s(), m("div", {
         key: 0,
         class: y(L)
       }, [
-        C(F, { icon: c.leftIcon }, null, 8, ["icon"])
+        x(F, { icon: e.leftIcon }, null, 8, ["icon"])
       ])) : $("", !0),
-      j(m("input", {
+      A(c("input", {
         ref_key: "inputRef",
-        ref: i,
-        "onUpdate:modelValue": V[0] || (V[0] = (W) => O(o) ? o.value = W : null),
+        ref: f,
+        "onUpdate:modelValue": C[0] || (C[0] = (U) => j(a) ? a.value = U : null),
         class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
-        type: c.type,
-        placeholder: c.placeholder,
-        disabled: r.value || c.readonly,
-        onBlur: V[1] || (V[1] = (W) => a.value = !1)
-      }, null, 40, qe), [
-        [ce, b(o)]
+        type: e.type,
+        placeholder: e.placeholder,
+        disabled: i.value || e.readonly,
+        onBlur: C[1] || (C[1] = (U) => d.value = !1)
+      }, null, 40, Je), [
+        [ce, v(a)]
       ]),
-      b(l) ? (u(), f("div", {
+      v(n) ? (s(), m("div", {
         key: 1,
         class: y(L)
       }, [
-        C(te)
-      ])) : c.rightIcon ? (u(), f("div", {
+        x(te)
+      ])) : e.rightIcon ? (s(), m("div", {
         key: 2,
         class: y(L)
       }, [
-        C(F, { icon: c.rightIcon }, null, 8, ["icon"])
+        x(F, { icon: e.rightIcon }, null, 8, ["icon"])
       ])) : $("", !0),
-      d.value ? $("", !0) : (u(), f("div", Je))
+      l.value ? $("", !0) : (s(), m("div", Xe))
     ], 2));
   }
-}), Ge = { class: "$ui-base" }, yt = /* @__PURE__ */ h({
+}), Qe = { class: "$ui-base" }, yt = /* @__PURE__ */ h({
   __name: "FormField",
   props: {
     modelValue: {},
@@ -841,56 +841,56 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     placeholder: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: t }) {
-    const e = n, o = T(e, "modelValue", t), l = S(!1), a = k(() => e.message && e.message.length && e.showMessage), d = {
+  setup(e, { emit: o }) {
+    const t = e, a = T(t, "modelValue", o), n = S(!1), d = k(() => t.message && t.message.length && t.showMessage), l = {
       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"
-    }, r = {
+    }, i = {
       warning: "i-bx:bxs-error",
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (i, p) => (u(), f("div", Ge, [
-      C(Xe, {
-        modelValue: b(o),
-        "onUpdate:modelValue": p[0] || (p[0] = (c) => O(o) ? o.value = c : null),
-        placeholder: i.placeholder,
-        onUpdateFocused: p[1] || (p[1] = (c) => l.value = c)
+    return (f, u) => (s(), m("div", Qe, [
+      x(Ge, {
+        modelValue: v(a),
+        "onUpdate:modelValue": u[0] || (u[0] = (b) => j(a) ? a.value = b : null),
+        placeholder: e.placeholder,
+        onUpdateFocused: u[1] || (u[1] = (b) => n.value = b)
       }, null, 8, ["modelValue", "placeholder"]),
-      m("div", {
+      c("div", {
         class: y(["mt2 $ui-base text-3.5", [
-          d[i.status],
-          { "opacity-65": !l.value }
+          l[e.status],
+          { "opacity-65": !n.value }
         ]])
       }, [
-        i.status !== "normal" && a.value ? (u(), w(F, {
+        e.status !== "normal" && d.value ? (s(), w(F, {
           key: 0,
           inline: "",
-          icon: r[i.status]
+          icon: i[e.status]
         }, null, 8, ["icon"])) : $("", !0),
-        _(" " + B(a.value ? i.message : ""), 1)
+        B(" " + V(d.value ? e.message : ""), 1)
       ], 2)
     ]));
   }
-}), Qe = ["innerHTML"], ht = /* @__PURE__ */ h({
+}), Ze = ["innerHTML"], ht = /* @__PURE__ */ h({
   __name: "IcIcon",
   props: {
     name: {}
   },
-  setup(n) {
-    const t = n, e = k(() => ke[t.name] ?? "");
-    return (s, o) => (u(), f("div", null, [
-      (u(), f("svg", {
+  setup(e) {
+    const o = e, t = k(() => ke[o.name] ?? "");
+    return (r, a) => (s(), m("div", null, [
+      (s(), m("svg", {
         class: "custom-svg h-1em w-1em",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
-        innerHTML: e.value
-      }, null, 8, Qe))
+        innerHTML: t.value
+      }, null, 8, Ze))
     ]));
   }
-}), Ze = { class: "m1 min-w-35 w-auto flex flex-col" }, et = ["onClick"], kt = /* @__PURE__ */ h({
+}), _e = { class: "m1 min-w-35 w-auto flex flex-col" }, et = ["onClick"], kt = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     modelValue: {},
@@ -899,64 +899,64 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     placeholder: { default: "Select..." },
     autoClose: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
-    labelRenderer: { type: Function, default: (n) => String(n) },
+    labelRenderer: { type: Function, default: (e) => String(e) },
     buttonProps: { default: () => ({}) }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: t }) {
-    const e = n, s = t, o = q(), l = k({
-      get: () => e.modelValue,
-      set: (r) => s("update:modelValue", r)
-    }), a = k(() => {
-      const r = e.options.find((i) => i.value === l.value);
-      return r?.label ? e.labelRenderer(r.label) : e.placeholder;
+  setup(e, { emit: o }) {
+    const t = e, r = o, a = J(), n = k({
+      get: () => t.modelValue,
+      set: (i) => r("update:modelValue", i)
+    }), d = k(() => {
+      const i = t.options.find((f) => f.value === n.value);
+      return i?.label ? t.labelRenderer(i.label) : t.placeholder;
     });
-    function d(r) {
-      e.multiple ? l.value = l.value.includes(r.value) ? l.value.filter((i) => i !== r.value) : [...l.value, r.value] : l.value = r.value;
+    function l(i) {
+      t.multiple ? n.value = n.value.includes(i.value) ? n.value.filter((f) => f !== i.value) : [...n.value, i.value] : n.value = i.value;
     }
-    return (r, i) => (u(), w(Ye, D({ label: a.value }, {
-      buttonProps: r.buttonProps,
-      disabled: r.disabled
-    }), Z({
-      popper: g(() => [
-        m("div", Ze, [
-          b(o).item ? (u(!0), f(E, { key: 0 }, R(r.options, (p) => (u(), f("div", {
-            key: p.value,
+    return (i, f) => (s(), w(qe, D({ label: d.value }, {
+      buttonProps: e.buttonProps,
+      disabled: e.disabled
+    }), _({
+      popper: p(() => [
+        c("div", _e, [
+          v(a).item ? (s(!0), m(E, { key: 0 }, R(e.options, (u) => (s(), m("div", {
+            key: u.value,
             class: "cursor-pointer",
-            onClick: (c) => d(p)
+            onClick: (b) => l(u)
           }, [
-            v(r.$slots, "item", D({ ref_for: !0 }, {
-              item: p,
-              active: r.multiple ? l.value.includes(p.value) : p.value === l.value,
-              disabled: r.disabled
+            g(i.$slots, "item", D({ ref_for: !0 }, {
+              item: u,
+              active: e.multiple ? n.value.includes(u.value) : u.value === n.value,
+              disabled: e.disabled
             }))
-          ], 8, et))), 128)) : (u(!0), f(E, { key: 1 }, R(r.options, (p) => j((u(), w(M, {
-            key: p.value,
-            disabled: r.disabled,
+          ], 8, et))), 128)) : (s(!0), m(E, { key: 1 }, R(e.options, (u) => A((s(), w(M, {
+            key: u.value,
+            disabled: e.disabled,
             round: "normal",
             class: y(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
-              active: r.multiple ? l.value.includes(p.value) : p.value === l.value
+              active: e.multiple ? n.value.includes(u.value) : u.value === n.value
             }]),
-            onClick: (c) => d(p)
+            onClick: (b) => l(u)
           }, {
-            default: g(() => [
-              _(B(p.label), 1)
+            default: p(() => [
+              B(V(u.label), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
-            [b(Y), r.autoClose]
+            [v(q), e.autoClose]
           ])), 128))
         ])
       ]),
-      "button-icon-right": g(() => [
-        i[0] || (i[0] = m("div", { class: "i-mdi-chevron-down" }, null, -1))
+      "button-icon-right": p(() => [
+        f[0] || (f[0] = c("div", { class: "i-mdi-chevron-down" }, null, -1))
       ]),
       _: 2
     }, [
-      b(o).button ? {
+      v(a).button ? {
         name: "default",
-        fn: g(() => [
-          v(r.$slots, "button")
+        fn: p(() => [
+          g(i.$slots, "button")
         ]),
         key: "0"
       } : void 0
@@ -969,25 +969,25 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: t }) {
-    const o = T(n, "modelValue", t), l = be(o);
-    return (a, d) => (u(), f("div", {
+  setup(e, { emit: o }) {
+    const a = T(e, "modelValue", o), n = be(a);
+    return (d, l) => (s(), m("div", {
       class: y([[
-        a.disabled ? "cursor-not-allowed" : "cursor-pointer"
+        e.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: d[0] || (d[0] = (r) => !a.disabled && b(l)())
+      onClick: l[0] || (l[0] = (i) => !e.disabled && v(n)())
     }, [
-      v(a.$slots, "default"),
-      m("div", {
+      g(d.$slots, "default"),
+      c("div", {
         class: y([{
-          selected: b(o)
+          selected: v(a)
         }, "group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])
       }, [
-        m("div", {
+        c("div", {
           class: y(["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": !a.disabled },
-            { "opacity-65": a.disabled }
+            { "group-hover:opacity-75 group-active:scale-85": !e.disabled },
+            { "opacity-65": e.disabled }
           ]])
         }, null, 2)
       ], 2)
@@ -1003,45 +1003,45 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     disabled: { type: Boolean },
     shown: { type: Boolean }
   },
-  setup(n) {
-    return (t, e) => (u(), w(b(re), D({
-      disabled: t.disabled,
-      placement: t.placement
-    }, t.$attrs), {
-      popper: g(() => [
-        v(t.$slots, "popper")
+  setup(e) {
+    return (o, t) => (s(), w(v(ne), D({
+      disabled: e.disabled,
+      placement: e.placement
+    }, o.$attrs), {
+      popper: p(() => [
+        g(o.$slots, "popper")
       ]),
-      default: g(() => [
-        v(t.$slots, "default")
+      default: p(() => [
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["disabled", "placement"]));
   }
 });
 export {
-  Ae as THEME_KEY,
+  We as THEME_KEY,
   dt as VueBadge,
   M as VueButton,
   ut as VueCard,
   ct as VueCheckbox,
-  pt as VueCodeBlock,
-  mt as VueConfirm,
+  mt as VueCodeBlock,
+  ft as VueConfirm,
   gt as VueDarkToggle,
-  Ne as VueDialog,
+  Oe as VueDialog,
   vt as VueDrawer,
-  Ye as VueDropdown,
+  qe as VueDropdown,
   bt as VueDropdownButton,
   yt as VueFormField,
   ht as VueIcIcon,
   F as VueIcon,
-  Xe as VueInput,
+  Ge as VueInput,
   te as VueLoadingIndicator,
-  je as VueNotification,
-  oe as VueOverlay,
+  Ae as VueNotification,
+  ae as VueOverlay,
   kt as VueSelect,
   wt as VueSwitch,
   $t as VueTooltip,
-  ft as showVueNotification,
-  We as useDevToolsColorMode,
-  Bt as vTooltip
+  pt as showVueNotification,
+  Ue as useDevToolsColorMode,
+  Vt as vTooltip
 };