vuesp-components 2.2.3 → 2.2.5

package/dist/components/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as S, resolveComponent as Be, openBlock as f, createElementBlock as v, Fragment as I, createCommentVNode as T, createElementVNode as o, normalizeClass as V, createVNode as h, withCtx as y, createBlock as j, renderSlot as k, markRaw as N, computed as M, withModifiers as q, toDisplayString as $, unref as W, TransitionGroup as Le, renderList as R, mergeProps as H, ref as A, watch as re, resolveDynamicComponent as xe, Transition as _e, normalizeStyle as fe, createTextVNode as D, normalizeProps as F, guardReactiveProps as U, onMounted as le, onUnmounted as Me, reactive as Qe, useTemplateRef as Ae, withDirectives as De, vShow as et, vModelText as tt, createSlots as nt, isRef as st } from "vue";
-import { a as lt, V as Ie, j as E, h as je, g as $e, k as ce, l as ot, d as at, i as it, e as se, _ as He, f as Z } from "../VDialog.vue_vue_type_script_setup_true_lang-ddssvQGq.js";
-import { b as ua, m as ma } from "../VDialog.vue_vue_type_script_setup_true_lang-ddssvQGq.js";
-import { f as rt, t as ct, g as dt, u as ue, s as ut, d as mt } from "../app-B45sALrX.js";
+import { defineComponent as S, resolveComponent as Ee, openBlock as f, createElementBlock as v, Fragment as D, createCommentVNode as B, createElementVNode as o, normalizeClass as T, createVNode as g, withCtx as y, createBlock as j, renderSlot as k, markRaw as O, computed as M, withModifiers as q, toDisplayString as $, unref as W, TransitionGroup as Le, renderList as N, mergeProps as P, ref as A, watch as re, resolveDynamicComponent as ue, Transition as _e, normalizeStyle as pe, createTextVNode as I, normalizeProps as U, guardReactiveProps as R, onMounted as le, onUnmounted as Me, reactive as Qe, useTemplateRef as Ae, withDirectives as De, vShow as et, vModelText as tt, createSlots as nt, isRef as st } from "vue";
+import { a as lt, V as Ie, j as E, h as je, g as $e, k as ce, l as ot, d as at, i as it, e as se, _ as Pe, f as Z } from "../VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js";
+import { b as ga, m as ba } from "../VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js";
+import { f as rt, t as ct, g as dt, u as me, s as ut, d as mt } from "../app-B45sALrX.js";
 import { d as ke, e as ft, o as pt } from "../useDialog-ALG4kFE7.js";
 import { getDataValue as vt } from "../dashboard/index.es.js";
-import { useForm as gt } from "../composables/index.es.js";
-import { required as ht, maxLen as bt } from "../validate/index.es.js";
-const yt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Io = /* @__PURE__ */ S({
+import { useForm as ht } from "../composables/index.es.js";
+import { required as gt, maxLen as bt } from "../validate/index.es.js";
+const yt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Fo = /* @__PURE__ */ S({
   __name: "AppAside",
   props: {
     isSidebar: { type: Boolean, default: !1 }
@@ -16,21 +16,21 @@ const yt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 eas
     const l = n, s = () => {
       e.isSidebar && l("sidebar", !e.isSidebar);
     };
-    return (t, a) => {
-      const c = Be("router-link");
-      return f(), v(I, null, [
+    return (t, i) => {
+      const d = Ee("router-link");
+      return f(), v(D, null, [
         e.isSidebar ? (f(), v("div", {
           key: 0,
           class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
           onClick: s
-        })) : T("", !0),
+        })) : B("", !0),
         o("aside", {
-          class: V([e.isSidebar ? "translate-x-0 lg:w-[90px]" : "-translate-x-full", "overflow-x-hidden fixed top-0 left-0 z-10 flex lg:static h-full w-[290px] flex-col overflow-y-auto border-r border-gray-200 px-5 transition-all duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
+          class: T([e.isSidebar ? "translate-x-0 lg:w-[90px]" : "-translate-x-full", "overflow-x-hidden fixed top-0 left-0 z-10 flex lg:static h-full w-[290px] flex-col overflow-y-auto border-r border-gray-200/70 bg-white/70 px-5 backdrop-blur-2xl transition-all duration-350 lg:translate-x-0 dark:border-white/10 dark:bg-[#07112c]/70"])
         }, [
           o("div", {
-            class: V([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
+            class: T([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 border-b border-gray-200/60 pt-6 pb-6 justify-between dark:border-white/5"])
           }, [
-            h(c, { to: "/" }, {
+            g(d, { to: "/" }, {
               default: y(() => [
                 e.isSidebar ? (f(), j(lt, {
                   key: 0,
@@ -63,7 +63,7 @@ function _t(e, n) {
     }, null, -1)
   ])]);
 }
-const Pe = N({ name: "ri-more-line", render: _t }), $t = {
+const He = O({ name: "ri-more-line", render: _t }), $t = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -76,7 +76,7 @@ function kt(e, n) {
     }, null, -1)
   ])]);
 }
-const wt = N({ name: "ri-logout-box-line", render: kt }), Ct = {
+const wt = O({ name: "ri-logout-box-line", render: kt }), Ct = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -89,7 +89,7 @@ function St(e, n) {
     }, null, -1)
   ])]);
 }
-const Ne = N({ name: "ri-notification-line", render: St }), zt = {
+const Ne = O({ name: "ri-notification-line", render: St }), zt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -102,20 +102,20 @@ function Vt(e, n) {
     }, null, -1)
   ])]);
 }
-const Tt = N({ name: "ri-moon-line", render: Vt }), Et = {
+const Tt = O({ name: "ri-moon-line", render: Vt }), Bt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Bt(e, n) {
-  return f(), v("svg", Et, [...n[0] || (n[0] = [
+function Et(e, n) {
+  return f(), v("svg", Bt, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z"
     }, null, -1)
   ])]);
 }
-const Lt = N({ name: "ri-sun-line", render: Bt }), Mt = {
+const Lt = O({ name: "ri-sun-line", render: Et }), Mt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -128,7 +128,7 @@ function At(e, n) {
     }, null, -1)
   ])]);
 }
-const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 left-0 w-full z-10 sticky top-0" }, jt = { class: "px-4 py-4 sm:px-6 lg:px-8" }, Ht = { class: "container mx-auto flex flex-auto items-center" }, Pt = { class: "lg:hidden h-[30px]" }, Nt = { class: "gap-4 hidden lg:flex" }, Ot = { class: "lg:hidden flex gap-4" }, Ft = { class: "ms-2" }, jo = /* @__PURE__ */ S({
+const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header relative sticky top-0 left-0 z-10 w-full border-b shadow-[0_20px_60px_-35px_rgba(0,0,0,0.9)]" }, jt = { class: "px-4 py-4 sm:px-6 lg:px-8" }, Pt = { class: "container mx-auto flex flex-auto items-center" }, Ht = { class: "lg:hidden h-[30px]" }, Nt = { class: "gap-4 hidden lg:flex" }, Ot = { class: "lg:hidden flex gap-4" }, Ft = { class: "ms-2" }, Uo = /* @__PURE__ */ S({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function },
@@ -140,95 +140,96 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], t = M(() => !!e.notifications.find((i) => i.isNew)), a = (i) => l("sidebar", i), c = (i) => l("notif", i), r = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), u = () => {
+    ], t = M(() => !!e.notifications.find((r) => r.isNew)), i = (r) => l("sidebar", r), d = (r) => l("notif", r), c = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), u = () => {
       e.changeTheme && e.changeTheme();
-    }, d = ({ value: i }, m) => {
-      i == 1 && u(), i == 2 && c(m), i == 3 && r();
+    }, a = ({ value: r }, m) => {
+      r == 1 && u(), r == 2 && d(m), r == 3 && c();
     };
-    return (i, m) => {
-      const p = Dt, b = Be("router-link"), g = Lt, x = Tt, z = Ne, B = wt, w = Pe;
+    return (r, m) => {
+      const p = Dt, b = Ee("router-link"), h = Lt, x = Tt, z = Ne, V = wt, w = He;
       return f(), v("header", It, [
+        m[3] || (m[3] = o("div", { class: "pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white/35 to-transparent" }, null, -1)),
         o("div", jt, [
-          o("div", Ht, [
-            h(E, {
+          o("div", Pt, [
+            g(E, {
               type: "icon",
-              onClick: a
+              onClick: i
             }, {
               default: y(() => [
-                h(p, { class: "size-5" })
+                g(p, { class: "size-5" })
               ]),
               _: 1
             }),
             m[1] || (m[1] = o("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            o("div", Pt, [
-              h(b, { to: "/" }, {
+            o("div", Ht, [
+              g(b, { to: "/" }, {
                 default: y(() => [
-                  h(Ie, { class: "h-[30px] text-primary" })
+                  g(Ie, { class: "h-[30px] text-primary" })
                 ]),
                 _: 1
               })
             ]),
             m[2] || (m[2] = o("div", { class: "flex-auto" }, null, -1)),
             o("div", Nt, [
-              h(E, {
+              g(E, {
                 type: "icon",
                 onClick: u
               }, {
                 default: y(() => [
-                  h(g, { class: "dark:hidden" }),
-                  h(x, { class: "hidden dark:flex" })
+                  g(h, { class: "dark:hidden" }),
+                  g(x, { class: "hidden dark:flex" })
                 ]),
                 _: 1
               }),
-              h(E, {
+              g(E, {
                 type: "icon",
-                onClick: c
+                onClick: d
               }, {
                 default: y(() => [
                   o("span", {
-                    class: V([t.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+                    class: T([t.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
                   }, [...m[0] || (m[0] = [
                     o("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
                   ])], 2),
-                  h(z, { class: "size-5" })
+                  g(z, { class: "size-5" })
                 ]),
                 _: 1
               }),
-              h(E, {
+              g(E, {
                 type: "icon",
-                onClick: q(r, ["prevent"])
+                onClick: q(c, ["prevent"])
               }, {
                 default: y(() => [
-                  h(B, { class: "size-5" })
+                  g(V, { class: "size-5" })
                 ]),
                 _: 1
               })
             ]),
             o("div", Ot, [
-              h(je, {
+              g(je, {
                 left: "unset",
                 right: "0",
                 top: "0"
               }, {
-                activator: y(({ on: P }) => [
-                  h(E, {
+                activator: y(({ on: H }) => [
+                  g(E, {
                     type: "icon",
                     class: "flex",
-                    onClick: P.click
+                    onClick: H.click
                   }, {
                     default: y(() => [
-                      h(w)
+                      g(w)
                     ]),
                     _: 1
                   }, 8, ["onClick"])
                 ]),
                 default: y(() => [
-                  h($e, {
+                  g($e, {
                     items: s,
-                    onClick: d
+                    onClick: a
                   }, {
-                    default: y(({ item: P }) => [
-                      o("span", Ft, $(P.name), 1)
+                    default: y(({ item: H }) => [
+                      o("span", Ft, $(H.name), 1)
                     ]),
                     _: 1
                   })
@@ -254,25 +255,25 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
   },
   emits: ["remove", "read"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], a = (u) => t[u], c = (u) => s("remove", u), r = (u) => s("read", u);
-    return (u, d) => {
-      const i = Ne, m = ce;
+    const l = e, s = n, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], i = (u) => t[u], d = (u) => s("remove", u), c = (u) => s("read", u);
+    return (u, a) => {
+      const r = Ne, m = ce;
       return f(), v("div", Ut, [
         o("div", {
-          class: V(["absolute left-0 top-0 w-[3px] h-full", a(l.color)])
+          class: T(["absolute left-0 top-0 w-[3px] h-full", i(l.color)])
         }, null, 2),
-        h(E, {
+        g(E, {
           class: "shrink-0",
           type: "icon",
-          onClick: r
+          onClick: c
         }, {
           default: y(() => [
             o("span", {
-              class: V([l.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-            }, [...d[0] || (d[0] = [
+              class: T([l.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+            }, [...a[0] || (a[0] = [
               o("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
             ])], 2),
-            h(i, { class: "size-5" })
+            g(r, { class: "size-5" })
           ]),
           _: 1
         }),
@@ -280,14 +281,14 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
           o("div", null, $(l.text), 1),
           o("div", Kt, $(W(rt)(l.date)) + " (" + $(W(ct)(l.date)) + ")", 1)
         ]),
-        h(E, {
+        g(E, {
           class: "shrink-0",
           type: "icon",
           size: "sm",
-          onClick: c
+          onClick: d
         }, {
           default: y(() => [
-            h(m, { class: "size-4" })
+            g(m, { class: "size-4" })
           ]),
           _: 1
         })
@@ -297,7 +298,7 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
 }), qt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Gt = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
-}, Ho = /* @__PURE__ */ S({
+}, Ro = /* @__PURE__ */ S({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
@@ -305,20 +306,20 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
   },
   emits: ["close", "remove", "read"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = M(() => !!l.notifications.find((d) => d.isNew)), a = M(() => !!l.notifications.length), c = (d) => s("close", d), r = (d) => s("remove", d), u = (d) => s("read", d);
-    return (d, i) => (f(), v(I, null, [
+    const l = e, s = n, t = M(() => !!l.notifications.find((a) => a.isNew)), i = M(() => !!l.notifications.length), d = (a) => s("close", a), c = (a) => s("remove", a), u = (a) => s("read", a);
+    return (a, r) => (f(), v(D, null, [
       l.value ? (f(), v("div", {
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
-        onClick: c
-      })) : T("", !0),
+        onClick: d
+      })) : B("", !0),
       o("aside", {
-        class: V([l.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"])
+        class: T([l.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/70 flex-col overflow-y-auto transition-all duration-350 dark:border-white/10 bg-white/90 backdrop-blur-2xl dark:bg-[#07112c]/80"])
       }, [
         o("div", qt, [
-          k(d.$slots, "header", { isNew: t.value }),
-          a.value ? (f(), v("div", Gt, [
-            h(Le, {
+          k(a.$slots, "header", { isNew: t.value }),
+          i.value ? (f(), v("div", Gt, [
+            g(Le, {
               "enter-active-class": "transition-all duration-300 ",
               "enter-from-class": "opacity-0 translate-x-1/2",
               "enter-to-class": "opacity-100 translate-x-0",
@@ -327,14 +328,14 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
               default: y(() => [
-                (f(!0), v(I, null, R(l.notifications, (m) => (f(), v("div", {
+                (f(!0), v(D, null, N(l.notifications, (m) => (f(), v("div", {
                   key: m.date,
                   class: "relative"
                 }, [
-                  k(d.$slots, "card", { item: m }, () => [
-                    h(Wt, H({ ref_for: !0 }, m, {
-                      class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
-                      onRemove: (p) => r(m),
+                  k(a.$slots, "card", { item: m }, () => [
+                    g(Wt, P({ ref_for: !0 }, m, {
+                      class: "rounded-md border border-gray-200/60 bg-white/50 dark:border-white/5 dark:bg-white/[0.03]",
+                      onRemove: (p) => c(m),
                       onRead: (p) => u(m)
                     }), null, 16, ["onRemove", "onRead"])
                   ])
@@ -342,7 +343,7 @@ const Dt = N({ name: "ri-menu-line", render: At }), It = { class: "bg-white dark
               ]),
               _: 3
             })
-          ])) : k(d.$slots, "empty", {}, void 0, void 0, 1)
+          ])) : k(a.$slots, "empty", {}, void 0, void 0, 1)
         ])
       ], 2)
     ], 64));
@@ -356,7 +357,7 @@ function Yt(e, n) {
     ])
   ]);
 }
-const Po = /* @__PURE__ */ ot(Zt, [["render", Yt]]), Qt = {
+const Ko = /* @__PURE__ */ ot(Zt, [["render", Yt]]), Qt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -369,7 +370,10 @@ function en(e, n) {
     }, null, -1)
   ])]);
 }
-const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4 flex flex-col gap-2" }, sn = { class: "size-6 flex-[0_0_24px] opacity-60" }, ln = ["onClick"], on = { class: "flex flex-col gap-2" }, an = { class: "flex gap-2 ms-8" }, rn = { class: "size-5 flex-[0_0_24px]" }, cn = { class: "flex-1 first-letter:uppercase text-sm" }, No = /* @__PURE__ */ S({
+const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4 flex flex-col gap-2" }, sn = { class: "size-6 flex-[0_0_24px] opacity-60" }, ln = ["onClick"], on = { class: "flex flex-col gap-2" }, an = { class: "flex gap-2 ms-8" }, rn = { class: "size-5 flex-[0_0_24px]" }, cn = { class: "flex-1 first-letter:uppercase text-sm" }, dn = {
+  key: 0,
+  class: "mt-2"
+}, un = { class: "flex flex-col gap-2" }, mn = { class: "flex gap-2 ms-14" }, fn = { class: "size-5 flex-[0_0_24px]" }, pn = { class: "flex-1 first-letter:uppercase text-sm" }, Wo = /* @__PURE__ */ S({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -378,84 +382,116 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
   },
   emits: ["sidebar"],
   setup(e, { emit: n }) {
-    const l = n, s = A(""), t = ({ name: c }) => {
-      e.isSidebar && l("sidebar", !e.isSidebar), s.value !== c && (s.value = s.value === c ? "" : c);
-    }, a = (c) => e.fullPath === c;
+    const l = n, s = A(""), t = ({ name: a }) => {
+      e.isSidebar && l("sidebar", !e.isSidebar), s.value !== a && (s.value = s.value === a ? "" : a);
+    }, i = (a) => e.fullPath === a, d = (a) => a ? e.fullPath === a || e.fullPath.startsWith(a) : !1, c = (a, r) => !a.path || r === "/" || a.path === "/" ? !1 : a.path === r || r.includes(a.path), u = (a, r) => (a == null ? void 0 : a.find(
+      (m) => {
+        var p;
+        return c(m, r) || ((p = m.children) == null ? void 0 : p.some(
+          (b) => {
+            var h;
+            return c(b, r) || ((h = b.children) == null ? void 0 : h.some((x) => c(x, r)));
+          }
+        ));
+      }
+    )) ?? null;
     return re(
       () => e.menu,
       () => {
-        var c;
-        return s.value = ((c = dt(e.menu, e.fullPath)) == null ? void 0 : c.name) || "";
+        var a;
+        return s.value = ((a = u(e.menu, e.fullPath) ?? dt(e.menu, e.fullPath)) == null ? void 0 : a.name) || "";
       }
-    ), (c, r) => {
-      const u = tn;
+    ), (a, r) => {
+      const m = tn;
       return f(), v("nav", null, [
         o("ul", nn, [
-          (f(!0), v(I, null, R(e.menu, (d) => (f(), v("li", {
-            key: d.name
+          (f(!0), v(D, null, N(e.menu, (p) => (f(), v("li", {
+            key: p.name
           }, [
-            (f(), j(xe(d.path ? "router-link" : "span"), {
-              to: d.path,
-              class: V(["flex gap-2 items-center px-3 py-2 rounded", a(d.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-              onClick: q((i) => t(d), ["prevent", "stop"])
+            (f(), j(ue(p.path ? "router-link" : "span"), {
+              to: p.path,
+              class: T(["flex gap-2 items-center px-3 py-2 rounded", i(p.path) ? "bg-primary/10 text-primary" : "hover:bg-white/5"]),
+              onClick: q((b) => t(p), ["prevent", "stop"])
             }, {
               default: y(() => [
                 o("div", sn, [
-                  k(c.$slots, "icon", { item: d })
+                  k(a.$slots, "icon", { item: p })
                 ]),
                 o("span", {
-                  class: V(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, $(d.name), 3),
+                  class: T(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
+                }, $(p.name), 3),
                 o("button", {
-                  class: V(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: q((i) => t(d), ["prevent", "stop"])
+                  class: T(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
+                  onClick: q((b) => t(p), ["prevent", "stop"])
                 }, [
-                  d.children ? (f(), j(u, { key: 0 })) : T("", !0)
+                  p.children ? (f(), j(m, { key: 0 })) : B("", !0)
                 ], 10, ln)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
-            d.children ? (f(), v("div", {
+            p.children ? (f(), v("div", {
               key: 0,
-              class: V(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === d.name ? "block" : "hidden"]])
+              class: T(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === p.name ? "block" : "hidden"]])
             }, [
               o("ul", on, [
-                (f(!0), v(I, null, R(d.children, ({ name: i, path: m, icon: p }) => (f(), v("li", { key: i }, [
-                  (f(), j(xe(m ? "router-link" : "span"), {
-                    to: m,
-                    class: V(["flex gap-2 items-center px-3 py-2 rounded", a(m) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+                (f(!0), v(D, null, N(p.children, ({ name: b, path: h, icon: x, children: z }) => (f(), v("li", { key: b }, [
+                  (f(), j(ue(h ? "router-link" : "span"), {
+                    to: h,
+                    class: T(["flex gap-2 items-center px-3 py-2 rounded", i(h) ? "bg-primary/10 text-primary" : "hover:bg-white/5"])
                   }, {
                     default: y(() => [
                       o("div", an, [
                         o("div", rn, [
-                          k(c.$slots, "icon-children", {
-                            item: { name: i, path: m, icon: p }
+                          k(a.$slots, "icon-children", {
+                            item: { name: b, path: h, icon: x }
                           })
                         ]),
-                        o("span", cn, $(i), 1)
+                        o("span", cn, $(b), 1)
                       ])
                     ]),
                     _: 2
-                  }, 1032, ["to", "class"]))
+                  }, 1032, ["to", "class"])),
+                  z != null && z.length && d(h) ? (f(), v("div", dn, [
+                    o("ul", un, [
+                      (f(!0), v(D, null, N(z, (V) => (f(), v("li", {
+                        key: V.name
+                      }, [
+                        (f(), j(ue(V.path ? "router-link" : "span"), {
+                          to: V.path,
+                          class: T(["flex gap-2 items-center px-3 py-2 rounded", i(V.path) ? "bg-primary/10 text-primary" : "hover:bg-white/5"])
+                        }, {
+                          default: y(() => [
+                            o("div", mn, [
+                              o("div", fn, [
+                                k(a.$slots, "icon-children", { item: V })
+                              ]),
+                              o("span", pn, $(V.name), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["to", "class"]))
+                      ]))), 128))
+                    ])
+                  ])) : B("", !0)
                 ]))), 128))
               ])
-            ], 2)) : T("", !0)
+            ], 2)) : B("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), dn = {
+}), vn = {
   key: 0,
-  class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded shadow-lg dark:bg-gray-800",
+  class: "glass-panel w-full min-w-[260px] max-w-xs p-4 shadow-lg",
   role: "alert"
-}, un = { class: "flex items-center gap-4 text-sm" }, mn = {
+}, hn = { class: "flex items-center gap-4 text-sm" }, gn = {
   key: 0,
   class: "text-green-600"
-}, fn = {
+}, bn = {
   key: 1,
-  class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-900/50 select-none mt-2"
-}, pn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, vn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Oo = /* @__PURE__ */ S({
+  class: "relative mt-2 block h-4 w-full select-none overflow-hidden rounded-md bg-gray-200/70 dark:bg-white/10"
+}, yn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, xn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, qo = /* @__PURE__ */ S({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -466,15 +502,15 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
     length: { default: 0 }
   },
   setup(e) {
-    const n = A(!1), l = M(() => !!e.length), s = M(() => !!(l.value && t.value === 100 && !e.status)), t = M(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), a = ke(() => {
+    const n = A(!1), l = M(() => !!e.length), s = M(() => !!(l.value && t.value === 100 && !e.status)), t = M(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), i = ke(() => {
       n.value = !1;
     }, e.timeout);
     return re(
       () => [e.size, e.status],
       () => {
-        n.value = !0, a();
+        n.value = !0, i();
       }
-    ), (c, r) => {
+    ), (d, c) => {
       const u = ce;
       return f(), j(_e, {
         "enter-active-class": "duration-300 ease-out",
@@ -485,40 +521,40 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
         "leave-to-class": "transform opacity-0 -translate-y-8"
       }, {
         default: y(() => [
-          n.value ? (f(), v("div", dn, [
-            o("div", un, [
-              k(c.$slots, "default", { isDone: s.value }, () => [
-                r[1] || (r[1] = o("div", { class: "flex-auto" }, "Progress...", -1)),
-                s.value ? (f(), v("span", mn, "Done")) : T("", !0)
+          n.value ? (f(), v("div", vn, [
+            o("div", hn, [
+              k(d.$slots, "default", { isDone: s.value }, () => [
+                c[1] || (c[1] = o("div", { class: "flex-auto" }, "Progress...", -1)),
+                s.value ? (f(), v("span", gn, "Done")) : B("", !0)
               ]),
               o("button", {
                 class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
-                onClick: r[0] || (r[0] = (d) => n.value = !1)
+                onClick: c[0] || (c[0] = (a) => n.value = !1)
               }, [
-                h(u, { class: "size-4" })
+                g(u, { class: "size-4" })
               ])
             ]),
             l.value ? (f(), v("div", {
               key: 0,
               class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
-              style: fe(`width: ${t.value}%`)
-            }, null, 4)) : T("", !0),
-            l.value ? (f(), v("div", fn, [
-              o("div", pn, $(t.value) + "%", 1),
+              style: pe(`width: ${t.value}%`)
+            }, null, 4)) : B("", !0),
+            l.value ? (f(), v("div", bn, [
+              o("div", yn, $(t.value) + "%", 1),
               o("div", {
                 class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-                style: fe(`width: ${t.value}%`)
+                style: pe(`width: ${t.value}%`)
               }, [
-                o("div", vn, $(t.value) + "%", 1)
+                o("div", xn, $(t.value) + "%", 1)
               ], 4)
-            ])) : T("", !0)
-          ])) : T("", !0)
+            ])) : B("", !0)
+          ])) : B("", !0)
         ]),
         _: 3
       });
     };
   }
-}), gn = { class: "my-4 text-gray-700 dark:text-gray-400" }, hn = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, bn = { class: "flex gap-2" }, yn = { class: "text-gray-700 dark:text-gray-400" }, xn = { class: "flex gap-2" }, _n = { class: "flex gap-2" }, $n = { class: "text-gray-700 dark:text-gray-400" }, kn = { class: "flex gap-2" }, wn = { class: "text-gray-700 dark:text-gray-400" }, Cn = { class: "flex flex-col gap-4 text-sm" }, Sn = { class: "flex gap-4" }, Fo = /* @__PURE__ */ S({
+}), _n = { class: "my-4 text-gray-700 dark:text-gray-400" }, $n = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, kn = { class: "flex gap-2" }, wn = { class: "text-gray-700 dark:text-gray-400" }, Cn = { class: "flex gap-2" }, Sn = { class: "flex gap-2" }, zn = { class: "text-gray-700 dark:text-gray-400" }, Vn = { class: "flex gap-2" }, Tn = { class: "text-gray-700 dark:text-gray-400" }, Bn = { class: "flex flex-col gap-4 text-sm" }, En = { class: "flex gap-4" }, Go = /* @__PURE__ */ S({
   __name: "BlockInfo",
   props: {
     pkg: {},
@@ -533,55 +569,55 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
   },
   setup(e) {
     const n = M(() => e.firmware.join(".")), l = M(() => {
-      var t, a, c, r, u, d, i;
+      var t, i, d, c, u, a, r;
       const s = [];
-      return (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (c = (a = e.pkg) == null ? void 0 : a.repository) != null && c.url && s.push({ name: "repository", href: e.pkg.repository.url }), (u = (r = e.pkg) == null ? void 0 : r.bugs) != null && u.url && s.push({ name: "bugs", href: e.pkg.bugs.url }), (d = e.pkg) != null && d.author && s.push({ name: "author", href: `mailto:${(i = e.pkg) == null ? void 0 : i.author}` }), s;
+      return (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (d = (i = e.pkg) == null ? void 0 : i.repository) != null && d.url && s.push({ name: "repository", href: e.pkg.repository.url }), (u = (c = e.pkg) == null ? void 0 : c.bugs) != null && u.url && s.push({ name: "bugs", href: e.pkg.bugs.url }), (a = e.pkg) != null && a.author && s.push({ name: "author", href: `mailto:${(r = e.pkg) == null ? void 0 : r.author}` }), s;
     });
     return (s, t) => {
-      var a, c;
+      var i, d;
       return f(), v("div", null, [
-        o("p", gn, $((a = e.pkg) == null ? void 0 : a.description), 1),
-        o("div", hn, [
-          o("div", bn, [
-            t[0] || (t[0] = D(" Firmware (hw): ", -1)),
-            o("span", yn, $(n.value), 1)
+        o("p", _n, $((i = e.pkg) == null ? void 0 : i.description), 1),
+        o("div", $n, [
+          o("div", kn, [
+            t[0] || (t[0] = I(" Firmware (hw): ", -1)),
+            o("span", wn, $(n.value), 1)
           ]),
-          o("div", xn, [
-            o("div", _n, [
-              t[1] || (t[1] = D(" Version (web): ", -1)),
-              o("span", $n, $((c = e.pkg) == null ? void 0 : c.version), 1)
+          o("div", Cn, [
+            o("div", Sn, [
+              t[1] || (t[1] = I(" Version (web): ", -1)),
+              o("span", zn, $((d = e.pkg) == null ? void 0 : d.version), 1)
             ])
           ]),
           t[3] || (t[3] = o("div", { class: "flex-auto" }, null, -1)),
-          o("div", kn, [
-            t[2] || (t[2] = D(" ID: ", -1)),
-            o("span", wn, $(e.id.toString(16)), 1)
+          o("div", Vn, [
+            t[2] || (t[2] = I(" ID: ", -1)),
+            o("span", Tn, $(e.id.toString(16)), 1)
           ])
         ]),
         t[4] || (t[4] = o("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
-        o("div", Cn, [
-          o("div", Sn, [
+        o("div", Bn, [
+          o("div", En, [
             k(s.$slots, "links", { links: l.value })
           ])
         ])
       ]);
     };
   }
-}), zn = ["onClick"], Vn = { class: "mr-2" }, Tn = { class: "text-sm" }, En = { class: "text-gray-400 text-xs" }, Bn = {
+}), Ln = ["onClick"], Mn = { class: "mr-2" }, An = { class: "text-sm" }, Dn = { class: "text-gray-400 text-xs" }, In = {
   key: 0,
   class: "flex justify-center"
-}, Ln = { class: "flex justify-end mt-4" }, Uo = /* @__PURE__ */ S({
+}, jn = { class: "flex justify-end mt-4" }, Zo = /* @__PURE__ */ S({
   __name: "BlockScan",
   props: {
     items: { default: () => [] }
   },
   emits: ["scan", "select"],
   setup(e, { emit: n }) {
-    const l = n, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], t = (c) => l("select", c), a = (c) => l("scan", c);
-    return (c, r) => {
-      const u = at, d = $e, i = it, m = E;
+    const l = n, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], t = (d) => l("select", d), i = (d) => l("scan", d);
+    return (d, c) => {
+      const u = at, a = $e, r = it, m = E;
       return f(), v("div", null, [
-        h(d, {
+        g(a, {
           items: e.items,
           class: "bg-transparent! ring-0!"
         }, {
@@ -590,27 +626,27 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
               class: "flex items-center w-full",
               onClick: (b) => t(p)
             }, [
-              o("div", Vn, [
-                h(u, F(U(p)), null, 16)
+              o("div", Mn, [
+                g(u, U(R(p)), null, 16)
               ]),
               o("div", null, [
-                o("div", Tn, $(p.ssid), 1),
-                o("div", En, $(c.$t("security")) + " : " + $(s[p.encryptionType] || "unknown"), 1)
+                o("div", An, $(p.ssid), 1),
+                o("div", Dn, $(d.$t("security")) + " : " + $(s[p.encryptionType] || "unknown"), 1)
               ])
-            ], 8, zn)
+            ], 8, Ln)
           ]),
           _: 1
         }, 8, ["items"]),
-        e.items.length ? T("", !0) : (f(), v("div", Bn, [
-          h(i, { class: "text-primary" })
+        e.items.length ? B("", !0) : (f(), v("div", In, [
+          g(r, { class: "text-primary" })
         ])),
-        o("div", Ln, [
-          h(m, {
+        o("div", jn, [
+          g(m, {
             color: "blue",
-            onClick: a
+            onClick: i
           }, {
             default: y(() => [
-              D($(c.$t("scan")), 1)
+              I($(d.$t("scan")), 1)
             ]),
             _: 1
           })
@@ -618,7 +654,7 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
       ]);
     };
   }
-}), Mn = { class: "md:flex items-center mb-4" }, An = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, Dn = { class: "md:max-w-50" }, In = { class: "flex items-center mb-4" }, jn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Hn = { class: "flex items-center mb-4" }, Pn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Ro = /* @__PURE__ */ S({
+}), Pn = { class: "md:flex items-center mb-4" }, Hn = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, Nn = { class: "md:max-w-50" }, On = { class: "flex items-center mb-4" }, Fn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Un = { class: "flex items-center mb-4" }, Rn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Jo = /* @__PURE__ */ S({
   __name: "BlockService",
   props: {
     locale: {},
@@ -626,47 +662,47 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
   },
   emits: ["reboot", "reset", "locale"],
   setup(e, { emit: n }) {
-    const l = n, s = (a) => l("locale", a), t = (a) => {
-      var c;
-      return (c = e.locales.find((r) => r.value === a)) == null ? void 0 : c.name;
+    const l = n, s = (i) => l("locale", i), t = (i) => {
+      var d;
+      return (d = e.locales.find((c) => c.value === i)) == null ? void 0 : d.name;
     };
-    return (a, c) => {
-      const r = se, u = E;
-      return f(), v(I, null, [
-        o("div", Mn, [
-          o("div", An, $(a.$t("selectLang")), 1),
-          o("div", Dn, [
-            h(r, {
+    return (i, d) => {
+      const c = se, u = E;
+      return f(), v(D, null, [
+        o("div", Pn, [
+          o("div", Hn, $(i.$t("selectLang")), 1),
+          o("div", Nn, [
+            g(c, {
               "model-value": t(e.locale),
-              label: a.$t("lang"),
+              label: i.$t("lang"),
               items: e.locales,
               onChange: s
             }, null, 8, ["model-value", "label", "items"])
           ])
         ]),
-        o("div", In, [
-          o("div", jn, $(a.$t("rebootDev")), 1),
-          h(u, {
+        o("div", On, [
+          o("div", Fn, $(i.$t("rebootDev")), 1),
+          g(u, {
             class: "min-w-[100px]",
             color: "red",
             outline: "",
-            onClick: c[0] || (c[0] = (d) => l("reboot", d))
+            onClick: d[0] || (d[0] = (a) => l("reboot", a))
           }, {
             default: y(() => [
-              D($(a.$t("reboot")), 1)
+              I($(i.$t("reboot")), 1)
             ]),
             _: 1
           })
         ]),
-        o("div", Hn, [
-          o("div", Pn, $(a.$t("resetConf")), 1),
-          h(u, {
+        o("div", Un, [
+          o("div", Rn, $(i.$t("resetConf")), 1),
+          g(u, {
             class: "min-w-[100px]",
             color: "red",
-            onClick: c[1] || (c[1] = (d) => l("reset", d))
+            onClick: d[1] || (d[1] = (a) => l("reset", a))
           }, {
             default: y(() => [
-              D($(a.$t("reset")), 1)
+              I($(i.$t("reset")), 1)
             ]),
             _: 1
           })
@@ -674,7 +710,7 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
       ], 64);
     };
   }
-}), Nn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, On = { class: "flex flex-col w-full items-center gap-2" }, Fn = ["title"], Un = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Rn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Kn = { class: "flex justify-between w-full text-xs" }, Wn = { class: "text-gray-500 dark:text-gray-400" }, qn = { class: "text-sm" }, Gn = { class: "text-gray-500 dark:text-gray-400 text-left" }, Zn = { class: "text-right text-xs" }, Ko = /* @__PURE__ */ S({
+}), Kn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Wn = { class: "flex flex-col w-full items-center gap-2" }, qn = ["title"], Gn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-center text-sm font-bold leading-none text-gray-900 dark:text-white" }, Zn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Jn = { class: "flex justify-between w-full text-xs" }, Xn = { class: "text-gray-500 dark:text-white/50" }, Yn = { class: "text-sm" }, Qn = { class: "text-gray-500 dark:text-white/50 text-left" }, es = { class: "text-right text-xs" }, Xo = /* @__PURE__ */ S({
   __name: "BlockStatus",
   props: {
     pkg: {},
@@ -691,10 +727,10 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
     const n = A(e.uptime);
     let l = null;
     const s = M(() => e.firmware.join(".")), t = M(() => [
-      { name: "used", value: ue(e.usedBytes) },
-      { name: "available", value: ue(e.totalBytes - e.usedBytes) },
-      { name: "total", value: ue(e.totalBytes) }
-    ]), a = M(() => {
+      { name: "used", value: me(e.usedBytes) },
+      { name: "available", value: me(e.totalBytes - e.usedBytes) },
+      { name: "total", value: me(e.totalBytes) }
+    ]), i = M(() => {
       var u;
       return [
         { name: "uptime", value: ut(n.value) },
@@ -702,124 +738,124 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
         { name: "firmware", value: s.value },
         { name: "version", value: (u = e.pkg) == null ? void 0 : u.version }
       ];
-    }), c = M(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), r = () => {
-      n.value++, l = setTimeout(r, 1e3);
+    }), d = M(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), c = () => {
+      n.value++, l = setTimeout(c, 1e3);
     };
     return le(() => {
-      r();
+      c();
     }), Me(() => {
       n.value = 0, l && clearTimeout(l);
-    }), (u, d) => {
-      var i, m, p;
-      return f(), v("div", Nn, [
-        o("div", On, [
+    }), (u, a) => {
+      var r, m, p;
+      return f(), v("div", Kn, [
+        o("div", Wn, [
           o("div", {
-            class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-800 select-none",
-            title: `${c.value}%`
+            class: "relative block h-4 w-full select-none overflow-hidden rounded-md bg-gray-200/70 dark:bg-white/10",
+            title: `${d.value}%`
           }, [
-            o("div", Un, $(c.value) + "%", 1),
+            o("div", Gn, $(d.value) + "%", 1),
             o("div", {
-              class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-              style: fe(`width: ${c.value}%`)
+              class: "relative h-4 overflow-hidden rounded-md bg-primary transition-all duration-500",
+              style: pe(`width: ${d.value}%`)
             }, [
-              o("div", Rn, $(c.value) + "%", 1)
+              o("div", Zn, $(d.value) + "%", 1)
             ], 4)
-          ], 8, Fn),
-          o("div", Kn, [
-            (f(!0), v(I, null, R(t.value, (b) => (f(), v("div", {
+          ], 8, qn),
+          o("div", Jn, [
+            (f(!0), v(D, null, N(t.value, (b) => (f(), v("div", {
               key: b.name,
               class: "flex-auto"
             }, [
-              o("div", Wn, [
+              o("div", Xn, [
                 k(u.$slots, "name", { item: b })
               ]),
               o("div", null, $(b.value), 1)
             ]))), 128))
           ])
         ]),
-        o("div", qn, [
-          (f(!0), v(I, null, R(a.value, (b) => (f(), v("div", {
+        o("div", Yn, [
+          (f(!0), v(D, null, N(i.value, (b) => (f(), v("div", {
             key: b.name,
             class: "flex justify-between items-center"
           }, [
-            o("div", Gn, [
+            o("div", Qn, [
               k(u.$slots, "name", { item: b })
             ]),
-            o("div", Zn, $(b.value), 1)
+            o("div", es, $(b.value), 1)
           ]))), 128))
         ]),
         o("div", null, [
           k(u.$slots, "default", {
-            home: (i = e.pkg) == null ? void 0 : i.homepage,
+            home: (r = e.pkg) == null ? void 0 : r.homepage,
             repo: (p = (m = e.pkg) == null ? void 0 : m.repository) == null ? void 0 : p.url
           })
         ])
       ]);
     };
   }
-}), Jn = { class: "flex items-center cursor-pointer" }, Xn = /* @__PURE__ */ S({
+}), ts = { class: "flex items-center cursor-pointer" }, ns = /* @__PURE__ */ S({
   __name: "VFile",
   emits: ["change"],
   setup(e, { emit: n }) {
     const l = n, s = async (t) => {
-      const a = t.target;
-      a.files && l("change", a.files);
+      const i = t.target;
+      i.files && l("change", i.files);
     };
-    return (t, a) => (f(), v("label", Jn, [
-      o("input", H({
+    return (t, i) => (f(), v("label", ts, [
+      o("input", P({
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: s }), null, 16),
       k(t.$slots, "default")
     ]));
   }
-}), Yn = { class: "md:flex" }, Qn = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Wo = /* @__PURE__ */ S({
+}), ss = { class: "md:flex" }, ls = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Yo = /* @__PURE__ */ S({
   __name: "BlockUpdate",
   emits: ["update"],
   setup(e, { emit: n }) {
-    const l = n, s = Qe({ firmware: null, littlefs: null }), t = (r) => r ? Array.from(r).map((u) => `${u.name} (${ue(u.size)})`).join("") : "", a = (r, u) => {
-      const d = new FormData();
-      for (let i = 0; i < r.length; i++) {
-        const m = r.item(i);
+    const l = n, s = Qe({ firmware: null, littlefs: null }), t = (c) => c ? Array.from(c).map((u) => `${u.name} (${me(u.size)})`).join("") : "", i = (c, u) => {
+      const a = new FormData();
+      for (let r = 0; r < c.length; r++) {
+        const m = c.item(r);
         if (!m) return;
-        d.append(`file[${i}]`, m, u);
+        a.append(`file[${r}]`, m, u);
       }
-      return d;
-    }, c = (r, u) => {
+      return a;
+    }, d = (c, u) => {
       if (!u) return;
-      const d = a(u, r);
-      d && l("update", r, d);
+      const a = i(u, c);
+      a && l("update", c, a);
     };
-    return (r, u) => {
-      const d = E;
+    return (c, u) => {
+      const a = E;
       return f(), v("div", null, [
-        (f(!0), v(I, null, R(s, (i, m) => (f(), v("div", {
+        (f(!0), v(D, null, N(s, (r, m) => (f(), v("div", {
           key: m,
           class: "mb-4 flex items-center"
         }, [
-          h(Xn, {
+          g(ns, {
             accept: ".bin",
             onChange: (p) => s[m] = p,
             class: "flex-auto"
           }, {
             default: y(() => [
-              o("div", Yn, [
-                o("h6", Qn, $(m) + ":", 1),
-                k(r.$slots, "default", {
-                  file: t(i)
+              o("div", ss, [
+                o("h6", ls, $(m) + ":", 1),
+                k(c.$slots, "default", {
+                  file: t(r)
                 })
               ])
             ]),
             _: 2
           }, 1032, ["onChange"]),
-          h(d, {
+          g(a, {
             class: "min-w-[100px]",
             color: "blue",
-            disabled: !i,
-            onClick: (p) => c(`${m}.bin`, i)
+            disabled: !r,
+            onClick: (p) => d(`${m}.bin`, r)
           }, {
             default: y(() => [
-              D($(r.$t("btnUpdate")), 1)
+              I($(c.$t("btnUpdate")), 1)
             ]),
             _: 1
           }, 8, ["disabled", "onClick"])
@@ -827,20 +863,20 @@ const tn = N({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
       ]);
     };
   }
-}), es = {
+}), os = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ts(e, n) {
-  return f(), v("svg", es, [...n[0] || (n[0] = [
+function as(e, n) {
+  return f(), v("svg", os, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M12.172 12L9.343 9.173l1.415-1.414L15 12l-4.242 4.242l-1.415-1.414z"
     }, null, -1)
   ])]);
 }
-const Oe = N({ name: "ri-arrow-drop-right-line", render: ts }), ns = { class: "flex items-center gap-1.5" }, qo = /* @__PURE__ */ S({
+const Oe = O({ name: "ri-arrow-drop-right-line", render: as }), is = { class: "flex items-center gap-1.5" }, Qo = /* @__PURE__ */ S({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
@@ -848,51 +884,51 @@ const Oe = N({ name: "ri-arrow-drop-right-line", render: ts }), ns = { class: "f
   emits: ["click"],
   setup(e, { emit: n }) {
     const l = n, s = (t) => l("click", t);
-    return (t, a) => {
-      const c = Oe;
+    return (t, i) => {
+      const d = Oe;
       return f(), v("nav", null, [
-        o("ol", ns, [
-          (f(!0), v(I, null, R(e.items, (r, u) => (f(), v("li", {
+        o("ol", is, [
+          (f(!0), v(D, null, N(e.items, (c, u) => (f(), v("li", {
             key: u,
-            class: V(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", r.path ? "" : "text-gray-800 dark:text-white/90"])
+            class: T(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", c.path ? "" : "text-gray-800 dark:text-white/90"])
           }, [
-            k(t.$slots, "default", { item: r }, () => [
-              (f(), j(xe(r.path ? "a" : "span"), {
-                href: r.path,
-                onClick: (d) => s(r)
+            k(t.$slots, "default", { item: c }, () => [
+              (f(), j(ue(c.path ? "a" : "span"), {
+                href: c.path,
+                onClick: (a) => s(c)
               }, {
                 default: y(() => [
-                  D($(r.name), 1)
+                  I($(c.name), 1)
                 ]),
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            r.path ? (f(), j(c, {
+            c.path ? (f(), j(d, {
               key: 0,
               class: "rotate-270"
-            })) : T("", !0)
+            })) : B("", !0)
           ], 2))), 128))
         ])
       ]);
     };
   }
-}), ss = {
+}), rs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ls(e, n) {
-  return f(), v("svg", ss, [...n[0] || (n[0] = [
+function cs(e, n) {
+  return f(), v("svg", rs, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9zm-2 5h6v2H7zm0 4h6v2H7z"
     }, null, -1)
   ])]);
 }
-const os = N({ name: "ri-file-copy2-line", render: ls }), as = { class: "flex-auto flex justify-between" }, is = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, rs = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, cs = {
+const ds = O({ name: "ri-file-copy2-line", render: cs }), us = { class: "flex-auto flex justify-between" }, ms = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, fs = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, ps = {
   key: 0,
   class: "absolute left-1/2 top-1/2 size-[calc(50%)] text-gray-200/30 dark:text-gray-800/30 -translate-1/2"
-}, ds = { class: "min-h-60 relative" }, us = { class: "pt-6" }, ms = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, fs = { class: "text-center text-xl mt-4" }, oe = /* @__PURE__ */ S({
+}, vs = { class: "min-h-60 relative" }, hs = { class: "pt-6" }, gs = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, bs = { class: "text-center text-xl mt-4" }, oe = /* @__PURE__ */ S({
   __name: "CardBase",
   props: {
     size: {},
@@ -912,103 +948,103 @@ const os = N({ name: "ri-file-copy2-line", render: ls }), as = { class: "flex-au
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = A(!1), a = M(() => ["button", "dimmer"].includes(l.type || "") && l.value ? "text-amber-500" : "text-gray-400"), c = (m) => s("edit", m), r = (m) => s("clone", m), u = () => t.value = !0, d = (m) => s("open", m), i = (m) => {
+    const l = e, s = n, t = A(!1), i = M(() => ["button", "dimmer"].includes(l.type || "") && l.value ? "text-amber-500" : "text-gray-400"), d = (m) => s("edit", m), c = (m) => s("clone", m), u = () => t.value = !0, a = (m) => s("open", m), r = (m) => {
       t.value = !1, s("close", m);
     };
     return (m, p) => {
-      const b = Pe, g = os;
+      const b = He, h = ds;
       return f(), v("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-effect transition-all cursor-pointer",
+        class: "glass-panel relative flex aspect-square cursor-pointer flex-col p-2 transition-all hover:border-primary/25 hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_0_50px_-18px_rgba(40,183,240,0.25)]",
         onClick: u
       }, [
-        o("div", as, [
+        o("div", us, [
           o("div", {
-            class: V([a.value, "size-8 animate-shake"])
+            class: T([i.value, "size-8 animate-shake"])
           }, [
-            k(m.$slots, "icon", F(U(l)))
+            k(m.$slots, "icon", U(R(l)))
           ], 2),
-          k(m.$slots, "header", F(U(l)))
+          k(m.$slots, "header", U(R(l)))
         ]),
         o("div", null, [
-          k(m.$slots, "body", F(U(l)), () => [
-            o("h6", is, [
-              k(m.$slots, "name", F(U(l)), () => [
-                D($(l.name), 1)
+          k(m.$slots, "body", U(R(l)), () => [
+            o("h6", ms, [
+              k(m.$slots, "name", U(R(l)), () => [
+                I($(l.name), 1)
               ])
             ]),
-            o("div", rs, [
-              k(m.$slots, "value", F(U(l)), () => [
-                D($(l.valueTo || l.value), 1)
+            o("div", fs, [
+              k(m.$slots, "value", U(R(l)), () => [
+                I($(l.valueTo || l.value), 1)
               ])
             ])
           ])
         ]),
-        l.icon ? (f(), v("div", cs, [
-          k(m.$slots, "icon", F(U(l)))
-        ])) : T("", !0),
-        t.value ? (f(), j(He, {
+        l.icon ? (f(), v("div", ps, [
+          k(m.$slots, "icon", U(R(l)))
+        ])) : B("", !0),
+        t.value ? (f(), j(Pe, {
           key: 1,
           size: l.size || "sm",
           title: e.name,
-          onClose: i,
-          onOpen: d
+          onClose: r,
+          onOpen: a
         }, {
           "header-btn": y(() => [
-            h(E, {
+            g(E, {
               color: "transparent",
-              onClick: c
+              onClick: d
             }, {
               default: y(() => [
-                h(b)
+                g(b)
               ]),
               _: 1
             }),
-            h(E, {
+            g(E, {
               color: "transparent",
-              onClick: r
+              onClick: c
             }, {
               default: y(() => [
-                h(g, { class: "size-4 text-gray-500" })
+                g(h, { class: "size-4 text-gray-500" })
               ]),
               _: 1
             })
           ]),
           default: y(() => [
-            o("div", ds, [
-              o("div", us, [
-                o("h3", ms, [
-                  k(m.$slots, "dialog-name", F(U(l)), () => [
-                    D($(l.name), 1)
+            o("div", vs, [
+              o("div", hs, [
+                o("h3", gs, [
+                  k(m.$slots, "dialog-name", U(R(l)), () => [
+                    I($(l.name), 1)
                   ])
                 ]),
-                k(m.$slots, "dialog", F(U(l))),
-                o("p", fs, [
-                  k(m.$slots, "dialog-value", F(U(l)), () => [
-                    D($(l.valueTo || l.value), 1)
+                k(m.$slots, "dialog", U(R(l))),
+                o("p", bs, [
+                  k(m.$slots, "dialog-value", U(R(l)), () => [
+                    I($(l.valueTo || l.value), 1)
                   ])
                 ])
               ])
             ])
           ]),
           _: 3
-        }, 8, ["size", "title"])) : T("", !0)
+        }, 8, ["size", "title"])) : B("", !0)
       ]);
     };
   }
-}), ps = {
+}), ys = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function vs(e, n) {
-  return f(), v("svg", ps, [...n[0] || (n[0] = [
+function xs(e, n) {
+  return f(), v("svg", ys, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "m6.265 3.807l1.147 1.639a8 8 0 1 0 9.176 0l1.147-1.639A9.99 9.99 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12a9.99 9.99 0 0 1 4.265-8.193M11 12V2h2v10z"
     }, null, -1)
   ])]);
 }
-const gs = N({ name: "ri-shut-down-line", render: vs }), hs = { class: "flex justify-end" }, bs = { class: "flex justify-center py-4" }, Go = /* @__PURE__ */ S({
+const _s = O({ name: "ri-shut-down-line", render: xs }), $s = { class: "flex justify-end" }, ks = { class: "flex justify-center py-4" }, ea = /* @__PURE__ */ S({
   __name: "CardButton",
   props: {
     size: {},
@@ -1028,43 +1064,43 @@ const gs = N({ name: "ri-shut-down-line", render: vs }), hs = { class: "flex jus
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = ({ opts: c = {} }) => {
-      const { disabled: r } = c;
-      return { disabled: r };
-    }, a = () => s("setState", !l.value);
-    return (c, r) => {
-      const u = gs;
-      return f(), j(oe, H(l, {
-        onClick: r[0] || (r[0] = (d) => s("click", d)),
-        onEdit: r[1] || (r[1] = (d) => s("edit", d)),
-        onClone: r[2] || (r[2] = (d) => s("clone", d))
+    const l = e, s = n, t = ({ opts: d = {} }) => {
+      const { disabled: c } = d;
+      return { disabled: c };
+    }, i = () => s("setState", !l.value);
+    return (d, c) => {
+      const u = _s;
+      return f(), j(oe, P(l, {
+        onClick: c[0] || (c[0] = (a) => s("click", a)),
+        onEdit: c[1] || (c[1] = (a) => s("edit", a)),
+        onClone: c[2] || (c[2] = (a) => s("clone", a))
       }), {
-        icon: y((d) => [
-          k(c.$slots, "icon", F(U(d)))
+        icon: y((a) => [
+          k(d.$slots, "icon", U(R(a)))
         ]),
-        header: y((d) => [
-          o("div", hs, [
-            h(E, H(t(d), {
+        header: y((a) => [
+          o("div", $s, [
+            g(E, P(t(a), {
               type: "icon",
               class: l.value ? "text-amber-500" : "text-gray-500",
-              onClick: q(a, ["stop"])
+              onClick: q(i, ["stop"])
             }), {
               default: y(() => [
-                h(u, { class: "size-8" })
+                g(u, { class: "size-8" })
               ]),
               _: 1
             }, 16, ["class"])
           ])
         ]),
-        dialog: y((d) => [
-          o("div", bs, [
-            h(E, H(t(d), {
+        dialog: y((a) => [
+          o("div", ks, [
+            g(E, P(t(a), {
               type: "icon",
               class: ["size-18", l.value ? "text-amber-500" : "text-gray-500"],
-              onClick: q(a, ["stop"])
+              onClick: q(i, ["stop"])
             }), {
               default: y(() => [
-                h(u, { class: "size-16" })
+                g(u, { class: "size-16" })
               ]),
               _: 1
             }, 16, ["class"])
@@ -1074,20 +1110,20 @@ const gs = N({ name: "ri-shut-down-line", render: vs }), hs = { class: "flex jus
       }, 16);
     };
   }
-}), ys = {
+}), ws = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function xs(e, n) {
-  return f(), v("svg", ys, [...n[0] || (n[0] = [
+function Cs(e, n) {
+  return f(), v("svg", ws, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-8h4v2h-6V7h2z"
     }, null, -1)
   ])]);
 }
-const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-center relative mx-2 my-6" }, Zo = /* @__PURE__ */ S({
+const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-center relative mx-2 my-6" }, ta = /* @__PURE__ */ S({
   __name: "CardDate",
   props: {
     size: {},
@@ -1107,56 +1143,56 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = Ae("time"), a = (d) => new Date(+d * 1e3).toISOString().slice(0, 16), c = (d) => {
+    const l = e, s = n, t = Ae("time"), i = (a) => new Date(+a * 1e3).toISOString().slice(0, 16), d = (a) => {
       var m;
-      const i = (m = d == null ? void 0 : d.target) == null ? void 0 : m.valueAsNumber;
-      i && s("setState", i / 1e3);
-    }, r = ({ name: d, value: i, opts: m = {} }) => {
+      const r = (m = a == null ? void 0 : a.target) == null ? void 0 : m.valueAsNumber;
+      r && s("setState", r / 1e3);
+    }, c = ({ name: a, value: r, opts: m = {} }) => {
       const { disabled: p } = m;
-      return { label: d, modelValue: a(i), disabled: p };
+      return { label: a, modelValue: i(r), disabled: p };
     }, u = () => {
-      var i, m;
-      const d = (m = (i = t.value) == null ? void 0 : i.$el) == null ? void 0 : m.querySelector("input");
-      d != null && d.showPicker && d.showPicker();
+      var r, m;
+      const a = (m = (r = t.value) == null ? void 0 : r.$el) == null ? void 0 : m.querySelector("input");
+      a != null && a.showPicker && a.showPicker();
     };
-    return (d, i) => {
-      const m = _s;
-      return f(), j(oe, H(l, {
-        onClick: i[0] || (i[0] = (p) => s("click", p)),
-        onEdit: i[1] || (i[1] = (p) => s("edit", p)),
-        onClone: i[2] || (i[2] = (p) => s("clone", p))
+    return (a, r) => {
+      const m = Ss;
+      return f(), j(oe, P(l, {
+        onClick: r[0] || (r[0] = (p) => s("click", p)),
+        onEdit: r[1] || (r[1] = (p) => s("edit", p)),
+        onClone: r[2] || (r[2] = (p) => s("clone", p))
       }), {
         icon: y((p) => [
-          k(d.$slots, "icon", F(U(p)))
+          k(a.$slots, "icon", U(R(p)))
         ]),
         header: y((p) => [
           o("div", null, [
-            h(E, {
+            g(E, {
               type: "icon",
               class: "text-gray-500",
               onClick: q(u, ["stop"])
             }, {
               default: y(() => [
-                h(m, { class: "size-7" })
+                g(m, { class: "size-7" })
               ]),
               _: 1
             }),
-            h(Z, H({
+            g(Z, P({
               ref_key: "time",
               ref: t
-            }, r(p), {
+            }, c(p), {
               type: "datetime-local",
               class: "size-0",
               hidden: "",
-              onChange: c
+              onChange: d
             }), null, 16)
           ])
         ]),
         dialog: y((p) => [
-          o("div", $s, [
-            h(Z, H(r(p), {
+          o("div", zs, [
+            g(Z, P(c(p), {
               type: "datetime-local",
-              onChange: c
+              onChange: d
             }), null, 16)
           ])
         ]),
@@ -1164,15 +1200,15 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
       }, 16);
     };
   }
-}), ks = { class: "flex justify-end" }, ws = { class: "flex justify-end" }, Cs = {
-  class: /* @__PURE__ */ V("text-blue-600 dark:text-blue-400")
-}, Ss = {
+}), Vs = { class: "flex justify-end" }, Ts = { class: "flex justify-end" }, Bs = {
+  class: /* @__PURE__ */ T("text-blue-600 dark:text-blue-400")
+}, Es = {
   width: "30",
   height: "30",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, zs = ["stroke-dashoffset"], Vs = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Jo = /* @__PURE__ */ S({
+}, Ls = ["stroke-dashoffset"], Ms = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, na = /* @__PURE__ */ S({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1192,30 +1228,30 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = A(0), a = ({ opts: i, value: m }) => Math.round(100 * +m / ((i == null ? void 0 : i.max) || 255)), c = ({ opts: i, value: m }) => Math.round(187 - +m / ((i == null ? void 0 : i.max) || 255) * 187), r = ({ value: i, opts: m }) => {
-      const { min: p = 0, max: b = 255, step: g = 1, disabled: x } = m || {};
-      return { min: p, max: b, step: g, value: i, disabled: !!x, class: x ? "" : "cursor-pointer" };
-    }, u = (i) => s("setState", +i.target.value || 0), d = ({ value: i }) => {
-      +i != 0 ? (t.value = +i, s("setState", 0)) : s("setState", i ? 0 : t.value || 255);
+    const l = e, s = n, t = A(0), i = ({ opts: r, value: m }) => Math.round(100 * +m / ((r == null ? void 0 : r.max) || 255)), d = ({ opts: r, value: m }) => Math.round(187 - +m / ((r == null ? void 0 : r.max) || 255) * 187), c = ({ value: r, opts: m }) => {
+      const { min: p = 0, max: b = 255, step: h = 1, disabled: x } = m || {};
+      return { min: p, max: b, step: h, value: r, disabled: !!x, class: x ? "" : "cursor-pointer" };
+    }, u = (r) => s("setState", +r.target.value || 0), a = ({ value: r }) => {
+      +r != 0 ? (t.value = +r, s("setState", 0)) : s("setState", r ? 0 : t.value || 255);
     };
-    return (i, m) => (f(), j(oe, H(l, {
+    return (r, m) => (f(), j(oe, P(l, {
       onClick: m[0] || (m[0] = (p) => s("click", p)),
       onEdit: m[1] || (m[1] = (p) => s("edit", p)),
       onClone: m[2] || (m[2] = (p) => s("clone", p))
     }), {
       icon: y((p) => [
-        k(i.$slots, "icon", F(U(p)))
+        k(r.$slots, "icon", U(R(p)))
       ]),
       header: y((p) => [
-        o("div", ks, [
-          o("div", ws, [
-            h(E, H(r(p), {
+        o("div", Vs, [
+          o("div", Ts, [
+            g(E, P(c(p), {
               type: "icon",
-              onClick: q((b) => d(p), ["stop"])
+              onClick: q((b) => a(p), ["stop"])
             }), {
               default: y(() => [
-                o("div", Cs, [
-                  (f(), v("svg", Ss, [
+                o("div", Bs, [
+                  (f(), v("svg", Es, [
                     m[3] || (m[3] = o("circle", {
                       class: "stroke-gray-300 dark:stroke-gray-700",
                       r: "30",
@@ -1231,10 +1267,10 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
                       stroke: "currentColor",
                       "stroke-width": "8",
                       "stroke-linecap": "butt",
-                      "stroke-dashoffset": c(p),
+                      "stroke-dashoffset": d(p),
                       fill: "transparent",
                       "stroke-dasharray": "187"
-                    }, null, 8, zs)
+                    }, null, 8, Ls)
                   ]))
                 ])
               ]),
@@ -1245,15 +1281,15 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
       ]),
       dialog: y((p) => [
         o("div", {
-          class: V(["flex justify-center relative mx-2 my-6", r(p).disabled ? "opacity-40" : ""])
+          class: T(["flex justify-center relative mx-2 my-6", c(p).disabled ? "opacity-40" : ""])
         }, [
           m[4] || (m[4] = o("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-700 z-0 rounded-md" }, null, -1)),
           o("div", {
             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: fe(`width: ${a(p)}%`)
+            style: pe(`width: ${i(p)}%`)
           }, null, 4),
-          o("div", Vs, $(a(p)) + " %", 1),
-          o("input", H({ type: "range" }, r(p), {
+          o("div", Ms, $(i(p)) + " %", 1),
+          o("input", P({ type: "range" }, c(p), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
             onChange: u
           }), null, 16)
@@ -1262,7 +1298,7 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
       _: 3
     }, 16));
   }
-}), Xo = /* @__PURE__ */ S({
+}), sa = /* @__PURE__ */ S({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1283,13 +1319,13 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
     const l = e, s = n;
-    return (t, a) => (f(), j(oe, H(l, {
-      onClick: a[0] || (a[0] = (c) => s("click", c)),
-      onEdit: a[1] || (a[1] = (c) => s("edit", c)),
-      onClone: a[2] || (a[2] = (c) => s("clone", c))
+    return (t, i) => (f(), j(oe, P(l, {
+      onClick: i[0] || (i[0] = (d) => s("click", d)),
+      onEdit: i[1] || (i[1] = (d) => s("edit", d)),
+      onClone: i[2] || (i[2] = (d) => s("clone", d))
     }), {
-      icon: y((c) => [
-        k(t.$slots, "icon", F(U(c)))
+      icon: y((d) => [
+        k(t.$slots, "icon", U(R(d)))
       ]),
       default: y(() => [
         k(t.$slots, "dialog")
@@ -1297,7 +1333,7 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
       _: 3
     }, 16));
   }
-}), Ts = { class: "flex justify-center relative mx-2 my-6" }, Yo = /* @__PURE__ */ S({
+}), As = { class: "flex justify-center relative mx-2 my-6" }, la = /* @__PURE__ */ S({
   __name: "CardInput",
   props: {
     size: {},
@@ -1317,36 +1353,36 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = A(l.value || ""), a = ({ name: r, opts: u = {} }) => {
-      const { disabled: d } = u;
-      return { label: r, disabled: d };
-    }, c = (r) => s("setState", r.target.value);
+    const l = e, s = n, t = A(l.value || ""), i = ({ name: c, opts: u = {} }) => {
+      const { disabled: a } = u;
+      return { label: c, disabled: a };
+    }, d = (c) => s("setState", c.target.value);
     return re(
       () => l.value,
-      (r) => {
-        t.value = r;
+      (c) => {
+        t.value = c;
       }
-    ), (r, u) => {
-      const d = Oe;
-      return f(), j(oe, H(l, {
-        onClick: u[1] || (u[1] = (i) => s("click", i)),
-        onEdit: u[2] || (u[2] = (i) => s("edit", i)),
-        onClone: u[3] || (u[3] = (i) => s("clone", i))
+    ), (c, u) => {
+      const a = Oe;
+      return f(), j(oe, P(l, {
+        onClick: u[1] || (u[1] = (r) => s("click", r)),
+        onEdit: u[2] || (u[2] = (r) => s("edit", r)),
+        onClone: u[3] || (u[3] = (r) => s("clone", r))
       }), {
-        icon: y((i) => [
-          k(r.$slots, "icon", F(U(i)))
+        icon: y((r) => [
+          k(c.$slots, "icon", U(R(r)))
         ]),
-        dialog: y((i) => [
-          o("div", Ts, [
-            h(Z, H({
+        dialog: y((r) => [
+          o("div", As, [
+            g(Z, P({
               modelValue: t.value,
               "onUpdate:modelValue": u[0] || (u[0] = (m) => t.value = m)
-            }, a(i), {
-              onEnter: c,
-              onBlur: c
+            }, i(r), {
+              onEnter: d,
+              onBlur: d
             }), {
               icon: y(() => [
-                h(d, { class: "size-8" })
+                g(a, { class: "size-8" })
               ]),
               _: 1
             }, 16, ["modelValue"])
@@ -1356,20 +1392,20 @@ const _s = N({ name: "ri-time-line", render: xs }), $s = { class: "flex justify-
       }, 16);
     };
   }
-}), Es = {
+}), Ds = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Bs(e, n) {
-  return f(), v("svg", Es, [...n[0] || (n[0] = [
+function Is(e, n) {
+  return f(), v("svg", Ds, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M8 4h13v2H8zm-5-.5h3v3H3zm0 7h3v3H3zm0 7h3v3H3zM8 11h13v2H8zm0 7h13v2H8z"
     }, null, -1)
   ])]);
 }
-const Ls = N({ name: "ri-list-check", render: Bs }), Ms = { class: "flex justify-center py-4" }, Qo = /* @__PURE__ */ S({
+const js = O({ name: "ri-list-check", render: Is }), Ps = { class: "flex justify-center py-4" }, oa = /* @__PURE__ */ S({
   __name: "CardList",
   props: {
     size: {},
@@ -1389,49 +1425,49 @@ const Ls = N({ name: "ri-list-check", render: Bs }), Ms = { class: "flex justify
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = ({ value: r }) => s("setState", r), a = ({ opts: r, value: u }) => {
-      var d;
-      return Array.isArray(r == null ? void 0 : r.items) && ((d = r == null ? void 0 : r.items.find((i) => i.value == u)) == null ? void 0 : d.name) || u;
-    }, c = ({ name: r, value: u, opts: d = {} }) => {
+    const l = e, s = n, t = ({ value: c }) => s("setState", c), i = ({ opts: c, value: u }) => {
+      var a;
+      return Array.isArray(c == null ? void 0 : c.items) && ((a = c == null ? void 0 : c.items.find((r) => r.value == u)) == null ? void 0 : a.name) || u;
+    }, d = ({ name: c, value: u, opts: a = {} }) => {
       var b;
-      const { items: i = [], disabled: m } = d, p = ((b = i.find((g) => g.value == u)) == null ? void 0 : b.name) || u;
-      return { label: r, modelValue: p, items: i, disabled: !!m };
+      const { items: r = [], disabled: m } = a, p = ((b = r.find((h) => h.value == u)) == null ? void 0 : b.name) || u;
+      return { label: c, modelValue: p, items: r, disabled: !!m };
     };
-    return (r, u) => {
-      const d = Ls;
-      return f(), j(oe, H(l, {
-        onClick: u[1] || (u[1] = (i) => s("click", i)),
-        onEdit: u[2] || (u[2] = (i) => s("edit", i)),
-        onClone: u[3] || (u[3] = (i) => s("clone", i))
+    return (c, u) => {
+      const a = js;
+      return f(), j(oe, P(l, {
+        onClick: u[1] || (u[1] = (r) => s("click", r)),
+        onEdit: u[2] || (u[2] = (r) => s("edit", r)),
+        onClone: u[3] || (u[3] = (r) => s("clone", r))
       }), {
-        icon: y((i) => [
-          k(r.$slots, "icon", F(U(i)))
+        icon: y((r) => [
+          k(c.$slots, "icon", U(R(r)))
         ]),
-        value: y((i) => [
-          D($(a(i)), 1)
+        value: y((r) => [
+          I($(i(r)), 1)
         ]),
-        "dialog-value": y((i) => [
-          D($(a(i)), 1)
+        "dialog-value": y((r) => [
+          I($(i(r)), 1)
         ]),
-        header: y((i) => [
+        header: y((r) => [
           o("div", {
             onClick: u[0] || (u[0] = q(() => {
             }, ["prevent", "stop"]))
           }, [
-            h(se, H(c(i), {
+            g(se, P(d(r), {
               "is-popup": "",
               top: "0",
               left: "-115px",
               onChange: t
             }), {
               activator: y(({ on: m }) => [
-                h(E, {
+                g(E, {
                   type: "icon",
                   class: "text-gray-500",
                   onClick: q(m.click, ["stop"])
                 }, {
                   default: y(() => [
-                    h(d, { class: "size-6" })
+                    g(a, { class: "size-6" })
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -1440,9 +1476,9 @@ const Ls = N({ name: "ri-list-check", render: Bs }), Ms = { class: "flex justify
             }, 16)
           ])
         ]),
-        dialog: y((i) => [
-          o("div", Ms, [
-            h(se, H(c(i), {
+        dialog: y((r) => [
+          o("div", Ps, [
+            g(se, P(d(r), {
               top: "-50%",
               left: "50%",
               onChange: t
@@ -1453,33 +1489,33 @@ const Ls = N({ name: "ri-list-check", render: Bs }), Ms = { class: "flex justify
       }, 16);
     };
   }
-}), As = {
+}), Hs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ds(e, n) {
-  return f(), v("svg", As, [...n[0] || (n[0] = [
+function Ns(e, n) {
+  return f(), v("svg", Hs, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M15.5 5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M10 8.5a5.5 5.5 0 1 1 10.032 3.117l2.675 2.676l-1.414 1.414l-2.675-2.675A5.5 5.5 0 0 1 10 8.5M3 4h5v2H3zm0 7h5v2H3zm18 7v2H3v-2z"
     }, null, -1)
   ])]);
 }
-const Is = N({ name: "ri-menu-search-line", render: Ds }), js = {
+const Os = O({ name: "ri-menu-search-line", render: Ns }), Fs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Hs(e, n) {
-  return f(), v("svg", js, [...n[0] || (n[0] = [
+function Us(e, n) {
+  return f(), v("svg", Fs, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const pe = N({ name: "ri-add-line", render: Hs }), Ps = { class: "flex w-full relative" }, Ns = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Os = ["disabled"], Fe = /* @__PURE__ */ S({
+const ve = O({ name: "ri-add-line", render: Us }), Rs = { class: "flex w-full relative" }, Ks = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Ws = ["disabled"], Fe = /* @__PURE__ */ S({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -1490,65 +1526,65 @@ const pe = N({ name: "ri-add-line", render: Hs }), Ps = { class: "flex w-full re
   emits: ["icon"],
   setup(e, { emit: n }) {
     const l = n, s = M(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = M(() => [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 (a, c) => {
-      const r = pe;
-      return f(), v("div", Ps, [
+    return (i, d) => {
+      const c = ve;
+      return f(), v("div", Rs, [
         o("div", {
-          class: V(["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])
+          class: T(["glass-inset relative flex min-h-[40px] w-full items-center rounded-md transition focus-within:border-primary/60", t.value])
         }, [
           o("span", {
-            class: V(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
+            class: T(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
           }, $(e.label), 3),
-          o("div", Ns, [
-            k(a.$slots, "default")
+          o("div", Ks, [
+            k(i.$slots, "default")
           ]),
-          e.hideIcon ? T("", !0) : (f(), v("button", {
+          e.hideIcon ? B("", !0) : (f(), v("button", {
             key: 0,
             disabled: e.disabled,
-            class: V([{ "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: c[0] || (c[0] = (u) => l("icon", u))
+            class: T([{ "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: d[0] || (d[0] = (u) => l("icon", u))
           }, [
-            k(a.$slots, "icon", {}, () => [
-              h(r, { class: "size-4" })
+            k(i.$slots, "icon", {}, () => [
+              g(c, { class: "size-4" })
             ])
-          ], 10, Os))
+          ], 10, Ws))
         ], 2)
       ]);
     };
   }
-}), Fs = {
+}), qs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Us(e, n) {
-  return f(), v("svg", Fs, [...n[0] || (n[0] = [
+function Gs(e, n) {
+  return f(), v("svg", qs, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9z"
     }, null, -1)
   ])]);
 }
-const Rs = N({ name: "ri-file-copy-line", render: Us }), Ks = {
+const Zs = O({ name: "ri-file-copy-line", render: Gs }), Js = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ws(e, n) {
-  return f(), v("svg", Ks, [...n[0] || (n[0] = [
+function Xs(e, n) {
+  return f(), v("svg", Js, [...n[0] || (n[0] = [
     o("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 qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
+const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   key: 0,
   class: "me-1"
-}, Js = { class: "dark:text-gray-300" }, Xs = { class: "flex gap-3 items-center z-10" }, Ys = {
+}, tl = { class: "dark:text-gray-300" }, nl = { class: "flex gap-3 items-center z-10" }, sl = {
   key: 0,
   class: "flex ps-5"
-}, Qs = { class: "font-medium dark:text-gray-300" }, Ue = /* @__PURE__ */ S({
+}, ll = { class: "font-medium dark:text-gray-300" }, Ue = /* @__PURE__ */ S({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -1557,82 +1593,82 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const l = n, s = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", t = A({}), { text: a, copy: c, copied: r, isSupported: u } = ft(), d = (b) => {
+    const l = n, s = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", t = A({}), { text: i, copy: d, copied: c, isSupported: u } = ft(), a = (b) => {
       t.value[b] = !t.value[b];
-    }, i = (b) => typeof b == "object", m = (b) => `${e.path ? e.path + "." : ""}${b}`, p = (b, g) => {
-      l("click", { key: b, path: m(b), isObject: g });
+    }, r = (b) => typeof b == "object", m = (b) => `${e.path ? e.path + "." : ""}${b}`, p = (b, h) => {
+      l("click", { key: b, path: m(b), isObject: h });
     };
-    return (b, g) => {
-      const x = qs, z = Rs, B = pe;
+    return (b, h) => {
+      const x = Ys, z = Zs, V = ve;
       return f(), v("ul", null, [
-        (f(!0), v(I, null, R(e.items, (w, P) => (f(), v("li", {
-          key: P,
-          class: V(i(w) ? "" : `flex items-center ${s()}`)
+        (f(!0), v(D, null, N(e.items, (w, H) => (f(), v("li", {
+          key: H,
+          class: T(r(w) ? "" : `flex items-center ${s()}`)
         }, [
           o("div", {
-            class: V(["flex items-center cursor-pointer ps-2 h-8", i(w) ? `${s()}` : ""]),
-            onClick: (J) => d(P)
+            class: T(["flex items-center cursor-pointer ps-2 h-8", r(w) ? `${s()}` : ""]),
+            onClick: (J) => a(H)
           }, [
-            i(w) ? (f(), v("div", Zs, [
-              h(x, { class: "size-5" })
-            ])) : T("", !0),
-            o("div", Js, $(P), 1),
+            r(w) ? (f(), v("div", el, [
+              g(x, { class: "size-5" })
+            ])) : B("", !0),
+            o("div", tl, $(H), 1),
             W(u) ? (f(), j(E, {
               key: 1,
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "transparent",
               size: "sm",
-              onClick: q((J) => W(c)(m(P)), ["stop"])
+              onClick: q((J) => W(d)(m(H)), ["stop"])
             }, {
               default: y(() => [
-                h(z, { class: "size-5" })
+                g(z, { class: "size-5" })
               ]),
               _: 1
-            }, 8, ["onClick"])) : T("", !0),
-            W(a) === m(P) ? (f(), v("span", {
+            }, 8, ["onClick"])) : B("", !0),
+            W(i) === m(H) ? (f(), v("span", {
               key: 2,
-              class: V(["text-gray-500 transition-all duration-1000 text-sm", W(r) ? "opacity-100" : "opacity-0"])
-            }, $(b.$t("copied")), 3)) : T("", !0),
-            !e.onlyValue && i(w) ? (f(), v(I, { key: 3 }, [
-              g[1] || (g[1] = o("div", { class: "flex-auto" }, null, -1)),
-              o("div", Xs, [
-                h(E, {
+              class: T(["text-gray-500 transition-all duration-1000 text-sm", W(c) ? "opacity-100" : "opacity-0"])
+            }, $(b.$t("copied")), 3)) : B("", !0),
+            !e.onlyValue && r(w) ? (f(), v(D, { key: 3 }, [
+              h[1] || (h[1] = o("div", { class: "flex-auto" }, null, -1)),
+              o("div", nl, [
+                g(E, {
                   class: "opacity-20 hover:opacity-70 transition-all",
                   color: "transparent",
                   size: "sm",
                   title: b.$t("add"),
-                  onClick: q((J) => p(P, i(w)), ["stop"])
+                  onClick: q((J) => p(H, r(w)), ["stop"])
                 }, {
                   default: y(() => [
-                    h(B, { class: "size-5" })
+                    g(V, { class: "size-5" })
                   ]),
                   _: 1
                 }, 8, ["title", "onClick"])
               ])
-            ], 64)) : T("", !0)
-          ], 10, Gs),
-          i(w) ? (f(), v("div", Ys, [
-            De(h(Ue, {
+            ], 64)) : B("", !0)
+          ], 10, Qs),
+          r(w) ? (f(), v("div", sl, [
+            De(g(Ue, {
               class: "flex-auto",
-              path: m(P),
+              path: m(H),
               items: w,
               onlyValue: e.onlyValue,
-              onClick: g[0] || (g[0] = (J) => l("click", J))
+              onClick: h[0] || (h[0] = (J) => l("click", J))
             }, null, 8, ["path", "items", "onlyValue"]), [
-              [et, t.value[P]]
+              [et, t.value[H]]
             ])
-          ])) : (f(), v(I, { key: 1 }, [
-            g[2] || (g[2] = o("div", { class: "flex-auto gap-3" }, null, -1)),
-            o("div", Qs, $(w), 1),
-            h(E, {
+          ])) : (f(), v(D, { key: 1 }, [
+            h[2] || (h[2] = o("div", { class: "flex-auto gap-3" }, null, -1)),
+            o("div", ll, $(w), 1),
+            g(E, {
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "gray",
               size: "sm",
               title: b.$t("add"),
-              onClick: q((J) => p(P, i(w)), ["stop"])
+              onClick: q((J) => p(H, r(w)), ["stop"])
             }, {
               default: y(() => [
-                h(B, { class: "size-5" })
+                g(V, { class: "size-5" })
               ]),
               _: 1
             }, 8, ["title", "onClick"])
@@ -1641,7 +1677,7 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
       ]);
     };
   }
-}), el = { class: "" }, tl = { class: "flex border-b border-gray-200 dark:border-gray-700" }, nl = ["onClick"], sl = { class: "px-4 py-2" }, ll = { class: "relative my-4" }, ol = { key: 0 }, al = /* @__PURE__ */ S({
+}), ol = { class: "glass-inset rounded-md p-1" }, al = { class: "flex gap-1" }, il = ["onClick"], rl = { class: "px-4 py-2" }, cl = { class: "relative my-4" }, dl = { key: 0 }, ul = /* @__PURE__ */ S({
   __name: "VTabs",
   props: {
     value: {},
@@ -1649,41 +1685,46 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
   },
   emits: ["click"],
   setup(e, { expose: n, emit: l }) {
-    const s = l, t = A(e.value || 0), a = (r) => [t.value === r ? "" : "before:hidden"], c = (r) => {
-      t.value = r, s("click", r);
+    const s = l, t = A(e.value || 0), i = (c) => [
+      t.value === c ? "bg-primary/10 text-primary" : "text-gray-500 hover:bg-white/5 dark:text-white/50 dark:hover:bg-white/5"
+    ], d = (c) => {
+      t.value = c, s("click", c);
     };
     return n({
-      setActiveTab: c,
+      setActiveTab: d,
       activeTab: t
-    }), (r, u) => (f(), v("div", el, [
-      o("div", tl, [
-        (f(!0), v(I, null, R(e.items, (d, i) => (f(), v("div", {
-          key: i,
-          class: "relative flex-auto"
-        }, [
-          o("button", {
-            class: "w-full",
-            onClick: (m) => c(i)
+    }), (c, u) => (f(), v("div", null, [
+      o("div", ol, [
+        o("div", al, [
+          (f(!0), v(D, null, N(e.items, (a, r) => (f(), v("div", {
+            key: r,
+            class: "relative flex-auto"
           }, [
-            o("div", {
-              class: V([a(i), "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"])
+            o("button", {
+              type: "button",
+              class: "w-full",
+              onClick: (m) => d(r)
             }, [
-              k(r.$slots, "header", {
-                tab: d,
-                i
-              }, () => [
-                o("div", sl, $(d.title), 1)
-              ])
-            ], 2)
-          ], 8, nl)
-        ]))), 128))
+              o("div", {
+                class: T([i(r), "rounded-md px-3 py-2 font-medium text-lg transition"])
+              }, [
+                k(c.$slots, "header", {
+                  tab: a,
+                  i: r
+                }, () => [
+                  o("div", rl, $(a.title), 1)
+                ])
+              ], 2)
+            ], 8, il)
+          ]))), 128))
+        ])
       ]),
-      o("div", ll, [
-        (f(!0), v(I, null, R(e.items, (d, i) => (f(), v("div", {
-          key: i,
+      o("div", cl, [
+        (f(!0), v(D, null, N(e.items, (a, r) => (f(), v("div", {
+          key: r,
           class: "tab-panel"
         }, [
-          h(_e, {
+          g(_e, {
             "enter-active-class": "transition-all duration-300 ease-out",
             "enter-from-class": "transform opacity-0 translate-x-2",
             "enter-to-class": "transform opacity-100 translate-x-0",
@@ -1692,9 +1733,9 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: y(() => [
-              t.value === i ? (f(), v("div", ol, [
-                k(r.$slots, `tab-${i}`)
-              ])) : T("", !0)
+              t.value === r ? (f(), v("div", dl, [
+                k(c.$slots, `tab-${r}`)
+              ])) : B("", !0)
             ]),
             _: 2
           }, 1024)
@@ -1702,7 +1743,7 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
       ])
     ]));
   }
-}), il = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, rl = ["title", "onMouseenter", "onMouseleave"], cl = { class: "flex flex-auto" }, dl = ["disabled"], ge = /* @__PURE__ */ S({
+}), ml = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, fl = ["title", "onMouseenter", "onMouseleave"], pl = { class: "flex flex-auto" }, vl = ["disabled"], ge = /* @__PURE__ */ S({
   __name: "VFunc",
   props: {
     label: {},
@@ -1713,32 +1754,32 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
   },
   emits: ["change", "icon", "hover"],
   setup(e, { emit: n }) {
-    const l = n, s = ["v", "a", "b", "c"], t = A(e.value || ""), a = (u) => {
+    const l = n, s = ["v", "a", "b", "c"], t = A(e.value || ""), i = (u) => {
       try {
         return new Function(u), !0;
-      } catch (d) {
-        return console.warn(d), !1;
+      } catch (a) {
+        return console.warn(a), !1;
       }
-    }, c = ke((u) => {
-      const d = u.target;
-      a(d.value) && l("change", d.value);
-    }, 500), r = (u) => l("icon", u);
+    }, d = ke((u) => {
+      const a = u.target;
+      i(a.value) && l("change", a.value);
+    }, 500), c = (u) => l("icon", u);
     return re(
       () => e.value,
       () => {
         e.value && (t.value = e.value);
       }
-    ), (u, d) => {
-      const i = ce, m = pe;
+    ), (u, a) => {
+      const r = ce, m = ve;
       return f(), j(Fe, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
         hideIcon: e.hideIcon,
-        onIcon: r
+        onIcon: c
       }, {
         icon: y(() => [
-          e.value ? (f(), j(i, {
+          e.value ? (f(), j(r, {
             key: 0,
             class: "size-4"
           })) : (f(), j(m, {
@@ -1747,39 +1788,39 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
           }))
         ]),
         default: y(() => [
-          e.value ? (f(), v(I, { key: 0 }, [
-            o("div", il, [
-              d[3] || (d[3] = D(" ( ", -1)),
-              (f(!0), v(I, null, R(e.args, (p, b) => (f(), v(I, { key: p }, [
+          e.value ? (f(), v(D, { key: 0 }, [
+            o("div", ml, [
+              a[3] || (a[3] = I(" ( ", -1)),
+              (f(!0), v(D, null, N(e.args, (p, b) => (f(), v(D, { key: p }, [
                 o("span", {
                   class: "text-blue-400/80",
                   title: p,
-                  onMouseenter: (g) => l("hover", "enter", b),
-                  onMouseleave: (g) => l("hover", "leave", b)
-                }, $(s[b]), 41, rl),
-                d[2] || (d[2] = o("span", { class: "last:hidden" }, ",", -1))
+                  onMouseenter: (h) => l("hover", "enter", b),
+                  onMouseleave: (h) => l("hover", "leave", b)
+                }, $(s[b]), 41, fl),
+                a[2] || (a[2] = o("span", { class: "last:hidden" }, ",", -1))
               ], 64))), 128)),
-              d[4] || (d[4] = D(" ) => ", -1))
+              a[4] || (a[4] = I(" ) => ", -1))
             ]),
-            o("div", cl, [
+            o("div", pl, [
               De(o("textarea", {
-                "onUpdate:modelValue": d[0] || (d[0] = (p) => t.value = p),
+                "onUpdate:modelValue": a[0] || (a[0] = (p) => t.value = p),
                 class: "outline-0 w-full resize-none field-sizing-content",
                 type: "text",
                 disabled: e.disabled,
-                onInput: d[1] || (d[1] = //@ts-ignore
-                (...p) => W(c) && W(c)(...p))
-              }, null, 40, dl), [
+                onInput: a[1] || (a[1] = //@ts-ignore
+                (...p) => W(d) && W(d)(...p))
+              }, null, 40, vl), [
                 [tt, t.value]
               ])
             ])
-          ], 64)) : T("", !0)
+          ], 64)) : B("", !0)
         ]),
         _: 1
       }, 8, ["active", "disabled", "label", "hideIcon"]);
     };
   }
-}), ul = ["checked", "disabled"], ml = { class: "text-sm ms-2 peer-disabled:opacity-40" }, fl = /* @__PURE__ */ S({
+}), hl = ["checked", "disabled"], gl = { class: "text-sm ms-2 peer-disabled:opacity-40" }, bl = /* @__PURE__ */ S({
   __name: "VCheckbox",
   props: {
     modelValue: { type: [Number, Boolean], default: !1 },
@@ -1787,22 +1828,22 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: n }) {
-    const l = n, s = (a) => {
-      const c = a.target;
-      l("update:modelValue", c.checked);
-    }, t = (a) => l("click", a);
-    return (a, c) => (f(), v("label", {
-      class: V(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
+    const l = n, s = (i) => {
+      const d = i.target;
+      l("update:modelValue", d.checked);
+    }, t = (i) => l("click", i);
+    return (i, d) => (f(), v("label", {
+      class: T(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
       onClick: t
     }, [
       o("input", {
         type: "checkbox",
         checked: !!e.modelValue,
         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",
+        class: "peer size-5 appearance-none rounded-md border border-gray-300/80 bg-white/50 transition-all checked:border-[var(--accent-blue)] checked:bg-blue-50 dark:checked:border-[var(--accent-blue)] dark:checked:bg-[var(--accent-blue)] disabled:opacity-40 not-disabled:cursor-pointer dark:border-white/15 dark:bg-white/[0.04]",
         onChange: s
-      }, null, 40, ul),
-      c[0] || (c[0] = o("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" }, [
+      }, null, 40, hl),
+      d[0] || (d[0] = o("button", { class: "pointer-events-none absolute left-[10px] top-1/2 -translate-x-1/2 -translate-y-1/2 text-[var(--accent-blue)] opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 dark:text-white" }, [
         o("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
@@ -1817,18 +1858,18 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
           })
         ])
       ], -1)),
-      o("span", ml, [
-        k(a.$slots, "default")
+      o("span", gl, [
+        k(i.$slots, "default")
       ])
     ], 2));
   }
-}), pl = { class: "flex flex-col" }, vl = { class: "flex gap-4 mb-6" }, gl = {
+}), yl = { class: "flex flex-col" }, xl = { class: "flex gap-4 mb-6" }, _l = {
   key: 0,
   class: "flex gap-4"
-}, hl = {
+}, $l = {
   key: 1,
   class: ""
-}, bl = { class: "flex flex-col md:flex-row gap-4" }, yl = { class: "flex gap-4" }, xl = { class: "flex justify-between flex-auto" }, _l = ["onClick"], $l = /* @__PURE__ */ S({
+}, kl = { class: "flex flex-col md:flex-row gap-4" }, wl = { class: "flex gap-4" }, Cl = { class: "flex justify-between flex-auto" }, Sl = ["onClick"], zl = /* @__PURE__ */ S({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -1841,110 +1882,110 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
   },
   emits: ["update"],
   setup(e, { emit: n }) {
-    const l = n, s = M(() => e.items.map((g, x) => ({ ...g, id: ++x }))), t = A({ name: "", value: "" }), a = M(() => e.items.length + 1), c = M(() => {
-      var g;
-      return !((g = t.value) != null && g.id);
-    }), r = (g) => e.type === g, u = (g, x) => l("update", g, x), d = (g) => g.map(({ name: x, value: z }) => ({ name: x, value: z })), i = ({ id: g, name: x, value: z }) => t.value = { id: g, name: x, value: z }, m = () => {
-      const g = a.value;
-      t.value = { name: `New_${g}`, value: `${g}`, id: g }, u("items", d([...s.value, t.value]));
-    }, p = (g) => {
-      t.value.name === g.name && (t.value = { name: "", value: "" }), u("items", d(s.value.filter((x) => x.value !== g.value)));
+    const l = n, s = M(() => e.items.map((h, x) => ({ ...h, id: ++x }))), t = A({ name: "", value: "" }), i = M(() => e.items.length + 1), d = M(() => {
+      var h;
+      return !((h = t.value) != null && h.id);
+    }), c = (h) => e.type === h, u = (h, x) => l("update", h, x), a = (h) => h.map(({ name: x, value: z }) => ({ name: x, value: z })), r = ({ id: h, name: x, value: z }) => t.value = { id: h, name: x, value: z }, m = () => {
+      const h = i.value;
+      t.value = { name: `New_${h}`, value: `${h}`, id: h }, u("items", a([...s.value, t.value]));
+    }, p = (h) => {
+      t.value.name === h.name && (t.value = { name: "", value: "" }), u("items", a(s.value.filter((x) => x.value !== h.value)));
     }, b = ke(() => {
-      const g = t.value;
-      if (!g.name || !g.value) return;
-      const x = s.value.map((z) => z.id === g.id ? g : z);
-      u("items", d(x));
+      const h = t.value;
+      if (!h.name || !h.value) return;
+      const x = s.value.map((z) => z.id === h.id ? h : z);
+      u("items", a(x));
     }, 300);
-    return (g, x) => {
-      const z = ce, B = pe;
-      return f(), v("div", pl, [
-        o("div", vl, [
-          h(fl, {
+    return (h, x) => {
+      const z = ce, V = ve;
+      return f(), v("div", yl, [
+        o("div", xl, [
+          g(bl, {
             modelValue: e.disabled,
             "onUpdate:modelValue": x[0] || (x[0] = (w) => u("disabled", w ? 1 : 0))
           }, {
             default: y(() => [...x[6] || (x[6] = [
-              D("Disabled", -1)
+              I("Disabled", -1)
             ])]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        r("dimmer") ? (f(), v("div", gl, [
-          h(Z, {
+        c("dimmer") ? (f(), v("div", _l, [
+          g(Z, {
             modelValue: e.min,
             label: "Min",
             "onUpdate:modelValue": x[1] || (x[1] = (w) => u("min", +w))
           }, null, 8, ["modelValue"]),
-          h(Z, {
+          g(Z, {
             modelValue: e.max,
             label: "Max",
             "onUpdate:modelValue": x[2] || (x[2] = (w) => u("max", +w))
           }, null, 8, ["modelValue"]),
-          h(Z, {
+          g(Z, {
             modelValue: e.step,
             label: "Step",
             "onUpdate:modelValue": x[3] || (x[3] = (w) => u("step", +w))
           }, null, 8, ["modelValue"])
-        ])) : T("", !0),
-        r("list") ? (f(), v("div", hl, [
-          o("div", bl, [
-            h(Z, {
+        ])) : B("", !0),
+        c("list") ? (f(), v("div", $l, [
+          o("div", kl, [
+            g(Z, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
                 x[4] || (x[4] = (w) => t.value.name = w),
                 W(b)
               ],
-              disabled: c.value,
+              disabled: d.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-            h(Z, {
+            g(Z, {
               modelValue: t.value.value,
               "onUpdate:modelValue": [
                 x[5] || (x[5] = (w) => t.value.value = w),
                 W(b)
               ],
-              disabled: c.value,
+              disabled: d.value,
               label: "Value"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          o("div", yl, [
-            h(se, {
+          o("div", wl, [
+            g(se, {
               "model-value": t.value.value,
               label: "List",
               items: s.value,
               top: "unset",
               bottom: "0",
-              onChange: i
+              onChange: r
             }, {
               item: y(({ item: w }) => [
-                o("div", xl, [
+                o("div", Cl, [
                   o("span", null, $(w.name), 1),
                   o("button", {
                     class: "cursor-pointer size-4",
-                    onClick: q((P) => p(w), ["prevent", "stop"])
+                    onClick: q((H) => p(w), ["prevent", "stop"])
                   }, [
-                    h(z)
-                  ], 8, _l)
+                    g(z)
+                  ], 8, Sl)
                 ])
               ]),
               _: 1
             }, 8, ["model-value", "items"]),
-            h(E, {
+            g(E, {
               class: "px-4",
               color: "blue",
               onClick: m
             }, {
               default: y(() => [
-                h(B)
+                g(V)
               ]),
               _: 1
             })
           ])
-        ])) : T("", !0)
+        ])) : B("", !0)
       ]);
     };
   }
-}), kl = { class: "flex flex-col" }, wl = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, Cl = { class: "flex-auto order-1" }, Sl = { class: "flex-auto gap-x-2 order-1" }, zl = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, Vl = { class: "flex gap-2 items-center" }, Tl = { class: "flex flex-col gap-4" }, El = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Bl = { class: "relative group" }, Ll = { class: "select-none" }, Ml = ["onClick"], Al = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Dl = { class: "flex-[0_0_130px] size-[130px]" }, Il = { class: "flex gap-4 justify-end" }, jl = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, ea = /* @__PURE__ */ S({
+}), Vl = { class: "flex flex-col" }, Tl = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, Bl = { class: "flex-auto order-1" }, El = { class: "flex-auto gap-x-2 order-1" }, Ll = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, Ml = { class: "flex gap-2 items-center" }, Al = { class: "flex flex-col gap-4" }, Dl = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Il = { class: "relative group" }, jl = { class: "select-none" }, Pl = ["onClick"], Hl = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Nl = { class: "flex-[0_0_130px] size-[130px]" }, Ol = { class: "flex gap-4 justify-end" }, Fl = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, aa = /* @__PURE__ */ S({
   __name: "ItemEdit",
   props: {
     items: {},
@@ -1965,32 +2006,32 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
       set: "",
       get: "",
       getTo: ""
-    }), a = A(!1), c = M(() => {
+    }), i = A(!1), d = M(() => {
       var _;
       return !((_ = e.item) != null && _.id);
-    }), r = M(() => !!e.items.filter((_) => {
+    }), c = M(() => !!e.items.filter((_) => {
       var C;
       return _.id !== ((C = e.item) == null ? void 0 : C.id);
-    }).find((_) => _.id === (t == null ? void 0 : t.value.id))), u = M(() => t.value.type === "info"), d = M(() => {
+    }).find((_) => _.id === (t == null ? void 0 : t.value.id))), u = M(() => t.value.type === "info"), a = M(() => {
       var _;
       return (_ = t.value.args) == null ? void 0 : _.length;
-    }), i = M(() => t.value.args.length > 3), m = M(() => {
-      if (r.value) return !0;
+    }), r = M(() => t.value.args.length > 3), m = M(() => {
+      if (c.value) return !0;
       const { id: _, args: C } = t.value;
       return !_ || !C.length;
     }), p = ({ value: _ }) => t.value.icon = _, b = ({ value: _ }) => {
       const C = _;
       t.value.type = C, delete t.value.opts, ["button", "list", "dimmer"].includes(C) && (_ === "button" && (t.value.opts = {}), _ === "list" && (t.value.opts = { items: [] }), _ === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
-    }, g = (_) => {
+    }, h = (_) => {
       _ === "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");
-    }, x = (_) => l("button", _, t.value), z = (_) => t.value.args = t.value.args.filter((C) => C !== _), B = ({ path: _ }) => {
-      !t.value.args.length && !t.value.id && (t.value.id = _), t.value.args.push(_), a.value = !1;
-    }, w = A(-1), P = (_) => w.value === _, J = (_, C) => {
+    }, x = (_) => l("button", _, t.value), z = (_) => t.value.args = t.value.args.filter((C) => C !== _), V = ({ path: _ }) => {
+      !t.value.args.length && !t.value.id && (t.value.id = _), t.value.args.push(_), i.value = !1;
+    }, w = A(-1), H = (_) => w.value === _, J = (_, C) => {
       _ === "enter" && (w.value = C), _ === "leave" && (w.value = -1);
-    }, ve = (_, C) => {
+    }, he = (_, C) => {
       _ === "set" && (t.value.set = C), _ === "get" && (t.value.get = C), _ === "getTo" && (t.value.getTo = C), C || delete t.value[_];
     }, Ze = () => {
-      a.value = !0;
+      i.value = !0;
     }, Je = (_, C) => {
       t.value.opts || (t.value.opts = {}), t.value.opts[_] = C, _ === "disabled" && !C && delete t.value.opts[_];
     };
@@ -1998,32 +2039,32 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
       var _;
       (_ = e.item) != null && _.id && (t.value = mt(e.item));
     }), (_, C) => {
-      const Xe = Is, Ye = ce;
-      return f(), v("div", kl, [
-        o("div", wl, [
-          o("div", Cl, [
-            h(al, {
+      const Xe = Os, Ye = ce;
+      return f(), v("div", Vl, [
+        o("div", Tl, [
+          o("div", Bl, [
+            g(ul, {
               class: "flex-auto min-h-75",
               value: 0,
               items: s
             }, {
               "tab-0": y(() => [
-                o("div", Sl, [
-                  h(Z, {
+                o("div", El, [
+                  g(Z, {
                     modelValue: t.value.id,
                     "onUpdate:modelValue": C[0] || (C[0] = (L) => t.value.id = L),
                     label: "ID",
-                    message: r.value ? _.$t("used") : ""
+                    message: c.value ? _.$t("used") : ""
                   }, nt({ _: 2 }, [
-                    d.value ? void 0 : {
+                    a.value ? void 0 : {
                       name: "icon",
                       fn: y(() => [
-                        h(E, {
+                        g(E, {
                           color: "transparent",
                           onClick: Ze
                         }, {
                           default: y(() => [
-                            h(Xe)
+                            g(Xe)
                           ]),
                           _: 1
                         })
@@ -2031,13 +2072,13 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
                       key: "0"
                     }
                   ]), 1032, ["modelValue", "message"]),
-                  h(Z, {
+                  g(Z, {
                     modelValue: t.value.name,
                     "onUpdate:modelValue": C[1] || (C[1] = (L) => t.value.name = L),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  o("div", zl, [
-                    h(se, {
+                  o("div", Ll, [
+                    g(se, {
                       "model-value": t.value.icon,
                       bottom: "0",
                       top: "unset",
@@ -2047,7 +2088,7 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
                       onChange: p
                     }, {
                       item: y(({ item: L }) => [
-                        o("div", Vl, [
+                        o("div", Ml, [
                           k(_.$slots, "icon", {
                             icon: L.value
                           }),
@@ -2056,7 +2097,7 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
                       ]),
                       _: 3
                     }, 8, ["model-value", "items"]),
-                    h(se, {
+                    g(se, {
                       "model-value": t.value.type,
                       bottom: "0",
                       top: "unset",
@@ -2068,23 +2109,23 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
                 ])
               ]),
               "tab-1": y(() => [
-                o("div", Tl, [
-                  h(Fe, {
+                o("div", Al, [
+                  g(Fe, {
                     active: !!t.value.args.length,
-                    disabled: i.value,
+                    disabled: r.value,
                     label: "Arguments",
-                    onIcon: C[2] || (C[2] = (L) => a.value = !0)
+                    onIcon: C[2] || (C[2] = (L) => i.value = !0)
                   }, {
                     default: y(() => [
-                      o("div", El, [
-                        (f(!0), v(I, null, R(t.value.args, (L, Se) => (f(), v("div", {
+                      o("div", Dl, [
+                        (f(!0), v(D, null, N(t.value.args, (L, Se) => (f(), v("div", {
                           key: L,
                           class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                         }, [
-                          o("div", Bl, [
-                            o("span", Ll, $(L), 1),
+                          o("div", Il, [
+                            o("span", jl, $(L), 1),
                             o("div", {
-                              class: V(["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", P(Se) ? "visible opacity-100" : ""])
+                              class: T(["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", H(Se) ? "visible opacity-100" : ""])
                             }, [
                               o("pre", null, $(W(vt)(L, e.object)), 1)
                             ], 2)
@@ -2092,46 +2133,46 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
                           Se || t.value.args.length < 2 ? (f(), v("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (Vo) => z(L)
+                            onClick: (Ao) => z(L)
                           }, [
-                            h(Ye, { class: "size-5" })
-                          ], 8, Ml)) : T("", !0)
+                            g(Ye, { class: "size-5" })
+                          ], 8, Pl)) : B("", !0)
                         ]))), 128))
                       ])
                     ]),
                     _: 1
                   }, 8, ["active", "disabled"]),
-                  h(ge, {
+                  g(ge, {
                     value: t.value.set,
                     args: t.value.args,
-                    disabled: !d.value || u.value,
+                    disabled: !a.value || u.value,
                     label: "Set",
-                    onIcon: C[3] || (C[3] = (L) => g("set")),
+                    onIcon: C[3] || (C[3] = (L) => h("set")),
                     onHover: J,
-                    onChange: C[4] || (C[4] = (L) => ve("set", L))
+                    onChange: C[4] || (C[4] = (L) => he("set", L))
                   }, null, 8, ["value", "args", "disabled"]),
-                  h(ge, {
+                  g(ge, {
                     value: t.value.get,
                     args: t.value.args,
-                    disabled: !d.value,
+                    disabled: !a.value,
                     label: "Get",
-                    onIcon: C[5] || (C[5] = (L) => g("get")),
+                    onIcon: C[5] || (C[5] = (L) => h("get")),
                     onHover: J,
-                    onChange: C[6] || (C[6] = (L) => ve("get", L))
+                    onChange: C[6] || (C[6] = (L) => he("get", L))
                   }, null, 8, ["value", "args", "disabled"]),
-                  h(ge, {
+                  g(ge, {
                     value: t.value.getTo,
                     args: t.value.args,
-                    disabled: !d.value,
+                    disabled: !a.value,
                     label: "GetTo",
-                    onIcon: C[7] || (C[7] = (L) => g("getTo")),
+                    onIcon: C[7] || (C[7] = (L) => h("getTo")),
                     onHover: J,
-                    onChange: C[8] || (C[8] = (L) => ve("getTo", L))
+                    onChange: C[8] || (C[8] = (L) => he("getTo", L))
                   }, null, 8, ["value", "args", "disabled"])
                 ])
               ]),
               "tab-2": y(() => [
-                h($l, H(t.value.opts, {
+                g(zl, P(t.value.opts, {
                   value: t.value.value,
                   type: t.value.type,
                   onUpdate: Je
@@ -2140,67 +2181,67 @@ const qs = N({ name: "ri-folder6-line", render: Ws }), Gs = ["onClick"], Zs = {
               _: 3
             })
           ]),
-          o("div", Al, [
-            o("div", Dl, [
+          o("div", Hl, [
+            o("div", Nl, [
               k(_.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        o("div", Il, [
-          h(E, {
+        o("div", Ol, [
+          g(E, {
             class: "px-4",
             color: "blue",
             disabled: m.value,
-            onClick: C[9] || (C[9] = (L) => x(c.value ? "add" : "save"))
+            onClick: C[9] || (C[9] = (L) => x(d.value ? "add" : "save"))
           }, {
             default: y(() => [
-              D($(c.value ? _.$t("add") : _.$t("save")), 1)
+              I($(d.value ? _.$t("add") : _.$t("save")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          h(E, {
+          g(E, {
             class: "px-4",
             color: "red",
             outline: "",
             onClick: C[10] || (C[10] = (L) => x("remove"))
           }, {
             default: y(() => [
-              D($(_.$t("remove")), 1)
+              I($(_.$t("remove")), 1)
             ]),
             _: 1
           })
         ]),
-        a.value ? (f(), j(He, {
+        i.value ? (f(), j(Pe, {
           key: 0,
           size: "md",
           title: _.$t("select"),
-          onClose: C[11] || (C[11] = (L) => a.value = !1)
+          onClose: C[11] || (C[11] = (L) => i.value = !1)
         }, {
           default: y(() => [
-            o("div", jl, [
-              h(Ue, {
+            o("div", Fl, [
+              g(Ue, {
                 items: e.object,
-                onlyValue: !d.value,
-                onClick: B
+                onlyValue: !a.value,
+                onClick: V
               }, null, 8, ["items", "onlyValue"])
             ])
           ]),
           _: 1
-        }, 8, ["title"])) : T("", !0)
+        }, 8, ["title"])) : B("", !0)
       ]);
     };
   }
-}), ze = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Hl = { lineHeight: "inherit", whiteSpace: "pre-wrap", wordBreak: "keep-all", overflowWrap: "break-word", background: "none", position: "absolute", width: "100%", height: "100%", zIndex: "1", resize: "none", caretColor: "currentColor", padding: "inherit", outline: "none", fontSize: "inherit", fontFamily: "inherit", letterSpacing: "inherit", boxSizing: "border-box", border: "none", top: "0px", left: "0px", color: "inherit", overflow: "hidden", "-webkit-font-smoothing": "antialiased", "-webkit-text-fill-color": "transparent" }, Pl = { lineHeight: "inherit", position: "relative", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "0", width: "100%", margin: "0", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, Nl = { lineHeight: "inherit", position: "absolute", width: "100%", height: "100%", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "inherit", margin: "0", top: "0px", left: "0px", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, Re = (e) => Ke(e);
+}), ze = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Ul = { lineHeight: "inherit", whiteSpace: "pre-wrap", wordBreak: "keep-all", overflowWrap: "break-word", background: "none", position: "absolute", width: "100%", height: "100%", zIndex: "1", resize: "none", caretColor: "currentColor", padding: "inherit", outline: "none", fontSize: "inherit", fontFamily: "inherit", letterSpacing: "inherit", boxSizing: "border-box", border: "none", top: "0px", left: "0px", color: "inherit", overflow: "hidden", "-webkit-font-smoothing": "antialiased", "-webkit-text-fill-color": "transparent" }, Rl = { lineHeight: "inherit", position: "relative", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "0", width: "100%", margin: "0", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, Kl = { lineHeight: "inherit", position: "absolute", width: "100%", height: "100%", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "inherit", margin: "0", top: "0px", left: "0px", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, Re = (e) => Ke(e);
 function Ve(e) {
   const n = Array.isArray(e) ? e : [e];
-  return n.length === 0 ? Re : (l) => n.reduce((s, t, a) => t(s, { html: a > 0 }), l);
+  return n.length === 0 ? Re : (l) => n.reduce((s, t, i) => t(s, { html: i > 0 }), l);
 }
-class Ol {
+class Wl {
   constructor(n, l = {}) {
     if (this.lines = null, !n) throw new Error("selector is not defined");
     if (this.root = n instanceof Node ? n : document.querySelector(n), !this.root) throw new Error(`element with "${n}" selector is not exist`);
-    const s = { value: "", styles: {}, plugins: [], highlighter: Re }, { highlighters: t, ...a } = l;
-    this.options = { ...s, ...a, highlighter: t ? Ve(t) : s.highlighter }, this.options.value = this.options.value == null ? "" : String(this.options.value), this.init();
+    const s = { value: "", styles: {}, plugins: [], highlighter: Re }, { highlighters: t, ...i } = l;
+    this.options = { ...s, ...i, highlighter: t ? Ve(t) : s.highlighter }, this.options.value = this.options.value == null ? "" : String(this.options.value), this.init();
   }
   init() {
     this.textarea = document.createElement("textarea"), this.textarea.setAttribute("spellcheck", "false"), this.textarea.setAttribute("autocapitalize", "off"), this.textarea.setAttribute("autocorrect", "off"), this.textarea.setAttribute("autocomplete", "off"), this.pre = document.createElement("pre");
@@ -2209,16 +2250,16 @@ class Ol {
     const l = this.root.style;
     n.forEach((s) => {
       this.initialRootStyles[s] = l[s] || "";
-    }), Object.assign(this.root.style, ze, this.options.styles), Object.assign(this.textarea.style, Hl), Object.assign(this.pre.style, Pl), this.basePaddingLeft = this.root.style.paddingLeft || "", this.root.appendChild(this.textarea), this.root.appendChild(this.pre), this.addTextareaEvents(), this.update({ value: this.options.value }), this.updateLines();
+    }), Object.assign(this.root.style, ze, this.options.styles), Object.assign(this.textarea.style, Ul), Object.assign(this.pre.style, Rl), this.basePaddingLeft = this.root.style.paddingLeft || "", this.root.appendChild(this.textarea), this.root.appendChild(this.pre), this.addTextareaEvents(), this.update({ value: this.options.value }), this.updateLines();
   }
   addTextareaEvents() {
     this.handleEvent = (n) => {
       if (n.type === "keydown" && this.textarea.readOnly) return;
       const l = n;
       if (l.isComposing || l.keyCode === 229) return;
-      const s = function(t, a) {
-        const { value: c, selectionStart: r, selectionEnd: u } = a.target;
-        return t.reduce((d, i) => ({ ...d, ...i(d, a) }), { value: c, selectionStart: r, selectionEnd: u });
+      const s = function(t, i) {
+        const { value: d, selectionStart: c, selectionEnd: u } = i.target;
+        return t.reduce((a, r) => ({ ...a, ...r(a, i) }), { value: d, selectionStart: c, selectionEnd: u });
       }(this.options.plugins, n);
       this.update(s);
     }, this.textarea.addEventListener("input", this.handleEvent), this.textarea.addEventListener("keydown", this.handleEvent), this.textarea.addEventListener("compositionend", this.handleEvent);
@@ -2233,8 +2274,8 @@ class Ol {
     const { highlighters: l, ...s } = n;
     if (this.options = { ...this.options, ...s, highlighter: l ? Ve(l) : this.options.highlighter }, n.styles) {
       const t = this.root.style;
-      Object.keys(n.styles).forEach((a) => {
-        a in this.initialRootStyles || (this.initialRootStyles[a] = t[a] || "");
+      Object.keys(n.styles).forEach((i) => {
+        i in this.initialRootStyles || (this.initialRootStyles[i] = t[i] || "");
       }), Object.assign(this.root.style, n.styles), ("paddingLeft" in n.styles || "padding" in n.styles) && (this.basePaddingLeft = this.root.style.paddingLeft || "");
     }
     this.lines && !this.options.lineNumbers && (de(this.lines), this.lines = null, this.root.style.paddingLeft = this.basePaddingLeft), n.value != null && this.update({ value: n.value }), this.render();
@@ -2245,7 +2286,7 @@ class Ol {
   }
   updateLines() {
     if (!this.options.lineNumbers) return;
-    this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, Nl));
+    this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, Kl));
     const n = this.value.split(`
 `), l = n.length.toString().length;
     this.root.style.paddingLeft = `${l + 1}ch`, this.lines.innerHTML = n.map((s, t) => `${`<span class="yace-line" style="position: absolute; opacity: .3; left: 0; width: ${l}ch; text-align: right">${1 + t}</span>`}${`<span style="color: transparent; pointer-events: none">${Ke(s)}</span>`}`).join(`
@@ -2264,171 +2305,171 @@ function de(e) {
 function Ke(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const Te = { alt: "altKey", control: "ctrlKey", ctrl: "ctrlKey", meta: "metaKey", shift: "shiftKey", "ctrl/cmd": typeof window < "u" && window.navigator && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform) ? "metaKey" : "ctrlKey" }, Fl = { add: "=" }, Ul = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
+const Te = { alt: "altKey", control: "ctrlKey", ctrl: "ctrlKey", meta: "metaKey", shift: "shiftKey", "ctrl/cmd": typeof window < "u" && window.navigator && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform) ? "metaKey" : "ctrlKey" }, ql = { add: "=" }, Gl = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
 function ie(e, n) {
-  const l = e.split("+").reduce((u, d) => Te[d] ? (u.modifiers[Te[d]] = !0, u) : { ...u, key: Fl[d] || d.toLowerCase() }, { modifiers: { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1 }, key: null }), s = Object.keys(l.modifiers).every((u) => l.modifiers[u] ? n[u] : !n[u]);
+  const l = e.split("+").reduce((u, a) => Te[a] ? (u.modifiers[Te[a]] = !0, u) : { ...u, key: ql[a] || a.toLowerCase() }, { modifiers: { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1 }, key: null }), s = Object.keys(l.modifiers).every((u) => l.modifiers[u] ? n[u] : !n[u]);
   if (!l.key) return s;
-  const t = n.key != null && n.key.toLowerCase() === l.key, a = (c = l.key, /^[a-z]$/.test(c) ? `key${c}` : /^[0-9]$/.test(c) ? `digit${c}` : Ul[c] || null);
-  var c;
-  const r = !n.isComposing && a != null && n.code != null && n.code.toLowerCase() === a;
-  return s && (t || r);
+  const t = n.key != null && n.key.toLowerCase() === l.key, i = (d = l.key, /^[a-z]$/.test(d) ? `key${d}` : /^[0-9]$/.test(d) ? `digit${d}` : Gl[d] || null);
+  var d;
+  const c = !n.isComposing && i != null && n.code != null && n.code.toLowerCase() === i;
+  return s && (t || c);
 }
-function Rl(e = {}) {
+function Zl(e = {}) {
   const n = Math.max(1, e.limit == null ? 300 : e.limit), l = e.coalesceMs == null ? 300 : e.coalesceMs;
-  let s = [], t = null, a = null;
-  const c = (r) => {
-    s = s.slice(0, t + 1), s.push(r), s.length > n && (s = s.slice(s.length - n)), t = s.length - 1;
+  let s = [], t = null, i = null;
+  const d = (c) => {
+    s = s.slice(0, t + 1), s.push(c), s.length > n && (s = s.slice(s.length - n)), t = s.length - 1;
   };
-  return (r, u) => {
-    const d = u.type === "keydown" && ie("ctrl/cmd+z", u), i = u.type === "keydown" && (ie("ctrl/cmd+shift+z", u) || ie("ctrl+y", u));
-    if ((d || i) && u.preventDefault(), t === null) return s = [r], void (t = 0);
-    if (d) return a = null, s[t].value !== r.value ? c(r) : s[t] = r, t = Math.max(0, t - 1), s[t];
-    if (i) return a = null, s[t].value !== r.value ? void c(r) : (t = Math.min(s.length - 1, t + 1), s[t]);
-    if (u.type === "keydown") return s[t].value !== r.value ? (a = null, void c(r)) : void (s[t] = r);
+  return (c, u) => {
+    const a = u.type === "keydown" && ie("ctrl/cmd+z", u), r = u.type === "keydown" && (ie("ctrl/cmd+shift+z", u) || ie("ctrl+y", u));
+    if ((a || r) && u.preventDefault(), t === null) return s = [c], void (t = 0);
+    if (a) return i = null, s[t].value !== c.value ? d(c) : s[t] = c, t = Math.max(0, t - 1), s[t];
+    if (r) return i = null, s[t].value !== c.value ? void d(c) : (t = Math.min(s.length - 1, t + 1), s[t]);
+    if (u.type === "keydown") return s[t].value !== c.value ? (i = null, void d(c)) : void (s[t] = c);
     if (u.type === "input") {
-      const m = u.timeStamp, p = m != null && a != null && m - a <= l;
-      if (a = m ?? null, p) return void (s[t] = r);
-      c(r);
+      const m = u.timeStamp, p = m != null && i != null && m - i <= l;
+      if (i = m ?? null, p) return void (s[t] = c);
+      d(c);
     }
   };
 }
-const Kl = () => (e, n) => {
+const Jl = () => (e, n) => {
   const { value: l, selectionStart: s, selectionEnd: t } = e;
   if (!ie("enter", n) || n.type !== "keydown") return;
-  const a = l.substring(0, s).split(`
-`).pop(), c = /^\s+/.exec(a);
-  if (!c) return;
+  const i = l.substring(0, s).split(`
+`).pop(), d = /^\s+/.exec(i);
+  if (!d) return;
   n.preventDefault();
-  const r = `
-` + c[0];
-  return { value: l.substring(0, s) + r + l.substring(t), selectionStart: s + r.length, selectionEnd: s + r.length };
-}, Wl = () => (e, n) => {
+  const c = `
+` + d[0];
+  return { value: l.substring(0, s) + c + l.substring(t), selectionStart: s + c.length, selectionEnd: s + c.length };
+}, Xl = () => (e, n) => {
   if (typeof KeyboardEvent > "u" || !(n instanceof KeyboardEvent) || n.key !== "Enter")
     return;
   const { value: l, selectionStart: s, selectionEnd: t } = e;
   if (s !== t)
     return;
-  const a = l.lastIndexOf(`
-`, s - 1) + 1, c = l.indexOf(`
-`, s), r = c === -1 ? l.length : c;
-  if (l.slice(s, r).trim().length > 0)
+  const i = l.lastIndexOf(`
+`, s - 1) + 1, d = l.indexOf(`
+`, s), c = d === -1 ? l.length : d;
+  if (l.slice(s, c).trim().length > 0)
     return;
-  const i = l.substring(a, r).trimEnd();
-  if (i.endsWith(";") || i.length === 0)
+  const r = l.substring(i, c).trimEnd();
+  if (r.endsWith(";") || r.length === 0)
     return;
-  const m = l.slice(0, r) + ";" + l.slice(r), p = s + 1;
+  const m = l.slice(0, c) + ";" + l.slice(c), p = s + 1;
   return {
     value: m,
     selectionStart: p,
     selectionEnd: p
   };
 };
-let we = [], K = null, O = 0, X = [], Q = null, ee = null, Ce, We, G = null, ne = null;
-const ql = (e) => {
-  const { customSuggestions: n = [], minPrefixLength: l = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: a = { enabled: !0 }, i18n: c, renderMenu: r, renderTooltip: u } = e;
-  if (!r || !u)
+let we = [], K = null, F = 0, X = [], Q = null, ee = null, Ce, We, G = null, ne = null;
+const Yl = (e) => {
+  const { customSuggestions: n = [], minPrefixLength: l = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: i = { enabled: !0 }, i18n: d, renderMenu: c, renderTooltip: u } = e;
+  if (!c || !u)
     throw new Error("renderMenu and renderTooltip are required");
-  return we = [...n].map((d) => c(d)), Ce = r, We = u, (d, i) => {
-    if (typeof KeyboardEvent > "u" || !(i instanceof KeyboardEvent))
+  return we = [...n].map((a) => d(a)), Ce = c, We = u, (a, r) => {
+    if (typeof KeyboardEvent > "u" || !(r instanceof KeyboardEvent))
       return;
-    const { value: m, selectionStart: p } = d, b = i.target;
-    if (ee = b, a.enabled !== !1 && !b.dataset.tooltipInitialized && (b.dataset.tooltipInitialized = "true", b.addEventListener("mouseup", () => {
-      setTimeout(() => Ee(b), 100);
+    const { value: m, selectionStart: p } = a, b = r.target;
+    if (ee = b, i.enabled !== !1 && !b.dataset.tooltipInitialized && (b.dataset.tooltipInitialized = "true", b.addEventListener("mouseup", () => {
+      setTimeout(() => Be(b), 100);
     }), b.addEventListener("keyup", () => {
-      setTimeout(() => Ee(b), 100);
+      setTimeout(() => Be(b), 100);
     })), K) {
-      switch (i.key) {
+      switch (r.key) {
         case "ArrowDown":
-          return i.preventDefault(), O < X.length - 1 && (O++, te()), { ...d };
+          return r.preventDefault(), F < X.length - 1 && (F++, te()), { ...a };
         case "ArrowUp":
-          return i.preventDefault(), O > 0 && (O--, te()), { ...d };
+          return r.preventDefault(), F > 0 && (F--, te()), { ...a };
         case "Enter":
-          if (i.preventDefault(), X[O]) {
-            const g = be(d, X[O]);
-            return Y(), g;
+          if (r.preventDefault(), X[F]) {
+            const h = ye(a, X[F]);
+            return Y(), h;
           }
           return;
         case "Tab":
-          if (i.preventDefault(), X[O]) {
-            const g = be(d, X[O]);
-            return Y(), g;
+          if (r.preventDefault(), X[F]) {
+            const h = ye(a, X[F]);
+            return Y(), h;
           }
           return;
         case "Escape":
-          return i.preventDefault(), Y(), { ...d };
+          return r.preventDefault(), Y(), { ...a };
         case "Backspace":
           setTimeout(() => {
             if (ee) {
-              const g = ee.value, x = ee.selectionStart, z = me(g, x), B = g.slice(z, x);
-              if (B.length < l)
+              const h = ee.value, x = ee.selectionStart, z = fe(h, x), V = h.slice(z, x);
+              if (V.length < l)
                 Y();
               else {
-                const w = he(B).slice(0, s);
-                w.length === 0 ? Y() : (X = w, O = 0, te());
+                const w = be(V).slice(0, s);
+                w.length === 0 ? Y() : (X = w, F = 0, te());
               }
             }
           }, 0);
           return;
       }
-      if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(i.key))
-        return { ...d };
+      if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(r.key))
+        return { ...a };
     }
-    if (ie("tab", i)) {
-      i.preventDefault();
-      const g = me(m, p), x = m.slice(g, p);
+    if (ie("tab", r)) {
+      r.preventDefault();
+      const h = fe(m, p), x = m.slice(h, p);
       if (x.length > 0) {
-        const P = he(x);
-        if (P.length > 0)
-          return be(d, P[0]);
+        const H = be(x);
+        if (H.length > 0)
+          return ye(a, H[0]);
       }
-      const z = " ".repeat(t), B = m.slice(0, p) + z + m.slice(p), w = p + t;
+      const z = " ".repeat(t), V = m.slice(0, p) + z + m.slice(p), w = p + t;
       return {
-        value: B,
+        value: V,
         selectionStart: w,
         selectionEnd: w
       };
     }
-    if (!(i.key.length !== 1 || i.ctrlKey || i.metaKey || i.altKey))
+    if (!(r.key.length !== 1 || r.ctrlKey || r.metaKey || r.altKey))
       return Q && clearTimeout(Q), Q = setTimeout(() => {
         Q = null;
-        const g = b.value, x = b.selectionStart, z = me(g, x), B = g.slice(z, x);
-        if (B.length < l) {
+        const h = b.value, x = b.selectionStart, z = fe(h, x), V = h.slice(z, x);
+        if (V.length < l) {
           Y();
           return;
         }
-        let w = he(B);
+        let w = be(V);
         if (w = w.slice(0, s), w.length === 0) {
           Y();
           return;
         }
-        X = w, O = 0, K ? te() : Gl(b, w);
-      }, 0), { ...d };
+        X = w, F = 0, K ? te() : Ql(b, w);
+      }, 0), { ...a };
   };
 };
-function he(e) {
+function be(e) {
   const n = e.toLowerCase();
   return we.filter((l) => {
     const s = l.label.toLowerCase();
     return s.startsWith(n) || s.includes(n) || s.split("_").map((t) => t[0]).join("").startsWith(n);
   }).sort((l, s) => {
-    const t = l.label.toLowerCase(), a = s.label.toLowerCase(), c = t.startsWith(n), r = a.startsWith(n);
-    if (c && !r) return -1;
-    if (!c && r) return 1;
-    const u = t.indexOf(n), d = a.indexOf(n);
-    return u !== d ? u - d : t.length !== a.length ? t.length - a.length : t.localeCompare(a);
+    const t = l.label.toLowerCase(), i = s.label.toLowerCase(), d = t.startsWith(n), c = i.startsWith(n);
+    if (d && !c) return -1;
+    if (!d && c) return 1;
+    const u = t.indexOf(n), a = i.indexOf(n);
+    return u !== a ? u - a : t.length !== i.length ? t.length - i.length : t.localeCompare(i);
   });
 }
-function me(e, n) {
+function fe(e, n) {
   let l = n;
   for (; l > 0 && /[a-zA-Z0-9_$]/.test(e[l - 1]); )
     l--;
   return l;
 }
-function Gl(e, n) {
-  Y(), X = n, O = 0;
+function Ql(e, n) {
+  Y(), X = n, F = 0;
   const l = qe(e);
-  K = Ce(n, O, (s) => {
-    O = s, te();
+  K = Ce(n, F, (s) => {
+    F = s, te();
   }), Object.assign(K.style, {
     position: "fixed",
     left: `${l.left}px`,
@@ -2438,8 +2479,8 @@ function Gl(e, n) {
 }
 function te() {
   if (!K || !ee) return;
-  const e = Ce(X, O, (l) => {
-    O = l, te();
+  const e = Ce(X, F, (l) => {
+    F = l, te();
   }), n = K.getBoundingClientRect();
   K.replaceWith(e), K = e, Object.assign(K.style, {
     position: "fixed",
@@ -2448,43 +2489,43 @@ function te() {
     zIndex: "10000"
   });
 }
-function be(e, n) {
-  const { value: l, selectionStart: s } = e, t = me(l, s), a = n.insert || n.label, c = /\$\{([^}]*)\}/g;
-  let r = a;
+function ye(e, n) {
+  const { value: l, selectionStart: s } = e, t = fe(l, s), i = n.insert || n.label, d = /\$\{([^}]*)\}/g;
+  let c = i;
   const u = [];
-  let d;
-  for (; (d = c.exec(a)) !== null; ) {
-    const g = d[1], x = d.index, z = d[0].length;
-    u.push({ index: x, text: g, length: z });
+  let a;
+  for (; (a = d.exec(i)) !== null; ) {
+    const h = a[1], x = a.index, z = a[0].length;
+    u.push({ index: x, text: h, length: z });
   }
-  r = a.replace(/\$\{([^}]*)\}/g, "$1");
-  const i = u[0];
-  let m = t + r.length, p = t + r.length;
-  if (i) {
-    let g = 0, x = 0, z = !1;
-    for (; x < a.length && !z; ) {
-      const B = u.find((w) => w.index === x);
-      B ? (g += B.text.length, x += B.length, B === i && (m = t + g - B.text.length, p = t + g, z = !0)) : (g++, x++);
+  c = i.replace(/\$\{([^}]*)\}/g, "$1");
+  const r = u[0];
+  let m = t + c.length, p = t + c.length;
+  if (r) {
+    let h = 0, x = 0, z = !1;
+    for (; x < i.length && !z; ) {
+      const V = u.find((w) => w.index === x);
+      V ? (h += V.text.length, x += V.length, V === r && (m = t + h - V.text.length, p = t + h, z = !0)) : (h++, x++);
     }
   }
   return {
-    value: l.slice(0, t) + r + l.slice(s),
+    value: l.slice(0, t) + c + l.slice(s),
     selectionStart: m,
     selectionEnd: p
   };
 }
 function Y() {
-  Q && (clearTimeout(Q), Q = null), K && (K.remove(), K = null, X = [], O = 0, ee = null);
+  Q && (clearTimeout(Q), Q = null), K && (K.remove(), K = null, X = [], F = 0, ee = null);
 }
 function qe(e) {
-  const n = e.getBoundingClientRect(), { value: l, selectionStart: s } = e, a = l.substring(0, s).split(`
-`), c = a.length, r = a[a.length - 1] || "", u = parseInt(getComputedStyle(e).lineHeight) || 20;
+  const n = e.getBoundingClientRect(), { value: l, selectionStart: s } = e, i = l.substring(0, s).split(`
+`), d = i.length, c = i[i.length - 1] || "", u = parseInt(getComputedStyle(e).lineHeight) || 20;
   return {
-    left: n.left + 10 + r.length * 8,
-    top: n.top + (c - 1) * u
+    left: n.left + 10 + c.length * 8,
+    top: n.top + (d - 1) * u
   };
 }
-function Ee(e) {
+function Be(e) {
   ne && clearTimeout(ne), ne = setTimeout(() => {
     const n = e.selectionStart, l = e.selectionEnd;
     if (n === l) {
@@ -2496,13 +2537,13 @@ function Ee(e) {
       ae();
       return;
     }
-    const t = we.find((r) => r.label === s);
+    const t = we.find((c) => c.label === s);
     if (!t) {
       ae();
       return;
     }
-    const a = qe(e), c = We(t, a);
-    c.style.opacity = "0", G && G.remove(), G = c, document.body.appendChild(G), requestAnimationFrame(() => {
+    const i = qe(e), d = We(t, i);
+    d.style.opacity = "0", G && G.remove(), G = d, document.body.appendChild(G), requestAnimationFrame(() => {
       G && (G.style.opacity = "1");
     }), setTimeout(() => ae(), 3e3);
   }, 300);
@@ -2516,47 +2557,47 @@ typeof document < "u" && document.addEventListener("mousedown", (e) => {
   const n = e.target;
   K && !K.contains(n) && Y(), G && !G.contains(n) && ae();
 });
-const ye = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Zl = ["else", "end", "call", "fade"], Jl = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Xl = (e) => {
-  const n = e.filter((r) => r.type !== "var").map((r) => r.label), c = `(\\/\\/[^\\n]*)|('[^'\\n]*')|(\\b\\d+(?:\\.\\d+)?\\b)|(\\b(?:${Array.from(/* @__PURE__ */ new Set([...Zl, ...n])).map(Jl).join("|")})\\b)|(\\$[a-zA-Z_][a-zA-Z0-9_]*)|(\\b(?:btn_\\d+(?:_\\d+)?)\\b)|([;:(){}])`;
-  return new RegExp(c, "g");
-}, Yl = (e) => (n) => {
-  const l = Xl(e);
+const xe = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), eo = ["else", "end", "call", "fade"], to = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), no = (e) => {
+  const n = e.filter((c) => c.type !== "var").map((c) => c.label), d = `(\\/\\/[^\\n]*)|('[^'\\n]*')|(\\b\\d+(?:\\.\\d+)?\\b)|(\\b(?:${Array.from(/* @__PURE__ */ new Set([...eo, ...n])).map(to).join("|")})\\b)|(\\$[a-zA-Z_][a-zA-Z0-9_]*)|(\\b(?:btn_\\d+(?:_\\d+)?)\\b)|([;:(){}])`;
+  return new RegExp(d, "g");
+}, so = (e) => (n) => {
+  const l = no(e);
   let s = "", t = 0;
-  for (const a of n.matchAll(l)) {
-    const [c, r, u, d, i, m, p, b] = a;
-    let g = "";
-    r ? g = "comment" : u ? g = "str" : d ? g = "num" : i ? g = "word" : m ? g = "var" : p ? g = "event" : b && (g = "operator"), s += ye(n.slice(t, a.index)), s += `<span class="tok--${g}">${ye(c)}</span>`, t = a.index + c.length;
+  for (const i of n.matchAll(l)) {
+    const [d, c, u, a, r, m, p, b] = i;
+    let h = "";
+    c ? h = "comment" : u ? h = "str" : a ? h = "num" : r ? h = "word" : m ? h = "var" : p ? h = "event" : b && (h = "operator"), s += xe(n.slice(t, i.index)), s += `<span class="tok--${h}">${xe(d)}</span>`, t = i.index + d.length;
   }
-  return s += ye(n.slice(t)), s;
+  return s += xe(n.slice(t)), s;
 }, Ge = {
   word: "text-blue-600 dark:text-blue-400",
   func: "text-yellow-600 dark:text-yellow-400",
   var: "text-cyan-600 dark:text-cyan-400",
   event: "text-purple-600 dark:text-purple-400"
-}, Ql = (e, n, l) => {
+}, lo = (e, n, l) => {
   const s = document.createElement("div");
   return s.className = `
     fixed z-[10000] min-w-[250px] max-w-[400px] max-h-[250px] 
     overflow-y-auto p-1 rounded-lg shadow-lg border 
     border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 
     text-sm font-mono scrollbar pointer-events-none
-  `, e.forEach((t, a) => {
-    const c = a === n, r = document.createElement("div");
-    r.className = `
+  `, e.forEach((t, i) => {
+    const d = i === n, c = document.createElement("div");
+    c.className = `
       flex items-center justify-between gap-2 px-3 py-1.5 cursor-pointer 
       rounded transition-colors duration-100 border-l-2 
-      ${c ? "border-blue-500 dark:border-blue-400 bg-blue-50 dark:bg-blue-900/30" : "border-transparent hover:bg-gray-100 dark:hover:bg-gray-700"}
+      ${d ? "border-blue-500 dark:border-blue-400 bg-blue-50 dark:bg-blue-900/30" : "border-transparent hover:bg-gray-100 dark:hover:bg-gray-700"}
     `;
     const u = Ge[t.type] || "text-gray-700 dark:text-gray-300";
-    r.innerHTML = `
+    c.innerHTML = `
       <div class="flex items-center gap-2 flex-1">
         <span class="${u} font-medium">${t.label}</span>
         ${t.detail ? `<span class="text-xs text-gray-500 dark:text-gray-400 ml-2">${t.detail}</span>` : ""}
       </div>
       ${t.description ? `<span class="text-xs text-gray-400 dark:text-gray-500">${t.description}</span>` : ""}
-    `, r.addEventListener("click", () => l(a)), s.appendChild(r);
+    `, c.addEventListener("click", () => l(i)), s.appendChild(c);
   }), s;
-}, eo = (e, n) => {
+}, oo = (e, n) => {
   const l = document.createElement("div");
   l.className = `
     fixed z-[10001] px-3 py-2 font-mono text-sm max-w-[300px] 
@@ -2570,12 +2611,12 @@ const ye = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   `;
   let t = `<div class="font-medium ${Ge[e.type] || "text-gray-700 dark:text-gray-300"}">${e.label}</div>`;
   e.detail && (t += `<div class="text-gray-500 dark:text-gray-400 mt-0.5 text-xs">${e.detail}</div>`), e.description && (t += `<div class="text-gray-400 dark:text-gray-500 text-xs mt-1 pt-1 border-t border-gray-200 dark:border-gray-700">${e.description}</div>`), l.innerHTML = t;
-  const a = document.createElement("div");
-  return a.className = `
+  const i = document.createElement("div");
+  return i.className = `
     absolute bottom-[-6px] left-1/2 w-2.5 h-2.5 -translate-x-1/2 rotate-45
     bg-white dark:bg-gray-800 border-r border-b border-gray-200 dark:border-gray-700
-  `, l.appendChild(a), l;
-}, to = [
+  `, l.appendChild(i), l;
+}, ao = [
   { label: "if", type: "word", insert: `if:\${$v0<10};
 
 else;
@@ -2610,7 +2651,7 @@ end;`, detail: "event(name: string)" },
   { label: "$e", type: "var", insert: "$e${0}", detail: "var event" },
   { label: "$c", type: "var", insert: "$c${0}", detail: "var call" },
   { label: "$p", type: "var", insert: "$p${0}", detail: "gpio" }
-], ta = /* @__PURE__ */ S({
+], ia = /* @__PURE__ */ S({
   __name: "ScriptEditor",
   props: {
     modelValue: {},
@@ -2620,64 +2661,64 @@ end;`, detail: "event(name: string)" },
   setup(e, { emit: n }) {
     const l = n;
     let s;
-    const t = [...to, ...e.suggestions];
+    const t = [...ao, ...e.suggestions];
     return re(
       () => e.modelValue,
-      (a) => {
-        s.update({ value: a });
+      (i) => {
+        s.update({ value: i });
       }
     ), le(() => {
-      s = new Ol("#editor", {
+      s = new Wl("#editor", {
         value: e.modelValue,
         lineNumbers: !0,
-        highlighters: [Yl(t)],
+        highlighters: [so(t)],
         plugins: [
-          Rl(),
-          Kl(),
-          ql({
+          Zl(),
+          Jl(),
+          Yl({
             customSuggestions: t,
             minPrefixLength: 1,
             maxSuggestions: 20,
-            i18n: (a) => a,
+            i18n: (i) => i,
             tooltip: {
               enabled: !0
             },
-            renderMenu: Ql,
-            renderTooltip: eo
+            renderMenu: lo,
+            renderTooltip: oo
           }),
-          Wl()
+          Xl()
         ],
         styles: { fontSize: "14px" }
-      }), s.onUpdate((a) => {
-        l("update:modelValue", a);
+      }), s.onUpdate((i) => {
+        l("update:modelValue", i);
       });
     }), Me(() => {
       s.destroy();
-    }), (a, c) => (f(), v("div", null, [...c[0] || (c[0] = [
+    }), (i, d) => (f(), v("div", null, [...d[0] || (d[0] = [
       o("div", {
         class: "",
         id: "editor"
       }, null, -1)
     ])]));
   }
-}), no = { class: "max-w-4xl mx-auto" }, so = {
+}), io = { class: "max-w-4xl mx-auto" }, ro = {
   key: 0,
   class: "text-sm"
-}, lo = {
+}, co = {
   key: 0,
   class: "text-gray-500"
-}, oo = {
+}, uo = {
   key: 1,
   class: "text-red-600"
-}, ao = ["innerHTML"], io = "https://raw.githubusercontent.com/bondrogeen/vuesp/refs/heads/master/github/docs/scriptrunner/", ro = "https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js", na = /* @__PURE__ */ S({
+}, mo = ["innerHTML"], fo = "https://raw.githubusercontent.com/bondrogeen/vuesp/refs/heads/master/github/docs/scriptrunner/", po = "https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js", ra = /* @__PURE__ */ S({
   __name: "ScriptViewDocs",
   props: {
     lang: { default: "en" }
   },
   setup(e) {
-    const n = A(""), l = A(""), s = A(null), t = A(!1), a = A(null);
-    let c = null;
-    const r = () => new Promise((i, m) => {
+    const n = A(""), l = A(""), s = A(null), t = A(!1), i = A(null);
+    let d = null;
+    const c = () => new Promise((r, m) => {
       if (typeof window > "u" || typeof document > "u") {
         m(new Error("Markdown loading is available only in a browser"));
         return;
@@ -2687,116 +2728,116 @@ end;`, detail: "event(name: string)" },
           gfm: !0,
           breaks: !0,
           headerIds: !1
-        }), i(window.marked);
+        }), r(window.marked);
         return;
       }
       const p = document.createElement("script");
-      p.src = ro, p.async = !0, p.onload = () => {
+      p.src = po, p.async = !0, p.onload = () => {
         window.marked ? (window.marked.setOptions({
           gfm: !0,
           breaks: !0,
           headerIds: !1
-        }), i(window.marked)) : m(new Error("Marked library not found after loading"));
+        }), r(window.marked)) : m(new Error("Marked library not found after loading"));
       }, p.onerror = () => {
         m(new Error("Failed to load Marked library from CDN"));
       }, document.head.appendChild(p);
-    }), u = (i) => {
-      const m = i.split(`
+    }), u = (r) => {
+      const m = r.split(`
 `), p = {};
       let b = !0;
-      for (const g of m) {
-        if (b && g.startsWith("#")) {
+      for (const h of m) {
+        if (b && h.startsWith("#")) {
           b = !1;
           continue;
         }
-        if (b && g.includes(":")) {
-          const [x, z] = g.split(":").map((B) => B.trim());
+        if (b && h.includes(":")) {
+          const [x, z] = h.split(":").map((V) => V.trim());
           x && z && (x.toLowerCase().includes("version") && (p.version = z), (x.toLowerCase().includes("обновлено") || x.toLowerCase().includes("updated")) && (p.updated = z));
         }
       }
       return p;
-    }, d = async (i) => {
-      if (!c) {
-        a.value = "error";
+    }, a = async (r) => {
+      if (!d) {
+        i.value = "error";
         return;
       }
-      t.value = !0, a.value = null, l.value = "";
+      t.value = !0, i.value = null, l.value = "";
       try {
-        const m = `${io}${i}.md`, p = await fetch(m);
+        const m = `${fo}${r}.md`, p = await fetch(m);
         if (!p.ok)
           throw new Error(`HTTP ${p.status}: ${p.statusText}`);
         const b = await p.text();
-        n.value = b, s.value = u(b), l.value = c.parse(b);
+        n.value = b, s.value = u(b), l.value = d.parse(b);
       } catch (m) {
         const p = m instanceof Error ? m.message : "";
-        a.value = p, console.error("Error loading docs:", m);
+        i.value = p, console.error("Error loading docs:", m);
       } finally {
         t.value = !1;
       }
     };
     return le(async () => {
       try {
-        c = await r();
-        const i = e.lang ? "ru" : "en";
-        await d(i);
-      } catch (i) {
-        const m = i instanceof Error ? i.message : "";
-        a.value = m, console.error("Initialization error:", i);
+        d = await c();
+        const r = e.lang ? "ru" : "en";
+        await a(r);
+      } catch (r) {
+        const m = r instanceof Error ? r.message : "";
+        i.value = m, console.error("Initialization error:", r);
       }
-    }), (i, m) => (f(), v("div", no, [
-      t.value || a.value ? (f(), v("div", so, [
-        t.value ? (f(), v("span", lo, "⏳")) : T("", !0),
-        a.value ? (f(), v("span", oo, "❌ " + $(a.value), 1)) : T("", !0)
-      ])) : T("", !0),
+    }), (r, m) => (f(), v("div", io, [
+      t.value || i.value ? (f(), v("div", ro, [
+        t.value ? (f(), v("span", co, "⏳")) : B("", !0),
+        i.value ? (f(), v("span", uo, "❌ " + $(i.value), 1)) : B("", !0)
+      ])) : B("", !0),
       o("div", {
         class: "docs-content",
         innerHTML: l.value
-      }, null, 8, ao)
+      }, null, 8, mo)
     ]));
   }
-}), co = { class: "my-4" }, sa = /* @__PURE__ */ S({
+}), vo = { class: "my-4" }, ca = /* @__PURE__ */ S({
   __name: "ScriptDialog",
   props: {
     idScript: {}
   },
   emits: ["add", "close"],
   setup(e, { emit: n }) {
-    const l = n, { defineField: s, handleSubmit: t, isValid: a } = gt({
+    const l = n, { defineField: s, handleSubmit: t, isValid: i } = ht({
       validationSchema: () => ({
-        name: [ht, bt(8)]
+        name: [gt, bt(8)]
       })
-    }), [c, r] = s("name"), u = () => {
-      l("add", c.value);
-    }, d = t(() => {
-      u(), c.value = "", l("close", new Event("close"));
+    }), [d, c] = s("name"), u = () => {
+      l("add", d.value);
+    }, a = t(() => {
+      u(), d.value = "", l("close", new Event("close"));
     });
     return le(() => {
-      e.idScript || (c.value = "boot");
-    }), (i, m) => {
+      e.idScript || (d.value = "boot");
+    }), (r, m) => {
       const p = Z, b = E;
-      return f(), v("div", co, [
-        h(p, H({
-          modelValue: W(c),
-          "onUpdate:modelValue": m[0] || (m[0] = (g) => st(c) ? c.value = g : null)
-        }, W(r), {
+      return f(), v("div", vo, [
+        g(p, P({
+          modelValue: W(d),
+          "onUpdate:modelValue": m[0] || (m[0] = (h) => st(d) ? d.value = h : null)
+        }, W(c), {
           disabled: !e.idScript,
-          label: i.$t("name")
+          label: r.$t("name")
         }), null, 16, ["modelValue", "disabled", "label"]),
-        h(b, {
+        g(b, {
           class: "w-full",
           color: "blue",
-          disabled: !W(a),
-          onClick: W(d)
+          disabled: !W(i),
+          onClick: W(a)
         }, {
           default: y(() => [
-            D($(i.$t("add")), 1)
+            I($(r.$t("add")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "onClick"])
       ]);
     };
   }
-}), la = /* @__PURE__ */ S({
+}), da = /* @__PURE__ */ S({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2807,31 +2848,31 @@ end;`, detail: "event(name: string)" },
   },
   emits: ["update:modelValue", "select"],
   setup(e, { emit: n }) {
-    const l = n, s = (a) => l("update:modelValue", a), t = (a, c) => {
-      a.click(new Event("click")), l("select", c);
+    const l = n, s = (i) => l("update:modelValue", i), t = (i, d) => {
+      i.click(new Event("click")), l("select", d);
     };
-    return (a, c) => (f(), j(je, H(a.$attrs, {
+    return (i, d) => (f(), j(je, P(i.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
-      activator: y(({ on: r }) => [
-        h(Z, {
+      activator: y(({ on: c }) => [
+        g(Z, {
           "model-value": e.modelValue,
           name: e.name,
           message: e.message,
           label: e.label,
           "onUpdate:modelValue": s,
-          onClick: r.open
+          onClick: c.open
         }, null, 8, ["model-value", "name", "message", "label", "onClick"])
       ]),
-      default: y(({ on: r }) => [
-        h($e, {
+      default: y(({ on: c }) => [
+        g($e, {
           items: e.items,
-          onClick: (u) => t(r, u)
+          onClick: (u) => t(c, u)
         }, {
           default: y(({ item: u }) => [
-            k(a.$slots, "default", { item: u }, () => [
-              D($(u.name), 1)
+            k(i.$slots, "default", { item: u }, () => [
+              I($(u.name), 1)
             ])
           ]),
           _: 3
@@ -2840,20 +2881,20 @@ end;`, detail: "event(name: string)" },
       _: 3
     }, 16));
   }
-}), uo = {
+}), ho = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function mo(e, n) {
-  return f(), v("svg", uo, [...n[0] || (n[0] = [
+function go(e, n) {
+  return f(), v("svg", ho, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
     }, null, -1)
   ])]);
 }
-const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, vo = { class: "p-4" }, oa = /* @__PURE__ */ S({
+const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, xo = { class: "p-4" }, ua = /* @__PURE__ */ S({
   __name: "VExpansion",
   props: {
     label: { default: "" },
@@ -2862,19 +2903,19 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
   setup(e) {
     const n = A(null), l = A(e.value), s = () => {
       if (!n.value) return;
-      const a = n.value.querySelector(".v-expansion__content");
-      a && (a.style.maxHeight = l.value ? `${a.scrollHeight}px` : "0");
+      const i = n.value.querySelector(".v-expansion__content");
+      i && (i.style.maxHeight = l.value ? `${i.scrollHeight}px` : "0");
     }, t = () => {
       l.value = !l.value, s();
     };
     return le(() => {
       s();
-    }), (a, c) => {
-      const r = fo;
+    }), (i, d) => {
+      const c = bo;
       return f(), v("div", {
         ref_key: "root",
         ref: n,
-        class: "border-b dark:border-gray-700 border-gray-200"
+        class: "glass-inset mb-2 overflow-hidden rounded-md"
       }, [
         o("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
@@ -2882,23 +2923,23 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
         }, [
           o("h4", null, $(e.label), 1),
           o("div", {
-            class: V(["transition text-gray-400", { "rotate-x-180": l.value }])
+            class: T(["transition text-gray-400", { "rotate-x-180": l.value }])
           }, [
-            h(r, { class: "size-6" })
+            g(c, { class: "size-6" })
           ], 2)
         ]),
-        o("div", po, [
-          o("div", vo, [
-            k(a.$slots, "default")
+        o("div", yo, [
+          o("div", xo, [
+            k(i.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}), go = ["onDragstart", "onDragenter"], ho = {
+}), _o = ["onDragstart", "onDragenter"], $o = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded"
-}, aa = /* @__PURE__ */ S({
+}, ma = /* @__PURE__ */ S({
   __name: "VDragDrop",
   props: {
     items: {},
@@ -2906,31 +2947,31 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
   },
   emits: ["update:items", "order-change"],
   setup(e, { emit: n }) {
-    const l = n, s = A(null), t = A(0), a = A(-1), c = ({ id: m }) => ({
+    const l = n, s = A(null), t = A(0), i = A(-1), d = ({ id: m }) => ({
       "opacity-30 scale-105 z-10": s.value === m,
       "transition-transform duration-200": s.value !== m
-    }), r = (m, p, b) => {
+    }), c = (m, p, b) => {
       s.value = p, t.value = b, m.dataTransfer.effectAllowed = "move";
     }, u = (m) => {
-      s.value !== null && (a.value = m);
-    }, d = () => {
-      s.value = null, a.value = -1;
-    }, i = (m) => {
-      if (m.preventDefault(), s.value && a.value !== -1) {
-        const p = e.items.findIndex((g) => g[e.itemKey] === s.value), b = a.value;
+      s.value !== null && (i.value = m);
+    }, a = () => {
+      s.value = null, i.value = -1;
+    }, r = (m) => {
+      if (m.preventDefault(), s.value && i.value !== -1) {
+        const p = e.items.findIndex((h) => h[e.itemKey] === s.value), b = i.value;
         if (p !== b && b !== -1) {
-          const g = [...e.items], [x] = g.splice(p, 1);
-          g.splice(b, 0, x), l("update:items", g), l("order-change", { fromIndex: p, toIndex: b, movedItem: x, newOrder: g });
+          const h = [...e.items], [x] = h.splice(p, 1);
+          h.splice(b, 0, x), l("update:items", h), l("order-change", { fromIndex: p, toIndex: b, movedItem: x, newOrder: h });
         }
       }
-      a.value = -1;
+      i.value = -1;
     };
     return (m, p) => (f(), v("div", {
       onDragover: p[1] || (p[1] = q(() => {
       }, ["prevent"])),
-      onDrop: i
+      onDrop: r
     }, [
-      h(Le, {
+      g(Le, {
         "enter-active-class": "transition-all duration-300 ease",
         "enter-from-class": "opacity-0 translate-x-8",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -2940,33 +2981,33 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
         "move-class": "transition-all duration-300 ease"
       }, {
         default: y(() => [
-          (f(!0), v(I, null, R(e.items, (b, g) => (f(), v("div", {
+          (f(!0), v(D, null, N(e.items, (b, h) => (f(), v("div", {
             key: `${b.id}_drug`,
-            class: V(["relative group", c(b)]),
+            class: T(["relative group", d(b)]),
             draggable: "true",
-            onDragstart: (x) => r(x, b.id, g),
-            onDragenter: (x) => u(g),
-            onDragend: d,
+            onDragstart: (x) => c(x, b.id, h),
+            onDragenter: (x) => u(h),
+            onDragend: a,
             onDragover: p[0] || (p[0] = q(() => {
             }, ["prevent"]))
           }, [
             k(m.$slots, "default", {
               item: b,
               key: b.id,
-              index: g,
+              index: h,
               isDragging: s.value === b.id
             }),
-            a.value === g && s.value !== b.id ? (f(), v("div", ho)) : T("", !0)
-          ], 42, go))), 128))
+            i.value === h && s.value !== b.id ? (f(), v("div", $o)) : B("", !0)
+          ], 42, _o))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), bo = { class: "min-w-full" }, yo = { class: "border-y border-gray-200 py-3 dark:border-gray-800" }, xo = { class: "bg-gray-200 dark:bg-gray-800" }, _o = { class: "flex items-center" }, $o = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, ko = ["onClick"], wo = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Co = { key: 1 }, So = {
+}), ko = { class: "glass-inset overflow-hidden rounded-md" }, wo = { class: "min-w-full" }, Co = { class: "border-y border-gray-200/70 py-3 dark:border-white/10" }, So = { class: "bg-gray-100/70 dark:bg-white/[0.04]" }, zo = { class: "flex items-center" }, Vo = { class: "divide-y divide-gray-100 dark:divide-white/5" }, To = ["onClick"], Bo = { class: "flex items-center text-gray-700 dark:text-white/70" }, Eo = { key: 1 }, Lo = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, zo = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ia = /* @__PURE__ */ S({
+}, Mo = { class: "flex items-center justify-center px-2 text-sm text-gray-500 dark:text-white/50" }, fa = /* @__PURE__ */ S({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
@@ -2974,55 +3015,57 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const l = n, s = (c, r) => l("click", c, r), t = (c) => (c == null ? void 0 : c.className) || "", a = (c, { key: r }) => c == null ? void 0 : c[r];
-    return (c, r) => (f(), v("table", bo, [
-      o("thead", yo, [
-        o("tr", xo, [
-          (f(!0), v(I, null, R(e.headers, (u, d) => (f(), v("th", {
-            key: d,
-            class: V(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(u)])
-          }, [
-            k(c.$slots, "header", {
-              item: u,
-              i: d
-            }, () => [
-              o("div", _o, $(u.name), 1)
-            ])
-          ], 2))), 128))
-        ])
-      ]),
-      o("tbody", $o, [
-        e.items.length ? (f(!0), v(I, { key: 0 }, R(e.items, (u, d) => (f(), v("tr", {
-          key: d,
-          class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (i) => s(u, i)
-        }, [
-          (f(!0), v(I, null, R(e.headers, (i, m) => (f(), v("td", {
-            key: m,
-            class: "py-2 px-4"
-          }, [
-            o("div", wo, [
-              k(c.$slots, i.key, {
+    const l = n, s = (d, c) => l("click", d, c), t = (d) => (d == null ? void 0 : d.className) || "", i = (d, { key: c }) => d == null ? void 0 : d[c];
+    return (d, c) => (f(), v("div", ko, [
+      o("table", wo, [
+        o("thead", Co, [
+          o("tr", So, [
+            (f(!0), v(D, null, N(e.headers, (u, a) => (f(), v("th", {
+              key: a,
+              class: T(["px-4 py-2 whitespace-nowrap font-normal text-gray-500 dark:text-white/50", t(u)])
+            }, [
+              k(d.$slots, "header", {
                 item: u,
-                i: d
+                i: a
               }, () => [
-                D($(a(u, i)), 1)
+                o("div", zo, $(u.name), 1)
               ])
-            ])
-          ]))), 128))
-        ], 8, ko))), 128)) : (f(), v("tr", Co, [
-          o("td", So, [
-            o("div", zo, [
-              k(c.$slots, "empty", {}, () => [
-                r[0] || (r[0] = D("The list is empty", -1))
+            ], 2))), 128))
+          ])
+        ]),
+        o("tbody", Vo, [
+          e.items.length ? (f(!0), v(D, { key: 0 }, N(e.items, (u, a) => (f(), v("tr", {
+            key: a,
+            class: "transition-colors hover:bg-primary/[0.04] dark:hover:bg-white/[0.04]",
+            onClick: (r) => s(u, r)
+          }, [
+            (f(!0), v(D, null, N(e.headers, (r, m) => (f(), v("td", {
+              key: m,
+              class: "py-2 px-4"
+            }, [
+              o("div", Bo, [
+                k(d.$slots, r.key, {
+                  item: u,
+                  i: a
+                }, () => [
+                  I($(i(u, r)), 1)
+                ])
+              ])
+            ]))), 128))
+          ], 8, To))), 128)) : (f(), v("tr", Eo, [
+            o("td", Lo, [
+              o("div", Mo, [
+                k(d.$slots, "empty", {}, () => [
+                  c[0] || (c[0] = I("The list is empty", -1))
+                ])
               ])
             ])
-          ])
-        ]))
+          ]))
+        ])
       ])
     ]));
   }
-}), ra = /* @__PURE__ */ S({
+}), pa = /* @__PURE__ */ S({
   __name: "VTooltip",
   props: {
     timeout: {},
@@ -3034,7 +3077,7 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
     }, s = () => {
       n.value = !1;
     }, t = Ae("tooltip");
-    return pt(t, () => s()), (a, c) => (f(), v("div", {
+    return pt(t, () => s()), (i, d) => (f(), v("div", {
       ref: "tooltip",
       class: "relative v-tooltip",
       onMouseenter: l,
@@ -3044,9 +3087,9 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
         type: "button",
         onClick: l
       }, [
-        k(a.$slots, "activator")
+        k(i.$slots, "activator")
       ]),
-      h(_e, {
+      g(_e, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
         "enter-to-class": "opacity-100 translate-y-0",
@@ -3055,7 +3098,7 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
         "leave-to-class": "transform opacity-0 -translate-y-2"
       }, {
         default: y(() => [
-          k(a.$slots, "default", { show: n.value })
+          k(i.$slots, "default", { show: n.value })
         ]),
         _: 3
       })
@@ -3063,51 +3106,51 @@ const fo = N({ name: "ri-arrow-drop-down-line", render: mo }), po = { class: "v-
   }
 });
 export {
-  Io as AppAside,
-  jo as AppHeader,
-  No as AppNav,
-  Ho as AppNotification,
-  Po as AppOverlay,
-  Oo as AppProgress,
-  qo as BlockBreadcrumb,
-  Fo as BlockInfo,
-  Uo as BlockScan,
-  Ro as BlockService,
-  Ko as BlockStatus,
-  Wo as BlockUpdate,
+  Fo as AppAside,
+  Uo as AppHeader,
+  Wo as AppNav,
+  Ro as AppNotification,
+  Ko as AppOverlay,
+  qo as AppProgress,
+  Qo as BlockBreadcrumb,
+  Go as BlockInfo,
+  Zo as BlockScan,
+  Jo as BlockService,
+  Xo as BlockStatus,
+  Yo as BlockUpdate,
   oe as CardBase,
-  Go as CardButton,
-  Zo as CardDate,
-  Jo as CardDimmer,
-  Xo as CardInfo,
-  Yo as CardInput,
-  Qo as CardList,
-  ua as CardMain,
+  ea as CardButton,
+  ta as CardDate,
+  na as CardDimmer,
+  sa as CardInfo,
+  la as CardInput,
+  oa as CardList,
+  ga as CardMain,
   Wt as CardNotification,
-  ea as ItemEdit,
-  sa as ScriptDialog,
-  ta as ScriptEditor,
-  na as ScriptViewDocs,
-  la as VAutocomplete,
+  aa as ItemEdit,
+  ca as ScriptDialog,
+  ia as ScriptEditor,
+  ra as ScriptViewDocs,
+  da as VAutocomplete,
   E as VButton,
-  fl as VCheckbox,
-  He as VDialog,
-  aa as VDragDrop,
+  bl as VCheckbox,
+  Pe as VDialog,
+  ma as VDragDrop,
   je as VDropdown,
-  oa as VExpansion,
-  Xn as VFile,
+  ua as VExpansion,
+  ns as VFile,
   ge as VFunc,
   Ie as VIconLogo,
   lt as VIconLogoMini,
   $e as VList,
   Ue as VListObject,
   it as VLoader,
-  ma as VPopup,
+  ba as VPopup,
   se as VSelect,
-  ia as VTable,
-  al as VTabs,
+  fa as VTable,
+  ul as VTabs,
   Z as VTextField,
   Fe as VTextWrapper,
-  ra as VTooltip,
+  pa as VTooltip,
   at as VWifiIcon
 };