vuesp-components 2.0.2 → 2.0.4

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { openBlock as a, createElementBlock as f, createStaticVNode as De, createElementVNode as l, defineComponent as V, resolveComponent as ge, Fragment as j, createCommentVNode as B, normalizeClass as z, createVNode as g, withCtx as h, createBlock as D, renderSlot as $, markRaw as F, computed as A, resolveDynamicComponent as X, mergeProps as N, shallowRef as me, Teleport as pe, Transition as Z, unref as S, withModifiers as E, normalizeStyle as G, ref as H, resolveDirective as Te, withDirectives as oe, renderList as P, createTextVNode as L, toDisplayString as w, TransitionGroup as he, watch as ae, normalizeProps as W, guardReactiveProps as q, withKeys as Ie, vShow as Me, isRef as Le, vModelText as je, onMounted as be } from "vue";
+import { openBlock as a, createElementBlock as f, createStaticVNode as De, createElementVNode as l, defineComponent as V, resolveComponent as ge, Fragment as j, createCommentVNode as B, normalizeClass as z, createVNode as g, withCtx as h, createBlock as T, renderSlot as k, markRaw as F, computed as D, resolveDynamicComponent as X, mergeProps as N, shallowRef as me, Teleport as pe, Transition as Z, unref as A, withModifiers as E, normalizeStyle as G, ref as H, resolveDirective as Te, withDirectives as oe, renderList as P, createTextVNode as L, toDisplayString as $, TransitionGroup as he, watch as ae, normalizeProps as W, guardReactiveProps as q, withKeys as Ie, vShow as Me, isRef as Le, vModelText as je, onMounted as be } from "vue";
 import { u as ye, a as Ne, b as xe, c as _e, d as ne, e as Oe } from "./useSwipeDown-E8KeNvRa.js";
 import { getDataValue as Ee } from "./dashboard/index.es.js";
-import { getFunction as oa, getParamsData as aa, getStateItem as na, setStateItem as ia } from "./dashboard/index.es.js";
+import { getFunction as aa, getParamsData as na, getStateItem as ia, setStateItem as ra } from "./dashboard/index.es.js";
 import { dateUtcToString as He, timeUtcToString as Pe, findMenuItem as Fe, clone as Ue } from "./helpers/index.es.js";
 const Re = {
   mounted(e, s) {
@@ -65,10 +65,10 @@ const ke = /* @__PURE__ */ ee(Je, [["render", Xe]]), Ye = { class: "no-scrollbar
           }, [
             g(i, { to: "/" }, {
               default: h(() => [
-                e.isSidebar ? (a(), D(ke, {
+                e.isSidebar ? (a(), T(ke, {
                   key: 0,
                   class: "h-[30px] text-primary"
-                })) : (a(), D(ie, {
+                })) : (a(), T(ie, {
                   key: 1,
                   class: "h-[30px] text-primary"
                 }))
@@ -77,7 +77,7 @@ const ke = /* @__PURE__ */ ee(Je, [["render", Xe]]), Ye = { class: "no-scrollbar
             })
           ], 2),
           l("div", Ye, [
-            $(t.$slots, "default")
+            k(t.$slots, "default")
           ])
         ], 2)
       ], 64);
@@ -189,7 +189,7 @@ const Ce = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify
     block: { type: Boolean },
     outline: { type: Boolean, default: !1 },
     color: { default: "gray" },
-    size: { default: "normal" },
+    size: { default: "md" },
     type: { default: "button" },
     href: { default: "" },
     to: { default: "" },
@@ -198,20 +198,20 @@ const Ce = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const n = s, u = (x) => n("click", x), t = e.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", c = e.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", i = e.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", m = e.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", d = { green: t, red: c, gray: i, blue: m }, r = {
+    const n = s, u = (S) => n("click", S), t = e.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", c = e.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", i = e.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", m = e.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", d = (e.outline, ""), r = { green: t, red: c, gray: i, blue: m, transparent: d }, o = {
       button: "px-4",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
-    }, o = {
-      button: { normal: "h-10", small: "h-8" },
-      icon: { normal: "size-10", small: "size-8" }
-    }, p = A(() => [yt, y(e.color), v(e.type), b(e.type, e.size), { "w-full": e.block }]), C = A(() => e.href || e.to ? "router-link" : "button"), b = (x, T) => {
-      var M;
-      return ((M = o[x]) == null ? void 0 : M[T]) || "";
-    }, v = (x) => (r == null ? void 0 : r[x]) || "", y = (x) => e.type === "icon" ? "" : `${e.outline ? "dark:text-white" : "text-white"} ${(d == null ? void 0 : d[x]) || ""}`;
-    return (x, T) => (a(), D(X(C.value), N(x.$attrs, {
+    }, p = {
+      button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
+      icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
+    }, w = D(() => [yt, C(e.color), y(e.type), v(e.type, e.size), { "w-full": e.block }]), b = D(() => e.href || e.to ? "router-link" : "button"), v = (S, M) => {
+      var U;
+      return ((U = p[S]) == null ? void 0 : U[M]) || "";
+    }, y = (S) => (o == null ? void 0 : o[S]) || "", C = (S) => e.type === "icon" ? "" : `${e.outline ? "dark:text-white" : "text-white"} ${(r == null ? void 0 : r[S]) || ""}`;
+    return (S, M) => (a(), T(X(b.value), N(S.$attrs, {
       href: e.href,
       to: e.to,
-      class: p.value,
+      class: w.value,
       disabled: !!e.disabled,
       onClick: u
     }), {
@@ -219,9 +219,9 @@ const Ce = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify
         l("span", {
           class: z(e.loading ? "opacity-0" : "")
         }, [
-          $(x.$slots, "default")
+          k(S.$slots, "default")
         ], 2),
-        e.loading ? (a(), D(Ce, {
+        e.loading ? (a(), T(Ce, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
         })) : B("", !0)
@@ -250,22 +250,22 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
   },
   emits: ["close", "click", "open"],
   setup(e, { emit: s }) {
-    const n = s, { show: u, overlay: t, onClose: c, onOpen: i } = ye(n), m = me(null), d = me(null), { opacity: r, transform: o } = Ne(m, d, c), b = { click: (x) => {
-      n("click", x);
-    }, open: i, set: (x) => {
-      x ? i() : c(new Event("hide"));
-    } }, v = A(() => ({
-      auto: "max-h-[calc(100dvh-24px)] md:max-h-[calc(100dvh-100px)]",
+    const n = s, { show: u, overlay: t, onClose: c, onOpen: i } = ye(n), m = me(null), d = me(null), { opacity: r, transform: o } = Ne(m, d, c), b = { click: (C) => {
+      n("click", C);
+    }, open: i, set: (C) => {
+      C ? i() : c(new Event("hide"));
+    } }, v = D(() => ({
+      auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
       screen: "h-dvh"
-    })), y = A(() => ({
-      auto: "max-h-[calc(100dvh-24px-16px)] md:max-h-[calc(100dvh-100px-16px)]",
+    })), y = D(() => ({
+      auto: "max-h-[calc(100dvh-50px-16px)]",
       full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
       screen: "h-[calc(100dvh-16px)]"
     }));
-    return (x, T) => {
-      const M = K, R = O;
-      return a(), D(pe, { to: "body" }, [
+    return (C, S) => {
+      const M = K, U = O;
+      return a(), T(pe, { to: "body" }, [
         g(Z, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
@@ -275,46 +275,46 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: h(() => [
-            S(u) ? (a(), f("div", {
+            A(u) ? (a(), f("div", {
               key: 0,
               ref_key: "container",
               ref: d,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              S(t) ? (a(), f("div", {
+              A(t) ? (a(), f("div", {
                 key: 0,
                 class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
-                style: G({ opacity: S(r) }),
-                onClick: T[0] || (T[0] = //@ts-ignore
-                (...Q) => S(c) && S(c)(...Q)),
-                onWheel: T[1] || (T[1] = E(() => {
+                style: G({ opacity: A(r) }),
+                onClick: S[0] || (S[0] = //@ts-ignore
+                (...Q) => A(c) && A(c)(...Q)),
+                onWheel: S[1] || (S[1] = E(() => {
                 }, ["prevent"])),
-                onTouchmove: T[2] || (T[2] = E(() => {
+                onTouchmove: S[2] || (S[2] = E(() => {
                 }, ["prevent"]))
               }, null, 36)) : B("", !0),
               l("div", {
-                class: z(["bg-white dark:bg-gray-800 w-full shadow-bottom-nav relative", v.value[e.size]]),
-                style: G({ transform: S(o) })
+                class: z(["bg-white dark:bg-gray-800 w-full shadow-nav relative", v.value[e.size]]),
+                style: G({ transform: A(o) })
               }, [
                 l("div", {
                   ref_key: "target",
                   ref: m,
-                  class: "flex justify-center py-2 md:pb-6",
-                  onWheel: T[3] || (T[3] = E(() => {
+                  class: "flex justify-center py-3 md:pb-6",
+                  onWheel: S[3] || (S[3] = E(() => {
                   }, ["prevent"])),
-                  onTouchmove: T[4] || (T[4] = E(() => {
+                  onTouchmove: S[4] || (S[4] = E(() => {
                   }, ["prevent"]))
-                }, [...T[5] || (T[5] = [
+                }, [...S[5] || (S[5] = [
                   l("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
                 ])], 544),
                 l("div", kt, [
-                  g(R, {
+                  g(U, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: S(c)
+                    onClick: A(c)
                   }, {
                     default: h(() => [
                       g(M, { class: "size-4" })
@@ -323,10 +323,10 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                   }, 8, ["onClick"])
                 ]),
                 l("div", {
-                  class: z(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain", y.value[e.size]])
+                  class: z(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", y.value[e.size]])
                 }, [
-                  $(x.$slots, "default", {
-                    onClose: S(c),
+                  k(C.$slots, "default", {
+                    onClose: A(c),
                     on: b
                   })
                 ], 2)
@@ -350,7 +350,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
   },
   emits: ["click", "show", "close"],
   setup(e, { emit: s }) {
-    const n = s, t = xe(_e).greaterOrEqual("lg"), c = H(!1), i = A(() => ({ top: e.top, left: e.left, right: e.right, "max-height": e.height })), m = (v) => {
+    const n = s, t = xe(_e).greaterOrEqual("lg"), c = H(!1), i = D(() => ({ top: e.top, left: e.left, right: e.right, "max-height": e.height })), m = (v) => {
       t && c.value && o(v);
     }, d = (v) => {
       n("click", c.value), !e.disabled && (c.value ? e.hideOnClick && o(v) : r(v));
@@ -360,19 +360,19 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
       c.value = !1, n("close", v);
     }, p = (v) => {
       v ? r(new Event("show")) : o(new Event("hide"));
-    }, C = () => {
+    }, w = () => {
       o(new Event("hide"));
     }, b = { click: d, open: r, set: p };
     return (v, y) => {
-      const x = Te("outside");
+      const C = Te("outside");
       return oe((a(), f("div", $t, [
         l("div", wt, [
-          $(v.$slots, "activator", {
+          k(v.$slots, "activator", {
             on: b,
             isShow: c.value
           })
         ]),
-        S(t) ? (a(), D(Z, {
+        A(t) ? (a(), T(Z, {
           key: 0,
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -384,10 +384,10 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           default: h(() => [
             c.value ? (a(), f("div", {
               key: 0,
-              class: "z-5 min-w-full absolute",
+              class: "z-30 min-w-full absolute",
               style: G(i.value)
             }, [
-              $(v.$slots, "default", {
+              k(v.$slots, "default", {
                 on: b,
                 show: r,
                 hide: o,
@@ -397,13 +397,13 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           ]),
           _: 3
         })) : B("", !0),
-        !S(t) && c.value ? (a(), D(re, {
+        !A(t) && c.value ? (a(), T(re, {
           key: 1,
-          onClose: C
+          onClose: w
         }, {
-          default: h(({ on: T }) => [
-            $(v.$slots, "default", {
-              on: T,
+          default: h(({ on: S }) => [
+            k(v.$slots, "default", {
+              on: S,
               show: r,
               hide: o,
               isShow: c.value
@@ -412,7 +412,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           _: 3
         })) : B("", !0)
       ])), [
-        [x, m]
+        [C, m]
       ]);
     };
   }
@@ -430,11 +430,11 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
     }, [
       (a(!0), f(j, null, P(e.items, (i) => (a(), f("li", {
         key: i.name,
-        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full",
+        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full px-4",
         onClick: (m) => u(i, m)
       }, [
-        $(t.$slots, "default", { item: i }, () => [
-          L(w(i.name), 1)
+        k(t.$slots, "default", { item: i }, () => [
+          L($(i.name), 1)
         ])
       ], 8, Ct))), 128))
     ], 2));
@@ -451,13 +451,13 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], t = A(() => !!e.notifications.find((o) => o.isNew)), c = (o) => n("sidebar", o), i = (o) => n("notif", o), m = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), d = () => {
+    ], t = D(() => !!e.notifications.find((o) => o.isNew)), c = (o) => n("sidebar", o), i = (o) => n("notif", o), m = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), d = () => {
       e.changeTheme && e.changeTheme();
     }, r = ({ value: o }, p) => {
       o == 1 && d(), o == 2 && i(p), o == 3 && m();
     };
     return (o, p) => {
-      const C = gt, b = ge("router-link"), v = ft, y = ct, x = we, T = ot, M = $e;
+      const w = gt, b = ge("router-link"), v = ft, y = ct, C = we, S = ot, M = $e;
       return a(), f("header", zt, [
         l("div", Vt, [
           l("div", Bt, [
@@ -467,7 +467,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
               onClick: c
             }, {
               default: h(() => [
-                g(C, { class: "size-5" })
+                g(w, { class: "size-5" })
               ]),
               _: 1
             }),
@@ -504,7 +504,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                   }, [...p[0] || (p[0] = [
                     l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
                   ])], 2),
-                  g(x, { class: "size-5" })
+                  g(C, { class: "size-5" })
                 ]),
                 _: 1
               }),
@@ -514,7 +514,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                 onClick: E(m, ["prevent"])
               }, {
                 default: h(() => [
-                  g(T, { class: "size-5" })
+                  g(S, { class: "size-5" })
                 ]),
                 _: 1
               })
@@ -525,12 +525,12 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                 right: "0",
                 top: "0"
               }, {
-                activator: h(({ on: R }) => [
+                activator: h(({ on: U }) => [
                   g(O, {
                     type: "icon",
                     color: "gray",
                     class: "flex",
-                    onClick: R.click
+                    onClick: U.click
                   }, {
                     default: h(() => [
                       g(M)
@@ -543,8 +543,8 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                     items: u,
                     onClick: r
                   }, {
-                    default: h(({ item: R }) => [
-                      l("span", Tt, w(R.name), 1)
+                    default: h(({ item: U }) => [
+                      l("span", Tt, $(U.name), 1)
                     ]),
                     _: 1
                   })
@@ -594,13 +594,13 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           _: 1
         }),
         l("div", Lt, [
-          l("div", null, w(n.text), 1),
-          l("div", jt, w(S(He)(n.date)) + " (" + w(S(Pe)(n.date)) + ")", 1)
+          l("div", null, $(n.text), 1),
+          l("div", jt, $(A(He)(n.date)) + " (" + $(A(Pe)(n.date)) + ")", 1)
         ]),
         g(O, {
           class: "shrink-0",
           type: "icon",
-          size: "small",
+          size: "sm",
           onClick: i
         }, {
           default: h(() => [
@@ -622,7 +622,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
   },
   emits: ["close", "remove", "read"],
   setup(e, { emit: s }) {
-    const n = e, u = s, t = A(() => !!n.notifications.find((r) => r.isNew)), c = A(() => !!n.notifications.length), i = (r) => u("close", r), m = (r) => u("remove", r), d = (r) => u("read", r);
+    const n = e, u = s, t = D(() => !!n.notifications.find((r) => r.isNew)), c = D(() => !!n.notifications.length), i = (r) => u("close", r), m = (r) => u("remove", r), d = (r) => u("read", r);
     return (r, o) => (a(), f(j, null, [
       n.value ? (a(), f("div", {
         key: 0,
@@ -633,7 +633,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
         class: z([n.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
       }, [
         l("div", Ot, [
-          $(r.$slots, "header", { isNew: t.value }),
+          k(r.$slots, "header", { isNew: t.value }),
           c.value ? (a(), f("div", Et, [
             g(he, {
               "enter-active-class": "transition-all duration-300 ",
@@ -648,18 +648,18 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                   key: p.date,
                   class: "relative"
                 }, [
-                  $(r.$slots, "card", { item: p }, () => [
+                  k(r.$slots, "card", { item: p }, () => [
                     g(Nt, N({ ref_for: !0 }, p, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
-                      onRemove: (C) => m(p),
-                      onRead: (C) => d(p)
+                      onRemove: (w) => m(p),
+                      onRead: (w) => d(p)
                     }), null, 16, ["onRemove", "onRead"])
                   ])
                 ]))), 128))
               ]),
               _: 3
             })
-          ])) : $(r.$slots, "empty", { key: 1 })
+          ])) : k(r.$slots, "empty", { key: 1 })
         ])
       ], 2)
     ], 64));
@@ -669,7 +669,7 @@ function Rt(e, s) {
   return a(), f("div", Ft, [
     s[0] || (s[0] = l("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
     l("div", Ut, [
-      $(e.$slots, "default")
+      k(e.$slots, "default")
     ])
   ]);
 }
@@ -711,23 +711,23 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
           (a(!0), f(j, null, P(e.menu, (r) => (a(), f("li", {
             key: r.name
           }, [
-            (a(), D(X(r.path ? "router-link" : "span"), {
+            (a(), T(X(r.path ? "router-link" : "span"), {
               to: r.path,
               class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", c(r.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
               onClick: E((o) => t(r), ["prevent", "stop"])
             }, {
               default: h(() => [
                 l("div", Qt, [
-                  $(i.$slots, "icon", { item: r })
+                  k(i.$slots, "icon", { item: r })
                 ]),
                 l("span", {
                   class: z(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, w(r.name), 3),
+                }, $(r.name), 3),
                 l("button", {
                   class: z(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
                   onClick: E((o) => t(r), ["prevent", "stop"])
                 }, [
-                  r.children ? (a(), D(d, { key: 0 })) : B("", !0)
+                  r.children ? (a(), T(d, { key: 0 })) : B("", !0)
                 ], 10, Xt)
               ]),
               _: 2
@@ -737,19 +737,19 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
               class: z(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", u.value === r.name ? "block" : "hidden"]])
             }, [
               l("ul", Yt, [
-                (a(!0), f(j, null, P(r.children, ({ name: o, path: p, icon: C }) => (a(), f("li", { key: o }, [
-                  (a(), D(X(p ? "router-link" : "span"), {
+                (a(!0), f(j, null, P(r.children, ({ name: o, path: p, icon: w }) => (a(), f("li", { key: o }, [
+                  (a(), T(X(p ? "router-link" : "span"), {
                     to: p,
                     class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", c(p) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
                   }, {
                     default: h(() => [
                       l("div", Zt, [
                         l("div", el, [
-                          $(i.$slots, "icon-children", {
-                            item: { name: o, path: p, icon: C }
+                          k(i.$slots, "icon-children", {
+                            item: { name: o, path: p, icon: w }
                           })
                         ]),
-                        l("span", tl, w(o), 1)
+                        l("span", tl, $(o), 1)
                       ])
                     ]),
                     _: 2
@@ -783,7 +783,7 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
     length: { default: 0 }
   },
   setup(e) {
-    const s = H(!1), n = A(() => !!e.length), u = A(() => !!(n.value && t.value === 100 && !e.status)), t = A(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), c = ne(() => {
+    const s = H(!1), n = D(() => !!e.length), u = D(() => !!(n.value && t.value === 100 && !e.status)), t = D(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), c = ne(() => {
       s.value = !1;
     }, e.timeout);
     return ae(
@@ -793,7 +793,7 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
       }
     ), (i, m) => {
       const d = K;
-      return a(), D(Z, {
+      return a(), T(Z, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 translate-x-full",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -804,7 +804,7 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
         default: h(() => [
           s.value ? (a(), f("div", sl, [
             l("div", ol, [
-              $(i.$slots, "default", { isDone: u.value }, () => [
+              k(i.$slots, "default", { isDone: u.value }, () => [
                 m[1] || (m[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
                 u.value ? (a(), f("span", al, "Done")) : B("", !0)
               ]),
@@ -821,12 +821,12 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
               style: G(`width: ${t.value}%`)
             }, null, 4)) : B("", !0),
             n.value ? (a(), f("div", nl, [
-              l("div", il, w(t.value) + "%", 1),
+              l("div", il, $(t.value) + "%", 1),
               l("div", {
                 class: "bg-blue-600 rounded-full h-4 overflow-hidden relative transition-all duration-500",
                 style: G(`width: ${t.value}%`)
               }, [
-                l("div", rl, w(t.value) + "%", 1)
+                l("div", rl, $(t.value) + "%", 1)
               ], 4)
             ])) : B("", !0)
           ])) : B("", !0)
@@ -843,7 +843,7 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
   AppNotification: Ht,
   AppOverlay: Wt,
   AppProgress: cl
-}, Symbol.toStringTag, { value: "Module" })), ul = { class: "my-4 text-gray-700 dark:text-gray-400" }, fl = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, ml = { class: "flex gap-2" }, vl = { class: "text-gray-700 dark:text-gray-400" }, gl = { class: "flex gap-2" }, pl = { class: "flex gap-2" }, hl = { class: "text-gray-700 dark:text-gray-400" }, bl = { class: "flex gap-2" }, yl = { class: "text-gray-700 dark:text-gray-400" }, xl = { class: "flex flex-col gap-4 text-sm" }, _l = { class: "flex gap-4" }, Ko = /* @__PURE__ */ V({
+}, Symbol.toStringTag, { value: "Module" })), ul = { class: "my-4 text-gray-700 dark:text-gray-400" }, fl = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, ml = { class: "flex gap-2" }, vl = { class: "text-gray-700 dark:text-gray-400" }, gl = { class: "flex gap-2" }, pl = { class: "flex gap-2" }, hl = { class: "text-gray-700 dark:text-gray-400" }, bl = { class: "flex gap-2" }, yl = { class: "text-gray-700 dark:text-gray-400" }, xl = { class: "flex flex-col gap-4 text-sm" }, _l = { class: "flex gap-4" }, Jo = /* @__PURE__ */ V({
   __name: "BlockInfo",
   props: {
     empty: {},
@@ -858,7 +858,7 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
     name: {}
   },
   setup(e) {
-    const s = A(() => e.firmware.join(".")), n = A(() => {
+    const s = D(() => e.firmware.join(".")), n = D(() => {
       var t, c, i, m, d, r, o;
       const u = [];
       return (t = e.pkg) != null && t.homepage && u.push({ name: "homepage", href: e.pkg.homepage }), (i = (c = e.pkg) == null ? void 0 : c.repository) != null && i.url && u.push({ name: "repository", href: e.pkg.repository.url }), (d = (m = e.pkg) == null ? void 0 : m.bugs) != null && d.url && u.push({ name: "bugs", href: e.pkg.bugs.url }), (r = e.pkg) != null && r.author && u.push({ name: "author", href: `mailto:${(o = e.pkg) == null ? void 0 : o.author}` }), u;
@@ -866,28 +866,28 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
     return (u, t) => {
       var c, i;
       return a(), f("div", null, [
-        l("p", ul, w((c = e.pkg) == null ? void 0 : c.description), 1),
+        l("p", ul, $((c = e.pkg) == null ? void 0 : c.description), 1),
         l("div", fl, [
           l("div", ml, [
             t[0] || (t[0] = L(" Firmware (hw): ", -1)),
-            l("span", vl, w(s.value), 1)
+            l("span", vl, $(s.value), 1)
           ]),
           l("div", gl, [
             l("div", pl, [
               t[1] || (t[1] = L(" Version (web): ", -1)),
-              l("span", hl, w((i = e.pkg) == null ? void 0 : i.version), 1)
+              l("span", hl, $((i = e.pkg) == null ? void 0 : i.version), 1)
             ])
           ]),
           t[3] || (t[3] = l("div", { class: "flex-auto" }, null, -1)),
           l("div", bl, [
             t[2] || (t[2] = L(" ID: ", -1)),
-            l("span", yl, w(e.id.toString(16)), 1)
+            l("span", yl, $(e.id.toString(16)), 1)
           ])
         ]),
         t[4] || (t[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
         l("div", xl, [
           l("div", _l, [
-            $(u.$slots, "links", { links: n.value })
+            k(u.$slots, "links", { links: n.value })
           ])
         ])
       ]);
@@ -906,7 +906,7 @@ function $l(e, s) {
     }, null, -1)
   ])]);
 }
-const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "flex items-center gap-1.5" }, Jo = /* @__PURE__ */ V({
+const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "flex items-center gap-1.5" }, Qo = /* @__PURE__ */ V({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
@@ -922,18 +922,18 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
             key: d,
             class: z(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", m.path ? "" : "text-gray-800 dark:text-white/90"])
           }, [
-            $(t.$slots, "default", { item: m }, () => [
-              (a(), D(X(m.path ? "a" : "span"), {
+            k(t.$slots, "default", { item: m }, () => [
+              (a(), T(X(m.path ? "a" : "span"), {
                 href: m.path,
                 onClick: (r) => u(m)
               }, {
                 default: h(() => [
-                  L(w(m.name), 1)
+                  L($(m.name), 1)
                 ]),
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            m.path ? (a(), D(i, {
+            m.path ? (a(), T(i, {
               key: 0,
               class: "rotate-270"
             })) : B("", !0)
@@ -964,20 +964,23 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
       e.loading ? (a(), f("div", Cl)) : B("", !0),
       e.loading ? (a(), f("div", zl)) : B("", !0),
       e.title ? (a(), f("div", Vl, [
-        l("h3", Bl, w(e.title), 1),
+        l("h3", Bl, $(e.title), 1),
         l("div", null, [
-          $(s.$slots, "header")
+          k(s.$slots, "header")
         ])
       ])) : B("", !0),
       l("div", Sl, [
-        $(s.$slots, "default")
+        k(s.$slots, "default")
       ])
     ], 2));
   }
 }), Dl = {
   key: 0,
-  class: "text-title-md uppercase font-bold"
-}, Tl = { class: "px-4 pb-8 md:px-6" }, de = /* @__PURE__ */ V({
+  class: "text-title-md uppercase font-bold px-6 mb-4"
+}, Tl = { class: "px-4 pb-4 md:px-6" }, Il = {
+  key: 0,
+  class: "text-title-md uppercase font-bold mb-4"
+}, de = /* @__PURE__ */ V({
   __name: "VDialog",
   props: {
     title: {},
@@ -1000,13 +1003,13 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
       none: "",
       white: "bg-white dark:bg-gray-900",
       gray: ""
-    }, o = A(() => [d[e.size], r[e.color]]), p = t.greaterOrEqual("lg");
+    }, o = D(() => [d[e.size], r[e.color]]), p = t.greaterOrEqual("lg");
     return s({
       show: c,
       onClose: i
-    }), (C, b) => {
+    }), (w, b) => {
       const v = K;
-      return e.isOnlyDialog || S(p) ? (a(), D(pe, {
+      return e.isOnlyDialog || A(p) ? (a(), T(pe, {
         key: 0,
         to: "body"
       }, [
@@ -1017,10 +1020,10 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
           "leave-active-class": "duration-200 ease-in",
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2",
-          onAfterEnter: S(m)
+          onAfterEnter: A(m)
         }, {
           default: h(() => [
-            S(c) ? (a(), f("div", {
+            A(c) ? (a(), f("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
               onWheel: b[4] || (b[4] = E(() => {
@@ -1029,24 +1032,25 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
               l("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
                 onClick: b[0] || (b[0] = //@ts-ignore
-                (...y) => S(i) && S(i)(...y))
+                (...y) => A(i) && A(i)(...y))
               }),
               l("div", {
                 class: z(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
               }, [
                 l("div", {
-                  class: z(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm z-30", o.value])
+                  class: z(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm", o.value])
                 }, [
                   l("div", {
-                    class: z(["flex justify-end", e.size === "full" ? "absolute top-0 right-0" : ""]),
+                    class: z(["flex justify-end", e.size === "full" ? "absolute top-0 right-4" : ""]),
                     onWheel: b[1] || (b[1] = E(() => {
                     }, ["prevent"])),
                     onTouchmove: b[2] || (b[2] = E(() => {
                     }, ["prevent"]))
                   }, [
                     g(O, {
-                      type: "icon",
-                      onClick: S(i)
+                      color: "transparent",
+                      size: "md",
+                      onClick: A(i)
                     }, {
                       default: h(() => [
                         g(v)
@@ -1054,15 +1058,15 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
-                  $(C.$slots, "header", { close: S(i) }, () => [
-                    e.title ? (a(), f("h4", Dl, w(e.title), 1)) : B("", !0)
+                  k(w.$slots, "header", { close: A(i) }, () => [
+                    e.title ? (a(), f("h4", Dl, $(e.title), 1)) : B("", !0)
                   ]),
                   l("div", {
-                    class: z(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-9 pb-9"]),
+                    class: z(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
                     onClose: b[3] || (b[3] = //@ts-ignore
-                    (...y) => S(i) && S(i)(...y))
+                    (...y) => A(i) && A(i)(...y))
                   }, [
-                    $(C.$slots, "default", { close: S(i) })
+                    k(w.$slots, "default", { close: A(i) })
                   ], 34)
                 ], 2)
               ], 2)
@@ -1070,21 +1074,22 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
-      ])) : (a(), D(re, {
+      ])) : (a(), T(re, {
         key: 1,
         size: e.popupSize,
-        onClose: S(i)
+        onClose: A(i)
       }, {
         default: h(() => [
           l("div", Tl, [
-            $(C.$slots, "default")
+            e.title ? (a(), f("h4", Il, $(e.title), 1)) : B("", !0),
+            k(w.$slots, "default")
           ])
         ]),
         _: 3
       }, 8, ["size", "onClose"]));
     };
   }
-}), Il = { class: "flex-auto flex justify-between" }, Ml = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, Ll = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, jl = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, Nl = { class: "min-h-60 relative" }, Ol = { class: "pt-6" }, El = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, Hl = { class: "text-center text-xl mt-4" }, J = /* @__PURE__ */ V({
+}), Ml = { class: "flex-auto flex justify-between" }, Ll = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, jl = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, Nl = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, Ol = { class: "min-h-60 relative" }, El = { class: "pt-6" }, Hl = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, Pl = { class: "text-center text-xl mt-4" }, J = /* @__PURE__ */ V({
   __name: "CardBase",
   props: {
     size: {},
@@ -1102,36 +1107,36 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(e, { emit: s }) {
-    const n = e, u = s, t = H(!1), c = A(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), i = (o) => u("edit", o), m = () => t.value = !0, d = (o) => u("open", o), r = (o) => {
+    const n = e, u = s, t = H(!1), c = D(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), i = (o) => u("edit", o), m = () => t.value = !0, d = (o) => u("open", o), r = (o) => {
       t.value = !1, u("close", o);
     };
     return (o, p) => {
-      const C = $e, b = de;
+      const w = $e, b = de;
       return a(), f("div", {
         class: "flex flex-col border relative aspect-square rounded-md bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 p-2 hover:border-blue-400 dark:hover:border-blue-700 transition-all cursor-pointer",
         onClick: m
       }, [
-        l("div", Il, [
+        l("div", Ml, [
           l("div", {
             class: z(c.value)
           }, null, 2),
-          $(o.$slots, "header", W(q(n)))
+          k(o.$slots, "header", W(q(n)))
         ]),
         l("div", null, [
-          $(o.$slots, "body", W(q(n)), () => [
-            l("h6", Ml, [
-              $(o.$slots, "name", W(q(n)), () => [
-                L(w(n.name), 1)
+          k(o.$slots, "body", W(q(n)), () => [
+            l("h6", Ll, [
+              k(o.$slots, "name", W(q(n)), () => [
+                L($(n.name), 1)
               ])
             ]),
-            l("div", Ll, [
-              $(o.$slots, "value", W(q(n)), () => [
-                L(w(n.valueTo || n.value), 1)
+            l("div", jl, [
+              k(o.$slots, "value", W(q(n)), () => [
+                L($(n.valueTo || n.value), 1)
               ])
             ])
           ])
         ]),
-        t.value ? (a(), D(b, {
+        t.value ? (a(), T(b, {
           key: 0,
           size: n.size || "sm",
           title: e.name,
@@ -1139,30 +1144,30 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
           onOpen: d
         }, {
           header: h(() => [
-            l("div", jl, [
+            l("div", Nl, [
               g(O, {
                 type: "icon",
                 onClick: i
               }, {
                 default: h(() => [
-                  g(C)
+                  g(w)
                 ]),
                 _: 1
               })
             ])
           ]),
           default: h(() => [
-            l("div", Nl, [
-              l("div", Ol, [
-                l("h3", El, [
-                  $(o.$slots, "dialog-name", W(q(n)), () => [
-                    L(w(n.name), 1)
+            l("div", Ol, [
+              l("div", El, [
+                l("h3", Hl, [
+                  k(o.$slots, "dialog-name", W(q(n)), () => [
+                    L($(n.name), 1)
                   ])
                 ]),
-                $(o.$slots, "dialog", W(q(n))),
-                l("p", Hl, [
-                  $(o.$slots, "dialog-value", W(q(n)), () => [
-                    L(w(n.valueTo || n.value), 1)
+                k(o.$slots, "dialog", W(q(n))),
+                l("p", Pl, [
+                  k(o.$slots, "dialog-value", W(q(n)), () => [
+                    L($(n.valueTo || n.value), 1)
                   ])
                 ])
               ])
@@ -1173,20 +1178,20 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
       ]);
     };
   }
-}), Pl = {
+}), Fl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Fl(e, s) {
-  return a(), f("svg", Pl, [...s[0] || (s[0] = [
+function Ul(e, s) {
+  return a(), f("svg", Fl, [...s[0] || (s[0] = [
     l("path", {
       fill: "currentColor",
       d: "M13 9h8L11 24v-9H4l9-15zm-2 2V7.22L7.532 13H13v4.394L17.263 11z"
     }, null, -1)
   ])]);
 }
-const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex justify-end" }, Wl = { class: "flex justify-center py-4" }, ql = /* @__PURE__ */ V({
+const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex justify-end" }, ql = { class: "flex justify-center py-4" }, Gl = /* @__PURE__ */ V({
   __name: "CardButton",
   props: {
     size: {},
@@ -1209,10 +1214,10 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
       return { disabled: d };
     }, c = (m) => u("click", m), i = () => u("setState", !n.value);
     return (m, d) => {
-      const r = Ul;
-      return a(), D(J, N(n, { onClick: c }), {
+      const r = Rl;
+      return a(), T(J, N(n, { onClick: c }), {
         header: h((o) => [
-          l("div", Rl, [
+          l("div", Wl, [
             g(O, N(t(o), {
               type: "icon",
               class: "text-gray-500",
@@ -1226,7 +1231,7 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
           ])
         ]),
         dialog: h((o) => [
-          l("div", Wl, [
+          l("div", ql, [
             g(O, N(t(o), {
               type: "icon",
               class: ["size-18", n.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
@@ -1243,10 +1248,10 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
       }, 16);
     };
   }
-}), Gl = { class: "w-full relative" }, Kl = ["disabled"], Jl = {
+}), Kl = { class: "w-full relative" }, Jl = ["disabled"], Ql = {
   key: 0,
   class: "text-red-400 h-[24px] px-2 text-xs"
-}, Ql = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", U = /* @__PURE__ */ V({
+}, Xl = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", R = /* @__PURE__ */ V({
   __name: "VTextField",
   props: {
     modelValue: { default: null },
@@ -1264,25 +1269,25 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
     const n = s, u = {
       input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
       textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
-    }, t = H(!1), c = A(() => [
+    }, t = H(!1), c = D(() => [
       e.component === "input" ? "h-[40px]" : "min-h-[40px]",
       e.message ? "border-red-500 hover:border-red-400" : "",
       e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
-    ]), i = A(() => u[e.component]), m = (x) => x || x === 0, d = A(() => [Ql, t.value || m(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = A(() => e.component === "input"), o = (x) => {
-      t.value = !1, n("blur", x);
-    }, p = (x) => {
-      t.value = !0, n("blur", x);
-    }, C = ({ target: x }) => n("update:modelValue", x.value), b = (x) => n("enter", x), v = (x) => n("click", x), y = (x) => {
-      e.disabled || n("on-icon", x);
+    ]), i = D(() => u[e.component]), m = (C) => C || C === 0, d = D(() => [Xl, t.value || m(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = D(() => e.component === "input"), o = (C) => {
+      t.value = !1, n("blur", C);
+    }, p = (C) => {
+      t.value = !0, n("blur", C);
+    }, w = ({ target: C }) => n("update:modelValue", C.value), b = (C) => n("enter", C), v = (C) => n("click", C), y = (C) => {
+      e.disabled || n("on-icon", C);
     };
-    return (x, T) => (a(), f("div", Gl, [
+    return (C, S) => (a(), f("div", Kl, [
       l("label", {
         class: z(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", c.value])
       }, [
         l("span", {
           class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
-        }, w(e.label), 3),
-        (a(), D(X(e.component), N(x.$attrs, {
+        }, $(e.label), 3),
+        (a(), T(X(e.component), N(C.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
@@ -1292,27 +1297,27 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
           class: i.value,
           onFocus: p,
           onBlur: o,
-          onInput: C,
+          onInput: w,
           onClick: v,
           onKeypress: Ie(b, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        x.$slots.icon ? (a(), f("button", {
+        C.$slots.icon ? (a(), f("button", {
           key: 0,
           disabled: !!e.disabled,
           class: z([{ "cursor-pointer": !e.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
           onClick: y
         }, [
-          $(x.$slots, "icon")
-        ], 10, Kl)) : B("", !0)
+          k(C.$slots, "icon")
+        ], 10, Jl)) : B("", !0)
       ], 2),
-      e.hideMessage ? B("", !0) : (a(), f("div", Jl, [
-        $(x.$slots, "message", {}, () => [
-          L(w(e.message), 1)
+      e.hideMessage ? B("", !0) : (a(), f("div", Ql, [
+        k(C.$slots, "message", {}, () => [
+          L($(e.message), 1)
         ])
       ]))
     ]));
   }
-}), Xl = { class: "flex justify-center relative mx-2 my-6" }, Yl = /* @__PURE__ */ V({
+}), Yl = { class: "flex justify-center relative mx-2 my-6" }, Zl = /* @__PURE__ */ V({
   __name: "CardDate",
   props: {
     size: {},
@@ -1338,10 +1343,10 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
       const { disabled: p } = o;
       return { label: d, modelValue: t(r), disabled: p };
     }, m = (d) => u("click", d);
-    return (d, r) => (a(), D(J, N(n, { onClick: m }), {
+    return (d, r) => (a(), T(J, N(n, { onClick: m }), {
       dialog: h((o) => [
-        l("div", Xl, [
-          g(U, N(i(o), {
+        l("div", Yl, [
+          g(R, N(i(o), {
             type: "datetime-local",
             onChange: c
           }), null, 16)
@@ -1350,15 +1355,15 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
       _: 1
     }, 16));
   }
-}), Zl = { class: "flex justify-end" }, es = {
+}), es = { class: "flex justify-end" }, ts = {
   class: /* @__PURE__ */ z("text-blue-600 dark:text-blue-400")
-}, ts = {
+}, ls = {
   width: "32",
   height: "32",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, ls = ["stroke-dashoffset"], ss = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, os = /* @__PURE__ */ V({
+}, ss = ["stroke-dashoffset"], os = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, as = /* @__PURE__ */ V({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1377,14 +1382,14 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
   emits: ["edit", "close", "click", "open", "setState"],
   setup(e, { emit: s }) {
     const n = e, u = s, t = ({ opts: r, value: o }) => Math.round(100 * +o / ((r == null ? void 0 : r.max) || 255)), c = ({ opts: r, value: o }) => Math.round(187 - +o / ((r == null ? void 0 : r.max) || 255) * 187), i = ({ value: r, opts: o }) => {
-      const { min: p = 0, max: C = 255, step: b = 1, disabled: v } = o || {};
-      return { min: p, max: C, step: b, value: r, disabled: !!v, class: v ? "" : "cursor-pointer" };
+      const { min: p = 0, max: w = 255, step: b = 1, disabled: v } = o || {};
+      return { min: p, max: w, step: b, value: r, disabled: !!v, class: v ? "" : "cursor-pointer" };
     }, m = (r) => u("click", r), d = (r) => u("setState", +r.target.value || 0);
-    return (r, o) => (a(), D(J, N(n, { onClick: m }), {
+    return (r, o) => (a(), T(J, N(n, { onClick: m }), {
       header: h((p) => [
-        l("div", Zl, [
-          l("div", es, [
-            (a(), f("svg", ts, [
+        l("div", es, [
+          l("div", ts, [
+            (a(), f("svg", ls, [
               o[0] || (o[0] = l("circle", {
                 class: "stroke-gray-300 dark:stroke-gray-700",
                 r: "30",
@@ -1403,7 +1408,7 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
                 "stroke-dashoffset": c(p),
                 fill: "transparent",
                 "stroke-dasharray": "187"
-              }, null, 8, ls)
+              }, null, 8, ss)
             ]))
           ])
         ])
@@ -1417,7 +1422,7 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
             class: "absolute h-10 top-0 left-0 bg-blue-600 dark:bg-blue-400 z-0 rounded-md transition-[width_0.3s_linear]",
             style: G(`width: ${t(p)}%`)
           }, null, 4),
-          l("div", ss, w(t(p)) + " %", 1),
+          l("div", os, $(t(p)) + " %", 1),
           l("input", N({ type: "range" }, i(p), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
             onChange: d
@@ -1427,7 +1432,7 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
       _: 1
     }, 16));
   }
-}), as = /* @__PURE__ */ V({
+}), ns = /* @__PURE__ */ V({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1446,14 +1451,14 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
   emits: ["edit", "close", "click", "open", "setState"],
   setup(e, { emit: s }) {
     const n = e, u = s, t = (c) => u("click", c);
-    return (c, i) => (a(), D(J, N(n, { onClick: t }), {
+    return (c, i) => (a(), T(J, N(n, { onClick: t }), {
       default: h(() => [
-        $(c.$slots, "dialog")
+        k(c.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), ns = { class: "flex justify-center relative mx-2 my-6" }, is = /* @__PURE__ */ V({
+}), is = { class: "flex justify-center relative mx-2 my-6" }, rs = /* @__PURE__ */ V({
   __name: "CardInput",
   props: {
     size: {},
@@ -1477,10 +1482,10 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
     }, c = (m) => u("setState", m.target.value), i = (m) => u("click", m);
     return (m, d) => {
       const r = ce;
-      return a(), D(J, N(n, { onClick: i }), {
+      return a(), T(J, N(n, { onClick: i }), {
         dialog: h((o) => [
-          l("div", ns, [
-            g(U, N(t(o), {
+          l("div", is, [
+            g(R, N(t(o), {
               autofocus: "",
               onEnter: c,
               onBlur: c
@@ -1496,23 +1501,23 @@ const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex ju
       }, 16);
     };
   }
-}), rs = {
+}), cs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function cs(e, s) {
-  return a(), f("svg", rs, [...s[0] || (s[0] = [
+function ds(e, s) {
+  return a(), f("svg", cs, [...s[0] || (s[0] = [
     l("path", {
       fill: "currentColor",
       d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
     }, null, -1)
   ])]);
 }
-const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px-4 md:pb-8 md:px-4 lg:p-4 bg-white dark:bg-gray-800 rounded min-w-68.25 shadow-bottom-nav" }, fs = {
+const us = F({ name: "ri-arrow-up-s-line", render: ds }), fs = { class: "bg-white dark:bg-gray-800 rounded min-w-50 shadow-nav pb-6 lg:pb-0" }, ms = {
   key: 0,
-  class: "md:hidden text-title-md font-bold mb-4 uppercase"
-}, ms = { class: "h-full h-hull max-h-78 overflow-auto scrollbar overscroll-contain" }, Y = /* @__PURE__ */ V({
+  class: "md:hidden text-title-md font-bold mb-2 uppercase px-4 sticky pb-2 top-0 bg-white dark:bg-gray-800"
+}, vs = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, Y = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "VSelect",
   props: {
@@ -1527,14 +1532,14 @@ const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px
       n("select", t), c == null || c.set(!1);
     }
     return (t, c) => {
-      const i = ds;
-      return a(), D(te, {
+      const i = us;
+      return a(), T(te, {
         "hide-on-click": !1,
         class: "relative"
       }, {
         activator: h(({ on: m, isShow: d }) => [
-          $(t.$slots, "activator", W(q({ on: m, isShow: d })), () => [
-            g(U, {
+          k(t.$slots, "activator", W(q({ on: m, isShow: d })), () => [
+            g(R, {
               "model-value": e.modelValue,
               readonly: "",
               hideMessage: "",
@@ -1552,16 +1557,16 @@ const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px
           ])
         ]),
         default: h(({ on: m }) => [
-          l("div", us, [
-            e.label ? (a(), f("h5", fs, w(e.label), 1)) : B("", !0),
-            l("div", ms, [
+          l("div", fs, [
+            e.label ? (a(), f("h5", ms, $(e.label), 1)) : B("", !0),
+            l("div", vs, [
               g(le, {
                 items: e.items,
                 onClick: (d) => u(d, m)
               }, {
                 default: h(({ item: d }) => [
-                  $(t.$slots, "item", { item: d }, () => [
-                    L(w(d.name), 1)
+                  k(t.$slots, "item", { item: d }, () => [
+                    L($(d.name), 1)
                   ])
                 ]),
                 _: 3
@@ -1573,7 +1578,7 @@ const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px
       });
     };
   }
-}), vs = { class: "flex justify-center py-4" }, gs = /* @__PURE__ */ V({
+}), gs = { class: "flex justify-center py-4" }, ps = /* @__PURE__ */ V({
   __name: "CardList",
   props: {
     size: {},
@@ -1595,25 +1600,25 @@ const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px
       var o;
       return Array.isArray(d == null ? void 0 : d.items) && ((o = d == null ? void 0 : d.items.find((p) => p.value === r)) == null ? void 0 : o.name) || r;
     }, m = ({ name: d, value: r, opts: o = {} }) => {
-      const { items: p = [], disabled: C } = o;
-      return { label: d, modelValue: r, items: p, disabled: C };
+      const { items: p = [], disabled: w } = o;
+      return { label: d, modelValue: r, items: p, disabled: w };
     };
-    return (d, r) => (a(), D(J, N(n, { onClick: t }), {
+    return (d, r) => (a(), T(J, N(n, { onClick: t }), {
       value: h((o) => [
-        L(w(i(o)), 1)
+        L($(i(o)), 1)
       ]),
       "dialog-value": h((o) => [
-        L(w(i(o)), 1)
+        L($(i(o)), 1)
       ]),
       dialog: h((o) => [
-        l("div", vs, [
+        l("div", gs, [
           g(Y, N(m(o), { onChange: c }), null, 16)
         ])
       ]),
       _: 1
     }, 16));
   }
-}), ps = [
+}), hs = [
   "Dots",
   "Air",
   "Bulb",
@@ -1652,20 +1657,20 @@ const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px
   "Theme",
   "Info",
   "Plus"
-], hs = ["Button", "Info", "Dimmer", "Date", "Input", "List"], bs = ps.map((e, s) => ({ id: ++s, name: `${e}`, value: e })), ys = hs.map((e, s) => ({ id: ++s, name: `${e}`, value: `${e.toLowerCase()}` })), xs = {
+], bs = ["Button", "Info", "Dimmer", "Date", "Input", "List"], ys = hs.map((e, s) => ({ id: ++s, name: `${e}`, value: e })), xs = bs.map((e, s) => ({ id: ++s, name: `${e}`, value: `${e.toLowerCase()}` })), _s = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _s(e, s) {
-  return a(), f("svg", xs, [...s[0] || (s[0] = [
+function ks(e, s) {
+  return a(), f("svg", _s, [...s[0] || (s[0] = [
     l("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const ue = F({ name: "ri-add-line", render: _s }), ks = { class: "flex w-full relative" }, $s = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, ws = ["disabled"], ze = /* @__PURE__ */ V({
+const ue = F({ name: "ri-add-line", render: ks }), $s = { class: "flex w-full relative" }, ws = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Cs = ["disabled"], ze = /* @__PURE__ */ V({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -1675,18 +1680,18 @@ const ue = F({ name: "ri-add-line", render: _s }), ks = { class: "flex w-full re
   },
   emits: ["icon"],
   setup(e, { emit: s }) {
-    const n = s, u = A(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = A(() => [e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
+    const n = s, u = D(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = D(() => [e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
     return (c, i) => {
       const m = ue;
-      return a(), f("div", ks, [
+      return a(), f("div", $s, [
         l("div", {
           class: z(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", t.value])
         }, [
           l("span", {
             class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
-          }, w(e.label), 3),
-          l("div", $s, [
-            $(c.$slots, "default")
+          }, $(e.label), 3),
+          l("div", ws, [
+            k(c.$slots, "default")
           ]),
           e.hideIcon ? B("", !0) : (a(), f("button", {
             key: 0,
@@ -1694,47 +1699,47 @@ const ue = F({ name: "ri-add-line", render: _s }), ks = { class: "flex w-full re
             class: z([{ "cursor-pointer": !e.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]"]),
             onClick: i[0] || (i[0] = (d) => n("icon", d))
           }, [
-            $(c.$slots, "icon", {}, () => [
+            k(c.$slots, "icon", {}, () => [
               g(m, { class: "size-4" })
             ])
-          ], 10, ws))
+          ], 10, Cs))
         ], 2)
       ]);
     };
   }
-}), Cs = {
+}), zs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function zs(e, s) {
-  return a(), f("svg", Cs, [...s[0] || (s[0] = [
+function Vs(e, s) {
+  return a(), f("svg", zs, [...s[0] || (s[0] = [
     l("path", {
       fill: "currentColor",
       d: "M7 19v-6h10v6h2V7.828L16.172 5H5v14zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m5 12v4h6v-4z"
     }, null, -1)
   ])]);
 }
-const Vs = F({ name: "ri-save-line", render: zs }), Bs = {
+const Bs = F({ name: "ri-save-line", render: Vs }), Ss = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ss(e, s) {
-  return a(), f("svg", Bs, [...s[0] || (s[0] = [
+function As(e, s) {
+  return a(), f("svg", Ss, [...s[0] || (s[0] = [
     l("path", {
       fill: "currentColor",
       d: "M2 4a1 1 0 0 1 1-1h7.414l2 2H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3c-.55 0-1-.45-1-1zm8.586 2l-1-1H4v2h5.586zM4 9v10h16V7h-7.586l-2 2z"
     }, null, -1)
   ])]);
 }
-const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
+const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
   key: 0,
   class: "me-1"
-}, Is = { class: "flex items-center z-10" }, Ms = ["onClick"], Ls = {
+}, Ms = { class: "flex items-center z-10" }, Ls = ["onClick"], js = {
   key: 0,
   class: "flex ps-5"
-}, js = { class: "font-medium me-4" }, Ns = ["onClick"], Ve = /* @__PURE__ */ V({
+}, Ns = { class: "font-medium me-4" }, Os = ["onClick"], Ve = /* @__PURE__ */ V({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -1749,7 +1754,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       n("click", { key: r, path: m(r), isObject: o });
     };
     return (r, o) => {
-      const p = As, C = Vs;
+      const p = Ds, w = Bs;
       return a(), f("ul", null, [
         (a(!0), f(j, null, P(e.items, (b, v) => (a(), f("li", {
           key: v,
@@ -1759,23 +1764,23 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             class: z(["flex items-center cursor-pointer ps-2 h-8", i(b) ? `${u()}` : ""]),
             onClick: (y) => c(v)
           }, [
-            i(b) ? (a(), f("div", Ts, [
+            i(b) ? (a(), f("div", Is, [
               g(p, { class: "size-5" })
             ])) : B("", !0),
-            l("div", null, w(v), 1),
+            l("div", null, $(v), 1),
             !e.onlyValue && i(b) ? (a(), f(j, { key: 1 }, [
               o[1] || (o[1] = l("div", { class: "flex-auto" }, null, -1)),
-              l("div", Is, [
+              l("div", Ms, [
                 l("button", {
                   class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
                   onClick: E((y) => d(v, i(b)), ["stop"])
                 }, [
-                  g(C, { class: "size-5" })
-                ], 8, Ms)
+                  g(w, { class: "size-5" })
+                ], 8, Ls)
               ])
             ], 64)) : B("", !0)
-          ], 10, Ds),
-          i(b) ? (a(), f("div", Ls, [
+          ], 10, Ts),
+          i(b) ? (a(), f("div", js, [
             oe(g(Ve, {
               class: "flex-auto",
               path: m(v),
@@ -1787,19 +1792,19 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             ])
           ])) : (a(), f(j, { key: 1 }, [
             o[2] || (o[2] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", js, w(b), 1),
+            l("div", Ns, $(b), 1),
             l("button", {
               class: "px-2 cursor-pointer z-10",
               onClick: E((y) => d(v, i(b)), ["stop"])
             }, [
-              g(C, { class: "size-5" })
-            ], 8, Ns)
+              g(w, { class: "size-5" })
+            ], 8, Os)
           ], 64))
         ], 2))), 128))
       ]);
     };
   }
-}), Os = { class: "" }, Es = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Hs = ["onClick"], Ps = { class: "relative my-4" }, Fs = { key: 0 }, Us = /* @__PURE__ */ V({
+}), Es = { class: "" }, Hs = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Ps = ["onClick"], Fs = { class: "relative my-4" }, Us = { key: 0 }, Rs = /* @__PURE__ */ V({
   __name: "VTabs",
   props: {
     value: {},
@@ -1813,8 +1818,8 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
     return s({
       setActiveTab: i,
       activeTab: t
-    }), (m, d) => (a(), f("div", Os, [
-      l("div", Es, [
+    }), (m, d) => (a(), f("div", Es, [
+      l("div", Hs, [
         (a(!0), f(j, null, P(e.items, (r, o) => (a(), f("div", {
           key: o,
           class: "relative"
@@ -1822,10 +1827,10 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
           l("button", {
             class: z(["font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0 px-4 py-2", c(o)]),
             onClick: (p) => i(o)
-          }, w(r.title), 11, Hs)
+          }, $(r.title), 11, Ps)
         ]))), 128))
       ]),
-      l("div", Ps, [
+      l("div", Fs, [
         (a(!0), f(j, null, P(e.items, (r, o) => (a(), f("div", {
           key: o,
           class: "tab-panel"
@@ -1839,8 +1844,8 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: h(() => [
-              t.value === o ? (a(), f("div", Fs, [
-                $(m.$slots, `tab-${o}`)
+              t.value === o ? (a(), f("div", Us, [
+                k(m.$slots, `tab-${o}`)
               ])) : B("", !0)
             ]),
             _: 2
@@ -1849,7 +1854,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       ])
     ]));
   }
-}), Rs = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, Ws = ["title", "onMouseenter", "onMouseleave"], qs = { class: "flex flex-auto" }, Gs = ["disabled"], se = /* @__PURE__ */ V({
+}), Ws = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, qs = ["title", "onMouseenter", "onMouseleave"], Gs = { class: "flex flex-auto" }, Ks = ["disabled"], se = /* @__PURE__ */ V({
   __name: "VFunc",
   props: {
     label: {},
@@ -1878,8 +1883,8 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
         e.value && (u.value = e.value);
       }
     ), (r, o) => {
-      const p = K, C = ue;
-      return a(), D(ze, {
+      const p = K, w = ue;
+      return a(), T(ze, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
@@ -1887,17 +1892,17 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
         onIcon: d
       }, {
         icon: h(() => [
-          e.value ? (a(), D(p, {
+          e.value ? (a(), T(p, {
             key: 0,
             class: "size-4"
-          })) : (a(), D(C, {
+          })) : (a(), T(w, {
             key: 1,
             class: "size-4"
           }))
         ]),
         default: h(() => [
           e.value ? (a(), f(j, { key: 0 }, [
-            l("div", Rs, [
+            l("div", Ws, [
               o[3] || (o[3] = L(" ( ", -1)),
               (a(!0), f(j, null, P(e.args, (b, v) => (a(), f(j, { key: b }, [
                 l("span", {
@@ -1905,12 +1910,12 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
                   title: b,
                   onMouseenter: (y) => t("hover", "enter", v),
                   onMouseleave: (y) => t("hover", "leave", v)
-                }, w(c[v]), 41, Ws),
+                }, $(c[v]), 41, qs),
                 o[2] || (o[2] = l("span", { class: "last:hidden" }, ",", -1))
               ], 64))), 128)),
               o[4] || (o[4] = L(" ) => ", -1))
             ]),
-            l("div", qs, [
+            l("div", Gs, [
               oe(l("textarea", {
                 ref_key: "textarea",
                 ref: n,
@@ -1919,9 +1924,9 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
                 type: "text",
                 disabled: e.disabled,
                 onInput: o[1] || (o[1] = //@ts-ignore
-                (...b) => S(m) && S(m)(...b))
-              }, null, 40, Gs), [
-                [je, S(u)]
+                (...b) => A(m) && A(m)(...b))
+              }, null, 40, Ks), [
+                [je, A(u)]
               ])
             ])
           ], 64)) : B("", !0)
@@ -1930,7 +1935,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       }, 8, ["active", "disabled", "label", "hideIcon"]);
     };
   }
-}), Ks = ["checked", "disabled"], Js = { class: "text-sm ms-2 peer-disabled:opacity-40" }, Qs = /* @__PURE__ */ V({
+}), Js = ["checked", "disabled"], Qs = { class: "text-sm ms-2 peer-disabled:opacity-40" }, Xs = /* @__PURE__ */ V({
   __name: "VCheckbox",
   props: {
     modelValue: { type: [Number, Boolean], default: !1 },
@@ -1952,7 +1957,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
         disabled: e.disabled,
         class: "peer size-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40 not-disabled:cursor-pointer",
         onChange: u
-      }, null, 40, Ks),
+      }, null, 40, Js),
       i[0] || (i[0] = l("button", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
         l("svg", {
           class: "h-3.5 w-3.5",
@@ -1968,18 +1973,18 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
           })
         ])
       ], -1)),
-      l("span", Js, [
-        $(c.$slots, "default")
+      l("span", Qs, [
+        k(c.$slots, "default")
       ])
     ], 2));
   }
-}), Xs = { class: "flex flex-col" }, Ys = { class: "flex gap-4 mb-6" }, Zs = {
+}), Ys = { class: "flex flex-col" }, Zs = { class: "flex gap-4 mb-6" }, eo = {
   key: 0,
   class: "flex gap-4"
-}, eo = {
+}, to = {
   key: 1,
   class: ""
-}, to = { class: "flex flex-col md:flex-row gap-4" }, lo = { class: "flex gap-4" }, so = { class: "flex justify-between flex-auto" }, oo = ["onClick"], ao = /* @__PURE__ */ V({
+}, lo = { class: "flex flex-col md:flex-row gap-4" }, so = { class: "flex gap-4" }, oo = { class: "flex justify-between flex-auto" }, ao = ["onClick"], no = /* @__PURE__ */ V({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -1992,25 +1997,25 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
   },
   emits: ["update"],
   setup(e, { emit: s }) {
-    const n = s, u = A(() => e.list.map((v, y) => ({ ...v, id: ++y }))), t = H({ name: "", value: "" }), c = A(() => e.list.length + 1), i = A(() => {
+    const n = s, u = D(() => e.list.map((v, y) => ({ ...v, id: ++y }))), t = H({ name: "", value: "" }), c = D(() => e.list.length + 1), i = D(() => {
       var v;
       return !((v = t.value) != null && v.id);
-    }), m = (v) => e.type === v, d = (v, y) => n("update", v, y), r = (v) => v.map(({ name: y, value: x }) => ({ name: y, value: x })), o = ({ id: v, name: y, value: x }) => t.value = { id: v, name: y, value: x }, p = () => {
+    }), m = (v) => e.type === v, d = (v, y) => n("update", v, y), r = (v) => v.map(({ name: y, value: C }) => ({ name: y, value: C })), o = ({ id: v, name: y, value: C }) => t.value = { id: v, name: y, value: C }, p = () => {
       const v = c.value;
       t.value = { name: `New_${v}`, value: v, id: v }, d("items", r([t.value, ...u.value]));
-    }, C = (v) => {
+    }, w = (v) => {
       t.value.name === v.name && (t.value = { name: "", value: "" }), d("items", r(u.value.filter((y) => y.value !== v.value)));
     }, b = ne(() => {
       const v = t.value;
       if (!v.name || !v.value) return;
-      const y = u.value.map((x) => x.id === v.id ? v : x);
+      const y = u.value.map((C) => C.id === v.id ? v : C);
       d("items", r(y));
     }, 300);
     return (v, y) => {
-      const x = K, T = ue;
-      return a(), f("div", Xs, [
-        l("div", Ys, [
-          g(Qs, {
+      const C = K, S = ue;
+      return a(), f("div", Ys, [
+        l("div", Zs, [
+          g(Xs, {
             modelValue: e.disabled,
             "onUpdate:modelValue": y[0] || (y[0] = (M) => d("disabled", M ? 1 : 0))
           }, {
@@ -2020,39 +2025,39 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        m("dimmer") ? (a(), f("div", Zs, [
-          g(U, {
+        m("dimmer") ? (a(), f("div", eo, [
+          g(R, {
             modelValue: e.min,
             label: "Min",
             "onUpdate:modelValue": y[1] || (y[1] = (M) => d("min", +M))
           }, null, 8, ["modelValue"]),
-          g(U, {
+          g(R, {
             modelValue: e.max,
             label: "Max",
             "onUpdate:modelValue": y[2] || (y[2] = (M) => d("max", +M))
           }, null, 8, ["modelValue"]),
-          g(U, {
+          g(R, {
             modelValue: e.step,
             label: "Step",
             "onUpdate:modelValue": y[3] || (y[3] = (M) => d("step", +M))
           }, null, 8, ["modelValue"])
         ])) : B("", !0),
-        m("list") ? (a(), f("div", eo, [
-          l("div", to, [
-            g(U, {
+        m("list") ? (a(), f("div", to, [
+          l("div", lo, [
+            g(R, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
                 y[4] || (y[4] = (M) => t.value.name = M),
-                S(b)
+                A(b)
               ],
               disabled: i.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-            g(U, {
+            g(R, {
               modelValue: t.value.value,
               "onUpdate:modelValue": [
                 y[5] || (y[5] = (M) => t.value.value = M),
-                S(b)
+                A(b)
               ],
               disabled: i.value,
               label: "Value"
@@ -2063,7 +2068,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
               _: 1
             }, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          l("div", lo, [
+          l("div", so, [
             g(Y, {
               "model-value": t.value.value,
               label: "List",
@@ -2071,14 +2076,14 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
               onChange: o
             }, {
               item: h(({ item: M }) => [
-                l("div", so, [
-                  l("span", null, w(M.name), 1),
+                l("div", oo, [
+                  l("span", null, $(M.name), 1),
                   l("button", {
                     class: "cursor-pointer size-4",
-                    onClick: E((R) => C(M), ["prevent", "stop"])
+                    onClick: E((U) => w(M), ["prevent", "stop"])
                   }, [
-                    g(x)
-                  ], 8, oo)
+                    g(C)
+                  ], 8, ao)
                 ])
               ]),
               _: 1
@@ -2089,7 +2094,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
               onClick: p
             }, {
               default: h(() => [
-                g(T)
+                g(S)
               ]),
               _: 1
             })
@@ -2098,7 +2103,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       ]);
     };
   }
-}), no = { class: "flex flex-col" }, io = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, ro = { class: "flex-auto order-1" }, co = { class: "flex-auto gap-x-2 order-1" }, uo = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, fo = { class: "flex gap-2 items-center" }, mo = { class: "flex flex-col gap-4" }, vo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, go = { class: "relative group" }, po = { class: "select-none" }, ho = ["onClick"], bo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, yo = { class: "flex-[0_0_130px] size-[130px]" }, xo = { class: "flex gap-4 justify-end" }, _o = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, ko = /* @__PURE__ */ V({
+}), io = { class: "flex flex-col" }, ro = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, co = { class: "flex-auto order-1" }, uo = { class: "flex-auto gap-x-2 order-1" }, fo = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, mo = { class: "flex gap-2 items-center" }, vo = { class: "flex flex-col gap-4" }, go = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, po = { class: "relative group" }, ho = { class: "select-none" }, bo = ["onClick"], yo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, xo = { class: "flex-[0_0_130px] size-[130px]" }, _o = { class: "flex gap-4 justify-end" }, ko = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, $o = /* @__PURE__ */ V({
   __name: "ItemEdit",
   props: {
     item: {},
@@ -2116,70 +2121,70 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       set: "",
       get: "",
       getTo: ""
-    }), c = H(!1), i = A(() => {
-      var _;
-      return !((_ = e.item) != null && _.id);
-    }), m = A(() => t.value.type === "info"), d = A(() => {
-      var _;
-      return (_ = t.value.args) == null ? void 0 : _.length;
-    }), r = A(() => t.value.args.length > 3), o = A(() => {
-      const { id: _, args: k } = t.value;
-      return !_ || !k.length;
-    }), p = ({ value: _ }) => t.value.icon = _, C = ({ value: _ }) => {
-      const k = _;
-      t.value.type = k, delete t.value.opts, ["button", "list", "dimmer"].includes(k) && (_ === "button" && (t.value.opts = {}), _ === "list" && (t.value.opts = { items: [] }), _ === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
-    }, b = (_) => {
-      _ === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), _ === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), _ === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
-    }, v = (_) => n("button", _, t.value), y = (_) => t.value.args = t.value.args.filter((k) => k !== _), x = ({ path: _ }) => {
-      t.value.args.length || (t.value.id = _), t.value.args.push(_), c.value = !1;
-    }, T = H(-1), M = (_) => T.value === _, R = (_, k) => {
-      _ === "enter" && (T.value = k), _ === "leave" && (T.value = -1);
-    }, Q = (_, k) => {
-      _ === "set" && (t.value.set = k), _ === "get" && (t.value.get = k), _ === "getTo" && (t.value.getTo = k), k || delete t.value[_];
+    }), c = H(!1), i = D(() => {
+      var x;
+      return !((x = e.item) != null && x.id);
+    }), m = D(() => t.value.type === "info"), d = D(() => {
+      var x;
+      return (x = t.value.args) == null ? void 0 : x.length;
+    }), r = D(() => t.value.args.length > 3), o = D(() => {
+      const { id: x, args: _ } = t.value;
+      return !x || !_.length;
+    }), p = ({ value: x }) => t.value.icon = x, w = ({ value: x }) => {
+      const _ = x;
+      t.value.type = _, delete t.value.opts, ["button", "list", "dimmer"].includes(_) && (x === "button" && (t.value.opts = {}), x === "list" && (t.value.opts = { items: [] }), x === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
+    }, b = (x) => {
+      x === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), x === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), x === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
+    }, v = (x) => n("button", x, t.value), y = (x) => t.value.args = t.value.args.filter((_) => _ !== x), C = ({ path: x }) => {
+      t.value.args.length || (t.value.id = x), t.value.args.push(x), c.value = !1;
+    }, S = H(-1), M = (x) => S.value === x, U = (x, _) => {
+      x === "enter" && (S.value = _), x === "leave" && (S.value = -1);
+    }, Q = (x, _) => {
+      x === "set" && (t.value.set = _), x === "get" && (t.value.get = _), x === "getTo" && (t.value.getTo = _), _ || delete t.value[x];
     }, Be = () => {
-      var _;
-      !t.value.args.length && !((_ = e.item) != null && _.id) && (c.value = !0);
-    }, Se = (_, k) => {
-      t.value.opts || (t.value.opts = {}), t.value.opts[_] = k, _ === "disabled" && !k && delete t.value.opts[_];
+      var x;
+      !t.value.args.length && !((x = e.item) != null && x.id) && (c.value = !0);
+    }, Se = (x, _) => {
+      t.value.opts || (t.value.opts = {}), t.value.opts[x] = _, x === "disabled" && !_ && delete t.value.opts[x];
     };
     return be(() => {
-      var _;
-      (_ = e.item) != null && _.id && (t.value = Ue(e.item));
-    }), (_, k) => {
+      var x;
+      (x = e.item) != null && x.id && (t.value = Ue(e.item));
+    }), (x, _) => {
       const Ae = K;
-      return a(), f("div", no, [
-        l("div", io, [
-          l("div", ro, [
-            g(Us, {
+      return a(), f("div", io, [
+        l("div", ro, [
+          l("div", co, [
+            g(Rs, {
               class: "flex-auto",
               value: 0,
               items: u
             }, {
               "tab-0": h(() => [
-                l("div", co, [
-                  g(U, {
+                l("div", uo, [
+                  g(R, {
                     modelValue: t.value.id,
-                    "onUpdate:modelValue": k[0] || (k[0] = (I) => t.value.id = I),
+                    "onUpdate:modelValue": _[0] || (_[0] = (I) => t.value.id = I),
                     label: "ID",
                     disabled: !i.value,
                     onClick: Be
                   }, null, 8, ["modelValue", "disabled"]),
-                  g(U, {
+                  g(R, {
                     modelValue: t.value.name,
-                    "onUpdate:modelValue": k[1] || (k[1] = (I) => t.value.name = I),
+                    "onUpdate:modelValue": _[1] || (_[1] = (I) => t.value.name = I),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  l("div", uo, [
+                  l("div", fo, [
                     g(Y, {
                       "model-value": t.value.icon,
                       label: "Icon",
                       class: "mb-6",
-                      items: S(bs),
+                      items: A(ys),
                       onChange: p
                     }, {
                       item: h(({ item: I }) => [
-                        l("div", fo, [
-                          l("div", null, w(I.name), 1)
+                        l("div", mo, [
+                          l("div", null, $(I.name), 1)
                         ])
                       ]),
                       _: 1
@@ -2187,41 +2192,41 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
                     g(Y, {
                       "model-value": t.value.type,
                       label: "Type",
-                      items: S(ys),
-                      onChange: C
+                      items: A(xs),
+                      onChange: w
                     }, null, 8, ["model-value", "items"])
                   ])
                 ])
               ]),
               "tab-1": h(() => [
-                l("div", mo, [
+                l("div", vo, [
                   g(ze, {
                     active: !!t.value.args.length,
                     disabled: r.value,
                     label: "Arguments",
-                    onIcon: k[2] || (k[2] = (I) => c.value = !0)
+                    onIcon: _[2] || (_[2] = (I) => c.value = !0)
                   }, {
                     default: h(() => [
-                      l("div", vo, [
+                      l("div", go, [
                         (a(!0), f(j, null, P(t.value.args, (I, fe) => (a(), f("div", {
                           key: I,
                           class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                         }, [
-                          l("div", go, [
-                            l("span", po, w(I), 1),
+                          l("div", po, [
+                            l("span", ho, $(I), 1),
                             l("div", {
                               class: z(["fixed left-1/2 top-1/2 p-4 text-white bg-gray-900 rounded-md group-hover:visible invisible opacity-0 group-hover:opacity-100 z-50 transition-all -translate-1/2", M(fe) ? "visible opacity-100" : ""])
                             }, [
-                              l("pre", null, w(S(Ee)(I, e.object)), 1)
+                              l("pre", null, $(A(Ee)(I, e.object)), 1)
                             ], 2)
                           ]),
                           fe ? (a(), f("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (Uo) => y(I)
+                            onClick: (Ro) => y(I)
                           }, [
                             g(Ae, { class: "size-5" })
-                          ], 8, ho)) : B("", !0)
+                          ], 8, bo)) : B("", !0)
                         ]))), 128))
                       ])
                     ]),
@@ -2232,32 +2237,32 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
                     args: t.value.args,
                     disabled: !d.value || m.value,
                     label: "Set",
-                    onIcon: k[3] || (k[3] = (I) => b("set")),
-                    onHover: R,
-                    onChange: k[4] || (k[4] = (I) => Q("set", I))
+                    onIcon: _[3] || (_[3] = (I) => b("set")),
+                    onHover: U,
+                    onChange: _[4] || (_[4] = (I) => Q("set", I))
                   }, null, 8, ["value", "args", "disabled"]),
                   g(se, {
                     value: t.value.get,
                     args: t.value.args,
                     disabled: !d.value,
                     label: "Get",
-                    onIcon: k[5] || (k[5] = (I) => b("get")),
-                    onHover: R,
-                    onChange: k[6] || (k[6] = (I) => Q("get", I))
+                    onIcon: _[5] || (_[5] = (I) => b("get")),
+                    onHover: U,
+                    onChange: _[6] || (_[6] = (I) => Q("get", I))
                   }, null, 8, ["value", "args", "disabled"]),
                   g(se, {
                     value: t.value.getTo,
                     args: t.value.args,
                     disabled: !d.value,
                     label: "GetTo",
-                    onIcon: k[7] || (k[7] = (I) => b("getTo")),
-                    onHover: R,
-                    onChange: k[8] || (k[8] = (I) => Q("getTo", I))
+                    onIcon: _[7] || (_[7] = (I) => b("getTo")),
+                    onHover: U,
+                    onChange: _[8] || (_[8] = (I) => Q("getTo", I))
                   }, null, 8, ["value", "args", "disabled"])
                 ])
               ]),
               "tab-2": h(() => [
-                g(ao, N(t.value.opts, {
+                g(no, N(t.value.opts, {
                   value: t.value.value,
                   type: t.value.type,
                   onUpdate: Se
@@ -2266,21 +2271,21 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
               _: 1
             })
           ]),
-          l("div", bo, [
-            l("div", yo, [
-              $(_.$slots, "default", { item: t.value })
+          l("div", yo, [
+            l("div", xo, [
+              k(x.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        l("div", xo, [
+        l("div", _o, [
           g(O, {
             class: "px-4",
             color: "red",
             outline: "",
-            onClick: k[9] || (k[9] = (I) => v("remove"))
+            onClick: _[9] || (_[9] = (I) => v("remove"))
           }, {
-            default: h(() => [...k[13] || (k[13] = [
-              L(w("Remove"), -1)
+            default: h(() => [..._[13] || (_[13] = [
+              L($("Remove"), -1)
             ])]),
             _: 1
           }),
@@ -2288,10 +2293,10 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             class: "px-4",
             color: "gray",
             outline: "",
-            onClick: k[10] || (k[10] = (I) => v("cancel"))
+            onClick: _[10] || (_[10] = (I) => v("cancel"))
           }, {
-            default: h(() => [...k[14] || (k[14] = [
-              L(w("Cancel"), -1)
+            default: h(() => [..._[14] || (_[14] = [
+              L($("Cancel"), -1)
             ])]),
             _: 1
           }),
@@ -2299,26 +2304,26 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             class: "px-4",
             color: "blue",
             disabled: o.value,
-            onClick: k[11] || (k[11] = (I) => v(i.value ? "add" : "save"))
+            onClick: _[11] || (_[11] = (I) => v(i.value ? "add" : "save"))
           }, {
             default: h(() => [
-              L(w(i.value ? "Add" : "Save"), 1)
+              L($(i.value ? "Add" : "Save"), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
         ]),
-        c.value ? (a(), D(de, {
+        c.value ? (a(), T(de, {
           key: 0,
           size: "md",
           title: "Select",
-          onClose: k[12] || (k[12] = (I) => c.value = !1)
+          onClose: _[12] || (_[12] = (I) => c.value = !1)
         }, {
           default: h(() => [
-            l("div", _o, [
+            l("div", ko, [
               g(Ve, {
                 items: e.object,
                 onlyValue: !d.value,
-                onClick: x
+                onClick: C
               }, null, 8, ["items", "onlyValue"])
             ])
           ]),
@@ -2327,17 +2332,17 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       ]);
     };
   }
-}), $o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CardBase: J,
-  CardButton: ql,
-  CardDate: Yl,
-  CardDimmer: os,
-  CardInfo: as,
-  CardInput: is,
-  CardList: gs,
-  ItemEdit: ko
-}, Symbol.toStringTag, { value: "Module" })), Qo = /* @__PURE__ */ V({
+  CardButton: Gl,
+  CardDate: Zl,
+  CardDimmer: as,
+  CardInfo: ns,
+  CardInput: rs,
+  CardList: ps,
+  ItemEdit: $o
+}, Symbol.toStringTag, { value: "Module" })), Xo = /* @__PURE__ */ V({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2351,12 +2356,12 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
     const n = s, u = (c) => n("update:modelValue", c), t = (c, i) => {
       c.click(new Event("click")), n("select", i);
     };
-    return (c, i) => (a(), D(te, N(c.$attrs, {
+    return (c, i) => (a(), T(te, N(c.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
       activator: h(({ on: m }) => [
-        g(U, {
+        g(R, {
           "model-value": e.modelValue,
           name: e.name,
           message: e.message,
@@ -2371,8 +2376,8 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
           onClick: (d) => t(m, d)
         }, {
           default: h(({ item: d }) => [
-            $(c.$slots, "default", { item: d }, () => [
-              L(w(d.name), 1)
+            k(c.$slots, "default", { item: d }, () => [
+              L($(d.name), 1)
             ])
           ]),
           _: 3
@@ -2381,7 +2386,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       _: 3
     }, 16));
   }
-}), wo = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, Co = { class: "p-4" }, Xo = /* @__PURE__ */ V({
+}), Co = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, zo = { class: "p-4" }, Yo = /* @__PURE__ */ V({
   __name: "VExpansion",
   props: {
     label: { default: "" },
@@ -2408,22 +2413,22 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
           onClick: t
         }, [
-          l("h4", null, w(e.label), 1),
+          l("h4", null, $(e.label), 1),
           l("div", {
             class: z(["transition text-gray-400", { "rotate-180": n.value }])
           }, [
             g(m)
           ], 2)
         ]),
-        l("div", wo, [
-          l("div", Co, [
-            $(c.$slots, "default")
+        l("div", Co, [
+          l("div", zo, [
+            k(c.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}), zo = { class: "flex items-center cursor-pointer" }, Yo = /* @__PURE__ */ V({
+}), Vo = { class: "flex items-center cursor-pointer" }, Zo = /* @__PURE__ */ V({
   __name: "VFile",
   emits: ["change"],
   setup(e, { emit: s }) {
@@ -2431,15 +2436,15 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       const c = t.target;
       c.files && n("change", c.files);
     };
-    return (t, c) => (a(), f("label", zo, [
+    return (t, c) => (a(), f("label", Vo, [
       l("input", N({
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: u }), null, 16),
-      $(t.$slots, "default")
+      k(t.$slots, "default")
     ]));
   }
-}), Vo = { class: "relative flex items-end gap-0.5 w-10" }, Bo = ["title"], So = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ao = /* @__PURE__ */ V({
+}), Bo = { class: "relative flex items-end gap-0.5 w-10" }, So = ["title"], Ao = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Do = /* @__PURE__ */ V({
   __name: "VWifiIcon",
   props: {
     rssi: { default: 0 },
@@ -2447,20 +2452,20 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
   },
   setup(e) {
     const s = 2 * (e.rssi + 100), n = (u) => u < s;
-    return (u, t) => (a(), f("div", Vo, [
+    return (u, t) => (a(), f("div", Bo, [
       (a(), f(j, null, P([10, 15, 25, 40, 70], (c, i) => l("div", {
         key: c,
         class: z(["w-1 h-5 rounded-lg", [n(c) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
         style: G(`height: ${(i + 1) * 5}px`),
         title: `rssi: ${e.rssi} channel: ${e.channel}`
-      }, null, 14, Bo)), 64)),
-      l("div", So, w(e.channel), 1)
+      }, null, 14, So)), 64)),
+      l("div", Ao, $(e.channel), 1)
     ]));
   }
-}), Do = ["onDragstart", "onDragenter"], To = {
+}), To = ["onDragstart", "onDragenter"], Io = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded-lg"
-}, Zo = /* @__PURE__ */ V({
+}, ea = /* @__PURE__ */ V({
   __name: "VDragDrop",
   props: {
     items: {},
@@ -2471,24 +2476,24 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
     const n = s, u = H(null), t = H(0), c = H(-1), i = ({ id: p }) => ({
       "opacity-30 scale-105 z-10": u.value === p,
       "transition-transform duration-200": u.value !== p
-    }), m = (p, C, b) => {
-      u.value = C, t.value = b, p.dataTransfer.effectAllowed = "move";
+    }), m = (p, w, b) => {
+      u.value = w, t.value = b, p.dataTransfer.effectAllowed = "move";
     }, d = (p) => {
       u.value !== null && (c.value = p);
     }, r = () => {
       u.value = null, c.value = -1;
     }, o = (p) => {
       if (p.preventDefault(), u.value && c.value !== -1) {
-        const C = e.items.findIndex((v) => v[e.itemKey] === u.value), b = c.value;
-        if (C !== b && b !== -1) {
-          const v = [...e.items], [y] = v.splice(C, 1);
-          v.splice(b, 0, y), n("update:items", v), n("order-change", { fromIndex: C, toIndex: b, movedItem: y, newOrder: v });
+        const w = e.items.findIndex((v) => v[e.itemKey] === u.value), b = c.value;
+        if (w !== b && b !== -1) {
+          const v = [...e.items], [y] = v.splice(w, 1);
+          v.splice(b, 0, y), n("update:items", v), n("order-change", { fromIndex: w, toIndex: b, movedItem: y, newOrder: v });
         }
       }
       c.value = -1;
     };
-    return (p, C) => (a(), f("div", {
-      onDragover: C[1] || (C[1] = E(() => {
+    return (p, w) => (a(), f("div", {
+      onDragover: w[1] || (w[1] = E(() => {
       }, ["prevent"])),
       onDrop: o
     }, [
@@ -2509,26 +2514,26 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             onDragstart: (y) => m(y, b.id, v),
             onDragenter: (y) => d(v),
             onDragend: r,
-            onDragover: C[0] || (C[0] = E(() => {
+            onDragover: w[0] || (w[0] = E(() => {
             }, ["prevent"]))
           }, [
-            $(p.$slots, "default", {
+            k(p.$slots, "default", {
               item: b,
               key: b.id,
               index: v,
               isDragging: u.value === b.id
             }),
-            c.value === v && u.value !== b.id ? (a(), f("div", To)) : B("", !0)
-          ], 42, Do))), 128))
+            c.value === v && u.value !== b.id ? (a(), f("div", Io)) : B("", !0)
+          ], 42, To))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), Io = { class: "min-w-full" }, Mo = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, Lo = { class: "bg-gray-50 dark:bg-gray-800" }, jo = { class: "flex items-center" }, No = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, Oo = ["onClick"], Eo = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Ho = { key: 1 }, Po = {
+}), Mo = { class: "min-w-full" }, Lo = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, jo = { class: "bg-gray-50 dark:bg-gray-800" }, No = { class: "flex items-center" }, Oo = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, Eo = ["onClick"], Ho = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Po = { key: 1 }, Fo = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, Fo = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ea = /* @__PURE__ */ V({
+}, Uo = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ta = /* @__PURE__ */ V({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
@@ -2537,20 +2542,20 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
   emits: ["click"],
   setup(e, { emit: s }) {
     const n = s, u = (i, m) => n("click", { item: i, event: m }), t = (i) => (i == null ? void 0 : i.className) || "", c = (i, { key: m }) => i == null ? void 0 : i[m];
-    return (i, m) => (a(), f("table", Io, [
-      l("thead", Mo, [
-        l("tr", Lo, [
+    return (i, m) => (a(), f("table", Mo, [
+      l("thead", Lo, [
+        l("tr", jo, [
           (a(!0), f(j, null, P(e.headers, (d, r) => (a(), f("th", {
             key: r,
             class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(d)])
           }, [
-            $(i.$slots, "header", { item: d }, () => [
-              l("div", jo, w(d.name), 1)
+            k(i.$slots, "header", { item: d }, () => [
+              l("div", No, $(d.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      l("tbody", No, [
+      l("tbody", Oo, [
         e.items.length ? (a(!0), f(j, { key: 0 }, P(e.items, (d, r) => (a(), f("tr", {
           key: r,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
@@ -2560,16 +2565,16 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
             key: p,
             class: "py-2 whitespace-nowrap px-4"
           }, [
-            l("div", Eo, [
-              $(i.$slots, o.key, { item: d }, () => [
-                L(w(c(d, o)), 1)
+            l("div", Ho, [
+              k(i.$slots, o.key, { item: d }, () => [
+                L($(c(d, o)), 1)
               ])
             ])
           ]))), 128))
-        ], 8, Oo))), 128)) : (a(), f("tr", Ho, [
-          l("td", Po, [
-            l("div", Fo, [
-              $(i.$slots, "empty", {}, () => [
+        ], 8, Eo))), 128)) : (a(), f("tr", Po, [
+          l("td", Fo, [
+            l("div", Uo, [
+              k(i.$slots, "empty", {}, () => [
                 m[0] || (m[0] = L("The list is empty", -1))
               ])
             ])
@@ -2578,7 +2583,7 @@ const As = F({ name: "ri-folder6-line", render: Ss }), Ds = ["onClick"], Ts = {
       ])
     ]));
   }
-}), ve = { ...dl, ...$o, VButton: O, VLoader: Ce, VDropdown: te, VList: le, VTextField: U, VSelect: Y, VWifiIcon: Ao, CardMain: Al, VIconLogoMini: ke, VIconLogo: ie, VDialog: de, VPopup: re }, ta = {
+}), ve = { ...dl, ...wo, VButton: O, VLoader: Ce, VDropdown: te, VList: le, VTextField: R, VSelect: Y, VWifiIcon: Do, CardMain: Al, VIconLogoMini: ke, VIconLogo: ie, VDialog: de, VPopup: re }, la = {
   install: (e) => {
     Object.keys(ve).forEach((s) => {
       e.component(s, ve[s]);
@@ -2592,26 +2597,26 @@ export {
   Ht as AppNotification,
   Wt as AppOverlay,
   cl as AppProgress,
-  Jo as BlockBreadcrumb,
-  Ko as BlockInfo,
+  Qo as BlockBreadcrumb,
+  Jo as BlockInfo,
   J as CardBase,
-  ql as CardButton,
-  Yl as CardDate,
-  os as CardDimmer,
-  as as CardInfo,
-  is as CardInput,
-  gs as CardList,
+  Gl as CardButton,
+  Zl as CardDate,
+  as as CardDimmer,
+  ns as CardInfo,
+  rs as CardInput,
+  ps as CardList,
   Al as CardMain,
   Nt as CardNotification,
-  ko as ItemEdit,
-  Qo as VAutocomplete,
+  $o as ItemEdit,
+  Xo as VAutocomplete,
   O as VButton,
-  Qs as VCheckbox,
+  Xs as VCheckbox,
   de as VDialog,
-  Zo as VDragDrop,
+  ea as VDragDrop,
   te as VDropdown,
-  Xo as VExpansion,
-  Yo as VFile,
+  Yo as VExpansion,
+  Zo as VFile,
   se as VFunc,
   ie as VIconLogo,
   ke as VIconLogoMini,
@@ -2620,14 +2625,14 @@ export {
   Ce as VLoader,
   re as VPopup,
   Y as VSelect,
-  ea as VTable,
-  U as VTextField,
+  ta as VTable,
+  R as VTextField,
   ze as VTextWrapper,
-  Ao as VWifiIcon,
-  ta as default,
+  Do as VWifiIcon,
+  la as default,
   Ee as getDataValue,
-  oa as getFunction,
-  aa as getParamsData,
-  na as getStateItem,
-  ia as setStateItem
+  aa as getFunction,
+  na as getParamsData,
+  ia as getStateItem,
+  ra as setStateItem
 };