npm - vuesp-components - Versions diffs - 2.1.8 → 2.1.9 - Mend

vuesp-components 2.1.8 → 2.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,28 +1,28 @@
 import { getDataValue as dt } from "./dashboard/index.es.js";
-import { dashboardCards as ei, getFunction as ti, getParamsData as li, getStateItem as ni, setStateItem as si } from "./dashboard/index.es.js";
-import { openBlock as f, createElementBlock as p, createStaticVNode as ut, createElementVNode as o, defineComponent as V, resolveComponent as He, Fragment as O, createCommentVNode as E, normalizeClass as B, createVNode as b, withCtx as y, createBlock as M, renderSlot as $, markRaw as F, computed as L, resolveDynamicComponent as de, mergeProps as P, shallowRef as Me, Teleport as Ne, Transition as ae, unref as T, withModifiers as N, normalizeStyle as Z, ref as D, resolveDirective as ft, withDirectives as Ce, renderList as U, createTextVNode as I, toDisplayString as k, TransitionGroup as Pe, watch as ue, normalizeProps as R, guardReactiveProps as W, withKeys as mt, createPropsRestProxy as vt, onMounted as fe, onUnmounted as Fe, reactive as pt, useTemplateRef as Ue, vShow as ht, vModelText as gt, createSlots as bt } from "vue";
-import { u as Re, a as yt, b as We, c as Ke, d as ze, e as xt, o as $t } from "./useSwipeDown-BctVX4c1.js";
+import { dashboardCards as ni, getFunction as li, getParamsData as si, getStateItem as oi, setStateItem as ai } from "./dashboard/index.es.js";
+import { openBlock as f, createElementBlock as v, createStaticVNode as ut, createElementVNode as a, defineComponent as V, resolveComponent as Pe, Fragment as O, createCommentVNode as E, normalizeClass as B, createVNode as b, withCtx as y, createBlock as M, renderSlot as $, markRaw as F, computed as L, resolveDynamicComponent as de, mergeProps as N, shallowRef as Me, Teleport as He, Transition as ae, unref as T, withModifiers as H, normalizeStyle as Q, ref as D, resolveDirective as ft, withDirectives as Ce, renderList as R, createTextVNode as I, toDisplayString as k, TransitionGroup as Ne, watch as ue, normalizeProps as U, guardReactiveProps as K, withKeys as mt, createPropsRestProxy as vt, onMounted as fe, onUnmounted as Fe, reactive as pt, useTemplateRef as Re, vShow as ht, vModelText as gt, createSlots as bt } from "vue";
+import { u as Ue, a as yt, b as Ke, c as We, d as ze, e as xt, o as $t } from "./useSwipeDown-BctVX4c1.js";
 import { f as kt, t as _t, g as wt, u as pe, s as Ct, d as zt } from "./app-CG8zhRFf.js";
 const St = {
-  mounted(e, l) {
-    e.clickOutsideEvent = function(n) {
-      e === n.target || e.contains(n.target) || l.value(n, e);
+  mounted(e, n) {
+    e.clickOutsideEvent = function(l) {
+      e === l.target || e.contains(l.target) || n.value(l, e);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
   }
-}, Vt = [{ name: "outside", directive: St }], ge = (e, l) => {
-  const n = e.__vccOpts || e;
-  for (const [s, t] of l)
-    n[s] = t;
-  return n;
+}, Vt = [{ name: "outside", directive: St }], ge = (e, n) => {
+  const l = e.__vccOpts || e;
+  for (const [s, t] of n)
+    l[s] = t;
+  return l;
 }, Bt = {}, Et = {
   viewBox: "0 0 179 40",
   fill: "currentColor"
 };
-function Tt(e, l) {
-  return f(), p("svg", Et, [...l[0] || (l[0] = [
+function Tt(e, n) {
+  return f(), v("svg", Et, [...n[0] || (n[0] = [
     ut('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
   ])]);
 }
@@ -32,38 +32,38 @@ const Se = /* @__PURE__ */ ge(Bt, [["render", Tt]]), Lt = {}, Mt = {
   viewBox: "0 0 40 40",
   fill: "currentColor"
 };
-function At(e, l) {
-  return f(), p("svg", Mt, [...l[0] || (l[0] = [
-    o("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
-      o("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
+function At(e, n) {
+  return f(), v("svg", Mt, [...n[0] || (n[0] = [
+    a("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
+      a("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
     ], -1)
   ])]);
 }
-const qe = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Ca = /* @__PURE__ */ V({
+const qe = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Sa = /* @__PURE__ */ V({
   __name: "AppAside",
   props: {
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(e, { emit: l }) {
-    const n = l, s = () => {
-      e.isSidebar && n("sidebar", !e.isSidebar);
+  setup(e, { emit: n }) {
+    const l = n, s = () => {
+      e.isSidebar && l("sidebar", !e.isSidebar);
     };
-    return (t, a) => {
-      const r = He("router-link");
-      return f(), p(O, null, [
-        e.isSidebar ? (f(), p("div", {
+    return (t, o) => {
+      const i = Pe("router-link");
+      return f(), v(O, 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
         })) : E("", !0),
-        o("aside", {
+        a("aside", {
           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 px-5 transition-all duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
         }, [
-          o("div", {
+          a("div", {
             class: B([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
           }, [
-            b(r, { to: "/" }, {
+            b(i, { to: "/" }, {
               default: y(() => [
                 e.isSidebar ? (f(), M(qe, {
                   key: 0,
@@ -76,7 +76,7 @@ const qe = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = { class: "no-scrollbar
               _: 1
             })
           ], 2),
-          o("div", Dt, [
+          a("div", Dt, [
             $(t.$slots, "default")
           ])
         ], 2)
@@ -88,9 +88,9 @@ const qe = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = { class: "no-scrollbar
   width: "1.2em",
   height: "1.2em"
 };
-function Ot(e, l) {
-  return f(), p("svg", It, [...l[0] || (l[0] = [
-    o("path", {
+function Ot(e, n) {
+  return f(), v("svg", It, [...n[0] || (n[0] = [
+    a("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)
@@ -101,48 +101,48 @@ const Ge = F({ name: "ri-more-line", render: Ot }), jt = {
   width: "1.2em",
   height: "1.2em"
 };
-function Ht(e, l) {
-  return f(), p("svg", jt, [...l[0] || (l[0] = [
-    o("path", {
+function Pt(e, n) {
+  return f(), v("svg", jt, [...n[0] || (n[0] = [
+    a("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 Nt = F({ name: "ri-logout-box-line", render: Ht }), Pt = {
+const Ht = F({ name: "ri-logout-box-line", render: Pt }), Nt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ft(e, l) {
-  return f(), p("svg", Pt, [...l[0] || (l[0] = [
-    o("path", {
+function Ft(e, n) {
+  return f(), v("svg", Nt, [...n[0] || (n[0] = [
+    a("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 Je = F({ name: "ri-notification-line", render: Ft }), Ut = {
+const Je = F({ name: "ri-notification-line", render: Ft }), Rt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Rt(e, l) {
-  return f(), p("svg", Ut, [...l[0] || (l[0] = [
-    o("path", {
+function Ut(e, n) {
+  return f(), v("svg", Rt, [...n[0] || (n[0] = [
+    a("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 Wt = F({ name: "ri-moon-line", render: Rt }), Kt = {
+const Kt = F({ name: "ri-moon-line", render: Ut }), Wt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function qt(e, l) {
-  return f(), p("svg", Kt, [...l[0] || (l[0] = [
-    o("path", {
+function qt(e, n) {
+  return f(), v("svg", Wt, [...n[0] || (n[0] = [
+    a("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)
@@ -153,22 +153,22 @@ const Gt = F({ name: "ri-sun-line", render: qt }), Jt = {
   width: "1.2em",
   height: "1.2em"
 };
-function Xt(e, l) {
-  return f(), p("svg", Jt, [...l[0] || (l[0] = [
-    o("path", {
+function Xt(e, n) {
+  return f(), v("svg", Jt, [...n[0] || (n[0] = [
+    a("path", {
       fill: "currentColor",
       d: "M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z"
     }, null, -1)
   ])]);
 }
-const Yt = F({ name: "ri-menu-line", render: Xt }), Qt = {}, Zt = {
+const Yt = F({ name: "ri-menu-line", render: Xt }), Zt = {}, Qt = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function el(e, l) {
-  return f(), p("svg", Zt, [...l[0] || (l[0] = [
-    o("circle", {
+function en(e, n) {
+  return f(), v("svg", Qt, [...n[0] || (n[0] = [
+    a("circle", {
       class: "opacity-25",
       cx: "12",
       cy: "12",
@@ -176,14 +176,14 @@ function el(e, l) {
       stroke: "currentColor",
       "stroke-width": "2"
     }, null, -1),
-    o("path", {
+    a("path", {
       class: "opacity-75",
       fill: "currentColor",
       d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
     }, null, -1)
   ])]);
 }
-const Ve = /* @__PURE__ */ ge(Qt, [["render", el]]), tl = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", A = /* @__PURE__ */ V({
+const Ve = /* @__PURE__ */ ge(Zt, [["render", en]]), tn = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", A = /* @__PURE__ */ V({
   __name: "VButton",
   props: {
     outline: { type: Boolean, default: !1 },
@@ -195,25 +195,25 @@ const Ve = /* @__PURE__ */ ge(Qt, [["render", el]]), tl = "relative flex justify
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const n = l, s = (C) => n("click", C), t = e.outline ? "dark:text-white border border-green-600 text-green-600" : "text-white bg-green-600 dark:bg-green-800", a = e.outline ? "dark:text-white border border-red-600 text-red-600" : "text-white bg-red-600 dark:bg-red-800", r = e.outline ? "dark:text-white border border-gray-600 text-gray-600" : "bg-gray-100 dark:bg-gray-800", d = e.outline ? "dark:text-white border border-blue-600 text-blue-600" : "text-white bg-blue-700 dark:bg-blue-800", u = (e.outline, ""), i = { green: t, red: a, gray: r, blue: d, transparent: u }, c = {
+  setup(e, { emit: n }) {
+    const l = n, s = (C) => l("click", C), t = e.outline ? "dark:text-white border border-green-600 text-green-600" : "text-white bg-green-600 dark:bg-green-800", o = e.outline ? "dark:text-white border border-red-600 text-red-600" : "text-white bg-red-600 dark:bg-red-800", i = e.outline ? "dark:text-white border border-gray-600 text-gray-600" : "bg-gray-100 dark:bg-gray-800", d = e.outline ? "dark:text-white border border-blue-600 text-blue-600" : "text-white bg-blue-700 dark:bg-blue-800", u = (e.outline, ""), r = { green: t, red: o, gray: i, blue: d, transparent: u }, c = {
       button: "px-3",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
     }, m = {
       button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
       icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
-    }, v = L(() => [tl, _(e.color), x(e.type), h(e.type, e.size)]), g = L(() => e.href || e.to ? "router-link" : "button"), h = (C, z) => {
+    }, p = L(() => [tn, _(e.color), x(e.type), h(e.type, e.size)]), g = L(() => e.href || e.to ? "router-link" : "button"), h = (C, z) => {
       var j;
       return ((j = m[C]) == null ? void 0 : j[z]) || "";
-    }, x = (C) => (c == null ? void 0 : c[C]) || "", _ = (C) => i == null ? void 0 : i[C];
-    return (C, z) => (f(), M(de(g.value), P(C.$attrs, {
+    }, x = (C) => (c == null ? void 0 : c[C]) || "", _ = (C) => r == null ? void 0 : r[C];
+    return (C, z) => (f(), M(de(g.value), N(C.$attrs, {
       href: e.href,
       to: e.to,
-      class: v.value,
+      class: p.value,
       onClick: s
     }), {
       default: y(() => [
-        o("span", {
+        a("span", {
           class: B(e.loading ? "opacity-0" : "")
         }, [
           $(C.$slots, "default")
@@ -226,31 +226,31 @@ const Ve = /* @__PURE__ */ ge(Qt, [["render", el]]), tl = "relative flex justify
       _: 3
     }, 16, ["href", "to", "class"]));
   }
-}), ll = {
+}), nn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function nl(e, l) {
-  return f(), p("svg", ll, [...l[0] || (l[0] = [
-    o("path", {
+function ln(e, n) {
+  return f(), v("svg", nn, [...n[0] || (n[0] = [
+    a("path", {
       fill: "currentColor",
       d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
     }, null, -1)
   ])]);
 }
-const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-center absolute right-3 top-5 z-10" }, Xe = /* @__PURE__ */ V({
+const ne = F({ name: "ri-close-line", render: ln }), sn = { class: "flex items-center absolute right-3 top-5 z-10" }, Xe = /* @__PURE__ */ V({
   __name: "VPopup",
   props: {
     hiddenCloser: { type: Boolean },
     size: { default: "auto" }
   },
   emits: ["close", "click", "open"],
-  setup(e, { emit: l }) {
-    const n = l, { show: s, overlay: t, onClose: a, onOpen: r } = Re(n), d = Me(null), u = Me(null), { opacity: i, transform: c } = yt(d, u, a), g = { click: (_) => {
-      n("click", _);
-    }, open: r, set: (_) => {
-      _ ? r() : a(new Event("hide"));
+  setup(e, { emit: n }) {
+    const l = n, { show: s, overlay: t, onClose: o, onOpen: i } = Ue(l), d = Me(null), u = Me(null), { opacity: r, transform: c } = yt(d, u, o), g = { click: (_) => {
+      l("click", _);
+    }, open: i, set: (_) => {
+      _ ? i() : o(new Event("hide"));
     } }, h = L(() => ({
       auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
@@ -261,8 +261,8 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       screen: "h-[calc(100dvh-16px)]"
     }));
     return (_, C) => {
-      const z = le, j = A;
-      return f(), M(Ne, { to: "body" }, [
+      const z = ne, j = A;
+      return f(), M(He, { to: "body" }, [
         b(ae, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
@@ -272,47 +272,47 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: y(() => [
-            T(s) ? (f(), p("div", {
+            T(s) ? (f(), v("div", {
               key: 0,
               ref_key: "container",
               ref: u,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              T(t) ? (f(), p("div", {
+              T(t) ? (f(), v("div", {
                 key: 0,
                 class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
-                style: Z({ opacity: T(i) }),
+                style: Q({ opacity: T(r) }),
                 onClick: C[0] || (C[0] = //@ts-ignore
-                (...X) => T(a) && T(a)(...X)),
-                onWheel: C[1] || (C[1] = N(() => {
+                (...X) => T(o) && T(o)(...X)),
+                onWheel: C[1] || (C[1] = H(() => {
                 }, ["prevent"])),
-                onTouchmove: C[2] || (C[2] = N(() => {
+                onTouchmove: C[2] || (C[2] = H(() => {
                 }, ["prevent"]))
               }, null, 36)) : E("", !0),
-              o("div", {
+              a("div", {
                 class: B(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
-                style: Z({ transform: T(c) })
+                style: Q({ transform: T(c) })
               }, [
-                o("div", {
+                a("div", {
                   ref_key: "target",
                   ref: d,
                   class: "flex justify-center py-3 md:pb-6",
-                  onWheel: C[3] || (C[3] = N(() => {
+                  onWheel: C[3] || (C[3] = H(() => {
                   }, ["prevent"])),
-                  onTouchmove: C[4] || (C[4] = N(() => {
+                  onTouchmove: C[4] || (C[4] = H(() => {
                   }, ["prevent"]))
                 }, [...C[5] || (C[5] = [
-                  o("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
+                  a("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
                 ])], 544),
-                o("div", sl, [
-                  $(_.$slots, "button", { close: T(a) }),
+                a("div", sn, [
+                  $(_.$slots, "button", { close: T(o) }),
                   b(j, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: T(a)
+                    onClick: T(o)
                   }, {
                     default: y(() => [
                       b(z, { class: "size-5" })
@@ -320,11 +320,11 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                     _: 1
                   }, 8, ["onClick"])
                 ]),
-                o("div", {
+                a("div", {
                   class: B(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", x.value[e.size]])
                 }, [
                   $(_.$slots, "default", {
-                    close: T(a),
+                    close: T(o),
                     on: g
                   })
                 ], 2)
@@ -336,7 +336,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       ]);
     };
   }
-}), ol = { class: "relative" }, al = { class: "flex items-center cursor-pointer" }, be = /* @__PURE__ */ V({
+}), on = { class: "relative" }, an = { class: "flex items-center cursor-pointer" }, be = /* @__PURE__ */ V({
   __name: "VDropdown",
   props: {
     title: { default: "" },
@@ -350,27 +350,27 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
     isPopup: { type: Boolean }
   },
   emits: ["click", "show", "close"],
-  setup(e, { emit: l }) {
-    const n = l, t = We(Ke).greaterOrEqual("lg"), a = D(!1), r = L(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), d = (h) => {
-      t.value && a.value && c(h);
+  setup(e, { emit: n }) {
+    const l = n, t = Ke(We).greaterOrEqual("lg"), o = D(!1), i = L(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), d = (h) => {
+      t.value && o.value && c(h);
     }, u = (h) => {
-      n("click", a.value), !e.disabled && (a.value ? e.hideOnClick && c(h) : i(h));
-    }, i = (h) => {
-      a.value = !0, n("show", h);
+      l("click", o.value), !e.disabled && (o.value ? e.hideOnClick && c(h) : r(h));
+    }, r = (h) => {
+      o.value = !0, l("show", h);
     }, c = (h) => {
-      a.value = !1, n("close", h);
+      o.value = !1, l("close", h);
     }, m = (h) => {
-      h ? i(new Event("show")) : c(new Event("hide"));
-    }, v = () => {
+      h ? r(new Event("show")) : c(new Event("hide"));
+    }, p = () => {
       c(new Event("hide"));
-    }, g = { click: u, open: i, set: m };
+    }, g = { click: u, open: r, set: m };
     return (h, x) => {
       const _ = ft("outside");
-      return Ce((f(), p("div", ol, [
-        o("div", al, [
+      return Ce((f(), v("div", on, [
+        a("div", an, [
           $(h.$slots, "activator", {
             on: g,
-            isShow: a.value
+            isShow: o.value
           })
         ]),
         T(t) ? (f(), M(ae, {
@@ -383,32 +383,32 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
           default: y(() => [
-            a.value ? (f(), p("div", {
+            o.value ? (f(), v("div", {
               key: 0,
               class: "z-30 min-w-full absolute",
-              style: Z(r.value)
+              style: Q(i.value)
             }, [
               $(h.$slots, "default", {
                 on: g,
-                show: i,
+                show: r,
                 hide: c,
-                isShow: a.value
+                isShow: o.value
               })
             ], 4)) : E("", !0)
           ]),
           _: 3
         })) : E("", !0),
-        !T(t) && a.value ? (f(), M(Xe, {
+        !T(t) && o.value ? (f(), M(Xe, {
           key: 1,
           title: e.title,
-          onClose: v
+          onClose: p
         }, {
           default: y(({ on: C }) => [
             $(h.$slots, "default", {
               on: C,
-              show: i,
+              show: r,
               hide: c,
-              isShow: a.value
+              isShow: o.value
             })
           ]),
           _: 3
@@ -418,59 +418,59 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       ]);
     };
   }
-}), il = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, rl = ["onClick"], me = /* @__PURE__ */ V({
+}), rn = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, cn = ["onClick"], me = /* @__PURE__ */ V({
   __name: "VList",
   props: {
     items: {}
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const n = l, s = (t, a) => n("click", t, a);
-    return (t, a) => (f(), p("ul", il, [
-      (f(!0), p(O, null, U(e.items, (r) => (f(), p("li", {
-        key: r.name,
+  setup(e, { emit: n }) {
+    const l = n, s = (t, o) => l("click", t, o);
+    return (t, o) => (f(), v("ul", rn, [
+      (f(!0), v(O, null, R(e.items, (i) => (f(), v("li", {
+        key: i.name,
         class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full px-4",
-        onClick: (d) => s(r, d)
+        onClick: (d) => s(i, d)
       }, [
-        $(t.$slots, "default", { item: r }, () => [
-          I(k(r.name), 1)
+        $(t.$slots, "default", { item: i }, () => [
+          I(k(i.name), 1)
         ])
-      ], 8, rl))), 128))
+      ], 8, cn))), 128))
     ]));
   }
-}), cl = { class: "bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 left-0 w-full z-10 sticky top-0" }, dl = { class: "px-4 py-4 sm:px-6 lg:px-8" }, ul = { class: "container mx-auto flex flex-auto items-center" }, fl = { class: "lg:hidden h-[30px]" }, ml = { class: "gap-4 hidden lg:flex" }, vl = { class: "lg:hidden flex gap-4" }, pl = { class: "ms-2" }, za = /* @__PURE__ */ V({
+}), dn = { class: "bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 left-0 w-full z-10 sticky top-0" }, un = { class: "px-4 py-4 sm:px-6 lg:px-8" }, fn = { class: "container mx-auto flex flex-auto items-center" }, mn = { class: "lg:hidden h-[30px]" }, vn = { class: "gap-4 hidden lg:flex" }, pn = { class: "lg:hidden flex gap-4" }, hn = { class: "ms-2" }, Va = /* @__PURE__ */ V({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function },
     notifications: {}
   },
   emits: ["sidebar", "notif"],
-  setup(e, { emit: l }) {
-    const n = l, s = [
+  setup(e, { emit: n }) {
+    const l = n, s = [
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], t = L(() => !!e.notifications.find((c) => c.isNew)), a = (c) => n("sidebar", c), r = (c) => n("notif", c), d = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), u = () => {
+    ], t = L(() => !!e.notifications.find((c) => c.isNew)), o = (c) => l("sidebar", c), i = (c) => l("notif", c), d = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), u = () => {
       e.changeTheme && e.changeTheme();
-    }, i = ({ value: c }, m) => {
-      c == 1 && u(), c == 2 && r(m), c == 3 && d();
+    }, r = ({ value: c }, m) => {
+      c == 1 && u(), c == 2 && i(m), c == 3 && d();
     };
     return (c, m) => {
-      const v = Yt, g = He("router-link"), h = Gt, x = Wt, _ = Je, C = Nt, z = Ge;
-      return f(), p("header", cl, [
-        o("div", dl, [
-          o("div", ul, [
+      const p = Yt, g = Pe("router-link"), h = Gt, x = Kt, _ = Je, C = Ht, z = Ge;
+      return f(), v("header", dn, [
+        a("div", un, [
+          a("div", fn, [
             b(A, {
               type: "icon",
-              onClick: a
+              onClick: o
             }, {
               default: y(() => [
-                b(v, { class: "size-5" })
+                b(p, { class: "size-5" })
               ]),
               _: 1
             }),
-            m[1] || (m[1] = o("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            o("div", fl, [
+            m[1] || (m[1] = a("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            a("div", mn, [
               b(g, { to: "/" }, {
                 default: y(() => [
                   b(Se, { class: "h-[30px] text-primary" })
@@ -478,8 +478,8 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                 _: 1
               })
             ]),
-            m[2] || (m[2] = o("div", { class: "flex-auto" }, null, -1)),
-            o("div", ml, [
+            m[2] || (m[2] = a("div", { class: "flex-auto" }, null, -1)),
+            a("div", vn, [
               b(A, {
                 type: "icon",
                 onClick: u
@@ -492,13 +492,13 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
               }),
               b(A, {
                 type: "icon",
-                onClick: r
+                onClick: i
               }, {
                 default: y(() => [
-                  o("span", {
+                  a("span", {
                     class: B([t.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
                   }, [...m[0] || (m[0] = [
-                    o("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+                    a("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
                   ])], 2),
                   b(_, { class: "size-5" })
                 ]),
@@ -506,7 +506,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
               }),
               b(A, {
                 type: "icon",
-                onClick: N(d, ["prevent"])
+                onClick: H(d, ["prevent"])
               }, {
                 default: y(() => [
                   b(C, { class: "size-5" })
@@ -514,7 +514,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                 _: 1
               })
             ]),
-            o("div", vl, [
+            a("div", pn, [
               b(be, {
                 left: "unset",
                 right: "0",
@@ -535,10 +535,10 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                 default: y(() => [
                   b(me, {
                     items: s,
-                    onClick: i
+                    onClick: r
                   }, {
                     default: y(({ item: j }) => [
-                      o("span", pl, k(j.name), 1)
+                      a("span", hn, k(j.name), 1)
                     ]),
                     _: 1
                   })
@@ -551,7 +551,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       ]);
     };
   }
-}), hl = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, gl = { class: "flex-auto text-xs" }, bl = { class: "text-gray-500 dark:text-gray-400 mt-1" }, yl = /* @__PURE__ */ V({
+}), gn = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, bn = { class: "flex-auto text-xs" }, yn = { class: "text-gray-500 dark:text-gray-400 mt-1" }, xn = /* @__PURE__ */ V({
   __name: "CardNotification",
   props: {
     empty: {},
@@ -563,13 +563,13 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
     text: {}
   },
   emits: ["remove", "read"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], a = (u) => t[u], r = (u) => s("remove", u), d = (u) => s("read", u);
-    return (u, i) => {
-      const c = Je, m = le;
-      return f(), p("div", hl, [
-        o("div", {
-          class: B(["absolute left-0 top-0 w-[3px] h-full", a(n.color)])
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], o = (u) => t[u], i = (u) => s("remove", u), d = (u) => s("read", u);
+    return (u, r) => {
+      const c = Je, m = ne;
+      return f(), v("div", gn, [
+        a("div", {
+          class: B(["absolute left-0 top-0 w-[3px] h-full", o(l.color)])
         }, null, 2),
         b(A, {
           class: "shrink-0",
@@ -577,24 +577,24 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
           onClick: d
         }, {
           default: y(() => [
-            o("span", {
-              class: B([n.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-            }, [...i[0] || (i[0] = [
-              o("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+            a("span", {
+              class: B([l.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+            }, [...r[0] || (r[0] = [
+              a("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
             ])], 2),
             b(c, { class: "size-5" })
           ]),
           _: 1
         }),
-        o("div", gl, [
-          o("div", null, k(n.text), 1),
-          o("div", bl, k(T(kt)(n.date)) + " (" + k(T(_t)(n.date)) + ")", 1)
+        a("div", bn, [
+          a("div", null, k(l.text), 1),
+          a("div", yn, k(T(kt)(l.date)) + " (" + k(T(_t)(l.date)) + ")", 1)
         ]),
         b(A, {
           class: "shrink-0",
           type: "icon",
           size: "sm",
-          onClick: r
+          onClick: i
         }, {
           default: y(() => [
             b(m, { class: "size-4" })
@@ -604,31 +604,31 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       ]);
     };
   }
-}), xl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, $l = {
+}), $n = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, kn = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
-}, Sa = /* @__PURE__ */ V({
+}, Ba = /* @__PURE__ */ V({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
     notifications: {}
   },
   emits: ["close", "remove", "read"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = L(() => !!n.notifications.find((i) => i.isNew)), a = L(() => !!n.notifications.length), r = (i) => s("close", i), d = (i) => s("remove", i), u = (i) => s("read", i);
-    return (i, c) => (f(), p(O, null, [
-      n.value ? (f(), p("div", {
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = L(() => !!l.notifications.find((r) => r.isNew)), o = L(() => !!l.notifications.length), i = (r) => s("close", r), d = (r) => s("remove", r), u = (r) => s("read", r);
+    return (r, c) => (f(), v(O, 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: r
+        onClick: i
       })) : E("", !0),
-      o("aside", {
-        class: B([n.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
+      a("aside", {
+        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 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
       }, [
-        o("div", xl, [
-          $(i.$slots, "header", { isNew: t.value }),
-          a.value ? (f(), p("div", $l, [
-            b(Pe, {
+        a("div", $n, [
+          $(r.$slots, "header", { isNew: t.value }),
+          o.value ? (f(), v("div", kn, [
+            b(Ne, {
               "enter-active-class": "transition-all duration-300 ",
               "enter-from-class": "opacity-0 translate-x-1/2",
               "enter-to-class": "opacity-100 translate-x-0",
@@ -637,49 +637,49 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
               default: y(() => [
-                (f(!0), p(O, null, U(n.notifications, (m) => (f(), p("div", {
+                (f(!0), v(O, null, R(l.notifications, (m) => (f(), v("div", {
                   key: m.date,
                   class: "relative"
                 }, [
-                  $(i.$slots, "card", { item: m }, () => [
-                    b(yl, P({ ref_for: !0 }, m, {
+                  $(r.$slots, "card", { item: m }, () => [
+                    b(xn, N({ ref_for: !0 }, m, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
-                      onRemove: (v) => d(m),
-                      onRead: (v) => u(m)
+                      onRemove: (p) => d(m),
+                      onRead: (p) => u(m)
                     }), null, 16, ["onRemove", "onRead"])
                   ])
                 ]))), 128))
               ]),
               _: 3
             })
-          ])) : $(i.$slots, "empty", {}, void 0, void 0, 1)
+          ])) : $(r.$slots, "empty", {}, void 0, void 0, 1)
         ])
       ], 2)
     ], 64));
   }
-}), kl = {}, _l = { class: "fixed h-full w-full top-0 left-0 z-20" }, wl = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Cl(e, l) {
-  return f(), p("div", _l, [
-    l[0] || (l[0] = o("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
-    o("div", wl, [
+}), _n = {}, wn = { class: "fixed h-full w-full top-0 left-0 z-20" }, Cn = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function zn(e, n) {
+  return f(), v("div", wn, [
+    n[0] || (n[0] = a("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
+    a("div", Cn, [
       $(e.$slots, "default")
     ])
   ]);
 }
-const Va = /* @__PURE__ */ ge(kl, [["render", Cl]]), zl = {
+const Ea = /* @__PURE__ */ ge(_n, [["render", zn]]), Sn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Sl(e, l) {
-  return f(), p("svg", zl, [...l[0] || (l[0] = [
-    o("path", {
+function Vn(e, n) {
+  return f(), v("svg", Sn, [...n[0] || (n[0] = [
+    a("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 Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4 flex flex-col gap-2" }, El = { class: "size-6 flex-[0_0_24px] opacity-60" }, Tl = ["onClick"], Ll = { class: "flex flex-col gap-2" }, Ml = { class: "flex gap-2 ms-8" }, Al = { class: "size-5 flex-[0_0_24px]" }, Dl = { class: "flex-1 first-letter:uppercase text-sm" }, Ba = /* @__PURE__ */ V({
+const Bn = F({ name: "ri-arrow-right-s-line", render: Vn }), En = { class: "mb-4 flex flex-col gap-2" }, Tn = { class: "size-6 flex-[0_0_24px] opacity-60" }, Ln = ["onClick"], Mn = { class: "flex flex-col gap-2" }, An = { class: "flex gap-2 ms-8" }, Dn = { class: "size-5 flex-[0_0_24px]" }, In = { class: "flex-1 first-letter:uppercase text-sm" }, Ta = /* @__PURE__ */ V({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -687,62 +687,62 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(e, { emit: l }) {
-    const n = l, s = D(""), t = ({ name: r }) => {
-      e.isSidebar && n("sidebar", !e.isSidebar), s.value !== r && (s.value = s.value === r ? "" : r);
-    }, a = (r) => e.fullPath === r;
+  setup(e, { emit: n }) {
+    const l = n, s = D(""), t = ({ name: i }) => {
+      e.isSidebar && l("sidebar", !e.isSidebar), s.value !== i && (s.value = s.value === i ? "" : i);
+    }, o = (i) => e.fullPath === i;
     return ue(
       () => e.menu,
       () => {
-        var r;
-        return s.value = ((r = wt(e.menu, e.fullPath)) == null ? void 0 : r.name) || "";
+        var i;
+        return s.value = ((i = wt(e.menu, e.fullPath)) == null ? void 0 : i.name) || "";
       }
-    ), (r, d) => {
-      const u = Vl;
-      return f(), p("nav", null, [
-        o("ul", Bl, [
-          (f(!0), p(O, null, U(e.menu, (i) => (f(), p("li", {
-            key: i.name
+    ), (i, d) => {
+      const u = Bn;
+      return f(), v("nav", null, [
+        a("ul", En, [
+          (f(!0), v(O, null, R(e.menu, (r) => (f(), v("li", {
+            key: r.name
           }, [
-            (f(), M(de(i.path ? "router-link" : "span"), {
-              to: i.path,
-              class: B(["flex gap-2 items-center px-3 py-2 rounded", a(i.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-              onClick: N((c) => t(i), ["prevent", "stop"])
+            (f(), M(de(r.path ? "router-link" : "span"), {
+              to: r.path,
+              class: B(["flex gap-2 items-center px-3 py-2 rounded", o(r.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
+              onClick: H((c) => t(r), ["prevent", "stop"])
             }, {
               default: y(() => [
-                o("div", El, [
-                  $(r.$slots, "icon", { item: i })
+                a("div", Tn, [
+                  $(i.$slots, "icon", { item: r })
                 ]),
-                o("span", {
+                a("span", {
                   class: B(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, k(i.name), 3),
-                o("button", {
+                }, k(r.name), 3),
+                a("button", {
                   class: B(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: N((c) => t(i), ["prevent", "stop"])
+                  onClick: H((c) => t(r), ["prevent", "stop"])
                 }, [
-                  i.children ? (f(), M(u, { key: 0 })) : E("", !0)
-                ], 10, Tl)
+                  r.children ? (f(), M(u, { key: 0 })) : E("", !0)
+                ], 10, Ln)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
-            i.children ? (f(), p("div", {
+            r.children ? (f(), v("div", {
               key: 0,
-              class: B(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === i.name ? "block" : "hidden"]])
+              class: B(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === r.name ? "block" : "hidden"]])
             }, [
-              o("ul", Ll, [
-                (f(!0), p(O, null, U(i.children, ({ name: c, path: m, icon: v }) => (f(), p("li", { key: c }, [
+              a("ul", Mn, [
+                (f(!0), v(O, null, R(r.children, ({ name: c, path: m, icon: p }) => (f(), v("li", { key: c }, [
                   (f(), M(de(m ? "router-link" : "span"), {
                     to: m,
-                    class: B(["flex gap-2 items-center px-3 py-2 rounded", a(m) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+                    class: B(["flex gap-2 items-center px-3 py-2 rounded", o(m) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
                   }, {
                     default: y(() => [
-                      o("div", Ml, [
-                        o("div", Al, [
-                          $(r.$slots, "icon-children", {
-                            item: { name: c, path: m, icon: v }
+                      a("div", An, [
+                        a("div", Dn, [
+                          $(i.$slots, "icon-children", {
+                            item: { name: c, path: m, icon: p }
                           })
                         ]),
-                        o("span", Dl, k(c), 1)
+                        a("span", In, k(c), 1)
                       ])
                     ]),
                     _: 2
@@ -755,17 +755,17 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
       ]);
     };
   }
-}), Il = {
+}), On = {
   key: 0,
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded shadow-lg dark:bg-gray-800",
   role: "alert"
-}, Ol = { class: "flex items-center gap-4 text-sm" }, jl = {
+}, jn = { class: "flex items-center gap-4 text-sm" }, Pn = {
   key: 0,
   class: "text-green-600"
-}, Hl = {
+}, Hn = {
   key: 1,
   class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-900/50 select-none mt-2"
-}, Nl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Pl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Ea = /* @__PURE__ */ V({
+}, Nn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Fn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, La = /* @__PURE__ */ V({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -776,16 +776,16 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
     length: { default: 0 }
   },
   setup(e) {
-    const l = D(!1), n = L(() => !!e.length), s = L(() => !!(n.value && t.value === 100 && !e.status)), t = L(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), a = ze(() => {
-      l.value = !1;
+    const n = D(!1), l = L(() => !!e.length), s = L(() => !!(l.value && t.value === 100 && !e.status)), t = L(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), o = ze(() => {
+      n.value = !1;
     }, e.timeout);
     return ue(
       () => [e.size, e.status],
       () => {
-        l.value = !0, a();
+        n.value = !0, o();
       }
-    ), (r, d) => {
-      const u = le;
+    ), (i, d) => {
+      const u = ne;
       return f(), M(ae, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 translate-x-full",
@@ -795,31 +795,31 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
         "leave-to-class": "transform opacity-0 -translate-y-8"
       }, {
         default: y(() => [
-          l.value ? (f(), p("div", Il, [
-            o("div", Ol, [
-              $(r.$slots, "default", { isDone: s.value }, () => [
-                d[1] || (d[1] = o("div", { class: "flex-auto" }, "Progress...", -1)),
-                s.value ? (f(), p("span", jl, "Done")) : E("", !0)
+          n.value ? (f(), v("div", On, [
+            a("div", jn, [
+              $(i.$slots, "default", { isDone: s.value }, () => [
+                d[1] || (d[1] = a("div", { class: "flex-auto" }, "Progress...", -1)),
+                s.value ? (f(), v("span", Pn, "Done")) : E("", !0)
               ]),
-              o("button", {
+              a("button", {
                 class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
-                onClick: d[0] || (d[0] = (i) => l.value = !1)
+                onClick: d[0] || (d[0] = (r) => n.value = !1)
               }, [
                 b(u, { class: "size-4" })
               ])
             ]),
-            n.value ? (f(), p("div", {
+            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: Z(`width: ${t.value}%`)
+              style: Q(`width: ${t.value}%`)
             }, null, 4)) : E("", !0),
-            n.value ? (f(), p("div", Hl, [
-              o("div", Nl, k(t.value) + "%", 1),
-              o("div", {
+            l.value ? (f(), v("div", Hn, [
+              a("div", Nn, k(t.value) + "%", 1),
+              a("div", {
                 class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-                style: Z(`width: ${t.value}%`)
+                style: Q(`width: ${t.value}%`)
               }, [
-                o("div", Pl, k(t.value) + "%", 1)
+                a("div", Fn, k(t.value) + "%", 1)
               ], 4)
             ])) : E("", !0)
           ])) : E("", !0)
@@ -828,7 +828,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
       });
     };
   }
-}), Fl = { class: "my-4 text-gray-700 dark:text-gray-400" }, Ul = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Rl = { class: "flex gap-2" }, Wl = { class: "text-gray-700 dark:text-gray-400" }, Kl = { class: "flex gap-2" }, ql = { class: "flex gap-2" }, Gl = { class: "text-gray-700 dark:text-gray-400" }, Jl = { class: "flex gap-2" }, Xl = { class: "text-gray-700 dark:text-gray-400" }, Yl = { class: "flex flex-col gap-4 text-sm" }, Ql = { class: "flex gap-4" }, Ta = /* @__PURE__ */ V({
+}), Rn = { class: "my-4 text-gray-700 dark:text-gray-400" }, Un = { 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" }, qn = { class: "flex gap-2" }, Gn = { class: "flex gap-2" }, Jn = { class: "text-gray-700 dark:text-gray-400" }, Xn = { class: "flex gap-2" }, Yn = { class: "text-gray-700 dark:text-gray-400" }, Zn = { class: "flex flex-col gap-4 text-sm" }, Qn = { class: "flex gap-4" }, Ma = /* @__PURE__ */ V({
   __name: "BlockInfo",
   props: {
     pkg: {},
@@ -842,103 +842,103 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
     board: {}
   },
   setup(e) {
-    const l = L(() => e.firmware.join(".")), n = L(() => {
-      var t, a, r, d, u, i, c;
+    const n = L(() => e.firmware.join(".")), l = L(() => {
+      var t, o, i, d, u, r, c;
       const s = [];
-      return (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (r = (a = e.pkg) == null ? void 0 : a.repository) != null && r.url && s.push({ name: "repository", href: e.pkg.repository.url }), (u = (d = e.pkg) == null ? void 0 : d.bugs) != null && u.url && s.push({ name: "bugs", href: e.pkg.bugs.url }), (i = e.pkg) != null && i.author && s.push({ name: "author", href: `mailto:${(c = e.pkg) == null ? void 0 : c.author}` }), s;
+      return (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (i = (o = e.pkg) == null ? void 0 : o.repository) != null && i.url && s.push({ name: "repository", href: e.pkg.repository.url }), (u = (d = e.pkg) == null ? void 0 : d.bugs) != null && u.url && s.push({ name: "bugs", href: e.pkg.bugs.url }), (r = e.pkg) != null && r.author && s.push({ name: "author", href: `mailto:${(c = e.pkg) == null ? void 0 : c.author}` }), s;
     });
     return (s, t) => {
-      var a, r;
-      return f(), p("div", null, [
-        o("p", Fl, k((a = e.pkg) == null ? void 0 : a.description), 1),
-        o("div", Ul, [
-          o("div", Rl, [
+      var o, i;
+      return f(), v("div", null, [
+        a("p", Rn, k((o = e.pkg) == null ? void 0 : o.description), 1),
+        a("div", Un, [
+          a("div", Kn, [
             t[0] || (t[0] = I(" Firmware (hw): ", -1)),
-            o("span", Wl, k(l.value), 1)
+            a("span", Wn, k(n.value), 1)
           ]),
-          o("div", Kl, [
-            o("div", ql, [
+          a("div", qn, [
+            a("div", Gn, [
               t[1] || (t[1] = I(" Version (web): ", -1)),
-              o("span", Gl, k((r = e.pkg) == null ? void 0 : r.version), 1)
+              a("span", Jn, k((i = e.pkg) == null ? void 0 : i.version), 1)
             ])
           ]),
-          t[3] || (t[3] = o("div", { class: "flex-auto" }, null, -1)),
-          o("div", Jl, [
+          t[3] || (t[3] = a("div", { class: "flex-auto" }, null, -1)),
+          a("div", Xn, [
             t[2] || (t[2] = I(" ID: ", -1)),
-            o("span", Xl, k(e.id.toString(16)), 1)
+            a("span", Yn, k(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", Yl, [
-          o("div", Ql, [
-            $(s.$slots, "links", { links: n.value })
+        t[4] || (t[4] = a("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
+        a("div", Zn, [
+          a("div", Qn, [
+            $(s.$slots, "links", { links: l.value })
           ])
         ])
       ]);
     };
   }
-}), Zl = { class: "relative flex items-end gap-0.5 w-10" }, en = ["title"], tn = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ye = /* @__PURE__ */ V({
+}), el = { class: "relative flex items-end gap-0.5 w-10" }, tl = ["title"], nl = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ye = /* @__PURE__ */ V({
   __name: "VWifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
   setup(e) {
-    const l = 2 * (e.rssi + 100), n = (s) => s < l;
-    return (s, t) => (f(), p("div", Zl, [
-      (f(), p(O, null, U([10, 15, 25, 40, 70], (a, r) => o("div", {
-        key: a,
-        class: B(["w-1 h-5 rounded-lg", [n(a) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: Z(`height: ${(r + 1) * 5}px`),
+    const n = 2 * (e.rssi + 100), l = (s) => s < n;
+    return (s, t) => (f(), v("div", el, [
+      (f(), v(O, null, R([10, 15, 25, 40, 70], (o, i) => a("div", {
+        key: o,
+        class: B(["w-1 h-5 rounded-lg", [l(o) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: Q(`height: ${(i + 1) * 5}px`),
         title: `rssi: ${e.rssi} channel: ${e.channel}`
-      }, null, 14, en)), 64)),
-      o("div", tn, k(e.channel), 1)
+      }, null, 14, tl)), 64)),
+      a("div", nl, k(e.channel), 1)
     ]));
   }
-}), ln = ["onClick"], nn = { class: "mr-2" }, sn = { class: "text-sm" }, on = { class: "text-gray-400 text-xs" }, an = {
+}), ll = ["onClick"], sl = { class: "mr-2" }, ol = { class: "text-sm" }, al = { class: "text-gray-400 text-xs" }, il = {
   key: 0,
   class: "flex justify-center"
-}, rn = { class: "flex justify-end mt-4" }, La = /* @__PURE__ */ V({
+}, rl = { class: "flex justify-end mt-4" }, Aa = /* @__PURE__ */ V({
   __name: "BlockScan",
   props: {
     items: { default: () => [] }
   },
   emits: ["scan", "select"],
-  setup(e, { emit: l }) {
-    const n = l, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], t = (r) => n("select", r), a = (r) => n("scan", r);
-    return (r, d) => {
-      const u = Ye, i = me, c = Ve, m = A;
-      return f(), p("div", null, [
-        b(i, {
+  setup(e, { emit: n }) {
+    const l = n, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], t = (i) => l("select", i), o = (i) => l("scan", i);
+    return (i, d) => {
+      const u = Ye, r = me, c = Ve, m = A;
+      return f(), v("div", null, [
+        b(r, {
           items: e.items,
           class: "bg-transparent! ring-0!"
         }, {
-          default: y(({ item: v }) => [
-            o("div", {
+          default: y(({ item: p }) => [
+            a("div", {
               class: "flex items-center w-full",
-              onClick: (g) => t(v)
+              onClick: (g) => t(p)
             }, [
-              o("div", nn, [
-                b(u, R(W(v)), null, 16)
+              a("div", sl, [
+                b(u, U(K(p)), null, 16)
               ]),
-              o("div", null, [
-                o("div", sn, k(v.ssid), 1),
-                o("div", on, k(r.$t("security")) + " : " + k(s[v.encryptionType] || "unknown"), 1)
+              a("div", null, [
+                a("div", ol, k(p.ssid), 1),
+                a("div", al, k(i.$t("security")) + " : " + k(s[p.encryptionType] || "unknown"), 1)
               ])
-            ], 8, ln)
+            ], 8, ll)
           ]),
           _: 1
         }, 8, ["items"]),
-        e.items.length ? E("", !0) : (f(), p("div", an, [
+        e.items.length ? E("", !0) : (f(), v("div", il, [
           b(c, { class: "text-primary" })
         ])),
-        o("div", rn, [
+        a("div", rl, [
           b(m, {
             color: "blue",
-            onClick: a
+            onClick: o
           }, {
             default: y(() => [
-              I(k(r.$t("scan")), 1)
+              I(k(i.$t("scan")), 1)
             ]),
             _: 1
           })
@@ -946,23 +946,23 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
       ]);
     };
   }
-}), cn = {
+}), cl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function dn(e, l) {
-  return f(), p("svg", cn, [...l[0] || (l[0] = [
-    o("path", {
+function dl(e, n) {
+  return f(), v("svg", cl, [...n[0] || (n[0] = [
+    a("path", {
       fill: "currentColor",
       d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
     }, null, -1)
   ])]);
 }
-const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full relative" }, mn = ["disabled"], vn = {
+const ul = F({ name: "ri-arrow-up-s-line", render: dl }), fl = { class: "w-full relative" }, ml = ["disabled"], vl = {
   key: 0,
   class: "text-red-400 h-[24px] px-2 text-xs"
-}, pn = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", J = /* @__PURE__ */ V({
+}, pl = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", J = /* @__PURE__ */ V({
   __name: "VTextField",
   props: {
     modelValue: { default: null },
@@ -976,62 +976,62 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
     hideMessage: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
-  setup(e, { emit: l }) {
-    const n = l, s = {
+  setup(e, { emit: n }) {
+    const l = n, s = {
       input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
       textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
-    }, t = D(!1), a = L(() => [
+    }, t = D(!1), o = L(() => [
       e.component === "input" ? "h-[40px]" : "min-h-[40px]",
       e.message ? "border-red-500 hover:border-red-400" : "",
       e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
-    ]), r = L(() => s[e.component]), d = (_) => _ || _ === 0, u = L(() => [pn, t.value || d(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), i = L(() => e.component === "input"), c = (_) => {
-      t.value = !1, n("blur", _);
+    ]), i = L(() => s[e.component]), d = (_) => _ || _ === 0, u = L(() => [pl, t.value || d(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = L(() => e.component === "input"), c = (_) => {
+      t.value = !1, l("blur", _);
     }, m = (_) => {
-      t.value = !0, n("focus", _);
-    }, v = ({ target: _ }) => n("update:modelValue", _.value), g = (_) => n("enter", _), h = (_) => n("click", _), x = (_) => {
-      e.disabled || n("on-icon", _);
+      t.value = !0, l("focus", _);
+    }, p = ({ target: _ }) => l("update:modelValue", _.value), g = (_) => l("enter", _), h = (_) => l("click", _), x = (_) => {
+      e.disabled || l("on-icon", _);
     };
-    return (_, C) => (f(), p("div", fn, [
-      o("label", {
-        class: B(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", a.value])
+    return (_, C) => (f(), v("div", fl, [
+      a("label", {
+        class: B(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", o.value])
       }, [
-        o("span", {
+        a("span", {
           class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
         }, k(e.label), 3),
-        (f(), M(de(e.component), P(_.$attrs, {
+        (f(), M(de(e.component), N(_.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
           readonly: e.readonly,
-          rows: i.value ? null : "2",
-          wrap: i.value ? null : "soft",
-          class: r.value,
+          rows: r.value ? null : "2",
+          wrap: r.value ? null : "soft",
+          class: i.value,
           onFocus: m,
           onBlur: c,
-          onInput: v,
+          onInput: p,
           onClick: h,
           onKeypress: mt(g, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        _.$slots.icon ? (f(), p("button", {
+        _.$slots.icon ? (f(), v("button", {
           key: 0,
           disabled: !!e.disabled,
           class: B([{ "cursor-pointer": !e.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
           onClick: x
         }, [
           $(_.$slots, "icon")
-        ], 10, mn)) : E("", !0)
+        ], 10, ml)) : E("", !0)
       ], 2),
-      e.hideMessage ? E("", !0) : (f(), p("div", vn, [
+      e.hideMessage ? E("", !0) : (f(), v("div", vl, [
         $(_.$slots, "message", {}, () => [
           I(k(e.message), 1)
         ])
       ]))
     ]));
   }
-}), hn = { class: "bg-white dark:bg-gray-900 rounded min-w-50 shadow-nav transition-all duration-400 dark:shadow-lg dark:shadow-primary/20 pb-6 lg:pb-0" }, gn = {
+}), hl = { class: "bg-white dark:bg-gray-900 rounded min-w-50 shadow-nav transition-all duration-400 dark:shadow-lg dark:shadow-primary/20 pb-6 lg:pb-0" }, gl = {
   key: 0,
   class: "lg:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
-}, bn = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, te = /* @__PURE__ */ V({
+}, bl = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, te = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "VSelect",
   props: {
@@ -1049,19 +1049,19 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
     isPopup: { type: Boolean }
   },
   emits: ["change"],
-  setup(e, { emit: l }) {
-    const n = vt(e, ["modelValue", "label", "items", "disabled"]), s = l;
-    function t(a, r) {
-      s("change", a), r == null || r.set(!1);
+  setup(e, { emit: n }) {
+    const l = vt(e, ["modelValue", "label", "items", "disabled"]), s = n;
+    function t(o, i) {
+      s("change", o), i == null || i.set(!1);
     }
-    return (a, r) => {
-      const d = un;
-      return f(), M(be, P(n, {
+    return (o, i) => {
+      const d = ul;
+      return f(), M(be, N(l, {
         "hide-on-click": !1,
         class: "relative"
       }), {
-        activator: y(({ on: u, isShow: i }) => [
-          $(a.$slots, "activator", R(W({ on: u, isShow: i })), () => [
+        activator: y(({ on: u, isShow: r }) => [
+          $(o.$slots, "activator", U(K({ on: u, isShow: r })), () => [
             b(J, {
               "model-value": e.modelValue,
               disabled: e.disabled,
@@ -1074,7 +1074,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
             }, {
               icon: y(() => [
                 b(d, {
-                  class: B(["transition duration-300", i ? "rotate-x-180" : ""])
+                  class: B(["transition duration-300", r ? "rotate-x-180" : ""])
                 }, null, 8, ["class"])
               ]),
               _: 2
@@ -1082,16 +1082,16 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
           ])
         ]),
         default: y(({ on: u }) => [
-          o("div", hn, [
-            e.label ? (f(), p("h4", gn, k(e.label), 1)) : E("", !0),
-            o("div", bn, [
+          a("div", hl, [
+            e.label ? (f(), v("h4", gl, k(e.label), 1)) : E("", !0),
+            a("div", bl, [
               b(me, {
                 items: e.items,
-                onClick: (i) => t(i, u)
+                onClick: (r) => t(r, u)
               }, {
-                default: y(({ item: i }) => [
-                  $(a.$slots, "item", { item: i }, () => [
-                    I(k(i.name), 1)
+                default: y(({ item: r }) => [
+                  $(o.$slots, "item", { item: r }, () => [
+                    I(k(r.name), 1)
                   ])
                 ]),
                 _: 3
@@ -1103,55 +1103,55 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       }, 16);
     };
   }
-}), yn = { class: "md:flex items-center mb-4" }, xn = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, $n = { class: "md:max-w-50" }, kn = { class: "flex items-center mb-4" }, _n = { class: "flex-auto text-gray-600 bg:text-gray-400" }, wn = { class: "flex items-center mb-4" }, Cn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Ma = /* @__PURE__ */ V({
+}), yl = { class: "md:flex items-center mb-4" }, xl = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, $l = { class: "md:max-w-50" }, kl = { class: "flex items-center mb-4" }, _l = { class: "flex-auto text-gray-600 bg:text-gray-400" }, wl = { class: "flex items-center mb-4" }, Cl = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Da = /* @__PURE__ */ V({
   __name: "BlockService",
   props: {
     locale: {},
     locales: {}
   },
   emits: ["reboot", "reset", "locale"],
-  setup(e, { emit: l }) {
-    const n = l, s = (a) => n("locale", a), t = (a) => {
-      var r;
-      return (r = e.locales.find((d) => d.value === a)) == null ? void 0 : r.name;
+  setup(e, { emit: n }) {
+    const l = n, s = (o) => l("locale", o), t = (o) => {
+      var i;
+      return (i = e.locales.find((d) => d.value === o)) == null ? void 0 : i.name;
     };
-    return (a, r) => {
+    return (o, i) => {
       const d = te, u = A;
-      return f(), p(O, null, [
-        o("div", yn, [
-          o("div", xn, k(a.$t("selectLang")), 1),
-          o("div", $n, [
+      return f(), v(O, null, [
+        a("div", yl, [
+          a("div", xl, k(o.$t("selectLang")), 1),
+          a("div", $l, [
             b(d, {
               "model-value": t(e.locale),
-              label: a.$t("lang"),
+              label: o.$t("lang"),
               items: e.locales,
               onChange: s
             }, null, 8, ["model-value", "label", "items"])
           ])
         ]),
-        o("div", kn, [
-          o("div", _n, k(a.$t("rebootDev")), 1),
+        a("div", kl, [
+          a("div", _l, k(o.$t("rebootDev")), 1),
           b(u, {
             class: "min-w-[100px]",
             color: "red",
             outline: "",
-            onClick: r[0] || (r[0] = (i) => n("reboot", i))
+            onClick: i[0] || (i[0] = (r) => l("reboot", r))
           }, {
             default: y(() => [
-              I(k(a.$t("reboot")), 1)
+              I(k(o.$t("reboot")), 1)
             ]),
             _: 1
           })
         ]),
-        o("div", wn, [
-          o("div", Cn, k(a.$t("resetConf")), 1),
+        a("div", wl, [
+          a("div", Cl, k(o.$t("resetConf")), 1),
           b(u, {
             class: "min-w-[100px]",
             color: "red",
-            onClick: r[1] || (r[1] = (i) => n("reset", i))
+            onClick: i[1] || (i[1] = (r) => l("reset", r))
           }, {
             default: y(() => [
-              I(k(a.$t("reset")), 1)
+              I(k(o.$t("reset")), 1)
             ]),
             _: 1
           })
@@ -1159,7 +1159,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       ], 64);
     };
   }
-}), zn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Sn = { class: "flex flex-col w-full items-center gap-2" }, Vn = ["title"], Bn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, En = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Tn = { class: "flex justify-between w-full text-xs" }, Ln = { class: "text-gray-500 dark:text-gray-400" }, Mn = { class: "text-sm" }, An = { class: "text-gray-500 dark:text-gray-400 text-left" }, Dn = { class: "text-right text-xs" }, Aa = /* @__PURE__ */ V({
+}), zl = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Sl = { class: "flex flex-col w-full items-center gap-2" }, Vl = ["title"], Bl = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, El = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Tl = { class: "flex justify-between w-full text-xs" }, Ll = { class: "text-gray-500 dark:text-gray-400" }, Ml = { class: "text-sm" }, Al = { class: "text-gray-500 dark:text-gray-400 text-left" }, Dl = { class: "text-right text-xs" }, Ia = /* @__PURE__ */ V({
   __name: "BlockStatus",
   props: {
     pkg: {},
@@ -1173,123 +1173,123 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
     board: {}
   },
   setup(e) {
-    const l = D(e.uptime);
-    let n = null;
+    const n = D(e.uptime);
+    let l = null;
     const s = L(() => e.firmware.join(".")), t = L(() => [
       { name: "used", value: pe(e.usedBytes) },
       { name: "available", value: pe(e.totalBytes - e.usedBytes) },
       { name: "total", value: pe(e.totalBytes) }
-    ]), a = L(() => {
+    ]), o = L(() => {
       var u;
       return [
-        { name: "uptime", value: Ct(l.value) },
+        { name: "uptime", value: Ct(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 }
       ];
-    }), r = L(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
-      l.value++, n = setTimeout(d, 1e3);
+    }), i = L(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
+      n.value++, l = setTimeout(d, 1e3);
     };
     return fe(() => {
       d();
     }), Fe(() => {
-      l.value = 0, n && clearTimeout(n);
-    }), (u, i) => {
-      var c, m, v;
-      return f(), p("div", zn, [
-        o("div", Sn, [
-          o("div", {
+      n.value = 0, l && clearTimeout(l);
+    }), (u, r) => {
+      var c, m, p;
+      return f(), v("div", zl, [
+        a("div", Sl, [
+          a("div", {
             class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-800 select-none",
-            title: `${r.value}%`
+            title: `${i.value}%`
           }, [
-            o("div", Bn, k(r.value) + "%", 1),
-            o("div", {
+            a("div", Bl, k(i.value) + "%", 1),
+            a("div", {
               class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-              style: Z(`width: ${r.value}%`)
+              style: Q(`width: ${i.value}%`)
             }, [
-              o("div", En, k(r.value) + "%", 1)
+              a("div", El, k(i.value) + "%", 1)
             ], 4)
-          ], 8, Vn),
-          o("div", Tn, [
-            (f(!0), p(O, null, U(t.value, (g) => (f(), p("div", {
+          ], 8, Vl),
+          a("div", Tl, [
+            (f(!0), v(O, null, R(t.value, (g) => (f(), v("div", {
               key: g.name,
               class: "flex-auto"
             }, [
-              o("div", Ln, [
+              a("div", Ll, [
                 $(u.$slots, "name", { item: g })
               ]),
-              o("div", null, k(g.value), 1)
+              a("div", null, k(g.value), 1)
             ]))), 128))
           ])
         ]),
-        o("div", Mn, [
-          (f(!0), p(O, null, U(a.value, (g) => (f(), p("div", {
+        a("div", Ml, [
+          (f(!0), v(O, null, R(o.value, (g) => (f(), v("div", {
             key: g.name,
             class: "flex justify-between items-center"
           }, [
-            o("div", An, [
+            a("div", Al, [
               $(u.$slots, "name", { item: g })
             ]),
-            o("div", Dn, k(g.value), 1)
+            a("div", Dl, k(g.value), 1)
           ]))), 128))
         ]),
-        o("div", null, [
+        a("div", null, [
           $(u.$slots, "default", {
             home: (c = e.pkg) == null ? void 0 : c.homepage,
-            repo: (v = (m = e.pkg) == null ? void 0 : m.repository) == null ? void 0 : v.url
+            repo: (p = (m = e.pkg) == null ? void 0 : m.repository) == null ? void 0 : p.url
           })
         ])
       ]);
     };
   }
-}), In = { class: "flex items-center cursor-pointer" }, On = /* @__PURE__ */ V({
+}), Il = { class: "flex items-center cursor-pointer" }, Ol = /* @__PURE__ */ V({
   __name: "VFile",
   emits: ["change"],
-  setup(e, { emit: l }) {
-    const n = l, s = async (t) => {
-      const a = t.target;
-      a.files && n("change", a.files);
+  setup(e, { emit: n }) {
+    const l = n, s = async (t) => {
+      const o = t.target;
+      o.files && l("change", o.files);
     };
-    return (t, a) => (f(), p("label", In, [
-      o("input", P({
+    return (t, o) => (f(), v("label", Il, [
+      a("input", N({
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: s }), null, 16),
       $(t.$slots, "default")
     ]));
   }
-}), jn = { class: "md:flex" }, Hn = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Da = /* @__PURE__ */ V({
+}), jl = { class: "md:flex" }, Pl = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Oa = /* @__PURE__ */ V({
   __name: "BlockUpdate",
   emits: ["update"],
-  setup(e, { emit: l }) {
-    const n = l, s = pt({ firmware: null, littlefs: null }), t = (d) => d ? Array.from(d).map((u) => `${u.name} (${pe(u.size)})`).join("") : "", a = (d, u) => {
-      const i = new FormData();
+  setup(e, { emit: n }) {
+    const l = n, s = pt({ firmware: null, littlefs: null }), t = (d) => d ? Array.from(d).map((u) => `${u.name} (${pe(u.size)})`).join("") : "", o = (d, u) => {
+      const r = new FormData();
       for (let c = 0; c < d.length; c++) {
         const m = d.item(c);
         if (!m) return;
-        i.append(`file[${c}]`, m, u);
+        r.append(`file[${c}]`, m, u);
       }
-      return i;
-    }, r = (d, u) => {
+      return r;
+    }, i = (d, u) => {
       if (!u) return;
-      const i = a(u, d);
-      i && n("update", d, i);
+      const r = o(u, d);
+      r && l("update", d, r);
     };
     return (d, u) => {
-      const i = A;
-      return f(), p("div", null, [
-        (f(!0), p(O, null, U(s, (c, m) => (f(), p("div", {
+      const r = A;
+      return f(), v("div", null, [
+        (f(!0), v(O, null, R(s, (c, m) => (f(), v("div", {
           key: m,
           class: "mb-4 flex items-center"
         }, [
-          b(On, {
+          b(Ol, {
             accept: ".bin",
-            onChange: (v) => s[m] = v,
+            onChange: (p) => s[m] = p,
             class: "flex-auto"
           }, {
             default: y(() => [
-              o("div", jn, [
-                o("h6", Hn, k(m) + ":", 1),
+              a("div", jl, [
+                a("h6", Pl, k(m) + ":", 1),
                 $(d.$slots, "default", {
                   file: t(c)
                 })
@@ -1297,11 +1297,11 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
             ]),
             _: 2
           }, 1032, ["onChange"]),
-          b(i, {
+          b(r, {
             class: "min-w-[100px]",
             color: "blue",
             disabled: !c,
-            onClick: (v) => r(`${m}.bin`, c)
+            onClick: (p) => i(`${m}.bin`, c)
           }, {
             default: y(() => [
               I(k(d.$t("btnUpdate")), 1)
@@ -1312,39 +1312,39 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       ]);
     };
   }
-}), Nn = {
+}), Hl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Pn(e, l) {
-  return f(), p("svg", Nn, [...l[0] || (l[0] = [
-    o("path", {
+function Nl(e, n) {
+  return f(), v("svg", Hl, [...n[0] || (n[0] = [
+    a("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 Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "flex items-center gap-1.5" }, Ia = /* @__PURE__ */ V({
+const Ze = F({ name: "ri-arrow-drop-right-line", render: Nl }), Fl = { class: "flex items-center gap-1.5" }, ja = /* @__PURE__ */ V({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const n = l, s = (t) => n("click", t);
-    return (t, a) => {
-      const r = Qe;
-      return f(), p("nav", null, [
-        o("ol", Fn, [
-          (f(!0), p(O, null, U(e.items, (d, u) => (f(), p("li", {
+  setup(e, { emit: n }) {
+    const l = n, s = (t) => l("click", t);
+    return (t, o) => {
+      const i = Ze;
+      return f(), v("nav", null, [
+        a("ol", Fl, [
+          (f(!0), v(O, null, R(e.items, (d, u) => (f(), v("li", {
             key: u,
             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"])
           }, [
             $(t.$slots, "default", { item: d }, () => [
               (f(), M(de(d.path ? "a" : "span"), {
                 href: d.path,
-                onClick: (i) => s(d)
+                onClick: (r) => s(d)
               }, {
                 default: y(() => [
                   I(k(d.name), 1)
@@ -1352,7 +1352,7 @@ const Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "f
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            d.path ? (f(), M(r, {
+            d.path ? (f(), M(i, {
               key: 0,
               class: "rotate-270"
             })) : E("", !0)
@@ -1361,52 +1361,52 @@ const Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "f
       ]);
     };
   }
-}), Un = {
+}), Rl = {
   key: 0,
   class: "loader-line w-full absolute top-0 left-0 h-[3px] bg-gray-100 dark:bg-gray-800 before:bg-blue-600 dark:before:bg-blue-800 before:h-1 rounded-xl z-20 before:absolute before:w-[40%] before:-left-1/2 before:content-[''] before:animate-[lineAnim_1s_linear_infinite]"
-}, Rn = {
+}, Ul = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, Wn = {
+}, Kl = {
   key: 2,
   class: "mb-4 flex items-center justify-between"
-}, Kn = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, qn = { class: "max-w-full" }, Gn = /* @__PURE__ */ V({
+}, Wl = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, ql = { class: "max-w-full" }, Gl = /* @__PURE__ */ V({
   __name: "CardMain",
   props: {
     title: {},
     loading: { type: Boolean }
   },
   setup(e) {
-    return (l, n) => (f(), p("div", {
+    return (n, l) => (f(), v("div", {
       class: B(["relative rounded-md border border-gray-200 dark:border-gray-800 bg-white dark:bg-white/[0.03] p-5 sm:p-6 hover-effect", { "overflow-hidden": e.loading }])
     }, [
-      e.loading ? (f(), p("div", Un)) : E("", !0),
-      e.loading ? (f(), p("div", Rn)) : E("", !0),
-      e.title ? (f(), p("div", Wn, [
-        o("h3", Kn, k(e.title), 1),
-        o("div", null, [
-          $(l.$slots, "header")
+      e.loading ? (f(), v("div", Rl)) : E("", !0),
+      e.loading ? (f(), v("div", Ul)) : E("", !0),
+      e.title ? (f(), v("div", Kl, [
+        a("h3", Wl, k(e.title), 1),
+        a("div", null, [
+          $(n.$slots, "header")
         ])
       ])) : E("", !0),
-      o("div", qn, [
-        $(l.$slots, "default")
+      a("div", ql, [
+        $(n.$slots, "default")
       ])
     ], 2));
   }
-}), Jn = {
+}), Jl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Xn(e, l) {
-  return f(), p("svg", Jn, [...l[0] || (l[0] = [
-    o("path", {
+function Xl(e, n) {
+  return f(), v("svg", Jl, [...n[0] || (n[0] = [
+    a("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 Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-title-md uppercase font-bold flex-auto" }, Zn = { class: "px-4 pb-4 md:px-6" }, es = {
+const Yl = F({ name: "ri-file-copy2-line", render: Xl }), Zl = { class: "text-title-md uppercase font-bold flex-auto" }, Ql = { class: "px-4 pb-4 md:px-6" }, es = {
   key: 0,
   class: "text-title-md uppercase font-bold"
 }, Be = /* @__PURE__ */ V({
@@ -1422,23 +1422,23 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
     timeout: {}
   },
   emits: ["close", "click", "open"],
-  setup(e, { expose: l, emit: n }) {
-    const s = n, t = We(Ke), { show: a, onClose: r, onOpen: d } = Re(s, e.timeout), u = {
+  setup(e, { expose: n, emit: l }) {
+    const s = l, t = Ke(We), { show: o, onClose: i, onOpen: d } = Ue(s, e.timeout), u = {
       sm: "max-w-full md:max-w-[330px] h-full md:h-[unset]",
       md: "max-w-full md:max-w-[672px] h-full md:h-[unset]",
       lg: "max-w-full md:max-w-[960px] h-full md:h-[unset]",
       full: "relative max-w-full w-full h-3/4 "
-    }, i = {
+    }, r = {
       none: "",
       white: "bg-white dark:bg-gray-900",
       gray: ""
-    }, c = L(() => [u[e.size], i[e.color]]), m = t.greaterOrEqual("lg");
-    return l({
-      show: a,
-      onClose: r
-    }), (v, g) => {
-      const h = le;
-      return e.isOnlyDialog || T(m) ? (f(), M(Ne, {
+    }, c = L(() => [u[e.size], r[e.color]]), m = t.greaterOrEqual("lg");
+    return n({
+      show: o,
+      onClose: i
+    }), (p, g) => {
+      const h = ne;
+      return e.isOnlyDialog || T(m) ? (f(), M(He, {
         key: 0,
         to: "body"
       }, [
@@ -1452,36 +1452,36 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
           onAfterEnter: T(d)
         }, {
           default: y(() => [
-            T(a) ? (f(), p("div", {
+            T(o) ? (f(), v("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
-              onWheel: g[4] || (g[4] = N(() => {
+              onWheel: g[4] || (g[4] = H(() => {
               }, ["stop"]))
             }, [
-              o("div", {
+              a("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
                 onClick: g[0] || (g[0] = //@ts-ignore
-                (...x) => T(r) && T(r)(...x))
+                (...x) => T(i) && T(i)(...x))
               }),
-              o("div", {
+              a("div", {
                 class: B(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
               }, [
-                o("div", {
+                a("div", {
                   class: B(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm", c.value])
                 }, [
-                  o("div", {
+                  a("div", {
                     class: B(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
-                    onWheel: g[1] || (g[1] = N(() => {
+                    onWheel: g[1] || (g[1] = H(() => {
                     }, ["prevent"])),
-                    onTouchmove: g[2] || (g[2] = N(() => {
+                    onTouchmove: g[2] || (g[2] = H(() => {
                     }, ["prevent"]))
                   }, [
-                    o("h4", Qn, k(e.title), 1),
-                    $(v.$slots, "header-btn", { close: T(r) }),
+                    a("h4", Zl, k(e.title), 1),
+                    $(p.$slots, "header-btn", { close: T(i) }),
                     b(A, {
                       color: "transparent",
                       size: "md",
-                      onClick: T(r)
+                      onClick: T(i)
                     }, {
                       default: y(() => [
                         b(h)
@@ -1489,12 +1489,12 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
-                  o("div", {
+                  a("div", {
                     class: B(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
                     onClose: g[3] || (g[3] = //@ts-ignore
-                    (...x) => T(r) && T(r)(...x))
+                    (...x) => T(i) && T(i)(...x))
                   }, [
-                    $(v.$slots, "default", { close: T(r) })
+                    $(p.$slots, "default", { close: T(i) })
                   ], 34)
                 ], 2)
               ], 2)
@@ -1505,30 +1505,30 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
       ])) : (f(), M(Xe, {
         key: 1,
         size: e.popupSize,
-        onClose: T(r)
+        onClose: T(i)
       }, {
         button: y(() => [
-          $(v.$slots, "header-btn", { close: T(r) })
+          $(p.$slots, "header-btn", { close: T(i) })
         ]),
         default: y(({ close: x }) => [
-          o("div", Zn, [
-            o("div", {
+          a("div", Ql, [
+            a("div", {
               class: B(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
-              onWheel: g[5] || (g[5] = N(() => {
+              onWheel: g[5] || (g[5] = H(() => {
               }, ["prevent"])),
-              onTouchmove: g[6] || (g[6] = N(() => {
+              onTouchmove: g[6] || (g[6] = H(() => {
               }, ["prevent"]))
             }, [
-              e.title ? (f(), p("h4", es, k(e.title), 1)) : E("", !0)
+              e.title ? (f(), v("h4", es, k(e.title), 1)) : E("", !0)
             ], 34),
-            $(v.$slots, "default", { close: x })
+            $(p.$slots, "default", { close: x })
           ])
         ]),
         _: 3
       }, 8, ["size", "onClose"]));
     };
   }
-}), ts = { class: "flex-auto flex justify-between" }, ls = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, ns = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, ss = {
+}), ts = { class: "flex-auto flex justify-between" }, ns = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, ls = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, ss = {
   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"
 }, os = { class: "min-h-60 relative" }, as = { class: "pt-6" }, is = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, rs = { class: "text-center text-xl mt-4" }, ie = /* @__PURE__ */ V({
@@ -1548,52 +1548,52 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = D(!1), a = L(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), r = (m) => s("edit", m), d = (m) => s("clone", m), u = () => t.value = !0, i = (m) => s("open", m), c = (m) => {
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = D(!1), o = L(() => ["button", "dimmer"].includes(l.type || "") && l.value ? "text-amber-500" : "text-gray-400"), i = (m) => s("edit", m), d = (m) => s("clone", m), u = () => t.value = !0, r = (m) => s("open", m), c = (m) => {
       t.value = !1, s("close", m);
     };
-    return (m, v) => {
-      const g = Ge, h = Yn;
-      return f(), p("div", {
+    return (m, p) => {
+      const g = Ge, h = Yl;
+      return f(), v("div", {
         class: "flex flex-col border relative aspect-square rounded-md bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 p-2 hover-effect transition-all cursor-pointer",
         onClick: u
       }, [
-        o("div", ts, [
-          o("div", {
-            class: B([a.value, "size-8 animate-shake"])
+        a("div", ts, [
+          a("div", {
+            class: B([o.value, "size-8 animate-shake"])
           }, [
-            $(m.$slots, "icon", R(W(n)))
+            $(m.$slots, "icon", U(K(l)))
           ], 2),
-          $(m.$slots, "header", R(W(n)))
+          $(m.$slots, "header", U(K(l)))
         ]),
-        o("div", null, [
-          $(m.$slots, "body", R(W(n)), () => [
-            o("h6", ls, [
-              $(m.$slots, "name", R(W(n)), () => [
-                I(k(n.name), 1)
+        a("div", null, [
+          $(m.$slots, "body", U(K(l)), () => [
+            a("h6", ns, [
+              $(m.$slots, "name", U(K(l)), () => [
+                I(k(l.name), 1)
               ])
             ]),
-            o("div", ns, [
-              $(m.$slots, "value", R(W(n)), () => [
-                I(k(n.valueTo || n.value), 1)
+            a("div", ls, [
+              $(m.$slots, "value", U(K(l)), () => [
+                I(k(l.valueTo || l.value), 1)
               ])
             ])
           ])
         ]),
-        n.icon ? (f(), p("div", ss, [
-          $(m.$slots, "icon", R(W(n)))
+        l.icon ? (f(), v("div", ss, [
+          $(m.$slots, "icon", U(K(l)))
         ])) : E("", !0),
         t.value ? (f(), M(Be, {
           key: 1,
-          size: n.size || "sm",
+          size: l.size || "sm",
           title: e.name,
           onClose: c,
-          onOpen: i
+          onOpen: r
         }, {
           "header-btn": y(() => [
             b(A, {
               color: "transparent",
-              onClick: r
+              onClick: i
             }, {
               default: y(() => [
                 b(g)
@@ -1611,17 +1611,17 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
             })
           ]),
           default: y(() => [
-            o("div", os, [
-              o("div", as, [
-                o("h3", is, [
-                  $(m.$slots, "dialog-name", R(W(n)), () => [
-                    I(k(n.name), 1)
+            a("div", os, [
+              a("div", as, [
+                a("h3", is, [
+                  $(m.$slots, "dialog-name", U(K(l)), () => [
+                    I(k(l.name), 1)
                   ])
                 ]),
-                $(m.$slots, "dialog", R(W(n))),
-                o("p", rs, [
-                  $(m.$slots, "dialog-value", R(W(n)), () => [
-                    I(k(n.valueTo || n.value), 1)
+                $(m.$slots, "dialog", U(K(l))),
+                a("p", rs, [
+                  $(m.$slots, "dialog-value", U(K(l)), () => [
+                    I(k(l.valueTo || l.value), 1)
                   ])
                 ])
               ])
@@ -1637,15 +1637,15 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
   width: "1.2em",
   height: "1.2em"
 };
-function ds(e, l) {
-  return f(), p("svg", cs, [...l[0] || (l[0] = [
-    o("path", {
+function ds(e, n) {
+  return f(), v("svg", cs, [...n[0] || (n[0] = [
+    a("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 us = F({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex justify-end" }, ms = { class: "flex justify-center py-4" }, Oa = /* @__PURE__ */ V({
+const us = F({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex justify-end" }, ms = { class: "flex justify-center py-4" }, Pa = /* @__PURE__ */ V({
   __name: "CardButton",
   props: {
     size: {},
@@ -1662,27 +1662,27 @@ const us = F({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = ({ opts: r = {} }) => {
-      const { disabled: d } = r;
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = ({ opts: i = {} }) => {
+      const { disabled: d } = i;
       return { disabled: d };
-    }, a = () => s("setState", !n.value);
-    return (r, d) => {
+    }, o = () => s("setState", !l.value);
+    return (i, d) => {
       const u = us;
-      return f(), M(ie, P(n, {
-        onClick: d[0] || (d[0] = (i) => s("click", i)),
-        onEdit: d[1] || (d[1] = (i) => s("edit", i)),
-        onClone: d[2] || (d[2] = (i) => s("clone", i))
+      return f(), M(ie, N(l, {
+        onClick: d[0] || (d[0] = (r) => s("click", r)),
+        onEdit: d[1] || (d[1] = (r) => s("edit", r)),
+        onClone: d[2] || (d[2] = (r) => s("clone", r))
       }), {
-        icon: y((i) => [
-          $(r.$slots, "icon", R(W(i)))
+        icon: y((r) => [
+          $(i.$slots, "icon", U(K(r)))
         ]),
-        header: y((i) => [
-          o("div", fs, [
-            b(A, P(t(i), {
+        header: y((r) => [
+          a("div", fs, [
+            b(A, N(t(r), {
               type: "icon",
-              class: n.value ? "text-amber-500" : "text-gray-500",
-              onClick: N(a, ["stop"])
+              class: l.value ? "text-amber-500" : "text-gray-500",
+              onClick: H(o, ["stop"])
             }), {
               default: y(() => [
                 b(u, { class: "size-8" })
@@ -1691,12 +1691,12 @@ const us = F({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
             }, 16, ["class"])
           ])
         ]),
-        dialog: y((i) => [
-          o("div", ms, [
-            b(A, P(t(i), {
+        dialog: y((r) => [
+          a("div", ms, [
+            b(A, N(t(r), {
               type: "icon",
-              class: ["size-18", n.value ? "text-amber-500" : "text-gray-500"],
-              onClick: N(a, ["stop"])
+              class: ["size-18", l.value ? "text-amber-500" : "text-gray-500"],
+              onClick: H(o, ["stop"])
             }), {
               default: y(() => [
                 b(u, { class: "size-16" })
@@ -1714,15 +1714,15 @@ const us = F({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
   width: "1.2em",
   height: "1.2em"
 };
-function ps(e, l) {
-  return f(), p("svg", vs, [...l[0] || (l[0] = [
-    o("path", {
+function ps(e, n) {
+  return f(), v("svg", vs, [...n[0] || (n[0] = [
+    a("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 hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-center relative mx-2 my-6" }, ja = /* @__PURE__ */ V({
+const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-center relative mx-2 my-6" }, Ha = /* @__PURE__ */ V({
   __name: "CardDate",
   props: {
     size: {},
@@ -1739,57 +1739,57 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = Ue("time"), a = (i) => new Date(+i * 1e3).toISOString().slice(0, 16), r = (i) => {
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = Re("time"), o = (r) => new Date(+r * 1e3).toISOString().slice(0, 16), i = (r) => {
       var m;
-      const c = (m = i == null ? void 0 : i.target) == null ? void 0 : m.valueAsNumber;
+      const c = (m = r == null ? void 0 : r.target) == null ? void 0 : m.valueAsNumber;
       c && s("setState", c / 1e3);
-    }, d = ({ name: i, value: c, opts: m = {} }) => {
-      const { disabled: v } = m;
-      return { label: i, modelValue: a(c), disabled: v };
+    }, d = ({ name: r, value: c, opts: m = {} }) => {
+      const { disabled: p } = m;
+      return { label: r, modelValue: o(c), disabled: p };
     }, u = () => {
       var c, m;
-      const i = (m = (c = t.value) == null ? void 0 : c.$el) == null ? void 0 : m.querySelector("input");
-      i != null && i.showPicker && i.showPicker();
+      const r = (m = (c = t.value) == null ? void 0 : c.$el) == null ? void 0 : m.querySelector("input");
+      r != null && r.showPicker && r.showPicker();
     };
-    return (i, c) => {
+    return (r, c) => {
       const m = hs;
-      return f(), M(ie, P(n, {
-        onClick: c[0] || (c[0] = (v) => s("click", v)),
-        onEdit: c[1] || (c[1] = (v) => s("edit", v)),
-        onClone: c[2] || (c[2] = (v) => s("clone", v))
+      return f(), M(ie, N(l, {
+        onClick: c[0] || (c[0] = (p) => s("click", p)),
+        onEdit: c[1] || (c[1] = (p) => s("edit", p)),
+        onClone: c[2] || (c[2] = (p) => s("clone", p))
       }), {
-        icon: y((v) => [
-          $(i.$slots, "icon", R(W(v)))
+        icon: y((p) => [
+          $(r.$slots, "icon", U(K(p)))
         ]),
-        header: y((v) => [
-          o("div", null, [
+        header: y((p) => [
+          a("div", null, [
             b(A, {
               type: "icon",
               class: "text-gray-500",
-              onClick: N(u, ["stop"])
+              onClick: H(u, ["stop"])
             }, {
               default: y(() => [
                 b(m, { class: "size-7" })
               ]),
               _: 1
             }),
-            b(J, P({
+            b(J, N({
               ref_key: "time",
               ref: t
-            }, d(v), {
+            }, d(p), {
               type: "datetime-local",
               class: "size-0",
               hidden: "",
-              onChange: r
+              onChange: i
             }), null, 16)
           ])
         ]),
-        dialog: y((v) => [
-          o("div", gs, [
-            b(J, P(d(v), {
+        dialog: y((p) => [
+          a("div", gs, [
+            b(J, N(d(p), {
               type: "datetime-local",
-              onChange: r
+              onChange: i
             }), null, 16)
           ])
         ]),
@@ -1805,7 +1805,7 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, ks = ["stroke-dashoffset"], _s = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Ha = /* @__PURE__ */ V({
+}, ks = ["stroke-dashoffset"], _s = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Na = /* @__PURE__ */ V({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1822,32 +1822,32 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = D(0), a = ({ opts: c, value: m }) => Math.round(100 * +m / ((c == null ? void 0 : c.max) || 255)), r = ({ opts: c, value: m }) => Math.round(187 - +m / ((c == null ? void 0 : c.max) || 255) * 187), d = ({ value: c, opts: m }) => {
-      const { min: v = 0, max: g = 255, step: h = 1, disabled: x } = m || {};
-      return { min: v, max: g, step: h, value: c, disabled: !!x, class: x ? "" : "cursor-pointer" };
-    }, u = (c) => s("setState", +c.target.value || 0), i = ({ value: c }) => {
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = D(0), o = ({ opts: c, value: m }) => Math.round(100 * +m / ((c == null ? void 0 : c.max) || 255)), i = ({ opts: c, value: m }) => Math.round(187 - +m / ((c == null ? void 0 : c.max) || 255) * 187), d = ({ value: c, opts: m }) => {
+      const { min: p = 0, max: g = 255, step: h = 1, disabled: x } = m || {};
+      return { min: p, max: g, step: h, value: c, disabled: !!x, class: x ? "" : "cursor-pointer" };
+    }, u = (c) => s("setState", +c.target.value || 0), r = ({ value: c }) => {
       +c != 0 ? (t.value = +c, s("setState", 0)) : s("setState", c ? 0 : t.value || 255);
     };
-    return (c, m) => (f(), M(ie, P(n, {
-      onClick: m[0] || (m[0] = (v) => s("click", v)),
-      onEdit: m[1] || (m[1] = (v) => s("edit", v)),
-      onClone: m[2] || (m[2] = (v) => s("clone", v))
+    return (c, m) => (f(), M(ie, N(l, {
+      onClick: m[0] || (m[0] = (p) => s("click", p)),
+      onEdit: m[1] || (m[1] = (p) => s("edit", p)),
+      onClone: m[2] || (m[2] = (p) => s("clone", p))
     }), {
-      icon: y((v) => [
-        $(c.$slots, "icon", R(W(v)))
+      icon: y((p) => [
+        $(c.$slots, "icon", U(K(p)))
       ]),
-      header: y((v) => [
-        o("div", bs, [
-          o("div", ys, [
-            b(A, P(d(v), {
+      header: y((p) => [
+        a("div", bs, [
+          a("div", ys, [
+            b(A, N(d(p), {
               type: "icon",
-              onClick: N((g) => i(v), ["stop"])
+              onClick: H((g) => r(p), ["stop"])
             }), {
               default: y(() => [
-                o("div", xs, [
-                  (f(), p("svg", $s, [
-                    m[3] || (m[3] = o("circle", {
+                a("div", xs, [
+                  (f(), v("svg", $s, [
+                    m[3] || (m[3] = a("circle", {
                       class: "stroke-gray-300 dark:stroke-gray-700",
                       r: "30",
                       cx: "30",
@@ -1855,14 +1855,14 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
                       fill: "transparent",
                       "stroke-width": "10"
                     }, null, -1)),
-                    o("circle", {
+                    a("circle", {
                       r: "30",
                       cx: "30",
                       cy: "30",
                       stroke: "currentColor",
                       "stroke-width": "8",
                       "stroke-linecap": "butt",
-                      "stroke-dashoffset": r(v),
+                      "stroke-dashoffset": i(p),
                       fill: "transparent",
                       "stroke-dasharray": "187"
                     }, null, 8, ks)
@@ -1874,17 +1874,17 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
           ])
         ])
       ]),
-      dialog: y((v) => [
-        o("div", {
-          class: B(["flex justify-center relative mx-2 my-6", d(v).disabled ? "opacity-40" : ""])
+      dialog: y((p) => [
+        a("div", {
+          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)),
-          o("div", {
+          m[4] || (m[4] = a("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-700 z-0 rounded-md" }, null, -1)),
+          a("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: Z(`width: ${a(v)}%`)
+            style: Q(`width: ${o(p)}%`)
           }, null, 4),
-          o("div", _s, k(a(v)) + " %", 1),
-          o("input", P({ type: "range" }, d(v), {
+          a("div", _s, k(o(p)) + " %", 1),
+          a("input", N({ type: "range" }, d(p), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
             onChange: u
           }), null, 16)
@@ -1893,7 +1893,7 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
       _: 3
     }, 16));
   }
-}), Na = /* @__PURE__ */ V({
+}), Fa = /* @__PURE__ */ V({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1910,15 +1910,15 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l;
-    return (t, a) => (f(), M(ie, P(n, {
-      onClick: a[0] || (a[0] = (r) => s("click", r)),
-      onEdit: a[1] || (a[1] = (r) => s("edit", r)),
-      onClone: a[2] || (a[2] = (r) => s("clone", r))
+  setup(e, { emit: n }) {
+    const l = e, s = n;
+    return (t, o) => (f(), M(ie, N(l, {
+      onClick: o[0] || (o[0] = (i) => s("click", i)),
+      onEdit: o[1] || (o[1] = (i) => s("edit", i)),
+      onClone: o[2] || (o[2] = (i) => s("clone", i))
     }), {
-      icon: y((r) => [
-        $(t.$slots, "icon", R(W(r)))
+      icon: y((i) => [
+        $(t.$slots, "icon", U(K(i)))
       ]),
       default: y(() => [
         $(t.$slots, "dialog")
@@ -1926,7 +1926,7 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
       _: 3
     }, 16));
   }
-}), ws = { class: "flex justify-center relative mx-2 my-6" }, Pa = /* @__PURE__ */ V({
+}), ws = { class: "flex justify-center relative mx-2 my-6" }, Ra = /* @__PURE__ */ V({
   __name: "CardInput",
   props: {
     size: {},
@@ -1943,37 +1943,37 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = D(n.value || ""), a = ({ name: d, opts: u = {} }) => {
-      const { disabled: i } = u;
-      return { label: d, disabled: i };
-    }, r = (d) => s("setState", d.target.value);
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = D(l.value || ""), o = ({ name: d, opts: u = {} }) => {
+      const { disabled: r } = u;
+      return { label: d, disabled: r };
+    }, i = (d) => s("setState", d.target.value);
     return ue(
-      () => n.value,
+      () => l.value,
       (d) => {
         t.value = d;
       }
     ), (d, u) => {
-      const i = Qe;
-      return f(), M(ie, P(n, {
+      const r = Ze;
+      return f(), M(ie, N(l, {
         onClick: u[1] || (u[1] = (c) => s("click", c)),
         onEdit: u[2] || (u[2] = (c) => s("edit", c)),
         onClone: u[3] || (u[3] = (c) => s("clone", c))
       }), {
         icon: y((c) => [
-          $(d.$slots, "icon", R(W(c)))
+          $(d.$slots, "icon", U(K(c)))
         ]),
         dialog: y((c) => [
-          o("div", ws, [
-            b(J, P({
+          a("div", ws, [
+            b(J, N({
               modelValue: t.value,
               "onUpdate:modelValue": u[0] || (u[0] = (m) => t.value = m)
-            }, a(c), {
-              onEnter: r,
-              onBlur: r
+            }, o(c), {
+              onEnter: i,
+              onBlur: i
             }), {
               icon: y(() => [
-                b(i, { class: "size-8" })
+                b(r, { class: "size-8" })
               ]),
               _: 1
             }, 16, ["modelValue"])
@@ -1988,15 +1988,15 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
   width: "1.2em",
   height: "1.2em"
 };
-function zs(e, l) {
-  return f(), p("svg", Cs, [...l[0] || (l[0] = [
-    o("path", {
+function zs(e, n) {
+  return f(), v("svg", Cs, [...n[0] || (n[0] = [
+    a("path", {
       fill: "currentColor",
       d: "M8 4h13v2H8zm-5-.5h3v3H3zm0 7h3v3H3zm0 7h3v3H3zM8 11h13v2H8zm0 7h13v2H8z"
     }, null, -1)
   ])]);
 }
-const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify-center py-4" }, Fa = /* @__PURE__ */ V({
+const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify-center py-4" }, Ua = /* @__PURE__ */ V({
   __name: "CardList",
   props: {
     size: {},
@@ -2013,37 +2013,37 @@ const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: l }) {
-    const n = e, s = l, t = ({ value: d }) => s("setState", d), a = ({ opts: d, value: u }) => {
-      var i;
-      return Array.isArray(d == null ? void 0 : d.items) && ((i = d == null ? void 0 : d.items.find((c) => c.value == u)) == null ? void 0 : i.name) || u;
-    }, r = ({ name: d, value: u, opts: i = {} }) => {
+  setup(e, { emit: n }) {
+    const l = e, s = n, t = ({ value: d }) => s("setState", d), o = ({ opts: d, value: u }) => {
+      var r;
+      return Array.isArray(d == null ? void 0 : d.items) && ((r = d == null ? void 0 : d.items.find((c) => c.value == u)) == null ? void 0 : r.name) || u;
+    }, i = ({ name: d, value: u, opts: r = {} }) => {
       var g;
-      const { items: c = [], disabled: m } = i, v = ((g = c.find((h) => h.value == u)) == null ? void 0 : g.name) || u;
-      return { label: d, modelValue: v, items: c, disabled: !!m };
+      const { items: c = [], disabled: m } = r, p = ((g = c.find((h) => h.value == u)) == null ? void 0 : g.name) || u;
+      return { label: d, modelValue: p, items: c, disabled: !!m };
     };
     return (d, u) => {
-      const i = Ss;
-      return f(), M(ie, P(n, {
+      const r = Ss;
+      return f(), M(ie, N(l, {
         onClick: u[1] || (u[1] = (c) => s("click", c)),
         onEdit: u[2] || (u[2] = (c) => s("edit", c)),
         onClone: u[3] || (u[3] = (c) => s("clone", c))
       }), {
         icon: y((c) => [
-          $(d.$slots, "icon", R(W(c)))
+          $(d.$slots, "icon", U(K(c)))
         ]),
         value: y((c) => [
-          I(k(a(c)), 1)
+          I(k(o(c)), 1)
         ]),
         "dialog-value": y((c) => [
-          I(k(a(c)), 1)
+          I(k(o(c)), 1)
         ]),
         header: y((c) => [
-          o("div", {
-            onClick: u[0] || (u[0] = N(() => {
+          a("div", {
+            onClick: u[0] || (u[0] = H(() => {
             }, ["prevent", "stop"]))
           }, [
-            b(te, P(r(c), {
+            b(te, N(i(c), {
               "is-popup": "",
               top: "0",
               left: "-115px",
@@ -2053,10 +2053,10 @@ const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify
                 b(A, {
                   type: "icon",
                   class: "text-gray-500",
-                  onClick: N(m.click, ["stop"])
+                  onClick: H(m.click, ["stop"])
                 }, {
                   default: y(() => [
-                    b(i, { class: "size-6" })
+                    b(r, { class: "size-6" })
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -2066,8 +2066,8 @@ const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify
           ])
         ]),
         dialog: y((c) => [
-          o("div", Vs, [
-            b(te, P(r(c), {
+          a("div", Vs, [
+            b(te, N(i(c), {
               top: "-50%",
               left: "50%",
               onChange: t
@@ -2083,9 +2083,9 @@ const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify
   width: "1.2em",
   height: "1.2em"
 };
-function Es(e, l) {
-  return f(), p("svg", Bs, [...l[0] || (l[0] = [
-    o("path", {
+function Es(e, n) {
+  return f(), v("svg", Bs, [...n[0] || (n[0] = [
+    a("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)
@@ -2096,15 +2096,15 @@ const Ts = F({ name: "ri-menu-search-line", render: Es }), Ls = {
   width: "1.2em",
   height: "1.2em"
 };
-function Ms(e, l) {
-  return f(), p("svg", Ls, [...l[0] || (l[0] = [
-    o("path", {
+function Ms(e, n) {
+  return f(), v("svg", Ls, [...n[0] || (n[0] = [
+    a("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const ye = F({ name: "ri-add-line", render: Ms }), As = { class: "flex w-full relative" }, Ds = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Is = ["disabled"], Ze = /* @__PURE__ */ V({
+const ye = F({ name: "ri-add-line", render: Ms }), As = { class: "flex w-full relative" }, Ds = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Is = ["disabled"], Qe = /* @__PURE__ */ V({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -2113,27 +2113,27 @@ const ye = F({ name: "ri-add-line", render: Ms }), As = { class: "flex w-full re
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["icon"],
-  setup(e, { emit: l }) {
-    const n = l, s = L(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = L(() => [e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
-    return (a, r) => {
+  setup(e, { emit: n }) {
+    const l = n, s = L(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = L(() => [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 (o, i) => {
       const d = ye;
-      return f(), p("div", As, [
-        o("div", {
+      return f(), v("div", As, [
+        a("div", {
           class: B(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", t.value])
         }, [
-          o("span", {
+          a("span", {
             class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
           }, k(e.label), 3),
-          o("div", Ds, [
-            $(a.$slots, "default")
+          a("div", Ds, [
+            $(o.$slots, "default")
           ]),
-          e.hideIcon ? E("", !0) : (f(), p("button", {
+          e.hideIcon ? E("", !0) : (f(), v("button", {
             key: 0,
             disabled: e.disabled,
             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: r[0] || (r[0] = (u) => n("icon", u))
+            onClick: i[0] || (i[0] = (u) => l("icon", u))
           }, [
-            $(a.$slots, "icon", {}, () => [
+            $(o.$slots, "icon", {}, () => [
               b(d, { class: "size-4" })
             ])
           ], 10, Is))
@@ -2146,31 +2146,31 @@ const ye = F({ name: "ri-add-line", render: Ms }), As = { class: "flex w-full re
   width: "1.2em",
   height: "1.2em"
 };
-function js(e, l) {
-  return f(), p("svg", Os, [...l[0] || (l[0] = [
-    o("path", {
+function js(e, n) {
+  return f(), v("svg", Os, [...n[0] || (n[0] = [
+    a("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 Hs = F({ name: "ri-file-copy-line", render: js }), Ns = {
+const Ps = F({ name: "ri-file-copy-line", render: js }), Hs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ps(e, l) {
-  return f(), p("svg", Ns, [...l[0] || (l[0] = [
-    o("path", {
+function Ns(e, n) {
+  return f(), v("svg", Hs, [...n[0] || (n[0] = [
+    a("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 Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
+const Fs = F({ name: "ri-folder6-line", render: Ns }), Rs = ["onClick"], Us = {
   key: 0,
   class: "me-1"
-}, Ws = { class: "dark:text-gray-300" }, Ks = { class: "flex gap-3 items-center z-10" }, qs = {
+}, Ks = { class: "dark:text-gray-300" }, Ws = { class: "flex gap-3 items-center z-10" }, qs = {
   key: 0,
   class: "flex ps-5"
 }, Gs = { class: "font-medium dark:text-gray-300" }, et = /* @__PURE__ */ V({
@@ -2181,52 +2181,52 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     onlyValue: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const n = l, 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 = D({}), { text: a, copy: r, copied: d, isSupported: u } = xt(), i = (g) => {
+  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 = D({}), { text: o, copy: i, copied: d, isSupported: u } = xt(), r = (g) => {
       t.value[g] = !t.value[g];
-    }, c = (g) => typeof g == "object", m = (g) => `${e.path ? e.path + "." : ""}${g}`, v = (g, h) => {
-      n("click", { key: g, path: m(g), isObject: h });
+    }, c = (g) => typeof g == "object", m = (g) => `${e.path ? e.path + "." : ""}${g}`, p = (g, h) => {
+      l("click", { key: g, path: m(g), isObject: h });
     };
     return (g, h) => {
-      const x = Fs, _ = Hs, C = ye;
-      return f(), p("ul", null, [
-        (f(!0), p(O, null, U(e.items, (z, j) => (f(), p("li", {
+      const x = Fs, _ = Ps, C = ye;
+      return f(), v("ul", null, [
+        (f(!0), v(O, null, R(e.items, (z, j) => (f(), v("li", {
           key: j,
           class: B(c(z) ? "" : `flex items-center ${s()}`)
         }, [
-          o("div", {
+          a("div", {
             class: B(["flex items-center cursor-pointer ps-2 h-8", c(z) ? `${s()}` : ""]),
-            onClick: (X) => i(j)
+            onClick: (X) => r(j)
           }, [
-            c(z) ? (f(), p("div", Rs, [
+            c(z) ? (f(), v("div", Us, [
               b(x, { class: "size-5" })
             ])) : E("", !0),
-            o("div", Ws, k(j), 1),
+            a("div", Ks, k(j), 1),
             T(u) ? (f(), M(A, {
               key: 1,
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "transparent",
               size: "sm",
-              onClick: N((X) => T(r)(m(j)), ["stop"])
+              onClick: H((X) => T(i)(m(j)), ["stop"])
             }, {
               default: y(() => [
                 b(_, { class: "size-5" })
               ]),
               _: 1
             }, 8, ["onClick"])) : E("", !0),
-            T(a) === m(j) ? (f(), p("span", {
+            T(o) === m(j) ? (f(), v("span", {
               key: 2,
               class: B(["text-gray-500 transition-all duration-1000 text-sm", T(d) ? "opacity-100" : "opacity-0"])
             }, k(g.$t("copied")), 3)) : E("", !0),
-            !e.onlyValue && c(z) ? (f(), p(O, { key: 3 }, [
-              h[1] || (h[1] = o("div", { class: "flex-auto" }, null, -1)),
-              o("div", Ks, [
+            !e.onlyValue && c(z) ? (f(), v(O, { key: 3 }, [
+              h[1] || (h[1] = a("div", { class: "flex-auto" }, null, -1)),
+              a("div", Ws, [
                 b(A, {
                   class: "opacity-20 hover:opacity-70 transition-all",
                   color: "transparent",
                   size: "sm",
                   title: g.$t("add"),
-                  onClick: N((X) => v(j, c(z)), ["stop"])
+                  onClick: H((X) => p(j, c(z)), ["stop"])
                 }, {
                   default: y(() => [
                     b(C, { class: "size-5" })
@@ -2235,26 +2235,26 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                 }, 8, ["title", "onClick"])
               ])
             ], 64)) : E("", !0)
-          ], 10, Us),
-          c(z) ? (f(), p("div", qs, [
+          ], 10, Rs),
+          c(z) ? (f(), v("div", qs, [
             Ce(b(et, {
               class: "flex-auto",
               path: m(j),
               items: z,
               onlyValue: e.onlyValue,
-              onClick: h[0] || (h[0] = (X) => n("click", X))
+              onClick: h[0] || (h[0] = (X) => l("click", X))
             }, null, 8, ["path", "items", "onlyValue"]), [
               [ht, t.value[j]]
             ])
-          ])) : (f(), p(O, { key: 1 }, [
-            h[2] || (h[2] = o("div", { class: "flex-auto gap-3" }, null, -1)),
-            o("div", Gs, k(z), 1),
+          ])) : (f(), v(O, { key: 1 }, [
+            h[2] || (h[2] = a("div", { class: "flex-auto gap-3" }, null, -1)),
+            a("div", Gs, k(z), 1),
             b(A, {
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "gray",
               size: "sm",
               title: g.$t("add"),
-              onClick: N((X) => v(j, c(z)), ["stop"])
+              onClick: H((X) => p(j, c(z)), ["stop"])
             }, {
               default: y(() => [
                 b(C, { class: "size-5" })
@@ -2266,45 +2266,45 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       ]);
     };
   }
-}), Js = { class: "" }, Xs = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Ys = ["onClick"], Qs = { class: "px-4 py-2" }, Zs = { class: "relative my-4" }, eo = { key: 0 }, to = /* @__PURE__ */ V({
+}), Js = { class: "" }, Xs = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Ys = ["onClick"], Zs = { class: "px-4 py-2" }, Qs = { class: "relative my-4" }, eo = { key: 0 }, to = /* @__PURE__ */ V({
   __name: "VTabs",
   props: {
     value: {},
     items: {}
   },
   emits: ["click"],
-  setup(e, { expose: l, emit: n }) {
-    const s = n, t = D(e.value || 0), a = (d) => [t.value === d ? "" : "before:hidden"], r = (d) => {
+  setup(e, { expose: n, emit: l }) {
+    const s = l, t = D(e.value || 0), o = (d) => [t.value === d ? "" : "before:hidden"], i = (d) => {
       t.value = d, s("click", d);
     };
-    return l({
-      setActiveTab: r,
+    return n({
+      setActiveTab: i,
       activeTab: t
-    }), (d, u) => (f(), p("div", Js, [
-      o("div", Xs, [
-        (f(!0), p(O, null, U(e.items, (i, c) => (f(), p("div", {
+    }), (d, u) => (f(), v("div", Js, [
+      a("div", Xs, [
+        (f(!0), v(O, null, R(e.items, (r, c) => (f(), v("div", {
           key: c,
           class: "relative flex-auto"
         }, [
-          o("button", {
+          a("button", {
             class: "w-full",
-            onClick: (m) => r(c)
+            onClick: (m) => i(c)
           }, [
-            o("div", {
-              class: B([a(c), "font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0"])
+            a("div", {
+              class: B([o(c), "font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0"])
             }, [
               $(d.$slots, "header", {
-                tab: i,
+                tab: r,
                 i: c
               }, () => [
-                o("div", Qs, k(i.title), 1)
+                a("div", Zs, k(r.title), 1)
               ])
             ], 2)
           ], 8, Ys)
         ]))), 128))
       ]),
-      o("div", Zs, [
-        (f(!0), p(O, null, U(e.items, (i, c) => (f(), p("div", {
+      a("div", Qs, [
+        (f(!0), v(O, null, R(e.items, (r, c) => (f(), v("div", {
           key: c,
           class: "tab-panel"
         }, [
@@ -2317,7 +2317,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: y(() => [
-              t.value === c ? (f(), p("div", eo, [
+              t.value === c ? (f(), v("div", eo, [
                 $(d.$slots, `tab-${c}`)
               ])) : E("", !0)
             ]),
@@ -2327,7 +2327,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       ])
     ]));
   }
-}), lo = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, no = ["title", "onMouseenter", "onMouseleave"], so = { class: "flex flex-auto" }, oo = ["disabled"], $e = /* @__PURE__ */ V({
+}), no = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, lo = ["title", "onMouseenter", "onMouseleave"], so = { class: "flex flex-auto" }, oo = ["disabled"], $e = /* @__PURE__ */ V({
   __name: "VFunc",
   props: {
     label: {},
@@ -2337,25 +2337,25 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["change", "icon", "hover"],
-  setup(e, { emit: l }) {
-    const n = l, s = ["v", "a", "b", "c"], t = D(e.value || ""), a = (u) => {
+  setup(e, { emit: n }) {
+    const l = n, s = ["v", "a", "b", "c"], t = D(e.value || ""), o = (u) => {
       try {
         return new Function(u), !0;
-      } catch (i) {
-        return console.warn(i), !1;
+      } catch (r) {
+        return console.warn(r), !1;
       }
-    }, r = ze((u) => {
-      const i = u.target;
-      a(i.value) && n("change", i.value);
-    }, 500), d = (u) => n("icon", u);
+    }, i = ze((u) => {
+      const r = u.target;
+      o(r.value) && l("change", r.value);
+    }, 500), d = (u) => l("icon", u);
     return ue(
       () => e.value,
       () => {
         e.value && (t.value = e.value);
       }
-    ), (u, i) => {
-      const c = le, m = ye;
-      return f(), M(Ze, {
+    ), (u, r) => {
+      const c = ne, m = ye;
+      return f(), M(Qe, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
@@ -2372,28 +2372,28 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
           }))
         ]),
         default: y(() => [
-          e.value ? (f(), p(O, { key: 0 }, [
-            o("div", lo, [
-              i[3] || (i[3] = I(" ( ", -1)),
-              (f(!0), p(O, null, U(e.args, (v, g) => (f(), p(O, { key: v }, [
-                o("span", {
+          e.value ? (f(), v(O, { key: 0 }, [
+            a("div", no, [
+              r[3] || (r[3] = I(" ( ", -1)),
+              (f(!0), v(O, null, R(e.args, (p, g) => (f(), v(O, { key: p }, [
+                a("span", {
                   class: "text-blue-400/80",
-                  title: v,
-                  onMouseenter: (h) => n("hover", "enter", g),
-                  onMouseleave: (h) => n("hover", "leave", g)
-                }, k(s[g]), 41, no),
-                i[2] || (i[2] = o("span", { class: "last:hidden" }, ",", -1))
+                  title: p,
+                  onMouseenter: (h) => l("hover", "enter", g),
+                  onMouseleave: (h) => l("hover", "leave", g)
+                }, k(s[g]), 41, lo),
+                r[2] || (r[2] = a("span", { class: "last:hidden" }, ",", -1))
               ], 64))), 128)),
-              i[4] || (i[4] = I(" ) => ", -1))
+              r[4] || (r[4] = I(" ) => ", -1))
             ]),
-            o("div", so, [
-              Ce(o("textarea", {
-                "onUpdate:modelValue": i[0] || (i[0] = (v) => t.value = v),
+            a("div", so, [
+              Ce(a("textarea", {
+                "onUpdate:modelValue": r[0] || (r[0] = (p) => t.value = p),
                 class: "outline-0 w-full resize-none field-sizing-content",
                 type: "text",
                 disabled: e.disabled,
-                onInput: i[1] || (i[1] = //@ts-ignore
-                (...v) => T(r) && T(r)(...v))
+                onInput: r[1] || (r[1] = //@ts-ignore
+                (...p) => T(i) && T(i)(...p))
               }, null, 40, oo), [
                 [gt, t.value]
               ])
@@ -2411,39 +2411,39 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click"],
-  setup(e, { emit: l }) {
-    const n = l, s = (a) => {
-      const r = a.target;
-      n("update:modelValue", r.checked);
-    }, t = (a) => n("click", a);
-    return (a, r) => (f(), p("label", {
+  setup(e, { emit: n }) {
+    const l = n, s = (o) => {
+      const i = o.target;
+      l("update:modelValue", i.checked);
+    }, t = (o) => l("click", o);
+    return (o, i) => (f(), v("label", {
       class: B(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
       onClick: t
     }, [
-      o("input", {
+      a("input", {
         type: "checkbox",
         checked: !!e.modelValue,
         disabled: e.disabled,
         class: "peer size-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40 not-disabled:cursor-pointer",
         onChange: s
       }, null, 40, ao),
-      r[0] || (r[0] = o("button", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
-        o("svg", {
+      i[0] || (i[0] = a("button", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
+        a("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
           fill: "currentColor",
           stroke: "currentColor",
           "stroke-width": "1"
         }, [
-          o("path", {
+          a("path", {
             "fill-rule": "evenodd",
             d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
             "clip-rule": "evenodd"
           })
         ])
       ], -1)),
-      o("span", io, [
-        $(a.$slots, "default")
+      a("span", io, [
+        $(o.$slots, "default")
       ])
     ], 2));
   }
@@ -2465,25 +2465,25 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     type: {}
   },
   emits: ["update"],
-  setup(e, { emit: l }) {
-    const n = l, s = L(() => e.items.map((h, x) => ({ ...h, id: ++x }))), t = D({ name: "", value: "" }), a = L(() => e.items.length + 1), r = L(() => {
+  setup(e, { emit: n }) {
+    const l = n, s = L(() => e.items.map((h, x) => ({ ...h, id: ++x }))), t = D({ name: "", value: "" }), o = L(() => e.items.length + 1), i = L(() => {
       var h;
       return !((h = t.value) != null && h.id);
-    }), d = (h) => e.type === h, u = (h, x) => n("update", h, x), i = (h) => h.map(({ name: x, value: _ }) => ({ name: x, value: _ })), c = ({ id: h, name: x, value: _ }) => t.value = { id: h, name: x, value: _ }, m = () => {
-      const h = a.value;
-      t.value = { name: `New_${h}`, value: `${h}`, id: h }, u("items", i([...s.value, t.value]));
-    }, v = (h) => {
-      t.value.name === h.name && (t.value = { name: "", value: "" }), u("items", i(s.value.filter((x) => x.value !== h.value)));
+    }), d = (h) => e.type === h, u = (h, x) => l("update", h, x), r = (h) => h.map(({ name: x, value: _ }) => ({ name: x, value: _ })), c = ({ id: h, name: x, value: _ }) => t.value = { id: h, name: x, value: _ }, m = () => {
+      const h = o.value;
+      t.value = { name: `New_${h}`, value: `${h}`, id: h }, u("items", r([...s.value, t.value]));
+    }, p = (h) => {
+      t.value.name === h.name && (t.value = { name: "", value: "" }), u("items", r(s.value.filter((x) => x.value !== h.value)));
     }, g = ze(() => {
       const h = t.value;
       if (!h.name || !h.value) return;
       const x = s.value.map((_) => _.id === h.id ? h : _);
-      u("items", i(x));
+      u("items", r(x));
     }, 300);
     return (h, x) => {
-      const _ = le, C = ye;
-      return f(), p("div", co, [
-        o("div", uo, [
+      const _ = ne, C = ye;
+      return f(), v("div", co, [
+        a("div", uo, [
           b(ro, {
             modelValue: e.disabled,
             "onUpdate:modelValue": x[0] || (x[0] = (z) => u("disabled", z ? 1 : 0))
@@ -2494,7 +2494,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        d("dimmer") ? (f(), p("div", fo, [
+        d("dimmer") ? (f(), v("div", fo, [
           b(J, {
             modelValue: e.min,
             label: "Min",
@@ -2511,15 +2511,15 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             "onUpdate:modelValue": x[3] || (x[3] = (z) => u("step", +z))
           }, null, 8, ["modelValue"])
         ])) : E("", !0),
-        d("list") ? (f(), p("div", mo, [
-          o("div", vo, [
+        d("list") ? (f(), v("div", mo, [
+          a("div", vo, [
             b(J, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
                 x[4] || (x[4] = (z) => t.value.name = z),
                 T(g)
               ],
-              disabled: r.value,
+              disabled: i.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
             b(J, {
@@ -2528,11 +2528,11 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                 x[5] || (x[5] = (z) => t.value.value = z),
                 T(g)
               ],
-              disabled: r.value,
+              disabled: i.value,
               label: "Value"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          o("div", po, [
+          a("div", po, [
             b(te, {
               "model-value": t.value.value,
               label: "List",
@@ -2542,11 +2542,11 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
               onChange: c
             }, {
               item: y(({ item: z }) => [
-                o("div", ho, [
-                  o("span", null, k(z.name), 1),
-                  o("button", {
+                a("div", ho, [
+                  a("span", null, k(z.name), 1),
+                  a("button", {
                     class: "cursor-pointer size-4",
-                    onClick: N((j) => v(z), ["prevent", "stop"])
+                    onClick: H((j) => p(z), ["prevent", "stop"])
                   }, [
                     b(_)
                   ], 8, go)
@@ -2569,7 +2569,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       ]);
     };
   }
-}), yo = { class: "flex flex-col" }, xo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, $o = { class: "flex-auto order-1" }, ko = { class: "flex-auto gap-x-2 order-1" }, _o = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, wo = { class: "flex gap-2 items-center" }, Co = { class: "flex flex-col gap-4" }, zo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, So = { class: "relative group" }, Vo = { class: "select-none" }, Bo = ["onClick"], Eo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, To = { class: "flex-[0_0_130px] size-[130px]" }, Lo = { class: "flex gap-4 justify-end" }, Mo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Ua = /* @__PURE__ */ V({
+}), yo = { class: "flex flex-col" }, xo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, $o = { class: "flex-auto order-1" }, ko = { class: "flex-auto gap-x-2 order-1" }, _o = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, wo = { class: "flex gap-2 items-center" }, Co = { class: "flex flex-col gap-4" }, zo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, So = { class: "relative group" }, Vo = { class: "select-none" }, Bo = ["onClick"], Eo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, To = { class: "flex-[0_0_130px] size-[130px]" }, Lo = { class: "flex gap-4 justify-end" }, Mo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Ka = /* @__PURE__ */ V({
   __name: "ItemEdit",
   props: {
     items: {},
@@ -2579,8 +2579,8 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     listIcons: {}
   },
   emits: ["button"],
-  setup(e, { emit: l }) {
-    const n = l, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = D({
+  setup(e, { emit: n }) {
+    const l = n, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = D({
       id: "",
       name: "",
       type: "button",
@@ -2590,32 +2590,32 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       set: "",
       get: "",
       getTo: ""
-    }), a = D(!1), r = L(() => {
+    }), o = D(!1), i = L(() => {
       var w;
       return !((w = e.item) != null && w.id);
     }), d = L(() => !!e.items.filter((w) => {
       var S;
       return w.id !== ((S = e.item) == null ? void 0 : S.id);
-    }).find((w) => w.id === (t == null ? void 0 : t.value.id))), u = L(() => t.value.type === "info"), i = L(() => {
+    }).find((w) => w.id === (t == null ? void 0 : t.value.id))), u = L(() => t.value.type === "info"), r = L(() => {
       var w;
       return (w = t.value.args) == null ? void 0 : w.length;
     }), c = L(() => t.value.args.length > 3), m = L(() => {
       if (d.value) return !0;
       const { id: w, args: S } = t.value;
       return !w || !S.length;
-    }), v = ({ value: w }) => t.value.icon = w, g = ({ value: w }) => {
+    }), p = ({ value: w }) => t.value.icon = w, g = ({ value: w }) => {
       const S = w;
       t.value.type = S, delete t.value.opts, ["button", "list", "dimmer"].includes(S) && (w === "button" && (t.value.opts = {}), w === "list" && (t.value.opts = { items: [] }), w === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
     }, h = (w) => {
       w === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), w === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), w === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
-    }, x = (w) => n("button", w, t.value), _ = (w) => t.value.args = t.value.args.filter((S) => S !== w), C = ({ path: w }) => {
-      !t.value.args.length && !t.value.id && (t.value.id = w), t.value.args.push(w), a.value = !1;
+    }, x = (w) => l("button", w, t.value), _ = (w) => t.value.args = t.value.args.filter((S) => S !== w), C = ({ path: w }) => {
+      !t.value.args.length && !t.value.id && (t.value.id = w), t.value.args.push(w), o.value = !1;
     }, z = D(-1), j = (w) => z.value === w, X = (w, S) => {
       w === "enter" && (z.value = S), w === "leave" && (z.value = -1);
     }, xe = (w, S) => {
       w === "set" && (t.value.set = S), w === "get" && (t.value.get = S), w === "getTo" && (t.value.getTo = S), S || delete t.value[w];
     }, at = () => {
-      a.value = !0;
+      o.value = !0;
     }, it = (w, S) => {
       t.value.opts || (t.value.opts = {}), t.value.opts[w] = S, w === "disabled" && !S && delete t.value.opts[w];
     };
@@ -2623,24 +2623,24 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       var w;
       (w = e.item) != null && w.id && (t.value = zt(e.item));
     }), (w, S) => {
-      const rt = Ts, ct = le;
-      return f(), p("div", yo, [
-        o("div", xo, [
-          o("div", $o, [
+      const rt = Ts, ct = ne;
+      return f(), v("div", yo, [
+        a("div", xo, [
+          a("div", $o, [
             b(to, {
               class: "flex-auto min-h-75",
               value: 0,
               items: s
             }, {
               "tab-0": y(() => [
-                o("div", ko, [
+                a("div", ko, [
                   b(J, {
                     modelValue: t.value.id,
-                    "onUpdate:modelValue": S[0] || (S[0] = (H) => t.value.id = H),
+                    "onUpdate:modelValue": S[0] || (S[0] = (P) => t.value.id = P),
                     label: "ID",
                     message: d.value ? w.$t("used") : ""
                   }, bt({ _: 2 }, [
-                    i.value ? void 0 : {
+                    r.value ? void 0 : {
                       name: "icon",
                       fn: y(() => [
                         b(A, {
@@ -2658,10 +2658,10 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                   ]), 1032, ["modelValue", "message"]),
                   b(J, {
                     modelValue: t.value.name,
-                    "onUpdate:modelValue": S[1] || (S[1] = (H) => t.value.name = H),
+                    "onUpdate:modelValue": S[1] || (S[1] = (P) => t.value.name = P),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  o("div", _o, [
+                  a("div", _o, [
                     b(te, {
                       "model-value": t.value.icon,
                       bottom: "0",
@@ -2669,14 +2669,14 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                       label: "Icon",
                       class: "mb-6",
                       items: e.listIcons,
-                      onChange: v
+                      onChange: p
                     }, {
-                      item: y(({ item: H }) => [
-                        o("div", wo, [
+                      item: y(({ item: P }) => [
+                        a("div", wo, [
                           $(w.$slots, "icon", {
-                            icon: H.value
+                            icon: P.value
                           }),
-                          o("div", null, k(H.name), 1)
+                          a("div", null, k(P.name), 1)
                         ])
                       ]),
                       _: 3
@@ -2693,31 +2693,31 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                 ])
               ]),
               "tab-1": y(() => [
-                o("div", Co, [
-                  b(Ze, {
+                a("div", Co, [
+                  b(Qe, {
                     active: !!t.value.args.length,
                     disabled: c.value,
                     label: "Arguments",
-                    onIcon: S[2] || (S[2] = (H) => a.value = !0)
+                    onIcon: S[2] || (S[2] = (P) => o.value = !0)
                   }, {
                     default: y(() => [
-                      o("div", zo, [
-                        (f(!0), p(O, null, U(t.value.args, (H, Le) => (f(), p("div", {
-                          key: H,
+                      a("div", zo, [
+                        (f(!0), v(O, null, R(t.value.args, (P, Le) => (f(), v("div", {
+                          key: P,
                           class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                         }, [
-                          o("div", So, [
-                            o("span", Vo, k(H), 1),
-                            o("div", {
+                          a("div", So, [
+                            a("span", Vo, k(P), 1),
+                            a("div", {
                               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", j(Le) ? "visible opacity-100" : ""])
                             }, [
-                              o("pre", null, k(T(dt)(H, e.object)), 1)
+                              a("pre", null, k(T(dt)(P, e.object)), 1)
                             ], 2)
                           ]),
-                          Le || t.value.args.length < 2 ? (f(), p("button", {
+                          Le || t.value.args.length < 2 ? (f(), v("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (xa) => _(H)
+                            onClick: (ka) => _(P)
                           }, [
                             b(ct, { class: "size-5" })
                           ], 8, Bo)) : E("", !0)
@@ -2729,34 +2729,34 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                   b($e, {
                     value: t.value.set,
                     args: t.value.args,
-                    disabled: !i.value || u.value,
+                    disabled: !r.value || u.value,
                     label: "Set",
-                    onIcon: S[3] || (S[3] = (H) => h("set")),
+                    onIcon: S[3] || (S[3] = (P) => h("set")),
                     onHover: X,
-                    onChange: S[4] || (S[4] = (H) => xe("set", H))
+                    onChange: S[4] || (S[4] = (P) => xe("set", P))
                   }, null, 8, ["value", "args", "disabled"]),
                   b($e, {
                     value: t.value.get,
                     args: t.value.args,
-                    disabled: !i.value,
+                    disabled: !r.value,
                     label: "Get",
-                    onIcon: S[5] || (S[5] = (H) => h("get")),
+                    onIcon: S[5] || (S[5] = (P) => h("get")),
                     onHover: X,
-                    onChange: S[6] || (S[6] = (H) => xe("get", H))
+                    onChange: S[6] || (S[6] = (P) => xe("get", P))
                   }, null, 8, ["value", "args", "disabled"]),
                   b($e, {
                     value: t.value.getTo,
                     args: t.value.args,
-                    disabled: !i.value,
+                    disabled: !r.value,
                     label: "GetTo",
-                    onIcon: S[7] || (S[7] = (H) => h("getTo")),
+                    onIcon: S[7] || (S[7] = (P) => h("getTo")),
                     onHover: X,
-                    onChange: S[8] || (S[8] = (H) => xe("getTo", H))
+                    onChange: S[8] || (S[8] = (P) => xe("getTo", P))
                   }, null, 8, ["value", "args", "disabled"])
                 ])
               ]),
               "tab-2": y(() => [
-                b(bo, P(t.value.opts, {
+                b(bo, N(t.value.opts, {
                   value: t.value.value,
                   type: t.value.type,
                   onUpdate: it
@@ -2765,21 +2765,21 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
               _: 3
             })
           ]),
-          o("div", Eo, [
-            o("div", To, [
+          a("div", Eo, [
+            a("div", To, [
               $(w.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        o("div", Lo, [
+        a("div", Lo, [
           b(A, {
             class: "px-4",
             color: "blue",
             disabled: m.value,
-            onClick: S[9] || (S[9] = (H) => x(r.value ? "add" : "save"))
+            onClick: S[9] || (S[9] = (P) => x(i.value ? "add" : "save"))
           }, {
             default: y(() => [
-              I(k(r.value ? w.$t("add") : w.$t("save")), 1)
+              I(k(i.value ? w.$t("add") : w.$t("save")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -2787,7 +2787,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             class: "px-4",
             color: "red",
             outline: "",
-            onClick: S[10] || (S[10] = (H) => x("remove"))
+            onClick: S[10] || (S[10] = (P) => x("remove"))
           }, {
             default: y(() => [
               I(k(w.$t("remove")), 1)
@@ -2795,17 +2795,17 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             _: 1
           })
         ]),
-        a.value ? (f(), M(Be, {
+        o.value ? (f(), M(Be, {
           key: 0,
           size: "md",
           title: w.$t("select"),
-          onClose: S[11] || (S[11] = (H) => a.value = !1)
+          onClose: S[11] || (S[11] = (P) => o.value = !1)
         }, {
           default: y(() => [
-            o("div", Mo, [
+            a("div", Mo, [
               b(et, {
                 items: e.object,
-                onlyValue: !i.value,
+                onlyValue: !r.value,
                 onClick: C
               }, null, 8, ["items", "onlyValue"])
             ])
@@ -2815,230 +2815,198 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       ]);
     };
   }
-}), Ae = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Ao = { 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" }, Do = { 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" }, Io = { 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" }, tt = (e) => lt(e);
+}), Ae = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Ao = { 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" }, Do = { 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" }, Io = { 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" }, tt = (e) => nt(e);
 function De(e) {
-  const l = Array.isArray(e) ? e : [e];
-  return l.length === 0 ? tt : (n) => l.reduce((s, t, a) => t(s, { html: a > 0 }), n);
+  const n = Array.isArray(e) ? e : [e];
+  return n.length === 0 ? tt : (l) => n.reduce((s, t, o) => t(s, { html: o > 0 }), l);
 }
 class Oo {
-  constructor(l, n = {}) {
-    if (this.lines = null, !l) throw new Error("selector is not defined");
-    if (this.root = l instanceof Node ? l : document.querySelector(l), !this.root) throw new Error(`element with "${l}" selector is not exist`);
-    const s = { value: "", styles: {}, plugins: [], highlighter: tt }, { highlighters: t, ...a } = n;
-    this.options = { ...s, ...a, highlighter: t ? De(t) : s.highlighter }, this.options.value = this.options.value == null ? "" : String(this.options.value), this.init();
+  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: tt }, { highlighters: t, ...o } = l;
+    this.options = { ...s, ...o, highlighter: t ? De(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 l = Object.keys(Ae).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
+    const n = Object.keys(Ae).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
     this.initialRootStyles = {};
-    const n = this.root.style;
-    l.forEach((s) => {
-      this.initialRootStyles[s] = n[s] || "";
+    const l = this.root.style;
+    n.forEach((s) => {
+      this.initialRootStyles[s] = l[s] || "";
     }), Object.assign(this.root.style, Ae, this.options.styles), Object.assign(this.textarea.style, Ao), Object.assign(this.pre.style, Do), 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 = (l) => {
-      if (l.type === "keydown" && this.textarea.readOnly) return;
-      const n = l;
-      if (n.isComposing || n.keyCode === 229) return;
-      const s = function(t, a) {
-        const { value: r, selectionStart: d, selectionEnd: u } = a.target;
-        return t.reduce((i, c) => ({ ...i, ...c(i, a) }), { value: r, selectionStart: d, selectionEnd: u });
-      }(this.options.plugins, l);
+    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, o) {
+        const { value: i, selectionStart: d, selectionEnd: u } = o.target;
+        return t.reduce((r, c) => ({ ...r, ...c(r, o) }), { value: i, selectionStart: d, selectionEnd: u });
+      }(this.options.plugins, n);
       this.update(s);
     }, this.textarea.addEventListener("input", this.handleEvent), this.textarea.addEventListener("keydown", this.handleEvent), this.textarea.addEventListener("compositionend", this.handleEvent);
   }
-  update(l) {
+  update(n) {
     if (!this.textarea) return;
-    let { value: n, selectionStart: s, selectionEnd: t } = l;
-    n != null && (n = String(n), s == null && (s = this.textarea.selectionStart), t == null && (t = this.textarea.selectionEnd), this.textarea.value !== n && (this.textarea.value = n)), s != null && (this.textarea.selectionStart = s), t != null && (this.textarea.selectionEnd = t), n !== this.value && n != null && (this.value = n, this.render(), this.updateCallback && this.updateCallback(n));
+    let { value: l, selectionStart: s, selectionEnd: t } = n;
+    l != null && (l = String(l), s == null && (s = this.textarea.selectionStart), t == null && (t = this.textarea.selectionEnd), this.textarea.value !== l && (this.textarea.value = l)), s != null && (this.textarea.selectionStart = s), t != null && (this.textarea.selectionEnd = t), l !== this.value && l != null && (this.value = l, this.render(), this.updateCallback && this.updateCallback(l));
   }
-  updateOptions(l) {
+  updateOptions(n) {
     if (!this.textarea) return;
-    const { highlighters: n, ...s } = l;
-    if (this.options = { ...this.options, ...s, highlighter: n ? De(n) : this.options.highlighter }, l.styles) {
+    const { highlighters: l, ...s } = n;
+    if (this.options = { ...this.options, ...s, highlighter: l ? De(l) : this.options.highlighter }, n.styles) {
       const t = this.root.style;
-      Object.keys(l.styles).forEach((a) => {
-        a in this.initialRootStyles || (this.initialRootStyles[a] = t[a] || "");
-      }), Object.assign(this.root.style, l.styles), ("paddingLeft" in l.styles || "padding" in l.styles) && (this.basePaddingLeft = this.root.style.paddingLeft || "");
+      Object.keys(n.styles).forEach((o) => {
+        o in this.initialRootStyles || (this.initialRootStyles[o] = t[o] || "");
+      }), 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 && (ve(this.lines), this.lines = null, this.root.style.paddingLeft = this.basePaddingLeft), l.value != null && this.update({ value: l.value }), this.render();
+    this.lines && !this.options.lineNumbers && (ve(this.lines), this.lines = null, this.root.style.paddingLeft = this.basePaddingLeft), n.value != null && this.update({ value: n.value }), this.render();
   }
   render() {
-    const l = this.options.highlighter(this.value);
-    this.pre.innerHTML = l + "<br/>", this.updateLines();
+    const n = this.options.highlighter(this.value);
+    this.pre.innerHTML = n + "<br/>", this.updateLines();
   }
   updateLines() {
     if (!this.options.lineNumbers) return;
     this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, Io));
-    const l = this.value.split(`
-`), n = l.length.toString().length;
-    this.root.style.paddingLeft = `${n + 1}ch`, this.lines.innerHTML = l.map((s, t) => `${`<span class="yace-line" style="position: absolute; opacity: .3; left: 0; width: ${n}ch; text-align: right">${1 + t}</span>`}${`<span style="color: transparent; pointer-events: none">${lt(s)}</span>`}`).join(`
+    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">${nt(s)}</span>`}`).join(`
 `);
   }
   destroy() {
     this.textarea && (this.textarea.removeEventListener("input", this.handleEvent), this.textarea.removeEventListener("keydown", this.handleEvent), this.textarea.removeEventListener("compositionend", this.handleEvent), ve(this.textarea), ve(this.pre), ve(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(l) {
-    this.updateCallback = l;
+  onUpdate(n) {
+    this.updateCallback = n;
   }
 }
 function ve(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function lt(e) {
+function nt(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const Ie = { 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" }, jo = { add: "=" }, Ho = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
-function ce(e, l) {
-  const n = e.split("+").reduce((u, i) => Ie[i] ? (u.modifiers[Ie[i]] = !0, u) : { ...u, key: jo[i] || i.toLowerCase() }, { modifiers: { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1 }, key: null }), s = Object.keys(n.modifiers).every((u) => n.modifiers[u] ? l[u] : !l[u]);
-  if (!n.key) return s;
-  const t = l.key != null && l.key.toLowerCase() === n.key, a = (r = n.key, /^[a-z]$/.test(r) ? `key${r}` : /^[0-9]$/.test(r) ? `digit${r}` : Ho[r] || null);
-  var r;
-  const d = !l.isComposing && a != null && l.code != null && l.code.toLowerCase() === a;
+const Ie = { 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" }, jo = { add: "=" }, Po = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
+function ce(e, n) {
+  const l = e.split("+").reduce((u, r) => Ie[r] ? (u.modifiers[Ie[r]] = !0, u) : { ...u, key: jo[r] || r.toLowerCase() }, { modifiers: { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1 }, key: null }), s = Object.keys(l.modifiers).every((u) => l.modifiers[u] ? n[u] : !n[u]);
+  if (!l.key) return s;
+  const t = n.key != null && n.key.toLowerCase() === l.key, o = (i = l.key, /^[a-z]$/.test(i) ? `key${i}` : /^[0-9]$/.test(i) ? `digit${i}` : Po[i] || null);
+  var i;
+  const d = !n.isComposing && o != null && n.code != null && n.code.toLowerCase() === o;
   return s && (t || d);
 }
-function No(e = {}) {
-  const l = Math.max(1, e.limit == null ? 300 : e.limit), n = e.coalesceMs == null ? 300 : e.coalesceMs;
-  let s = [], t = null, a = null;
-  const r = (d) => {
-    s = s.slice(0, t + 1), s.push(d), s.length > l && (s = s.slice(s.length - l)), t = s.length - 1;
+function Ho(e = {}) {
+  const n = Math.max(1, e.limit == null ? 300 : e.limit), l = e.coalesceMs == null ? 300 : e.coalesceMs;
+  let s = [], t = null, o = null;
+  const i = (d) => {
+    s = s.slice(0, t + 1), s.push(d), s.length > n && (s = s.slice(s.length - n)), t = s.length - 1;
   };
   return (d, u) => {
-    const i = u.type === "keydown" && ce("ctrl/cmd+z", u), c = u.type === "keydown" && (ce("ctrl/cmd+shift+z", u) || ce("ctrl+y", u));
-    if ((i || c) && u.preventDefault(), t === null) return s = [d], void (t = 0);
-    if (i) return a = null, s[t].value !== d.value ? r(d) : s[t] = d, t = Math.max(0, t - 1), s[t];
-    if (c) return a = null, s[t].value !== d.value ? void r(d) : (t = Math.min(s.length - 1, t + 1), s[t]);
-    if (u.type === "keydown") return s[t].value !== d.value ? (a = null, void r(d)) : void (s[t] = d);
+    const r = u.type === "keydown" && ce("ctrl/cmd+z", u), c = u.type === "keydown" && (ce("ctrl/cmd+shift+z", u) || ce("ctrl+y", u));
+    if ((r || c) && u.preventDefault(), t === null) return s = [d], void (t = 0);
+    if (r) return o = null, s[t].value !== d.value ? i(d) : s[t] = d, t = Math.max(0, t - 1), s[t];
+    if (c) return o = null, s[t].value !== d.value ? void i(d) : (t = Math.min(s.length - 1, t + 1), s[t]);
+    if (u.type === "keydown") return s[t].value !== d.value ? (o = null, void i(d)) : void (s[t] = d);
     if (u.type === "input") {
-      const m = u.timeStamp, v = m != null && a != null && m - a <= n;
-      if (a = m ?? null, v) return void (s[t] = d);
-      r(d);
+      const m = u.timeStamp, p = m != null && o != null && m - o <= l;
+      if (o = m ?? null, p) return void (s[t] = d);
+      i(d);
     }
   };
 }
-const Po = () => (e, l) => {
-  const { value: n, selectionStart: s, selectionEnd: t } = e;
-  if (!ce("enter", l) || l.type !== "keydown") return;
-  const a = n.substring(0, s).split(`
-`).pop(), r = /^\s+/.exec(a);
-  if (!r) return;
-  l.preventDefault();
+const No = () => (e, n) => {
+  const { value: l, selectionStart: s, selectionEnd: t } = e;
+  if (!ce("enter", n) || n.type !== "keydown") return;
+  const o = l.substring(0, s).split(`
+`).pop(), i = /^\s+/.exec(o);
+  if (!i) return;
+  n.preventDefault();
   const d = `
-` + r[0];
-  return { value: n.substring(0, s) + d + n.substring(t), selectionStart: s + d.length, selectionEnd: s + d.length };
-}, Fo = () => (e, l) => {
-  if (!(l instanceof KeyboardEvent) || l.key !== "Enter")
+` + i[0];
+  return { value: l.substring(0, s) + d + l.substring(t), selectionStart: s + d.length, selectionEnd: s + d.length };
+}, Fo = () => (e, n) => {
+  if (!(n instanceof KeyboardEvent) || n.key !== "Enter")
     return;
-  const { value: n, selectionStart: s, selectionEnd: t } = e;
+  const { value: l, selectionStart: s, selectionEnd: t } = e;
   if (s !== t)
     return;
-  const a = n.lastIndexOf(`
-`, s - 1) + 1, r = n.indexOf(`
-`, s), d = r === -1 ? n.length : r;
-  if (n.slice(s, d).trim().length > 0)
+  const o = l.lastIndexOf(`
+`, s - 1) + 1, i = l.indexOf(`
+`, s), d = i === -1 ? l.length : i;
+  if (l.slice(s, d).trim().length > 0)
     return;
-  const c = n.substring(a, d).trimEnd();
+  const c = l.substring(o, d).trimEnd();
   if (c.endsWith(";") || c.length === 0)
     return;
-  const m = n.slice(0, d) + ";" + n.slice(d), v = s + 1;
+  const m = l.slice(0, d) + ";" + l.slice(d), p = s + 1;
   return {
     value: m,
-    selectionStart: v,
-    selectionEnd: v
+    selectionStart: p,
+    selectionEnd: p
   };
-}, Uo = [
-  { label: "if", type: "word", insert: `if:\${$v0<10};
-else;
-end;`, detail: "if:${$v0<10};else;end;" },
-  { label: "while", type: "word", insert: `$v0=0;
-while:\${$v0<10};
-log($v0);
-$v0=$v0+1;
-wait(1s);
-end;`, detail: "while:${$v0<2}; end;" },
-  { label: "udp", type: "func", insert: "udp(${},'call(1)')", detail: "udp(id:number, text:string)" },
-  { label: "on", type: "func", insert: `on('\${event}');
-end;`, detail: "event(name: string)" },
-  { label: "wait", type: "func", insert: "wait(${1s});", detail: "wait(10ms | 1s | 1m | 1h)" },
-  { label: "log", type: "func", insert: "log(${});", detail: "log(text: string | number)" },
-  { label: "len", type: "func", insert: "len(${$a0});", detail: "len(arr: array)" },
-  { label: "set", type: "func", insert: "set(${$a0},${2},${10});", detail: "set(arr: array, index: number, value: number)" },
-  { label: "get", type: "func", insert: "get(${$a0},${0});", detail: "get(arr: array, index: number)" },
-  { label: "ord", type: "func", insert: "ord(${$s0});", detail: "ord(char: string)" },
-  { label: "chr", type: "func", insert: "chr(${65});", detail: "chr(v: number)" },
-  // { label: 'btn_13', type: 'event', detail: 'event name' },
-  // { label: 'btn_13_1', type: 'event', detail: 'event name' },
-  // { label: 'btn_13_0', type: 'event', detail: 'event name' },
-  { label: "$v", type: "var", insert: "$v${0}", detail: "var (uint) " },
-  { label: "$i", type: "var", insert: "$i${0}", detail: "var (int)" },
-  { label: "$f", type: "var", insert: "$f${0}", detail: "var (float)" },
-  { label: "$s", type: "var", insert: "$s${0}", detail: "var (string)" },
-  { label: "$a", type: "var", insert: "$a${0}", detail: "var (array)" },
-  { label: "$p", type: "var", insert: "$p${0}", detail: "gpio" }
-];
-let Ee = [], q = null, K = 0, Y = [], ee = null, ne = null, Te, nt, G = null, oe = null;
+};
+let Ee = [], q = null, W = 0, Y = [], ee = null, le = null, Te, lt, G = null, oe = null;
 const Ro = (e) => {
-  const { customSuggestions: l = [], minPrefixLength: n = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: a = { enabled: !0 }, i18n: r, renderMenu: d, renderTooltip: u } = e;
+  const { customSuggestions: n = [], minPrefixLength: l = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: o = { enabled: !0 }, i18n: i, renderMenu: d, renderTooltip: u } = e;
   if (!d || !u)
     throw new Error("renderMenu and renderTooltip are required");
-  return Ee = [...Uo, ...l].map((i) => r(i)), Te = d, nt = u, (i, c) => {
+  return Ee = [...n].map((r) => i(r)), Te = d, lt = u, (r, c) => {
     if (!(c instanceof KeyboardEvent))
       return;
-    const { value: m, selectionStart: v } = i, g = c.target;
-    if (ne = g, a.enabled !== !1 && !g.dataset.tooltipInitialized && (g.dataset.tooltipInitialized = "true", g.addEventListener("mouseup", () => {
+    const { value: m, selectionStart: p } = r, g = c.target;
+    if (le = g, o.enabled !== !1 && !g.dataset.tooltipInitialized && (g.dataset.tooltipInitialized = "true", g.addEventListener("mouseup", () => {
       setTimeout(() => Oe(g), 100);
     }), g.addEventListener("keyup", () => {
       setTimeout(() => Oe(g), 100);
     })), q) {
       switch (c.key) {
         case "ArrowDown":
-          return c.preventDefault(), K < Y.length - 1 && (K++, se()), { ...i };
+          return c.preventDefault(), W < Y.length - 1 && (W++, se()), { ...r };
         case "ArrowUp":
-          return c.preventDefault(), K > 0 && (K--, se()), { ...i };
+          return c.preventDefault(), W > 0 && (W--, se()), { ...r };
         case "Enter":
-          if (c.preventDefault(), Y[K]) {
-            const h = _e(i, Y[K]);
-            return Q(), h;
+          if (c.preventDefault(), Y[W]) {
+            const h = _e(r, Y[W]);
+            return Z(), h;
           }
           return;
         case "Tab":
-          if (c.preventDefault(), Y[K]) {
-            const h = _e(i, Y[K]);
-            return Q(), h;
+          if (c.preventDefault(), Y[W]) {
+            const h = _e(r, Y[W]);
+            return Z(), h;
           }
           return;
         case "Escape":
-          return c.preventDefault(), Q(), { ...i };
+          return c.preventDefault(), Z(), { ...r };
         case "Backspace":
           setTimeout(() => {
-            if (ne) {
-              const h = ne.value, x = ne.selectionStart, _ = he(h, x), C = h.slice(_, x);
-              if (C.length < n)
-                Q();
+            if (le) {
+              const h = le.value, x = le.selectionStart, _ = he(h, x), C = h.slice(_, x);
+              if (C.length < l)
+                Z();
               else {
                 const z = ke(C).slice(0, s);
-                z.length === 0 ? Q() : (Y = z, K = 0, se());
+                z.length === 0 ? Z() : (Y = z, W = 0, se());
               }
             }
           }, 0);
           return;
       }
       if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(c.key))
-        return { ...i };
+        return { ...r };
     }
     if (ce("tab", c)) {
       c.preventDefault();
-      const h = he(m, v), x = m.slice(h, v);
+      const h = he(m, p), x = m.slice(h, p);
       if (x.length > 0) {
         const j = ke(x);
         if (j.length > 0)
-          return _e(i, j[0]);
+          return _e(r, j[0]);
       }
-      const _ = " ".repeat(t), C = m.slice(0, v) + _ + m.slice(v), z = v + t;
+      const _ = " ".repeat(t), C = m.slice(0, p) + _ + m.slice(p), z = p + t;
       return {
         value: C,
         selectionStart: z,
@@ -3049,106 +3017,106 @@ const Ro = (e) => {
       return ee && clearTimeout(ee), ee = setTimeout(() => {
         ee = null;
         const h = g.value, x = g.selectionStart, _ = he(h, x), C = h.slice(_, x);
-        if (C.length < n) {
-          Q();
+        if (C.length < l) {
+          Z();
           return;
         }
         let z = ke(C);
         if (z = z.slice(0, s), z.length === 0) {
-          Q();
+          Z();
           return;
         }
-        Y = z, K = 0, q ? se() : Wo(g, z);
-      }, 0), { ...i };
+        Y = z, W = 0, q ? se() : Uo(g, z);
+      }, 0), { ...r };
   };
 };
 function ke(e) {
-  const l = e.toLowerCase();
-  return Ee.filter((n) => {
-    const s = n.label.toLowerCase();
-    return s.startsWith(l) || s.includes(l) || s.split("_").map((t) => t[0]).join("").startsWith(l);
-  }).sort((n, s) => {
-    const t = n.label.toLowerCase(), a = s.label.toLowerCase(), r = t.startsWith(l), d = a.startsWith(l);
-    if (r && !d) return -1;
-    if (!r && d) return 1;
-    const u = t.indexOf(l), i = a.indexOf(l);
-    return u !== i ? u - i : t.length !== a.length ? t.length - a.length : t.localeCompare(a);
+  const n = e.toLowerCase();
+  return Ee.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(), o = s.label.toLowerCase(), i = t.startsWith(n), d = o.startsWith(n);
+    if (i && !d) return -1;
+    if (!i && d) return 1;
+    const u = t.indexOf(n), r = o.indexOf(n);
+    return u !== r ? u - r : t.length !== o.length ? t.length - o.length : t.localeCompare(o);
   });
 }
-function he(e, l) {
-  let n = l;
-  for (; n > 0 && /[a-zA-Z0-9_$]/.test(e[n - 1]); )
-    n--;
-  return n;
+function he(e, n) {
+  let l = n;
+  for (; l > 0 && /[a-zA-Z0-9_$]/.test(e[l - 1]); )
+    l--;
+  return l;
 }
-function Wo(e, l) {
-  Q(), Y = l, K = 0;
-  const n = st(e);
-  q = Te(l, K, (s) => {
-    K = s, se();
+function Uo(e, n) {
+  Z(), Y = n, W = 0;
+  const l = st(e);
+  q = Te(n, W, (s) => {
+    W = s, se();
   }), Object.assign(q.style, {
     position: "fixed",
-    left: `${n.left}px`,
-    top: `${n.top + 24}px`,
+    left: `${l.left}px`,
+    top: `${l.top + 24}px`,
     zIndex: "10000"
   }), document.body.appendChild(q);
 }
 function se() {
-  if (!q || !ne) return;
-  const e = Te(Y, K, (n) => {
-    K = n, se();
-  }), l = q.getBoundingClientRect();
+  if (!q || !le) return;
+  const e = Te(Y, W, (l) => {
+    W = l, se();
+  }), n = q.getBoundingClientRect();
   q.replaceWith(e), q = e, Object.assign(q.style, {
     position: "fixed",
-    left: `${l.left}px`,
-    top: `${l.top}px`,
+    left: `${n.left}px`,
+    top: `${n.top}px`,
     zIndex: "10000"
   });
 }
-function _e(e, l) {
-  const { value: n, selectionStart: s } = e, t = he(n, s), a = l.insert || l.label, r = /\$\{([^}]*)\}/g;
-  let d = a;
+function _e(e, n) {
+  const { value: l, selectionStart: s } = e, t = he(l, s), o = n.insert || n.label, i = /\$\{([^}]*)\}/g;
+  let d = o;
   const u = [];
-  let i;
-  for (; (i = r.exec(a)) !== null; ) {
-    const h = i[1], x = i.index, _ = i[0].length;
+  let r;
+  for (; (r = i.exec(o)) !== null; ) {
+    const h = r[1], x = r.index, _ = r[0].length;
     u.push({ index: x, text: h, length: _ });
   }
-  d = a.replace(/\$\{([^}]*)\}/g, "$1");
+  d = o.replace(/\$\{([^}]*)\}/g, "$1");
   const c = u[0];
-  let m = t + d.length, v = t + d.length;
+  let m = t + d.length, p = t + d.length;
   if (c) {
     let h = 0, x = 0, _ = !1;
-    for (; x < a.length && !_; ) {
+    for (; x < o.length && !_; ) {
       const C = u.find((z) => z.index === x);
-      C ? (h += C.text.length, x += C.length, C === c && (m = t + h - C.text.length, v = t + h, _ = !0)) : (h++, x++);
+      C ? (h += C.text.length, x += C.length, C === c && (m = t + h - C.text.length, p = t + h, _ = !0)) : (h++, x++);
     }
   }
   return {
-    value: n.slice(0, t) + d + n.slice(s),
+    value: l.slice(0, t) + d + l.slice(s),
     selectionStart: m,
-    selectionEnd: v
+    selectionEnd: p
   };
 }
-function Q() {
-  ee && (clearTimeout(ee), ee = null), q && (q.remove(), q = null, Y = [], K = 0, ne = null);
+function Z() {
+  ee && (clearTimeout(ee), ee = null), q && (q.remove(), q = null, Y = [], W = 0, le = null);
 }
 function st(e) {
-  const l = e.getBoundingClientRect(), { value: n, selectionStart: s } = e, a = n.substring(0, s).split(`
-`), r = a.length, d = a[a.length - 1] || "", u = parseInt(getComputedStyle(e).lineHeight) || 20;
+  const n = e.getBoundingClientRect(), { value: l, selectionStart: s } = e, o = l.substring(0, s).split(`
+`), i = o.length, d = o[o.length - 1] || "", u = parseInt(getComputedStyle(e).lineHeight) || 20;
   return {
-    left: l.left + 10 + d.length * 8,
-    top: l.top + (r - 1) * u
+    left: n.left + 10 + d.length * 8,
+    top: n.top + (i - 1) * u
   };
 }
 function Oe(e) {
   oe && clearTimeout(oe), oe = setTimeout(() => {
-    const l = e.selectionStart, n = e.selectionEnd;
-    if (l === n) {
+    const n = e.selectionStart, l = e.selectionEnd;
+    if (n === l) {
       re();
       return;
     }
-    const s = e.value.substring(l, n).trim();
+    const s = e.value.substring(n, l).trim();
     if (!s) {
       re();
       return;
@@ -3158,8 +3126,8 @@ function Oe(e) {
       re();
       return;
     }
-    const a = st(e), r = nt(t, a);
-    r.style.opacity = "0", G && G.remove(), G = r, document.body.appendChild(G), requestAnimationFrame(() => {
+    const o = st(e), i = lt(t, o);
+    i.style.opacity = "0", G && G.remove(), G = i, document.body.appendChild(G), requestAnimationFrame(() => {
       G && (G.style.opacity = "1");
     }), setTimeout(() => re(), 3e3);
   }, 300);
@@ -3170,35 +3138,39 @@ function re() {
   }, 150));
 }
 document.addEventListener("mousedown", (e) => {
-  const l = e.target;
-  q && !q.contains(l) && Q(), G && !G.contains(l) && re();
+  const n = e.target;
+  q && !q.contains(n) && Z(), G && !G.contains(n) && re();
 });
-const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Ko = /(\/\/[^\n]*)|('[^'\n]*')|(\b\d+(?:\.\d+)?\b)|(\b(?:on|call|wait|while|log|if|else|end|set|get|len|ord|chr|read_temp|read_hum|read_motion)\b)|(\$[vifspa]\d+)|(\b(?:btn_\d+_\d+|btn_\d+)\b)|([;:(){}])/g, qo = (e) => {
-  let l = "", n = 0;
-  for (const s of e.matchAll(Ko)) {
-    const [t, a, r, d, u, i, c, m] = s;
-    let v = "";
-    a ? v = "comment" : r ? v = "string" : d ? v = "number" : u ? v = "keyword" : i ? v = "variable" : c ? v = "event" : m && (v = "operator"), l += we(e.slice(n, s.index)), l += `<span class="tok--${v}">${we(t)}</span>`, n = s.index + t.length;
+const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Ko = ["else", "end", "call", "fade"], Wo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), qo = (e) => {
+  const n = e.filter((d) => d.type !== "var").map((d) => d.label), i = `(\\/\\/[^\\n]*)|('[^'\\n]*')|(\\b\\d+(?:\\.\\d+)?\\b)|(\\b(?:${Array.from(/* @__PURE__ */ new Set([...Ko, ...n])).map(Wo).join("|")})\\b)|(\\$[a-zA-Z_][a-zA-Z0-9_]*)|(\\b(?:btn_\\d+(?:_\\d+)?)\\b)|([;:(){}])`;
+  return new RegExp(i, "g");
+}, Go = (e) => (n) => {
+  const l = qo(e);
+  let s = "", t = 0;
+  for (const o of n.matchAll(l)) {
+    const [i, d, u, r, c, m, p, g] = o;
+    let h = "";
+    d ? h = "comment" : u ? h = "str" : r ? h = "num" : c ? h = "word" : m ? h = "var" : p ? h = "event" : g && (h = "operator"), s += we(n.slice(t, o.index)), s += `<span class="tok--${h}">${we(i)}</span>`, t = o.index + i.length;
   }
-  return l += we(e.slice(n)), l;
+  return s += we(n.slice(t)), s;
 }, ot = {
   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"
-}, Go = (e, l, n) => {
+}, Jo = (e, n, l) => {
   const s = document.createElement("div");
   return s.className = `
     fixed z-[10000] min-w-[250px] max-w-[400px] max-h-[250px]
     overflow-y-auto p-1 rounded-lg shadow-lg border
     border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800
     text-sm font-mono scrollbar pointer-events-none
-  `, e.forEach((t, a) => {
-    const r = a === l, d = document.createElement("div");
+  `, e.forEach((t, o) => {
+    const i = o === 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
-      ${r ? "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"}
+      ${i ? "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 = ot[t.type] || "text-gray-700 dark:text-gray-300";
     d.innerHTML = `
@@ -3207,93 +3179,129 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
         ${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>` : ""}
-    `, d.addEventListener("click", () => n(a)), s.appendChild(d);
+    `, d.addEventListener("click", () => l(o)), s.appendChild(d);
   }), s;
-}, Jo = (e, l) => {
-  const n = document.createElement("div");
-  n.className = `
+}, Xo = (e, n) => {
+  const l = document.createElement("div");
+  l.className = `
     fixed z-[10001] px-3 py-2 font-mono text-sm max-w-[300px]
     min-w-[50px] min-h-[20px] rounded-lg shadow-lg border
     pointer-events-none transition-opacity duration-150
     bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700
     text-gray-700 dark:text-gray-300 pointer-events-none
-  `, n.style.cssText = `
-    left: ${l.left + 40}px; top: ${l.top - 10}px;
+  `, l.style.cssText = `
+    left: ${n.left + 40}px; top: ${n.top - 10}px;
     transform: translateX(-50%) translateY(-100%); opacity: 0;
   `;
   let t = `<div class="font-medium ${ot[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>`), n.innerHTML = t;
-  const a = document.createElement("div");
-  return a.className = `
+  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 o = document.createElement("div");
+  return o.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
-  `, n.appendChild(a), n;
-}, Ra = /* @__PURE__ */ V({
+  `, l.appendChild(o), l;
+}, Yo = [
+  { label: "if", type: "word", insert: `if:\${$v0<10};
+else;
+end;`, detail: "if:${$v0<10};else;end;" },
+  { label: "while", type: "word", insert: `$v0=0;
+while:\${$v0<10};
+log($v0);
+$v0=$v0+1;
+wait(1s);
+end;`, detail: "while:${$v0<2}; end;" },
+  { label: "udp", type: "func", insert: "udp(${},'call(1)')", detail: "udp(id:number, text:string)" },
+  { label: "on", type: "func", insert: `on('\${event}');
+end;`, detail: "event(name: string)" },
+  { label: "wait", type: "func", insert: "wait(${1s});", detail: "wait(10ms | 1s | 1m | 1h)" },
+  { label: "log", type: "func", insert: "log(${});", detail: "log(text: string | number)" },
+  { label: "len", type: "func", insert: "len(${$a0});", detail: "len(arr: array)" },
+  { label: "set", type: "func", insert: "set(${$a0},${2},${10});", detail: "set(arr: array, index: number, value: number)" },
+  { label: "get", type: "func", insert: "get(${$a0},${0});", detail: "get(arr: array, index: number)" },
+  { label: "ord", type: "func", insert: "ord(${$s0});", detail: "ord(char: string)" },
+  { label: "chr", type: "func", insert: "chr(${65});", detail: "chr(v: number)" },
+  { label: "btn", type: "event", detail: "Change state " },
+  { label: "btn_c", type: "event", detail: "Count click button <br>$e0=gpio:number<br>$e1=value:number<br>$e2=type?:number" },
+  { label: "btn_l", type: "event", detail: "Long press of the button <br>$e0=gpio:number<br>$e1=value:number" },
+  { label: "btn_r", type: "event", detail: "Repeat while holding the button <br>$e0=gpio:number<br>$e1=value:number" },
+  { label: "$u", type: "var", insert: "$u${0}", detail: "var (uint) " },
+  { label: "$i", type: "var", insert: "$i${0}", detail: "var (int)" },
+  { label: "$f", type: "var", insert: "$f${0}", detail: "var (float)" },
+  { label: "$s", type: "var", insert: "$s${0}", detail: "var (string)" },
+  { label: "$a", type: "var", insert: "$a${0}", detail: "var (array)" },
+  { 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" }
+], Wa = /* @__PURE__ */ V({
   __name: "ScriptEditor",
   props: {
     modelValue: {},
     suggestions: { default: () => [] }
   },
   emits: ["update:modelValue", "update"],
-  setup(e, { emit: l }) {
-    const n = l;
+  setup(e, { emit: n }) {
+    const l = n;
     let s;
+    const t = [...Yo, ...e.suggestions];
     return ue(
       () => e.modelValue,
-      (t) => {
-        s.update({ value: t });
+      (o) => {
+        s.update({ value: o });
       }
     ), fe(() => {
       s = new Oo("#editor", {
         value: e.modelValue,
         lineNumbers: !0,
-        highlighters: [qo],
+        highlighters: [Go(t)],
         plugins: [
+          Ho(),
           No(),
-          Po(),
           Ro({
-            customSuggestions: e.suggestions,
+            customSuggestions: t,
             minPrefixLength: 1,
             maxSuggestions: 20,
-            i18n: (t) => t,
+            i18n: (o) => o,
             tooltip: {
               enabled: !0
             },
-            renderMenu: Go,
-            renderTooltip: Jo
+            renderMenu: Jo,
+            renderTooltip: Xo
           }),
           Fo()
         ],
         styles: { fontSize: "14px" }
-      }), s.onUpdate((t) => {
-        n("update:modelValue", t);
+      }), s.onUpdate((o) => {
+        l("update:modelValue", o);
       });
     }), Fe(() => {
       s.destroy();
-    }), (t, a) => (f(), p("div", null, [...a[0] || (a[0] = [
-      o("div", {
+    }), (o, i) => (f(), v("div", null, [...i[0] || (i[0] = [
+      a("div", {
         class: "",
         id: "editor"
       }, null, -1)
     ])]));
   }
-}), Xo = { class: "max-w-4xl mx-auto" }, Yo = {
+}), Zo = { class: "max-w-4xl mx-auto" }, Qo = {
   key: 0,
   class: "text-sm"
-}, Qo = {
+}, ea = {
   key: 0,
   class: "text-gray-500"
-}, Zo = {
+}, ta = {
   key: 1,
   class: "text-red-600"
-}, ea = ["innerHTML"], ta = "https://raw.githubusercontent.com/bondrogeen/vuesp/refs/heads/master/github/docs/scriptrunner/", la = "https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js", Wa = /* @__PURE__ */ V({
+}, na = ["innerHTML"], la = "https://raw.githubusercontent.com/bondrogeen/vuesp/refs/heads/master/github/docs/scriptrunner/", sa = "https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js", qa = /* @__PURE__ */ V({
   __name: "ScriptViewDocs",
   props: {
     lang: { default: "en" }
   },
   setup(e) {
-    const l = D(""), n = D(""), s = D(null), t = D(!1), a = D(null);
-    let r = null;
+    const n = D(""), l = D(""), s = D(null), t = D(!1), o = D(null);
+    let i = null;
     const d = () => new Promise((c, m) => {
       if (window.marked) {
         window.marked.setOptions({
@@ -3303,19 +3311,19 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
         }), c(window.marked);
         return;
       }
-      const v = document.createElement("script");
-      v.src = la, v.async = !0, v.onload = () => {
+      const p = document.createElement("script");
+      p.src = sa, p.async = !0, p.onload = () => {
         window.marked ? (window.marked.setOptions({
           gfm: !0,
           breaks: !0,
           headerIds: !1
         }), c(window.marked)) : m(new Error("Marked library not found after loading"));
-      }, v.onerror = () => {
+      }, p.onerror = () => {
         m(new Error("Failed to load Marked library from CDN"));
-      }, document.head.appendChild(v);
+      }, document.head.appendChild(p);
     }), u = (c) => {
       const m = c.split(`
-`), v = {};
+`), p = {};
       let g = !0;
       for (const h of m) {
         if (g && h.startsWith("#")) {
@@ -3324,50 +3332,50 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
         }
         if (g && h.includes(":")) {
           const [x, _] = h.split(":").map((C) => C.trim());
-          x && _ && (x.toLowerCase().includes("version") && (v.version = _), (x.toLowerCase().includes("обновлено") || x.toLowerCase().includes("updated")) && (v.updated = _));
+          x && _ && (x.toLowerCase().includes("version") && (p.version = _), (x.toLowerCase().includes("обновлено") || x.toLowerCase().includes("updated")) && (p.updated = _));
         }
       }
-      return v;
-    }, i = async (c) => {
-      if (!r) {
-        a.value = "error";
+      return p;
+    }, r = async (c) => {
+      if (!i) {
+        o.value = "error";
         return;
       }
-      t.value = !0, a.value = null, n.value = "";
+      t.value = !0, o.value = null, l.value = "";
       try {
-        const m = `${ta}${c}.md`, v = await fetch(m);
-        if (!v.ok)
-          throw new Error(`HTTP ${v.status}: ${v.statusText}`);
-        const g = await v.text();
-        l.value = g, s.value = u(g), n.value = r.parse(g);
+        const m = `${la}${c}.md`, p = await fetch(m);
+        if (!p.ok)
+          throw new Error(`HTTP ${p.status}: ${p.statusText}`);
+        const g = await p.text();
+        n.value = g, s.value = u(g), l.value = i.parse(g);
       } catch (m) {
-        const v = m instanceof Error ? m.message : "";
-        a.value = v, console.error("Error loading docs:", m);
+        const p = m instanceof Error ? m.message : "";
+        o.value = p, console.error("Error loading docs:", m);
       } finally {
         t.value = !1;
       }
     };
     return fe(async () => {
       try {
-        r = await d();
+        i = await d();
         const c = e.lang ? "ru" : "en";
-        await i(c);
+        await r(c);
       } catch (c) {
         const m = c instanceof Error ? c.message : "";
-        a.value = m, console.error("Initialization error:", c);
+        o.value = m, console.error("Initialization error:", c);
       }
-    }), (c, m) => (f(), p("div", Xo, [
-      t.value || a.value ? (f(), p("div", Yo, [
-        t.value ? (f(), p("span", Qo, "⏳")) : E("", !0),
-        a.value ? (f(), p("span", Zo, "❌ " + k(a.value), 1)) : E("", !0)
+    }), (c, m) => (f(), v("div", Zo, [
+      t.value || o.value ? (f(), v("div", Qo, [
+        t.value ? (f(), v("span", ea, "⏳")) : E("", !0),
+        o.value ? (f(), v("span", ta, "❌ " + k(o.value), 1)) : E("", !0)
       ])) : E("", !0),
-      o("div", {
+      a("div", {
         class: "docs-content",
-        innerHTML: n.value
-      }, null, 8, ea)
+        innerHTML: l.value
+      }, null, 8, na)
     ]));
   }
-}), Ka = /* @__PURE__ */ V({
+}), Ga = /* @__PURE__ */ V({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -3377,11 +3385,11 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
     items: {}
   },
   emits: ["update:modelValue", "select"],
-  setup(e, { emit: l }) {
-    const n = l, s = (a) => n("update:modelValue", a), t = (a, r) => {
-      a.click(new Event("click")), n("select", r);
+  setup(e, { emit: n }) {
+    const l = n, s = (o) => l("update:modelValue", o), t = (o, i) => {
+      o.click(new Event("click")), l("select", i);
     };
-    return (a, r) => (f(), M(be, P(a.$attrs, {
+    return (o, i) => (f(), M(be, N(o.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
@@ -3401,7 +3409,7 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
           onClick: (u) => t(d, u)
         }, {
           default: y(({ item: u }) => [
-            $(a.$slots, "default", { item: u }, () => [
+            $(o.$slots, "default", { item: u }, () => [
               I(k(u.name), 1)
             ])
           ]),
@@ -3411,97 +3419,97 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
       _: 3
     }, 16));
   }
-}), na = {
+}), oa = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function sa(e, l) {
-  return f(), p("svg", na, [...l[0] || (l[0] = [
-    o("path", {
+function aa(e, n) {
+  return f(), v("svg", oa, [...n[0] || (n[0] = [
+    a("path", {
       fill: "currentColor",
       d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
     }, null, -1)
   ])]);
 }
-const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, ia = { class: "p-4" }, qa = /* @__PURE__ */ V({
+const ia = F({ name: "ri-arrow-drop-down-line", render: aa }), ra = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, ca = { class: "p-4" }, Ja = /* @__PURE__ */ V({
   __name: "VExpansion",
   props: {
     label: { default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = D(null), n = D(e.value), s = () => {
-      if (!l.value) return;
-      const a = l.value.querySelector(".v-expansion__content");
-      a && (a.style.maxHeight = n.value ? `${a.scrollHeight}px` : "0");
+    const n = D(null), l = D(e.value), s = () => {
+      if (!n.value) return;
+      const o = n.value.querySelector(".v-expansion__content");
+      o && (o.style.maxHeight = l.value ? `${o.scrollHeight}px` : "0");
     }, t = () => {
-      n.value = !n.value, s();
+      l.value = !l.value, s();
     };
     return fe(() => {
       s();
-    }), (a, r) => {
-      const d = oa;
-      return f(), p("div", {
+    }), (o, i) => {
+      const d = ia;
+      return f(), v("div", {
         ref_key: "root",
-        ref: l,
+        ref: n,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
-        o("div", {
+        a("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
           onClick: t
         }, [
-          o("h4", null, k(e.label), 1),
-          o("div", {
-            class: B(["transition text-gray-400", { "rotate-x-180": n.value }])
+          a("h4", null, k(e.label), 1),
+          a("div", {
+            class: B(["transition text-gray-400", { "rotate-x-180": l.value }])
           }, [
             b(d, { class: "size-6" })
           ], 2)
         ]),
-        o("div", aa, [
-          o("div", ia, [
-            $(a.$slots, "default")
+        a("div", ra, [
+          a("div", ca, [
+            $(o.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}), ra = ["onDragstart", "onDragenter"], ca = {
+}), da = ["onDragstart", "onDragenter"], ua = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded"
-}, Ga = /* @__PURE__ */ V({
+}, Xa = /* @__PURE__ */ V({
   __name: "VDragDrop",
   props: {
     items: {},
     itemKey: { default: "id" }
   },
   emits: ["update:items", "order-change"],
-  setup(e, { emit: l }) {
-    const n = l, s = D(null), t = D(0), a = D(-1), r = ({ id: m }) => ({
+  setup(e, { emit: n }) {
+    const l = n, s = D(null), t = D(0), o = D(-1), i = ({ id: m }) => ({
       "opacity-30 scale-105 z-10": s.value === m,
       "transition-transform duration-200": s.value !== m
-    }), d = (m, v, g) => {
-      s.value = v, t.value = g, m.dataTransfer.effectAllowed = "move";
+    }), d = (m, p, g) => {
+      s.value = p, t.value = g, m.dataTransfer.effectAllowed = "move";
     }, u = (m) => {
-      s.value !== null && (a.value = m);
-    }, i = () => {
-      s.value = null, a.value = -1;
+      s.value !== null && (o.value = m);
+    }, r = () => {
+      s.value = null, o.value = -1;
     }, c = (m) => {
-      if (m.preventDefault(), s.value && a.value !== -1) {
-        const v = e.items.findIndex((h) => h[e.itemKey] === s.value), g = a.value;
-        if (v !== g && g !== -1) {
-          const h = [...e.items], [x] = h.splice(v, 1);
-          h.splice(g, 0, x), n("update:items", h), n("order-change", { fromIndex: v, toIndex: g, movedItem: x, newOrder: h });
+      if (m.preventDefault(), s.value && o.value !== -1) {
+        const p = e.items.findIndex((h) => h[e.itemKey] === s.value), g = o.value;
+        if (p !== g && g !== -1) {
+          const h = [...e.items], [x] = h.splice(p, 1);
+          h.splice(g, 0, x), l("update:items", h), l("order-change", { fromIndex: p, toIndex: g, movedItem: x, newOrder: h });
         }
       }
-      a.value = -1;
+      o.value = -1;
     };
-    return (m, v) => (f(), p("div", {
-      onDragover: v[1] || (v[1] = N(() => {
+    return (m, p) => (f(), v("div", {
+      onDragover: p[1] || (p[1] = H(() => {
       }, ["prevent"])),
       onDrop: c
     }, [
-      b(Pe, {
+      b(Ne, {
         "enter-active-class": "transition-all duration-300 ease",
         "enter-from-class": "opacity-0 translate-x-8",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -3511,14 +3519,14 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
         "move-class": "transition-all duration-300 ease"
       }, {
         default: y(() => [
-          (f(!0), p(O, null, U(e.items, (g, h) => (f(), p("div", {
+          (f(!0), v(O, null, R(e.items, (g, h) => (f(), v("div", {
             key: `${g.id}_drug`,
-            class: B(["relative group", r(g)]),
+            class: B(["relative group", i(g)]),
             draggable: "true",
             onDragstart: (x) => d(x, g.id, h),
             onDragenter: (x) => u(h),
-            onDragend: i,
-            onDragover: v[0] || (v[0] = N(() => {
+            onDragend: r,
+            onDragover: p[0] || (p[0] = H(() => {
             }, ["prevent"]))
           }, [
             $(m.$slots, "default", {
@@ -3527,64 +3535,64 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
               index: h,
               isDragging: s.value === g.id
             }),
-            a.value === h && s.value !== g.id ? (f(), p("div", ca)) : E("", !0)
-          ], 42, ra))), 128))
+            o.value === h && s.value !== g.id ? (f(), v("div", ua)) : E("", !0)
+          ], 42, da))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), da = { class: "min-w-full" }, ua = { class: "border-y border-gray-200 py-3 dark:border-gray-800" }, fa = { class: "bg-gray-200 dark:bg-gray-800" }, ma = { class: "flex items-center" }, va = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, pa = ["onClick"], ha = { class: "flex items-center text-gray-700 dark:text-gray-400" }, ga = { key: 1 }, ba = {
+}), fa = { class: "min-w-full" }, ma = { class: "border-y border-gray-200 py-3 dark:border-gray-800" }, va = { class: "bg-gray-200 dark:bg-gray-800" }, pa = { class: "flex items-center" }, ha = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, ga = ["onClick"], ba = { class: "flex items-center text-gray-700 dark:text-gray-400" }, ya = { key: 1 }, xa = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, ya = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Ja = /* @__PURE__ */ V({
+}, $a = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Ya = /* @__PURE__ */ V({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const n = l, s = (r, d) => n("click", r, d), t = (r) => (r == null ? void 0 : r.className) || "", a = (r, { key: d }) => r == null ? void 0 : r[d];
-    return (r, d) => (f(), p("table", da, [
-      o("thead", ua, [
-        o("tr", fa, [
-          (f(!0), p(O, null, U(e.headers, (u, i) => (f(), p("th", {
-            key: i,
+  setup(e, { emit: n }) {
+    const l = n, s = (i, d) => l("click", i, d), t = (i) => (i == null ? void 0 : i.className) || "", o = (i, { key: d }) => i == null ? void 0 : i[d];
+    return (i, d) => (f(), v("table", fa, [
+      a("thead", ma, [
+        a("tr", va, [
+          (f(!0), v(O, null, R(e.headers, (u, r) => (f(), v("th", {
+            key: r,
             class: B(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(u)])
           }, [
-            $(r.$slots, "header", {
+            $(i.$slots, "header", {
               item: u,
-              i
+              i: r
             }, () => [
-              o("div", ma, k(u.name), 1)
+              a("div", pa, k(u.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      o("tbody", va, [
-        e.items.length ? (f(!0), p(O, { key: 0 }, U(e.items, (u, i) => (f(), p("tr", {
-          key: i,
+      a("tbody", ha, [
+        e.items.length ? (f(!0), v(O, { key: 0 }, R(e.items, (u, r) => (f(), v("tr", {
+          key: r,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
           onClick: (c) => s(u, c)
         }, [
-          (f(!0), p(O, null, U(e.headers, (c, m) => (f(), p("td", {
+          (f(!0), v(O, null, R(e.headers, (c, m) => (f(), v("td", {
             key: m,
             class: "py-2 px-4"
           }, [
-            o("div", ha, [
-              $(r.$slots, c.key, {
+            a("div", ba, [
+              $(i.$slots, c.key, {
                 item: u,
-                i
+                i: r
               }, () => [
-                I(k(a(u, c)), 1)
+                I(k(o(u, c)), 1)
               ])
             ])
           ]))), 128))
-        ], 8, pa))), 128)) : (f(), p("tr", ga, [
-          o("td", ba, [
-            o("div", ya, [
-              $(r.$slots, "empty", {}, () => [
+        ], 8, ga))), 128)) : (f(), v("tr", ya, [
+          a("td", xa, [
+            a("div", $a, [
+              $(i.$slots, "empty", {}, () => [
                 d[0] || (d[0] = I("The list is empty", -1))
               ])
             ])
@@ -3593,29 +3601,29 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
       ])
     ]));
   }
-}), Xa = /* @__PURE__ */ V({
+}), Za = /* @__PURE__ */ V({
   __name: "VTooltip",
   props: {
     timeout: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const l = D(!1), n = () => {
-      e.disabled || (l.value = !0);
+    const n = D(!1), l = () => {
+      e.disabled || (n.value = !0);
     }, s = () => {
-      l.value = !1;
-    }, t = Ue("tooltip");
-    return $t(t, () => s()), (a, r) => (f(), p("div", {
+      n.value = !1;
+    }, t = Re("tooltip");
+    return $t(t, () => s()), (o, i) => (f(), v("div", {
       ref: "tooltip",
       class: "relative v-tooltip",
-      onMouseenter: n,
+      onMouseenter: l,
       onMouseleave: s
     }, [
-      o("button", {
+      a("button", {
         type: "button",
-        onClick: n
+        onClick: l
       }, [
-        $(a.$slots, "activator")
+        $(o.$slots, "activator")
       ]),
       b(ae, {
         "enter-active-class": "duration-300 ease-out",
@@ -3626,7 +3634,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
         "leave-to-class": "transform opacity-0 -translate-y-2"
       }, {
         default: y(() => [
-          $(a.$slots, "default", { show: l.value })
+          $(o.$slots, "default", { show: n.value })
         ]),
         _: 3
       })
@@ -3640,50 +3648,50 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
   VTextField: J,
   VSelect: te,
   VWifiIcon: Ye,
-  CardMain: Gn,
+  CardMain: Gl,
   VIconLogoMini: qe,
   VIconLogo: Se,
   VDialog: Be
-}, Ya = {
+}, Qa = {
   install: (e) => {
-    Object.keys(je).forEach((l) => {
-      e.component(l, je[l]);
-    }), Vt.forEach(({ name: l, directive: n }) => e.directive(l, n));
+    Object.keys(je).forEach((n) => {
+      e.component(n, je[n]);
+    }), Vt.forEach(({ name: n, directive: l }) => e.directive(n, l));
   }
 };
 export {
-  Ca as AppAside,
-  za as AppHeader,
-  Ba as AppNav,
-  Sa as AppNotification,
-  Va as AppOverlay,
-  Ea as AppProgress,
-  Ia as BlockBreadcrumb,
-  Ta as BlockInfo,
-  La as BlockScan,
-  Ma as BlockService,
-  Aa as BlockStatus,
-  Da as BlockUpdate,
+  Sa as AppAside,
+  Va as AppHeader,
+  Ta as AppNav,
+  Ba as AppNotification,
+  Ea as AppOverlay,
+  La as AppProgress,
+  ja as BlockBreadcrumb,
+  Ma as BlockInfo,
+  Aa as BlockScan,
+  Da as BlockService,
+  Ia as BlockStatus,
+  Oa as BlockUpdate,
   ie as CardBase,
-  Oa as CardButton,
-  ja as CardDate,
-  Ha as CardDimmer,
-  Na as CardInfo,
-  Pa as CardInput,
-  Fa as CardList,
-  Gn as CardMain,
-  yl as CardNotification,
-  Ua as ItemEdit,
-  Ra as ScriptEditor,
-  Wa as ScriptViewDocs,
-  Ka as VAutocomplete,
+  Pa as CardButton,
+  Ha as CardDate,
+  Na as CardDimmer,
+  Fa as CardInfo,
+  Ra as CardInput,
+  Ua as CardList,
+  Gl as CardMain,
+  xn as CardNotification,
+  Ka as ItemEdit,
+  Wa as ScriptEditor,
+  qa as ScriptViewDocs,
+  Ga as VAutocomplete,
   A as VButton,
   ro as VCheckbox,
   Be as VDialog,
-  Ga as VDragDrop,
+  Xa as VDragDrop,
   be as VDropdown,
-  qa as VExpansion,
-  On as VFile,
+  Ja as VExpansion,
+  Ol as VFile,
   $e as VFunc,
   Se as VIconLogo,
   qe as VIconLogoMini,
@@ -3692,17 +3700,17 @@ export {
   Ve as VLoader,
   Xe as VPopup,
   te as VSelect,
-  Ja as VTable,
+  Ya as VTable,
   to as VTabs,
   J as VTextField,
-  Ze as VTextWrapper,
-  Xa as VTooltip,
+  Qe as VTextWrapper,
+  Za as VTooltip,
   Ye as VWifiIcon,
-  ei as dashboardCards,
-  Ya as default,
+  ni as dashboardCards,
+  Qa as default,
   dt as getDataValue,
-  ti as getFunction,
-  li as getParamsData,
-  ni as getStateItem,
-  si as setStateItem
+  li as getFunction,
+  si as getParamsData,
+  oi as getStateItem,
+  ai as setStateItem
 };