vuesp-components 2.2.6 → 2.3.0

package/dist/components/index.es.js

@@ -1,12 +1,12 @@
-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 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({
+import { defineComponent as M, resolveComponent as Ae, openBlock as f, createElementBlock as v, Fragment as L, createCommentVNode as z, createElementVNode as o, normalizeClass as B, createVNode as g, withCtx as x, createBlock as D, renderSlot as k, markRaw as O, computed as T, withModifiers as F, toDisplayString as _, unref as q, TransitionGroup as De, renderList as N, mergeProps as j, ref as E, watch as oe, resolveDynamicComponent as re, Transition as ke, normalizeStyle as ve, createTextVNode as H, normalizeProps as K, guardReactiveProps as R, onMounted as Q, onUnmounted as we, reactive as nt, useTemplateRef as Ie, withDirectives as he, vShow as st, vModelText as He, createSlots as lt, isRef as ot, useModel as at, vModelDynamic as it, mergeModels as rt, Teleport as dt, nextTick as je } from "vue";
+import { a as ct, V as Pe, j as A, h as Ne, g as Ce, k as ue, l as ut, d as mt, i as ft, e as le, _ as Oe, f as J } from "../VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js";
+import { b as Ga, m as Ja } from "../VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js";
+import { f as pt, t as vt, g as ht, u as fe, s as gt, d as bt, m as xt, c as yt } from "../app-B45sALrX.js";
+import { d as Me, e as _t, o as $t } from "../useDialog-ALG4kFE7.js";
+import { getDataValue as kt } from "../dashboard/index.es.js";
+import { useForm as wt } from "../composables/index.es.js";
+import { required as Ct, maxLen as Mt } from "../validate/index.es.js";
+const zt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, pa = /* @__PURE__ */ M({
   __name: "AppAside",
   props: {
     isSidebar: { type: Boolean, default: !1 }
@@ -16,26 +16,26 @@ 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, i) => {
-      const d = Ee("router-link");
-      return f(), v(D, null, [
+    return (t, r) => {
+      const c = Ae("router-link");
+      return f(), v(L, 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
-        })) : B("", !0),
+        })) : z("", !0),
         o("aside", {
-          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"])
+          class: B([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: 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"])
+            class: B([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"])
           }, [
-            g(d, { to: "/" }, {
-              default: y(() => [
-                e.isSidebar ? (f(), j(lt, {
+            g(c, { to: "/" }, {
+              default: x(() => [
+                e.isSidebar ? (f(), D(ct, {
                   key: 0,
                   class: "h-[30px] text-primary"
-                })) : (f(), j(Ie, {
+                })) : (f(), D(Pe, {
                   key: 1,
                   class: "h-[30px] text-primary"
                 }))
@@ -43,92 +43,92 @@ const yt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 eas
               _: 1
             })
           ], 2),
-          o("div", yt, [
+          o("div", zt, [
             k(t.$slots, "default")
           ])
         ], 2)
       ], 64);
     };
   }
-}), xt = {
+}), St = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _t(e, n) {
-  return f(), v("svg", xt, [...n[0] || (n[0] = [
+function Vt(e, n) {
+  return f(), v("svg", St, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5m15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5m-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5s1.5-.675 1.5-1.5s-.675-1.5-1.5-1.5"
     }, null, -1)
   ])]);
 }
-const He = O({ name: "ri-more-line", render: _t }), $t = {
+const Ue = O({ name: "ri-more-line", render: Vt }), Tt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function kt(e, n) {
-  return f(), v("svg", $t, [...n[0] || (n[0] = [
+function Bt(e, n) {
+  return f(), v("svg", Tt, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M4 18h2v2h12V4H6v2H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm2-7h7v2H6v3l-5-4l5-4z"
     }, null, -1)
   ])]);
 }
-const wt = O({ name: "ri-logout-box-line", render: kt }), Ct = {
+const Et = O({ name: "ri-logout-box-line", render: Bt }), Lt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function St(e, n) {
-  return f(), v("svg", Ct, [...n[0] || (n[0] = [
+function At(e, n) {
+  return f(), v("svg", Lt, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M5 18h14v-6.969C19 7.148 15.866 4 12 4s-7 3.148-7 7.031zm7-16c4.97 0 9 4.043 9 9.031V20H3v-8.969C3 6.043 7.03 2 12 2M9.5 21h5a2.5 2.5 0 0 1-5 0"
     }, null, -1)
   ])]);
 }
-const Ne = O({ name: "ri-notification-line", render: St }), zt = {
+const Ke = O({ name: "ri-notification-line", render: At }), Dt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Vt(e, n) {
-  return f(), v("svg", zt, [...n[0] || (n[0] = [
+function It(e, n) {
+  return f(), v("svg", Dt, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12"
     }, null, -1)
   ])]);
 }
-const Tt = O({ name: "ri-moon-line", render: Vt }), Bt = {
+const Ht = O({ name: "ri-moon-line", render: It }), jt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Et(e, n) {
-  return f(), v("svg", Bt, [...n[0] || (n[0] = [
+function Pt(e, n) {
+  return f(), v("svg", jt, [...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 = O({ name: "ri-sun-line", render: Et }), Mt = {
+const Nt = O({ name: "ri-sun-line", render: Pt }), Ot = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function At(e, n) {
-  return f(), v("svg", Mt, [...n[0] || (n[0] = [
+function Ut(e, n) {
+  return f(), v("svg", Ot, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z"
     }, null, -1)
   ])]);
 }
-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({
+const Kt = O({ name: "ri-menu-line", render: Ut }), Rt = { 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)]" }, Ft = { class: "px-4 py-4 sm:px-6 lg:px-8" }, Wt = { class: "container mx-auto flex flex-auto items-center" }, qt = { class: "lg:hidden h-[30px]" }, Gt = { class: "gap-4 hidden lg:flex" }, Jt = { class: "lg:hidden flex gap-4" }, Zt = { class: "ms-2" }, va = /* @__PURE__ */ M({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function },
@@ -140,96 +140,96 @@ const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], 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 = () => {
+    ], t = T(() => !!e.notifications.find((i) => i.isNew)), r = (i) => l("sidebar", i), c = (i) => l("notif", i), d = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), m = () => {
       e.changeTheme && e.changeTheme();
-    }, a = ({ value: r }, m) => {
-      r == 1 && u(), r == 2 && d(m), r == 3 && c();
+    }, a = ({ value: i }, u) => {
+      i == 1 && m(), i == 2 && c(u), i == 3 && d();
     };
-    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", Pt, [
-            g(E, {
+    return (i, u) => {
+      const p = Kt, b = Ae("router-link"), h = Nt, y = Ht, S = Ke, V = Et, w = Ue;
+      return f(), v("header", Rt, [
+        u[3] || (u[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", Ft, [
+          o("div", Wt, [
+            g(A, {
               type: "icon",
-              onClick: i
+              onClick: r
             }, {
-              default: y(() => [
+              default: x(() => [
                 g(p, { class: "size-5" })
               ]),
               _: 1
             }),
-            m[1] || (m[1] = o("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            o("div", Ht, [
+            u[1] || (u[1] = o("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            o("div", qt, [
               g(b, { to: "/" }, {
-                default: y(() => [
-                  g(Ie, { class: "h-[30px] text-primary" })
+                default: x(() => [
+                  g(Pe, { class: "h-[30px] text-primary" })
                 ]),
                 _: 1
               })
             ]),
-            m[2] || (m[2] = o("div", { class: "flex-auto" }, null, -1)),
-            o("div", Nt, [
-              g(E, {
+            u[2] || (u[2] = o("div", { class: "flex-auto" }, null, -1)),
+            o("div", Gt, [
+              g(A, {
                 type: "icon",
-                onClick: u
+                onClick: m
               }, {
-                default: y(() => [
+                default: x(() => [
                   g(h, { class: "dark:hidden" }),
-                  g(x, { class: "hidden dark:flex" })
+                  g(y, { class: "hidden dark:flex" })
                 ]),
                 _: 1
               }),
-              g(E, {
+              g(A, {
                 type: "icon",
-                onClick: d
+                onClick: c
               }, {
-                default: y(() => [
+                default: x(() => [
                   o("span", {
-                    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] = [
+                    class: B([t.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+                  }, [...u[0] || (u[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),
-                  g(z, { class: "size-5" })
+                  g(S, { class: "size-5" })
                 ]),
                 _: 1
               }),
-              g(E, {
+              g(A, {
                 type: "icon",
-                onClick: q(c, ["prevent"])
+                onClick: F(d, ["prevent"])
               }, {
-                default: y(() => [
+                default: x(() => [
                   g(V, { class: "size-5" })
                 ]),
                 _: 1
               })
             ]),
-            o("div", Ot, [
-              g(je, {
+            o("div", Jt, [
+              g(Ne, {
                 left: "unset",
                 right: "0",
                 top: "0"
               }, {
-                activator: y(({ on: H }) => [
-                  g(E, {
+                activator: x(({ on: P }) => [
+                  g(A, {
                     type: "icon",
                     class: "flex",
-                    onClick: H.click
+                    onClick: P.click
                   }, {
-                    default: y(() => [
+                    default: x(() => [
                       g(w)
                     ]),
                     _: 1
                   }, 8, ["onClick"])
                 ]),
-                default: y(() => [
-                  g($e, {
+                default: x(() => [
+                  g(Ce, {
                     items: s,
                     onClick: a
                   }, {
-                    default: y(({ item: H }) => [
-                      o("span", Ft, $(H.name), 1)
+                    default: x(({ item: P }) => [
+                      o("span", Zt, _(P.name), 1)
                     ]),
                     _: 1
                   })
@@ -242,7 +242,7 @@ const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header
       ]);
     };
   }
-}), Ut = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, Rt = { class: "flex-auto text-xs" }, Kt = { class: "text-gray-500 dark:text-gray-400 mt-1" }, Wt = /* @__PURE__ */ S({
+}), Xt = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, Yt = { class: "flex-auto text-xs" }, Qt = { class: "text-gray-500 dark:text-gray-400 mt-1" }, en = /* @__PURE__ */ M({
   __name: "CardNotification",
   props: {
     empty: {},
@@ -255,50 +255,50 @@ const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header
   },
   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"], 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, [
+    const l = e, s = n, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], r = (m) => t[m], c = (m) => s("remove", m), d = (m) => s("read", m);
+    return (m, a) => {
+      const i = Ke, u = ue;
+      return f(), v("div", Xt, [
         o("div", {
-          class: T(["absolute left-0 top-0 w-[3px] h-full", i(l.color)])
+          class: B(["absolute left-0 top-0 w-[3px] h-full", r(l.color)])
         }, null, 2),
-        g(E, {
+        g(A, {
           class: "shrink-0",
           type: "icon",
-          onClick: c
+          onClick: d
         }, {
-          default: y(() => [
+          default: x(() => [
             o("span", {
-              class: T([l.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+              class: B([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),
-            g(r, { class: "size-5" })
+            g(i, { class: "size-5" })
           ]),
           _: 1
         }),
-        o("div", Rt, [
-          o("div", null, $(l.text), 1),
-          o("div", Kt, $(W(rt)(l.date)) + " (" + $(W(ct)(l.date)) + ")", 1)
+        o("div", Yt, [
+          o("div", null, _(l.text), 1),
+          o("div", Qt, _(q(pt)(l.date)) + " (" + _(q(vt)(l.date)) + ")", 1)
         ]),
-        g(E, {
+        g(A, {
           class: "shrink-0",
           type: "icon",
           size: "sm",
-          onClick: d
+          onClick: c
         }, {
-          default: y(() => [
-            g(m, { class: "size-4" })
+          default: x(() => [
+            g(u, { class: "size-4" })
           ]),
           _: 1
         })
       ]);
     };
   }
-}), qt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Gt = {
+}), tn = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, nn = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
-}, Ro = /* @__PURE__ */ S({
+}, ha = /* @__PURE__ */ M({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
@@ -306,20 +306,20 @@ const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header
   },
   emits: ["close", "remove", "read"],
   setup(e, { emit: n }) {
-    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, [
+    const l = e, s = n, t = T(() => !!l.notifications.find((a) => a.isNew)), r = T(() => !!l.notifications.length), c = (a) => s("close", a), d = (a) => s("remove", a), m = (a) => s("read", a);
+    return (a, i) => (f(), v(L, 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: d
-      })) : B("", !0),
+        onClick: c
+      })) : z("", !0),
       o("aside", {
-        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"])
+        class: B([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, [
+        o("div", tn, [
           k(a.$slots, "header", { isNew: t.value }),
-          i.value ? (f(), v("div", Gt, [
-            g(Le, {
+          r.value ? (f(), v("div", nn, [
+            g(De, {
               "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,16 +327,16 @@ const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header
               "leave-from-class": "opacity-100 translate-x-0",
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
-              default: y(() => [
-                (f(!0), v(D, null, N(l.notifications, (m) => (f(), v("div", {
-                  key: m.date,
+              default: x(() => [
+                (f(!0), v(L, null, N(l.notifications, (u) => (f(), v("div", {
+                  key: u.date,
                   class: "relative"
                 }, [
-                  k(a.$slots, "card", { item: m }, () => [
-                    g(Wt, P({ ref_for: !0 }, m, {
+                  k(a.$slots, "card", { item: u }, () => [
+                    g(en, j({ ref_for: !0 }, u, {
                       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)
+                      onRemove: (p) => d(u),
+                      onRead: (p) => m(u)
                     }), null, 16, ["onRemove", "onRead"])
                   ])
                 ]))), 128))
@@ -348,32 +348,32 @@ const Dt = O({ name: "ri-menu-line", render: At }), It = { class: "glass-header
       ], 2)
     ], 64));
   }
-}), Zt = {}, Jt = { class: "fixed h-full w-full top-0 left-0 z-20" }, Xt = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Yt(e, n) {
-  return f(), v("div", Jt, [
+}), sn = {}, ln = { class: "fixed h-full w-full top-0 left-0 z-20" }, on = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function an(e, n) {
+  return f(), v("div", ln, [
     n[0] || (n[0] = o("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
-    o("div", Xt, [
+    o("div", on, [
       k(e.$slots, "default")
     ])
   ]);
 }
-const Ko = /* @__PURE__ */ ot(Zt, [["render", Yt]]), Qt = {
+const ga = /* @__PURE__ */ ut(sn, [["render", an]]), rn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function en(e, n) {
-  return f(), v("svg", Qt, [...n[0] || (n[0] = [
+function dn(e, n) {
+  return f(), v("svg", rn, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z"
     }, null, -1)
   ])]);
 }
-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 = {
+const cn = O({ name: "ri-arrow-right-s-line", render: dn }), un = { class: "mb-4 flex flex-col gap-2" }, mn = { class: "size-6 flex-[0_0_24px] opacity-60" }, fn = ["onClick"], pn = { class: "flex flex-col gap-2" }, vn = { class: "flex gap-2 ms-8" }, hn = { class: "size-5 flex-[0_0_24px]" }, gn = { class: "flex-1 first-letter:uppercase text-sm" }, bn = {
   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({
+}, xn = { class: "flex flex-col gap-2" }, yn = { class: "flex gap-2 ms-14" }, _n = { class: "size-5 flex-[0_0_24px]" }, $n = { class: "flex-1 first-letter:uppercase text-sm" }, ba = /* @__PURE__ */ M({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -382,116 +382,116 @@ const tn = O({ 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: a }) => {
+    const l = n, s = E(""), 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) => {
+    }, r = (a) => e.fullPath === a, c = (a) => a ? e.fullPath === a || e.fullPath.startsWith(a) : !1, d = (a, i) => !a.path || i === "/" || a.path === "/" ? !1 : a.path === i || i.includes(a.path), m = (a, i) => (a == null ? void 0 : a.find(
+      (u) => {
         var p;
-        return c(m, r) || ((p = m.children) == null ? void 0 : p.some(
+        return d(u, i) || ((p = u.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)));
+            return d(b, i) || ((h = b.children) == null ? void 0 : h.some((y) => d(y, i)));
           }
         ));
       }
     )) ?? null;
-    return re(
+    return oe(
       () => e.menu,
       () => {
         var a;
-        return s.value = ((a = u(e.menu, e.fullPath) ?? dt(e.menu, e.fullPath)) == null ? void 0 : a.name) || "";
+        return s.value = ((a = m(e.menu, e.fullPath) ?? ht(e.menu, e.fullPath)) == null ? void 0 : a.name) || "";
       }
-    ), (a, r) => {
-      const m = tn;
+    ), (a, i) => {
+      const u = cn;
       return f(), v("nav", null, [
-        o("ul", nn, [
-          (f(!0), v(D, null, N(e.menu, (p) => (f(), v("li", {
+        o("ul", un, [
+          (f(!0), v(L, null, N(e.menu, (p) => (f(), v("li", {
             key: p.name
           }, [
-            (f(), j(ue(p.path ? "router-link" : "span"), {
+            (f(), D(re(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"])
+              class: B(["flex gap-2 items-center px-3 py-2 rounded", r(p.path) ? "bg-primary/10 text-primary" : "hover:bg-white/5"]),
+              onClick: F((b) => t(p), ["prevent", "stop"])
             }, {
-              default: y(() => [
-                o("div", sn, [
+              default: x(() => [
+                o("div", mn, [
                   k(a.$slots, "icon", { item: p })
                 ]),
                 o("span", {
-                  class: T(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, $(p.name), 3),
+                  class: B(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
+                }, _(p.name), 3),
                 o("button", {
-                  class: T(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: q((b) => t(p), ["prevent", "stop"])
+                  class: B(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
+                  onClick: F((b) => t(p), ["prevent", "stop"])
                 }, [
-                  p.children ? (f(), j(m, { key: 0 })) : B("", !0)
-                ], 10, ln)
+                  p.children ? (f(), D(u, { key: 0 })) : z("", !0)
+                ], 10, fn)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
             p.children ? (f(), v("div", {
               key: 0,
-              class: T(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === p.name ? "block" : "hidden"]])
+              class: B(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === p.name ? "block" : "hidden"]])
             }, [
-              o("ul", on, [
-                (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"), {
+              o("ul", pn, [
+                (f(!0), v(L, null, N(p.children, ({ name: b, path: h, icon: y, children: S }) => (f(), v("li", { key: b }, [
+                  (f(), D(re(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"])
+                    class: B(["flex gap-2 items-center px-3 py-2 rounded", r(h) ? "bg-primary/10 text-primary" : "hover:bg-white/5"])
                   }, {
-                    default: y(() => [
-                      o("div", an, [
-                        o("div", rn, [
+                    default: x(() => [
+                      o("div", vn, [
+                        o("div", hn, [
                           k(a.$slots, "icon-children", {
-                            item: { name: b, path: h, icon: x }
+                            item: { name: b, path: h, icon: y }
                           })
                         ]),
-                        o("span", cn, $(b), 1)
+                        o("span", gn, _(b), 1)
                       ])
                     ]),
                     _: 2
                   }, 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", {
+                  S != null && S.length && c(h) ? (f(), v("div", bn, [
+                    o("ul", xn, [
+                      (f(!0), v(L, null, N(S, (V) => (f(), v("li", {
                         key: V.name
                       }, [
-                        (f(), j(ue(V.path ? "router-link" : "span"), {
+                        (f(), D(re(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"])
+                          class: B(["flex gap-2 items-center px-3 py-2 rounded", r(V.path) ? "bg-primary/10 text-primary" : "hover:bg-white/5"])
                         }, {
-                          default: y(() => [
-                            o("div", mn, [
-                              o("div", fn, [
+                          default: x(() => [
+                            o("div", yn, [
+                              o("div", _n, [
                                 k(a.$slots, "icon-children", { item: V })
                               ]),
-                              o("span", pn, $(V.name), 1)
+                              o("span", $n, _(V.name), 1)
                             ])
                           ]),
                           _: 2
                         }, 1032, ["to", "class"]))
                       ]))), 128))
                     ])
-                  ])) : B("", !0)
+                  ])) : z("", !0)
                 ]))), 128))
               ])
-            ], 2)) : B("", !0)
+            ], 2)) : z("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), vn = {
+}), kn = {
   key: 0,
   class: "glass-panel w-full min-w-[260px] max-w-xs p-4 shadow-lg",
   role: "alert"
-}, hn = { class: "flex items-center gap-4 text-sm" }, gn = {
+}, wn = { class: "flex items-center gap-4 text-sm" }, Cn = {
   key: 0,
   class: "text-green-600"
-}, bn = {
+}, Mn = {
   key: 1,
   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({
+}, zn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Sn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, xa = /* @__PURE__ */ M({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -502,17 +502,17 @@ const tn = O({ 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), i = ke(() => {
+    const n = E(!1), l = T(() => !!e.length), s = T(() => !!(l.value && t.value === 100 && !e.status)), t = T(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), r = Me(() => {
       n.value = !1;
     }, e.timeout);
-    return re(
+    return oe(
       () => [e.size, e.status],
       () => {
-        n.value = !0, i();
+        n.value = !0, r();
       }
-    ), (d, c) => {
-      const u = ce;
-      return f(), j(_e, {
+    ), (c, d) => {
+      const m = ue;
+      return f(), D(ke, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 translate-x-full",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -520,41 +520,41 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
         "leave-from-class": "opacity-100 translate-y-0",
         "leave-to-class": "transform opacity-0 -translate-y-8"
       }, {
-        default: y(() => [
-          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)
+        default: x(() => [
+          n.value ? (f(), v("div", kn, [
+            o("div", wn, [
+              k(c.$slots, "default", { isDone: s.value }, () => [
+                d[1] || (d[1] = o("div", { class: "flex-auto" }, "Progress...", -1)),
+                s.value ? (f(), v("span", Cn, "Done")) : z("", !0)
               ]),
               o("button", {
                 class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
-                onClick: c[0] || (c[0] = (a) => n.value = !1)
+                onClick: d[0] || (d[0] = (a) => n.value = !1)
               }, [
-                g(u, { class: "size-4" })
+                g(m, { 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: pe(`width: ${t.value}%`)
-            }, null, 4)) : B("", !0),
-            l.value ? (f(), v("div", bn, [
-              o("div", yn, $(t.value) + "%", 1),
+              style: ve(`width: ${t.value}%`)
+            }, null, 4)) : z("", !0),
+            l.value ? (f(), v("div", Mn, [
+              o("div", zn, _(t.value) + "%", 1),
               o("div", {
                 class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-                style: pe(`width: ${t.value}%`)
+                style: ve(`width: ${t.value}%`)
               }, [
-                o("div", xn, $(t.value) + "%", 1)
+                o("div", Sn, _(t.value) + "%", 1)
               ], 4)
-            ])) : B("", !0)
-          ])) : B("", !0)
+            ])) : z("", !0)
+          ])) : z("", !0)
         ]),
         _: 3
       });
     };
   }
-}), _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({
+}), Vn = { class: "my-4 text-gray-700 dark:text-gray-400" }, Tn = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Bn = { class: "flex gap-2" }, En = { class: "text-gray-700 dark:text-gray-400" }, Ln = { class: "flex gap-2" }, An = { class: "flex gap-2" }, Dn = { class: "text-gray-700 dark:text-gray-400" }, In = { class: "flex gap-2" }, Hn = { class: "text-gray-700 dark:text-gray-400" }, jn = { class: "flex flex-col gap-4 text-sm" }, Pn = { class: "flex gap-4" }, ya = /* @__PURE__ */ M({
   __name: "BlockInfo",
   props: {
     pkg: {},
@@ -568,85 +568,85 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
     board: {}
   },
   setup(e) {
-    const n = M(() => e.firmware.join(".")), l = M(() => {
-      var t, i, d, c, u, a, r;
+    const n = T(() => e.firmware.join(".")), l = T(() => {
+      var t, r, c, d, m, a, i;
       const 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 (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (c = (r = e.pkg) == null ? void 0 : r.repository) != null && c.url && s.push({ name: "repository", href: e.pkg.repository.url }), (m = (d = e.pkg) == null ? void 0 : d.bugs) != null && m.url && s.push({ name: "bugs", href: e.pkg.bugs.url }), (a = e.pkg) != null && a.author && s.push({ name: "author", href: `mailto:${(i = e.pkg) == null ? void 0 : i.author}` }), s;
     });
     return (s, t) => {
-      var i, d;
+      var r, c;
       return f(), v("div", null, [
-        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("p", Vn, _((r = e.pkg) == null ? void 0 : r.description), 1),
+        o("div", Tn, [
+          o("div", Bn, [
+            t[0] || (t[0] = H(" Firmware (hw): ", -1)),
+            o("span", En, _(n.value), 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)
+          o("div", Ln, [
+            o("div", An, [
+              t[1] || (t[1] = H(" Version (web): ", -1)),
+              o("span", Dn, _((c = e.pkg) == null ? void 0 : c.version), 1)
             ])
           ]),
           t[3] || (t[3] = o("div", { class: "flex-auto" }, null, -1)),
-          o("div", Vn, [
-            t[2] || (t[2] = I(" ID: ", -1)),
-            o("span", Tn, $(e.id.toString(16)), 1)
+          o("div", In, [
+            t[2] || (t[2] = H(" ID: ", -1)),
+            o("span", Hn, _(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", Bn, [
-          o("div", En, [
+        o("div", jn, [
+          o("div", Pn, [
             k(s.$slots, "links", { links: l.value })
           ])
         ])
       ]);
     };
   }
-}), Ln = ["onClick"], Mn = { class: "mr-2" }, An = { class: "text-sm" }, Dn = { class: "text-gray-400 text-xs" }, In = {
+}), Nn = ["onClick"], On = { class: "mr-2" }, Un = { class: "text-sm" }, Kn = { class: "text-gray-400 text-xs" }, Rn = {
   key: 0,
   class: "flex justify-center"
-}, jn = { class: "flex justify-end mt-4" }, Zo = /* @__PURE__ */ S({
+}, Fn = { class: "flex justify-end mt-4" }, _a = /* @__PURE__ */ M({
   __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 = (d) => l("select", d), i = (d) => l("scan", d);
-    return (d, c) => {
-      const u = at, a = $e, r = it, m = E;
+    const l = n, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], t = (c) => l("select", c), r = (c) => l("scan", c);
+    return (c, d) => {
+      const m = mt, a = Ce, i = ft, u = A;
       return f(), v("div", null, [
         g(a, {
           items: e.items,
           class: "bg-transparent! ring-0!"
         }, {
-          default: y(({ item: p }) => [
+          default: x(({ item: p }) => [
             o("div", {
               class: "flex items-center w-full",
               onClick: (b) => t(p)
             }, [
-              o("div", Mn, [
-                g(u, U(R(p)), null, 16)
+              o("div", On, [
+                g(m, K(R(p)), null, 16)
               ]),
               o("div", null, [
-                o("div", An, $(p.ssid), 1),
-                o("div", Dn, $(d.$t("security")) + " : " + $(s[p.encryptionType] || "unknown"), 1)
+                o("div", Un, _(p.ssid), 1),
+                o("div", Kn, _(c.$t("security")) + " : " + _(s[p.encryptionType] || "unknown"), 1)
               ])
-            ], 8, Ln)
+            ], 8, Nn)
           ]),
           _: 1
         }, 8, ["items"]),
-        e.items.length ? B("", !0) : (f(), v("div", In, [
-          g(r, { class: "text-primary" })
+        e.items.length ? z("", !0) : (f(), v("div", Rn, [
+          g(i, { class: "text-primary" })
         ])),
-        o("div", jn, [
-          g(m, {
+        o("div", Fn, [
+          g(u, {
             color: "blue",
-            onClick: i
+            onClick: r
           }, {
-            default: y(() => [
-              I($(d.$t("scan")), 1)
+            default: x(() => [
+              H(_(c.$t("scan")), 1)
             ]),
             _: 1
           })
@@ -654,7 +654,7 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
       ]);
     };
   }
-}), 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({
+}), Wn = { class: "md:flex items-center mb-4" }, qn = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, Gn = { class: "md:max-w-50" }, Jn = { class: "flex items-center mb-4" }, Zn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Xn = { class: "flex items-center mb-4" }, Yn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, $a = /* @__PURE__ */ M({
   __name: "BlockService",
   props: {
     locale: {},
@@ -662,47 +662,47 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
   },
   emits: ["reboot", "reset", "locale"],
   setup(e, { emit: n }) {
-    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;
+    const l = n, s = (r) => l("locale", r), t = (r) => {
+      var c;
+      return (c = e.locales.find((d) => d.value === r)) == null ? void 0 : c.name;
     };
-    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, {
+    return (r, c) => {
+      const d = le, m = A;
+      return f(), v(L, null, [
+        o("div", Wn, [
+          o("div", qn, _(r.$t("selectLang")), 1),
+          o("div", Gn, [
+            g(d, {
               "model-value": t(e.locale),
-              label: i.$t("lang"),
+              label: r.$t("lang"),
               items: e.locales,
               onChange: s
             }, null, 8, ["model-value", "label", "items"])
           ])
         ]),
-        o("div", On, [
-          o("div", Fn, $(i.$t("rebootDev")), 1),
-          g(u, {
+        o("div", Jn, [
+          o("div", Zn, _(r.$t("rebootDev")), 1),
+          g(m, {
             class: "min-w-[100px]",
             color: "red",
             outline: "",
-            onClick: d[0] || (d[0] = (a) => l("reboot", a))
+            onClick: c[0] || (c[0] = (a) => l("reboot", a))
           }, {
-            default: y(() => [
-              I($(i.$t("reboot")), 1)
+            default: x(() => [
+              H(_(r.$t("reboot")), 1)
             ]),
             _: 1
           })
         ]),
-        o("div", Un, [
-          o("div", Rn, $(i.$t("resetConf")), 1),
-          g(u, {
+        o("div", Xn, [
+          o("div", Yn, _(r.$t("resetConf")), 1),
+          g(m, {
             class: "min-w-[100px]",
             color: "red",
-            onClick: d[1] || (d[1] = (a) => l("reset", a))
+            onClick: c[1] || (c[1] = (a) => l("reset", a))
           }, {
-            default: y(() => [
-              I($(i.$t("reset")), 1)
+            default: x(() => [
+              H(_(r.$t("reset")), 1)
             ]),
             _: 1
           })
@@ -710,7 +710,7 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
       ], 64);
     };
   }
-}), 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({
+}), Qn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, es = { class: "flex flex-col w-full items-center gap-2" }, ts = ["title"], ns = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-center text-sm font-bold leading-none text-gray-900 dark:text-white" }, ss = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, ls = { class: "flex justify-between w-full text-xs" }, os = { class: "text-gray-500 dark:text-white/50" }, as = { class: "text-sm" }, is = { class: "text-gray-500 dark:text-white/50 text-left" }, rs = { class: "text-right text-xs" }, ka = /* @__PURE__ */ M({
   __name: "BlockStatus",
   props: {
     pkg: {},
@@ -724,125 +724,125 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
     board: {}
   },
   setup(e) {
-    const n = A(e.uptime);
+    const n = E(e.uptime);
     let l = null;
-    const s = M(() => e.firmware.join(".")), t = 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;
+    const s = T(() => e.firmware.join(".")), t = T(() => [
+      { name: "used", value: fe(e.usedBytes) },
+      { name: "available", value: fe(e.totalBytes - e.usedBytes) },
+      { name: "total", value: fe(e.totalBytes) }
+    ]), r = T(() => {
+      var m;
       return [
-        { name: "uptime", value: ut(n.value) },
+        { name: "uptime", value: gt(n.value) },
         { name: "id", value: `${e.id.toString(16)} (${e.id})` },
         { name: "firmware", value: s.value },
-        { name: "version", value: (u = e.pkg) == null ? void 0 : u.version }
+        { name: "version", value: (m = e.pkg) == null ? void 0 : m.version }
       ];
-    }), d = M(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), c = () => {
-      n.value++, l = setTimeout(c, 1e3);
+    }), c = T(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
+      n.value++, l = setTimeout(d, 1e3);
     };
-    return le(() => {
-      c();
-    }), Me(() => {
+    return Q(() => {
+      d();
+    }), we(() => {
       n.value = 0, l && clearTimeout(l);
-    }), (u, a) => {
-      var r, m, p;
-      return f(), v("div", Kn, [
-        o("div", Wn, [
+    }), (m, a) => {
+      var i, u, p;
+      return f(), v("div", Qn, [
+        o("div", es, [
           o("div", {
             class: "relative block h-4 w-full select-none overflow-hidden rounded-md bg-gray-200/70 dark:bg-white/10",
-            title: `${d.value}%`
+            title: `${c.value}%`
           }, [
-            o("div", Gn, $(d.value) + "%", 1),
+            o("div", ns, _(c.value) + "%", 1),
             o("div", {
               class: "relative h-4 overflow-hidden rounded-md bg-primary transition-all duration-500",
-              style: pe(`width: ${d.value}%`)
+              style: ve(`width: ${c.value}%`)
             }, [
-              o("div", Zn, $(d.value) + "%", 1)
+              o("div", ss, _(c.value) + "%", 1)
             ], 4)
-          ], 8, qn),
-          o("div", Jn, [
-            (f(!0), v(D, null, N(t.value, (b) => (f(), v("div", {
+          ], 8, ts),
+          o("div", ls, [
+            (f(!0), v(L, null, N(t.value, (b) => (f(), v("div", {
               key: b.name,
               class: "flex-auto"
             }, [
-              o("div", Xn, [
-                k(u.$slots, "name", { item: b })
+              o("div", os, [
+                k(m.$slots, "name", { item: b })
               ]),
-              o("div", null, $(b.value), 1)
+              o("div", null, _(b.value), 1)
             ]))), 128))
           ])
         ]),
-        o("div", Yn, [
-          (f(!0), v(D, null, N(i.value, (b) => (f(), v("div", {
+        o("div", as, [
+          (f(!0), v(L, null, N(r.value, (b) => (f(), v("div", {
             key: b.name,
             class: "flex justify-between items-center"
           }, [
-            o("div", Qn, [
-              k(u.$slots, "name", { item: b })
+            o("div", is, [
+              k(m.$slots, "name", { item: b })
             ]),
-            o("div", es, $(b.value), 1)
+            o("div", rs, _(b.value), 1)
           ]))), 128))
         ]),
         o("div", null, [
-          k(u.$slots, "default", {
-            home: (r = e.pkg) == null ? void 0 : r.homepage,
-            repo: (p = (m = e.pkg) == null ? void 0 : m.repository) == null ? void 0 : p.url
+          k(m.$slots, "default", {
+            home: (i = e.pkg) == null ? void 0 : i.homepage,
+            repo: (p = (u = e.pkg) == null ? void 0 : u.repository) == null ? void 0 : p.url
           })
         ])
       ]);
     };
   }
-}), ts = { class: "flex items-center cursor-pointer" }, ns = /* @__PURE__ */ S({
+}), ds = { class: "flex items-center cursor-pointer" }, cs = /* @__PURE__ */ M({
   __name: "VFile",
   emits: ["change"],
   setup(e, { emit: n }) {
     const l = n, s = async (t) => {
-      const i = t.target;
-      i.files && l("change", i.files);
+      const r = t.target;
+      r.files && l("change", r.files);
     };
-    return (t, i) => (f(), v("label", ts, [
-      o("input", P({
+    return (t, r) => (f(), v("label", ds, [
+      o("input", j({
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: s }), null, 16),
       k(t.$slots, "default")
     ]));
   }
-}), ss = { class: "md:flex" }, ls = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Yo = /* @__PURE__ */ S({
+}), us = { class: "md:flex" }, ms = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, wa = /* @__PURE__ */ M({
   __name: "BlockUpdate",
   emits: ["update"],
   setup(e, { emit: n }) {
-    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 l = n, s = nt({ firmware: null, littlefs: null }), t = (d) => d ? Array.from(d).map((m) => `${m.name} (${fe(m.size)})`).join("") : "", r = (d, m) => {
       const a = new FormData();
-      for (let r = 0; r < c.length; r++) {
-        const m = c.item(r);
-        if (!m) return;
-        a.append(`file[${r}]`, m, u);
+      for (let i = 0; i < d.length; i++) {
+        const u = d.item(i);
+        if (!u) return;
+        a.append(`file[${i}]`, u, m);
       }
       return a;
-    }, d = (c, u) => {
-      if (!u) return;
-      const a = i(u, c);
-      a && l("update", c, a);
+    }, c = (d, m) => {
+      if (!m) return;
+      const a = r(m, d);
+      a && l("update", d, a);
     };
-    return (c, u) => {
-      const a = E;
+    return (d, m) => {
+      const a = A;
       return f(), v("div", null, [
-        (f(!0), v(D, null, N(s, (r, m) => (f(), v("div", {
-          key: m,
+        (f(!0), v(L, null, N(s, (i, u) => (f(), v("div", {
+          key: u,
           class: "mb-4 flex items-center"
         }, [
-          g(ns, {
+          g(cs, {
             accept: ".bin",
-            onChange: (p) => s[m] = p,
+            onChange: (p) => s[u] = p,
             class: "flex-auto"
           }, {
-            default: y(() => [
-              o("div", ss, [
-                o("h6", ls, $(m) + ":", 1),
-                k(c.$slots, "default", {
-                  file: t(r)
+            default: x(() => [
+              o("div", us, [
+                o("h6", ms, _(u) + ":", 1),
+                k(d.$slots, "default", {
+                  file: t(i)
                 })
               ])
             ]),
@@ -851,11 +851,11 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
           g(a, {
             class: "min-w-[100px]",
             color: "blue",
-            disabled: !r,
-            onClick: (p) => d(`${m}.bin`, r)
+            disabled: !i,
+            onClick: (p) => c(`${u}.bin`, i)
           }, {
-            default: y(() => [
-              I($(c.$t("btnUpdate")), 1)
+            default: x(() => [
+              H(_(d.$t("btnUpdate")), 1)
             ]),
             _: 1
           }, 8, ["disabled", "onClick"])
@@ -863,20 +863,20 @@ const tn = O({ name: "ri-arrow-right-s-line", render: en }), nn = { class: "mb-4
       ]);
     };
   }
-}), os = {
+}), fs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function as(e, n) {
-  return f(), v("svg", os, [...n[0] || (n[0] = [
+function ps(e, n) {
+  return f(), v("svg", fs, [...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 = O({ name: "ri-arrow-drop-right-line", render: as }), is = { class: "flex items-center gap-1.5" }, Qo = /* @__PURE__ */ S({
+const Re = O({ name: "ri-arrow-drop-right-line", render: ps }), vs = { class: "flex items-center gap-1.5" }, Ca = /* @__PURE__ */ M({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
@@ -884,51 +884,51 @@ const Oe = O({ name: "ri-arrow-drop-right-line", render: as }), is = { class: "f
   emits: ["click"],
   setup(e, { emit: n }) {
     const l = n, s = (t) => l("click", t);
-    return (t, i) => {
-      const d = Oe;
+    return (t, r) => {
+      const c = Re;
       return f(), v("nav", null, [
-        o("ol", is, [
-          (f(!0), v(D, null, N(e.items, (c, u) => (f(), v("li", {
-            key: u,
-            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"])
+        o("ol", vs, [
+          (f(!0), v(L, null, N(e.items, (d, m) => (f(), v("li", {
+            key: m,
+            class: B(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", d.path ? "" : "text-gray-800 dark:text-white/90"])
           }, [
-            k(t.$slots, "default", { item: c }, () => [
-              (f(), j(ue(c.path ? "a" : "span"), {
-                href: c.path,
-                onClick: (a) => s(c)
+            k(t.$slots, "default", { item: d }, () => [
+              (f(), D(re(d.path ? "a" : "span"), {
+                href: d.path,
+                onClick: (a) => s(d)
               }, {
-                default: y(() => [
-                  I($(c.name), 1)
+                default: x(() => [
+                  H(_(d.name), 1)
                 ]),
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            c.path ? (f(), j(d, {
+            d.path ? (f(), D(c, {
               key: 0,
               class: "rotate-270"
-            })) : B("", !0)
+            })) : z("", !0)
           ], 2))), 128))
         ])
       ]);
     };
   }
-}), rs = {
+}), hs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function cs(e, n) {
-  return f(), v("svg", rs, [...n[0] || (n[0] = [
+function gs(e, n) {
+  return f(), v("svg", hs, [...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 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 = {
+const bs = O({ name: "ri-file-copy2-line", render: gs }), xs = { class: "flex-auto flex justify-between" }, ys = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, _s = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, $s = {
   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"
-}, 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({
+}, ks = { class: "min-h-60 relative" }, ws = { class: "pt-6" }, Cs = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, Ms = { class: "text-center text-xl mt-4" }, ae = /* @__PURE__ */ M({
   __name: "CardBase",
   props: {
     size: {},
@@ -948,103 +948,103 @@ const ds = O({ name: "ri-file-copy2-line", render: cs }), us = { class: "flex-au
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    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);
+    const l = e, s = n, t = E(!1), r = T(() => ["button", "dimmer"].includes(l.type || "") && l.value ? "text-amber-500" : "text-gray-400"), c = (u) => s("edit", u), d = (u) => s("clone", u), m = () => t.value = !0, a = (u) => s("open", u), i = (u) => {
+      t.value = !1, s("close", u);
     };
-    return (m, p) => {
-      const b = He, h = ds;
+    return (u, p) => {
+      const b = Ue, h = bs;
       return f(), v("div", {
         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
+        onClick: m
       }, [
-        o("div", us, [
+        o("div", xs, [
           o("div", {
-            class: T([i.value, "size-8 animate-shake"])
+            class: B([r.value, "size-8 animate-shake"])
           }, [
-            k(m.$slots, "icon", U(R(l)))
+            k(u.$slots, "icon", K(R(l)))
           ], 2),
-          k(m.$slots, "header", U(R(l)))
+          k(u.$slots, "header", K(R(l)))
         ]),
         o("div", null, [
-          k(m.$slots, "body", U(R(l)), () => [
-            o("h6", ms, [
-              k(m.$slots, "name", U(R(l)), () => [
-                I($(l.name), 1)
+          k(u.$slots, "body", K(R(l)), () => [
+            o("h6", ys, [
+              k(u.$slots, "name", K(R(l)), () => [
+                H(_(l.name), 1)
               ])
             ]),
-            o("div", fs, [
-              k(m.$slots, "value", U(R(l)), () => [
-                I($(l.valueTo || l.value), 1)
+            o("div", _s, [
+              k(u.$slots, "value", K(R(l)), () => [
+                H(_(l.valueTo || l.value), 1)
               ])
             ])
           ])
         ]),
-        l.icon ? (f(), v("div", ps, [
-          k(m.$slots, "icon", U(R(l)))
-        ])) : B("", !0),
-        t.value ? (f(), j(Pe, {
+        l.icon ? (f(), v("div", $s, [
+          k(u.$slots, "icon", K(R(l)))
+        ])) : z("", !0),
+        t.value ? (f(), D(Oe, {
           key: 1,
           size: l.size || "sm",
           title: e.name,
-          onClose: r,
+          onClose: i,
           onOpen: a
         }, {
-          "header-btn": y(() => [
-            g(E, {
+          "header-btn": x(() => [
+            g(A, {
               color: "transparent",
-              onClick: d
+              onClick: c
             }, {
-              default: y(() => [
+              default: x(() => [
                 g(b)
               ]),
               _: 1
             }),
-            g(E, {
+            g(A, {
               color: "transparent",
-              onClick: c
+              onClick: d
             }, {
-              default: y(() => [
+              default: x(() => [
                 g(h, { class: "size-4 text-gray-500" })
               ]),
               _: 1
             })
           ]),
-          default: y(() => [
-            o("div", vs, [
-              o("div", hs, [
-                o("h3", gs, [
-                  k(m.$slots, "dialog-name", U(R(l)), () => [
-                    I($(l.name), 1)
+          default: x(() => [
+            o("div", ks, [
+              o("div", ws, [
+                o("h3", Cs, [
+                  k(u.$slots, "dialog-name", K(R(l)), () => [
+                    H(_(l.name), 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)
+                k(u.$slots, "dialog", K(R(l))),
+                o("p", Ms, [
+                  k(u.$slots, "dialog-value", K(R(l)), () => [
+                    H(_(l.valueTo || l.value), 1)
                   ])
                 ])
               ])
             ])
           ]),
           _: 3
-        }, 8, ["size", "title"])) : B("", !0)
+        }, 8, ["size", "title"])) : z("", !0)
       ]);
     };
   }
-}), ys = {
+}), zs = {
   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 Ss(e, n) {
+  return f(), v("svg", zs, [...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 _s = O({ name: "ri-shut-down-line", render: xs }), $s = { class: "flex justify-end" }, ks = { class: "flex justify-center py-4" }, ea = /* @__PURE__ */ S({
+const Vs = O({ name: "ri-shut-down-line", render: Ss }), Ts = { class: "flex justify-end" }, Bs = { class: "flex justify-center py-4" }, Ma = /* @__PURE__ */ M({
   __name: "CardButton",
   props: {
     size: {},
@@ -1064,43 +1064,43 @@ const _s = O({ name: "ri-shut-down-line", render: xs }), $s = { class: "flex jus
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    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))
+    const l = e, s = n, t = ({ opts: c = {} }) => {
+      const { disabled: d } = c;
+      return { disabled: d };
+    }, r = () => s("setState", !l.value);
+    return (c, d) => {
+      const m = Vs;
+      return f(), D(ae, j(l, {
+        onClick: d[0] || (d[0] = (a) => s("click", a)),
+        onEdit: d[1] || (d[1] = (a) => s("edit", a)),
+        onClone: d[2] || (d[2] = (a) => s("clone", a))
       }), {
-        icon: y((a) => [
-          k(d.$slots, "icon", U(R(a)))
+        icon: x((a) => [
+          k(c.$slots, "icon", K(R(a)))
         ]),
-        header: y((a) => [
-          o("div", $s, [
-            g(E, P(t(a), {
+        header: x((a) => [
+          o("div", Ts, [
+            g(A, j(t(a), {
               type: "icon",
               class: l.value ? "text-amber-500" : "text-gray-500",
-              onClick: q(i, ["stop"])
+              onClick: F(r, ["stop"])
             }), {
-              default: y(() => [
-                g(u, { class: "size-8" })
+              default: x(() => [
+                g(m, { class: "size-8" })
               ]),
               _: 1
             }, 16, ["class"])
           ])
         ]),
-        dialog: y((a) => [
-          o("div", ks, [
-            g(E, P(t(a), {
+        dialog: x((a) => [
+          o("div", Bs, [
+            g(A, j(t(a), {
               type: "icon",
               class: ["size-18", l.value ? "text-amber-500" : "text-gray-500"],
-              onClick: q(i, ["stop"])
+              onClick: F(r, ["stop"])
             }), {
-              default: y(() => [
-                g(u, { class: "size-16" })
+              default: x(() => [
+                g(m, { class: "size-16" })
               ]),
               _: 1
             }, 16, ["class"])
@@ -1110,20 +1110,20 @@ const _s = O({ name: "ri-shut-down-line", render: xs }), $s = { class: "flex jus
       }, 16);
     };
   }
-}), ws = {
+}), Es = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Cs(e, n) {
-  return f(), v("svg", ws, [...n[0] || (n[0] = [
+function Ls(e, n) {
+  return f(), v("svg", Es, [...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 Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-center relative mx-2 my-6" }, ta = /* @__PURE__ */ S({
+const As = O({ name: "ri-time-line", render: Ls }), Ds = { class: "flex justify-center relative mx-2 my-6" }, za = /* @__PURE__ */ M({
   __name: "CardDate",
   props: {
     size: {},
@@ -1143,56 +1143,56 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = Ae("time"), i = (a) => new Date(+a * 1e3).toISOString().slice(0, 16), d = (a) => {
-      var 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: a, modelValue: i(r), disabled: p };
-    }, u = () => {
-      var r, m;
-      const a = (m = (r = t.value) == null ? void 0 : r.$el) == null ? void 0 : m.querySelector("input");
+    const l = e, s = n, t = Ie("time"), r = (a) => new Date(+a * 1e3).toISOString().slice(0, 16), c = (a) => {
+      var u;
+      const i = (u = a == null ? void 0 : a.target) == null ? void 0 : u.valueAsNumber;
+      i && s("setState", i / 1e3);
+    }, d = ({ name: a, value: i, opts: u = {} }) => {
+      const { disabled: p } = u;
+      return { label: a, modelValue: r(i), disabled: p };
+    }, m = () => {
+      var i, u;
+      const a = (u = (i = t.value) == null ? void 0 : i.$el) == null ? void 0 : u.querySelector("input");
       a != null && a.showPicker && a.showPicker();
     };
-    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))
+    return (a, i) => {
+      const u = As;
+      return f(), D(ae, j(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))
       }), {
-        icon: y((p) => [
-          k(a.$slots, "icon", U(R(p)))
+        icon: x((p) => [
+          k(a.$slots, "icon", K(R(p)))
         ]),
-        header: y((p) => [
+        header: x((p) => [
           o("div", null, [
-            g(E, {
+            g(A, {
               type: "icon",
               class: "text-gray-500",
-              onClick: q(u, ["stop"])
+              onClick: F(m, ["stop"])
             }, {
-              default: y(() => [
-                g(m, { class: "size-7" })
+              default: x(() => [
+                g(u, { class: "size-7" })
               ]),
               _: 1
             }),
-            g(Z, P({
+            g(J, j({
               ref_key: "time",
               ref: t
-            }, c(p), {
+            }, d(p), {
               type: "datetime-local",
               class: "size-0",
               hidden: "",
-              onChange: d
+              onChange: c
             }), null, 16)
           ])
         ]),
-        dialog: y((p) => [
-          o("div", zs, [
-            g(Z, P(c(p), {
+        dialog: x((p) => [
+          o("div", Ds, [
+            g(J, j(d(p), {
               type: "datetime-local",
-              onChange: d
+              onChange: c
             }), null, 16)
           ])
         ]),
@@ -1200,15 +1200,15 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
       }, 16);
     };
   }
-}), Vs = { class: "flex justify-end" }, Ts = { class: "flex justify-end" }, Bs = {
-  class: /* @__PURE__ */ T("text-blue-600 dark:text-blue-400")
-}, Es = {
+}), Is = { class: "flex justify-end" }, Hs = { class: "flex justify-end" }, js = {
+  class: /* @__PURE__ */ B("text-blue-600 dark:text-blue-400")
+}, Ps = {
   width: "30",
   height: "30",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, 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({
+}, Ns = ["stroke-dashoffset"], Os = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Sa = /* @__PURE__ */ M({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1228,31 +1228,31 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    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);
+    const l = e, s = n, t = E(0), r = ({ opts: i, value: u }) => Math.round(100 * +u / ((i == null ? void 0 : i.max) || 255)), c = ({ opts: i, value: u }) => Math.round(187 - +u / ((i == null ? void 0 : i.max) || 255) * 187), d = ({ value: i, opts: u }) => {
+      const { min: p = 0, max: b = 255, step: h = 1, disabled: y } = u || {};
+      return { min: p, max: b, step: h, value: i, disabled: !!y, class: y ? "" : "cursor-pointer" };
+    }, m = (i) => s("setState", +i.target.value || 0), a = ({ value: i }) => {
+      +i != 0 ? (t.value = +i, s("setState", 0)) : s("setState", i ? 0 : t.value || 255);
     };
-    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))
+    return (i, u) => (f(), D(ae, j(l, {
+      onClick: u[0] || (u[0] = (p) => s("click", p)),
+      onEdit: u[1] || (u[1] = (p) => s("edit", p)),
+      onClone: u[2] || (u[2] = (p) => s("clone", p))
     }), {
-      icon: y((p) => [
-        k(r.$slots, "icon", U(R(p)))
+      icon: x((p) => [
+        k(i.$slots, "icon", K(R(p)))
       ]),
-      header: y((p) => [
-        o("div", Vs, [
-          o("div", Ts, [
-            g(E, P(c(p), {
+      header: x((p) => [
+        o("div", Is, [
+          o("div", Hs, [
+            g(A, j(d(p), {
               type: "icon",
-              onClick: q((b) => a(p), ["stop"])
+              onClick: F((b) => a(p), ["stop"])
             }), {
-              default: y(() => [
-                o("div", Bs, [
-                  (f(), v("svg", Es, [
-                    m[3] || (m[3] = o("circle", {
+              default: x(() => [
+                o("div", js, [
+                  (f(), v("svg", Ps, [
+                    u[3] || (u[3] = o("circle", {
                       class: "stroke-gray-300 dark:stroke-gray-700",
                       r: "30",
                       cx: "30",
@@ -1267,10 +1267,10 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
                       stroke: "currentColor",
                       "stroke-width": "8",
                       "stroke-linecap": "butt",
-                      "stroke-dashoffset": d(p),
+                      "stroke-dashoffset": c(p),
                       fill: "transparent",
                       "stroke-dasharray": "187"
-                    }, null, 8, Ls)
+                    }, null, 8, Ns)
                   ]))
                 ])
               ]),
@@ -1279,26 +1279,26 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
           ])
         ])
       ]),
-      dialog: y((p) => [
+      dialog: x((p) => [
         o("div", {
-          class: T(["flex justify-center relative mx-2 my-6", c(p).disabled ? "opacity-40" : ""])
+          class: B(["flex justify-center relative mx-2 my-6", d(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)),
+          u[4] || (u[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: pe(`width: ${i(p)}%`)
+            style: ve(`width: ${r(p)}%`)
           }, null, 4),
-          o("div", Ms, $(i(p)) + " %", 1),
-          o("input", P({ type: "range" }, c(p), {
+          o("div", Os, _(r(p)) + " %", 1),
+          o("input", j({ type: "range" }, d(p), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
-            onChange: u
+            onChange: m
           }), null, 16)
         ], 2)
       ]),
       _: 3
     }, 16));
   }
-}), sa = /* @__PURE__ */ S({
+}), Va = /* @__PURE__ */ M({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1319,21 +1319,21 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
     const l = e, s = n;
-    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))
+    return (t, r) => (f(), D(ae, j(l, {
+      onClick: r[0] || (r[0] = (c) => s("click", c)),
+      onEdit: r[1] || (r[1] = (c) => s("edit", c)),
+      onClone: r[2] || (r[2] = (c) => s("clone", c))
     }), {
-      icon: y((d) => [
-        k(t.$slots, "icon", U(R(d)))
+      icon: x((c) => [
+        k(t.$slots, "icon", K(R(c)))
       ]),
-      default: y(() => [
+      default: x(() => [
         k(t.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), As = { class: "flex justify-center relative mx-2 my-6" }, la = /* @__PURE__ */ S({
+}), Us = { class: "flex justify-center relative mx-2 my-6" }, Ta = /* @__PURE__ */ M({
   __name: "CardInput",
   props: {
     size: {},
@@ -1353,35 +1353,35 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    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(
+    const l = e, s = n, t = E(l.value || ""), r = ({ name: d, opts: m = {} }) => {
+      const { disabled: a } = m;
+      return { label: d, disabled: a };
+    }, c = (d) => s("setState", d.target.value);
+    return oe(
       () => l.value,
-      (c) => {
-        t.value = c;
+      (d) => {
+        t.value = d;
       }
-    ), (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))
+    ), (d, m) => {
+      const a = Re;
+      return f(), D(ae, j(l, {
+        onClick: m[1] || (m[1] = (i) => s("click", i)),
+        onEdit: m[2] || (m[2] = (i) => s("edit", i)),
+        onClone: m[3] || (m[3] = (i) => s("clone", i))
       }), {
-        icon: y((r) => [
-          k(c.$slots, "icon", U(R(r)))
+        icon: x((i) => [
+          k(d.$slots, "icon", K(R(i)))
         ]),
-        dialog: y((r) => [
-          o("div", As, [
-            g(Z, P({
+        dialog: x((i) => [
+          o("div", Us, [
+            g(J, j({
               modelValue: t.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (m) => t.value = m)
-            }, i(r), {
-              onEnter: d,
-              onBlur: d
+              "onUpdate:modelValue": m[0] || (m[0] = (u) => t.value = u)
+            }, r(i), {
+              onEnter: c,
+              onBlur: c
             }), {
-              icon: y(() => [
+              icon: x(() => [
                 g(a, { class: "size-8" })
               ]),
               _: 1
@@ -1392,20 +1392,20 @@ const Ss = O({ name: "ri-time-line", render: Cs }), zs = { class: "flex justify-
       }, 16);
     };
   }
-}), Ds = {
+}), Ks = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Is(e, n) {
-  return f(), v("svg", Ds, [...n[0] || (n[0] = [
+function Rs(e, n) {
+  return f(), v("svg", Ks, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M8 4h13v2H8zm-5-.5h3v3H3zm0 7h3v3H3zm0 7h3v3H3zM8 11h13v2H8zm0 7h13v2H8z"
     }, null, -1)
   ])]);
 }
-const js = O({ name: "ri-list-check", render: Is }), Ps = { class: "flex justify-center py-4" }, oa = /* @__PURE__ */ S({
+const Fs = O({ name: "ri-list-check", render: Rs }), Ws = { class: "flex justify-center py-4" }, Ba = /* @__PURE__ */ M({
   __name: "CardList",
   props: {
     size: {},
@@ -1425,48 +1425,48 @@ const js = O({ name: "ri-list-check", render: Is }), Ps = { class: "flex justify
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: n }) {
-    const l = e, s = n, t = ({ value: c }) => s("setState", c), i = ({ opts: c, value: u }) => {
+    const l = e, s = n, t = ({ value: d }) => s("setState", d), r = ({ opts: d, value: m }) => {
       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 = {} }) => {
+      return Array.isArray(d == null ? void 0 : d.items) && ((a = d == null ? void 0 : d.items.find((i) => i.value == m)) == null ? void 0 : a.name) || m;
+    }, c = ({ name: d, value: m, opts: a = {} }) => {
       var b;
-      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 };
+      const { items: i = [], disabled: u } = a, p = ((b = i.find((h) => h.value == m)) == null ? void 0 : b.name) || m;
+      return { label: d, modelValue: p, items: i, disabled: !!u };
     };
-    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))
+    return (d, m) => {
+      const a = Fs;
+      return f(), D(ae, j(l, {
+        onClick: m[1] || (m[1] = (i) => s("click", i)),
+        onEdit: m[2] || (m[2] = (i) => s("edit", i)),
+        onClone: m[3] || (m[3] = (i) => s("clone", i))
       }), {
-        icon: y((r) => [
-          k(c.$slots, "icon", U(R(r)))
+        icon: x((i) => [
+          k(d.$slots, "icon", K(R(i)))
         ]),
-        value: y((r) => [
-          I($(i(r)), 1)
+        value: x((i) => [
+          H(_(r(i)), 1)
         ]),
-        "dialog-value": y((r) => [
-          I($(i(r)), 1)
+        "dialog-value": x((i) => [
+          H(_(r(i)), 1)
         ]),
-        header: y((r) => [
+        header: x((i) => [
           o("div", {
-            onClick: u[0] || (u[0] = q(() => {
+            onClick: m[0] || (m[0] = F(() => {
             }, ["prevent", "stop"]))
           }, [
-            g(se, P(d(r), {
+            g(le, j(c(i), {
               "is-popup": "",
               top: "0",
               left: "-115px",
               onChange: t
             }), {
-              activator: y(({ on: m }) => [
-                g(E, {
+              activator: x(({ on: u }) => [
+                g(A, {
                   type: "icon",
                   class: "text-gray-500",
-                  onClick: q(m.click, ["stop"])
+                  onClick: F(u.click, ["stop"])
                 }, {
-                  default: y(() => [
+                  default: x(() => [
                     g(a, { class: "size-6" })
                   ]),
                   _: 1
@@ -1476,9 +1476,9 @@ const js = O({ name: "ri-list-check", render: Is }), Ps = { class: "flex justify
             }, 16)
           ])
         ]),
-        dialog: y((r) => [
-          o("div", Ps, [
-            g(se, P(d(r), {
+        dialog: x((i) => [
+          o("div", Ws, [
+            g(le, j(c(i), {
               top: "-50%",
               left: "50%",
               onChange: t
@@ -1489,33 +1489,33 @@ const js = O({ name: "ri-list-check", render: Is }), Ps = { class: "flex justify
       }, 16);
     };
   }
-}), Hs = {
+}), qs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ns(e, n) {
-  return f(), v("svg", Hs, [...n[0] || (n[0] = [
+function Gs(e, n) {
+  return f(), v("svg", qs, [...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 Os = O({ name: "ri-menu-search-line", render: Ns }), Fs = {
+const Js = O({ name: "ri-menu-search-line", render: Gs }), Zs = {
   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 Xs(e, n) {
+  return f(), v("svg", Zs, [...n[0] || (n[0] = [
     o("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-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({
+const ge = O({ name: "ri-add-line", render: Xs }), Ys = { class: "flex w-full relative" }, Qs = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, el = ["disabled"], Fe = /* @__PURE__ */ M({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -1525,66 +1525,66 @@ const ve = O({ name: "ri-add-line", render: Us }), Rs = { 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 (i, d) => {
-      const c = ve;
-      return f(), v("div", Rs, [
+    const l = n, s = T(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = T(() => [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 (r, c) => {
+      const d = ge;
+      return f(), v("div", Ys, [
         o("div", {
-          class: T(["glass-inset relative flex min-h-[40px] w-full items-center rounded-md transition focus-within:border-primary/60", t.value])
+          class: B(["glass-inset relative flex min-h-[40px] w-full items-center rounded-md transition focus-within:border-primary/60", t.value])
         }, [
           o("span", {
-            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", Ks, [
-            k(i.$slots, "default")
+            class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
+          }, _(e.label), 3),
+          o("div", Qs, [
+            k(r.$slots, "default")
           ]),
-          e.hideIcon ? B("", !0) : (f(), v("button", {
+          e.hideIcon ? z("", !0) : (f(), v("button", {
             key: 0,
             disabled: e.disabled,
-            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))
+            class: B([{ "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] = (m) => l("icon", m))
           }, [
-            k(i.$slots, "icon", {}, () => [
-              g(c, { class: "size-4" })
+            k(r.$slots, "icon", {}, () => [
+              g(d, { class: "size-4" })
             ])
-          ], 10, Ws))
+          ], 10, el))
         ], 2)
       ]);
     };
   }
-}), qs = {
+}), tl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Gs(e, n) {
-  return f(), v("svg", qs, [...n[0] || (n[0] = [
+function nl(e, n) {
+  return f(), v("svg", tl, [...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 Zs = O({ name: "ri-file-copy-line", render: Gs }), Js = {
+const sl = O({ name: "ri-file-copy-line", render: nl }), ll = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Xs(e, n) {
-  return f(), v("svg", Js, [...n[0] || (n[0] = [
+function ol(e, n) {
+  return f(), v("svg", ll, [...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 Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
+const al = O({ name: "ri-folder6-line", render: ol }), il = ["onClick"], rl = {
   key: 0,
   class: "me-1"
-}, tl = { class: "dark:text-gray-300" }, nl = { class: "flex gap-3 items-center z-10" }, sl = {
+}, dl = { class: "dark:text-gray-300" }, cl = { class: "flex gap-3 items-center z-10" }, ul = {
   key: 0,
   class: "flex ps-5"
-}, ll = { class: "font-medium dark:text-gray-300" }, Ue = /* @__PURE__ */ S({
+}, ml = { class: "font-medium dark:text-gray-300" }, We = /* @__PURE__ */ M({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -1593,81 +1593,81 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   },
   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: i, copy: d, copied: c, isSupported: u } = ft(), a = (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 = E({}), { text: r, copy: c, copied: d, isSupported: m } = _t(), a = (b) => {
       t.value[b] = !t.value[b];
-    }, r = (b) => typeof b == "object", m = (b) => `${e.path ? e.path + "." : ""}${b}`, p = (b, h) => {
-      l("click", { key: b, path: m(b), isObject: h });
+    }, i = (b) => typeof b == "object", u = (b) => `${e.path ? e.path + "." : ""}${b}`, p = (b, h) => {
+      l("click", { key: b, path: u(b), isObject: h });
     };
     return (b, h) => {
-      const x = Ys, z = Zs, V = ve;
+      const y = al, S = sl, V = ge;
       return f(), v("ul", null, [
-        (f(!0), v(D, null, N(e.items, (w, H) => (f(), v("li", {
-          key: H,
-          class: T(r(w) ? "" : `flex items-center ${s()}`)
+        (f(!0), v(L, null, N(e.items, (w, P) => (f(), v("li", {
+          key: P,
+          class: B(i(w) ? "" : `flex items-center ${s()}`)
         }, [
           o("div", {
-            class: T(["flex items-center cursor-pointer ps-2 h-8", r(w) ? `${s()}` : ""]),
-            onClick: (J) => a(H)
+            class: B(["flex items-center cursor-pointer ps-2 h-8", i(w) ? `${s()}` : ""]),
+            onClick: (Z) => a(P)
           }, [
-            r(w) ? (f(), v("div", el, [
-              g(x, { class: "size-5" })
-            ])) : B("", !0),
-            o("div", tl, $(H), 1),
-            W(u) ? (f(), j(E, {
+            i(w) ? (f(), v("div", rl, [
+              g(y, { class: "size-5" })
+            ])) : z("", !0),
+            o("div", dl, _(P), 1),
+            q(m) ? (f(), D(A, {
               key: 1,
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "transparent",
               size: "sm",
-              onClick: q((J) => W(d)(m(H)), ["stop"])
+              onClick: F((Z) => q(c)(u(P)), ["stop"])
             }, {
-              default: y(() => [
-                g(z, { class: "size-5" })
+              default: x(() => [
+                g(S, { class: "size-5" })
               ]),
               _: 1
-            }, 8, ["onClick"])) : B("", !0),
-            W(i) === m(H) ? (f(), v("span", {
+            }, 8, ["onClick"])) : z("", !0),
+            q(r) === u(P) ? (f(), v("span", {
               key: 2,
-              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 }, [
+              class: B(["text-gray-500 transition-all duration-1000 text-sm", q(d) ? "opacity-100" : "opacity-0"])
+            }, _(b.$t("copied")), 3)) : z("", !0),
+            !e.onlyValue && i(w) ? (f(), v(L, { key: 3 }, [
               h[1] || (h[1] = o("div", { class: "flex-auto" }, null, -1)),
-              o("div", nl, [
-                g(E, {
+              o("div", cl, [
+                g(A, {
                   class: "opacity-20 hover:opacity-70 transition-all",
                   color: "transparent",
                   size: "sm",
                   title: b.$t("add"),
-                  onClick: q((J) => p(H, r(w)), ["stop"])
+                  onClick: F((Z) => p(P, i(w)), ["stop"])
                 }, {
-                  default: y(() => [
+                  default: x(() => [
                     g(V, { class: "size-5" })
                   ]),
                   _: 1
                 }, 8, ["title", "onClick"])
               ])
-            ], 64)) : B("", !0)
-          ], 10, Qs),
-          r(w) ? (f(), v("div", sl, [
-            De(g(Ue, {
+            ], 64)) : z("", !0)
+          ], 10, il),
+          i(w) ? (f(), v("div", ul, [
+            he(g(We, {
               class: "flex-auto",
-              path: m(H),
+              path: u(P),
               items: w,
               onlyValue: e.onlyValue,
-              onClick: h[0] || (h[0] = (J) => l("click", J))
+              onClick: h[0] || (h[0] = (Z) => l("click", Z))
             }, null, 8, ["path", "items", "onlyValue"]), [
-              [et, t.value[H]]
+              [st, t.value[P]]
             ])
-          ])) : (f(), v(D, { key: 1 }, [
+          ])) : (f(), v(L, { key: 1 }, [
             h[2] || (h[2] = o("div", { class: "flex-auto gap-3" }, null, -1)),
-            o("div", ll, $(w), 1),
-            g(E, {
+            o("div", ml, _(w), 1),
+            g(A, {
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "gray",
               size: "sm",
               title: b.$t("add"),
-              onClick: q((J) => p(H, r(w)), ["stop"])
+              onClick: F((Z) => p(P, i(w)), ["stop"])
             }, {
-              default: y(() => [
+              default: x(() => [
                 g(V, { class: "size-5" })
               ]),
               _: 1
@@ -1677,7 +1677,7 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
       ]);
     };
   }
-}), 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({
+}), fl = { class: "glass-inset rounded-md p-1" }, pl = { class: "flex gap-1" }, vl = ["onClick"], hl = { class: "px-4 py-2" }, gl = { class: "relative my-4" }, bl = { key: 0 }, xl = /* @__PURE__ */ M({
   __name: "VTabs",
   props: {
     value: {},
@@ -1685,46 +1685,46 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   },
   emits: ["click"],
   setup(e, { expose: n, emit: l }) {
-    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);
+    const s = l, t = E(e.value || 0), r = (d) => [
+      t.value === d ? "bg-primary/10 text-primary" : "text-gray-500 hover:bg-white/5 dark:text-white/50 dark:hover:bg-white/5"
+    ], c = (d) => {
+      t.value = d, s("click", d);
     };
     return n({
-      setActiveTab: d,
+      setActiveTab: c,
       activeTab: t
-    }), (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,
+    }), (d, m) => (f(), v("div", null, [
+      o("div", fl, [
+        o("div", pl, [
+          (f(!0), v(L, null, N(e.items, (a, i) => (f(), v("div", {
+            key: i,
             class: "relative flex-auto"
           }, [
             o("button", {
               type: "button",
               class: "w-full",
-              onClick: (m) => d(r)
+              onClick: (u) => c(i)
             }, [
               o("div", {
-                class: T([i(r), "rounded-md px-3 py-2 font-medium text-lg transition"])
+                class: B([r(i), "rounded-md px-3 py-2 font-medium text-lg transition"])
               }, [
-                k(c.$slots, "header", {
+                k(d.$slots, "header", {
                   tab: a,
-                  i: r
+                  i
                 }, () => [
-                  o("div", rl, $(a.title), 1)
+                  o("div", hl, _(a.title), 1)
                 ])
               ], 2)
-            ], 8, il)
+            ], 8, vl)
           ]))), 128))
         ])
       ]),
-      o("div", cl, [
-        (f(!0), v(D, null, N(e.items, (a, r) => (f(), v("div", {
-          key: r,
+      o("div", gl, [
+        (f(!0), v(L, null, N(e.items, (a, i) => (f(), v("div", {
+          key: i,
           class: "tab-panel"
         }, [
-          g(_e, {
+          g(ke, {
             "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",
@@ -1732,10 +1732,10 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
             "leave-from-class": "transform opacity-100 translate-x-0",
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
-            default: y(() => [
-              t.value === r ? (f(), v("div", dl, [
-                k(c.$slots, `tab-${r}`)
-              ])) : B("", !0)
+            default: x(() => [
+              t.value === i ? (f(), v("div", bl, [
+                k(d.$slots, `tab-${i}`)
+              ])) : z("", !0)
             ]),
             _: 2
           }, 1024)
@@ -1743,7 +1743,7 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
       ])
     ]));
   }
-}), 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({
+}), yl = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, _l = ["title", "onMouseenter", "onMouseleave"], $l = { class: "flex flex-auto" }, kl = ["disabled"], xe = /* @__PURE__ */ M({
   __name: "VFunc",
   props: {
     label: {},
@@ -1754,73 +1754,73 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   },
   emits: ["change", "icon", "hover"],
   setup(e, { emit: n }) {
-    const l = n, s = ["v", "a", "b", "c"], t = A(e.value || ""), i = (u) => {
+    const l = n, s = ["v", "a", "b", "c"], t = E(e.value || ""), r = (m) => {
       try {
-        return new Function(u), !0;
+        return new Function(m), !0;
       } catch (a) {
         return console.warn(a), !1;
       }
-    }, d = ke((u) => {
-      const a = u.target;
-      i(a.value) && l("change", a.value);
-    }, 500), c = (u) => l("icon", u);
-    return re(
+    }, c = Me((m) => {
+      const a = m.target;
+      r(a.value) && l("change", a.value);
+    }, 500), d = (m) => l("icon", m);
+    return oe(
       () => e.value,
       () => {
         e.value && (t.value = e.value);
       }
-    ), (u, a) => {
-      const r = ce, m = ve;
-      return f(), j(Fe, {
+    ), (m, a) => {
+      const i = ue, u = ge;
+      return f(), D(Fe, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
         hideIcon: e.hideIcon,
-        onIcon: c
+        onIcon: d
       }, {
-        icon: y(() => [
-          e.value ? (f(), j(r, {
+        icon: x(() => [
+          e.value ? (f(), D(i, {
             key: 0,
             class: "size-4"
-          })) : (f(), j(m, {
+          })) : (f(), D(u, {
             key: 1,
             class: "size-4"
           }))
         ]),
-        default: y(() => [
-          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 }, [
+        default: x(() => [
+          e.value ? (f(), v(L, { key: 0 }, [
+            o("div", yl, [
+              a[3] || (a[3] = H(" ( ", -1)),
+              (f(!0), v(L, null, N(e.args, (p, b) => (f(), v(L, { key: p }, [
                 o("span", {
                   class: "text-blue-400/80",
                   title: p,
                   onMouseenter: (h) => l("hover", "enter", b),
                   onMouseleave: (h) => l("hover", "leave", b)
-                }, $(s[b]), 41, fl),
+                }, _(s[b]), 41, _l),
                 a[2] || (a[2] = o("span", { class: "last:hidden" }, ",", -1))
               ], 64))), 128)),
-              a[4] || (a[4] = I(" ) => ", -1))
+              a[4] || (a[4] = H(" ) => ", -1))
             ]),
-            o("div", pl, [
-              De(o("textarea", {
+            o("div", $l, [
+              he(o("textarea", {
                 "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: a[1] || (a[1] = //@ts-ignore
-                (...p) => W(d) && W(d)(...p))
-              }, null, 40, vl), [
-                [tt, t.value]
+                (...p) => q(c) && q(c)(...p))
+              }, null, 40, kl), [
+                [He, t.value]
               ])
             ])
-          ], 64)) : B("", !0)
+          ], 64)) : z("", !0)
         ]),
         _: 1
       }, 8, ["active", "disabled", "label", "hideIcon"]);
     };
   }
-}), hl = ["checked", "disabled"], gl = { class: "text-sm ms-2 peer-disabled:opacity-40" }, bl = /* @__PURE__ */ S({
+}), wl = ["checked", "disabled"], Cl = { class: "text-sm ms-2 peer-disabled:opacity-40" }, Ml = /* @__PURE__ */ M({
   __name: "VCheckbox",
   props: {
     modelValue: { type: [Number, Boolean], default: !1 },
@@ -1828,12 +1828,12 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: n }) {
-    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 }]),
+    const l = n, s = (r) => {
+      const c = r.target;
+      l("update:modelValue", c.checked);
+    }, t = (r) => l("click", r);
+    return (r, c) => (f(), v("label", {
+      class: B(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
       onClick: t
     }, [
       o("input", {
@@ -1842,8 +1842,8 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
         disabled: e.disabled,
         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, 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" }, [
+      }, null, 40, wl),
+      c[0] || (c[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",
@@ -1858,18 +1858,18 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
           })
         ])
       ], -1)),
-      o("span", gl, [
-        k(i.$slots, "default")
+      o("span", Cl, [
+        k(r.$slots, "default")
       ])
     ], 2));
   }
-}), yl = { class: "flex flex-col" }, xl = { class: "flex gap-4 mb-6" }, _l = {
+}), zl = { class: "flex flex-col" }, Sl = { class: "flex gap-4 mb-6" }, Vl = {
   key: 0,
   class: "flex gap-4"
-}, $l = {
+}, Tl = {
   key: 1,
   class: ""
-}, 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({
+}, Bl = { class: "flex flex-col md:flex-row gap-4" }, El = { class: "flex gap-4" }, Ll = { class: "flex justify-between flex-auto" }, Al = ["onClick"], Dl = /* @__PURE__ */ M({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -1882,110 +1882,110 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   },
   emits: ["update"],
   setup(e, { emit: n }) {
-    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(() => {
+    const l = n, s = T(() => e.items.map((h, y) => ({ ...h, id: ++y }))), t = E({ name: "", value: "" }), r = T(() => e.items.length + 1), c = T(() => {
       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]));
+    }), d = (h) => e.type === h, m = (h, y) => l("update", h, y), a = (h) => h.map(({ name: y, value: S }) => ({ name: y, value: S })), i = ({ id: h, name: y, value: S }) => t.value = { id: h, name: y, value: S }, u = () => {
+      const h = r.value;
+      t.value = { name: `New_${h}`, value: `${h}`, id: h }, m("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(() => {
+      t.value.name === h.name && (t.value = { name: "", value: "" }), m("items", a(s.value.filter((y) => y.value !== h.value)));
+    }, b = Me(() => {
       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));
+      const y = s.value.map((S) => S.id === h.id ? h : S);
+      m("items", a(y));
     }, 300);
-    return (h, x) => {
-      const z = ce, V = ve;
-      return f(), v("div", yl, [
-        o("div", xl, [
-          g(bl, {
+    return (h, y) => {
+      const S = ue, V = ge;
+      return f(), v("div", zl, [
+        o("div", Sl, [
+          g(Ml, {
             modelValue: e.disabled,
-            "onUpdate:modelValue": x[0] || (x[0] = (w) => u("disabled", w ? 1 : 0))
+            "onUpdate:modelValue": y[0] || (y[0] = (w) => m("disabled", w ? 1 : 0))
           }, {
-            default: y(() => [...x[6] || (x[6] = [
-              I("Disabled", -1)
+            default: x(() => [...y[6] || (y[6] = [
+              H("Disabled", -1)
             ])]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        c("dimmer") ? (f(), v("div", _l, [
-          g(Z, {
+        d("dimmer") ? (f(), v("div", Vl, [
+          g(J, {
             modelValue: e.min,
             label: "Min",
-            "onUpdate:modelValue": x[1] || (x[1] = (w) => u("min", +w))
+            "onUpdate:modelValue": y[1] || (y[1] = (w) => m("min", +w))
           }, null, 8, ["modelValue"]),
-          g(Z, {
+          g(J, {
             modelValue: e.max,
             label: "Max",
-            "onUpdate:modelValue": x[2] || (x[2] = (w) => u("max", +w))
+            "onUpdate:modelValue": y[2] || (y[2] = (w) => m("max", +w))
           }, null, 8, ["modelValue"]),
-          g(Z, {
+          g(J, {
             modelValue: e.step,
             label: "Step",
-            "onUpdate:modelValue": x[3] || (x[3] = (w) => u("step", +w))
+            "onUpdate:modelValue": y[3] || (y[3] = (w) => m("step", +w))
           }, null, 8, ["modelValue"])
-        ])) : B("", !0),
-        c("list") ? (f(), v("div", $l, [
-          o("div", kl, [
-            g(Z, {
+        ])) : z("", !0),
+        d("list") ? (f(), v("div", Tl, [
+          o("div", Bl, [
+            g(J, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
-                x[4] || (x[4] = (w) => t.value.name = w),
-                W(b)
+                y[4] || (y[4] = (w) => t.value.name = w),
+                q(b)
               ],
-              disabled: d.value,
+              disabled: c.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-            g(Z, {
+            g(J, {
               modelValue: t.value.value,
               "onUpdate:modelValue": [
-                x[5] || (x[5] = (w) => t.value.value = w),
-                W(b)
+                y[5] || (y[5] = (w) => t.value.value = w),
+                q(b)
               ],
-              disabled: d.value,
+              disabled: c.value,
               label: "Value"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          o("div", wl, [
-            g(se, {
+          o("div", El, [
+            g(le, {
               "model-value": t.value.value,
               label: "List",
               items: s.value,
               top: "unset",
               bottom: "0",
-              onChange: r
+              onChange: i
             }, {
-              item: y(({ item: w }) => [
-                o("div", Cl, [
-                  o("span", null, $(w.name), 1),
+              item: x(({ item: w }) => [
+                o("div", Ll, [
+                  o("span", null, _(w.name), 1),
                   o("button", {
                     class: "cursor-pointer size-4",
-                    onClick: q((H) => p(w), ["prevent", "stop"])
+                    onClick: F((P) => p(w), ["prevent", "stop"])
                   }, [
-                    g(z)
-                  ], 8, Sl)
+                    g(S)
+                  ], 8, Al)
                 ])
               ]),
               _: 1
             }, 8, ["model-value", "items"]),
-            g(E, {
+            g(A, {
               class: "px-4",
               color: "blue",
-              onClick: m
+              onClick: u
             }, {
-              default: y(() => [
+              default: x(() => [
                 g(V)
               ]),
               _: 1
             })
           ])
-        ])) : B("", !0)
+        ])) : z("", !0)
       ]);
     };
   }
-}), 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({
+}), Il = { class: "flex flex-col" }, Hl = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, jl = { class: "flex-auto order-1" }, Pl = { class: "flex-auto gap-x-2 order-1" }, Nl = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, Ol = { class: "flex gap-2 items-center" }, Ul = { class: "flex flex-col gap-4" }, Kl = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Rl = { class: "relative group" }, Fl = { class: "select-none" }, Wl = ["onClick"], ql = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Gl = { class: "flex-[0_0_130px] size-[130px]" }, Jl = { class: "flex gap-4 justify-end" }, Zl = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Ea = /* @__PURE__ */ M({
   __name: "ItemEdit",
   props: {
     items: {},
@@ -1996,7 +1996,7 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
   },
   emits: ["button"],
   setup(e, { emit: n }) {
-    const l = n, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = A({
+    const l = n, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = E({
       id: "",
       name: "",
       type: "button",
@@ -2006,65 +2006,65 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
       set: "",
       get: "",
       getTo: ""
-    }), i = A(!1), d = M(() => {
-      var _;
-      return !((_ = e.item) != null && _.id);
-    }), c = M(() => !!e.items.filter((_) => {
+    }), r = E(!1), c = T(() => {
+      var $;
+      return !(($ = e.item) != null && $.id);
+    }), d = T(() => !!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"), a = M(() => {
-      var _;
-      return (_ = t.value.args) == null ? void 0 : _.length;
-    }), 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 }));
-    }, 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 !== _), 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);
-    }, he = (_, C) => {
-      _ === "set" && (t.value.set = C), _ === "get" && (t.value.get = C), _ === "getTo" && (t.value.getTo = C), C || delete t.value[_];
-    }, Ze = () => {
-      i.value = !0;
-    }, Je = (_, C) => {
-      t.value.opts || (t.value.opts = {}), t.value.opts[_] = C, _ === "disabled" && !C && delete t.value.opts[_];
+      return $.id !== ((C = e.item) == null ? void 0 : C.id);
+    }).find(($) => $.id === (t == null ? void 0 : t.value.id))), m = T(() => t.value.type === "info"), a = T(() => {
+      var $;
+      return ($ = t.value.args) == null ? void 0 : $.length;
+    }), i = T(() => t.value.args.length > 3), u = T(() => {
+      if (d.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 }));
+    }, 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");
+    }, y = ($) => l("button", $, t.value), S = ($) => 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($), r.value = !1;
+    }, w = E(-1), P = ($) => w.value === $, Z = ($, C) => {
+      $ === "enter" && (w.value = C), $ === "leave" && (w.value = -1);
+    }, be = ($, C) => {
+      $ === "set" && (t.value.set = C), $ === "get" && (t.value.get = C), $ === "getTo" && (t.value.getTo = C), C || delete t.value[$];
+    }, Ye = () => {
+      r.value = !0;
+    }, Qe = ($, C) => {
+      t.value.opts || (t.value.opts = {}), t.value.opts[$] = C, $ === "disabled" && !C && delete t.value.opts[$];
     };
-    return le(() => {
-      var _;
-      (_ = e.item) != null && _.id && (t.value = mt(e.item));
-    }), (_, C) => {
-      const Xe = Os, Ye = ce;
-      return f(), v("div", Vl, [
-        o("div", Tl, [
-          o("div", Bl, [
-            g(ul, {
+    return Q(() => {
+      var $;
+      ($ = e.item) != null && $.id && (t.value = bt(e.item));
+    }), ($, C) => {
+      const et = Js, tt = ue;
+      return f(), v("div", Il, [
+        o("div", Hl, [
+          o("div", jl, [
+            g(xl, {
               class: "flex-auto min-h-75",
               value: 0,
               items: s
             }, {
-              "tab-0": y(() => [
-                o("div", El, [
-                  g(Z, {
+              "tab-0": x(() => [
+                o("div", Pl, [
+                  g(J, {
                     modelValue: t.value.id,
-                    "onUpdate:modelValue": C[0] || (C[0] = (L) => t.value.id = L),
+                    "onUpdate:modelValue": C[0] || (C[0] = (I) => t.value.id = I),
                     label: "ID",
-                    message: c.value ? _.$t("used") : ""
-                  }, nt({ _: 2 }, [
+                    message: d.value ? $.$t("used") : ""
+                  }, lt({ _: 2 }, [
                     a.value ? void 0 : {
                       name: "icon",
-                      fn: y(() => [
-                        g(E, {
+                      fn: x(() => [
+                        g(A, {
                           color: "transparent",
-                          onClick: Ze
+                          onClick: Ye
                         }, {
-                          default: y(() => [
-                            g(Xe)
+                          default: x(() => [
+                            g(et)
                           ]),
                           _: 1
                         })
@@ -2072,13 +2072,13 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
                       key: "0"
                     }
                   ]), 1032, ["modelValue", "message"]),
-                  g(Z, {
+                  g(J, {
                     modelValue: t.value.name,
-                    "onUpdate:modelValue": C[1] || (C[1] = (L) => t.value.name = L),
+                    "onUpdate:modelValue": C[1] || (C[1] = (I) => t.value.name = I),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  o("div", Ll, [
-                    g(se, {
+                  o("div", Nl, [
+                    g(le, {
                       "model-value": t.value.icon,
                       bottom: "0",
                       top: "unset",
@@ -2087,17 +2087,17 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
                       items: e.listIcons,
                       onChange: p
                     }, {
-                      item: y(({ item: L }) => [
-                        o("div", Ml, [
-                          k(_.$slots, "icon", {
-                            icon: L.value
+                      item: x(({ item: I }) => [
+                        o("div", Ol, [
+                          k($.$slots, "icon", {
+                            icon: I.value
                           }),
-                          o("div", null, $(L.name), 1)
+                          o("div", null, _(I.name), 1)
                         ])
                       ]),
                       _: 3
                     }, 8, ["model-value", "items"]),
-                    g(se, {
+                    g(le, {
                       "model-value": t.value.type,
                       bottom: "0",
                       top: "unset",
@@ -2108,118 +2108,118 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
                   ])
                 ])
               ]),
-              "tab-1": y(() => [
-                o("div", Al, [
+              "tab-1": x(() => [
+                o("div", Ul, [
                   g(Fe, {
                     active: !!t.value.args.length,
-                    disabled: r.value,
+                    disabled: i.value,
                     label: "Arguments",
-                    onIcon: C[2] || (C[2] = (L) => i.value = !0)
+                    onIcon: C[2] || (C[2] = (I) => r.value = !0)
                   }, {
-                    default: y(() => [
-                      o("div", Dl, [
-                        (f(!0), v(D, null, N(t.value.args, (L, Se) => (f(), v("div", {
-                          key: L,
+                    default: x(() => [
+                      o("div", Kl, [
+                        (f(!0), v(L, null, N(t.value.args, (I, Ve) => (f(), v("div", {
+                          key: I,
                           class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                         }, [
-                          o("div", Il, [
-                            o("span", jl, $(L), 1),
+                          o("div", Rl, [
+                            o("span", Fl, _(I), 1),
                             o("div", {
-                              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" : ""])
+                              class: B(["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(Ve) ? "visible opacity-100" : ""])
                             }, [
-                              o("pre", null, $(W(vt)(L, e.object)), 1)
+                              o("pre", null, _(q(kt)(I, e.object)), 1)
                             ], 2)
                           ]),
-                          Se || t.value.args.length < 2 ? (f(), v("button", {
+                          Ve || t.value.args.length < 2 ? (f(), v("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (Ao) => z(L)
+                            onClick: (aa) => S(I)
                           }, [
-                            g(Ye, { class: "size-5" })
-                          ], 8, Pl)) : B("", !0)
+                            g(tt, { class: "size-5" })
+                          ], 8, Wl)) : z("", !0)
                         ]))), 128))
                       ])
                     ]),
                     _: 1
                   }, 8, ["active", "disabled"]),
-                  g(ge, {
+                  g(xe, {
                     value: t.value.set,
                     args: t.value.args,
-                    disabled: !a.value || u.value,
+                    disabled: !a.value || m.value,
                     label: "Set",
-                    onIcon: C[3] || (C[3] = (L) => h("set")),
-                    onHover: J,
-                    onChange: C[4] || (C[4] = (L) => he("set", L))
+                    onIcon: C[3] || (C[3] = (I) => h("set")),
+                    onHover: Z,
+                    onChange: C[4] || (C[4] = (I) => be("set", I))
                   }, null, 8, ["value", "args", "disabled"]),
-                  g(ge, {
+                  g(xe, {
                     value: t.value.get,
                     args: t.value.args,
                     disabled: !a.value,
                     label: "Get",
-                    onIcon: C[5] || (C[5] = (L) => h("get")),
-                    onHover: J,
-                    onChange: C[6] || (C[6] = (L) => he("get", L))
+                    onIcon: C[5] || (C[5] = (I) => h("get")),
+                    onHover: Z,
+                    onChange: C[6] || (C[6] = (I) => be("get", I))
                   }, null, 8, ["value", "args", "disabled"]),
-                  g(ge, {
+                  g(xe, {
                     value: t.value.getTo,
                     args: t.value.args,
                     disabled: !a.value,
                     label: "GetTo",
-                    onIcon: C[7] || (C[7] = (L) => h("getTo")),
-                    onHover: J,
-                    onChange: C[8] || (C[8] = (L) => he("getTo", L))
+                    onIcon: C[7] || (C[7] = (I) => h("getTo")),
+                    onHover: Z,
+                    onChange: C[8] || (C[8] = (I) => be("getTo", I))
                   }, null, 8, ["value", "args", "disabled"])
                 ])
               ]),
-              "tab-2": y(() => [
-                g(zl, P(t.value.opts, {
+              "tab-2": x(() => [
+                g(Dl, j(t.value.opts, {
                   value: t.value.value,
                   type: t.value.type,
-                  onUpdate: Je
+                  onUpdate: Qe
                 }), null, 16, ["value", "type"])
               ]),
               _: 3
             })
           ]),
-          o("div", Hl, [
-            o("div", Nl, [
-              k(_.$slots, "default", { item: t.value })
+          o("div", ql, [
+            o("div", Gl, [
+              k($.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        o("div", Ol, [
-          g(E, {
+        o("div", Jl, [
+          g(A, {
             class: "px-4",
             color: "blue",
-            disabled: m.value,
-            onClick: C[9] || (C[9] = (L) => x(d.value ? "add" : "save"))
+            disabled: u.value,
+            onClick: C[9] || (C[9] = (I) => y(c.value ? "add" : "save"))
           }, {
-            default: y(() => [
-              I($(d.value ? _.$t("add") : _.$t("save")), 1)
+            default: x(() => [
+              H(_(c.value ? $.$t("add") : $.$t("save")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          g(E, {
+          g(A, {
             class: "px-4",
             color: "red",
             outline: "",
-            onClick: C[10] || (C[10] = (L) => x("remove"))
+            onClick: C[10] || (C[10] = (I) => y("remove"))
           }, {
-            default: y(() => [
-              I($(_.$t("remove")), 1)
+            default: x(() => [
+              H(_($.$t("remove")), 1)
             ]),
             _: 1
           })
         ]),
-        i.value ? (f(), j(Pe, {
+        r.value ? (f(), D(Oe, {
           key: 0,
           size: "md",
-          title: _.$t("select"),
-          onClose: C[11] || (C[11] = (L) => i.value = !1)
+          title: $.$t("select"),
+          onClose: C[11] || (C[11] = (I) => r.value = !1)
         }, {
-          default: y(() => [
-            o("div", Fl, [
-              g(Ue, {
+          default: x(() => [
+            o("div", Zl, [
+              g(We, {
                 items: e.object,
                 onlyValue: !a.value,
                 onClick: V
@@ -2227,39 +2227,39 @@ const Ys = O({ name: "ri-folder6-line", render: Xs }), Qs = ["onClick"], el = {
             ])
           ]),
           _: 1
-        }, 8, ["title"])) : B("", !0)
+        }, 8, ["title"])) : z("", !0)
       ]);
     };
   }
-}), 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) {
+}), Te = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Xl = { 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" }, Yl = { 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" }, Ql = { 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" }, qe = (e) => Ge(e);
+function Be(e) {
   const n = Array.isArray(e) ? e : [e];
-  return n.length === 0 ? Re : (l) => n.reduce((s, t, i) => t(s, { html: i > 0 }), l);
+  return n.length === 0 ? qe : (l) => n.reduce((s, t, r) => t(s, { html: r > 0 }), l);
 }
-class Wl {
+class eo {
   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, ...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();
+    const s = { value: "", styles: {}, plugins: [], highlighter: qe }, { highlighters: t, ...r } = l;
+    this.options = { ...s, ...r, highlighter: t ? Be(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");
-    const n = Object.keys(ze).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
+    const n = Object.keys(Te).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
     this.initialRootStyles = {};
     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, 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();
+    }), Object.assign(this.root.style, Te, this.options.styles), Object.assign(this.textarea.style, Xl), Object.assign(this.pre.style, Yl), 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, 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 });
+      const s = function(t, r) {
+        const { value: c, selectionStart: d, selectionEnd: m } = r.target;
+        return t.reduce((a, i) => ({ ...a, ...i(a, r) }), { value: c, selectionStart: d, selectionEnd: m });
       }(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);
@@ -2272,13 +2272,13 @@ class Wl {
   updateOptions(n) {
     if (!this.textarea) return;
     const { highlighters: l, ...s } = n;
-    if (this.options = { ...this.options, ...s, highlighter: l ? Ve(l) : this.options.highlighter }, n.styles) {
+    if (this.options = { ...this.options, ...s, highlighter: l ? Be(l) : this.options.highlighter }, n.styles) {
       const t = this.root.style;
-      Object.keys(n.styles).forEach((i) => {
-        i in this.initialRootStyles || (this.initialRootStyles[i] = t[i] || "");
+      Object.keys(n.styles).forEach((r) => {
+        r in this.initialRootStyles || (this.initialRootStyles[r] = t[r] || "");
       }), 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();
+    this.lines && !this.options.lineNumbers && (me(this.lines), this.lines = null, this.root.style.paddingLeft = this.basePaddingLeft), n.value != null && this.update({ value: n.value }), this.render();
   }
   render() {
     const n = this.options.highlighter(this.value);
@@ -2286,318 +2286,318 @@ class Wl {
   }
   updateLines() {
     if (!this.options.lineNumbers) return;
-    this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, Kl));
+    this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, Ql));
     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(`
+    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">${Ge(s)}</span>`}`).join(`
 `);
   }
   destroy() {
-    this.textarea && (this.textarea.removeEventListener("input", this.handleEvent), this.textarea.removeEventListener("keydown", this.handleEvent), this.textarea.removeEventListener("compositionend", this.handleEvent), de(this.textarea), de(this.pre), de(this.lines), Object.assign(this.root.style, this.initialRootStyles), Object.assign(this, { textarea: null, pre: null, lines: null, updateCallback: null, handleEvent: null, initialRootStyles: null, options: null, root: null }));
+    this.textarea && (this.textarea.removeEventListener("input", this.handleEvent), this.textarea.removeEventListener("keydown", this.handleEvent), this.textarea.removeEventListener("compositionend", this.handleEvent), me(this.textarea), me(this.pre), me(this.lines), Object.assign(this.root.style, this.initialRootStyles), Object.assign(this, { textarea: null, pre: null, lines: null, updateCallback: null, handleEvent: null, initialRootStyles: null, options: null, root: null }));
   }
   onUpdate(n) {
     this.updateCallback = n;
   }
 }
-function de(e) {
+function me(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function Ke(e) {
+function Ge(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" }, ql = { add: "=" }, Gl = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
-function ie(e, n) {
-  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]);
+const Ee = { 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" }, to = { add: "=" }, no = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
+function de(e, n) {
+  const l = e.split("+").reduce((m, a) => Ee[a] ? (m.modifiers[Ee[a]] = !0, m) : { ...m, key: to[a] || a.toLowerCase() }, { modifiers: { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1 }, key: null }), s = Object.keys(l.modifiers).every((m) => l.modifiers[m] ? n[m] : !n[m]);
   if (!l.key) return s;
-  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);
+  const t = n.key != null && n.key.toLowerCase() === l.key, r = (c = l.key, /^[a-z]$/.test(c) ? `key${c}` : /^[0-9]$/.test(c) ? `digit${c}` : no[c] || null);
+  var c;
+  const d = !n.isComposing && r != null && n.code != null && n.code.toLowerCase() === r;
+  return s && (t || d);
 }
-function Zl(e = {}) {
+function so(e = {}) {
   const n = Math.max(1, e.limit == null ? 300 : e.limit), l = e.coalesceMs == null ? 300 : e.coalesceMs;
-  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;
+  let s = [], t = null, r = null;
+  const c = (d) => {
+    s = s.slice(0, t + 1), s.push(d), s.length > n && (s = s.slice(s.length - n)), t = s.length - 1;
   };
-  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 && i != null && m - i <= l;
-      if (i = m ?? null, p) return void (s[t] = c);
-      d(c);
+  return (d, m) => {
+    const a = m.type === "keydown" && de("ctrl/cmd+z", m), i = m.type === "keydown" && (de("ctrl/cmd+shift+z", m) || de("ctrl+y", m));
+    if ((a || i) && m.preventDefault(), t === null) return s = [d], void (t = 0);
+    if (a) return r = null, s[t].value !== d.value ? c(d) : s[t] = d, t = Math.max(0, t - 1), s[t];
+    if (i) return r = null, s[t].value !== d.value ? void c(d) : (t = Math.min(s.length - 1, t + 1), s[t]);
+    if (m.type === "keydown") return s[t].value !== d.value ? (r = null, void c(d)) : void (s[t] = d);
+    if (m.type === "input") {
+      const u = m.timeStamp, p = u != null && r != null && u - r <= l;
+      if (r = u ?? null, p) return void (s[t] = d);
+      c(d);
     }
   };
 }
-const Jl = () => (e, n) => {
+const lo = () => (e, n) => {
   const { value: l, selectionStart: s, selectionEnd: t } = e;
-  if (!ie("enter", n) || n.type !== "keydown") return;
-  const i = l.substring(0, s).split(`
-`).pop(), d = /^\s+/.exec(i);
-  if (!d) return;
+  if (!de("enter", n) || n.type !== "keydown") return;
+  const r = l.substring(0, s).split(`
+`).pop(), c = /^\s+/.exec(r);
+  if (!c) return;
   n.preventDefault();
-  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) => {
+  const d = `
+` + c[0];
+  return { value: l.substring(0, s) + d + l.substring(t), selectionStart: s + d.length, selectionEnd: s + d.length };
+}, oo = () => (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 i = l.lastIndexOf(`
-`, s - 1) + 1, d = l.indexOf(`
-`, s), c = d === -1 ? l.length : d;
-  if (l.slice(s, c).trim().length > 0)
+  const r = l.lastIndexOf(`
+`, s - 1) + 1, c = l.indexOf(`
+`, s), d = c === -1 ? l.length : c;
+  if (l.slice(s, d).trim().length > 0)
     return;
-  const r = l.substring(i, c).trimEnd();
-  if (r.endsWith(";") || r.length === 0)
+  const i = l.substring(r, d).trimEnd();
+  if (i.endsWith(";") || i.length === 0)
     return;
-  const m = l.slice(0, c) + ";" + l.slice(c), p = s + 1;
+  const u = l.slice(0, d) + ";" + l.slice(d), p = s + 1;
   return {
-    value: m,
+    value: u,
     selectionStart: p,
     selectionEnd: p
   };
 };
-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)
+let ze = [], W = null, U = 0, X = [], ee = null, te = null, Se, Je, G = null, se = null;
+const ao = (e) => {
+  const { customSuggestions: n = [], minPrefixLength: l = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: r = { enabled: !0 }, i18n: c, renderMenu: d, renderTooltip: m } = e;
+  if (!d || !m)
     throw new Error("renderMenu and renderTooltip are required");
-  return we = [...n].map((a) => d(a)), Ce = c, We = u, (a, r) => {
-    if (typeof KeyboardEvent > "u" || !(r instanceof KeyboardEvent))
+  return ze = [...n].map((a) => c(a)), Se = d, Je = m, (a, i) => {
+    if (typeof KeyboardEvent > "u" || !(i instanceof KeyboardEvent))
       return;
-    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);
+    const { value: u, selectionStart: p } = a, b = i.target;
+    if (te = b, r.enabled !== !1 && !b.dataset.tooltipInitialized && (b.dataset.tooltipInitialized = "true", b.addEventListener("mouseup", () => {
+      setTimeout(() => Le(b), 100);
     }), b.addEventListener("keyup", () => {
-      setTimeout(() => Be(b), 100);
-    })), K) {
-      switch (r.key) {
+      setTimeout(() => Le(b), 100);
+    })), W) {
+      switch (i.key) {
         case "ArrowDown":
-          return r.preventDefault(), F < X.length - 1 && (F++, te()), { ...a };
+          return i.preventDefault(), U < X.length - 1 && (U++, ne()), { ...a };
         case "ArrowUp":
-          return r.preventDefault(), F > 0 && (F--, te()), { ...a };
+          return i.preventDefault(), U > 0 && (U--, ne()), { ...a };
         case "Enter":
-          if (r.preventDefault(), X[F]) {
-            const h = ye(a, X[F]);
+          if (i.preventDefault(), X[U]) {
+            const h = _e(a, X[U]);
             return Y(), h;
           }
           return;
         case "Tab":
-          if (r.preventDefault(), X[F]) {
-            const h = ye(a, X[F]);
+          if (i.preventDefault(), X[U]) {
+            const h = _e(a, X[U]);
             return Y(), h;
           }
           return;
         case "Escape":
-          return r.preventDefault(), Y(), { ...a };
+          return i.preventDefault(), Y(), { ...a };
         case "Backspace":
           setTimeout(() => {
-            if (ee) {
-              const h = ee.value, x = ee.selectionStart, z = fe(h, x), V = h.slice(z, x);
+            if (te) {
+              const h = te.value, y = te.selectionStart, S = pe(h, y), V = h.slice(S, y);
               if (V.length < l)
                 Y();
               else {
-                const w = be(V).slice(0, s);
-                w.length === 0 ? Y() : (X = w, F = 0, te());
+                const w = ye(V).slice(0, s);
+                w.length === 0 ? Y() : (X = w, U = 0, ne());
               }
             }
           }, 0);
           return;
       }
-      if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(r.key))
+      if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(i.key))
         return { ...a };
     }
-    if (ie("tab", r)) {
-      r.preventDefault();
-      const h = fe(m, p), x = m.slice(h, p);
-      if (x.length > 0) {
-        const H = be(x);
-        if (H.length > 0)
-          return ye(a, H[0]);
+    if (de("tab", i)) {
+      i.preventDefault();
+      const h = pe(u, p), y = u.slice(h, p);
+      if (y.length > 0) {
+        const P = ye(y);
+        if (P.length > 0)
+          return _e(a, P[0]);
       }
-      const z = " ".repeat(t), V = m.slice(0, p) + z + m.slice(p), w = p + t;
+      const S = " ".repeat(t), V = u.slice(0, p) + S + u.slice(p), w = p + t;
       return {
         value: V,
         selectionStart: w,
         selectionEnd: w
       };
     }
-    if (!(r.key.length !== 1 || r.ctrlKey || r.metaKey || r.altKey))
-      return Q && clearTimeout(Q), Q = setTimeout(() => {
-        Q = null;
-        const h = b.value, x = b.selectionStart, z = fe(h, x), V = h.slice(z, x);
+    if (!(i.key.length !== 1 || i.ctrlKey || i.metaKey || i.altKey))
+      return ee && clearTimeout(ee), ee = setTimeout(() => {
+        ee = null;
+        const h = b.value, y = b.selectionStart, S = pe(h, y), V = h.slice(S, y);
         if (V.length < l) {
           Y();
           return;
         }
-        let w = be(V);
+        let w = ye(V);
         if (w = w.slice(0, s), w.length === 0) {
           Y();
           return;
         }
-        X = w, F = 0, K ? te() : Ql(b, w);
+        X = w, U = 0, W ? ne() : io(b, w);
       }, 0), { ...a };
   };
 };
-function be(e) {
+function ye(e) {
   const n = e.toLowerCase();
-  return we.filter((l) => {
+  return ze.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(), 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);
+    const t = l.label.toLowerCase(), r = s.label.toLowerCase(), c = t.startsWith(n), d = r.startsWith(n);
+    if (c && !d) return -1;
+    if (!c && d) return 1;
+    const m = t.indexOf(n), a = r.indexOf(n);
+    return m !== a ? m - a : t.length !== r.length ? t.length - r.length : t.localeCompare(r);
   });
 }
-function fe(e, n) {
+function pe(e, n) {
   let l = n;
   for (; l > 0 && /[a-zA-Z0-9_$]/.test(e[l - 1]); )
     l--;
   return l;
 }
-function Ql(e, n) {
-  Y(), X = n, F = 0;
-  const l = qe(e);
-  K = Ce(n, F, (s) => {
-    F = s, te();
-  }), Object.assign(K.style, {
+function io(e, n) {
+  Y(), X = n, U = 0;
+  const l = Ze(e);
+  W = Se(n, U, (s) => {
+    U = s, ne();
+  }), Object.assign(W.style, {
     position: "fixed",
     left: `${l.left}px`,
     top: `${l.top + 24}px`,
     zIndex: "10000"
-  }), document.body.appendChild(K);
+  }), document.body.appendChild(W);
 }
-function te() {
-  if (!K || !ee) return;
-  const e = Ce(X, F, (l) => {
-    F = l, te();
-  }), n = K.getBoundingClientRect();
-  K.replaceWith(e), K = e, Object.assign(K.style, {
+function ne() {
+  if (!W || !te) return;
+  const e = Se(X, U, (l) => {
+    U = l, ne();
+  }), n = W.getBoundingClientRect();
+  W.replaceWith(e), W = e, Object.assign(W.style, {
     position: "fixed",
     left: `${n.left}px`,
     top: `${n.top}px`,
     zIndex: "10000"
   });
 }
-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 = [];
+function _e(e, n) {
+  const { value: l, selectionStart: s } = e, t = pe(l, s), r = n.insert || n.label, c = /\$\{([^}]*)\}/g;
+  let d = r;
+  const m = [];
   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 });
+  for (; (a = c.exec(r)) !== null; ) {
+    const h = a[1], y = a.index, S = a[0].length;
+    m.push({ index: y, text: h, length: S });
   }
-  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++);
+  d = r.replace(/\$\{([^}]*)\}/g, "$1");
+  const i = m[0];
+  let u = t + d.length, p = t + d.length;
+  if (i) {
+    let h = 0, y = 0, S = !1;
+    for (; y < r.length && !S; ) {
+      const V = m.find((w) => w.index === y);
+      V ? (h += V.text.length, y += V.length, V === i && (u = t + h - V.text.length, p = t + h, S = !0)) : (h++, y++);
     }
   }
   return {
-    value: l.slice(0, t) + c + l.slice(s),
-    selectionStart: m,
+    value: l.slice(0, t) + d + l.slice(s),
+    selectionStart: u,
     selectionEnd: p
   };
 }
 function Y() {
-  Q && (clearTimeout(Q), Q = null), K && (K.remove(), K = null, X = [], F = 0, ee = null);
+  ee && (clearTimeout(ee), ee = null), W && (W.remove(), W = null, X = [], U = 0, te = null);
 }
-function qe(e) {
-  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;
+function Ze(e) {
+  const n = e.getBoundingClientRect(), { value: l, selectionStart: s } = e, r = l.substring(0, s).split(`
+`), c = r.length, d = r[r.length - 1] || "", m = parseInt(getComputedStyle(e).lineHeight) || 20;
   return {
-    left: n.left + 10 + c.length * 8,
-    top: n.top + (d - 1) * u
+    left: n.left + 10 + d.length * 8,
+    top: n.top + (c - 1) * m
   };
 }
-function Be(e) {
-  ne && clearTimeout(ne), ne = setTimeout(() => {
+function Le(e) {
+  se && clearTimeout(se), se = setTimeout(() => {
     const n = e.selectionStart, l = e.selectionEnd;
     if (n === l) {
-      ae();
+      ie();
       return;
     }
     const s = e.value.substring(n, l).trim();
     if (!s) {
-      ae();
+      ie();
       return;
     }
-    const t = we.find((c) => c.label === s);
+    const t = ze.find((d) => d.label === s);
     if (!t) {
-      ae();
+      ie();
       return;
     }
-    const i = qe(e), d = We(t, i);
-    d.style.opacity = "0", G && G.remove(), G = d, document.body.appendChild(G), requestAnimationFrame(() => {
+    const r = Ze(e), c = Je(t, r);
+    c.style.opacity = "0", G && G.remove(), G = c, document.body.appendChild(G), requestAnimationFrame(() => {
       G && (G.style.opacity = "1");
-    }), setTimeout(() => ae(), 3e3);
+    }), setTimeout(() => ie(), 3e3);
   }, 300);
 }
-function ae() {
-  ne && (clearTimeout(ne), ne = null), G && (G.style.opacity = "0", setTimeout(() => {
+function ie() {
+  se && (clearTimeout(se), se = null), G && (G.style.opacity = "0", setTimeout(() => {
     G && (G.remove(), G = null);
   }, 150));
 }
 typeof document < "u" && document.addEventListener("mousedown", (e) => {
   const n = e.target;
-  K && !K.contains(n) && Y(), G && !G.contains(n) && ae();
+  W && !W.contains(n) && Y(), G && !G.contains(n) && ie();
 });
-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);
+const $e = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ro = ["else", "end", "call", "fade"], co = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), uo = (e) => {
+  const n = e.filter((d) => d.type !== "var").map((d) => d.label), c = `(\\/\\/[^\\n]*)|('[^'\\n]*')|(\\b\\d+(?:\\.\\d+)?\\b)|(\\b(?:${Array.from(/* @__PURE__ */ new Set([...ro, ...n])).map(co).join("|")})\\b)|(\\$[a-zA-Z_][a-zA-Z0-9_]*)|(\\b(?:btn_\\d+(?:_\\d+)?)\\b)|([;:(){}])`;
+  return new RegExp(c, "g");
+}, mo = (e) => (n) => {
+  const l = uo(e);
   let s = "", t = 0;
-  for (const i of n.matchAll(l)) {
-    const [d, c, u, a, r, m, p, b] = i;
+  for (const r of n.matchAll(l)) {
+    const [c, d, m, a, i, u, p, b] = r;
     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;
+    d ? h = "comment" : m ? h = "str" : a ? h = "num" : i ? h = "word" : u ? h = "var" : p ? h = "event" : b && (h = "operator"), s += $e(n.slice(t, r.index)), s += `<span class="tok--${h}">${$e(c)}</span>`, t = r.index + c.length;
   }
-  return s += xe(n.slice(t)), s;
-}, Ge = {
+  return s += $e(n.slice(t)), s;
+}, Xe = {
   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"
-}, lo = (e, n, l) => {
+}, fo = (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, i) => {
-    const d = i === n, c = document.createElement("div");
-    c.className = `
+  `, e.forEach((t, r) => {
+    const c = r === n, d = document.createElement("div");
+    d.className = `
       flex items-center justify-between gap-2 px-3 py-1.5 cursor-pointer 
       rounded transition-colors duration-100 border-l-2 
-      ${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"}
+      ${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"}
     `;
-    const u = Ge[t.type] || "text-gray-700 dark:text-gray-300";
-    c.innerHTML = `
+    const m = Xe[t.type] || "text-gray-700 dark:text-gray-300";
+    d.innerHTML = `
       <div class="flex items-center gap-2 flex-1">
-        <span class="${u} font-medium">${t.label}</span>
+        <span class="${m} 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>` : ""}
-    `, c.addEventListener("click", () => l(i)), s.appendChild(c);
+    `, d.addEventListener("click", () => l(r)), s.appendChild(d);
   }), s;
-}, oo = (e, n) => {
+}, po = (e, n) => {
   const l = document.createElement("div");
   l.className = `
     fixed z-[10001] px-3 py-2 font-mono text-sm max-w-[300px] 
@@ -2609,14 +2609,14 @@ const xe = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     left: ${n.left + 40}px; top: ${n.top - 10}px;
     transform: translateX(-50%) translateY(-100%); opacity: 0;
   `;
-  let t = `<div class="font-medium ${Ge[e.type] || "text-gray-700 dark:text-gray-300"}">${e.label}</div>`;
+  let t = `<div class="font-medium ${Xe[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 i = document.createElement("div");
-  return i.className = `
+  const r = document.createElement("div");
+  return r.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(i), l;
-}, ao = [
+  `, l.appendChild(r), l;
+}, vo = [
   { label: "if", type: "word", insert: `if:\${$v0<10};
 
 else;
@@ -2651,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" }
-], ia = /* @__PURE__ */ S({
+], La = /* @__PURE__ */ M({
   __name: "ScriptEditor",
   props: {
     modelValue: {},
@@ -2661,66 +2661,66 @@ end;`, detail: "event(name: string)" },
   setup(e, { emit: n }) {
     const l = n;
     let s;
-    const t = [...ao, ...e.suggestions];
-    return re(
+    const t = [...vo, ...e.suggestions];
+    return oe(
       () => e.modelValue,
-      (i) => {
-        s.update({ value: i });
+      (r) => {
+        s.update({ value: r });
       }
-    ), le(() => {
-      s = new Wl("#editor", {
+    ), Q(() => {
+      s = new eo("#editor", {
         value: e.modelValue,
         lineNumbers: !0,
-        highlighters: [so(t)],
+        highlighters: [mo(t)],
         plugins: [
-          Zl(),
-          Jl(),
-          Yl({
+          so(),
+          lo(),
+          ao({
             customSuggestions: t,
             minPrefixLength: 1,
             maxSuggestions: 20,
-            i18n: (i) => i,
+            i18n: (r) => r,
             tooltip: {
               enabled: !0
             },
-            renderMenu: lo,
-            renderTooltip: oo
+            renderMenu: fo,
+            renderTooltip: po
           }),
-          Xl()
+          oo()
         ],
         styles: { fontSize: "14px" }
-      }), s.onUpdate((i) => {
-        l("update:modelValue", i);
+      }), s.onUpdate((r) => {
+        l("update:modelValue", r);
       });
-    }), Me(() => {
+    }), we(() => {
       s.destroy();
-    }), (i, d) => (f(), v("div", null, [...d[0] || (d[0] = [
+    }), (r, c) => (f(), v("div", null, [...c[0] || (c[0] = [
       o("div", {
         class: "",
         id: "editor"
       }, null, -1)
     ])]));
   }
-}), io = { class: "max-w-4xl mx-auto" }, ro = {
+}), ho = { class: "max-w-4xl mx-auto" }, go = {
   key: 0,
   class: "text-sm"
-}, co = {
+}, bo = {
   key: 0,
   class: "text-gray-500"
-}, uo = {
+}, xo = {
   key: 1,
   class: "text-red-600"
-}, 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({
+}, yo = ["innerHTML"], _o = "https://raw.githubusercontent.com/bondrogeen/vuesp/refs/heads/master/github/docs/scriptrunner/", $o = "https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js", Aa = /* @__PURE__ */ M({
   __name: "ScriptViewDocs",
   props: {
     lang: { default: "en" }
   },
   setup(e) {
-    const n = A(""), l = A(""), s = A(null), t = A(!1), i = A(null);
-    let d = null;
-    const c = () => new Promise((r, m) => {
+    const n = E(""), l = E(""), s = E(null), t = E(!1), r = E(null);
+    let c = null;
+    const d = () => new Promise((i, u) => {
       if (typeof window > "u" || typeof document > "u") {
-        m(new Error("Markdown loading is available only in a browser"));
+        u(new Error("Markdown loading is available only in a browser"));
         return;
       }
       if (window.marked) {
@@ -2728,116 +2728,403 @@ end;`, detail: "event(name: string)" },
           gfm: !0,
           breaks: !0,
           headerIds: !1
-        }), r(window.marked);
+        }), i(window.marked);
         return;
       }
       const p = document.createElement("script");
-      p.src = po, p.async = !0, p.onload = () => {
+      p.src = $o, p.async = !0, p.onload = () => {
         window.marked ? (window.marked.setOptions({
           gfm: !0,
           breaks: !0,
           headerIds: !1
-        }), r(window.marked)) : m(new Error("Marked library not found after loading"));
+        }), i(window.marked)) : u(new Error("Marked library not found after loading"));
       }, p.onerror = () => {
-        m(new Error("Failed to load Marked library from CDN"));
+        u(new Error("Failed to load Marked library from CDN"));
       }, document.head.appendChild(p);
-    }), u = (r) => {
-      const m = r.split(`
+    }), m = (i) => {
+      const u = i.split(`
 `), p = {};
       let b = !0;
-      for (const h of m) {
+      for (const h of u) {
         if (b && h.startsWith("#")) {
           b = !1;
           continue;
         }
         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));
+          const [y, S] = h.split(":").map((V) => V.trim());
+          y && S && (y.toLowerCase().includes("version") && (p.version = S), (y.toLowerCase().includes("обновлено") || y.toLowerCase().includes("updated")) && (p.updated = S));
         }
       }
       return p;
-    }, a = async (r) => {
-      if (!d) {
-        i.value = "error";
+    }, a = async (i) => {
+      if (!c) {
+        r.value = "error";
         return;
       }
-      t.value = !0, i.value = null, l.value = "";
+      t.value = !0, r.value = null, l.value = "";
       try {
-        const m = `${fo}${r}.md`, p = await fetch(m);
+        const u = `${_o}${i}.md`, p = await fetch(u);
         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 = d.parse(b);
-      } catch (m) {
-        const p = m instanceof Error ? m.message : "";
-        i.value = p, console.error("Error loading docs:", m);
+        n.value = b, s.value = m(b), l.value = c.parse(b);
+      } catch (u) {
+        const p = u instanceof Error ? u.message : "";
+        r.value = p, console.error("Error loading docs:", u);
       } finally {
         t.value = !1;
       }
     };
-    return le(async () => {
+    return Q(async () => {
       try {
-        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);
+        c = await d();
+        const i = e.lang ? "ru" : "en";
+        await a(i);
+      } catch (i) {
+        const u = i instanceof Error ? i.message : "";
+        r.value = u, console.error("Initialization error:", i);
       }
-    }), (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),
+    }), (i, u) => (f(), v("div", ho, [
+      t.value || r.value ? (f(), v("div", go, [
+        t.value ? (f(), v("span", bo, "⏳")) : z("", !0),
+        r.value ? (f(), v("span", xo, "❌ " + _(r.value), 1)) : z("", !0)
+      ])) : z("", !0),
       o("div", {
         class: "docs-content",
         innerHTML: l.value
-      }, null, 8, mo)
+      }, null, 8, yo)
     ]));
   }
-}), vo = { class: "my-4" }, ca = /* @__PURE__ */ S({
+}), ko = { class: "my-4" }, Da = /* @__PURE__ */ M({
   __name: "ScriptDialog",
   props: {
     idScript: {}
   },
   emits: ["add", "close"],
   setup(e, { emit: n }) {
-    const l = n, { defineField: s, handleSubmit: t, isValid: i } = ht({
+    const l = n, { defineField: s, handleSubmit: t, isValid: r } = wt({
       validationSchema: () => ({
-        name: [gt, bt(8)]
+        name: [Ct, Mt(8)]
       })
-    }), [d, c] = s("name"), u = () => {
-      l("add", d.value);
+    }), [c, d] = s("name"), m = () => {
+      l("add", c.value);
     }, a = t(() => {
-      u(), d.value = "", l("close", new Event("close"));
+      m(), c.value = "", l("close", new Event("close"));
     });
-    return le(() => {
-      e.idScript || (d.value = "boot");
-    }), (r, m) => {
-      const p = Z, b = E;
-      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), {
+    return Q(() => {
+      e.idScript || (c.value = "boot");
+    }), (i, u) => {
+      const p = J, b = A;
+      return f(), v("div", ko, [
+        g(p, j({
+          modelValue: q(c),
+          "onUpdate:modelValue": u[0] || (u[0] = (h) => ot(c) ? c.value = h : null)
+        }, q(d), {
           disabled: !e.idScript,
-          label: r.$t("name")
+          label: i.$t("name")
         }), null, 16, ["modelValue", "disabled", "label"]),
         g(b, {
           class: "w-full",
           color: "blue",
-          disabled: !W(i),
-          onClick: W(a)
+          disabled: !q(r),
+          onClick: q(a)
         }, {
-          default: y(() => [
-            I($(r.$t("add")), 1)
+          default: x(() => [
+            H(_(i.$t("add")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "onClick"])
       ]);
     };
   }
-}), da = /* @__PURE__ */ S({
+}), wo = ["width", "height"], Co = ["d"], ce = /* @__PURE__ */ M({
+  __name: "VisionIcon",
+  props: {
+    name: {},
+    size: { default: 20 }
+  },
+  setup(e) {
+    const n = {
+      home: ["M3 10.5 12 3l9 7.5", "M5 9.5V21h14V9.5"],
+      chart: ["M4 19V5", "M4 19h16", "M8 16v-5", "M12 16V8", "M16 16v-3", "M20 16V6"],
+      card: ["M3 6h18v12H3z", "M3 10h18"],
+      user: ["M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8", "M4 21a8 8 0 0 1 16 0"],
+      users: ["M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", "M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8", "M22 21v-2a4 4 0 0 0-3-3.9", "M16 3.1a4 4 0 0 1 0 7.8"],
+      document: ["M6 3h8l4 4v14H6z", "M14 3v4h4", "M9 12h6", "M9 16h6"],
+      rocket: ["M5 15c-1 3-1 4-1 5 1 0 2 0 5-1", "M9 15l-3-3c4-8 8-9 12-9 0 4-1 8-9 12z", "M14 10a1 1 0 1 0 2 0 1 1 0 0 0-2 0"],
+      search: ["M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16", "M21 21l-4.3-4.3"],
+      settings: ["M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7", "M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2 2-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21h-2.8v-.2a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1-2-2 .1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.6-1H3v-2.8h.2a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1 2-2 .1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.6V3h2.8v.2a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1 2 2-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2V12h-.2a1.7 1.7 0 0 0-1.6 1z"],
+      bell: ["M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9", "M13.7 21a2 2 0 0 1-3.4 0"],
+      arrowRight: ["M5 12h14", "M13 6l6 6-6 6"],
+      arrowUpRight: ["M7 17 17 7", "M8 7h9v9"],
+      check: ["M20 6 9 17l-5-5"],
+      plus: ["M12 5v14", "M5 12h14"],
+      dots: ["M5 12h.01", "M12 12h.01", "M19 12h.01"],
+      logout: ["M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", "M16 17l5-5-5-5", "M21 12H9"],
+      sun: ["M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10", "M12 1v2", "M12 21v2", "M4.2 4.2l1.4 1.4", "M18.4 18.4l1.4 1.4", "M1 12h2", "M21 12h2", "M4.2 19.8l1.4-1.4", "M18.4 5.6l1.4-1.4"],
+      moon: ["M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8"],
+      help: ["M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20", "M9.1 9a3 3 0 1 1 5.8 1c0 2-3 2-3 4", "M12 17h.01"],
+      wallet: ["M3 7h18v12H3z", "M3 7l2-3h14l2 3", "M16 13h2"],
+      trendUp: ["M3 17l6-6 4 4 8-8", "M15 7h6v6"],
+      trendDown: ["M3 7l6 6 4-4 8 8", "M15 17h6v-6"],
+      menu: ["M4 6h16", "M4 12h16", "M4 18h16"],
+      close: ["M6 6l12 12", "M18 6 6 18"],
+      chevronDown: ["M6 9l6 6 6-6"],
+      download: ["M12 3v12", "M7 10l5 5 5-5", "M5 21h14"],
+      edit: ["M12 20h9", "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z"],
+      trash: ["M3 6h18", "M8 6V4h8v2", "M19 6l-1 15H6L5 6", "M10 11v6", "M14 11v6"],
+      calendar: ["M4 5h16v16H4z", "M16 3v4", "M8 3v4", "M4 10h16"],
+      filter: ["M3 5h18", "M6 12h12", "M10 19h4"],
+      star: ["M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3 6.4 20.2l1.1-6.2L3 9.6l6.2-.9z"],
+      bolt: ["M13 2 3 14h8l-1 8 11-13h-8z"],
+      wifi: ["M5 12.5a10 10 0 0 1 14 0", "M8.5 16a5 5 0 0 1 7 0", "M12 20h.01"],
+      click: ["M9 9l10 4-4 2-2 4z", "M4 4l3 3"],
+      shopping: ["M6 6h15l-1.5 9h-12z", "M6 6 5 3H2", "M9 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2", "M18 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2"],
+      box: ["M21 8l-9-5-9 5 9 5 9-5", "M3 8v8l9 5 9-5V8", "M12 13v8"],
+      external: ["M14 3h7v7", "M10 14 21 3", "M21 14v7H3V3h7"],
+      github: ["M15 22v-4a4.8 4.8 0 0 0-1-3.5c3.3-.4 6.8-1.6 6.8-7A5.4 5.4 0 0 0 19.5 4 5 5 0 0 0 19.4.5S18.2.1 15 1.8a13.4 13.4 0 0 0-7 0C4.8.1 3.6.5 3.6.5A5 5 0 0 0 3.5 4 5.4 5.4 0 0 0 2 7.5c0 5.4 3.5 6.6 6.8 7A4.8 4.8 0 0 0 8 18v4", "M8 19c-3 .9-3-1.5-4-2"]
+    }, l = T(() => n[e.name] ?? n.help);
+    return (s, t) => (f(), v("svg", {
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "1.8",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true"
+    }, [
+      (f(!0), v(L, null, N(l.value, (r, c) => (f(), v("path", {
+        key: c,
+        d: r
+      }, null, 8, Co))), 128))
+    ], 8, wo));
+  }
+}), Ia = /* @__PURE__ */ M({
+  __name: "VisionButton",
+  props: {
+    to: { default: null },
+    href: { default: null },
+    type: { default: "button" },
+    variant: { default: "primary" },
+    size: { default: "md" },
+    block: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = T(() => e.to ? "router-link" : e.href ? "a" : "button"), l = T(() => ({
+      sm: "h-9 px-3 text-xs",
+      md: "h-11 px-4 text-sm",
+      lg: "h-12 px-6 text-sm"
+    })[e.size]), s = T(() => ({
+      primary: "bg-vision-primary text-white shadow-[0_12px_32px_-14px_var(--app-accent-shadow,rgba(37,99,235,0.9))] hover:brightness-110",
+      cyan: "bg-[#28b7f0] text-[#03111f] shadow-[0_12px_32px_-14px_rgba(40,183,240,0.9)] hover:bg-[#66d3f1]",
+      outline: "border border-white/15 bg-transparent text-white hover:border-white/25 hover:bg-white/5",
+      ghost: "bg-transparent text-vision-muted hover:bg-white/5 hover:text-white",
+      dark: "border border-white/10 bg-vision-card-2 text-white hover:bg-white/5",
+      danger: "border border-vision-danger/25 bg-vision-danger/10 text-vision-danger hover:bg-vision-danger/15",
+      success: "border border-vision-success/25 bg-vision-success/10 text-vision-success hover:bg-vision-success/15",
+      white: "bg-white text-[#060b28] hover:bg-white/90"
+    })[e.variant]), t = T(() => e.to ? { to: e.to } : e.href ? { href: e.href, target: e.href.startsWith("http") ? "_blank" : void 0, rel: e.href.startsWith("http") ? "noreferrer" : void 0 } : { type: e.type, disabled: e.disabled });
+    return (r, c) => (f(), D(re(n.value), j(t.value, {
+      class: ["inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors disabled:pointer-events-none disabled:opacity-50", [l.value, s.value, e.block ? "w-full" : ""]]
+    }), {
+      default: x(() => [
+        k(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ha = /* @__PURE__ */ M({
+  __name: "VisionCard",
+  props: {
+    padded: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const n = T(() => e.padded ? "p-5 md:p-6" : "");
+    return (l, s) => (f(), v("div", {
+      class: B(["glass-panel", n.value])
+    }, [
+      k(l.$slots, "default")
+    ], 2));
+  }
+}), Mo = { class: "block" }, zo = {
+  key: 0,
+  class: "mb-2 block text-xs font-medium text-vision-muted"
+}, So = ["type", "name", "placeholder", "autocomplete"], Vo = {
+  key: 1,
+  class: "mt-1 block text-xs text-vision-danger"
+}, ja = /* @__PURE__ */ M({
+  __name: "VisionInput",
+  props: /* @__PURE__ */ rt({
+    label: { default: "" },
+    placeholder: { default: "" },
+    type: { default: "text" },
+    name: { default: "" },
+    autocomplete: { default: "off" },
+    icon: { default: "" },
+    error: { default: "" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = at(e, "modelValue");
+    return (l, s) => (f(), v("label", Mo, [
+      e.label ? (f(), v("span", zo, _(e.label), 1)) : z("", !0),
+      o("span", {
+        class: B(["glass-inset flex items-center gap-3 rounded-md px-4 transition-colors focus-within:border-vision-primary/60", e.error ? "border-vision-danger/50" : "border-white/10 hover:border-white/20"])
+      }, [
+        e.icon ? (f(), D(ce, {
+          key: 0,
+          name: e.icon,
+          size: 18,
+          class: "shrink-0 text-vision-muted"
+        }, null, 8, ["name"])) : z("", !0),
+        he(o("input", {
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => n.value = t),
+          type: e.type,
+          name: e.name,
+          placeholder: e.placeholder,
+          autocomplete: e.autocomplete,
+          class: "h-11 min-w-0 flex-1 bg-transparent text-sm text-white placeholder:text-vision-muted/70 focus:outline-none"
+        }, null, 8, So), [
+          [it, n.value]
+        ])
+      ], 2),
+      e.error ? (f(), v("span", Vo, _(e.error), 1)) : z("", !0)
+    ]));
+  }
+}), To = {
+  class: "glass-panel w-full max-w-2xl overflow-hidden rounded-[12px] border border-gray-200/70 bg-white/95 dark:border-white/10 dark:bg-[#0b1235]/95",
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-label": "Поиск"
+}, Bo = { class: "flex items-center gap-3 border-b border-gray-200/70 px-4 dark:border-white/10" }, Eo = ["placeholder"], Lo = { class: "max-h-[55vh] overflow-y-auto p-2" }, Ao = ["href"], Do = { class: "min-w-0" }, Io = { class: "flex flex-wrap items-baseline gap-2" }, Ho = { class: "text-sm font-medium text-gray-900 dark:text-white" }, jo = {
+  key: 0,
+  class: "text-[10px] uppercase tracking-wider text-gray-400"
+}, Po = {
+  key: 0,
+  class: "mt-0.5 block truncate text-xs text-gray-500 dark:text-gray-400"
+}, No = {
+  key: 0,
+  class: "px-4 py-10 text-center text-sm text-gray-500 dark:text-gray-400"
+}, Pa = /* @__PURE__ */ M({
+  __name: "VisionSearch",
+  props: {
+    items: {},
+    placeholder: {}
+  },
+  setup(e) {
+    const n = e, l = E(!1), s = E(""), t = E(null), r = T(() => {
+      const a = s.value.trim().toLowerCase();
+      return (a ? n.items.filter((u) => `${u.title} ${u.description ?? ""} ${u.group ?? ""}`.toLowerCase().includes(a)) : n.items).slice(0, 14);
+    }), c = async () => {
+      var a;
+      l.value = !0, s.value = "", await je(), (a = t.value) == null || a.focus();
+    }, d = () => {
+      l.value = !1, s.value = "";
+    }, m = (a) => {
+      if ((a.metaKey || a.ctrlKey) && a.key.toLowerCase() === "k") {
+        a.preventDefault(), l.value ? d() : c();
+        return;
+      }
+      a.key === "Escape" && l.value && d();
+    };
+    return oe(l, (a) => {
+      typeof document < "u" && (document.body.style.overflow = a ? "hidden" : "");
+    }), Q(() => window.addEventListener("keydown", m)), we(() => {
+      window.removeEventListener("keydown", m), typeof document < "u" && (document.body.style.overflow = "");
+    }), (a, i) => (f(), v(L, null, [
+      o("button", {
+        type: "button",
+        class: "inline-flex h-9 items-center gap-2 rounded-md px-2.5 text-xs text-gray-500 transition-colors hover:bg-white/50 hover:text-[var(--app-accent)] dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",
+        "aria-label": "Поиск",
+        onClick: c
+      }, [
+        g(ce, {
+          name: "search",
+          size: 17
+        }),
+        i[1] || (i[1] = o("span", { class: "hidden lg:inline" }, "Поиск", -1)),
+        i[2] || (i[2] = o("kbd", { class: "hidden rounded border border-gray-300/60 px-1.5 py-0.5 font-mono text-[10px] text-gray-400 dark:border-white/10 dark:text-gray-500 lg:inline" }, "⌘K", -1))
+      ]),
+      (f(), D(dt, { to: "body" }, [
+        l.value ? (f(), v("div", {
+          key: 0,
+          class: "fixed inset-0 z-[100] flex items-start justify-center overflow-y-auto bg-slate-900/40 px-4 pt-[12vh] backdrop-blur-sm dark:bg-black/60",
+          onClick: F(d, ["self"])
+        }, [
+          o("div", To, [
+            o("div", Bo, [
+              g(ce, {
+                name: "search",
+                size: 18,
+                class: "shrink-0 text-gray-400"
+              }),
+              he(o("input", {
+                ref_key: "input",
+                ref: t,
+                "onUpdate:modelValue": i[0] || (i[0] = (u) => s.value = u),
+                type: "search",
+                placeholder: e.placeholder ?? "Поиск по документации и страницам…",
+                class: "h-14 min-w-0 flex-1 bg-transparent text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none dark:text-white dark:placeholder:text-gray-500"
+              }, null, 8, Eo), [
+                [He, s.value]
+              ]),
+              i[3] || (i[3] = o("kbd", { class: "hidden rounded border border-gray-300/60 px-1.5 py-0.5 font-mono text-[10px] text-gray-400 dark:border-white/10 dark:text-gray-500 sm:inline" }, "Esc", -1))
+            ]),
+            o("div", Lo, [
+              (f(!0), v(L, null, N(r.value, (u) => (f(), v("a", {
+                key: `${u.group}-${u.to}-${u.title}`,
+                href: u.to,
+                class: "flex items-start gap-3 rounded-md px-3 py-2.5 transition-colors hover:bg-white/50 dark:hover:bg-white/5",
+                onClick: d
+              }, [
+                g(ce, {
+                  name: "arrowRight",
+                  size: 16,
+                  class: "mt-0.5 shrink-0 text-gray-400"
+                }),
+                o("span", Do, [
+                  o("span", Io, [
+                    o("span", Ho, _(u.title), 1),
+                    u.group ? (f(), v("span", jo, _(u.group), 1)) : z("", !0)
+                  ]),
+                  u.description ? (f(), v("span", Po, _(u.description), 1)) : z("", !0)
+                ])
+              ], 8, Ao))), 128)),
+              r.value.length ? z("", !0) : (f(), v("p", No, " Ничего не найдено. Попробуйте другой запрос. "))
+            ])
+          ])
+        ])) : z("", !0)
+      ]))
+    ], 64));
+  }
+}), Oo = ["aria-label", "title"], Na = /* @__PURE__ */ M({
+  __name: "VisionThemeToggle",
+  setup(e) {
+    const n = E(xt("theme") === "light" ? "light" : "dark"), l = (s) => {
+      n.value = s, yt(s);
+    };
+    return Q(async () => {
+      await je(), setTimeout(() => l(n.value), 0);
+    }), (s, t) => (f(), v("button", {
+      type: "button",
+      class: "grid size-9 place-items-center rounded-md text-gray-600 transition-colors hover:bg-white/50 hover:text-[var(--app-accent)] dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white",
+      "aria-label": n.value === "dark" ? "Включить светлую тему" : "Включить тёмную тему",
+      title: n.value === "dark" ? "Светлая тема" : "Тёмная тема",
+      onClick: t[0] || (t[0] = (r) => l(n.value === "dark" ? "light" : "dark"))
+    }, [
+      g(ce, {
+        name: n.value === "dark" ? "sun" : "moon",
+        size: 18
+      }, null, 8, ["name"])
+    ], 8, Oo));
+  }
+}), Oa = /* @__PURE__ */ M({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2848,31 +3135,31 @@ end;`, detail: "event(name: string)" },
   },
   emits: ["update:modelValue", "select"],
   setup(e, { emit: n }) {
-    const l = n, s = (i) => l("update:modelValue", i), t = (i, d) => {
-      i.click(new Event("click")), l("select", d);
+    const l = n, s = (r) => l("update:modelValue", r), t = (r, c) => {
+      r.click(new Event("click")), l("select", c);
     };
-    return (i, d) => (f(), j(je, P(i.$attrs, {
+    return (r, c) => (f(), D(Ne, j(r.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
-      activator: y(({ on: c }) => [
-        g(Z, {
+      activator: x(({ on: d }) => [
+        g(J, {
           "model-value": e.modelValue,
           name: e.name,
           message: e.message,
           label: e.label,
           "onUpdate:modelValue": s,
-          onClick: c.open
+          onClick: d.open
         }, null, 8, ["model-value", "name", "message", "label", "onClick"])
       ]),
-      default: y(({ on: c }) => [
-        g($e, {
+      default: x(({ on: d }) => [
+        g(Ce, {
           items: e.items,
-          onClick: (u) => t(c, u)
+          onClick: (m) => t(d, m)
         }, {
-          default: y(({ item: u }) => [
-            k(i.$slots, "default", { item: u }, () => [
-              I($(u.name), 1)
+          default: x(({ item: m }) => [
+            k(r.$slots, "default", { item: m }, () => [
+              H(_(m.name), 1)
             ])
           ]),
           _: 3
@@ -2881,37 +3168,37 @@ end;`, detail: "event(name: string)" },
       _: 3
     }, 16));
   }
-}), ho = {
+}), Uo = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function go(e, n) {
-  return f(), v("svg", ho, [...n[0] || (n[0] = [
+function Ko(e, n) {
+  return f(), v("svg", Uo, [...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 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({
+const Ro = O({ name: "ri-arrow-drop-down-line", render: Ko }), Fo = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, Wo = { class: "p-4" }, Ua = /* @__PURE__ */ M({
   __name: "VExpansion",
   props: {
     label: { default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = A(null), l = A(e.value), s = () => {
+    const n = E(null), l = E(e.value), s = () => {
       if (!n.value) return;
-      const i = n.value.querySelector(".v-expansion__content");
-      i && (i.style.maxHeight = l.value ? `${i.scrollHeight}px` : "0");
+      const r = n.value.querySelector(".v-expansion__content");
+      r && (r.style.maxHeight = l.value ? `${r.scrollHeight}px` : "0");
     }, t = () => {
       l.value = !l.value, s();
     };
-    return le(() => {
+    return Q(() => {
       s();
-    }), (i, d) => {
-      const c = bo;
+    }), (r, c) => {
+      const d = Ro;
       return f(), v("div", {
         ref_key: "root",
         ref: n,
@@ -2921,25 +3208,25 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
           onClick: t
         }, [
-          o("h4", null, $(e.label), 1),
+          o("h4", null, _(e.label), 1),
           o("div", {
-            class: T(["transition text-gray-400", { "rotate-x-180": l.value }])
+            class: B(["transition text-gray-400", { "rotate-x-180": l.value }])
           }, [
-            g(c, { class: "size-6" })
+            g(d, { class: "size-6" })
           ], 2)
         ]),
-        o("div", yo, [
-          o("div", xo, [
-            k(i.$slots, "default")
+        o("div", Fo, [
+          o("div", Wo, [
+            k(r.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}), _o = ["onDragstart", "onDragenter"], $o = {
+}), qo = ["onDragstart", "onDragenter"], Go = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded"
-}, ma = /* @__PURE__ */ S({
+}, Ka = /* @__PURE__ */ M({
   __name: "VDragDrop",
   props: {
     items: {},
@@ -2947,31 +3234,31 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
   },
   emits: ["update:items", "order-change"],
   setup(e, { emit: n }) {
-    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
-    }), c = (m, p, b) => {
-      s.value = p, t.value = b, m.dataTransfer.effectAllowed = "move";
-    }, u = (m) => {
-      s.value !== null && (i.value = m);
+    const l = n, s = E(null), t = E(0), r = E(-1), c = ({ id: u }) => ({
+      "opacity-30 scale-105 z-10": s.value === u,
+      "transition-transform duration-200": s.value !== u
+    }), d = (u, p, b) => {
+      s.value = p, t.value = b, u.dataTransfer.effectAllowed = "move";
+    }, m = (u) => {
+      s.value !== null && (r.value = u);
     }, 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;
+      s.value = null, r.value = -1;
+    }, i = (u) => {
+      if (u.preventDefault(), s.value && r.value !== -1) {
+        const p = e.items.findIndex((h) => h[e.itemKey] === s.value), b = r.value;
         if (p !== b && b !== -1) {
-          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 });
+          const h = [...e.items], [y] = h.splice(p, 1);
+          h.splice(b, 0, y), l("update:items", h), l("order-change", { fromIndex: p, toIndex: b, movedItem: y, newOrder: h });
         }
       }
-      i.value = -1;
+      r.value = -1;
     };
-    return (m, p) => (f(), v("div", {
-      onDragover: p[1] || (p[1] = q(() => {
+    return (u, p) => (f(), v("div", {
+      onDragover: p[1] || (p[1] = F(() => {
       }, ["prevent"])),
-      onDrop: r
+      onDrop: i
     }, [
-      g(Le, {
+      g(De, {
         "enter-active-class": "transition-all duration-300 ease",
         "enter-from-class": "opacity-0 translate-x-8",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -2980,34 +3267,34 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
         "leave-to-class": "opacity-0 translate-x-8",
         "move-class": "transition-all duration-300 ease"
       }, {
-        default: y(() => [
-          (f(!0), v(D, null, N(e.items, (b, h) => (f(), v("div", {
+        default: x(() => [
+          (f(!0), v(L, null, N(e.items, (b, h) => (f(), v("div", {
             key: `${b.id}_drug`,
-            class: T(["relative group", d(b)]),
+            class: B(["relative group", c(b)]),
             draggable: "true",
-            onDragstart: (x) => c(x, b.id, h),
-            onDragenter: (x) => u(h),
+            onDragstart: (y) => d(y, b.id, h),
+            onDragenter: (y) => m(h),
             onDragend: a,
-            onDragover: p[0] || (p[0] = q(() => {
+            onDragover: p[0] || (p[0] = F(() => {
             }, ["prevent"]))
           }, [
-            k(m.$slots, "default", {
+            k(u.$slots, "default", {
               item: b,
               key: b.id,
               index: h,
               isDragging: s.value === b.id
             }),
-            i.value === h && s.value !== b.id ? (f(), v("div", $o)) : B("", !0)
-          ], 42, _o))), 128))
+            r.value === h && s.value !== b.id ? (f(), v("div", Go)) : z("", !0)
+          ], 42, qo))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), 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 = {
+}), Jo = { class: "glass-inset overflow-hidden rounded-md" }, Zo = { class: "min-w-full" }, Xo = { class: "border-y border-gray-200/70 py-3 dark:border-white/10" }, Yo = { class: "bg-gray-100/70 dark:bg-white/[0.04]" }, Qo = { class: "flex items-center" }, ea = { class: "divide-y divide-gray-100 dark:divide-white/5" }, ta = ["onClick"], na = { class: "flex items-center text-gray-700 dark:text-white/70" }, sa = { key: 1 }, la = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, Mo = { class: "flex items-center justify-center px-2 text-sm text-gray-500 dark:text-white/50" }, fa = /* @__PURE__ */ S({
+}, oa = { class: "flex items-center justify-center px-2 text-sm text-gray-500 dark:text-white/50" }, Ra = /* @__PURE__ */ M({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
@@ -3015,48 +3302,48 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    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", {
+    const l = n, s = (c, d) => l("click", c, d), t = (c) => (c == null ? void 0 : c.className) || "", r = (c, { key: d }) => c == null ? void 0 : c[d];
+    return (c, d) => (f(), v("div", Jo, [
+      o("table", Zo, [
+        o("thead", Xo, [
+          o("tr", Yo, [
+            (f(!0), v(L, null, N(e.headers, (m, 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)])
+              class: B(["px-4 py-2 whitespace-nowrap font-normal text-gray-500 dark:text-white/50", t(m)])
             }, [
-              k(d.$slots, "header", {
-                item: u,
+              k(c.$slots, "header", {
+                item: m,
                 i: a
               }, () => [
-                o("div", zo, $(u.name), 1)
+                o("div", Qo, _(m.name), 1)
               ])
             ], 2))), 128))
           ])
         ]),
-        o("tbody", Vo, [
-          e.items.length ? (f(!0), v(D, { key: 0 }, N(e.items, (u, a) => (f(), v("tr", {
+        o("tbody", ea, [
+          e.items.length ? (f(!0), v(L, { key: 0 }, N(e.items, (m, 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)
+            onClick: (i) => s(m, i)
           }, [
-            (f(!0), v(D, null, N(e.headers, (r, m) => (f(), v("td", {
-              key: m,
+            (f(!0), v(L, null, N(e.headers, (i, u) => (f(), v("td", {
+              key: u,
               class: "py-2 px-4"
             }, [
-              o("div", Bo, [
-                k(d.$slots, r.key, {
-                  item: u,
+              o("div", na, [
+                k(c.$slots, i.key, {
+                  item: m,
                   i: a
                 }, () => [
-                  I($(i(u, r)), 1)
+                  H(_(r(m, i)), 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))
+          ], 8, ta))), 128)) : (f(), v("tr", sa, [
+            o("td", la, [
+              o("div", oa, [
+                k(c.$slots, "empty", {}, () => [
+                  d[0] || (d[0] = H("The list is empty", -1))
                 ])
               ])
             ])
@@ -3065,19 +3352,19 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
       ])
     ]));
   }
-}), pa = /* @__PURE__ */ S({
+}), Fa = /* @__PURE__ */ M({
   __name: "VTooltip",
   props: {
     timeout: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = A(!1), l = () => {
+    const n = E(!1), l = () => {
       e.disabled || (n.value = !0);
     }, s = () => {
       n.value = !1;
-    }, t = Ae("tooltip");
-    return pt(t, () => s()), (i, d) => (f(), v("div", {
+    }, t = Ie("tooltip");
+    return $t(t, () => s()), (r, c) => (f(), v("div", {
       ref: "tooltip",
       class: "relative v-tooltip",
       onMouseenter: l,
@@ -3087,9 +3374,9 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
         type: "button",
         onClick: l
       }, [
-        k(i.$slots, "activator")
+        k(r.$slots, "activator")
       ]),
-      g(_e, {
+      g(ke, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
         "enter-to-class": "opacity-100 translate-y-0",
@@ -3097,8 +3384,8 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
         "leave-from-class": "opacity-100 translate-y-0",
         "leave-to-class": "transform opacity-0 -translate-y-2"
       }, {
-        default: y(() => [
-          k(i.$slots, "default", { show: n.value })
+        default: x(() => [
+          k(r.$slots, "default", { show: n.value })
         ]),
         _: 3
       })
@@ -3106,51 +3393,57 @@ const bo = O({ name: "ri-arrow-drop-down-line", render: go }), yo = { class: "v-
   }
 });
 export {
-  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,
-  ea as CardButton,
-  ta as CardDate,
-  na as CardDimmer,
-  sa as CardInfo,
-  la as CardInput,
-  oa as CardList,
-  ga as CardMain,
-  Wt as CardNotification,
-  aa as ItemEdit,
-  ca as ScriptDialog,
-  ia as ScriptEditor,
-  ra as ScriptViewDocs,
-  da as VAutocomplete,
-  E as VButton,
-  bl as VCheckbox,
-  Pe as VDialog,
-  ma as VDragDrop,
-  je as VDropdown,
-  ua as VExpansion,
-  ns as VFile,
-  ge as VFunc,
-  Ie as VIconLogo,
-  lt as VIconLogoMini,
-  $e as VList,
-  Ue as VListObject,
-  it as VLoader,
-  ba as VPopup,
-  se as VSelect,
-  fa as VTable,
-  ul as VTabs,
-  Z as VTextField,
+  pa as AppAside,
+  va as AppHeader,
+  ba as AppNav,
+  ha as AppNotification,
+  ga as AppOverlay,
+  xa as AppProgress,
+  Ca as BlockBreadcrumb,
+  ya as BlockInfo,
+  _a as BlockScan,
+  $a as BlockService,
+  ka as BlockStatus,
+  wa as BlockUpdate,
+  ae as CardBase,
+  Ma as CardButton,
+  za as CardDate,
+  Sa as CardDimmer,
+  Va as CardInfo,
+  Ta as CardInput,
+  Ba as CardList,
+  Ga as CardMain,
+  en as CardNotification,
+  Ea as ItemEdit,
+  Da as ScriptDialog,
+  La as ScriptEditor,
+  Aa as ScriptViewDocs,
+  Oa as VAutocomplete,
+  A as VButton,
+  Ml as VCheckbox,
+  Oe as VDialog,
+  Ka as VDragDrop,
+  Ne as VDropdown,
+  Ua as VExpansion,
+  cs as VFile,
+  xe as VFunc,
+  Pe as VIconLogo,
+  ct as VIconLogoMini,
+  Ce as VList,
+  We as VListObject,
+  ft as VLoader,
+  Ja as VPopup,
+  le as VSelect,
+  Ra as VTable,
+  xl as VTabs,
+  J as VTextField,
   Fe as VTextWrapper,
-  pa as VTooltip,
-  at as VWifiIcon
+  Fa as VTooltip,
+  mt as VWifiIcon,
+  Ia as VisionButton,
+  Ha as VisionCard,
+  ce as VisionIcon,
+  ja as VisionInput,
+  Pa as VisionSearch,
+  Na as VisionThemeToggle
 };