vuesp-components 2.1.6 → 2.1.8

package/dist/index.es.js

@@ -1,71 +1,71 @@
-import { getDataValue as ft } from "./dashboard/index.es.js";
-import { dashboardCards as ai, getFunction as ii, getParamsData as ri, getStateItem as ci, setStateItem as di } from "./dashboard/index.es.js";
-import { openBlock as f, createElementBlock as p, createStaticVNode as mt, createElementVNode as i, defineComponent as V, resolveComponent as Pe, Fragment as O, createCommentVNode as T, normalizeClass as B, createVNode as b, withCtx as y, createBlock as M, renderSlot as k, markRaw as F, computed as L, resolveDynamicComponent as de, mergeProps as P, shallowRef as Me, Teleport as Fe, Transition as ie, unref as E, withModifiers as N, normalizeStyle as Z, ref as D, resolveDirective as vt, withDirectives as Ce, renderList as K, createTextVNode as I, toDisplayString as _, TransitionGroup as Ke, watch as ue, normalizeProps as U, guardReactiveProps as R, withKeys as pt, createPropsRestProxy as ht, onMounted as fe, onUnmounted as Ue, reactive as gt, useTemplateRef as Re, vShow as bt, vModelText as yt, createSlots as xt } from "vue";
-import { u as We, a as kt, b as qe, c as Ge, d as ze, e as _t, f as $t, w as Ae, o as wt } from "./useSwipeDown-CZyt34x6.js";
-import { dateUtcToString as Ct, timeUtcToString as zt, findMenuItem as St, toByte as pe, secToTime as Vt, clone as Bt } from "./helpers/index.es.js";
-const Tt = {
-  mounted(e, t) {
-    e.clickOutsideEvent = function(l) {
-      e === l.target || e.contains(l.target) || t.value(l, e);
+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 { 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);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
   }
-}, Et = [{ name: "outside", directive: Tt }], ge = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [s, n] of t)
-    l[s] = n;
-  return l;
-}, Lt = {}, Mt = {
+}, Vt = [{ name: "outside", directive: St }], ge = (e, l) => {
+  const n = e.__vccOpts || e;
+  for (const [s, t] of l)
+    n[s] = t;
+  return n;
+}, Bt = {}, Et = {
   viewBox: "0 0 179 40",
   fill: "currentColor"
 };
-function At(e, t) {
-  return f(), p("svg", Mt, [...t[0] || (t[0] = [
-    mt('<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)
+function Tt(e, l) {
+  return f(), p("svg", Et, [...l[0] || (l[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)
   ])]);
 }
-const Se = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = {}, It = {
+const Se = /* @__PURE__ */ ge(Bt, [["render", Tt]]), Lt = {}, Mt = {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40",
   fill: "currentColor"
 };
-function Ot(e, t) {
-  return f(), p("svg", It, [...t[0] || (t[0] = [
-    i("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
-      i("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, 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" })
     ], -1)
   ])]);
 }
-const Je = /* @__PURE__ */ ge(Dt, [["render", Ot]]), jt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Ea = /* @__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" }, Ca = /* @__PURE__ */ V({
   __name: "AppAside",
   props: {
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(e, { emit: t }) {
-    const l = t, s = () => {
-      e.isSidebar && l("sidebar", !e.isSidebar);
+  setup(e, { emit: l }) {
+    const n = l, s = () => {
+      e.isSidebar && n("sidebar", !e.isSidebar);
     };
-    return (n, o) => {
-      const a = Pe("router-link");
+    return (t, a) => {
+      const r = He("router-link");
       return f(), p(O, null, [
         e.isSidebar ? (f(), p("div", {
           key: 0,
           class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
           onClick: s
-        })) : T("", !0),
-        i("aside", {
+        })) : E("", !0),
+        o("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"])
         }, [
-          i("div", {
+          o("div", {
             class: B([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
           }, [
-            b(a, { to: "/" }, {
+            b(r, { to: "/" }, {
               default: y(() => [
-                e.isSidebar ? (f(), M(Je, {
+                e.isSidebar ? (f(), M(qe, {
                   key: 0,
                   class: "h-[30px] text-primary"
                 })) : (f(), M(Se, {
@@ -76,99 +76,99 @@ const Je = /* @__PURE__ */ ge(Dt, [["render", Ot]]), jt = { class: "no-scrollbar
               _: 1
             })
           ], 2),
-          i("div", jt, [
-            k(n.$slots, "default")
+          o("div", Dt, [
+            $(t.$slots, "default")
           ])
         ], 2)
       ], 64);
     };
   }
-}), Ht = {
+}), It = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Nt(e, t) {
-  return f(), p("svg", Ht, [...t[0] || (t[0] = [
-    i("path", {
+function Ot(e, l) {
+  return f(), p("svg", It, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5m15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5m-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5s1.5-.675 1.5-1.5s-.675-1.5-1.5-1.5"
     }, null, -1)
   ])]);
 }
-const Xe = F({ name: "ri-more-line", render: Nt }), Pt = {
+const Ge = F({ name: "ri-more-line", render: Ot }), jt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ft(e, t) {
-  return f(), p("svg", Pt, [...t[0] || (t[0] = [
-    i("path", {
+function Ht(e, l) {
+  return f(), p("svg", jt, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M4 18h2v2h12V4H6v2H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm2-7h7v2H6v3l-5-4l5-4z"
     }, null, -1)
   ])]);
 }
-const Kt = F({ name: "ri-logout-box-line", render: Ft }), Ut = {
+const Nt = F({ name: "ri-logout-box-line", render: Ht }), Pt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Rt(e, t) {
-  return f(), p("svg", Ut, [...t[0] || (t[0] = [
-    i("path", {
+function Ft(e, l) {
+  return f(), p("svg", Pt, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M5 18h14v-6.969C19 7.148 15.866 4 12 4s-7 3.148-7 7.031zm7-16c4.97 0 9 4.043 9 9.031V20H3v-8.969C3 6.043 7.03 2 12 2M9.5 21h5a2.5 2.5 0 0 1-5 0"
     }, null, -1)
   ])]);
 }
-const Ye = F({ name: "ri-notification-line", render: Rt }), Wt = {
+const Je = F({ name: "ri-notification-line", render: Ft }), Ut = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function qt(e, t) {
-  return f(), p("svg", Wt, [...t[0] || (t[0] = [
-    i("path", {
+function Rt(e, l) {
+  return f(), p("svg", Ut, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12"
     }, null, -1)
   ])]);
 }
-const Gt = F({ name: "ri-moon-line", render: qt }), Jt = {
+const Wt = F({ name: "ri-moon-line", render: Rt }), Kt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Xt(e, t) {
-  return f(), p("svg", Jt, [...t[0] || (t[0] = [
-    i("path", {
+function qt(e, l) {
+  return f(), p("svg", Kt, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z"
     }, null, -1)
   ])]);
 }
-const Yt = F({ name: "ri-sun-line", render: Xt }), Qt = {
+const Gt = F({ name: "ri-sun-line", render: qt }), Jt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Zt(e, t) {
-  return f(), p("svg", Qt, [...t[0] || (t[0] = [
-    i("path", {
+function Xt(e, l) {
+  return f(), p("svg", Jt, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z"
     }, null, -1)
   ])]);
 }
-const en = F({ name: "ri-menu-line", render: Zt }), tn = {}, nn = {
+const Yt = F({ name: "ri-menu-line", render: Xt }), Qt = {}, Zt = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function ln(e, t) {
-  return f(), p("svg", nn, [...t[0] || (t[0] = [
-    i("circle", {
+function el(e, l) {
+  return f(), p("svg", Zt, [...l[0] || (l[0] = [
+    o("circle", {
       class: "opacity-25",
       cx: "12",
       cy: "12",
@@ -176,14 +176,14 @@ function ln(e, t) {
       stroke: "currentColor",
       "stroke-width": "2"
     }, null, -1),
-    i("path", {
+    o("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(tn, [["render", ln]]), sn = "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(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({
   __name: "VButton",
   props: {
     outline: { type: Boolean, default: !1 },
@@ -195,17 +195,17 @@ const Ve = /* @__PURE__ */ ge(tn, [["render", ln]]), sn = "relative flex justify
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const l = t, s = (C) => l("click", C), n = 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", a = 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: n, red: o, gray: a, blue: d, transparent: u }, c = {
+  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 = {
       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(() => [sn, $(e.color), x(e.type), h(e.type, e.size)]), g = L(() => e.href || e.to ? "router-link" : "button"), h = (C, z) => {
+    }, 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) => {
       var j;
       return ((j = m[C]) == null ? void 0 : j[z]) || "";
-    }, x = (C) => (c == null ? void 0 : c[C]) || "", $ = (C) => r == null ? void 0 : r[C];
+    }, 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, {
       href: e.href,
       to: e.to,
@@ -213,44 +213,44 @@ const Ve = /* @__PURE__ */ ge(tn, [["render", ln]]), sn = "relative flex justify
       onClick: s
     }), {
       default: y(() => [
-        i("span", {
+        o("span", {
           class: B(e.loading ? "opacity-0" : "")
         }, [
-          k(C.$slots, "default")
+          $(C.$slots, "default")
         ], 2),
         e.loading ? (f(), M(Ve, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
-        })) : T("", !0)
+        })) : E("", !0)
       ]),
       _: 3
     }, 16, ["href", "to", "class"]));
   }
-}), on = {
+}), ll = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function an(e, t) {
-  return f(), p("svg", on, [...t[0] || (t[0] = [
-    i("path", {
+function nl(e, l) {
+  return f(), p("svg", ll, [...l[0] || (l[0] = [
+    o("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 ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-center absolute right-3 top-5 z-10" }, Qe = /* @__PURE__ */ V({
+const le = F({ name: "ri-close-line", render: nl }), sl = { 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: t }) {
-    const l = t, { show: s, overlay: n, onClose: o, onOpen: a } = We(l), d = Me(null), u = Me(null), { opacity: r, transform: c } = kt(d, u, o), g = { click: ($) => {
-      l("click", $);
-    }, open: a, set: ($) => {
-      $ ? a() : o(new Event("hide"));
+  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"));
     } }, h = L(() => ({
       auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
@@ -260,10 +260,10 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
       full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
       screen: "h-[calc(100dvh-16px)]"
     }));
-    return ($, C) => {
-      const z = ne, j = A;
-      return f(), M(Fe, { to: "body" }, [
-        b(ie, {
+    return (_, C) => {
+      const z = le, j = A;
+      return f(), M(Ne, { to: "body" }, [
+        b(ae, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -272,28 +272,28 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: y(() => [
-            E(s) ? (f(), p("div", {
+            T(s) ? (f(), p("div", {
               key: 0,
               ref_key: "container",
               ref: u,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              E(n) ? (f(), p("div", {
+              T(t) ? (f(), p("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: E(r) }),
+                style: Z({ opacity: T(i) }),
                 onClick: C[0] || (C[0] = //@ts-ignore
-                (...X) => E(o) && E(o)(...X)),
+                (...X) => T(a) && T(a)(...X)),
                 onWheel: C[1] || (C[1] = N(() => {
                 }, ["prevent"])),
                 onTouchmove: C[2] || (C[2] = N(() => {
                 }, ["prevent"]))
-              }, null, 36)) : T("", !0),
-              i("div", {
+              }, null, 36)) : E("", !0),
+              o("div", {
                 class: B(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
-                style: Z({ transform: E(c) })
+                style: Z({ transform: T(c) })
               }, [
-                i("div", {
+                o("div", {
                   ref_key: "target",
                   ref: d,
                   class: "flex justify-center py-3 md:pb-6",
@@ -302,17 +302,17 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
                   onTouchmove: C[4] || (C[4] = N(() => {
                   }, ["prevent"]))
                 }, [...C[5] || (C[5] = [
-                  i("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
+                  o("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
                 ])], 544),
-                i("div", rn, [
-                  k($.$slots, "button", { close: E(o) }),
+                o("div", sl, [
+                  $(_.$slots, "button", { close: T(a) }),
                   b(j, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: E(o)
+                    onClick: T(a)
                   }, {
                     default: y(() => [
                       b(z, { class: "size-5" })
@@ -320,23 +320,23 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
                     _: 1
                   }, 8, ["onClick"])
                 ]),
-                i("div", {
+                o("div", {
                   class: B(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", x.value[e.size]])
                 }, [
-                  k($.$slots, "default", {
-                    close: E(o),
+                  $(_.$slots, "default", {
+                    close: T(a),
                     on: g
                   })
                 ], 2)
               ], 6)
-            ], 512)) : T("", !0)
+            ], 512)) : E("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), cn = { class: "relative" }, dn = { class: "flex items-center cursor-pointer" }, be = /* @__PURE__ */ V({
+}), ol = { class: "relative" }, al = { class: "flex items-center cursor-pointer" }, be = /* @__PURE__ */ V({
   __name: "VDropdown",
   props: {
     title: { default: "" },
@@ -350,30 +350,30 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
     isPopup: { type: Boolean }
   },
   emits: ["click", "show", "close"],
-  setup(e, { emit: t }) {
-    const l = t, n = qe(Ge).greaterOrEqual("lg"), o = D(!1), a = L(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), d = (h) => {
-      n.value && o.value && c(h);
+  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);
     }, u = (h) => {
-      l("click", o.value), !e.disabled && (o.value ? e.hideOnClick && c(h) : r(h));
-    }, r = (h) => {
-      o.value = !0, l("show", h);
+      n("click", a.value), !e.disabled && (a.value ? e.hideOnClick && c(h) : i(h));
+    }, i = (h) => {
+      a.value = !0, n("show", h);
     }, c = (h) => {
-      o.value = !1, l("close", h);
+      a.value = !1, n("close", h);
     }, m = (h) => {
-      h ? r(new Event("show")) : c(new Event("hide"));
+      h ? i(new Event("show")) : c(new Event("hide"));
     }, v = () => {
       c(new Event("hide"));
-    }, g = { click: u, open: r, set: m };
+    }, g = { click: u, open: i, set: m };
     return (h, x) => {
-      const $ = vt("outside");
-      return Ce((f(), p("div", cn, [
-        i("div", dn, [
-          k(h.$slots, "activator", {
+      const _ = ft("outside");
+      return Ce((f(), p("div", ol, [
+        o("div", al, [
+          $(h.$slots, "activator", {
             on: g,
-            isShow: o.value
+            isShow: a.value
           })
         ]),
-        E(n) ? (f(), M(ie, {
+        T(t) ? (f(), M(ae, {
           key: 0,
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -383,94 +383,94 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
           default: y(() => [
-            o.value ? (f(), p("div", {
+            a.value ? (f(), p("div", {
               key: 0,
               class: "z-30 min-w-full absolute",
-              style: Z(a.value)
+              style: Z(r.value)
             }, [
-              k(h.$slots, "default", {
+              $(h.$slots, "default", {
                 on: g,
-                show: r,
+                show: i,
                 hide: c,
-                isShow: o.value
+                isShow: a.value
               })
-            ], 4)) : T("", !0)
+            ], 4)) : E("", !0)
           ]),
           _: 3
-        })) : T("", !0),
-        !E(n) && o.value ? (f(), M(Qe, {
+        })) : E("", !0),
+        !T(t) && a.value ? (f(), M(Xe, {
           key: 1,
           title: e.title,
           onClose: v
         }, {
           default: y(({ on: C }) => [
-            k(h.$slots, "default", {
+            $(h.$slots, "default", {
               on: C,
-              show: r,
+              show: i,
               hide: c,
-              isShow: o.value
+              isShow: a.value
             })
           ]),
           _: 3
-        }, 8, ["title"])) : T("", !0)
+        }, 8, ["title"])) : E("", !0)
       ])), [
-        [$, d]
+        [_, d]
       ]);
     };
   }
-}), un = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, fn = ["onClick"], me = /* @__PURE__ */ V({
+}), il = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, rl = ["onClick"], me = /* @__PURE__ */ V({
   __name: "VList",
   props: {
     items: {}
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const l = t, s = (n, o) => l("click", n, o);
-    return (n, o) => (f(), p("ul", un, [
-      (f(!0), p(O, null, K(e.items, (a) => (f(), p("li", {
-        key: a.name,
+  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,
         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(a, d)
+        onClick: (d) => s(r, d)
       }, [
-        k(n.$slots, "default", { item: a }, () => [
-          I(_(a.name), 1)
+        $(t.$slots, "default", { item: r }, () => [
+          I(k(r.name), 1)
         ])
-      ], 8, fn))), 128))
+      ], 8, rl))), 128))
     ]));
   }
-}), mn = { 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" }, vn = { class: "px-4 py-4 sm:px-6 lg:px-8" }, pn = { class: "container mx-auto flex flex-auto items-center" }, hn = { class: "lg:hidden h-[30px]" }, gn = { class: "gap-4 hidden lg:flex" }, bn = { class: "lg:hidden flex gap-4" }, yn = { class: "ms-2" }, La = /* @__PURE__ */ V({
+}), 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({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function },
     notifications: {}
   },
   emits: ["sidebar", "notif"],
-  setup(e, { emit: t }) {
-    const l = t, s = [
+  setup(e, { emit: l }) {
+    const n = l, s = [
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], n = L(() => !!e.notifications.find((c) => c.isNew)), o = (c) => l("sidebar", c), a = (c) => l("notif", c), d = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), u = () => {
+    ], 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 = () => {
       e.changeTheme && e.changeTheme();
-    }, r = ({ value: c }, m) => {
-      c == 1 && u(), c == 2 && a(m), c == 3 && d();
+    }, i = ({ value: c }, m) => {
+      c == 1 && u(), c == 2 && r(m), c == 3 && d();
     };
     return (c, m) => {
-      const v = en, g = Pe("router-link"), h = Yt, x = Gt, $ = Ye, C = Kt, z = Xe;
-      return f(), p("header", mn, [
-        i("div", vn, [
-          i("div", pn, [
+      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, [
             b(A, {
               type: "icon",
-              onClick: o
+              onClick: a
             }, {
               default: y(() => [
                 b(v, { class: "size-5" })
               ]),
               _: 1
             }),
-            m[1] || (m[1] = i("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            i("div", hn, [
+            m[1] || (m[1] = o("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            o("div", fl, [
               b(g, { to: "/" }, {
                 default: y(() => [
                   b(Se, { class: "h-[30px] text-primary" })
@@ -478,8 +478,8 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
                 _: 1
               })
             ]),
-            m[2] || (m[2] = i("div", { class: "flex-auto" }, null, -1)),
-            i("div", gn, [
+            m[2] || (m[2] = o("div", { class: "flex-auto" }, null, -1)),
+            o("div", ml, [
               b(A, {
                 type: "icon",
                 onClick: u
@@ -492,15 +492,15 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
               }),
               b(A, {
                 type: "icon",
-                onClick: a
+                onClick: r
               }, {
                 default: y(() => [
-                  i("span", {
-                    class: B([n.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+                  o("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] = [
-                    i("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+                    o("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" })
+                  b(_, { class: "size-5" })
                 ]),
                 _: 1
               }),
@@ -514,7 +514,7 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
                 _: 1
               })
             ]),
-            i("div", bn, [
+            o("div", vl, [
               b(be, {
                 left: "unset",
                 right: "0",
@@ -535,10 +535,10 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
                 default: y(() => [
                   b(me, {
                     items: s,
-                    onClick: r
+                    onClick: i
                   }, {
                     default: y(({ item: j }) => [
-                      i("span", yn, _(j.name), 1)
+                      o("span", pl, k(j.name), 1)
                     ]),
                     _: 1
                   })
@@ -551,7 +551,7 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
       ]);
     };
   }
-}), xn = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, kn = { class: "flex-auto text-xs" }, _n = { class: "text-gray-500 dark:text-gray-400 mt-1" }, $n = /* @__PURE__ */ V({
+}), 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({
   __name: "CardNotification",
   props: {
     empty: {},
@@ -563,13 +563,13 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
     text: {}
   },
   emits: ["remove", "read"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], o = (u) => n[u], a = (u) => s("remove", u), d = (u) => s("read", u);
-    return (u, r) => {
-      const c = Ye, m = ne;
-      return f(), p("div", xn, [
-        i("div", {
-          class: B(["absolute left-0 top-0 w-[3px] h-full", o(l.color)])
+  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)])
         }, null, 2),
         b(A, {
           class: "shrink-0",
@@ -577,24 +577,24 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
           onClick: d
         }, {
           default: y(() => [
-            i("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] = [
-              i("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+            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)
             ])], 2),
             b(c, { class: "size-5" })
           ]),
           _: 1
         }),
-        i("div", kn, [
-          i("div", null, _(l.text), 1),
-          i("div", _n, _(E(Ct)(l.date)) + " (" + _(E(zt)(l.date)) + ")", 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)
         ]),
         b(A, {
           class: "shrink-0",
           type: "icon",
           size: "sm",
-          onClick: a
+          onClick: r
         }, {
           default: y(() => [
             b(m, { class: "size-4" })
@@ -604,31 +604,31 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
       ]);
     };
   }
-}), wn = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Cn = {
+}), xl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, $l = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
-}, Ma = /* @__PURE__ */ V({
+}, Sa = /* @__PURE__ */ V({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
     notifications: {}
   },
   emits: ["close", "remove", "read"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = L(() => !!l.notifications.find((r) => r.isNew)), o = L(() => !!l.notifications.length), a = (r) => s("close", r), d = (r) => s("remove", r), u = (r) => s("read", r);
-    return (r, c) => (f(), p(O, null, [
-      l.value ? (f(), p("div", {
+  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", {
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
-        onClick: a
-      })) : T("", !0),
-      i("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"])
+        onClick: r
+      })) : 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"])
       }, [
-        i("div", wn, [
-          k(r.$slots, "header", { isNew: n.value }),
-          o.value ? (f(), p("div", Cn, [
-            b(Ke, {
+        o("div", xl, [
+          $(i.$slots, "header", { isNew: t.value }),
+          a.value ? (f(), p("div", $l, [
+            b(Pe, {
               "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,12 +637,12 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
               default: y(() => [
-                (f(!0), p(O, null, K(l.notifications, (m) => (f(), p("div", {
+                (f(!0), p(O, null, U(n.notifications, (m) => (f(), p("div", {
                   key: m.date,
                   class: "relative"
                 }, [
-                  k(r.$slots, "card", { item: m }, () => [
-                    b($n, P({ ref_for: !0 }, m, {
+                  $(i.$slots, "card", { item: m }, () => [
+                    b(yl, P({ ref_for: !0 }, m, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
                       onRemove: (v) => d(m),
                       onRead: (v) => u(m)
@@ -652,34 +652,34 @@ const ne = F({ name: "ri-close-line", render: an }), rn = { class: "flex items-c
               ]),
               _: 3
             })
-          ])) : k(r.$slots, "empty", {}, void 0, void 0, 1)
+          ])) : $(i.$slots, "empty", {}, void 0, void 0, 1)
         ])
       ], 2)
     ], 64));
   }
-}), zn = {}, Sn = { class: "fixed h-full w-full top-0 left-0 z-20" }, Vn = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Bn(e, t) {
-  return f(), p("div", Sn, [
-    t[0] || (t[0] = i("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
-    i("div", Vn, [
-      k(e.$slots, "default")
+}), 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, [
+      $(e.$slots, "default")
     ])
   ]);
 }
-const Aa = /* @__PURE__ */ ge(zn, [["render", Bn]]), Tn = {
+const Va = /* @__PURE__ */ ge(kl, [["render", Cl]]), zl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function En(e, t) {
-  return f(), p("svg", Tn, [...t[0] || (t[0] = [
-    i("path", {
+function Sl(e, l) {
+  return f(), p("svg", zl, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z"
     }, null, -1)
   ])]);
 }
-const Ln = F({ name: "ri-arrow-right-s-line", render: En }), Mn = { class: "mb-4 flex flex-col gap-2" }, An = { class: "size-6 flex-[0_0_24px] opacity-60" }, Dn = ["onClick"], In = { class: "flex flex-col gap-2" }, On = { class: "flex gap-2 ms-8" }, jn = { class: "size-5 flex-[0_0_24px]" }, Hn = { class: "flex-1 first-letter:uppercase text-sm" }, Da = /* @__PURE__ */ V({
+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({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -687,85 +687,85 @@ const Ln = F({ name: "ri-arrow-right-s-line", render: En }), Mn = { class: "mb-4
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(e, { emit: t }) {
-    const l = t, s = D(""), n = ({ name: a }) => {
-      e.isSidebar && l("sidebar", !e.isSidebar), s.value !== a && (s.value = s.value === a ? "" : a);
-    }, o = (a) => e.fullPath === a;
+  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;
     return ue(
       () => e.menu,
       () => {
-        var a;
-        return s.value = ((a = St(e.menu, e.fullPath)) == null ? void 0 : a.name) || "";
+        var r;
+        return s.value = ((r = wt(e.menu, e.fullPath)) == null ? void 0 : r.name) || "";
       }
-    ), (a, d) => {
-      const u = Ln;
+    ), (r, d) => {
+      const u = Vl;
       return f(), p("nav", null, [
-        i("ul", Mn, [
-          (f(!0), p(O, null, K(e.menu, (r) => (f(), p("li", {
-            key: r.name
+        o("ul", Bl, [
+          (f(!0), p(O, null, U(e.menu, (i) => (f(), p("li", {
+            key: i.name
           }, [
-            (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: N((c) => n(r), ["prevent", "stop"])
+            (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"])
             }, {
               default: y(() => [
-                i("div", An, [
-                  k(a.$slots, "icon", { item: r })
+                o("div", El, [
+                  $(r.$slots, "icon", { item: i })
                 ]),
-                i("span", {
+                o("span", {
                   class: B(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, _(r.name), 3),
-                i("button", {
+                }, k(i.name), 3),
+                o("button", {
                   class: B(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: N((c) => n(r), ["prevent", "stop"])
+                  onClick: N((c) => t(i), ["prevent", "stop"])
                 }, [
-                  r.children ? (f(), M(u, { key: 0 })) : T("", !0)
-                ], 10, Dn)
+                  i.children ? (f(), M(u, { key: 0 })) : E("", !0)
+                ], 10, Tl)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
-            r.children ? (f(), p("div", {
+            i.children ? (f(), p("div", {
               key: 0,
-              class: B(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === r.name ? "block" : "hidden"]])
+              class: B(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === i.name ? "block" : "hidden"]])
             }, [
-              i("ul", In, [
-                (f(!0), p(O, null, K(r.children, ({ name: c, path: m, icon: v }) => (f(), p("li", { key: c }, [
+              o("ul", Ll, [
+                (f(!0), p(O, null, U(i.children, ({ name: c, path: m, icon: v }) => (f(), p("li", { key: c }, [
                   (f(), M(de(m ? "router-link" : "span"), {
                     to: m,
-                    class: B(["flex gap-2 items-center px-3 py-2 rounded", o(m) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+                    class: B(["flex gap-2 items-center px-3 py-2 rounded", a(m) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
                   }, {
                     default: y(() => [
-                      i("div", On, [
-                        i("div", jn, [
-                          k(a.$slots, "icon-children", {
+                      o("div", Ml, [
+                        o("div", Al, [
+                          $(r.$slots, "icon-children", {
                             item: { name: c, path: m, icon: v }
                           })
                         ]),
-                        i("span", Hn, _(c), 1)
+                        o("span", Dl, k(c), 1)
                       ])
                     ]),
                     _: 2
                   }, 1032, ["to", "class"]))
                 ]))), 128))
               ])
-            ], 2)) : T("", !0)
+            ], 2)) : E("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), Nn = {
+}), Il = {
   key: 0,
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded shadow-lg dark:bg-gray-800",
   role: "alert"
-}, Pn = { class: "flex items-center gap-4 text-sm" }, Fn = {
+}, Ol = { class: "flex items-center gap-4 text-sm" }, jl = {
   key: 0,
   class: "text-green-600"
-}, Kn = {
+}, Hl = {
   key: 1,
   class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-900/50 select-none mt-2"
-}, Un = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Rn = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Ia = /* @__PURE__ */ V({
+}, 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({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -776,17 +776,17 @@ const Ln = F({ name: "ri-arrow-right-s-line", render: En }), Mn = { class: "mb-4
     length: { default: 0 }
   },
   setup(e) {
-    const t = D(!1), l = L(() => !!e.length), s = L(() => !!(l.value && n.value === 100 && !e.status)), n = L(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), o = ze(() => {
-      t.value = !1;
+    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;
     }, e.timeout);
     return ue(
       () => [e.size, e.status],
       () => {
-        t.value = !0, o();
+        l.value = !0, a();
       }
-    ), (a, d) => {
-      const u = ne;
-      return f(), M(ie, {
+    ), (r, d) => {
+      const u = le;
+      return f(), M(ae, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 translate-x-full",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -795,40 +795,40 @@ const Ln = F({ name: "ri-arrow-right-s-line", render: En }), Mn = { class: "mb-4
         "leave-to-class": "transform opacity-0 -translate-y-8"
       }, {
         default: y(() => [
-          t.value ? (f(), p("div", Nn, [
-            i("div", Pn, [
-              k(a.$slots, "default", { isDone: s.value }, () => [
-                d[1] || (d[1] = i("div", { class: "flex-auto" }, "Progress...", -1)),
-                s.value ? (f(), p("span", Fn, "Done")) : T("", !0)
+          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)
               ]),
-              i("button", {
+              o("button", {
                 class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
-                onClick: d[0] || (d[0] = (r) => t.value = !1)
+                onClick: d[0] || (d[0] = (i) => l.value = !1)
               }, [
                 b(u, { class: "size-4" })
               ])
             ]),
-            l.value ? (f(), p("div", {
+            n.value ? (f(), p("div", {
               key: 0,
               class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
-              style: Z(`width: ${n.value}%`)
-            }, null, 4)) : T("", !0),
-            l.value ? (f(), p("div", Kn, [
-              i("div", Un, _(n.value) + "%", 1),
-              i("div", {
+              style: Z(`width: ${t.value}%`)
+            }, null, 4)) : E("", !0),
+            n.value ? (f(), p("div", Hl, [
+              o("div", Nl, k(t.value) + "%", 1),
+              o("div", {
                 class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-                style: Z(`width: ${n.value}%`)
+                style: Z(`width: ${t.value}%`)
               }, [
-                i("div", Rn, _(n.value) + "%", 1)
+                o("div", Pl, k(t.value) + "%", 1)
               ], 4)
-            ])) : T("", !0)
-          ])) : T("", !0)
+            ])) : E("", !0)
+          ])) : E("", !0)
         ]),
         _: 3
       });
     };
   }
-}), Wn = { class: "my-4 text-gray-700 dark:text-gray-400" }, qn = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Gn = { class: "flex gap-2" }, Jn = { class: "text-gray-700 dark:text-gray-400" }, Xn = { class: "flex gap-2" }, Yn = { class: "flex gap-2" }, Qn = { class: "text-gray-700 dark:text-gray-400" }, Zn = { class: "flex gap-2" }, el = { class: "text-gray-700 dark:text-gray-400" }, tl = { class: "flex flex-col gap-4 text-sm" }, nl = { class: "flex gap-4" }, Oa = /* @__PURE__ */ V({
+}), 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({
   __name: "BlockInfo",
   props: {
     pkg: {},
@@ -842,103 +842,103 @@ const Ln = F({ name: "ri-arrow-right-s-line", render: En }), Mn = { class: "mb-4
     board: {}
   },
   setup(e) {
-    const t = L(() => e.firmware.join(".")), l = L(() => {
-      var n, o, a, d, u, r, c;
+    const l = L(() => e.firmware.join(".")), n = L(() => {
+      var t, a, r, d, u, i, c;
       const s = [];
-      return (n = e.pkg) != null && n.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (a = (o = e.pkg) == null ? void 0 : o.repository) != null && a.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 (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 (s, n) => {
-      var o, a;
+    return (s, t) => {
+      var a, r;
       return f(), p("div", null, [
-        i("p", Wn, _((o = e.pkg) == null ? void 0 : o.description), 1),
-        i("div", qn, [
-          i("div", Gn, [
-            n[0] || (n[0] = I(" Firmware (hw): ", -1)),
-            i("span", Jn, _(t.value), 1)
+        o("p", Fl, k((a = e.pkg) == null ? void 0 : a.description), 1),
+        o("div", Ul, [
+          o("div", Rl, [
+            t[0] || (t[0] = I(" Firmware (hw): ", -1)),
+            o("span", Wl, k(l.value), 1)
           ]),
-          i("div", Xn, [
-            i("div", Yn, [
-              n[1] || (n[1] = I(" Version (web): ", -1)),
-              i("span", Qn, _((a = e.pkg) == null ? void 0 : a.version), 1)
+          o("div", Kl, [
+            o("div", ql, [
+              t[1] || (t[1] = I(" Version (web): ", -1)),
+              o("span", Gl, k((r = e.pkg) == null ? void 0 : r.version), 1)
             ])
           ]),
-          n[3] || (n[3] = i("div", { class: "flex-auto" }, null, -1)),
-          i("div", Zn, [
-            n[2] || (n[2] = I(" ID: ", -1)),
-            i("span", el, _(e.id.toString(16)), 1)
+          t[3] || (t[3] = o("div", { class: "flex-auto" }, null, -1)),
+          o("div", Jl, [
+            t[2] || (t[2] = I(" ID: ", -1)),
+            o("span", Xl, k(e.id.toString(16)), 1)
           ])
         ]),
-        n[4] || (n[4] = i("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
-        i("div", tl, [
-          i("div", nl, [
-            k(s.$slots, "links", { links: l.value })
+        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 })
           ])
         ])
       ]);
     };
   }
-}), ll = { class: "relative flex items-end gap-0.5 w-10" }, sl = ["title"], ol = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ze = /* @__PURE__ */ V({
+}), 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({
   __name: "VWifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
   setup(e) {
-    const t = 2 * (e.rssi + 100), l = (s) => s < t;
-    return (s, n) => (f(), p("div", ll, [
-      (f(), p(O, null, K([10, 15, 25, 40, 70], (o, a) => i("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: Z(`height: ${(a + 1) * 5}px`),
+    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`),
         title: `rssi: ${e.rssi} channel: ${e.channel}`
-      }, null, 14, sl)), 64)),
-      i("div", ol, _(e.channel), 1)
+      }, null, 14, en)), 64)),
+      o("div", tn, k(e.channel), 1)
     ]));
   }
-}), al = ["onClick"], il = { class: "mr-2" }, rl = { class: "text-sm" }, cl = { class: "text-gray-400 text-xs" }, dl = {
+}), ln = ["onClick"], nn = { class: "mr-2" }, sn = { class: "text-sm" }, on = { class: "text-gray-400 text-xs" }, an = {
   key: 0,
   class: "flex justify-center"
-}, ul = { class: "flex justify-end mt-4" }, ja = /* @__PURE__ */ V({
+}, rn = { class: "flex justify-end mt-4" }, La = /* @__PURE__ */ V({
   __name: "BlockScan",
   props: {
     items: { default: () => [] }
   },
   emits: ["scan", "select"],
-  setup(e, { emit: t }) {
-    const l = t, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], n = (a) => l("select", a), o = (a) => l("scan", a);
-    return (a, d) => {
-      const u = Ze, r = me, c = Ve, m = A;
+  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(r, {
+        b(i, {
           items: e.items,
           class: "bg-transparent! ring-0!"
         }, {
           default: y(({ item: v }) => [
-            i("div", {
+            o("div", {
               class: "flex items-center w-full",
-              onClick: (g) => n(v)
+              onClick: (g) => t(v)
             }, [
-              i("div", il, [
-                b(u, U(R(v)), null, 16)
+              o("div", nn, [
+                b(u, R(W(v)), null, 16)
               ]),
-              i("div", null, [
-                i("div", rl, _(v.ssid), 1),
-                i("div", cl, _(a.$t("security")) + " : " + _(s[v.encryptionType] || "unknown"), 1)
+              o("div", null, [
+                o("div", sn, k(v.ssid), 1),
+                o("div", on, k(r.$t("security")) + " : " + k(s[v.encryptionType] || "unknown"), 1)
               ])
-            ], 8, al)
+            ], 8, ln)
           ]),
           _: 1
         }, 8, ["items"]),
-        e.items.length ? T("", !0) : (f(), p("div", dl, [
+        e.items.length ? E("", !0) : (f(), p("div", an, [
           b(c, { class: "text-primary" })
         ])),
-        i("div", ul, [
+        o("div", rn, [
           b(m, {
             color: "blue",
-            onClick: o
+            onClick: a
           }, {
             default: y(() => [
-              I(_(a.$t("scan")), 1)
+              I(k(r.$t("scan")), 1)
             ]),
             _: 1
           })
@@ -946,23 +946,23 @@ const Ln = F({ name: "ri-arrow-right-s-line", render: En }), Mn = { class: "mb-4
       ]);
     };
   }
-}), fl = {
+}), cn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ml(e, t) {
-  return f(), p("svg", fl, [...t[0] || (t[0] = [
-    i("path", {
+function dn(e, l) {
+  return f(), p("svg", cn, [...l[0] || (l[0] = [
+    o("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 vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full relative" }, hl = ["disabled"], gl = {
+const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full relative" }, mn = ["disabled"], vn = {
   key: 0,
   class: "text-red-400 h-[24px] px-2 text-xs"
-}, bl = "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({
+}, 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({
   __name: "VTextField",
   props: {
     modelValue: { default: null },
@@ -976,62 +976,62 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
     hideMessage: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
-  setup(e, { emit: t }) {
-    const l = t, s = {
+  setup(e, { emit: l }) {
+    const n = l, 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"
-    }, n = D(!1), o = L(() => [
+    }, t = D(!1), a = 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"
-    ]), a = L(() => s[e.component]), d = ($) => $ || $ === 0, u = L(() => [bl, n.value || d(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = L(() => e.component === "input"), c = ($) => {
-      n.value = !1, l("blur", $);
-    }, m = ($) => {
-      n.value = !0, l("focus", $);
-    }, v = ({ target: $ }) => l("update:modelValue", $.value), g = ($) => l("enter", $), h = ($) => l("click", $), x = ($) => {
-      e.disabled || l("on-icon", $);
+    ]), 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", _);
+    }, m = (_) => {
+      t.value = !0, n("focus", _);
+    }, v = ({ target: _ }) => n("update:modelValue", _.value), g = (_) => n("enter", _), h = (_) => n("click", _), x = (_) => {
+      e.disabled || n("on-icon", _);
     };
-    return ($, C) => (f(), p("div", pl, [
-      i("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])
+    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])
       }, [
-        i("span", {
+        o("span", {
           class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
-        }, _(e.label), 3),
-        (f(), M(de(e.component), P($.$attrs, {
+        }, k(e.label), 3),
+        (f(), M(de(e.component), P(_.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
           readonly: e.readonly,
-          rows: r.value ? null : "2",
-          wrap: r.value ? null : "soft",
-          class: a.value,
+          rows: i.value ? null : "2",
+          wrap: i.value ? null : "soft",
+          class: r.value,
           onFocus: m,
           onBlur: c,
           onInput: v,
           onClick: h,
-          onKeypress: pt(g, ["enter"])
+          onKeypress: mt(g, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        $.$slots.icon ? (f(), p("button", {
+        _.$slots.icon ? (f(), p("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
         }, [
-          k($.$slots, "icon")
-        ], 10, hl)) : T("", !0)
+          $(_.$slots, "icon")
+        ], 10, mn)) : E("", !0)
       ], 2),
-      e.hideMessage ? T("", !0) : (f(), p("div", gl, [
-        k($.$slots, "message", {}, () => [
-          I(_(e.message), 1)
+      e.hideMessage ? E("", !0) : (f(), p("div", vn, [
+        $(_.$slots, "message", {}, () => [
+          I(k(e.message), 1)
         ])
       ]))
     ]));
   }
-}), yl = { 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" }, xl = {
+}), 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 = {
   key: 0,
   class: "lg:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
-}, kl = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, te = /* @__PURE__ */ V({
+}, bn = { 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 vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
     isPopup: { type: Boolean }
   },
   emits: ["change"],
-  setup(e, { emit: t }) {
-    const l = ht(e, ["modelValue", "label", "items", "disabled"]), s = t;
-    function n(o, a) {
-      s("change", o), a == null || a.set(!1);
+  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);
     }
-    return (o, a) => {
-      const d = vl;
-      return f(), M(be, P(l, {
+    return (a, r) => {
+      const d = un;
+      return f(), M(be, P(n, {
         "hide-on-click": !1,
         class: "relative"
       }), {
-        activator: y(({ on: u, isShow: r }) => [
-          k(o.$slots, "activator", U(R({ on: u, isShow: r })), () => [
+        activator: y(({ on: u, isShow: i }) => [
+          $(a.$slots, "activator", R(W({ on: u, isShow: i })), () => [
             b(J, {
               "model-value": e.modelValue,
               disabled: e.disabled,
@@ -1074,7 +1074,7 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
             }, {
               icon: y(() => [
                 b(d, {
-                  class: B(["transition duration-300", r ? "rotate-x-180" : ""])
+                  class: B(["transition duration-300", i ? "rotate-x-180" : ""])
                 }, null, 8, ["class"])
               ]),
               _: 2
@@ -1082,16 +1082,16 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
           ])
         ]),
         default: y(({ on: u }) => [
-          i("div", yl, [
-            e.label ? (f(), p("h4", xl, _(e.label), 1)) : T("", !0),
-            i("div", kl, [
+          o("div", hn, [
+            e.label ? (f(), p("h4", gn, k(e.label), 1)) : E("", !0),
+            o("div", bn, [
               b(me, {
                 items: e.items,
-                onClick: (r) => n(r, u)
+                onClick: (i) => t(i, u)
               }, {
-                default: y(({ item: r }) => [
-                  k(o.$slots, "item", { item: r }, () => [
-                    I(_(r.name), 1)
+                default: y(({ item: i }) => [
+                  $(a.$slots, "item", { item: i }, () => [
+                    I(k(i.name), 1)
                   ])
                 ]),
                 _: 3
@@ -1103,55 +1103,55 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
       }, 16);
     };
   }
-}), _l = { class: "md:flex items-center mb-4" }, $l = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, wl = { class: "md:max-w-50" }, Cl = { class: "flex items-center mb-4" }, zl = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Sl = { class: "flex items-center mb-4" }, Vl = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Ha = /* @__PURE__ */ V({
+}), 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({
   __name: "BlockService",
   props: {
     locale: {},
     locales: {}
   },
   emits: ["reboot", "reset", "locale"],
-  setup(e, { emit: t }) {
-    const l = t, s = (o) => l("locale", o), n = (o) => {
-      var a;
-      return (a = e.locales.find((d) => d.value === o)) == null ? void 0 : a.name;
+  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;
     };
-    return (o, a) => {
+    return (a, r) => {
       const d = te, u = A;
       return f(), p(O, null, [
-        i("div", _l, [
-          i("div", $l, _(o.$t("selectLang")), 1),
-          i("div", wl, [
+        o("div", yn, [
+          o("div", xn, k(a.$t("selectLang")), 1),
+          o("div", $n, [
             b(d, {
-              "model-value": n(e.locale),
-              label: o.$t("lang"),
+              "model-value": t(e.locale),
+              label: a.$t("lang"),
               items: e.locales,
               onChange: s
             }, null, 8, ["model-value", "label", "items"])
           ])
         ]),
-        i("div", Cl, [
-          i("div", zl, _(o.$t("rebootDev")), 1),
+        o("div", kn, [
+          o("div", _n, k(a.$t("rebootDev")), 1),
           b(u, {
             class: "min-w-[100px]",
             color: "red",
             outline: "",
-            onClick: a[0] || (a[0] = (r) => l("reboot", r))
+            onClick: r[0] || (r[0] = (i) => n("reboot", i))
           }, {
             default: y(() => [
-              I(_(o.$t("reboot")), 1)
+              I(k(a.$t("reboot")), 1)
             ]),
             _: 1
           })
         ]),
-        i("div", Sl, [
-          i("div", Vl, _(o.$t("resetConf")), 1),
+        o("div", wn, [
+          o("div", Cn, k(a.$t("resetConf")), 1),
           b(u, {
             class: "min-w-[100px]",
             color: "red",
-            onClick: a[1] || (a[1] = (r) => l("reset", r))
+            onClick: r[1] || (r[1] = (i) => n("reset", i))
           }, {
             default: y(() => [
-              I(_(o.$t("reset")), 1)
+              I(k(a.$t("reset")), 1)
             ]),
             _: 1
           })
@@ -1159,7 +1159,7 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
       ], 64);
     };
   }
-}), Bl = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Tl = { class: "flex flex-col w-full items-center gap-2" }, El = ["title"], Ll = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Ml = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Al = { class: "flex justify-between w-full text-xs" }, Dl = { class: "text-gray-500 dark:text-gray-400" }, Il = { class: "text-sm" }, Ol = { class: "text-gray-500 dark:text-gray-400 text-left" }, jl = { class: "text-right text-xs" }, Na = /* @__PURE__ */ V({
+}), 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({
   __name: "BlockStatus",
   props: {
     pkg: {},
@@ -1173,68 +1173,68 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
     board: {}
   },
   setup(e) {
-    const t = D(e.uptime);
-    let l = null;
-    const s = L(() => e.firmware.join(".")), n = L(() => [
+    const l = D(e.uptime);
+    let n = 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) }
-    ]), o = L(() => {
+    ]), a = L(() => {
       var u;
       return [
-        { name: "uptime", value: Vt(t.value) },
+        { name: "uptime", value: Ct(l.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 }
       ];
-    }), a = L(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
-      t.value++, l = setTimeout(d, 1e3);
+    }), r = L(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
+      l.value++, n = setTimeout(d, 1e3);
     };
     return fe(() => {
       d();
-    }), Ue(() => {
-      t.value = 0, l && clearTimeout(l);
-    }), (u, r) => {
+    }), Fe(() => {
+      l.value = 0, n && clearTimeout(n);
+    }), (u, i) => {
       var c, m, v;
-      return f(), p("div", Bl, [
-        i("div", Tl, [
-          i("div", {
+      return f(), p("div", zn, [
+        o("div", Sn, [
+          o("div", {
             class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-800 select-none",
-            title: `${a.value}%`
+            title: `${r.value}%`
           }, [
-            i("div", Ll, _(a.value) + "%", 1),
-            i("div", {
+            o("div", Bn, k(r.value) + "%", 1),
+            o("div", {
               class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
-              style: Z(`width: ${a.value}%`)
+              style: Z(`width: ${r.value}%`)
             }, [
-              i("div", Ml, _(a.value) + "%", 1)
+              o("div", En, k(r.value) + "%", 1)
             ], 4)
-          ], 8, El),
-          i("div", Al, [
-            (f(!0), p(O, null, K(n.value, (g) => (f(), p("div", {
+          ], 8, Vn),
+          o("div", Tn, [
+            (f(!0), p(O, null, U(t.value, (g) => (f(), p("div", {
               key: g.name,
               class: "flex-auto"
             }, [
-              i("div", Dl, [
-                k(u.$slots, "name", { item: g })
+              o("div", Ln, [
+                $(u.$slots, "name", { item: g })
               ]),
-              i("div", null, _(g.value), 1)
+              o("div", null, k(g.value), 1)
             ]))), 128))
           ])
         ]),
-        i("div", Il, [
-          (f(!0), p(O, null, K(o.value, (g) => (f(), p("div", {
+        o("div", Mn, [
+          (f(!0), p(O, null, U(a.value, (g) => (f(), p("div", {
             key: g.name,
             class: "flex justify-between items-center"
           }, [
-            i("div", Ol, [
-              k(u.$slots, "name", { item: g })
+            o("div", An, [
+              $(u.$slots, "name", { item: g })
             ]),
-            i("div", jl, _(g.value), 1)
+            o("div", Dn, k(g.value), 1)
           ]))), 128))
         ]),
-        i("div", null, [
-          k(u.$slots, "default", {
+        o("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
           })
@@ -1242,69 +1242,69 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
       ]);
     };
   }
-}), Hl = { class: "flex items-center cursor-pointer" }, Nl = /* @__PURE__ */ V({
+}), In = { class: "flex items-center cursor-pointer" }, On = /* @__PURE__ */ V({
   __name: "VFile",
   emits: ["change"],
-  setup(e, { emit: t }) {
-    const l = t, s = async (n) => {
-      const o = n.target;
-      o.files && l("change", o.files);
+  setup(e, { emit: l }) {
+    const n = l, s = async (t) => {
+      const a = t.target;
+      a.files && n("change", a.files);
     };
-    return (n, o) => (f(), p("label", Hl, [
-      i("input", P({
+    return (t, a) => (f(), p("label", In, [
+      o("input", P({
         type: "file",
         class: "hidden"
-      }, n.$attrs, { onChange: s }), null, 16),
-      k(n.$slots, "default")
+      }, t.$attrs, { onChange: s }), null, 16),
+      $(t.$slots, "default")
     ]));
   }
-}), Pl = { class: "md:flex" }, Fl = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Pa = /* @__PURE__ */ V({
+}), jn = { class: "md:flex" }, Hn = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Da = /* @__PURE__ */ V({
   __name: "BlockUpdate",
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = t, s = gt({ firmware: null, littlefs: null }), n = (d) => d ? Array.from(d).map((u) => `${u.name} (${pe(u.size)})`).join("") : "", o = (d, u) => {
-      const r = new FormData();
+  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();
       for (let c = 0; c < d.length; c++) {
         const m = d.item(c);
         if (!m) return;
-        r.append(`file[${c}]`, m, u);
+        i.append(`file[${c}]`, m, u);
       }
-      return r;
-    }, a = (d, u) => {
+      return i;
+    }, r = (d, u) => {
       if (!u) return;
-      const r = o(u, d);
-      r && l("update", d, r);
+      const i = a(u, d);
+      i && n("update", d, i);
     };
     return (d, u) => {
-      const r = A;
+      const i = A;
       return f(), p("div", null, [
-        (f(!0), p(O, null, K(s, (c, m) => (f(), p("div", {
+        (f(!0), p(O, null, U(s, (c, m) => (f(), p("div", {
           key: m,
           class: "mb-4 flex items-center"
         }, [
-          b(Nl, {
+          b(On, {
             accept: ".bin",
             onChange: (v) => s[m] = v,
             class: "flex-auto"
           }, {
             default: y(() => [
-              i("div", Pl, [
-                i("h6", Fl, _(m) + ":", 1),
-                k(d.$slots, "default", {
-                  file: n(c)
+              o("div", jn, [
+                o("h6", Hn, k(m) + ":", 1),
+                $(d.$slots, "default", {
+                  file: t(c)
                 })
               ])
             ]),
             _: 2
           }, 1032, ["onChange"]),
-          b(r, {
+          b(i, {
             class: "min-w-[100px]",
             color: "blue",
             disabled: !c,
-            onClick: (v) => a(`${m}.bin`, c)
+            onClick: (v) => r(`${m}.bin`, c)
           }, {
             default: y(() => [
-              I(_(d.$t("btnUpdate")), 1)
+              I(k(d.$t("btnUpdate")), 1)
             ]),
             _: 1
           }, 8, ["disabled", "onClick"])
@@ -1312,101 +1312,101 @@ const vl = F({ name: "ri-arrow-up-s-line", render: ml }), pl = { class: "w-full
       ]);
     };
   }
-}), Kl = {
+}), Nn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ul(e, t) {
-  return f(), p("svg", Kl, [...t[0] || (t[0] = [
-    i("path", {
+function Pn(e, l) {
+  return f(), p("svg", Nn, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M12.172 12L9.343 9.173l1.415-1.414L15 12l-4.242 4.242l-1.415-1.414z"
     }, null, -1)
   ])]);
 }
-const et = F({ name: "ri-arrow-drop-right-line", render: Ul }), Rl = { class: "flex items-center gap-1.5" }, Fa = /* @__PURE__ */ V({
+const Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "flex items-center gap-1.5" }, Ia = /* @__PURE__ */ V({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const l = t, s = (n) => l("click", n);
-    return (n, o) => {
-      const a = et;
+  setup(e, { emit: l }) {
+    const n = l, s = (t) => n("click", t);
+    return (t, a) => {
+      const r = Qe;
       return f(), p("nav", null, [
-        i("ol", Rl, [
-          (f(!0), p(O, null, K(e.items, (d, u) => (f(), p("li", {
+        o("ol", Fn, [
+          (f(!0), p(O, null, U(e.items, (d, u) => (f(), p("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"])
           }, [
-            k(n.$slots, "default", { item: d }, () => [
+            $(t.$slots, "default", { item: d }, () => [
               (f(), M(de(d.path ? "a" : "span"), {
                 href: d.path,
-                onClick: (r) => s(d)
+                onClick: (i) => s(d)
               }, {
                 default: y(() => [
-                  I(_(d.name), 1)
+                  I(k(d.name), 1)
                 ]),
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            d.path ? (f(), M(a, {
+            d.path ? (f(), M(r, {
               key: 0,
               class: "rotate-270"
-            })) : T("", !0)
+            })) : E("", !0)
           ], 2))), 128))
         ])
       ]);
     };
   }
-}), Wl = {
+}), Un = {
   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]"
-}, ql = {
+}, Rn = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, Gl = {
+}, Wn = {
   key: 2,
   class: "mb-4 flex items-center justify-between"
-}, Jl = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, Xl = { class: "max-w-full" }, Yl = /* @__PURE__ */ V({
+}, Kn = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, qn = { class: "max-w-full" }, Gn = /* @__PURE__ */ V({
   __name: "CardMain",
   props: {
     title: {},
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, l) => (f(), p("div", {
+    return (l, n) => (f(), p("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", Wl)) : T("", !0),
-      e.loading ? (f(), p("div", ql)) : T("", !0),
-      e.title ? (f(), p("div", Gl, [
-        i("h3", Jl, _(e.title), 1),
-        i("div", null, [
-          k(t.$slots, "header")
+      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")
         ])
-      ])) : T("", !0),
-      i("div", Xl, [
-        k(t.$slots, "default")
+      ])) : E("", !0),
+      o("div", qn, [
+        $(l.$slots, "default")
       ])
     ], 2));
   }
-}), Ql = {
+}), Jn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Zl(e, t) {
-  return f(), p("svg", Ql, [...t[0] || (t[0] = [
-    i("path", {
+function Xn(e, l) {
+  return f(), p("svg", Jn, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9zm-2 5h6v2H7zm0 4h6v2H7z"
     }, null, -1)
   ])]);
 }
-const es = F({ name: "ri-file-copy2-line", render: Zl }), ts = { class: "text-title-md uppercase font-bold flex-auto" }, ns = { class: "px-4 pb-4 md:px-6" }, ls = {
+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 = {
   key: 0,
   class: "text-title-md uppercase font-bold"
 }, Be = /* @__PURE__ */ V({
@@ -1422,66 +1422,66 @@ const es = F({ name: "ri-file-copy2-line", render: Zl }), ts = { class: "text-ti
     timeout: {}
   },
   emits: ["close", "click", "open"],
-  setup(e, { expose: t, emit: l }) {
-    const s = l, n = qe(Ge), { show: o, onClose: a, onOpen: d } = We(s, e.timeout), u = {
+  setup(e, { expose: l, emit: n }) {
+    const s = n, t = We(Ke), { show: a, onClose: r, onOpen: d } = Re(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 "
-    }, r = {
+    }, i = {
       none: "",
       white: "bg-white dark:bg-gray-900",
       gray: ""
-    }, c = L(() => [u[e.size], r[e.color]]), m = n.greaterOrEqual("lg");
-    return t({
-      show: o,
-      onClose: a
+    }, c = L(() => [u[e.size], i[e.color]]), m = t.greaterOrEqual("lg");
+    return l({
+      show: a,
+      onClose: r
     }), (v, g) => {
-      const h = ne;
-      return e.isOnlyDialog || E(m) ? (f(), M(Fe, {
+      const h = le;
+      return e.isOnlyDialog || T(m) ? (f(), M(Ne, {
         key: 0,
         to: "body"
       }, [
-        b(ie, {
+        b(ae, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
           "leave-active-class": "duration-200 ease-in",
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2",
-          onAfterEnter: E(d)
+          onAfterEnter: T(d)
         }, {
           default: y(() => [
-            E(o) ? (f(), p("div", {
+            T(a) ? (f(), p("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
               onWheel: g[4] || (g[4] = N(() => {
               }, ["stop"]))
             }, [
-              i("div", {
+              o("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
                 onClick: g[0] || (g[0] = //@ts-ignore
-                (...x) => E(a) && E(a)(...x))
+                (...x) => T(r) && T(r)(...x))
               }),
-              i("div", {
+              o("div", {
                 class: B(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
               }, [
-                i("div", {
+                o("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])
                 }, [
-                  i("div", {
+                  o("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(() => {
                     }, ["prevent"])),
                     onTouchmove: g[2] || (g[2] = N(() => {
                     }, ["prevent"]))
                   }, [
-                    i("h4", ts, _(e.title), 1),
-                    k(v.$slots, "header-btn", { close: E(a) }),
+                    o("h4", Qn, k(e.title), 1),
+                    $(v.$slots, "header-btn", { close: T(r) }),
                     b(A, {
                       color: "transparent",
                       size: "md",
-                      onClick: E(a)
+                      onClick: T(r)
                     }, {
                       default: y(() => [
                         b(h)
@@ -1489,49 +1489,49 @@ const es = F({ name: "ri-file-copy2-line", render: Zl }), ts = { class: "text-ti
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
-                  i("div", {
+                  o("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) => E(a) && E(a)(...x))
+                    (...x) => T(r) && T(r)(...x))
                   }, [
-                    k(v.$slots, "default", { close: E(a) })
+                    $(v.$slots, "default", { close: T(r) })
                   ], 34)
                 ], 2)
               ], 2)
-            ], 32)) : T("", !0)
+            ], 32)) : E("", !0)
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
-      ])) : (f(), M(Qe, {
+      ])) : (f(), M(Xe, {
         key: 1,
         size: e.popupSize,
-        onClose: E(a)
+        onClose: T(r)
       }, {
         button: y(() => [
-          k(v.$slots, "header-btn", { close: E(a) })
+          $(v.$slots, "header-btn", { close: T(r) })
         ]),
         default: y(({ close: x }) => [
-          i("div", ns, [
-            i("div", {
+          o("div", Zn, [
+            o("div", {
               class: B(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
               onWheel: g[5] || (g[5] = N(() => {
               }, ["prevent"])),
               onTouchmove: g[6] || (g[6] = N(() => {
               }, ["prevent"]))
             }, [
-              e.title ? (f(), p("h4", ls, _(e.title), 1)) : T("", !0)
+              e.title ? (f(), p("h4", es, k(e.title), 1)) : E("", !0)
             ], 34),
-            k(v.$slots, "default", { close: x })
+            $(v.$slots, "default", { close: x })
           ])
         ]),
         _: 3
       }, 8, ["size", "onClose"]));
     };
   }
-}), ss = { class: "flex-auto flex justify-between" }, os = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, as = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, is = {
+}), 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 = {
   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"
-}, rs = { class: "min-h-60 relative" }, cs = { class: "pt-6" }, ds = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, us = { class: "text-center text-xl mt-4" }, re = /* @__PURE__ */ V({
+}, 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({
   __name: "CardBase",
   props: {
     size: {},
@@ -1548,52 +1548,52 @@ const es = F({ name: "ri-file-copy2-line", render: Zl }), ts = { class: "text-ti
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = D(!1), o = L(() => ["button", "dimmer"].includes(l.type || "") && l.value ? "text-amber-500" : "text-gray-400"), a = (m) => s("edit", m), d = (m) => s("clone", m), u = () => n.value = !0, r = (m) => s("open", m), c = (m) => {
-      n.value = !1, s("close", m);
+  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) => {
+      t.value = !1, s("close", m);
     };
     return (m, v) => {
-      const g = Xe, h = es;
+      const g = Ge, h = Yn;
       return f(), p("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
       }, [
-        i("div", ss, [
-          i("div", {
-            class: B([o.value, "size-8 animate-shake"])
+        o("div", ts, [
+          o("div", {
+            class: B([a.value, "size-8 animate-shake"])
           }, [
-            k(m.$slots, "icon", U(R(l)))
+            $(m.$slots, "icon", R(W(n)))
           ], 2),
-          k(m.$slots, "header", U(R(l)))
+          $(m.$slots, "header", R(W(n)))
         ]),
-        i("div", null, [
-          k(m.$slots, "body", U(R(l)), () => [
-            i("h6", os, [
-              k(m.$slots, "name", U(R(l)), () => [
-                I(_(l.name), 1)
+        o("div", null, [
+          $(m.$slots, "body", R(W(n)), () => [
+            o("h6", ls, [
+              $(m.$slots, "name", R(W(n)), () => [
+                I(k(n.name), 1)
               ])
             ]),
-            i("div", as, [
-              k(m.$slots, "value", U(R(l)), () => [
-                I(_(l.valueTo || l.value), 1)
+            o("div", ns, [
+              $(m.$slots, "value", R(W(n)), () => [
+                I(k(n.valueTo || n.value), 1)
               ])
             ])
           ])
         ]),
-        l.icon ? (f(), p("div", is, [
-          k(m.$slots, "icon", U(R(l)))
-        ])) : T("", !0),
-        n.value ? (f(), M(Be, {
+        n.icon ? (f(), p("div", ss, [
+          $(m.$slots, "icon", R(W(n)))
+        ])) : E("", !0),
+        t.value ? (f(), M(Be, {
           key: 1,
-          size: l.size || "sm",
+          size: n.size || "sm",
           title: e.name,
           onClose: c,
-          onOpen: r
+          onOpen: i
         }, {
           "header-btn": y(() => [
             b(A, {
               color: "transparent",
-              onClick: a
+              onClick: r
             }, {
               default: y(() => [
                 b(g)
@@ -1611,41 +1611,41 @@ const es = F({ name: "ri-file-copy2-line", render: Zl }), ts = { class: "text-ti
             })
           ]),
           default: y(() => [
-            i("div", rs, [
-              i("div", cs, [
-                i("h3", ds, [
-                  k(m.$slots, "dialog-name", U(R(l)), () => [
-                    I(_(l.name), 1)
+            o("div", os, [
+              o("div", as, [
+                o("h3", is, [
+                  $(m.$slots, "dialog-name", R(W(n)), () => [
+                    I(k(n.name), 1)
                   ])
                 ]),
-                k(m.$slots, "dialog", U(R(l))),
-                i("p", us, [
-                  k(m.$slots, "dialog-value", U(R(l)), () => [
-                    I(_(l.valueTo || l.value), 1)
+                $(m.$slots, "dialog", R(W(n))),
+                o("p", rs, [
+                  $(m.$slots, "dialog-value", R(W(n)), () => [
+                    I(k(n.valueTo || n.value), 1)
                   ])
                 ])
               ])
             ])
           ]),
           _: 3
-        }, 8, ["size", "title"])) : T("", !0)
+        }, 8, ["size", "title"])) : E("", !0)
       ]);
     };
   }
-}), fs = {
+}), cs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ms(e, t) {
-  return f(), p("svg", fs, [...t[0] || (t[0] = [
-    i("path", {
+function ds(e, l) {
+  return f(), p("svg", cs, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "m6.265 3.807l1.147 1.639a8 8 0 1 0 9.176 0l1.147-1.639A9.99 9.99 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12a9.99 9.99 0 0 1 4.265-8.193M11 12V2h2v10z"
     }, null, -1)
   ])]);
 }
-const vs = F({ name: "ri-shut-down-line", render: ms }), ps = { class: "flex justify-end" }, hs = { class: "flex justify-center py-4" }, Ka = /* @__PURE__ */ V({
+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({
   __name: "CardButton",
   props: {
     size: {},
@@ -1662,27 +1662,27 @@ const vs = F({ name: "ri-shut-down-line", render: ms }), ps = { class: "flex jus
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = ({ opts: a = {} }) => {
-      const { disabled: d } = a;
+  setup(e, { emit: l }) {
+    const n = e, s = l, t = ({ opts: r = {} }) => {
+      const { disabled: d } = r;
       return { disabled: d };
-    }, o = () => s("setState", !l.value);
-    return (a, d) => {
-      const u = vs;
-      return f(), M(re, P(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))
+    }, a = () => s("setState", !n.value);
+    return (r, 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))
       }), {
-        icon: y((r) => [
-          k(a.$slots, "icon", U(R(r)))
+        icon: y((i) => [
+          $(r.$slots, "icon", R(W(i)))
         ]),
-        header: y((r) => [
-          i("div", ps, [
-            b(A, P(n(r), {
+        header: y((i) => [
+          o("div", fs, [
+            b(A, P(t(i), {
               type: "icon",
-              class: l.value ? "text-amber-500" : "text-gray-500",
-              onClick: N(o, ["stop"])
+              class: n.value ? "text-amber-500" : "text-gray-500",
+              onClick: N(a, ["stop"])
             }), {
               default: y(() => [
                 b(u, { class: "size-8" })
@@ -1691,12 +1691,12 @@ const vs = F({ name: "ri-shut-down-line", render: ms }), ps = { class: "flex jus
             }, 16, ["class"])
           ])
         ]),
-        dialog: y((r) => [
-          i("div", hs, [
-            b(A, P(n(r), {
+        dialog: y((i) => [
+          o("div", ms, [
+            b(A, P(t(i), {
               type: "icon",
-              class: ["size-18", l.value ? "text-amber-500" : "text-gray-500"],
-              onClick: N(o, ["stop"])
+              class: ["size-18", n.value ? "text-amber-500" : "text-gray-500"],
+              onClick: N(a, ["stop"])
             }), {
               default: y(() => [
                 b(u, { class: "size-16" })
@@ -1709,20 +1709,20 @@ const vs = F({ name: "ri-shut-down-line", render: ms }), ps = { class: "flex jus
       }, 16);
     };
   }
-}), gs = {
+}), vs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function bs(e, t) {
-  return f(), p("svg", gs, [...t[0] || (t[0] = [
-    i("path", {
+function ps(e, l) {
+  return f(), p("svg", vs, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-8h4v2h-6V7h2z"
     }, null, -1)
   ])]);
 }
-const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-center relative mx-2 my-6" }, Ua = /* @__PURE__ */ V({
+const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-center relative mx-2 my-6" }, ja = /* @__PURE__ */ V({
   __name: "CardDate",
   props: {
     size: {},
@@ -1739,31 +1739,31 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = Re("time"), o = (r) => new Date(+r * 1e3).toISOString().slice(0, 16), a = (r) => {
+  setup(e, { emit: l }) {
+    const n = e, s = l, t = Ue("time"), a = (i) => new Date(+i * 1e3).toISOString().slice(0, 16), r = (i) => {
       var m;
-      const c = (m = r == null ? void 0 : r.target) == null ? void 0 : m.valueAsNumber;
+      const c = (m = i == null ? void 0 : i.target) == null ? void 0 : m.valueAsNumber;
       c && s("setState", c / 1e3);
-    }, d = ({ name: r, value: c, opts: m = {} }) => {
+    }, d = ({ name: i, value: c, opts: m = {} }) => {
       const { disabled: v } = m;
-      return { label: r, modelValue: o(c), disabled: v };
+      return { label: i, modelValue: a(c), disabled: v };
     }, u = () => {
       var c, m;
-      const r = (m = (c = n.value) == null ? void 0 : c.$el) == null ? void 0 : m.querySelector("input");
-      r != null && r.showPicker && r.showPicker();
+      const i = (m = (c = t.value) == null ? void 0 : c.$el) == null ? void 0 : m.querySelector("input");
+      i != null && i.showPicker && i.showPicker();
     };
-    return (r, c) => {
-      const m = ys;
-      return f(), M(re, P(l, {
+    return (i, 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))
       }), {
         icon: y((v) => [
-          k(r.$slots, "icon", U(R(v)))
+          $(i.$slots, "icon", R(W(v)))
         ]),
         header: y((v) => [
-          i("div", null, [
+          o("div", null, [
             b(A, {
               type: "icon",
               class: "text-gray-500",
@@ -1776,20 +1776,20 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
             }),
             b(J, P({
               ref_key: "time",
-              ref: n
+              ref: t
             }, d(v), {
               type: "datetime-local",
               class: "size-0",
               hidden: "",
-              onChange: a
+              onChange: r
             }), null, 16)
           ])
         ]),
         dialog: y((v) => [
-          i("div", xs, [
+          o("div", gs, [
             b(J, P(d(v), {
               type: "datetime-local",
-              onChange: a
+              onChange: r
             }), null, 16)
           ])
         ]),
@@ -1797,15 +1797,15 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
       }, 16);
     };
   }
-}), ks = { class: "flex justify-end" }, _s = { class: "flex justify-end" }, $s = {
+}), bs = { class: "flex justify-end" }, ys = { class: "flex justify-end" }, xs = {
   class: /* @__PURE__ */ B("text-blue-600 dark:text-blue-400")
-}, ws = {
+}, $s = {
   width: "30",
   height: "30",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, Cs = ["stroke-dashoffset"], zs = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Ra = /* @__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" }, Ha = /* @__PURE__ */ V({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1822,32 +1822,32 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = D(0), o = ({ opts: c, value: m }) => Math.round(100 * +m / ((c == null ? void 0 : c.max) || 255)), a = ({ opts: c, value: m }) => Math.round(187 - +m / ((c == null ? void 0 : c.max) || 255) * 187), d = ({ value: c, opts: m }) => {
+  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), r = ({ value: c }) => {
-      +c != 0 ? (n.value = +c, s("setState", 0)) : s("setState", c ? 0 : n.value || 255);
+    }, u = (c) => s("setState", +c.target.value || 0), i = ({ value: c }) => {
+      +c != 0 ? (t.value = +c, s("setState", 0)) : s("setState", c ? 0 : t.value || 255);
     };
-    return (c, m) => (f(), M(re, P(l, {
+    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))
     }), {
       icon: y((v) => [
-        k(c.$slots, "icon", U(R(v)))
+        $(c.$slots, "icon", R(W(v)))
       ]),
       header: y((v) => [
-        i("div", ks, [
-          i("div", _s, [
+        o("div", bs, [
+          o("div", ys, [
             b(A, P(d(v), {
               type: "icon",
-              onClick: N((g) => r(v), ["stop"])
+              onClick: N((g) => i(v), ["stop"])
             }), {
               default: y(() => [
-                i("div", $s, [
-                  (f(), p("svg", ws, [
-                    m[3] || (m[3] = i("circle", {
+                o("div", xs, [
+                  (f(), p("svg", $s, [
+                    m[3] || (m[3] = o("circle", {
                       class: "stroke-gray-300 dark:stroke-gray-700",
                       r: "30",
                       cx: "30",
@@ -1855,17 +1855,17 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
                       fill: "transparent",
                       "stroke-width": "10"
                     }, null, -1)),
-                    i("circle", {
+                    o("circle", {
                       r: "30",
                       cx: "30",
                       cy: "30",
                       stroke: "currentColor",
                       "stroke-width": "8",
                       "stroke-linecap": "butt",
-                      "stroke-dashoffset": a(v),
+                      "stroke-dashoffset": r(v),
                       fill: "transparent",
                       "stroke-dasharray": "187"
-                    }, null, 8, Cs)
+                    }, null, 8, ks)
                   ]))
                 ])
               ]),
@@ -1875,16 +1875,16 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
         ])
       ]),
       dialog: y((v) => [
-        i("div", {
+        o("div", {
           class: B(["flex justify-center relative mx-2 my-6", d(v).disabled ? "opacity-40" : ""])
         }, [
-          m[4] || (m[4] = i("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-700 z-0 rounded-md" }, null, -1)),
-          i("div", {
+          m[4] || (m[4] = o("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-700 z-0 rounded-md" }, null, -1)),
+          o("div", {
             class: "absolute h-10 top-0 left-0 bg-blue-600 dark:bg-blue-400 z-0 rounded-md transition-[width_0.3s_linear]",
-            style: Z(`width: ${o(v)}%`)
+            style: Z(`width: ${a(v)}%`)
           }, null, 4),
-          i("div", zs, _(o(v)) + " %", 1),
-          i("input", P({ type: "range" }, d(v), {
+          o("div", _s, k(a(v)) + " %", 1),
+          o("input", P({ type: "range" }, d(v), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
             onChange: u
           }), null, 16)
@@ -1893,7 +1893,7 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
       _: 3
     }, 16));
   }
-}), Wa = /* @__PURE__ */ V({
+}), Na = /* @__PURE__ */ V({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1910,23 +1910,23 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (n, o) => (f(), M(re, P(l, {
-      onClick: o[0] || (o[0] = (a) => s("click", a)),
-      onEdit: o[1] || (o[1] = (a) => s("edit", a)),
-      onClone: o[2] || (o[2] = (a) => s("clone", a))
+  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))
     }), {
-      icon: y((a) => [
-        k(n.$slots, "icon", U(R(a)))
+      icon: y((r) => [
+        $(t.$slots, "icon", R(W(r)))
       ]),
       default: y(() => [
-        k(n.$slots, "dialog")
+        $(t.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), Ss = { class: "flex justify-center relative mx-2 my-6" }, qa = /* @__PURE__ */ V({
+}), ws = { class: "flex justify-center relative mx-2 my-6" }, Pa = /* @__PURE__ */ V({
   __name: "CardInput",
   props: {
     size: {},
@@ -1943,37 +1943,37 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = D(l.value || ""), o = ({ name: d, opts: u = {} }) => {
-      const { disabled: r } = u;
-      return { label: d, disabled: r };
-    }, a = (d) => s("setState", d.target.value);
+  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);
     return ue(
-      () => l.value,
+      () => n.value,
       (d) => {
-        n.value = d;
+        t.value = d;
       }
     ), (d, u) => {
-      const r = et;
-      return f(), M(re, P(l, {
+      const i = Qe;
+      return f(), M(ie, P(n, {
         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) => [
-          k(d.$slots, "icon", U(R(c)))
+          $(d.$slots, "icon", R(W(c)))
         ]),
         dialog: y((c) => [
-          i("div", Ss, [
+          o("div", ws, [
             b(J, P({
-              modelValue: n.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (m) => n.value = m)
-            }, o(c), {
-              onEnter: a,
-              onBlur: a
+              modelValue: t.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (m) => t.value = m)
+            }, a(c), {
+              onEnter: r,
+              onBlur: r
             }), {
               icon: y(() => [
-                b(r, { class: "size-8" })
+                b(i, { class: "size-8" })
               ]),
               _: 1
             }, 16, ["modelValue"])
@@ -1983,20 +1983,20 @@ const ys = F({ name: "ri-time-line", render: bs }), xs = { class: "flex justify-
       }, 16);
     };
   }
-}), Vs = {
+}), Cs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Bs(e, t) {
-  return f(), p("svg", Vs, [...t[0] || (t[0] = [
-    i("path", {
+function zs(e, l) {
+  return f(), p("svg", Cs, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M8 4h13v2H8zm-5-.5h3v3H3zm0 7h3v3H3zm0 7h3v3H3zM8 11h13v2H8zm0 7h13v2H8z"
     }, null, -1)
   ])]);
 }
-const Ts = F({ name: "ri-list-check", render: Bs }), Es = { class: "flex justify-center py-4" }, Ga = /* @__PURE__ */ V({
+const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify-center py-4" }, Fa = /* @__PURE__ */ V({
   __name: "CardList",
   props: {
     size: {},
@@ -2013,41 +2013,41 @@ const Ts = F({ name: "ri-list-check", render: Bs }), Es = { class: "flex justify
     getTo: {}
   },
   emits: ["edit", "close", "click", "clone", "open", "setState"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, n = ({ 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;
-    }, a = ({ name: d, value: u, opts: r = {} }) => {
+  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 = {} }) => {
       var g;
-      const { items: c = [], disabled: m } = r, v = ((g = c.find((h) => h.value == u)) == null ? void 0 : g.name) || u;
+      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 };
     };
     return (d, u) => {
-      const r = Ts;
-      return f(), M(re, P(l, {
+      const i = Ss;
+      return f(), M(ie, P(n, {
         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) => [
-          k(d.$slots, "icon", U(R(c)))
+          $(d.$slots, "icon", R(W(c)))
         ]),
         value: y((c) => [
-          I(_(o(c)), 1)
+          I(k(a(c)), 1)
         ]),
         "dialog-value": y((c) => [
-          I(_(o(c)), 1)
+          I(k(a(c)), 1)
         ]),
         header: y((c) => [
-          i("div", {
+          o("div", {
             onClick: u[0] || (u[0] = N(() => {
             }, ["prevent", "stop"]))
           }, [
-            b(te, P(a(c), {
+            b(te, P(r(c), {
               "is-popup": "",
               top: "0",
               left: "-115px",
-              onChange: n
+              onChange: t
             }), {
               activator: y(({ on: m }) => [
                 b(A, {
@@ -2056,7 +2056,7 @@ const Ts = F({ name: "ri-list-check", render: Bs }), Es = { class: "flex justify
                   onClick: N(m.click, ["stop"])
                 }, {
                   default: y(() => [
-                    b(r, { class: "size-6" })
+                    b(i, { class: "size-6" })
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -2066,11 +2066,11 @@ const Ts = F({ name: "ri-list-check", render: Bs }), Es = { class: "flex justify
           ])
         ]),
         dialog: y((c) => [
-          i("div", Es, [
-            b(te, P(a(c), {
+          o("div", Vs, [
+            b(te, P(r(c), {
               top: "-50%",
               left: "50%",
-              onChange: n
+              onChange: t
             }), null, 16)
           ])
         ]),
@@ -2078,33 +2078,33 @@ const Ts = F({ name: "ri-list-check", render: Bs }), Es = { class: "flex justify
       }, 16);
     };
   }
-}), Ls = {
+}), Bs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ms(e, t) {
-  return f(), p("svg", Ls, [...t[0] || (t[0] = [
-    i("path", {
+function Es(e, l) {
+  return f(), p("svg", Bs, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M15.5 5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M10 8.5a5.5 5.5 0 1 1 10.032 3.117l2.675 2.676l-1.414 1.414l-2.675-2.675A5.5 5.5 0 0 1 10 8.5M3 4h5v2H3zm0 7h5v2H3zm18 7v2H3v-2z"
     }, null, -1)
   ])]);
 }
-const As = F({ name: "ri-menu-search-line", render: Ms }), Ds = {
+const Ts = F({ name: "ri-menu-search-line", render: Es }), Ls = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Is(e, t) {
-  return f(), p("svg", Ds, [...t[0] || (t[0] = [
-    i("path", {
+function Ms(e, l) {
+  return f(), p("svg", Ls, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const ye = F({ name: "ri-add-line", render: Is }), Os = { class: "flex w-full relative" }, js = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Hs = ["disabled"], tt = /* @__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"], Ze = /* @__PURE__ */ V({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -2113,67 +2113,67 @@ const ye = F({ name: "ri-add-line", render: Is }), Os = { class: "flex w-full re
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["icon"],
-  setup(e, { emit: t }) {
-    const l = t, s = L(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), n = 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, a) => {
+  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) => {
       const d = ye;
-      return f(), p("div", Os, [
-        i("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", n.value])
+      return f(), p("div", As, [
+        o("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])
         }, [
-          i("span", {
+          o("span", {
             class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
-          }, _(e.label), 3),
-          i("div", js, [
-            k(o.$slots, "default")
+          }, k(e.label), 3),
+          o("div", Ds, [
+            $(a.$slots, "default")
           ]),
-          e.hideIcon ? T("", !0) : (f(), p("button", {
+          e.hideIcon ? E("", !0) : (f(), p("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: a[0] || (a[0] = (u) => l("icon", u))
+            onClick: r[0] || (r[0] = (u) => n("icon", u))
           }, [
-            k(o.$slots, "icon", {}, () => [
+            $(a.$slots, "icon", {}, () => [
               b(d, { class: "size-4" })
             ])
-          ], 10, Hs))
+          ], 10, Is))
         ], 2)
       ]);
     };
   }
-}), Ns = {
+}), Os = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ps(e, t) {
-  return f(), p("svg", Ns, [...t[0] || (t[0] = [
-    i("path", {
+function js(e, l) {
+  return f(), p("svg", Os, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9z"
     }, null, -1)
   ])]);
 }
-const Fs = F({ name: "ri-file-copy-line", render: Ps }), Ks = {
+const Hs = F({ name: "ri-file-copy-line", render: js }), Ns = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Us(e, t) {
-  return f(), p("svg", Ks, [...t[0] || (t[0] = [
-    i("path", {
+function Ps(e, l) {
+  return f(), p("svg", Ns, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "M2 4a1 1 0 0 1 1-1h7.414l2 2H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3c-.55 0-1-.45-1-1zm8.586 2l-1-1H4v2h5.586zM4 9v10h16V7h-7.586l-2 2z"
     }, null, -1)
   ])]);
 }
-const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
+const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
   key: 0,
   class: "me-1"
-}, Gs = { class: "dark:text-gray-300" }, Js = { class: "flex gap-3 items-center z-10" }, Xs = {
+}, Ws = { class: "dark:text-gray-300" }, Ks = { class: "flex gap-3 items-center z-10" }, qs = {
   key: 0,
   class: "flex ps-5"
-}, Ys = { class: "font-medium dark:text-gray-300" }, nt = /* @__PURE__ */ V({
+}, Gs = { class: "font-medium dark:text-gray-300" }, et = /* @__PURE__ */ V({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -2181,46 +2181,46 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
     onlyValue: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const l = t, 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", n = D({}), { text: o, copy: a, copied: d, isSupported: u } = _t(), r = (g) => {
-      n.value[g] = !n.value[g];
+  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) => {
+      t.value[g] = !t.value[g];
     }, c = (g) => typeof g == "object", m = (g) => `${e.path ? e.path + "." : ""}${g}`, v = (g, h) => {
-      l("click", { key: g, path: m(g), isObject: h });
+      n("click", { key: g, path: m(g), isObject: h });
     };
     return (g, h) => {
-      const x = Rs, $ = Fs, C = ye;
+      const x = Fs, _ = Hs, C = ye;
       return f(), p("ul", null, [
-        (f(!0), p(O, null, K(e.items, (z, j) => (f(), p("li", {
+        (f(!0), p(O, null, U(e.items, (z, j) => (f(), p("li", {
           key: j,
           class: B(c(z) ? "" : `flex items-center ${s()}`)
         }, [
-          i("div", {
+          o("div", {
             class: B(["flex items-center cursor-pointer ps-2 h-8", c(z) ? `${s()}` : ""]),
-            onClick: (X) => r(j)
+            onClick: (X) => i(j)
           }, [
-            c(z) ? (f(), p("div", qs, [
+            c(z) ? (f(), p("div", Rs, [
               b(x, { class: "size-5" })
-            ])) : T("", !0),
-            i("div", Gs, _(j), 1),
-            E(u) ? (f(), M(A, {
+            ])) : E("", !0),
+            o("div", Ws, 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) => E(a)(m(j)), ["stop"])
+              onClick: N((X) => T(r)(m(j)), ["stop"])
             }, {
               default: y(() => [
-                b($, { class: "size-5" })
+                b(_, { class: "size-5" })
               ]),
               _: 1
-            }, 8, ["onClick"])) : T("", !0),
-            E(o) === m(j) ? (f(), p("span", {
+            }, 8, ["onClick"])) : E("", !0),
+            T(a) === m(j) ? (f(), p("span", {
               key: 2,
-              class: B(["text-gray-500 transition-all duration-1000 text-sm", E(d) ? "opacity-100" : "opacity-0"])
-            }, _(g.$t("copied")), 3)) : T("", !0),
+              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] = i("div", { class: "flex-auto" }, null, -1)),
-              i("div", Js, [
+              h[1] || (h[1] = o("div", { class: "flex-auto" }, null, -1)),
+              o("div", Ks, [
                 b(A, {
                   class: "opacity-20 hover:opacity-70 transition-all",
                   color: "transparent",
@@ -2234,21 +2234,21 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
                   _: 1
                 }, 8, ["title", "onClick"])
               ])
-            ], 64)) : T("", !0)
-          ], 10, Ws),
-          c(z) ? (f(), p("div", Xs, [
-            Ce(b(nt, {
+            ], 64)) : E("", !0)
+          ], 10, Us),
+          c(z) ? (f(), p("div", qs, [
+            Ce(b(et, {
               class: "flex-auto",
               path: m(j),
               items: z,
               onlyValue: e.onlyValue,
-              onClick: h[0] || (h[0] = (X) => l("click", X))
+              onClick: h[0] || (h[0] = (X) => n("click", X))
             }, null, 8, ["path", "items", "onlyValue"]), [
-              [bt, n.value[j]]
+              [ht, t.value[j]]
             ])
           ])) : (f(), p(O, { key: 1 }, [
-            h[2] || (h[2] = i("div", { class: "flex-auto gap-3" }, null, -1)),
-            i("div", Ys, _(z), 1),
+            h[2] || (h[2] = o("div", { class: "flex-auto gap-3" }, null, -1)),
+            o("div", Gs, k(z), 1),
             b(A, {
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "gray",
@@ -2266,49 +2266,49 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
       ]);
     };
   }
-}), Qs = { class: "" }, Zs = { class: "flex border-b border-gray-200 dark:border-gray-700" }, eo = ["onClick"], to = { class: "px-4 py-2" }, no = { class: "relative my-4" }, lo = { key: 0 }, so = /* @__PURE__ */ V({
+}), 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({
   __name: "VTabs",
   props: {
     value: {},
     items: {}
   },
   emits: ["click"],
-  setup(e, { expose: t, emit: l }) {
-    const s = l, n = D(e.value || 0), o = (d) => [n.value === d ? "" : "before:hidden"], a = (d) => {
-      n.value = d, s("click", d);
+  setup(e, { expose: l, emit: n }) {
+    const s = n, t = D(e.value || 0), a = (d) => [t.value === d ? "" : "before:hidden"], r = (d) => {
+      t.value = d, s("click", d);
     };
-    return t({
-      setActiveTab: a,
-      activeTab: n
-    }), (d, u) => (f(), p("div", Qs, [
-      i("div", Zs, [
-        (f(!0), p(O, null, K(e.items, (r, c) => (f(), p("div", {
+    return l({
+      setActiveTab: r,
+      activeTab: t
+    }), (d, u) => (f(), p("div", Js, [
+      o("div", Xs, [
+        (f(!0), p(O, null, U(e.items, (i, c) => (f(), p("div", {
           key: c,
           class: "relative flex-auto"
         }, [
-          i("button", {
+          o("button", {
             class: "w-full",
-            onClick: (m) => a(c)
+            onClick: (m) => r(c)
           }, [
-            i("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"])
+            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"])
             }, [
-              k(d.$slots, "header", {
-                tab: r,
+              $(d.$slots, "header", {
+                tab: i,
                 i: c
               }, () => [
-                i("div", to, _(r.title), 1)
+                o("div", Qs, k(i.title), 1)
               ])
             ], 2)
-          ], 8, eo)
+          ], 8, Ys)
         ]))), 128))
       ]),
-      i("div", no, [
-        (f(!0), p(O, null, K(e.items, (r, c) => (f(), p("div", {
+      o("div", Zs, [
+        (f(!0), p(O, null, U(e.items, (i, c) => (f(), p("div", {
           key: c,
           class: "tab-panel"
         }, [
-          b(ie, {
+          b(ae, {
             "enter-active-class": "transition-all duration-300 ease-out",
             "enter-from-class": "transform opacity-0 translate-x-2",
             "enter-to-class": "transform opacity-100 translate-x-0",
@@ -2317,9 +2317,9 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: y(() => [
-              n.value === c ? (f(), p("div", lo, [
-                k(d.$slots, `tab-${c}`)
-              ])) : T("", !0)
+              t.value === c ? (f(), p("div", eo, [
+                $(d.$slots, `tab-${c}`)
+              ])) : E("", !0)
             ]),
             _: 2
           }, 1024)
@@ -2327,7 +2327,7 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
       ])
     ]));
   }
-}), oo = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, ao = ["title", "onMouseenter", "onMouseleave"], io = { class: "flex flex-auto" }, ro = ["disabled"], ke = /* @__PURE__ */ V({
+}), 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({
   __name: "VFunc",
   props: {
     label: {},
@@ -2337,25 +2337,25 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["change", "icon", "hover"],
-  setup(e, { emit: t }) {
-    const l = t, s = ["v", "a", "b", "c"], n = D(e.value || ""), o = (u) => {
+  setup(e, { emit: l }) {
+    const n = l, s = ["v", "a", "b", "c"], t = D(e.value || ""), a = (u) => {
       try {
         return new Function(u), !0;
-      } catch (r) {
-        return console.warn(r), !1;
+      } catch (i) {
+        return console.warn(i), !1;
       }
-    }, a = ze((u) => {
-      const r = u.target;
-      o(r.value) && l("change", r.value);
-    }, 500), d = (u) => l("icon", u);
+    }, r = ze((u) => {
+      const i = u.target;
+      a(i.value) && n("change", i.value);
+    }, 500), d = (u) => n("icon", u);
     return ue(
       () => e.value,
       () => {
-        e.value && (n.value = e.value);
+        e.value && (t.value = e.value);
       }
-    ), (u, r) => {
-      const c = ne, m = ye;
-      return f(), M(tt, {
+    ), (u, i) => {
+      const c = le, m = ye;
+      return f(), M(Ze, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
@@ -2373,87 +2373,87 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
         ]),
         default: y(() => [
           e.value ? (f(), p(O, { key: 0 }, [
-            i("div", oo, [
-              r[3] || (r[3] = I(" ( ", -1)),
-              (f(!0), p(O, null, K(e.args, (v, g) => (f(), p(O, { key: v }, [
-                i("span", {
+            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", {
                   class: "text-blue-400/80",
                   title: v,
-                  onMouseenter: (h) => l("hover", "enter", g),
-                  onMouseleave: (h) => l("hover", "leave", g)
-                }, _(s[g]), 41, ao),
-                r[2] || (r[2] = i("span", { class: "last:hidden" }, ",", -1))
+                  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))
               ], 64))), 128)),
-              r[4] || (r[4] = I(" ) => ", -1))
+              i[4] || (i[4] = I(" ) => ", -1))
             ]),
-            i("div", io, [
-              Ce(i("textarea", {
-                "onUpdate:modelValue": r[0] || (r[0] = (v) => n.value = v),
+            o("div", so, [
+              Ce(o("textarea", {
+                "onUpdate:modelValue": i[0] || (i[0] = (v) => t.value = v),
                 class: "outline-0 w-full resize-none field-sizing-content",
                 type: "text",
                 disabled: e.disabled,
-                onInput: r[1] || (r[1] = //@ts-ignore
-                (...v) => E(a) && E(a)(...v))
-              }, null, 40, ro), [
-                [yt, n.value]
+                onInput: i[1] || (i[1] = //@ts-ignore
+                (...v) => T(r) && T(r)(...v))
+              }, null, 40, oo), [
+                [gt, t.value]
               ])
             ])
-          ], 64)) : T("", !0)
+          ], 64)) : E("", !0)
         ]),
         _: 1
       }, 8, ["active", "disabled", "label", "hideIcon"]);
     };
   }
-}), co = ["checked", "disabled"], uo = { class: "text-sm ms-2 peer-disabled:opacity-40" }, fo = /* @__PURE__ */ V({
+}), ao = ["checked", "disabled"], io = { class: "text-sm ms-2 peer-disabled:opacity-40" }, ro = /* @__PURE__ */ V({
   __name: "VCheckbox",
   props: {
     modelValue: { type: [Number, Boolean], default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click"],
-  setup(e, { emit: t }) {
-    const l = t, s = (o) => {
-      const a = o.target;
-      l("update:modelValue", a.checked);
-    }, n = (o) => l("click", o);
-    return (o, a) => (f(), p("label", {
+  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", {
       class: B(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
-      onClick: n
+      onClick: t
     }, [
-      i("input", {
+      o("input", {
         type: "checkbox",
         checked: !!e.modelValue,
         disabled: e.disabled,
         class: "peer size-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40 not-disabled:cursor-pointer",
         onChange: s
-      }, null, 40, co),
-      a[0] || (a[0] = i("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" }, [
-        i("svg", {
+      }, 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", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
           fill: "currentColor",
           stroke: "currentColor",
           "stroke-width": "1"
         }, [
-          i("path", {
+          o("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)),
-      i("span", uo, [
-        k(o.$slots, "default")
+      o("span", io, [
+        $(a.$slots, "default")
       ])
     ], 2));
   }
-}), mo = { class: "flex flex-col" }, vo = { class: "flex gap-4 mb-6" }, po = {
+}), co = { class: "flex flex-col" }, uo = { class: "flex gap-4 mb-6" }, fo = {
   key: 0,
   class: "flex gap-4"
-}, ho = {
+}, mo = {
   key: 1,
   class: ""
-}, go = { class: "flex flex-col md:flex-row gap-4" }, bo = { class: "flex gap-4" }, yo = { class: "flex justify-between flex-auto" }, xo = ["onClick"], ko = /* @__PURE__ */ V({
+}, vo = { class: "flex flex-col md:flex-row gap-4" }, po = { class: "flex gap-4" }, ho = { class: "flex justify-between flex-auto" }, go = ["onClick"], bo = /* @__PURE__ */ V({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -2465,26 +2465,26 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
     type: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = t, s = L(() => e.items.map((h, x) => ({ ...h, id: ++x }))), n = D({ name: "", value: "" }), o = L(() => e.items.length + 1), a = L(() => {
+  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(() => {
       var h;
-      return !((h = n.value) != null && h.id);
-    }), 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: $ }) => n.value = { id: h, name: x, value: $ }, m = () => {
-      const h = o.value;
-      n.value = { name: `New_${h}`, value: `${h}`, id: h }, u("items", r([...s.value, n.value]));
+      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) => {
-      n.value.name === h.name && (n.value = { name: "", value: "" }), u("items", r(s.value.filter((x) => x.value !== h.value)));
+      t.value.name === h.name && (t.value = { name: "", value: "" }), u("items", i(s.value.filter((x) => x.value !== h.value)));
     }, g = ze(() => {
-      const h = n.value;
+      const h = t.value;
       if (!h.name || !h.value) return;
-      const x = s.value.map(($) => $.id === h.id ? h : $);
-      u("items", r(x));
+      const x = s.value.map((_) => _.id === h.id ? h : _);
+      u("items", i(x));
     }, 300);
     return (h, x) => {
-      const $ = ne, C = ye;
-      return f(), p("div", mo, [
-        i("div", vo, [
-          b(fo, {
+      const _ = le, C = ye;
+      return f(), p("div", co, [
+        o("div", uo, [
+          b(ro, {
             modelValue: e.disabled,
             "onUpdate:modelValue": x[0] || (x[0] = (z) => u("disabled", z ? 1 : 0))
           }, {
@@ -2494,7 +2494,7 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        d("dimmer") ? (f(), p("div", po, [
+        d("dimmer") ? (f(), p("div", fo, [
           b(J, {
             modelValue: e.min,
             label: "Min",
@@ -2510,31 +2510,31 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
             label: "Step",
             "onUpdate:modelValue": x[3] || (x[3] = (z) => u("step", +z))
           }, null, 8, ["modelValue"])
-        ])) : T("", !0),
-        d("list") ? (f(), p("div", ho, [
-          i("div", go, [
+        ])) : E("", !0),
+        d("list") ? (f(), p("div", mo, [
+          o("div", vo, [
             b(J, {
-              modelValue: n.value.name,
+              modelValue: t.value.name,
               "onUpdate:modelValue": [
-                x[4] || (x[4] = (z) => n.value.name = z),
-                E(g)
+                x[4] || (x[4] = (z) => t.value.name = z),
+                T(g)
               ],
-              disabled: a.value,
+              disabled: r.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
             b(J, {
-              modelValue: n.value.value,
+              modelValue: t.value.value,
               "onUpdate:modelValue": [
-                x[5] || (x[5] = (z) => n.value.value = z),
-                E(g)
+                x[5] || (x[5] = (z) => t.value.value = z),
+                T(g)
               ],
-              disabled: a.value,
+              disabled: r.value,
               label: "Value"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          i("div", bo, [
+          o("div", po, [
             b(te, {
-              "model-value": n.value.value,
+              "model-value": t.value.value,
               label: "List",
               items: s.value,
               top: "unset",
@@ -2542,14 +2542,14 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
               onChange: c
             }, {
               item: y(({ item: z }) => [
-                i("div", yo, [
-                  i("span", null, _(z.name), 1),
-                  i("button", {
+                o("div", ho, [
+                  o("span", null, k(z.name), 1),
+                  o("button", {
                     class: "cursor-pointer size-4",
                     onClick: N((j) => v(z), ["prevent", "stop"])
                   }, [
-                    b($)
-                  ], 8, xo)
+                    b(_)
+                  ], 8, go)
                 ])
               ]),
               _: 1
@@ -2565,11 +2565,11 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
               _: 1
             })
           ])
-        ])) : T("", !0)
+        ])) : E("", !0)
       ]);
     };
   }
-}), _o = { class: "flex flex-col" }, $o = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, wo = { class: "flex-auto order-1" }, Co = { class: "flex-auto gap-x-2 order-1" }, zo = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, So = { class: "flex gap-2 items-center" }, Vo = { class: "flex flex-col gap-4" }, Bo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, To = { class: "relative group" }, Eo = { class: "select-none" }, Lo = ["onClick"], Mo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Ao = { class: "flex-[0_0_130px] size-[130px]" }, Do = { class: "flex gap-4 justify-end" }, Io = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Ja = /* @__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" }, Ua = /* @__PURE__ */ V({
   __name: "ItemEdit",
   props: {
     items: {},
@@ -2579,8 +2579,8 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
     listIcons: {}
   },
   emits: ["button"],
-  setup(e, { emit: t }) {
-    const l = t, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], n = D({
+  setup(e, { emit: l }) {
+    const n = l, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = D({
       id: "",
       name: "",
       type: "button",
@@ -2590,65 +2590,65 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
       set: "",
       get: "",
       getTo: ""
-    }), o = D(!1), a = L(() => {
+    }), a = D(!1), r = 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 === (n == null ? void 0 : n.value.id))), u = L(() => n.value.type === "info"), r = L(() => {
+    }).find((w) => w.id === (t == null ? void 0 : t.value.id))), u = L(() => t.value.type === "info"), i = L(() => {
       var w;
-      return (w = n.value.args) == null ? void 0 : w.length;
-    }), c = L(() => n.value.args.length > 3), m = L(() => {
+      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 } = n.value;
+      const { id: w, args: S } = t.value;
       return !w || !S.length;
-    }), v = ({ value: w }) => n.value.icon = w, g = ({ value: w }) => {
+    }), v = ({ value: w }) => t.value.icon = w, g = ({ value: w }) => {
       const S = w;
-      n.value.type = S, delete n.value.opts, ["button", "list", "dimmer"].includes(S) && (w === "button" && (n.value.opts = {}), w === "list" && (n.value.opts = { items: [] }), w === "dimmer" && (n.value.opts = { min: 0, max: 255, step: 1 }));
+      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" && (n.value.get ? delete n.value.get : n.value.get = "v"), w === "set" && (n.value.set ? delete n.value.set : n.value.set = "v"), w === "getTo" && (n.value.getTo ? delete n.value.getTo : n.value.getTo = "v");
-    }, x = (w) => l("button", w, n.value), $ = (w) => n.value.args = n.value.args.filter((S) => S !== w), C = ({ path: w }) => {
-      !n.value.args.length && !n.value.id && (n.value.id = w), n.value.args.push(w), o.value = !1;
+      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;
     }, 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" && (n.value.set = S), w === "get" && (n.value.get = S), w === "getTo" && (n.value.getTo = S), S || delete n.value[w];
-    }, rt = () => {
-      o.value = !0;
-    }, ct = (w, S) => {
-      n.value.opts || (n.value.opts = {}), n.value.opts[w] = S, w === "disabled" && !S && delete n.value.opts[w];
+      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;
+    }, it = (w, S) => {
+      t.value.opts || (t.value.opts = {}), t.value.opts[w] = S, w === "disabled" && !S && delete t.value.opts[w];
     };
     return fe(() => {
       var w;
-      (w = e.item) != null && w.id && (n.value = Bt(e.item));
+      (w = e.item) != null && w.id && (t.value = zt(e.item));
     }), (w, S) => {
-      const dt = As, ut = ne;
-      return f(), p("div", _o, [
-        i("div", $o, [
-          i("div", wo, [
-            b(so, {
+      const rt = Ts, ct = le;
+      return f(), p("div", yo, [
+        o("div", xo, [
+          o("div", $o, [
+            b(to, {
               class: "flex-auto min-h-75",
               value: 0,
               items: s
             }, {
               "tab-0": y(() => [
-                i("div", Co, [
+                o("div", ko, [
                   b(J, {
-                    modelValue: n.value.id,
-                    "onUpdate:modelValue": S[0] || (S[0] = (H) => n.value.id = H),
+                    modelValue: t.value.id,
+                    "onUpdate:modelValue": S[0] || (S[0] = (H) => t.value.id = H),
                     label: "ID",
                     message: d.value ? w.$t("used") : ""
-                  }, xt({ _: 2 }, [
-                    r.value ? void 0 : {
+                  }, bt({ _: 2 }, [
+                    i.value ? void 0 : {
                       name: "icon",
                       fn: y(() => [
                         b(A, {
                           color: "transparent",
-                          onClick: rt
+                          onClick: at
                         }, {
                           default: y(() => [
-                            b(dt)
+                            b(rt)
                           ]),
                           _: 1
                         })
@@ -2657,13 +2657,13 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
                     }
                   ]), 1032, ["modelValue", "message"]),
                   b(J, {
-                    modelValue: n.value.name,
-                    "onUpdate:modelValue": S[1] || (S[1] = (H) => n.value.name = H),
+                    modelValue: t.value.name,
+                    "onUpdate:modelValue": S[1] || (S[1] = (H) => t.value.name = H),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  i("div", zo, [
+                  o("div", _o, [
                     b(te, {
-                      "model-value": n.value.icon,
+                      "model-value": t.value.icon,
                       bottom: "0",
                       top: "unset",
                       label: "Icon",
@@ -2672,17 +2672,17 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
                       onChange: v
                     }, {
                       item: y(({ item: H }) => [
-                        i("div", So, [
-                          k(w.$slots, "icon", {
+                        o("div", wo, [
+                          $(w.$slots, "icon", {
                             icon: H.value
                           }),
-                          i("div", null, _(H.name), 1)
+                          o("div", null, k(H.name), 1)
                         ])
                       ]),
                       _: 3
                     }, 8, ["model-value", "items"]),
                     b(te, {
-                      "model-value": n.value.type,
+                      "model-value": t.value.type,
                       bottom: "0",
                       top: "unset",
                       label: "Type",
@@ -2693,61 +2693,61 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
                 ])
               ]),
               "tab-1": y(() => [
-                i("div", Vo, [
-                  b(tt, {
-                    active: !!n.value.args.length,
+                o("div", Co, [
+                  b(Ze, {
+                    active: !!t.value.args.length,
                     disabled: c.value,
                     label: "Arguments",
-                    onIcon: S[2] || (S[2] = (H) => o.value = !0)
+                    onIcon: S[2] || (S[2] = (H) => a.value = !0)
                   }, {
                     default: y(() => [
-                      i("div", Bo, [
-                        (f(!0), p(O, null, K(n.value.args, (H, Le) => (f(), p("div", {
+                      o("div", zo, [
+                        (f(!0), p(O, null, U(t.value.args, (H, Le) => (f(), p("div", {
                           key: H,
                           class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                         }, [
-                          i("div", To, [
-                            i("span", Eo, _(H), 1),
-                            i("div", {
+                          o("div", So, [
+                            o("span", Vo, k(H), 1),
+                            o("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" : ""])
                             }, [
-                              i("pre", null, _(E(ft)(H, e.object)), 1)
+                              o("pre", null, k(T(dt)(H, e.object)), 1)
                             ], 2)
                           ]),
-                          Le || n.value.args.length < 2 ? (f(), p("button", {
+                          Le || t.value.args.length < 2 ? (f(), p("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (za) => $(H)
+                            onClick: (xa) => _(H)
                           }, [
-                            b(ut, { class: "size-5" })
-                          ], 8, Lo)) : T("", !0)
+                            b(ct, { class: "size-5" })
+                          ], 8, Bo)) : E("", !0)
                         ]))), 128))
                       ])
                     ]),
                     _: 1
                   }, 8, ["active", "disabled"]),
-                  b(ke, {
-                    value: n.value.set,
-                    args: n.value.args,
-                    disabled: !r.value || u.value,
+                  b($e, {
+                    value: t.value.set,
+                    args: t.value.args,
+                    disabled: !i.value || u.value,
                     label: "Set",
                     onIcon: S[3] || (S[3] = (H) => h("set")),
                     onHover: X,
                     onChange: S[4] || (S[4] = (H) => xe("set", H))
                   }, null, 8, ["value", "args", "disabled"]),
-                  b(ke, {
-                    value: n.value.get,
-                    args: n.value.args,
-                    disabled: !r.value,
+                  b($e, {
+                    value: t.value.get,
+                    args: t.value.args,
+                    disabled: !i.value,
                     label: "Get",
                     onIcon: S[5] || (S[5] = (H) => h("get")),
                     onHover: X,
                     onChange: S[6] || (S[6] = (H) => xe("get", H))
                   }, null, 8, ["value", "args", "disabled"]),
-                  b(ke, {
-                    value: n.value.getTo,
-                    args: n.value.args,
-                    disabled: !r.value,
+                  b($e, {
+                    value: t.value.getTo,
+                    args: t.value.args,
+                    disabled: !i.value,
                     label: "GetTo",
                     onIcon: S[7] || (S[7] = (H) => h("getTo")),
                     onHover: X,
@@ -2756,30 +2756,30 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
                 ])
               ]),
               "tab-2": y(() => [
-                b(ko, P(n.value.opts, {
-                  value: n.value.value,
-                  type: n.value.type,
-                  onUpdate: ct
+                b(bo, P(t.value.opts, {
+                  value: t.value.value,
+                  type: t.value.type,
+                  onUpdate: it
                 }), null, 16, ["value", "type"])
               ]),
               _: 3
             })
           ]),
-          i("div", Mo, [
-            i("div", Ao, [
-              k(w.$slots, "default", { item: n.value })
+          o("div", Eo, [
+            o("div", To, [
+              $(w.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        i("div", Do, [
+        o("div", Lo, [
           b(A, {
             class: "px-4",
             color: "blue",
             disabled: m.value,
-            onClick: S[9] || (S[9] = (H) => x(a.value ? "add" : "save"))
+            onClick: S[9] || (S[9] = (H) => x(r.value ? "add" : "save"))
           }, {
             default: y(() => [
-              I(_(a.value ? w.$t("add") : w.$t("save")), 1)
+              I(k(r.value ? w.$t("add") : w.$t("save")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -2790,251 +2790,255 @@ const Rs = F({ name: "ri-folder6-line", render: Us }), Ws = ["onClick"], qs = {
             onClick: S[10] || (S[10] = (H) => x("remove"))
           }, {
             default: y(() => [
-              I(_(w.$t("remove")), 1)
+              I(k(w.$t("remove")), 1)
             ]),
             _: 1
           })
         ]),
-        o.value ? (f(), M(Be, {
+        a.value ? (f(), M(Be, {
           key: 0,
           size: "md",
           title: w.$t("select"),
-          onClose: S[11] || (S[11] = (H) => o.value = !1)
+          onClose: S[11] || (S[11] = (H) => a.value = !1)
         }, {
           default: y(() => [
-            i("div", Io, [
-              b(nt, {
+            o("div", Mo, [
+              b(et, {
                 items: e.object,
-                onlyValue: !r.value,
+                onlyValue: !i.value,
                 onClick: C
               }, null, 8, ["items", "onlyValue"])
             ])
           ]),
           _: 1
-        }, 8, ["title"])) : T("", !0)
+        }, 8, ["title"])) : E("", !0)
       ]);
     };
   }
-}), De = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Oo = { 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" }, jo = { 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" }, Ho = { 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" }, lt = (e) => st(e);
-function Ie(e) {
-  const t = Array.isArray(e) ? e : [e];
-  return t.length === 0 ? lt : (l) => t.reduce((s, n, o) => n(s, { html: o > 0 }), l);
+}), 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);
+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);
 }
-class No {
-  constructor(t, l = {}) {
-    if (this.lines = null, !t) throw new Error("selector is not defined");
-    if (this.root = t instanceof Node ? t : document.querySelector(t), !this.root) throw new Error(`element with "${t}" selector is not exist`);
-    const s = { value: "", styles: {}, plugins: [], highlighter: lt }, { highlighters: n, ...o } = l;
-    this.options = { ...s, ...o, highlighter: n ? Ie(n) : s.highlighter }, this.options.value = this.options.value == null ? "" : String(this.options.value), this.init();
+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();
   }
   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 t = Object.keys(De).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
+    const l = Object.keys(Ae).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
     this.initialRootStyles = {};
-    const l = this.root.style;
-    t.forEach((s) => {
-      this.initialRootStyles[s] = l[s] || "";
-    }), Object.assign(this.root.style, De, this.options.styles), Object.assign(this.textarea.style, Oo), Object.assign(this.pre.style, jo), 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();
+    const n = this.root.style;
+    l.forEach((s) => {
+      this.initialRootStyles[s] = n[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 = (t) => {
-      if (t.type === "keydown" && this.textarea.readOnly) return;
-      const l = t;
-      if (l.isComposing || l.keyCode === 229) return;
-      const s = function(n, o) {
-        const { value: a, selectionStart: d, selectionEnd: u } = o.target;
-        return n.reduce((r, c) => ({ ...r, ...c(r, o) }), { value: a, selectionStart: d, selectionEnd: u });
-      }(this.options.plugins, t);
+    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.update(s);
     }, this.textarea.addEventListener("input", this.handleEvent), this.textarea.addEventListener("keydown", this.handleEvent), this.textarea.addEventListener("compositionend", this.handleEvent);
   }
-  update(t) {
+  update(l) {
     if (!this.textarea) return;
-    let { value: l, selectionStart: s, selectionEnd: n } = t;
-    l != null && (l = String(l), s == null && (s = this.textarea.selectionStart), n == null && (n = this.textarea.selectionEnd), this.textarea.value !== l && (this.textarea.value = l)), s != null && (this.textarea.selectionStart = s), n != null && (this.textarea.selectionEnd = n), l !== this.value && l != null && (this.value = l, this.render(), this.updateCallback && this.updateCallback(l));
+    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));
   }
-  updateOptions(t) {
+  updateOptions(l) {
     if (!this.textarea) return;
-    const { highlighters: l, ...s } = t;
-    if (this.options = { ...this.options, ...s, highlighter: l ? Ie(l) : this.options.highlighter }, t.styles) {
-      const n = this.root.style;
-      Object.keys(t.styles).forEach((o) => {
-        o in this.initialRootStyles || (this.initialRootStyles[o] = n[o] || "");
-      }), Object.assign(this.root.style, t.styles), ("paddingLeft" in t.styles || "padding" in t.styles) && (this.basePaddingLeft = this.root.style.paddingLeft || "");
+    const { highlighters: n, ...s } = l;
+    if (this.options = { ...this.options, ...s, highlighter: n ? De(n) : this.options.highlighter }, l.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 || "");
     }
-    this.lines && !this.options.lineNumbers && (ve(this.lines), this.lines = null, this.root.style.paddingLeft = this.basePaddingLeft), t.value != null && this.update({ value: t.value }), this.render();
+    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();
   }
   render() {
-    const t = this.options.highlighter(this.value);
-    this.pre.innerHTML = t + "<br/>", this.updateLines();
+    const l = this.options.highlighter(this.value);
+    this.pre.innerHTML = l + "<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, Ho));
-    const t = this.value.split(`
-`), l = t.length.toString().length;
-    this.root.style.paddingLeft = `${l + 1}ch`, this.lines.innerHTML = t.map((s, n) => `${`<span class="yace-line" style="position: absolute; opacity: .3; left: 0; width: ${l}ch; text-align: right">${1 + n}</span>`}${`<span style="color: transparent; pointer-events: none">${st(s)}</span>`}`).join(`
+    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(`
 `);
   }
   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(t) {
-    this.updateCallback = t;
+  onUpdate(l) {
+    this.updateCallback = l;
   }
 }
 function ve(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function st(e) {
+function lt(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const Oe = { 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" }, Po = { add: "=" }, Fo = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
-function ce(e, t) {
-  const l = e.split("+").reduce((u, r) => Oe[r] ? (u.modifiers[Oe[r]] = !0, u) : { ...u, key: Po[r] || r.toLowerCase() }, { modifiers: { altKey: !1, ctrlKey: !1, metaKey: !1, shiftKey: !1 }, key: null }), s = Object.keys(l.modifiers).every((u) => l.modifiers[u] ? t[u] : !t[u]);
-  if (!l.key) return s;
-  const n = t.key != null && t.key.toLowerCase() === l.key, o = (a = l.key, /^[a-z]$/.test(a) ? `key${a}` : /^[0-9]$/.test(a) ? `digit${a}` : Fo[a] || null);
-  var a;
-  const d = !t.isComposing && o != null && t.code != null && t.code.toLowerCase() === o;
-  return s && (n || d);
+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;
+  return s && (t || d);
 }
-function Ko(e = {}) {
-  const t = Math.max(1, e.limit == null ? 300 : e.limit), l = e.coalesceMs == null ? 300 : e.coalesceMs;
-  let s = [], n = null, o = null;
-  const a = (d) => {
-    s = s.slice(0, n + 1), s.push(d), s.length > t && (s = s.slice(s.length - t)), n = s.length - 1;
+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;
   };
   return (d, u) => {
-    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(), n === null) return s = [d], void (n = 0);
-    if (r) return o = null, s[n].value !== d.value ? a(d) : s[n] = d, n = Math.max(0, n - 1), s[n];
-    if (c) return o = null, s[n].value !== d.value ? void a(d) : (n = Math.min(s.length - 1, n + 1), s[n]);
-    if (u.type === "keydown") return s[n].value !== d.value ? (o = null, void a(d)) : void (s[n] = d);
+    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);
     if (u.type === "input") {
-      const m = u.timeStamp, v = m != null && o != null && m - o <= l;
-      if (o = m ?? null, v) return void (s[n] = d);
-      a(d);
+      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 Uo = () => (e, t) => {
-  const { value: l, selectionStart: s, selectionEnd: n } = e;
-  if (!ce("enter", t) || t.type !== "keydown") return;
-  const o = l.substring(0, s).split(`
-`).pop(), a = /^\s+/.exec(o);
-  if (!a) return;
-  t.preventDefault();
+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 d = `
-` + a[0];
-  return { value: l.substring(0, s) + d + l.substring(n), selectionStart: s + d.length, selectionEnd: s + d.length };
-}, Ro = () => (e, t) => {
-  if (!(t instanceof KeyboardEvent) || t.key !== "Enter")
+` + 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")
     return;
-  const { value: l, selectionStart: s, selectionEnd: n } = e;
-  if (s !== n)
+  const { value: n, selectionStart: s, selectionEnd: t } = e;
+  if (s !== t)
     return;
-  const o = l.lastIndexOf(`
-`, s - 1) + 1, a = l.indexOf(`
-`, s), d = a === -1 ? l.length : a;
-  if (l.slice(s, d).trim().length > 0)
+  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)
     return;
-  const c = l.substring(o, d).trimEnd();
+  const c = n.substring(a, d).trimEnd();
   if (c.endsWith(";") || c.length === 0)
     return;
-  const m = l.slice(0, d) + ";" + l.slice(d), v = s + 1;
+  const m = n.slice(0, d) + ";" + n.slice(d), v = s + 1;
   return {
     value: m,
     selectionStart: v,
     selectionEnd: v
   };
-}, Wo = [
-  { label: "if", type: "keyword", insertText: `if:\${$v0<10};
+}, Uo = [
+  { label: "if", type: "word", insert: `if:\${$v0<10};
 
 else;
 
 end;`, detail: "if:${$v0<10};else;end;" },
-  { label: "while", type: "keyword", insertText: `$v0=0;
+  { label: "while", type: "word", insert: `$v0=0;
 while:\${$v0<10};
 log($v0);
 $v0=$v0+1;
 wait(1s);
-end;`, detail: "while" },
-  { label: "on", type: "function", insertText: "on('${event}')\nend;", detail: "event" },
-  { label: "wait", type: "function", insertText: "wait(${1s})", detail: "delay 1s" },
-  { label: "log", type: "function", insertText: "log('${test}')", detail: "log" },
-  { label: "len", type: "function", insertText: "len(${$a0})", detail: "length" },
-  { label: "set", type: "function", insertText: "set(${$a0}, ${2}, ${10})", detail: "array" },
-  { label: "get", type: "function", insertText: "get(${$a0}, ${0})", detail: "array" },
-  { label: "ord", type: "function", insertText: "ord(${$s0})", detail: "ord" },
-  { label: "chr", type: "function", insertText: "chr(${65})", detail: "chr" },
-  { label: "btn_13", type: "event", detail: "btn" },
-  { label: "btn_13_1", type: "event", detail: "btn" },
-  { label: "btn_13_0", type: "event", detail: "btn" },
-  { label: "$v${0}=", type: "variable", detail: "uint" },
-  { label: "$i${0}=", type: "variable", detail: "int" },
-  { label: "$f${0}=", type: "variable", detail: "float" },
-  { label: "$s${0}=", type: "variable", detail: "string" },
-  { label: "$p${13}=", type: "variable", detail: "gpio" }
+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 Te = [], q = null, W = 0, Y = [], ee = null, le = null, Ee, ot, G = null, ae = null;
-const qo = (e) => {
-  const { customSuggestions: t = [], minPrefixLength: l = 1, maxSuggestions: s = 20, tabSize: n = 2, tooltip: o = { enabled: !0 }, i18n: a, renderMenu: d, renderTooltip: u } = e;
+let Ee = [], q = null, K = 0, Y = [], ee = null, ne = null, Te, nt, 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;
   if (!d || !u)
     throw new Error("renderMenu and renderTooltip are required");
-  return Te = [...Wo, ...t].map((r) => a(r)), Ee = d, ot = u, (r, c) => {
+  return Ee = [...Uo, ...l].map((i) => r(i)), Te = d, nt = u, (i, c) => {
     if (!(c instanceof KeyboardEvent))
       return;
-    const { value: m, selectionStart: v } = r, g = c.target;
-    if (le = g, o.enabled !== !1 && !g.dataset.tooltipInitialized && (g.dataset.tooltipInitialized = "true", g.addEventListener("mouseup", () => {
-      setTimeout(() => je(g), 100);
+    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", () => {
+      setTimeout(() => Oe(g), 100);
     }), g.addEventListener("keyup", () => {
-      setTimeout(() => je(g), 100);
+      setTimeout(() => Oe(g), 100);
     })), q) {
       switch (c.key) {
         case "ArrowDown":
-          return c.preventDefault(), W < Y.length - 1 && (W++, se()), { ...r };
+          return c.preventDefault(), K < Y.length - 1 && (K++, se()), { ...i };
         case "ArrowUp":
-          return c.preventDefault(), W > 0 && (W--, se()), { ...r };
+          return c.preventDefault(), K > 0 && (K--, se()), { ...i };
         case "Enter":
-          if (c.preventDefault(), Y[W]) {
-            const h = $e(r, Y[W]);
+          if (c.preventDefault(), Y[K]) {
+            const h = _e(i, Y[K]);
             return Q(), h;
           }
           return;
         case "Tab":
-          if (c.preventDefault(), Y[W]) {
-            const h = $e(r, Y[W]);
+          if (c.preventDefault(), Y[K]) {
+            const h = _e(i, Y[K]);
             return Q(), h;
           }
           return;
         case "Escape":
-          return c.preventDefault(), Q(), { ...r };
+          return c.preventDefault(), Q(), { ...i };
         case "Backspace":
           setTimeout(() => {
-            if (le) {
-              const h = le.value, x = le.selectionStart, $ = he(h, x), C = h.slice($, x);
-              if (C.length < l)
+            if (ne) {
+              const h = ne.value, x = ne.selectionStart, _ = he(h, x), C = h.slice(_, x);
+              if (C.length < n)
                 Q();
               else {
-                const z = _e(C).slice(0, s);
-                z.length === 0 ? Q() : (Y = z, W = 0, se());
+                const z = ke(C).slice(0, s);
+                z.length === 0 ? Q() : (Y = z, K = 0, se());
               }
             }
           }, 0);
           return;
       }
       if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(c.key))
-        return { ...r };
+        return { ...i };
     }
     if (ce("tab", c)) {
       c.preventDefault();
       const h = he(m, v), x = m.slice(h, v);
       if (x.length > 0) {
-        const j = _e(x);
+        const j = ke(x);
         if (j.length > 0)
-          return $e(r, j[0]);
+          return _e(i, j[0]);
       }
-      const $ = " ".repeat(n), C = m.slice(0, v) + $ + m.slice(v), z = v + n;
+      const _ = " ".repeat(t), C = m.slice(0, v) + _ + m.slice(v), z = v + t;
       return {
         value: C,
         selectionStart: z,
@@ -3044,302 +3048,252 @@ const qo = (e) => {
     if (!(c.key.length !== 1 || c.ctrlKey || c.metaKey || c.altKey))
       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 < l) {
+        const h = g.value, x = g.selectionStart, _ = he(h, x), C = h.slice(_, x);
+        if (C.length < n) {
           Q();
           return;
         }
-        let z = _e(C);
+        let z = ke(C);
         if (z = z.slice(0, s), z.length === 0) {
           Q();
           return;
         }
-        Y = z, W = 0, q ? se() : Go(g, z);
-      }, 0), { ...r };
+        Y = z, K = 0, q ? se() : Wo(g, z);
+      }, 0), { ...i };
   };
 };
-function _e(e) {
-  const t = e.toLowerCase();
-  return Te.filter((l) => {
-    const s = l.label.toLowerCase();
-    return s.startsWith(t) || s.includes(t) || s.split("_").map((n) => n[0]).join("").startsWith(t);
-  }).sort((l, s) => {
-    const n = l.label.toLowerCase(), o = s.label.toLowerCase(), a = n.startsWith(t), d = o.startsWith(t);
-    if (a && !d) return -1;
-    if (!a && d) return 1;
-    const u = n.indexOf(t), r = o.indexOf(t);
-    return u !== r ? u - r : n.length !== o.length ? n.length - o.length : n.localeCompare(o);
+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);
   });
 }
-function he(e, t) {
-  let l = t;
-  for (; l > 0 && /[a-zA-Z0-9_$]/.test(e[l - 1]); )
-    l--;
-  return l;
+function he(e, l) {
+  let n = l;
+  for (; n > 0 && /[a-zA-Z0-9_$]/.test(e[n - 1]); )
+    n--;
+  return n;
 }
-function Go(e, t) {
-  Q(), Y = t, W = 0;
-  const l = at(e);
-  q = Ee(t, W, (s) => {
-    W = s, se();
+function Wo(e, l) {
+  Q(), Y = l, K = 0;
+  const n = st(e);
+  q = Te(l, K, (s) => {
+    K = s, se();
   }), Object.assign(q.style, {
     position: "fixed",
-    left: `${l.left}px`,
-    top: `${l.top + 24}px`,
+    left: `${n.left}px`,
+    top: `${n.top + 24}px`,
     zIndex: "10000"
   }), document.body.appendChild(q);
 }
 function se() {
-  if (!q || !le) return;
-  const e = Ee(Y, W, (l) => {
-    W = l, se();
-  }), t = q.getBoundingClientRect();
+  if (!q || !ne) return;
+  const e = Te(Y, K, (n) => {
+    K = n, se();
+  }), l = q.getBoundingClientRect();
   q.replaceWith(e), q = e, Object.assign(q.style, {
     position: "fixed",
-    left: `${t.left}px`,
-    top: `${t.top}px`,
+    left: `${l.left}px`,
+    top: `${l.top}px`,
     zIndex: "10000"
   });
 }
-function $e(e, t) {
-  const { value: l, selectionStart: s } = e, n = he(l, s), o = t.insertText || t.label, a = /\$\{([^}]*)\}/g;
-  let d = o;
+function _e(e, l) {
+  const { value: n, selectionStart: s } = e, t = he(n, s), a = l.insert || l.label, r = /\$\{([^}]*)\}/g;
+  let d = a;
   const u = [];
-  let r;
-  for (; (r = a.exec(o)) !== null; ) {
-    const h = r[1], x = r.index, $ = r[0].length;
-    u.push({ index: x, text: h, length: $ });
+  let i;
+  for (; (i = r.exec(a)) !== null; ) {
+    const h = i[1], x = i.index, _ = i[0].length;
+    u.push({ index: x, text: h, length: _ });
   }
-  d = o.replace(/\$\{([^}]*)\}/g, "$1");
+  d = a.replace(/\$\{([^}]*)\}/g, "$1");
   const c = u[0];
-  let m = n + d.length, v = n + d.length;
+  let m = t + d.length, v = t + d.length;
   if (c) {
-    let h = 0, x = 0, $ = !1;
-    for (; x < o.length && !$; ) {
+    let h = 0, x = 0, _ = !1;
+    for (; x < a.length && !_; ) {
       const C = u.find((z) => z.index === x);
-      C ? (h += C.text.length, x += C.length, C === c && (m = n + h - C.text.length, v = n + h, $ = !0)) : (h++, x++);
+      C ? (h += C.text.length, x += C.length, C === c && (m = t + h - C.text.length, v = t + h, _ = !0)) : (h++, x++);
     }
   }
   return {
-    value: l.slice(0, n) + d + l.slice(s),
+    value: n.slice(0, t) + d + n.slice(s),
     selectionStart: m,
     selectionEnd: v
   };
 }
 function Q() {
-  ee && (clearTimeout(ee), ee = null), q && (q.remove(), q = null, Y = [], W = 0, le = null);
+  ee && (clearTimeout(ee), ee = null), q && (q.remove(), q = null, Y = [], K = 0, ne = null);
 }
-function at(e) {
-  const t = e.getBoundingClientRect(), { value: l, selectionStart: s } = e, o = l.substring(0, s).split(`
-`), a = o.length, d = o[o.length - 1] || "", u = parseInt(getComputedStyle(e).lineHeight) || 20;
+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;
   return {
-    left: t.left + 10 + d.length * 8,
-    top: t.top + (a - 1) * u
+    left: l.left + 10 + d.length * 8,
+    top: l.top + (r - 1) * u
   };
 }
-function je(e) {
-  ae && clearTimeout(ae), ae = setTimeout(() => {
-    const t = e.selectionStart, l = e.selectionEnd;
-    if (t === l) {
-      oe();
+function Oe(e) {
+  oe && clearTimeout(oe), oe = setTimeout(() => {
+    const l = e.selectionStart, n = e.selectionEnd;
+    if (l === n) {
+      re();
       return;
     }
-    const s = e.value.substring(t, l).trim();
+    const s = e.value.substring(l, n).trim();
     if (!s) {
-      oe();
+      re();
       return;
     }
-    const n = Te.find((d) => d.label === s);
-    if (!n) {
-      oe();
+    const t = Ee.find((d) => d.label === s);
+    if (!t) {
+      re();
       return;
     }
-    const o = at(e), a = ot(n, o);
-    a.style.opacity = "0", G && G.remove(), G = a, document.body.appendChild(G), requestAnimationFrame(() => {
+    const a = st(e), r = nt(t, a);
+    r.style.opacity = "0", G && G.remove(), G = r, document.body.appendChild(G), requestAnimationFrame(() => {
       G && (G.style.opacity = "1");
-    }), setTimeout(() => oe(), 3e3);
+    }), setTimeout(() => re(), 3e3);
   }, 300);
 }
-function oe() {
-  ae && (clearTimeout(ae), ae = null), G && (G.style.opacity = "0", setTimeout(() => {
+function re() {
+  oe && (clearTimeout(oe), oe = null), G && (G.style.opacity = "0", setTimeout(() => {
     G && (G.remove(), G = null);
   }, 150));
 }
 document.addEventListener("mousedown", (e) => {
-  const t = e.target;
-  q && !q.contains(t) && Q(), G && !G.contains(t) && oe();
+  const l = e.target;
+  q && !q.contains(l) && Q(), G && !G.contains(l) && re();
 });
-document.addEventListener("scroll", oe, !0);
-const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Jo = /(\/\/[^\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)|(\$[vifsp]\d+)|(\b(?:btn_\d+_\d+|btn_\d+)\b)|([;:(){}])/g, Xo = (e) => {
-  let t = "", l = 0;
-  for (const s of e.matchAll(Jo)) {
-    const [n, o, a, d, u, r, c, m] = s;
+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 = "";
-    o ? v = "comment" : a ? v = "string" : d ? v = "number" : u ? v = "keyword" : r ? v = "variable" : c ? v = "event" : m && (v = "operator"), t += we(e.slice(l, s.index)), t += `<span class="tok--${v}">${we(n)}</span>`, l = s.index + n.length;
+    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;
   }
-  return t += we(e.slice(l)), t;
-}, it = {
-  keyword: "text-blue-600 dark:text-blue-400",
-  function: "text-yellow-600 dark:text-yellow-400",
-  variable: "text-cyan-600 dark:text-cyan-400",
+  return l += we(e.slice(n)), l;
+}, 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"
-}, Yo = (e, t, l) => {
+}, Go = (e, l, n) => {
   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((n, o) => {
-    const a = o === t, d = document.createElement("div");
+  `, e.forEach((t, a) => {
+    const r = a === l, 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 
-      ${a ? "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"}
+      ${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"}
     `;
-    const u = it[n.type] || "text-gray-700 dark:text-gray-300";
+    const u = ot[t.type] || "text-gray-700 dark:text-gray-300";
     d.innerHTML = `
       <div class="flex items-center gap-2 flex-1">
-        <span class="${u} font-medium">${n.label}</span>
-        ${n.detail ? `<span class="text-xs text-gray-500 dark:text-gray-400 ml-2">${n.detail}</span>` : ""}
+        <span class="${u} font-medium">${t.label}</span>
+        ${t.detail ? `<span class="text-xs text-gray-500 dark:text-gray-400 ml-2">${t.detail}</span>` : ""}
       </div>
-      ${n.description ? `<span class="text-xs text-gray-400 dark:text-gray-500">${n.description}</span>` : ""}
-    `, d.addEventListener("click", () => l(o)), s.appendChild(d);
+      ${t.description ? `<span class="text-xs text-gray-400 dark:text-gray-500">${t.description}</span>` : ""}
+    `, d.addEventListener("click", () => n(a)), s.appendChild(d);
   }), s;
-}, Qo = (e, t) => {
-  const l = document.createElement("div");
-  l.className = `
+}, Jo = (e, l) => {
+  const n = document.createElement("div");
+  n.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
-  `, l.style.cssText = `
-    left: ${t.left + 40}px; top: ${t.top - 10}px;
+  `, n.style.cssText = `
+    left: ${l.left + 40}px; top: ${l.top - 10}px;
     transform: translateX(-50%) translateY(-100%); opacity: 0;
   `;
-  let n = `<div class="font-medium ${it[e.type] || "text-gray-700 dark:text-gray-300"}">${e.label}</div>`;
-  e.detail && (n += `<div class="text-gray-500 dark:text-gray-400 mt-0.5 text-xs">${e.detail}</div>`), e.description && (n += `<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 = n;
-  const o = document.createElement("div");
-  return o.className = `
+  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 = `
     absolute bottom-[-6px] left-1/2 w-2.5 h-2.5 -translate-x-1/2 rotate-45
     bg-white dark:bg-gray-800 border-r border-b border-gray-200 dark:border-gray-700
-  `, l.appendChild(o), l;
-}, Zo = (e) => {
-  let t = "", l = !1, s = "";
-  for (let n = 0; n < e.length; n++) {
-    const o = e[n];
-    if ((o === '"' || o === "'") && (n === 0 || e[n - 1] !== "\\")) {
-      l ? (o === s && (l = !1), t += o) : (l = !0, s = o, t += o);
-      continue;
-    }
-    if (l) {
-      t += o;
-      continue;
-    }
-    o === " " || o === "	" || o === `
-` || o === "\r" || (t += o);
-  }
-  return t;
-}, He = (e) => {
-  let t = e;
-  return t = ea(t), t = ta(t), t;
-};
-function ea(e) {
-  let t = "";
-  for (let l = 0; l < e.length; l++)
-    t += e[l], (e[l] === ";" || e[l].match(/(if|while):/)) && (t += `
-`);
-  return t;
-}
-function ta(e) {
-  let t = "";
-  const l = e.split(`
-`);
-  let s = 0;
-  const n = "    ";
-  for (let o = 0; o < l.length; o++) {
-    const a = l[o];
-    a.match(/^(if|while|else|on).*;/) ? a.match(/^else;/) ? (s--, s < 0 && (s = 0), t += n.repeat(s) + a + `
-`, s++) : (t += n.repeat(s) + a + `
-`, s++) : (a === "end;" && (s--, s < 0 && (s = 0)), t += n.repeat(s) + a + `
-`);
-  }
-  return t;
-}
-const Xa = /* @__PURE__ */ V({
+  `, n.appendChild(a), n;
+}, Ra = /* @__PURE__ */ V({
   __name: "ScriptEditor",
   props: {
-    value: { default: "" },
+    modelValue: {},
     suggestions: { default: () => [] }
   },
-  emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = t;
+  emits: ["update:modelValue", "update"],
+  setup(e, { emit: l }) {
+    const n = l;
     let s;
-    ue(
-      () => e.value,
-      (a) => {
-        s.update({ value: He(a) });
+    return ue(
+      () => e.modelValue,
+      (t) => {
+        s.update({ value: t });
       }
     ), fe(() => {
-      s = new No("#editor", {
-        value: e.value,
+      s = new Oo("#editor", {
+        value: e.modelValue,
         lineNumbers: !0,
-        highlighters: [Xo],
+        highlighters: [qo],
         plugins: [
-          Ko(),
-          Uo(),
-          qo({
+          No(),
+          Po(),
+          Ro({
             customSuggestions: e.suggestions,
             minPrefixLength: 1,
             maxSuggestions: 20,
-            i18n: (a) => a,
+            i18n: (t) => t,
             tooltip: {
               enabled: !0
             },
-            renderMenu: Yo,
-            renderTooltip: Qo
+            renderMenu: Go,
+            renderTooltip: Jo
           }),
-          Ro()
+          Fo()
         ],
         styles: { fontSize: "14px" }
+      }), s.onUpdate((t) => {
+        n("update:modelValue", t);
       });
-    });
-    const { ctrl_s: n, ctrl_f: o } = $t({
-      passive: !1,
-      onEventFired(a) {
-        a.ctrlKey && a.key === "s" && a.type === "keydown" && a.preventDefault(), a.ctrlKey && a.key === "f" && a.type === "keydown" && a.preventDefault();
-      }
-    });
-    return Ae(n, () => {
-      l("update", Zo(s.value));
-    }), Ae(o, () => s.update({ value: He(s.value) })), Ue(() => {
+    }), Fe(() => {
       s.destroy();
-    }), (a, d) => (f(), p("div", null, [...d[0] || (d[0] = [
-      i("div", {
+    }), (t, a) => (f(), p("div", null, [...a[0] || (a[0] = [
+      o("div", {
         class: "",
         id: "editor"
       }, null, -1)
     ])]));
   }
-}), na = { class: "max-w-4xl mx-auto" }, la = {
+}), Xo = { class: "max-w-4xl mx-auto" }, Yo = {
   key: 0,
   class: "text-sm"
-}, sa = {
+}, Qo = {
   key: 0,
   class: "text-gray-500"
-}, oa = {
+}, Zo = {
   key: 1,
   class: "text-red-600"
-}, aa = ["innerHTML"], ia = "https://raw.githubusercontent.com/bondrogeen/vuesp/refs/heads/master/github/docs/scriptrunner/", ra = "https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js", Ya = /* @__PURE__ */ V({
+}, 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({
   __name: "ScriptViewDocs",
   props: {
     lang: { default: "en" }
   },
   setup(e) {
-    const t = D(""), l = D(""), s = D(null), n = D(!1), o = D(null);
-    let a = null;
+    const l = D(""), n = D(""), s = D(null), t = D(!1), a = D(null);
+    let r = null;
     const d = () => new Promise((c, m) => {
       if (window.marked) {
         window.marked.setOptions({
@@ -3350,7 +3304,7 @@ const Xa = /* @__PURE__ */ V({
         return;
       }
       const v = document.createElement("script");
-      v.src = ra, v.async = !0, v.onload = () => {
+      v.src = la, v.async = !0, v.onload = () => {
         window.marked ? (window.marked.setOptions({
           gfm: !0,
           breaks: !0,
@@ -3369,51 +3323,51 @@ const Xa = /* @__PURE__ */ V({
           continue;
         }
         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 = $));
+          const [x, _] = h.split(":").map((C) => C.trim());
+          x && _ && (x.toLowerCase().includes("version") && (v.version = _), (x.toLowerCase().includes("обновлено") || x.toLowerCase().includes("updated")) && (v.updated = _));
         }
       }
       return v;
-    }, r = async (c) => {
-      if (!a) {
-        o.value = "error";
+    }, i = async (c) => {
+      if (!r) {
+        a.value = "error";
         return;
       }
-      n.value = !0, o.value = null, l.value = "";
+      t.value = !0, a.value = null, n.value = "";
       try {
-        const m = `${ia}${c}.md`, v = await fetch(m);
+        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();
-        t.value = g, s.value = u(g), l.value = a.parse(g);
+        l.value = g, s.value = u(g), n.value = r.parse(g);
       } catch (m) {
         const v = m instanceof Error ? m.message : "";
-        o.value = v, console.error("Error loading docs:", m);
+        a.value = v, console.error("Error loading docs:", m);
       } finally {
-        n.value = !1;
+        t.value = !1;
       }
     };
     return fe(async () => {
       try {
-        a = await d();
+        r = await d();
         const c = e.lang ? "ru" : "en";
-        await r(c);
+        await i(c);
       } catch (c) {
         const m = c instanceof Error ? c.message : "";
-        o.value = m, console.error("Initialization error:", c);
+        a.value = m, console.error("Initialization error:", c);
       }
-    }), (c, m) => (f(), p("div", na, [
-      n.value || o.value ? (f(), p("div", la, [
-        n.value ? (f(), p("span", sa, "⏳")) : T("", !0),
-        o.value ? (f(), p("span", oa, "❌ " + _(o.value), 1)) : T("", !0)
-      ])) : T("", !0),
-      i("div", {
+    }), (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)
+      ])) : E("", !0),
+      o("div", {
         class: "docs-content",
-        innerHTML: l.value
-      }, null, 8, aa)
+        innerHTML: n.value
+      }, null, 8, ea)
     ]));
   }
-}), Qa = /* @__PURE__ */ V({
+}), Ka = /* @__PURE__ */ V({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -3423,11 +3377,11 @@ const Xa = /* @__PURE__ */ V({
     items: {}
   },
   emits: ["update:modelValue", "select"],
-  setup(e, { emit: t }) {
-    const l = t, s = (o) => l("update:modelValue", o), n = (o, a) => {
-      o.click(new Event("click")), l("select", a);
+  setup(e, { emit: l }) {
+    const n = l, s = (a) => n("update:modelValue", a), t = (a, r) => {
+      a.click(new Event("click")), n("select", r);
     };
-    return (o, a) => (f(), M(be, P(o.$attrs, {
+    return (a, r) => (f(), M(be, P(a.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
@@ -3444,11 +3398,11 @@ const Xa = /* @__PURE__ */ V({
       default: y(({ on: d }) => [
         b(me, {
           items: e.items,
-          onClick: (u) => n(d, u)
+          onClick: (u) => t(d, u)
         }, {
           default: y(({ item: u }) => [
-            k(o.$slots, "default", { item: u }, () => [
-              I(_(u.name), 1)
+            $(a.$slots, "default", { item: u }, () => [
+              I(k(u.name), 1)
             ])
           ]),
           _: 3
@@ -3457,97 +3411,97 @@ const Xa = /* @__PURE__ */ V({
       _: 3
     }, 16));
   }
-}), ca = {
+}), na = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function da(e, t) {
-  return f(), p("svg", ca, [...t[0] || (t[0] = [
-    i("path", {
+function sa(e, l) {
+  return f(), p("svg", na, [...l[0] || (l[0] = [
+    o("path", {
       fill: "currentColor",
       d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
     }, null, -1)
   ])]);
 }
-const ua = F({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, ma = { class: "p-4" }, Za = /* @__PURE__ */ V({
+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({
   __name: "VExpansion",
   props: {
     label: { default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = D(null), l = D(e.value), s = () => {
-      if (!t.value) return;
-      const o = t.value.querySelector(".v-expansion__content");
-      o && (o.style.maxHeight = l.value ? `${o.scrollHeight}px` : "0");
-    }, n = () => {
-      l.value = !l.value, s();
+    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");
+    }, t = () => {
+      n.value = !n.value, s();
     };
     return fe(() => {
       s();
-    }), (o, a) => {
-      const d = ua;
+    }), (a, r) => {
+      const d = oa;
       return f(), p("div", {
         ref_key: "root",
-        ref: t,
+        ref: l,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
-        i("div", {
+        o("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
-          onClick: n
+          onClick: t
         }, [
-          i("h4", null, _(e.label), 1),
-          i("div", {
-            class: B(["transition text-gray-400", { "rotate-x-180": l.value }])
+          o("h4", null, k(e.label), 1),
+          o("div", {
+            class: B(["transition text-gray-400", { "rotate-x-180": n.value }])
           }, [
             b(d, { class: "size-6" })
           ], 2)
         ]),
-        i("div", fa, [
-          i("div", ma, [
-            k(o.$slots, "default")
+        o("div", aa, [
+          o("div", ia, [
+            $(a.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}), va = ["onDragstart", "onDragenter"], pa = {
+}), ra = ["onDragstart", "onDragenter"], ca = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded"
-}, ei = /* @__PURE__ */ V({
+}, Ga = /* @__PURE__ */ V({
   __name: "VDragDrop",
   props: {
     items: {},
     itemKey: { default: "id" }
   },
   emits: ["update:items", "order-change"],
-  setup(e, { emit: t }) {
-    const l = t, s = D(null), n = D(0), o = D(-1), a = ({ id: m }) => ({
+  setup(e, { emit: l }) {
+    const n = l, s = D(null), t = D(0), a = D(-1), r = ({ 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, n.value = g, m.dataTransfer.effectAllowed = "move";
+      s.value = v, t.value = g, m.dataTransfer.effectAllowed = "move";
     }, u = (m) => {
-      s.value !== null && (o.value = m);
-    }, r = () => {
-      s.value = null, o.value = -1;
+      s.value !== null && (a.value = m);
+    }, i = () => {
+      s.value = null, a.value = -1;
     }, c = (m) => {
-      if (m.preventDefault(), s.value && o.value !== -1) {
-        const v = e.items.findIndex((h) => h[e.itemKey] === s.value), g = o.value;
+      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), l("update:items", h), l("order-change", { fromIndex: v, toIndex: g, movedItem: x, newOrder: h });
+          h.splice(g, 0, x), n("update:items", h), n("order-change", { fromIndex: v, toIndex: g, movedItem: x, newOrder: h });
         }
       }
-      o.value = -1;
+      a.value = -1;
     };
     return (m, v) => (f(), p("div", {
       onDragover: v[1] || (v[1] = N(() => {
       }, ["prevent"])),
       onDrop: c
     }, [
-      b(Ke, {
+      b(Pe, {
         "enter-active-class": "transition-all duration-300 ease",
         "enter-from-class": "opacity-0 translate-x-8",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -3557,80 +3511,80 @@ const ua = F({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
         "move-class": "transition-all duration-300 ease"
       }, {
         default: y(() => [
-          (f(!0), p(O, null, K(e.items, (g, h) => (f(), p("div", {
+          (f(!0), p(O, null, U(e.items, (g, h) => (f(), p("div", {
             key: `${g.id}_drug`,
-            class: B(["relative group", a(g)]),
+            class: B(["relative group", r(g)]),
             draggable: "true",
             onDragstart: (x) => d(x, g.id, h),
             onDragenter: (x) => u(h),
-            onDragend: r,
+            onDragend: i,
             onDragover: v[0] || (v[0] = N(() => {
             }, ["prevent"]))
           }, [
-            k(m.$slots, "default", {
+            $(m.$slots, "default", {
               item: g,
               key: g.id,
               index: h,
               isDragging: s.value === g.id
             }),
-            o.value === h && s.value !== g.id ? (f(), p("div", pa)) : T("", !0)
-          ], 42, va))), 128))
+            a.value === h && s.value !== g.id ? (f(), p("div", ca)) : E("", !0)
+          ], 42, ra))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), ha = { class: "min-w-full" }, ga = { class: "border-y border-gray-200 py-3 dark:border-gray-800" }, ba = { class: "bg-gray-200 dark:bg-gray-800" }, ya = { class: "flex items-center" }, xa = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, ka = ["onClick"], _a = { class: "flex items-center text-gray-700 dark:text-gray-400" }, $a = { key: 1 }, wa = {
+}), 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 = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, Ca = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ti = /* @__PURE__ */ V({
+}, ya = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Ja = /* @__PURE__ */ V({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const l = t, s = (a, d) => l("click", a, d), n = (a) => (a == null ? void 0 : a.className) || "", o = (a, { key: d }) => a == null ? void 0 : a[d];
-    return (a, d) => (f(), p("table", ha, [
-      i("thead", ga, [
-        i("tr", ba, [
-          (f(!0), p(O, null, K(e.headers, (u, r) => (f(), p("th", {
-            key: r,
-            class: B(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", n(u)])
+  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,
+            class: B(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(u)])
           }, [
-            k(a.$slots, "header", {
+            $(r.$slots, "header", {
               item: u,
-              i: r
+              i
             }, () => [
-              i("div", ya, _(u.name), 1)
+              o("div", ma, k(u.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      i("tbody", xa, [
-        e.items.length ? (f(!0), p(O, { key: 0 }, K(e.items, (u, r) => (f(), p("tr", {
-          key: r,
+      o("tbody", va, [
+        e.items.length ? (f(!0), p(O, { key: 0 }, U(e.items, (u, i) => (f(), p("tr", {
+          key: i,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
           onClick: (c) => s(u, c)
         }, [
-          (f(!0), p(O, null, K(e.headers, (c, m) => (f(), p("td", {
+          (f(!0), p(O, null, U(e.headers, (c, m) => (f(), p("td", {
             key: m,
             class: "py-2 px-4"
           }, [
-            i("div", _a, [
-              k(a.$slots, c.key, {
+            o("div", ha, [
+              $(r.$slots, c.key, {
                 item: u,
-                i: r
+                i
               }, () => [
-                I(_(o(u, c)), 1)
+                I(k(a(u, c)), 1)
               ])
             ])
           ]))), 128))
-        ], 8, ka))), 128)) : (f(), p("tr", $a, [
-          i("td", wa, [
-            i("div", Ca, [
-              k(a.$slots, "empty", {}, () => [
+        ], 8, pa))), 128)) : (f(), p("tr", ga, [
+          o("td", ba, [
+            o("div", ya, [
+              $(r.$slots, "empty", {}, () => [
                 d[0] || (d[0] = I("The list is empty", -1))
               ])
             ])
@@ -3639,31 +3593,31 @@ const ua = F({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
       ])
     ]));
   }
-}), ni = /* @__PURE__ */ V({
+}), Xa = /* @__PURE__ */ V({
   __name: "VTooltip",
   props: {
     timeout: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const t = D(!1), l = () => {
-      e.disabled || (t.value = !0);
+    const l = D(!1), n = () => {
+      e.disabled || (l.value = !0);
     }, s = () => {
-      t.value = !1;
-    }, n = Re("tooltip");
-    return wt(n, () => s()), (o, a) => (f(), p("div", {
+      l.value = !1;
+    }, t = Ue("tooltip");
+    return $t(t, () => s()), (a, r) => (f(), p("div", {
       ref: "tooltip",
       class: "relative v-tooltip",
-      onMouseenter: l,
+      onMouseenter: n,
       onMouseleave: s
     }, [
-      i("button", {
+      o("button", {
         type: "button",
-        onClick: l
+        onClick: n
       }, [
-        k(o.$slots, "activator")
+        $(a.$slots, "activator")
       ]),
-      b(ie, {
+      b(ae, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
         "enter-to-class": "opacity-100 translate-y-0",
@@ -3672,83 +3626,83 @@ const ua = F({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
         "leave-to-class": "transform opacity-0 -translate-y-2"
       }, {
         default: y(() => [
-          k(o.$slots, "default", { show: t.value })
+          $(a.$slots, "default", { show: l.value })
         ]),
         _: 3
       })
     ], 544));
   }
-}), Ne = {
+}), je = {
   VButton: A,
   VLoader: Ve,
   VDropdown: be,
   VList: me,
   VTextField: J,
   VSelect: te,
-  VWifiIcon: Ze,
-  CardMain: Yl,
-  VIconLogoMini: Je,
+  VWifiIcon: Ye,
+  CardMain: Gn,
+  VIconLogoMini: qe,
   VIconLogo: Se,
   VDialog: Be
-}, li = {
+}, Ya = {
   install: (e) => {
-    Object.keys(Ne).forEach((t) => {
-      e.component(t, Ne[t]);
-    }), Et.forEach(({ name: t, directive: l }) => e.directive(t, l));
+    Object.keys(je).forEach((l) => {
+      e.component(l, je[l]);
+    }), Vt.forEach(({ name: l, directive: n }) => e.directive(l, n));
   }
 };
 export {
-  Ea as AppAside,
-  La as AppHeader,
-  Da as AppNav,
-  Ma as AppNotification,
-  Aa as AppOverlay,
-  Ia as AppProgress,
-  Fa as BlockBreadcrumb,
-  Oa as BlockInfo,
-  ja as BlockScan,
-  Ha as BlockService,
-  Na as BlockStatus,
-  Pa as BlockUpdate,
-  re as CardBase,
-  Ka as CardButton,
-  Ua as CardDate,
-  Ra as CardDimmer,
-  Wa as CardInfo,
-  qa as CardInput,
-  Ga as CardList,
-  Yl as CardMain,
-  $n as CardNotification,
-  Ja as ItemEdit,
-  Xa as ScriptEditor,
-  Ya as ScriptViewDocs,
-  Qa as VAutocomplete,
+  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,
+  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,
   A as VButton,
-  fo as VCheckbox,
+  ro as VCheckbox,
   Be as VDialog,
-  ei as VDragDrop,
+  Ga as VDragDrop,
   be as VDropdown,
-  Za as VExpansion,
-  Nl as VFile,
-  ke as VFunc,
+  qa as VExpansion,
+  On as VFile,
+  $e as VFunc,
   Se as VIconLogo,
-  Je as VIconLogoMini,
+  qe as VIconLogoMini,
   me as VList,
-  nt as VListObject,
+  et as VListObject,
   Ve as VLoader,
-  Qe as VPopup,
+  Xe as VPopup,
   te as VSelect,
-  ti as VTable,
-  so as VTabs,
+  Ja as VTable,
+  to as VTabs,
   J as VTextField,
-  tt as VTextWrapper,
-  ni as VTooltip,
-  Ze as VWifiIcon,
-  ai as dashboardCards,
-  li as default,
-  ft as getDataValue,
-  ii as getFunction,
-  ri as getParamsData,
-  ci as getStateItem,
-  di as setStateItem
+  Ze as VTextWrapper,
+  Xa as VTooltip,
+  Ye as VWifiIcon,
+  ei as dashboardCards,
+  Ya as default,
+  dt as getDataValue,
+  ti as getFunction,
+  li as getParamsData,
+  ni as getStateItem,
+  si as setStateItem
 };