vuesp-components 2.1.5 → 2.1.7

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { openBlock as f, createElementBlock as p, createStaticVNode as rt, createElementVNode as a, defineComponent as z, resolveComponent as Pe, Fragment as I, createCommentVNode as B, normalizeClass as V, createVNode as b, withCtx as y, createBlock as A, renderSlot as k, markRaw as W, computed as E, resolveDynamicComponent as de, mergeProps as N, shallowRef as Ae, Teleport as Ne, Transition as re, unref as L, withModifiers as P, normalizeStyle as Y, ref as M, resolveDirective as ct, withDirectives as we, renderList as H, createTextVNode as D, toDisplayString as _, TransitionGroup as He, watch as ue, normalizeProps as F, guardReactiveProps as U, withKeys as dt, createPropsRestProxy as ut, onMounted as fe, onUnmounted as Fe, reactive as ft, useTemplateRef as Ue, vShow as mt, vModelText as vt } from "vue";
-import { u as Re, a as pt, b as Ke, c as We, d as Ce, o as ht } from "./useSwipeDown-DCYgiAUA.js";
-import { getDataValue as gt } from "./dashboard/index.es.js";
-import { dashboardCards as qa, getFunction as Ga, getParamsData as Ja, getStateItem as Xa, setStateItem as Qa } from "./dashboard/index.es.js";
-import { dateUtcToString as bt, timeUtcToString as yt, findMenuItem as xt, toByte as pe, secToTime as kt, clone as _t } from "./helpers/index.es.js";
-const $t = {
+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 T, 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 ie, unref as E, 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 { dateUtcToString as kt, timeUtcToString as $t, findMenuItem as wt, toByte as pe, secToTime as Ct, clone as zt } from "./helpers/index.es.js";
+const St = {
   mounted(e, l) {
     e.clickOutsideEvent = function(n) {
       e === n.target || e.contains(n.target) || l.value(n, e);
@@ -12,34 +12,34 @@ const $t = {
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
   }
-}, wt = [{ name: "outside", directive: $t }], ge = (e, l) => {
+}, Vt = [{ name: "outside", directive: St }], ge = (e, l) => {
   const n = e.__vccOpts || e;
   for (const [s, t] of l)
     n[s] = t;
   return n;
-}, Ct = {}, zt = {
+}, Bt = {}, Tt = {
   viewBox: "0 0 179 40",
   fill: "currentColor"
 };
-function St(e, l) {
-  return f(), p("svg", zt, [...l[0] || (l[0] = [
-    rt('<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 Et(e, l) {
+  return f(), p("svg", Tt, [...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 ze = /* @__PURE__ */ ge(Ct, [["render", St]]), Vt = {}, Bt = {
+const Se = /* @__PURE__ */ ge(Bt, [["render", Et]]), Lt = {}, Mt = {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40",
   fill: "currentColor"
 };
-function Tt(e, l) {
-  return f(), p("svg", Bt, [...l[0] || (l[0] = [
-    a("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
-      a("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
+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 qe = /* @__PURE__ */ ge(Vt, [["render", Tt]]), Et = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Lt = /* @__PURE__ */ z({
+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 }
@@ -49,26 +49,26 @@ const qe = /* @__PURE__ */ ge(Vt, [["render", Tt]]), Et = { class: "no-scrollbar
     const n = l, s = () => {
       e.isSidebar && n("sidebar", !e.isSidebar);
     };
-    return (t, o) => {
-      const i = Pe("router-link");
-      return f(), p(I, null, [
+    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
-        })) : B("", !0),
-        a("aside", {
-          class: V([e.isSidebar ? "translate-x-0 lg:w-[90px]" : "-translate-x-full", "overflow-x-hidden fixed top-0 left-0 z-10 flex lg:static h-full w-[290px] flex-col overflow-y-auto border-r border-gray-200 px-5 transition-all duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
+        })) : T("", !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"])
         }, [
-          a("div", {
-            class: V([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
+          o("div", {
+            class: B([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
           }, [
-            b(i, { to: "/" }, {
+            b(r, { to: "/" }, {
               default: y(() => [
-                e.isSidebar ? (f(), A(qe, {
+                e.isSidebar ? (f(), M(qe, {
                   key: 0,
                   class: "h-[30px] text-primary"
-                })) : (f(), A(ze, {
+                })) : (f(), M(Se, {
                   key: 1,
                   class: "h-[30px] text-primary"
                 }))
@@ -76,99 +76,99 @@ const qe = /* @__PURE__ */ ge(Vt, [["render", Tt]]), Et = { class: "no-scrollbar
               _: 1
             })
           ], 2),
-          a("div", Et, [
-            k(t.$slots, "default")
+          o("div", Dt, [
+            _(t.$slots, "default")
           ])
         ], 2)
       ], 64);
     };
   }
-}), At = {
+}), It = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Mt(e, l) {
-  return f(), p("svg", At, [...l[0] || (l[0] = [
-    a("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 Ge = W({ name: "ri-more-line", render: Mt }), Dt = {
+const Ge = F({ name: "ri-more-line", render: Ot }), jt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function It(e, l) {
-  return f(), p("svg", Dt, [...l[0] || (l[0] = [
-    a("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 Ot = W({ name: "ri-logout-box-line", render: It }), jt = {
+const Nt = F({ name: "ri-logout-box-line", render: Ht }), Pt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Pt(e, l) {
-  return f(), p("svg", jt, [...l[0] || (l[0] = [
-    a("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 Je = W({ name: "ri-notification-line", render: Pt }), Nt = {
+const Je = F({ name: "ri-notification-line", render: Ft }), Ut = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ht(e, l) {
-  return f(), p("svg", Nt, [...l[0] || (l[0] = [
-    a("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 Ft = W({ name: "ri-moon-line", render: Ht }), Ut = {
+const Wt = F({ name: "ri-moon-line", render: Rt }), Kt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Rt(e, l) {
-  return f(), p("svg", Ut, [...l[0] || (l[0] = [
-    a("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 Kt = W({ name: "ri-sun-line", render: Rt }), Wt = {
+const Gt = F({ name: "ri-sun-line", render: qt }), Jt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function qt(e, l) {
-  return f(), p("svg", Wt, [...l[0] || (l[0] = [
-    a("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 Gt = W({ name: "ri-menu-line", render: qt }), Jt = {}, Xt = {
+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 Qt(e, l) {
-  return f(), p("svg", Xt, [...l[0] || (l[0] = [
-    a("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 Qt(e, l) {
       stroke: "currentColor",
       "stroke-width": "2"
     }, null, -1),
-    a("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 Se = /* @__PURE__ */ ge(Jt, [["render", Qt]]), Yt = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", j = /* @__PURE__ */ z({
+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 },
@@ -196,50 +196,50 @@ const Se = /* @__PURE__ */ ge(Jt, [["render", Qt]]), Yt = "relative flex justify
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const n = l, s = (C) => n("click", C), t = e.outline ? "dark:text-white border border-green-600 text-green-600" : "text-white bg-green-600 dark:bg-green-800", o = e.outline ? "dark:text-white border border-red-600 text-red-600" : "text-white bg-red-600 dark:bg-red-800", i = e.outline ? "dark:text-white border border-gray-600 text-gray-600" : "bg-gray-100 dark:bg-gray-800", d = e.outline ? "dark:text-white border border-blue-600 text-blue-600" : "text-white bg-blue-700 dark:bg-blue-800", u = (e.outline, ""), c = { green: t, red: o, gray: i, blue: d, transparent: u }, r = {
+    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 = E(() => [Yt, $(e.color), x(e.type), h(e.type, e.size)]), g = E(() => e.href || e.to ? "router-link" : "button"), h = (C, T) => {
-      var R;
-      return ((R = m[C]) == null ? void 0 : R[T]) || "";
-    }, x = (C) => (r == null ? void 0 : r[C]) || "", $ = (C) => c == null ? void 0 : c[C];
-    return (C, T) => (f(), A(de(g.value), N(C.$attrs, {
+    }, 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) => i == null ? void 0 : i[C];
+    return (C, z) => (f(), M(de(g.value), P(C.$attrs, {
       href: e.href,
       to: e.to,
       class: v.value,
       onClick: s
     }), {
       default: y(() => [
-        a("span", {
-          class: V(e.loading ? "opacity-0" : "")
+        o("span", {
+          class: B(e.loading ? "opacity-0" : "")
         }, [
-          k(C.$slots, "default")
+          _(C.$slots, "default")
         ], 2),
-        e.loading ? (f(), A(Se, {
+        e.loading ? (f(), M(Ve, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
-        })) : B("", !0)
+        })) : T("", !0)
       ]),
       _: 3
     }, 16, ["href", "to", "class"]));
   }
-}), Zt = {
+}), ll = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function el(e, l) {
-  return f(), p("svg", Zt, [...l[0] || (l[0] = [
-    a("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 te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-center absolute right-3 top-5 z-10" }, Ve = /* @__PURE__ */ z({
+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 },
@@ -247,23 +247,23 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
   },
   emits: ["close", "click", "open"],
   setup(e, { emit: l }) {
-    const n = l, { show: s, overlay: t, onClose: o, onOpen: i } = Re(n), d = Ae(null), u = Ae(null), { opacity: c, transform: r } = pt(d, u, o), g = { click: ($) => {
+    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: i, set: ($) => {
-      $ ? i() : o(new Event("hide"));
-    } }, h = E(() => ({
+    }, 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)]",
       screen: "h-dvh"
-    })), x = E(() => ({
+    })), x = L(() => ({
       auto: "max-h-[calc(100dvh-50px-16px)]",
       full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
       screen: "h-[calc(100dvh-16px)]"
     }));
     return ($, C) => {
-      const T = te, R = j;
-      return f(), A(Ne, { to: "body" }, [
-        b(re, {
+      const z = le, j = A;
+      return f(), M(Ne, { to: "body" }, [
+        b(ie, {
           "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,71 +272,71 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: y(() => [
-            L(s) ? (f(), p("div", {
+            E(s) ? (f(), p("div", {
               key: 0,
               ref_key: "container",
               ref: u,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              L(t) ? (f(), p("div", {
+              E(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: Y({ opacity: L(c) }),
+                style: Z({ opacity: E(i) }),
                 onClick: C[0] || (C[0] = //@ts-ignore
-                (...ne) => L(o) && L(o)(...ne)),
-                onWheel: C[1] || (C[1] = P(() => {
+                (...X) => E(a) && E(a)(...X)),
+                onWheel: C[1] || (C[1] = N(() => {
                 }, ["prevent"])),
-                onTouchmove: C[2] || (C[2] = P(() => {
+                onTouchmove: C[2] || (C[2] = N(() => {
                 }, ["prevent"]))
-              }, null, 36)) : B("", !0),
-              a("div", {
-                class: V(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
-                style: Y({ transform: L(r) })
+              }, null, 36)) : T("", !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) })
               }, [
-                a("div", {
+                o("div", {
                   ref_key: "target",
                   ref: d,
                   class: "flex justify-center py-3 md:pb-6",
-                  onWheel: C[3] || (C[3] = P(() => {
+                  onWheel: C[3] || (C[3] = N(() => {
                   }, ["prevent"])),
-                  onTouchmove: C[4] || (C[4] = P(() => {
+                  onTouchmove: C[4] || (C[4] = N(() => {
                   }, ["prevent"]))
                 }, [...C[5] || (C[5] = [
-                  a("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),
-                a("div", tl, [
-                  k($.$slots, "button", { close: L(o) }),
-                  b(R, {
+                o("div", sl, [
+                  _($.$slots, "button", { close: E(a) }),
+                  b(j, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: L(o)
+                    onClick: E(a)
                   }, {
                     default: y(() => [
-                      b(T, { class: "size-5" })
+                      b(z, { class: "size-5" })
                     ]),
                     _: 1
                   }, 8, ["onClick"])
                 ]),
-                a("div", {
-                  class: V(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", x.value[e.size]])
+                o("div", {
+                  class: B(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", x.value[e.size]])
                 }, [
-                  k($.$slots, "default", {
-                    close: L(o),
+                  _($.$slots, "default", {
+                    close: E(a),
                     on: g
                   })
                 ], 2)
               ], 6)
-            ], 512)) : B("", !0)
+            ], 512)) : T("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), ll = { class: "relative" }, nl = { class: "flex items-center cursor-pointer" }, be = /* @__PURE__ */ z({
+}), ol = { class: "relative" }, al = { class: "flex items-center cursor-pointer" }, be = /* @__PURE__ */ V({
   __name: "VDropdown",
   props: {
     title: { default: "" },
@@ -351,29 +351,29 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
   },
   emits: ["click", "show", "close"],
   setup(e, { emit: l }) {
-    const n = l, t = Ke(We).greaterOrEqual("lg"), o = M(!1), i = E(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), d = (h) => {
-      t.value && o.value && r(h);
+    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) => {
-      n("click", o.value), !e.disabled && (o.value ? e.hideOnClick && r(h) : c(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 = !0, n("show", h);
-    }, r = (h) => {
-      o.value = !1, n("close", h);
+      a.value = !1, n("close", h);
     }, m = (h) => {
-      h ? c(new Event("show")) : r(new Event("hide"));
+      h ? i(new Event("show")) : c(new Event("hide"));
     }, v = () => {
-      r(new Event("hide"));
-    }, g = { click: u, open: c, set: m };
+      c(new Event("hide"));
+    }, g = { click: u, open: i, set: m };
     return (h, x) => {
-      const $ = ct("outside");
-      return we((f(), p("div", ll, [
-        a("div", nl, [
-          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
           })
         ]),
-        L(t) ? (f(), A(re, {
+        E(t) ? (f(), M(ie, {
           key: 0,
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -383,62 +383,62 @@ const te = W({ name: "ri-close-line", render: el }), tl = { 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: Y(i.value)
+              style: Z(r.value)
             }, [
-              k(h.$slots, "default", {
+              _(h.$slots, "default", {
                 on: g,
-                show: c,
-                hide: r,
-                isShow: o.value
+                show: i,
+                hide: c,
+                isShow: a.value
               })
-            ], 4)) : B("", !0)
+            ], 4)) : T("", !0)
           ]),
           _: 3
-        })) : B("", !0),
-        !L(t) && o.value ? (f(), A(Ve, {
+        })) : T("", !0),
+        !E(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: c,
-              hide: r,
-              isShow: o.value
+              show: i,
+              hide: c,
+              isShow: a.value
             })
           ]),
           _: 3
-        }, 8, ["title"])) : B("", !0)
+        }, 8, ["title"])) : T("", !0)
       ])), [
         [$, d]
       ]);
     };
   }
-}), sl = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, ol = ["onClick"], me = /* @__PURE__ */ z({
+}), 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: l }) {
-    const n = l, s = (t, o) => n("click", t, o);
-    return (t, o) => (f(), p("ul", sl, [
-      (f(!0), p(I, null, H(e.items, (i) => (f(), p("li", {
-        key: i.name,
+    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(i, d)
+        onClick: (d) => s(r, d)
       }, [
-        k(t.$slots, "default", { item: i }, () => [
-          D(_(i.name), 1)
+        _(t.$slots, "default", { item: r }, () => [
+          I(k(r.name), 1)
         ])
-      ], 8, ol))), 128))
+      ], 8, rl))), 128))
     ]));
   }
-}), al = { 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" }, il = { class: "px-4 py-4 sm:px-6 lg:px-8" }, rl = { class: "container mx-auto flex flex-auto items-center" }, cl = { class: "lg:hidden h-[30px]" }, dl = { class: "gap-4 hidden lg:flex" }, ul = { class: "lg:hidden flex gap-4" }, fl = { class: "ms-2" }, ml = /* @__PURE__ */ z({
+}), 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 },
@@ -450,37 +450,37 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], t = E(() => !!e.notifications.find((r) => r.isNew)), o = (r) => n("sidebar", r), i = (r) => n("notif", r), 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();
-    }, c = ({ value: r }, m) => {
-      r == 1 && u(), r == 2 && i(m), r == 3 && d();
+    }, i = ({ value: c }, m) => {
+      c == 1 && u(), c == 2 && r(m), c == 3 && d();
     };
-    return (r, m) => {
-      const v = Gt, g = Pe("router-link"), h = Kt, x = Ft, $ = Je, C = Ot, T = Ge;
-      return f(), p("header", al, [
-        a("div", il, [
-          a("div", rl, [
-            b(j, {
+    return (c, m) => {
+      const v = Yt, g = He("router-link"), h = Gt, x = Wt, $ = Je, C = Nt, z = Ge;
+      return f(), p("header", cl, [
+        o("div", dl, [
+          o("div", ul, [
+            b(A, {
               type: "icon",
-              onClick: o
+              onClick: a
             }, {
               default: y(() => [
                 b(v, { class: "size-5" })
               ]),
               _: 1
             }),
-            m[1] || (m[1] = a("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            a("div", cl, [
+            m[1] || (m[1] = o("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            o("div", fl, [
               b(g, { to: "/" }, {
                 default: y(() => [
-                  b(ze, { class: "h-[30px] text-primary" })
+                  b(Se, { class: "h-[30px] text-primary" })
                 ]),
                 _: 1
               })
             ]),
-            m[2] || (m[2] = a("div", { class: "flex-auto" }, null, -1)),
-            a("div", dl, [
-              b(j, {
+            m[2] || (m[2] = o("div", { class: "flex-auto" }, null, -1)),
+            o("div", ml, [
+              b(A, {
                 type: "icon",
                 onClick: u
               }, {
@@ -490,23 +490,23 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
                 ]),
                 _: 1
               }),
-              b(j, {
+              b(A, {
                 type: "icon",
-                onClick: i
+                onClick: r
               }, {
                 default: y(() => [
-                  a("span", {
-                    class: V([t.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] = [
-                    a("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" })
                 ]),
                 _: 1
               }),
-              b(j, {
+              b(A, {
                 type: "icon",
-                onClick: P(d, ["prevent"])
+                onClick: N(d, ["prevent"])
               }, {
                 default: y(() => [
                   b(C, { class: "size-5" })
@@ -514,20 +514,20 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
                 _: 1
               })
             ]),
-            a("div", ul, [
+            o("div", vl, [
               b(be, {
                 left: "unset",
                 right: "0",
                 top: "0"
               }, {
-                activator: y(({ on: R }) => [
-                  b(j, {
+                activator: y(({ on: j }) => [
+                  b(A, {
                     type: "icon",
                     class: "flex",
-                    onClick: R.click
+                    onClick: j.click
                   }, {
                     default: y(() => [
-                      b(T)
+                      b(z)
                     ]),
                     _: 1
                   }, 8, ["onClick"])
@@ -535,10 +535,10 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
                 default: y(() => [
                   b(me, {
                     items: s,
-                    onClick: c
+                    onClick: i
                   }, {
-                    default: y(({ item: R }) => [
-                      a("span", fl, _(R.name), 1)
+                    default: y(({ item: j }) => [
+                      o("span", pl, k(j.name), 1)
                     ]),
                     _: 1
                   })
@@ -551,7 +551,7 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
       ]);
     };
   }
-}), vl = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, pl = { class: "flex-auto text-xs" }, hl = { class: "text-gray-500 dark:text-gray-400 mt-1" }, gl = /* @__PURE__ */ z({
+}), 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: {},
@@ -564,37 +564,37 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
   },
   emits: ["remove", "read"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], o = (u) => t[u], i = (u) => s("remove", u), d = (u) => s("read", u);
-    return (u, c) => {
-      const r = Je, m = te;
-      return f(), p("div", vl, [
-        a("div", {
-          class: V(["absolute left-0 top-0 w-[3px] h-full", o(n.color)])
+    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(j, {
+        b(A, {
           class: "shrink-0",
           type: "icon",
           onClick: d
         }, {
           default: y(() => [
-            a("span", {
-              class: V([n.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-            }, [...c[0] || (c[0] = [
-              a("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(r, { class: "size-5" })
+            b(c, { class: "size-5" })
           ]),
           _: 1
         }),
-        a("div", pl, [
-          a("div", null, _(n.text), 1),
-          a("div", hl, _(L(bt)(n.date)) + " (" + _(L(yt)(n.date)) + ")", 1)
+        o("div", gl, [
+          o("div", null, k(n.text), 1),
+          o("div", bl, k(E(kt)(n.date)) + " (" + k(E($t)(n.date)) + ")", 1)
         ]),
-        b(j, {
+        b(A, {
           class: "shrink-0",
           type: "icon",
           size: "sm",
-          onClick: i
+          onClick: r
         }, {
           default: y(() => [
             b(m, { class: "size-4" })
@@ -604,10 +604,10 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
       ]);
     };
   }
-}), bl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, yl = {
+}), 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"
-}, xl = /* @__PURE__ */ z({
+}, Sa = /* @__PURE__ */ V({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
@@ -615,20 +615,20 @@ const te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
   },
   emits: ["close", "remove", "read"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = E(() => !!n.notifications.find((c) => c.isNew)), o = E(() => !!n.notifications.length), i = (c) => s("close", c), d = (c) => s("remove", c), u = (c) => s("read", c);
-    return (c, r) => (f(), p(I, null, [
+    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: i
-      })) : B("", !0),
-      a("aside", {
-        class: V([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"])
+        onClick: r
+      })) : T("", !0),
+      o("aside", {
+        class: B([n.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
       }, [
-        a("div", bl, [
-          k(c.$slots, "header", { isNew: t.value }),
-          o.value ? (f(), p("div", yl, [
-            b(He, {
+        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 te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
               default: y(() => [
-                (f(!0), p(I, null, H(n.notifications, (m) => (f(), p("div", {
+                (f(!0), p(O, null, U(n.notifications, (m) => (f(), p("div", {
                   key: m.date,
                   class: "relative"
                 }, [
-                  k(c.$slots, "card", { item: m }, () => [
-                    b(gl, N({ 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 te = W({ name: "ri-close-line", render: el }), tl = { class: "flex items-c
               ]),
               _: 3
             })
-          ])) : k(c.$slots, "empty", { key: 1 })
+          ])) : _(i.$slots, "empty", {}, void 0, void 0, 1)
         ])
       ], 2)
     ], 64));
   }
-}), kl = {}, _l = { class: "fixed h-full w-full top-0 left-0 z-20" }, $l = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function wl(e, l) {
-  return f(), p("div", _l, [
-    l[0] || (l[0] = a("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
-    a("div", $l, [
-      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 Cl = /* @__PURE__ */ ge(kl, [["render", wl]]), zl = {
+const Va = /* @__PURE__ */ ge(kl, [["render", Cl]]), zl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 function Sl(e, l) {
   return f(), p("svg", zl, [...l[0] || (l[0] = [
-    a("path", {
+    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 Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4 flex flex-col gap-2" }, Tl = { class: "size-6 flex-[0_0_24px] opacity-60" }, El = ["onClick"], Ll = { class: "flex flex-col gap-2" }, Al = { class: "flex gap-2 ms-8" }, Ml = { class: "size-5 flex-[0_0_24px]" }, Dl = { class: "flex-1 first-letter:uppercase text-sm" }, Il = /* @__PURE__ */ z({
+const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4 flex flex-col gap-2" }, Tl = { class: "size-6 flex-[0_0_24px] opacity-60" }, El = ["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: () => [] },
@@ -688,84 +688,84 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
   },
   emits: ["sidebar"],
   setup(e, { emit: l }) {
-    const n = l, s = M(""), t = ({ name: i }) => {
-      e.isSidebar && n("sidebar", !e.isSidebar), s.value !== i && (s.value = s.value === i ? "" : i);
-    }, o = (i) => e.fullPath === i;
+    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 i;
-        return s.value = ((i = xt(e.menu, e.fullPath)) == null ? void 0 : i.name) || "";
+        var r;
+        return s.value = ((r = wt(e.menu, e.fullPath)) == null ? void 0 : r.name) || "";
       }
-    ), (i, d) => {
+    ), (r, d) => {
       const u = Vl;
       return f(), p("nav", null, [
-        a("ul", Bl, [
-          (f(!0), p(I, null, H(e.menu, (c) => (f(), p("li", {
-            key: c.name
+        o("ul", Bl, [
+          (f(!0), p(O, null, U(e.menu, (i) => (f(), p("li", {
+            key: i.name
           }, [
-            (f(), A(de(c.path ? "router-link" : "span"), {
-              to: c.path,
-              class: V(["flex gap-2 items-center px-3 py-2 rounded", o(c.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-              onClick: P((r) => t(c), ["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(() => [
-                a("div", Tl, [
-                  k(i.$slots, "icon", { item: c })
+                o("div", Tl, [
+                  _(r.$slots, "icon", { item: i })
                 ]),
-                a("span", {
-                  class: V(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, _(c.name), 3),
-                a("button", {
-                  class: V(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: P((r) => t(c), ["prevent", "stop"])
+                o("span", {
+                  class: B(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
+                }, k(i.name), 3),
+                o("button", {
+                  class: B(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
+                  onClick: N((c) => t(i), ["prevent", "stop"])
                 }, [
-                  c.children ? (f(), A(u, { key: 0 })) : B("", !0)
+                  i.children ? (f(), M(u, { key: 0 })) : T("", !0)
                 ], 10, El)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
-            c.children ? (f(), p("div", {
+            i.children ? (f(), p("div", {
               key: 0,
-              class: V(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === c.name ? "block" : "hidden"]])
+              class: B(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", s.value === i.name ? "block" : "hidden"]])
             }, [
-              a("ul", Ll, [
-                (f(!0), p(I, null, H(c.children, ({ name: r, path: m, icon: v }) => (f(), p("li", { key: r }, [
-                  (f(), A(de(m ? "router-link" : "span"), {
+              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: V(["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(() => [
-                      a("div", Al, [
-                        a("div", Ml, [
-                          k(i.$slots, "icon-children", {
-                            item: { name: r, path: m, icon: v }
+                      o("div", Ml, [
+                        o("div", Al, [
+                          _(r.$slots, "icon-children", {
+                            item: { name: c, path: m, icon: v }
                           })
                         ]),
-                        a("span", Dl, _(r), 1)
+                        o("span", Dl, k(c), 1)
                       ])
                     ]),
                     _: 2
                   }, 1032, ["to", "class"]))
                 ]))), 128))
               ])
-            ], 2)) : B("", !0)
+            ], 2)) : T("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), Ol = {
+}), 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"
-}, jl = { class: "flex items-center gap-4 text-sm" }, Pl = {
+}, Ol = { class: "flex items-center gap-4 text-sm" }, jl = {
   key: 0,
   class: "text-green-600"
-}, Nl = {
+}, 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"
-}, Hl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Fl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Ul = /* @__PURE__ */ z({
+}, 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" }, Ta = /* @__PURE__ */ V({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -776,17 +776,17 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
     length: { default: 0 }
   },
   setup(e) {
-    const l = M(!1), n = E(() => !!e.length), s = E(() => !!(n.value && t.value === 100 && !e.status)), t = E(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), o = Ce(() => {
+    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],
       () => {
-        l.value = !0, o();
+        l.value = !0, a();
       }
-    ), (i, d) => {
-      const u = te;
-      return f(), A(re, {
+    ), (r, d) => {
+      const u = le;
+      return f(), M(ie, {
         "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,15 +795,15 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
         "leave-to-class": "transform opacity-0 -translate-y-8"
       }, {
         default: y(() => [
-          l.value ? (f(), p("div", Ol, [
-            a("div", jl, [
-              k(i.$slots, "default", { isDone: s.value }, () => [
-                d[1] || (d[1] = a("div", { class: "flex-auto" }, "Progress...", -1)),
-                s.value ? (f(), p("span", Pl, "Done")) : B("", !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")) : T("", !0)
               ]),
-              a("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] = (c) => l.value = !1)
+                onClick: d[0] || (d[0] = (i) => l.value = !1)
               }, [
                 b(u, { class: "size-4" })
               ])
@@ -811,32 +811,24 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
             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: Y(`width: ${t.value}%`)
-            }, null, 4)) : B("", !0),
-            n.value ? (f(), p("div", Nl, [
-              a("div", Hl, _(t.value) + "%", 1),
-              a("div", {
+              style: Z(`width: ${t.value}%`)
+            }, null, 4)) : T("", !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: Y(`width: ${t.value}%`)
+                style: Z(`width: ${t.value}%`)
               }, [
-                a("div", Fl, _(t.value) + "%", 1)
+                o("div", Pl, k(t.value) + "%", 1)
               ], 4)
-            ])) : B("", !0)
-          ])) : B("", !0)
+            ])) : T("", !0)
+          ])) : T("", !0)
         ]),
         _: 3
       });
     };
   }
-}), Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AppAside: Lt,
-  AppHeader: ml,
-  AppNav: Il,
-  AppNotification: xl,
-  AppOverlay: Cl,
-  AppProgress: Ul
-}, Symbol.toStringTag, { value: "Module" })), Kl = { class: "my-4 text-gray-700 dark:text-gray-400" }, Wl = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, ql = { class: "flex gap-2" }, Gl = { class: "text-gray-700 dark:text-gray-400" }, Jl = { class: "flex gap-2" }, Xl = { class: "flex gap-2" }, Ql = { class: "text-gray-700 dark:text-gray-400" }, Yl = { class: "flex gap-2" }, Zl = { class: "text-gray-700 dark:text-gray-400" }, en = { class: "flex flex-col gap-4 text-sm" }, tn = { class: "flex gap-4" }, Ea = /* @__PURE__ */ z({
+}), 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" }, Ea = /* @__PURE__ */ V({
   __name: "BlockInfo",
   props: {
     pkg: {},
@@ -850,42 +842,42 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
     board: {}
   },
   setup(e) {
-    const l = E(() => e.firmware.join(".")), n = E(() => {
-      var t, o, i, d, u, c, r;
+    const l = L(() => e.firmware.join(".")), n = L(() => {
+      var t, a, r, d, u, i, c;
       const s = [];
-      return (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (i = (o = e.pkg) == null ? void 0 : o.repository) != null && i.url && s.push({ name: "repository", href: e.pkg.repository.url }), (u = (d = e.pkg) == null ? void 0 : d.bugs) != null && u.url && s.push({ name: "bugs", href: e.pkg.bugs.url }), (c = e.pkg) != null && c.author && s.push({ name: "author", href: `mailto:${(r = e.pkg) == null ? void 0 : r.author}` }), s;
+      return (t = e.pkg) != null && t.homepage && s.push({ name: "homepage", href: e.pkg.homepage }), (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, t) => {
-      var o, i;
+      var a, r;
       return f(), p("div", null, [
-        a("p", Kl, _((o = e.pkg) == null ? void 0 : o.description), 1),
-        a("div", Wl, [
-          a("div", ql, [
-            t[0] || (t[0] = D(" Firmware (hw): ", -1)),
-            a("span", Gl, _(l.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)
           ]),
-          a("div", Jl, [
-            a("div", Xl, [
-              t[1] || (t[1] = D(" Version (web): ", -1)),
-              a("span", Ql, _((i = e.pkg) == null ? void 0 : i.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)
             ])
           ]),
-          t[3] || (t[3] = a("div", { class: "flex-auto" }, null, -1)),
-          a("div", Yl, [
-            t[2] || (t[2] = D(" ID: ", -1)),
-            a("span", Zl, _(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)
           ])
         ]),
-        t[4] || (t[4] = a("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
-        a("div", en, [
-          a("div", tn, [
-            k(s.$slots, "links", { links: n.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 })
           ])
         ])
       ]);
     };
   }
-}), ln = { class: "relative flex items-end gap-0.5 w-10" }, nn = ["title"], sn = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Xe = /* @__PURE__ */ z({
+}), 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 },
@@ -893,60 +885,60 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
   },
   setup(e) {
     const l = 2 * (e.rssi + 100), n = (s) => s < l;
-    return (s, t) => (f(), p("div", ln, [
-      (f(), p(I, null, H([10, 15, 25, 40, 70], (o, i) => a("div", {
-        key: o,
-        class: V(["w-1 h-5 rounded-lg", [n(o) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: Y(`height: ${(i + 1) * 5}px`),
+    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, nn)), 64)),
-      a("div", sn, _(e.channel), 1)
+      }, null, 14, en)), 64)),
+      o("div", tn, k(e.channel), 1)
     ]));
   }
-}), on = ["onClick"], an = { class: "mr-2" }, rn = { class: "text-sm" }, cn = { class: "text-gray-400 text-xs" }, dn = {
+}), ln = ["onClick"], nn = { class: "mr-2" }, sn = { class: "text-sm" }, on = { class: "text-gray-400 text-xs" }, an = {
   key: 0,
   class: "flex justify-center"
-}, un = { class: "flex justify-end mt-4" }, La = /* @__PURE__ */ z({
+}, rn = { class: "flex justify-end mt-4" }, La = /* @__PURE__ */ V({
   __name: "BlockScan",
   props: {
     items: { default: () => [] }
   },
   emits: ["scan", "select"],
   setup(e, { emit: l }) {
-    const n = l, s = ["OPEN", "WEP", "WPA_PSK", "WPA2_PSK", "WPA_WPA2_PSK", "MAX", "", "NO", "AUTO"], t = (i) => n("select", i), o = (i) => n("scan", i);
-    return (i, d) => {
-      const u = Xe, c = me, r = Se, m = j;
+    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(c, {
+        b(i, {
           items: e.items,
           class: "bg-transparent! ring-0!"
         }, {
           default: y(({ item: v }) => [
-            a("div", {
+            o("div", {
               class: "flex items-center w-full",
               onClick: (g) => t(v)
             }, [
-              a("div", an, [
-                b(u, F(U(v)), null, 16)
+              o("div", nn, [
+                b(u, R(W(v)), null, 16)
               ]),
-              a("div", null, [
-                a("div", rn, _(v.ssid), 1),
-                a("div", cn, _(i.$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, on)
+            ], 8, ln)
           ]),
           _: 1
         }, 8, ["items"]),
-        e.items.length ? B("", !0) : (f(), p("div", dn, [
-          b(r, { class: "text-primary" })
+        e.items.length ? T("", !0) : (f(), p("div", an, [
+          b(c, { class: "text-primary" })
         ])),
-        a("div", un, [
+        o("div", rn, [
           b(m, {
             color: "blue",
-            onClick: o
+            onClick: a
           }, {
             default: y(() => [
-              D(_(i.$t("scan")), 1)
+              I(k(r.$t("scan")), 1)
             ]),
             _: 1
           })
@@ -954,23 +946,23 @@ const Vl = W({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
       ]);
     };
   }
-}), fn = {
+}), cn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function mn(e, l) {
-  return f(), p("svg", fn, [...l[0] || (l[0] = [
-    a("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 vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full relative" }, hn = ["disabled"], gn = {
+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"
-}, bn = "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__ */ z({
+}, 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 },
@@ -988,58 +980,58 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
     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"
-    }, t = M(!1), o = E(() => [
+    }, 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"
-    ]), i = E(() => s[e.component]), d = ($) => $ || $ === 0, u = E(() => [bn, t.value || d(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), c = E(() => e.component === "input"), r = ($) => {
+    ]), 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", pn, [
-      a("label", {
-        class: V(["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])
       }, [
-        a("span", {
-          class: V(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
-        }, _(e.label), 3),
-        (f(), A(de(e.component), N($.$attrs, {
+        o("span", {
+          class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
+        }, k(e.label), 3),
+        (f(), M(de(e.component), P($.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
           readonly: e.readonly,
-          rows: c.value ? null : "2",
-          wrap: c.value ? null : "soft",
-          class: i.value,
+          rows: i.value ? null : "2",
+          wrap: i.value ? null : "soft",
+          class: r.value,
           onFocus: m,
-          onBlur: r,
+          onBlur: c,
           onInput: v,
           onClick: h,
-          onKeypress: dt(g, ["enter"])
+          onKeypress: mt(g, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
         $.$slots.icon ? (f(), p("button", {
           key: 0,
           disabled: !!e.disabled,
-          class: V([{ "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"]),
+          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, hn)) : B("", !0)
+          _($.$slots, "icon")
+        ], 10, mn)) : T("", !0)
       ], 2),
-      e.hideMessage ? B("", !0) : (f(), p("div", gn, [
-        k($.$slots, "message", {}, () => [
-          D(_(e.message), 1)
+      e.hideMessage ? T("", !0) : (f(), p("div", vn, [
+        _($.$slots, "message", {}, () => [
+          I(k(e.message), 1)
         ])
       ]))
     ]));
   }
-}), yn = { 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" }, xn = {
+}), 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"
-}, kn = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, ee = /* @__PURE__ */ z({
+}, 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: {
@@ -1058,18 +1050,18 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
   },
   emits: ["change"],
   setup(e, { emit: l }) {
-    const n = ut(e, ["modelValue", "label", "items", "disabled"]), s = l;
-    function t(o, i) {
-      s("change", o), i == null || i.set(!1);
+    const n = vt(e, ["modelValue", "label", "items", "disabled"]), s = l;
+    function t(a, r) {
+      s("change", a), r == null || r.set(!1);
     }
-    return (o, i) => {
-      const d = vn;
-      return f(), A(be, N(n, {
+    return (a, r) => {
+      const d = un;
+      return f(), M(be, P(n, {
         "hide-on-click": !1,
         class: "relative"
       }), {
-        activator: y(({ on: u, isShow: c }) => [
-          k(o.$slots, "activator", F(U({ on: u, isShow: c })), () => [
+        activator: y(({ on: u, isShow: i }) => [
+          _(a.$slots, "activator", R(W({ on: u, isShow: i })), () => [
             b(J, {
               "model-value": e.modelValue,
               disabled: e.disabled,
@@ -1082,7 +1074,7 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
             }, {
               icon: y(() => [
                 b(d, {
-                  class: V(["transition duration-300", c ? "rotate-x-180" : ""])
+                  class: B(["transition duration-300", i ? "rotate-x-180" : ""])
                 }, null, 8, ["class"])
               ]),
               _: 2
@@ -1090,16 +1082,16 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
           ])
         ]),
         default: y(({ on: u }) => [
-          a("div", yn, [
-            e.label ? (f(), p("h4", xn, _(e.label), 1)) : B("", !0),
-            a("div", kn, [
+          o("div", hn, [
+            e.label ? (f(), p("h4", gn, k(e.label), 1)) : T("", !0),
+            o("div", bn, [
               b(me, {
                 items: e.items,
-                onClick: (c) => t(c, u)
+                onClick: (i) => t(i, u)
               }, {
-                default: y(({ item: c }) => [
-                  k(o.$slots, "item", { item: c }, () => [
-                    D(_(c.name), 1)
+                default: y(({ item: i }) => [
+                  _(a.$slots, "item", { item: i }, () => [
+                    I(k(i.name), 1)
                   ])
                 ]),
                 _: 3
@@ -1111,7 +1103,7 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
       }, 16);
     };
   }
-}), _n = { class: "md:flex items-center mb-4" }, $n = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, wn = { class: "md:max-w-50" }, Cn = { class: "flex items-center mb-4" }, zn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Sn = { class: "flex items-center mb-4" }, Vn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Aa = /* @__PURE__ */ z({
+}), 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: {},
@@ -1119,47 +1111,47 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
   },
   emits: ["reboot", "reset", "locale"],
   setup(e, { emit: l }) {
-    const n = l, s = (o) => n("locale", o), t = (o) => {
-      var i;
-      return (i = e.locales.find((d) => d.value === o)) == null ? void 0 : i.name;
+    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, i) => {
-      const d = ee, u = j;
-      return f(), p(I, null, [
-        a("div", _n, [
-          a("div", $n, _(o.$t("selectLang")), 1),
-          a("div", wn, [
+    return (a, r) => {
+      const d = te, u = A;
+      return f(), p(O, null, [
+        o("div", yn, [
+          o("div", xn, k(a.$t("selectLang")), 1),
+          o("div", _n, [
             b(d, {
               "model-value": t(e.locale),
-              label: o.$t("lang"),
+              label: a.$t("lang"),
               items: e.locales,
               onChange: s
             }, null, 8, ["model-value", "label", "items"])
           ])
         ]),
-        a("div", Cn, [
-          a("div", zn, _(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: i[0] || (i[0] = (c) => n("reboot", c))
+            onClick: r[0] || (r[0] = (i) => n("reboot", i))
           }, {
             default: y(() => [
-              D(_(o.$t("reboot")), 1)
+              I(k(a.$t("reboot")), 1)
             ]),
             _: 1
           })
         ]),
-        a("div", Sn, [
-          a("div", Vn, _(o.$t("resetConf")), 1),
+        o("div", wn, [
+          o("div", Cn, k(a.$t("resetConf")), 1),
           b(u, {
             class: "min-w-[100px]",
             color: "red",
-            onClick: i[1] || (i[1] = (c) => n("reset", c))
+            onClick: r[1] || (r[1] = (i) => n("reset", i))
           }, {
             default: y(() => [
-              D(_(o.$t("reset")), 1)
+              I(k(a.$t("reset")), 1)
             ]),
             _: 1
           })
@@ -1167,7 +1159,7 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
       ], 64);
     };
   }
-}), Bn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Tn = { class: "flex flex-col w-full items-center gap-2" }, En = ["title"], Ln = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, An = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Mn = { class: "flex justify-between w-full text-xs" }, Dn = { class: "text-gray-500 dark:text-gray-400" }, In = { class: "text-sm" }, On = { class: "text-gray-500 dark:text-gray-400 text-left" }, jn = { class: "text-right text-xs" }, Ma = /* @__PURE__ */ z({
+}), 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" }, Tn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, En = { 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: {},
@@ -1181,138 +1173,138 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
     board: {}
   },
   setup(e) {
-    const l = M(e.uptime);
+    const l = D(e.uptime);
     let n = null;
-    const s = E(() => e.firmware.join(".")), t = E(() => [
+    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 = E(() => {
+    ]), a = L(() => {
       var u;
       return [
-        { name: "uptime", value: kt(l.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 }
       ];
-    }), i = E(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
+    }), r = L(() => e.usedBytes ? Math.round(e.usedBytes * 100 / e.totalBytes) : 0), d = () => {
       l.value++, n = setTimeout(d, 1e3);
     };
     return fe(() => {
       d();
     }), Fe(() => {
       l.value = 0, n && clearTimeout(n);
-    }), (u, c) => {
-      var r, m, v;
-      return f(), p("div", Bn, [
-        a("div", Tn, [
-          a("div", {
+    }), (u, i) => {
+      var c, m, v;
+      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: `${i.value}%`
+            title: `${r.value}%`
           }, [
-            a("div", Ln, _(i.value) + "%", 1),
-            a("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: Y(`width: ${i.value}%`)
+              style: Z(`width: ${r.value}%`)
             }, [
-              a("div", An, _(i.value) + "%", 1)
+              o("div", Tn, k(r.value) + "%", 1)
             ], 4)
-          ], 8, En),
-          a("div", Mn, [
-            (f(!0), p(I, null, H(t.value, (g) => (f(), p("div", {
+          ], 8, Vn),
+          o("div", En, [
+            (f(!0), p(O, null, U(t.value, (g) => (f(), p("div", {
               key: g.name,
               class: "flex-auto"
             }, [
-              a("div", Dn, [
-                k(u.$slots, "name", { item: g })
+              o("div", Ln, [
+                _(u.$slots, "name", { item: g })
               ]),
-              a("div", null, _(g.value), 1)
+              o("div", null, k(g.value), 1)
             ]))), 128))
           ])
         ]),
-        a("div", In, [
-          (f(!0), p(I, null, H(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"
           }, [
-            a("div", On, [
-              k(u.$slots, "name", { item: g })
+            o("div", An, [
+              _(u.$slots, "name", { item: g })
             ]),
-            a("div", jn, _(g.value), 1)
+            o("div", Dn, k(g.value), 1)
           ]))), 128))
         ]),
-        a("div", null, [
-          k(u.$slots, "default", {
-            home: (r = e.pkg) == null ? void 0 : r.homepage,
+        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
           })
         ])
       ]);
     };
   }
-}), Pn = { class: "flex items-center cursor-pointer" }, Nn = /* @__PURE__ */ z({
+}), In = { class: "flex items-center cursor-pointer" }, On = /* @__PURE__ */ V({
   __name: "VFile",
   emits: ["change"],
   setup(e, { emit: l }) {
     const n = l, s = async (t) => {
-      const o = t.target;
-      o.files && n("change", o.files);
+      const a = t.target;
+      a.files && n("change", a.files);
     };
-    return (t, o) => (f(), p("label", Pn, [
-      a("input", N({
+    return (t, a) => (f(), p("label", In, [
+      o("input", P({
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: s }), null, 16),
-      k(t.$slots, "default")
+      _(t.$slots, "default")
     ]));
   }
-}), Hn = { class: "md:flex" }, Fn = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Da = /* @__PURE__ */ z({
+}), 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: l }) {
-    const n = l, s = ft({ firmware: null, littlefs: null }), t = (d) => d ? Array.from(d).map((u) => `${u.name} (${pe(u.size)})`).join("") : "", o = (d, u) => {
-      const c = new FormData();
-      for (let r = 0; r < d.length; r++) {
-        const m = d.item(r);
+    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;
-        c.append(`file[${r}]`, m, u);
+        i.append(`file[${c}]`, m, u);
       }
-      return c;
-    }, i = (d, u) => {
+      return i;
+    }, r = (d, u) => {
       if (!u) return;
-      const c = o(u, d);
-      c && n("update", d, c);
+      const i = a(u, d);
+      i && n("update", d, i);
     };
     return (d, u) => {
-      const c = j;
+      const i = A;
       return f(), p("div", null, [
-        (f(!0), p(I, null, H(s, (r, 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(Nn, {
+          b(On, {
             accept: ".bin",
             onChange: (v) => s[m] = v,
             class: "flex-auto"
           }, {
             default: y(() => [
-              a("div", Hn, [
-                a("h6", Fn, _(m) + ":", 1),
-                k(d.$slots, "default", {
-                  file: t(r)
+              o("div", jn, [
+                o("h6", Hn, k(m) + ":", 1),
+                _(d.$slots, "default", {
+                  file: t(c)
                 })
               ])
             ]),
             _: 2
           }, 1032, ["onChange"]),
-          b(c, {
+          b(i, {
             class: "min-w-[100px]",
             color: "blue",
-            disabled: !r,
-            onClick: (v) => i(`${m}.bin`, r)
+            disabled: !c,
+            onClick: (v) => r(`${m}.bin`, c)
           }, {
             default: y(() => [
-              D(_(d.$t("btnUpdate")), 1)
+              I(k(d.$t("btnUpdate")), 1)
             ]),
             _: 1
           }, 8, ["disabled", "onClick"])
@@ -1320,20 +1312,20 @@ const vn = W({ name: "ri-arrow-up-s-line", render: mn }), pn = { class: "w-full
       ]);
     };
   }
-}), Un = {
+}), Nn = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Rn(e, l) {
-  return f(), p("svg", Un, [...l[0] || (l[0] = [
-    a("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 Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "flex items-center gap-1.5" }, Ia = /* @__PURE__ */ z({
+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: () => [] }
@@ -1341,44 +1333,44 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
   emits: ["click"],
   setup(e, { emit: l }) {
     const n = l, s = (t) => n("click", t);
-    return (t, o) => {
-      const i = Qe;
+    return (t, a) => {
+      const r = Qe;
       return f(), p("nav", null, [
-        a("ol", Kn, [
-          (f(!0), p(I, null, H(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: V(["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"])
+            class: B(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", d.path ? "" : "text-gray-800 dark:text-white/90"])
           }, [
-            k(t.$slots, "default", { item: d }, () => [
-              (f(), A(de(d.path ? "a" : "span"), {
+            _(t.$slots, "default", { item: d }, () => [
+              (f(), M(de(d.path ? "a" : "span"), {
                 href: d.path,
-                onClick: (c) => s(d)
+                onClick: (i) => s(d)
               }, {
                 default: y(() => [
-                  D(_(d.name), 1)
+                  I(k(d.name), 1)
                 ]),
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            d.path ? (f(), A(i, {
+            d.path ? (f(), M(r, {
               key: 0,
               class: "rotate-270"
-            })) : B("", !0)
+            })) : T("", !0)
           ], 2))), 128))
         ])
       ]);
     };
   }
-}), Wn = {
+}), 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]"
-}, qn = {
+}, Rn = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, Gn = {
+}, Wn = {
   key: 2,
   class: "mb-4 flex items-center justify-between"
-}, Jn = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, Xn = { class: "max-w-full" }, Qn = /* @__PURE__ */ z({
+}, 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: {},
@@ -1386,28 +1378,38 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
   },
   setup(e) {
     return (l, n) => (f(), p("div", {
-      class: V(["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 }])
+      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", Wn)) : B("", !0),
-      e.loading ? (f(), p("div", qn)) : B("", !0),
-      e.title ? (f(), p("div", Gn, [
-        a("h3", Jn, _(e.title), 1),
-        a("div", null, [
-          k(l.$slots, "header")
+      e.loading ? (f(), p("div", Un)) : T("", !0),
+      e.loading ? (f(), p("div", Rn)) : T("", !0),
+      e.title ? (f(), p("div", Wn, [
+        o("h3", Kn, k(e.title), 1),
+        o("div", null, [
+          _(l.$slots, "header")
         ])
-      ])) : B("", !0),
-      a("div", Xn, [
-        k(l.$slots, "default")
+      ])) : T("", !0),
+      o("div", qn, [
+        _(l.$slots, "default")
       ])
     ], 2));
   }
-}), Yn = {
-  key: 0,
-  class: "text-title-md uppercase font-bold flex-auto"
-}, Zn = { class: "px-4 pb-4 md:px-6" }, es = {
+}), Jn = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Xn(e, l) {
+  return f(), p("svg", Jn, [...l[0] || (l[0] = [
+    o("path", {
+      fill: "currentColor",
+      d: "M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9zm-2 5h6v2H7zm0 4h6v2H7z"
+    }, null, -1)
+  ])]);
+}
+const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-title-md uppercase font-bold flex-auto" }, Zn = { class: "px-4 pb-4 md:px-6" }, es = {
   key: 0,
   class: "text-title-md uppercase font-bold"
-}, Be = /* @__PURE__ */ z({
+}, Be = /* @__PURE__ */ V({
   __name: "VDialog",
   props: {
     title: {},
@@ -1421,65 +1423,65 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
   },
   emits: ["close", "click", "open"],
   setup(e, { expose: l, emit: n }) {
-    const s = n, t = Ke(We), { show: o, onClose: i, onOpen: d } = Re(s, e.timeout), u = {
+    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 "
-    }, c = {
+    }, i = {
       none: "",
       white: "bg-white dark:bg-gray-900",
       gray: ""
-    }, r = E(() => [u[e.size], c[e.color]]), m = t.greaterOrEqual("lg");
+    }, c = L(() => [u[e.size], i[e.color]]), m = t.greaterOrEqual("lg");
     return l({
-      show: o,
-      onClose: i
+      show: a,
+      onClose: r
     }), (v, g) => {
-      const h = te;
-      return e.isOnlyDialog || L(m) ? (f(), A(Ne, {
+      const h = le;
+      return e.isOnlyDialog || E(m) ? (f(), M(Ne, {
         key: 0,
         to: "body"
       }, [
-        b(re, {
+        b(ie, {
           "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: L(d)
+          onAfterEnter: E(d)
         }, {
           default: y(() => [
-            L(o) ? (f(), p("div", {
+            E(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] = P(() => {
+              onWheel: g[4] || (g[4] = N(() => {
               }, ["stop"]))
             }, [
-              a("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) => L(i) && L(i)(...x))
+                (...x) => E(r) && E(r)(...x))
               }),
-              a("div", {
-                class: V(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
+              o("div", {
+                class: B(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
               }, [
-                a("div", {
-                  class: V(["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", r.value])
+                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])
                 }, [
-                  a("div", {
-                    class: V(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
-                    onWheel: g[1] || (g[1] = P(() => {
+                  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] = P(() => {
+                    onTouchmove: g[2] || (g[2] = N(() => {
                     }, ["prevent"]))
                   }, [
-                    e.title ? (f(), p("h4", Yn, _(e.title), 1)) : B("", !0),
-                    k(v.$slots, "header-btn", { close: L(i) }),
-                    b(j, {
+                    o("h4", Qn, k(e.title), 1),
+                    _(v.$slots, "header-btn", { close: E(r) }),
+                    b(A, {
                       color: "transparent",
                       size: "md",
-                      onClick: L(i)
+                      onClick: E(r)
                     }, {
                       default: y(() => [
                         b(h)
@@ -1487,39 +1489,39 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
-                  a("div", {
-                    class: V(["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"]),
+                  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) => L(i) && L(i)(...x))
+                    (...x) => E(r) && E(r)(...x))
                   }, [
-                    k(v.$slots, "default", { close: L(i) })
+                    _(v.$slots, "default", { close: E(r) })
                   ], 34)
                 ], 2)
               ], 2)
-            ], 32)) : B("", !0)
+            ], 32)) : T("", !0)
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
-      ])) : (f(), A(Ve, {
+      ])) : (f(), M(Xe, {
         key: 1,
         size: e.popupSize,
-        onClose: L(i)
+        onClose: E(r)
       }, {
         button: y(() => [
-          k(v.$slots, "header-btn", { close: L(i) })
+          _(v.$slots, "header-btn", { close: E(r) })
         ]),
         default: y(({ close: x }) => [
-          a("div", Zn, [
-            a("div", {
-              class: V(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
-              onWheel: g[5] || (g[5] = P(() => {
+          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] = P(() => {
+              onTouchmove: g[6] || (g[6] = N(() => {
               }, ["prevent"]))
             }, [
-              e.title ? (f(), p("h4", es, _(e.title), 1)) : B("", !0)
+              e.title ? (f(), p("h4", es, k(e.title), 1)) : T("", !0)
             ], 34),
-            k(v.$slots, "default", { close: x })
+            _(v.$slots, "default", { close: x })
           ])
         ]),
         _: 3
@@ -1529,7 +1531,7 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
 }), 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"
-}, 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" }, le = /* @__PURE__ */ z({
+}, 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" }, re = /* @__PURE__ */ V({
   __name: "CardBase",
   props: {
     size: {},
@@ -1545,79 +1547,88 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = M(!1), o = E(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), i = (r) => s("edit", r), d = () => t.value = !0, u = (r) => s("open", r), c = (r) => {
-      t.value = !1, s("close", r);
+    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 (r, m) => {
-      const v = Ge;
+    return (m, v) => {
+      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: d
+        onClick: u
       }, [
-        a("div", ts, [
-          a("div", {
-            class: V([o.value, "size-8 animate-shake"])
+        o("div", ts, [
+          o("div", {
+            class: B([a.value, "size-8 animate-shake"])
           }, [
-            k(r.$slots, "icon", F(U(n)))
+            _(m.$slots, "icon", R(W(n)))
           ], 2),
-          k(r.$slots, "header", F(U(n)))
+          _(m.$slots, "header", R(W(n)))
         ]),
-        a("div", null, [
-          k(r.$slots, "body", F(U(n)), () => [
-            a("h6", ls, [
-              k(r.$slots, "name", F(U(n)), () => [
-                D(_(n.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)
               ])
             ]),
-            a("div", ns, [
-              k(r.$slots, "value", F(U(n)), () => [
-                D(_(n.valueTo || n.value), 1)
+            o("div", ns, [
+              _(m.$slots, "value", R(W(n)), () => [
+                I(k(n.valueTo || n.value), 1)
               ])
             ])
           ])
         ]),
         n.icon ? (f(), p("div", ss, [
-          k(r.$slots, "icon", F(U(n)))
-        ])) : B("", !0),
-        t.value ? (f(), A(Be, {
+          _(m.$slots, "icon", R(W(n)))
+        ])) : T("", !0),
+        t.value ? (f(), M(Be, {
           key: 1,
           size: n.size || "sm",
           title: e.name,
           onClose: c,
-          onOpen: u
+          onOpen: i
         }, {
           "header-btn": y(() => [
-            b(j, {
+            b(A, {
               color: "transparent",
-              onClick: i
+              onClick: r
             }, {
               default: y(() => [
-                b(v)
+                b(g)
+              ]),
+              _: 1
+            }),
+            b(A, {
+              color: "transparent",
+              onClick: d
+            }, {
+              default: y(() => [
+                b(h, { class: "size-4 text-gray-500" })
               ]),
               _: 1
             })
           ]),
           default: y(() => [
-            a("div", os, [
-              a("div", as, [
-                a("h3", is, [
-                  k(r.$slots, "dialog-name", F(U(n)), () => [
-                    D(_(n.name), 1)
+            o("div", os, [
+              o("div", as, [
+                o("h3", is, [
+                  _(m.$slots, "dialog-name", R(W(n)), () => [
+                    I(k(n.name), 1)
                   ])
                 ]),
-                k(r.$slots, "dialog", F(U(n))),
-                a("p", rs, [
-                  k(r.$slots, "dialog-value", F(U(n)), () => [
-                    D(_(n.valueTo || n.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"])) : B("", !0)
+        }, 8, ["size", "title"])) : T("", !0)
       ]);
     };
   }
@@ -1628,13 +1639,13 @@ const Qe = W({ name: "ri-arrow-drop-right-line", render: Rn }), Kn = { class: "f
 };
 function ds(e, l) {
   return f(), p("svg", cs, [...l[0] || (l[0] = [
-    a("path", {
+    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 us = W({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex justify-end" }, ms = { class: "flex justify-center py-4" }, vs = /* @__PURE__ */ z({
+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: {},
@@ -1650,27 +1661,28 @@ const us = W({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = ({ opts: i = {} }) => {
-      const { disabled: d } = i;
+    const n = e, s = l, t = ({ opts: r = {} }) => {
+      const { disabled: d } = r;
       return { disabled: d };
-    }, o = () => s("setState", !n.value);
-    return (i, d) => {
+    }, a = () => s("setState", !n.value);
+    return (r, d) => {
       const u = us;
-      return f(), A(le, N(n, {
-        onClick: d[0] || (d[0] = (c) => s("click", c)),
-        onEdit: d[1] || (d[1] = (c) => s("edit", c))
+      return f(), M(re, 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((c) => [
-          k(i.$slots, "icon", F(U(c)))
+        icon: y((i) => [
+          _(r.$slots, "icon", R(W(i)))
         ]),
-        header: y((c) => [
-          a("div", fs, [
-            b(j, N(t(c), {
+        header: y((i) => [
+          o("div", fs, [
+            b(A, P(t(i), {
               type: "icon",
               class: n.value ? "text-amber-500" : "text-gray-500",
-              onClick: P(o, ["stop"])
+              onClick: N(a, ["stop"])
             }), {
               default: y(() => [
                 b(u, { class: "size-8" })
@@ -1679,12 +1691,12 @@ const us = W({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
             }, 16, ["class"])
           ])
         ]),
-        dialog: y((c) => [
-          a("div", ms, [
-            b(j, N(t(c), {
+        dialog: y((i) => [
+          o("div", ms, [
+            b(A, P(t(i), {
               type: "icon",
               class: ["size-18", n.value ? "text-amber-500" : "text-gray-500"],
-              onClick: P(o, ["stop"])
+              onClick: N(a, ["stop"])
             }), {
               default: y(() => [
                 b(u, { class: "size-16" })
@@ -1697,20 +1709,20 @@ const us = W({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
       }, 16);
     };
   }
-}), ps = {
+}), vs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function hs(e, l) {
-  return f(), p("svg", ps, [...l[0] || (l[0] = [
-    a("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 gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-center relative mx-2 my-6" }, ys = /* @__PURE__ */ z({
+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: {},
@@ -1726,57 +1738,58 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = Ue("time"), o = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), i = (c) => {
+    const n = e, s = l, t = Ue("time"), a = (i) => new Date(+i * 1e3).toISOString().slice(0, 16), r = (i) => {
       var m;
-      const r = (m = c == null ? void 0 : c.target) == null ? void 0 : m.valueAsNumber;
-      r && s("setState", r / 1e3);
-    }, d = ({ name: c, value: r, opts: m = {} }) => {
+      const c = (m = i == null ? void 0 : i.target) == null ? void 0 : m.valueAsNumber;
+      c && s("setState", c / 1e3);
+    }, d = ({ name: i, value: c, opts: m = {} }) => {
       const { disabled: v } = m;
-      return { label: c, modelValue: o(r), disabled: v };
+      return { label: i, modelValue: a(c), disabled: v };
     }, u = () => {
-      var r, m;
-      const c = (m = (r = t.value) == null ? void 0 : r.$el) == null ? void 0 : m.querySelector("input");
-      c != null && c.showPicker && c.showPicker();
+      var c, m;
+      const i = (m = (c = t.value) == null ? void 0 : c.$el) == null ? void 0 : m.querySelector("input");
+      i != null && i.showPicker && i.showPicker();
     };
-    return (c, r) => {
-      const m = gs;
-      return f(), A(le, N(n, {
-        onClick: r[0] || (r[0] = (v) => s("click", v)),
-        onEdit: r[1] || (r[1] = (v) => s("edit", v))
+    return (i, c) => {
+      const m = hs;
+      return f(), M(re, 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(c.$slots, "icon", F(U(v)))
+          _(i.$slots, "icon", R(W(v)))
         ]),
         header: y((v) => [
-          a("div", null, [
-            b(j, {
+          o("div", null, [
+            b(A, {
               type: "icon",
               class: "text-gray-500",
-              onClick: P(u, ["stop"])
+              onClick: N(u, ["stop"])
             }, {
               default: y(() => [
                 b(m, { class: "size-7" })
               ]),
               _: 1
             }),
-            b(J, N({
+            b(J, P({
               ref_key: "time",
               ref: t
             }, d(v), {
               type: "datetime-local",
               class: "size-0",
               hidden: "",
-              onChange: i
+              onChange: r
             }), null, 16)
           ])
         ]),
         dialog: y((v) => [
-          a("div", bs, [
-            b(J, N(d(v), {
+          o("div", gs, [
+            b(J, P(d(v), {
               type: "datetime-local",
-              onChange: i
+              onChange: r
             }), null, 16)
           ])
         ]),
@@ -1784,15 +1797,15 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
       }, 16);
     };
   }
-}), xs = { class: "flex justify-end" }, ks = { class: "flex justify-end" }, _s = {
-  class: /* @__PURE__ */ V("text-blue-600 dark:text-blue-400")
-}, $s = {
-  width: "32",
-  height: "32",
+}), bs = { class: "flex justify-end" }, ys = { class: "flex justify-end" }, xs = {
+  class: /* @__PURE__ */ B("text-blue-600 dark:text-blue-400")
+}, _s = {
+  width: "30",
+  height: "30",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, ws = ["stroke-dashoffset"], Cs = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, zs = /* @__PURE__ */ z({
+}, 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: {},
@@ -1808,32 +1821,33 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = M(0), o = ({ opts: r, value: m }) => Math.round(100 * +m / ((r == null ? void 0 : r.max) || 255)), i = ({ opts: r, value: m }) => Math.round(187 - +m / ((r == null ? void 0 : r.max) || 255) * 187), d = ({ value: r, opts: m }) => {
+    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: r, disabled: !!x, class: x ? "" : "cursor-pointer" };
-    }, u = (r) => s("setState", +r.target.value || 0), c = ({ value: r }) => {
-      +r != 0 ? (t.value = +r, s("setState", 0)) : s("setState", r ? 0 : t.value || 255);
+      return { min: v, max: g, step: h, value: c, disabled: !!x, class: x ? "" : "cursor-pointer" };
+    }, u = (c) => s("setState", +c.target.value || 0), i = ({ value: c }) => {
+      +c != 0 ? (t.value = +c, s("setState", 0)) : s("setState", c ? 0 : t.value || 255);
     };
-    return (r, m) => (f(), A(le, N(n, {
+    return (c, m) => (f(), M(re, P(n, {
       onClick: m[0] || (m[0] = (v) => s("click", v)),
-      onEdit: m[1] || (m[1] = (v) => s("edit", v))
+      onEdit: m[1] || (m[1] = (v) => s("edit", v)),
+      onClone: m[2] || (m[2] = (v) => s("clone", v))
     }), {
       icon: y((v) => [
-        k(r.$slots, "icon", F(U(v)))
+        _(c.$slots, "icon", R(W(v)))
       ]),
       header: y((v) => [
-        a("div", xs, [
-          a("div", ks, [
-            b(j, N(d(v), {
+        o("div", bs, [
+          o("div", ys, [
+            b(A, P(d(v), {
               type: "icon",
-              onClick: P((g) => c(v), ["stop"])
+              onClick: N((g) => i(v), ["stop"])
             }), {
               default: y(() => [
-                a("div", _s, [
-                  (f(), p("svg", $s, [
-                    m[2] || (m[2] = a("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",
@@ -1841,17 +1855,17 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
                       fill: "transparent",
                       "stroke-width": "10"
                     }, null, -1)),
-                    a("circle", {
+                    o("circle", {
                       r: "30",
                       cx: "30",
                       cy: "30",
                       stroke: "currentColor",
                       "stroke-width": "8",
                       "stroke-linecap": "butt",
-                      "stroke-dashoffset": i(v),
+                      "stroke-dashoffset": r(v),
                       fill: "transparent",
                       "stroke-dasharray": "187"
-                    }, null, 8, ws)
+                    }, null, 8, ks)
                   ]))
                 ])
               ]),
@@ -1861,16 +1875,16 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
         ])
       ]),
       dialog: y((v) => [
-        a("div", {
-          class: V(["flex justify-center relative mx-2 my-6", d(v).disabled ? "opacity-40" : ""])
+        o("div", {
+          class: B(["flex justify-center relative mx-2 my-6", d(v).disabled ? "opacity-40" : ""])
         }, [
-          m[3] || (m[3] = a("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-700 z-0 rounded-md" }, null, -1)),
-          a("div", {
+          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: Y(`width: ${o(v)}%`)
+            style: Z(`width: ${a(v)}%`)
           }, null, 4),
-          a("div", Cs, _(o(v)) + " %", 1),
-          a("input", N({ 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)
@@ -1879,7 +1893,7 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
       _: 3
     }, 16));
   }
-}), Ss = /* @__PURE__ */ z({
+}), Na = /* @__PURE__ */ V({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1895,23 +1909,24 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
     const n = e, s = l;
-    return (t, o) => (f(), A(le, N(n, {
-      onClick: o[0] || (o[0] = (i) => s("click", i)),
-      onEdit: o[1] || (o[1] = (i) => s("edit", i))
+    return (t, a) => (f(), M(re, 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((i) => [
-        k(t.$slots, "icon", F(U(i)))
+      icon: y((r) => [
+        _(t.$slots, "icon", R(W(r)))
       ]),
       default: y(() => [
-        k(t.$slots, "dialog")
+        _(t.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), Vs = { class: "flex justify-center relative mx-2 my-6" }, Bs = /* @__PURE__ */ z({
+}), ws = { class: "flex justify-center relative mx-2 my-6" }, Pa = /* @__PURE__ */ V({
   __name: "CardInput",
   props: {
     size: {},
@@ -1927,37 +1942,38 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = M(n.value || ""), o = ({ name: d, opts: u = {} }) => {
-      const { disabled: c } = u;
-      return { label: d, disabled: c };
-    }, i = (d) => s("setState", d.target.value);
+    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(
       () => n.value,
       (d) => {
         t.value = d;
       }
     ), (d, u) => {
-      const c = Qe;
-      return f(), A(le, N(n, {
-        onClick: u[1] || (u[1] = (r) => s("click", r)),
-        onEdit: u[2] || (u[2] = (r) => s("edit", r))
+      const i = Qe;
+      return f(), M(re, 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((r) => [
-          k(d.$slots, "icon", F(U(r)))
+        icon: y((c) => [
+          _(d.$slots, "icon", R(W(c)))
         ]),
-        dialog: y((r) => [
-          a("div", Vs, [
-            b(J, N({
+        dialog: y((c) => [
+          o("div", ws, [
+            b(J, P({
               modelValue: t.value,
               "onUpdate:modelValue": u[0] || (u[0] = (m) => t.value = m)
-            }, o(r), {
-              onEnter: i,
-              onBlur: i
+            }, a(c), {
+              onEnter: r,
+              onBlur: r
             }), {
               icon: y(() => [
-                b(c, { class: "size-8" })
+                b(i, { class: "size-8" })
               ]),
               _: 1
             }, 16, ["modelValue"])
@@ -1967,20 +1983,20 @@ const gs = W({ name: "ri-time-line", render: hs }), bs = { class: "flex justify-
       }, 16);
     };
   }
-}), Ts = {
+}), Cs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Es(e, l) {
-  return f(), p("svg", Ts, [...l[0] || (l[0] = [
-    a("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 Ls = W({ name: "ri-list-check", render: Es }), As = { class: "flex justify-center py-4" }, Ms = /* @__PURE__ */ z({
+const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify-center py-4" }, Fa = /* @__PURE__ */ V({
   __name: "CardList",
   props: {
     size: {},
@@ -1996,50 +2012,51 @@ const Ls = W({ name: "ri-list-check", render: Es }), As = { class: "flex justify
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "click", "open", "setState"],
+  emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
-    const n = e, s = l, t = ({ value: d }) => s("setState", d), o = ({ opts: d, value: u }) => {
-      var c;
-      return Array.isArray(d == null ? void 0 : d.items) && ((c = d == null ? void 0 : d.items.find((r) => r.value == u)) == null ? void 0 : c.name) || u;
-    }, i = ({ name: d, value: u, opts: c = {} }) => {
+    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: r = [], disabled: m } = c, v = ((g = r.find((h) => h.value == u)) == null ? void 0 : g.name) || u;
-      return { label: d, modelValue: v, items: r, disabled: !!m };
+      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 c = Ls;
-      return f(), A(le, N(n, {
-        onClick: u[1] || (u[1] = (r) => s("click", r)),
-        onEdit: u[2] || (u[2] = (r) => s("edit", r))
+      const i = Ss;
+      return f(), M(re, 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((r) => [
-          k(d.$slots, "icon", F(U(r)))
+        icon: y((c) => [
+          _(d.$slots, "icon", R(W(c)))
         ]),
-        value: y((r) => [
-          D(_(o(r)), 1)
+        value: y((c) => [
+          I(k(a(c)), 1)
         ]),
-        "dialog-value": y((r) => [
-          D(_(o(r)), 1)
+        "dialog-value": y((c) => [
+          I(k(a(c)), 1)
         ]),
-        header: y((r) => [
-          a("div", {
-            onClick: u[0] || (u[0] = P(() => {
+        header: y((c) => [
+          o("div", {
+            onClick: u[0] || (u[0] = N(() => {
             }, ["prevent", "stop"]))
           }, [
-            b(ee, N(i(r), {
+            b(te, P(r(c), {
               "is-popup": "",
               top: "0",
               left: "-115px",
               onChange: t
             }), {
               activator: y(({ on: m }) => [
-                b(j, {
+                b(A, {
                   type: "icon",
                   class: "text-gray-500",
-                  onClick: P(m.click, ["stop"])
+                  onClick: N(m.click, ["stop"])
                 }, {
                   default: y(() => [
-                    b(c, { class: "size-6" })
+                    b(i, { class: "size-6" })
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -2048,9 +2065,9 @@ const Ls = W({ name: "ri-list-check", render: Es }), As = { class: "flex justify
             }, 16)
           ])
         ]),
-        dialog: y((r) => [
-          a("div", As, [
-            b(ee, N(i(r), {
+        dialog: y((c) => [
+          o("div", Vs, [
+            b(te, P(r(c), {
               top: "-50%",
               left: "50%",
               onChange: t
@@ -2061,20 +2078,33 @@ const Ls = W({ name: "ri-list-check", render: Es }), As = { class: "flex justify
       }, 16);
     };
   }
-}), Ds = {
+}), Bs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Is(e, l) {
-  return f(), p("svg", Ds, [...l[0] || (l[0] = [
-    a("path", {
+function Ts(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 Es = F({ name: "ri-menu-search-line", render: Ts }), Ls = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+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 = W({ 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" }, Ps = ["disabled"], Ye = /* @__PURE__ */ z({
+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 },
@@ -2084,53 +2114,66 @@ const ye = W({ name: "ri-add-line", render: Is }), Os = { class: "flex w-full re
   },
   emits: ["icon"],
   setup(e, { emit: l }) {
-    const n = l, s = E(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = E(() => [e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
-    return (o, i) => {
+    const 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, [
-        a("div", {
-          class: V(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", t.value])
+      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])
         }, [
-          a("span", {
-            class: V(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
-          }, _(e.label), 3),
-          a("div", js, [
-            k(o.$slots, "default")
+          o("span", {
+            class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
+          }, k(e.label), 3),
+          o("div", Ds, [
+            _(a.$slots, "default")
           ]),
-          e.hideIcon ? B("", !0) : (f(), p("button", {
+          e.hideIcon ? T("", !0) : (f(), p("button", {
             key: 0,
             disabled: e.disabled,
-            class: V([{ "cursor-pointer": !e.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]"]),
-            onClick: i[0] || (i[0] = (u) => n("icon", u))
+            class: B([{ "cursor-pointer": !e.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]"]),
+            onClick: r[0] || (r[0] = (u) => n("icon", u))
           }, [
-            k(o.$slots, "icon", {}, () => [
+            _(a.$slots, "icon", {}, () => [
               b(d, { class: "size-4" })
             ])
-          ], 10, Ps))
+          ], 10, Is))
         ], 2)
       ]);
     };
   }
-}), Ns = {
+}), Os = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Hs(e, l) {
+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 Hs = F({ name: "ri-file-copy-line", render: js }), Ns = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ps(e, l) {
   return f(), p("svg", Ns, [...l[0] || (l[0] = [
-    a("path", {
+    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 Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
+const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
   key: 0,
   class: "me-1"
-}, Ks = { class: "dark:text-gray-300" }, Ws = { class: "flex items-center z-10" }, qs = {
+}, Ws = { class: "dark:text-gray-300" }, Ks = { class: "flex gap-3 items-center z-10" }, qs = {
   key: 0,
   class: "flex ps-5"
-}, Gs = { class: "font-medium me-6 dark:text-gray-300" }, Ze = /* @__PURE__ */ z({
+}, Gs = { class: "font-medium dark:text-gray-300" }, et = /* @__PURE__ */ V({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -2139,71 +2182,91 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const n = l, s = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", t = M({}), o = (c) => {
-      t.value[c] = !t.value[c];
-    }, i = (c) => typeof c == "object", d = (c) => `${e.path ? e.path + "." : ""}${c}`, u = (c, r) => {
-      n("click", { key: c, path: d(c), isObject: r });
+    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) => {
+      n("click", { key: g, path: m(g), isObject: h });
     };
-    return (c, r) => {
-      const m = Fs, v = ye;
+    return (g, h) => {
+      const x = Fs, $ = Hs, C = ye;
       return f(), p("ul", null, [
-        (f(!0), p(I, null, H(e.items, (g, h) => (f(), p("li", {
-          key: h,
-          class: V(i(g) ? "" : `flex items-center ${s()}`)
+        (f(!0), p(O, null, U(e.items, (z, j) => (f(), p("li", {
+          key: j,
+          class: B(c(z) ? "" : `flex items-center ${s()}`)
         }, [
-          a("div", {
-            class: V(["flex items-center cursor-pointer ps-2 h-8", i(g) ? `${s()}` : ""]),
-            onClick: (x) => o(h)
+          o("div", {
+            class: B(["flex items-center cursor-pointer ps-2 h-8", c(z) ? `${s()}` : ""]),
+            onClick: (X) => i(j)
           }, [
-            i(g) ? (f(), p("div", Rs, [
-              b(m, { class: "size-5" })
-            ])) : B("", !0),
-            a("div", Ks, _(h), 1),
-            !e.onlyValue && i(g) ? (f(), p(I, { key: 1 }, [
-              r[1] || (r[1] = a("div", { class: "flex-auto" }, null, -1)),
-              a("div", Ws, [
-                b(j, {
+            c(z) ? (f(), p("div", Rs, [
+              b(x, { class: "size-5" })
+            ])) : T("", !0),
+            o("div", Ws, k(j), 1),
+            E(u) ? (f(), M(A, {
+              key: 1,
+              class: "opacity-20 hover:opacity-70 transition-all",
+              color: "transparent",
+              size: "sm",
+              onClick: N((X) => E(r)(m(j)), ["stop"])
+            }, {
+              default: y(() => [
+                b($, { class: "size-5" })
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : T("", !0),
+            E(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"])
+            }, k(g.$t("copied")), 3)) : T("", !0),
+            !e.onlyValue && c(z) ? (f(), p(O, { key: 3 }, [
+              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",
                   size: "sm",
-                  onClick: P((x) => u(h, i(g)), ["stop"])
+                  title: g.$t("add"),
+                  onClick: N((X) => v(j, c(z)), ["stop"])
                 }, {
                   default: y(() => [
-                    b(v, { class: "size-5" })
+                    b(C, { class: "size-5" })
                   ]),
                   _: 1
-                }, 8, ["onClick"])
+                }, 8, ["title", "onClick"])
               ])
-            ], 64)) : B("", !0)
+            ], 64)) : T("", !0)
           ], 10, Us),
-          i(g) ? (f(), p("div", qs, [
-            we(b(Ze, {
+          c(z) ? (f(), p("div", qs, [
+            Ce(b(et, {
               class: "flex-auto",
-              path: d(h),
-              items: g,
+              path: m(j),
+              items: z,
               onlyValue: e.onlyValue,
-              onClick: r[0] || (r[0] = (x) => n("click", x))
+              onClick: h[0] || (h[0] = (X) => n("click", X))
             }, null, 8, ["path", "items", "onlyValue"]), [
-              [mt, t.value[h]]
+              [ht, t.value[j]]
             ])
-          ])) : (f(), p(I, { key: 1 }, [
-            r[2] || (r[2] = a("div", { class: "flex-auto" }, null, -1)),
-            a("div", Gs, _(g), 1),
-            b(j, {
-              color: "transparent",
+          ])) : (f(), p(O, { key: 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",
               size: "sm",
-              onClick: P((x) => u(h, i(g)), ["stop"])
+              title: g.$t("add"),
+              onClick: N((X) => v(j, c(z)), ["stop"])
             }, {
               default: y(() => [
-                b(v, { class: "size-5" })
+                b(C, { class: "size-5" })
               ]),
               _: 1
-            }, 8, ["onClick"])
+            }, 8, ["title", "onClick"])
           ], 64))
         ], 2))), 128))
       ]);
     };
   }
-}), Js = { class: "" }, Xs = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Qs = ["onClick"], Ys = { class: "px-4 py-2" }, Zs = { class: "relative my-4" }, eo = { key: 0 }, to = /* @__PURE__ */ z({
+}), 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: {},
@@ -2211,41 +2274,41 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
   },
   emits: ["click"],
   setup(e, { expose: l, emit: n }) {
-    const s = n, t = M(e.value || 0), o = (d) => [t.value === d ? "" : "before:hidden"], i = (d) => {
+    const s = n, t = D(e.value || 0), a = (d) => [t.value === d ? "" : "before:hidden"], r = (d) => {
       t.value = d, s("click", d);
     };
     return l({
-      setActiveTab: i,
+      setActiveTab: r,
       activeTab: t
     }), (d, u) => (f(), p("div", Js, [
-      a("div", Xs, [
-        (f(!0), p(I, null, H(e.items, (c, r) => (f(), p("div", {
-          key: r,
+      o("div", Xs, [
+        (f(!0), p(O, null, U(e.items, (i, c) => (f(), p("div", {
+          key: c,
           class: "relative flex-auto"
         }, [
-          a("button", {
+          o("button", {
             class: "w-full",
-            onClick: (m) => i(r)
+            onClick: (m) => r(c)
           }, [
-            a("div", {
-              class: V([o(r), "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: c,
-                i: r
+              _(d.$slots, "header", {
+                tab: i,
+                i: c
               }, () => [
-                a("div", Ys, _(c.title), 1)
+                o("div", Qs, k(i.title), 1)
               ])
             ], 2)
-          ], 8, Qs)
+          ], 8, Ys)
         ]))), 128))
       ]),
-      a("div", Zs, [
-        (f(!0), p(I, null, H(e.items, (c, r) => (f(), p("div", {
-          key: r,
+      o("div", Zs, [
+        (f(!0), p(O, null, U(e.items, (i, c) => (f(), p("div", {
+          key: c,
           class: "tab-panel"
         }, [
-          b(re, {
+          b(ie, {
             "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",
@@ -2254,9 +2317,9 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: y(() => [
-              t.value === r ? (f(), p("div", eo, [
-                k(d.$slots, `tab-${r}`)
-              ])) : B("", !0)
+              t.value === c ? (f(), p("div", eo, [
+                _(d.$slots, `tab-${c}`)
+              ])) : T("", !0)
             ]),
             _: 2
           }, 1024)
@@ -2264,7 +2327,7 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
       ])
     ]));
   }
-}), lo = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, no = ["title", "onMouseenter", "onMouseleave"], so = { class: "flex flex-auto" }, oo = ["disabled"], xe = /* @__PURE__ */ z({
+}), 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: {},
@@ -2275,24 +2338,24 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
   },
   emits: ["change", "icon", "hover"],
   setup(e, { emit: l }) {
-    const n = l, s = ["v", "a", "b", "c"], t = M(e.value || ""), o = (u) => {
+    const n = l, s = ["v", "a", "b", "c"], t = D(e.value || ""), a = (u) => {
       try {
         return new Function(u), !0;
-      } catch (c) {
-        return console.warn(c), !1;
+      } catch (i) {
+        return console.warn(i), !1;
       }
-    }, i = Ce((u) => {
-      const c = u.target;
-      o(c.value) && n("change", c.value);
+    }, 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 && (t.value = e.value);
       }
-    ), (u, c) => {
-      const r = te, m = ye;
-      return f(), A(Ye, {
+    ), (u, i) => {
+      const c = le, m = ye;
+      return f(), M(Ze, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
@@ -2300,48 +2363,48 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
         onIcon: d
       }, {
         icon: y(() => [
-          e.value ? (f(), A(r, {
+          e.value ? (f(), M(c, {
             key: 0,
             class: "size-4"
-          })) : (f(), A(m, {
+          })) : (f(), M(m, {
             key: 1,
             class: "size-4"
           }))
         ]),
         default: y(() => [
-          e.value ? (f(), p(I, { key: 0 }, [
-            a("div", lo, [
-              c[3] || (c[3] = D(" ( ", -1)),
-              (f(!0), p(I, null, H(e.args, (v, g) => (f(), p(I, { key: v }, [
-                a("span", {
+          e.value ? (f(), p(O, { key: 0 }, [
+            o("div", lo, [
+              i[3] || (i[3] = I(" ( ", -1)),
+              (f(!0), p(O, null, U(e.args, (v, g) => (f(), p(O, { key: v }, [
+                o("span", {
                   class: "text-blue-400/80",
                   title: v,
                   onMouseenter: (h) => n("hover", "enter", g),
                   onMouseleave: (h) => n("hover", "leave", g)
-                }, _(s[g]), 41, no),
-                c[2] || (c[2] = a("span", { class: "last:hidden" }, ",", -1))
+                }, k(s[g]), 41, no),
+                i[2] || (i[2] = o("span", { class: "last:hidden" }, ",", -1))
               ], 64))), 128)),
-              c[4] || (c[4] = D(" ) => ", -1))
+              i[4] || (i[4] = I(" ) => ", -1))
             ]),
-            a("div", so, [
-              we(a("textarea", {
-                "onUpdate:modelValue": c[0] || (c[0] = (v) => t.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: c[1] || (c[1] = //@ts-ignore
-                (...v) => L(i) && L(i)(...v))
+                onInput: i[1] || (i[1] = //@ts-ignore
+                (...v) => E(r) && E(r)(...v))
               }, null, 40, oo), [
-                [vt, t.value]
+                [gt, t.value]
               ])
             ])
-          ], 64)) : B("", !0)
+          ], 64)) : T("", !0)
         ]),
         _: 1
       }, 8, ["active", "disabled", "label", "hideIcon"]);
     };
   }
-}), ao = ["checked", "disabled"], io = { class: "text-sm ms-2 peer-disabled:opacity-40" }, ro = /* @__PURE__ */ z({
+}), 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 },
@@ -2349,38 +2412,38 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: l }) {
-    const n = l, s = (o) => {
-      const i = o.target;
-      n("update:modelValue", i.checked);
-    }, t = (o) => n("click", o);
-    return (o, i) => (f(), p("label", {
-      class: V(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
+    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: t
     }, [
-      a("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, ao),
-      i[0] || (i[0] = a("button", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
-        a("svg", {
+      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"
         }, [
-          a("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)),
-      a("span", io, [
-        k(o.$slots, "default")
+      o("span", io, [
+        _(a.$slots, "default")
       ])
     ], 2));
   }
@@ -2390,7 +2453,7 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
 }, mo = {
   key: 1,
   class: ""
-}, 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__ */ z({
+}, 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 },
@@ -2403,30 +2466,30 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
   },
   emits: ["update"],
   setup(e, { emit: l }) {
-    const n = l, s = E(() => e.items.map((h, x) => ({ ...h, id: ++x }))), t = M({ name: "", value: "" }), o = E(() => e.items.length + 1), i = E(() => {
+    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 = t.value) != null && h.id);
-    }), d = (h) => e.type === h, u = (h, x) => n("update", h, x), c = (h) => h.map(({ name: x, value: $ }) => ({ name: x, value: $ })), r = ({ id: h, name: x, value: $ }) => t.value = { id: h, name: x, value: $ }, m = () => {
-      const h = o.value;
-      t.value = { name: `New_${h}`, value: h, id: h }, u("items", c([...s.value, t.value]));
+    }), d = (h) => e.type === h, u = (h, x) => n("update", h, x), i = (h) => h.map(({ name: x, value: $ }) => ({ name: x, value: $ })), c = ({ id: h, name: x, value: $ }) => t.value = { id: h, name: x, value: $ }, m = () => {
+      const h = a.value;
+      t.value = { name: `New_${h}`, value: `${h}`, id: h }, u("items", i([...s.value, t.value]));
     }, v = (h) => {
-      t.value.name === h.name && (t.value = { name: "", value: "" }), u("items", c(s.value.filter((x) => x.value !== h.value)));
-    }, g = Ce(() => {
+      t.value.name === h.name && (t.value = { name: "", value: "" }), u("items", i(s.value.filter((x) => x.value !== h.value)));
+    }, g = ze(() => {
       const h = t.value;
       if (!h.name || !h.value) return;
       const x = s.value.map(($) => $.id === h.id ? h : $);
-      u("items", c(x));
+      u("items", i(x));
     }, 300);
     return (h, x) => {
-      const $ = te, C = ye;
+      const $ = le, C = ye;
       return f(), p("div", co, [
-        a("div", uo, [
+        o("div", uo, [
           b(ro, {
             modelValue: e.disabled,
-            "onUpdate:modelValue": x[0] || (x[0] = (T) => u("disabled", T ? 1 : 0))
+            "onUpdate:modelValue": x[0] || (x[0] = (z) => u("disabled", z ? 1 : 0))
           }, {
             default: y(() => [...x[6] || (x[6] = [
-              D("Disabled", -1)
+              I("Disabled", -1)
             ])]),
             _: 1
           }, 8, ["modelValue"])
@@ -2435,55 +2498,55 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
           b(J, {
             modelValue: e.min,
             label: "Min",
-            "onUpdate:modelValue": x[1] || (x[1] = (T) => u("min", +T))
+            "onUpdate:modelValue": x[1] || (x[1] = (z) => u("min", +z))
           }, null, 8, ["modelValue"]),
           b(J, {
             modelValue: e.max,
             label: "Max",
-            "onUpdate:modelValue": x[2] || (x[2] = (T) => u("max", +T))
+            "onUpdate:modelValue": x[2] || (x[2] = (z) => u("max", +z))
           }, null, 8, ["modelValue"]),
           b(J, {
             modelValue: e.step,
             label: "Step",
-            "onUpdate:modelValue": x[3] || (x[3] = (T) => u("step", +T))
+            "onUpdate:modelValue": x[3] || (x[3] = (z) => u("step", +z))
           }, null, 8, ["modelValue"])
-        ])) : B("", !0),
+        ])) : T("", !0),
         d("list") ? (f(), p("div", mo, [
-          a("div", vo, [
+          o("div", vo, [
             b(J, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
-                x[4] || (x[4] = (T) => t.value.name = T),
-                L(g)
+                x[4] || (x[4] = (z) => t.value.name = z),
+                E(g)
               ],
-              disabled: i.value,
+              disabled: r.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
             b(J, {
               modelValue: t.value.value,
               "onUpdate:modelValue": [
-                x[5] || (x[5] = (T) => t.value.value = T),
-                L(g)
+                x[5] || (x[5] = (z) => t.value.value = z),
+                E(g)
               ],
-              disabled: i.value,
+              disabled: r.value,
               label: "Value"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          a("div", po, [
-            b(ee, {
+          o("div", po, [
+            b(te, {
               "model-value": t.value.value,
               label: "List",
               items: s.value,
               top: "unset",
               bottom: "0",
-              onChange: r
+              onChange: c
             }, {
-              item: y(({ item: T }) => [
-                a("div", ho, [
-                  a("span", null, _(T.name), 1),
-                  a("button", {
+              item: y(({ item: z }) => [
+                o("div", ho, [
+                  o("span", null, k(z.name), 1),
+                  o("button", {
                     class: "cursor-pointer size-4",
-                    onClick: P((R) => v(T), ["prevent", "stop"])
+                    onClick: N((j) => v(z), ["prevent", "stop"])
                   }, [
                     b($)
                   ], 8, go)
@@ -2491,7 +2554,7 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
               ]),
               _: 1
             }, 8, ["model-value", "items"]),
-            b(j, {
+            b(A, {
               class: "px-4",
               color: "blue",
               onClick: m
@@ -2502,13 +2565,14 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
               _: 1
             })
           ])
-        ])) : B("", !0)
+        ])) : T("", !0)
       ]);
     };
   }
-}), yo = { class: "flex flex-col" }, xo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, ko = { class: "flex-auto order-1" }, _o = { 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"], To = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Eo = { class: "flex-[0_0_130px] size-[130px]" }, Lo = { class: "flex gap-4 justify-end" }, Ao = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Mo = /* @__PURE__ */ z({
+}), 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"], To = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Eo = { 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: {},
     item: {},
     object: {},
     listDashboard: {},
@@ -2516,262 +2580,270 @@ const Fs = W({ name: "ri-folder6-line", render: Hs }), Us = ["onClick"], Rs = {
   },
   emits: ["button"],
   setup(e, { emit: l }) {
-    const n = l, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = M({
+    const n = l, s = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = D({
       id: "",
       name: "",
       type: "button",
-      icon: "Bulb",
+      icon: "bulb",
       value: "",
       args: [],
       set: "",
       get: "",
       getTo: ""
-    }), o = M(!1), i = E(() => {
+    }), a = D(!1), r = L(() => {
       var w;
       return !((w = e.item) != null && w.id);
-    }), d = E(() => t.value.type === "info"), u = E(() => {
+    }), d = L(() => !!e.items.filter((w) => {
+      var S;
+      return w.id !== ((S = e.item) == null ? void 0 : S.id);
+    }).find((w) => w.id === (t == null ? void 0 : t.value.id))), u = L(() => t.value.type === "info"), i = L(() => {
       var w;
       return (w = t.value.args) == null ? void 0 : w.length;
-    }), c = E(() => t.value.args.length > 3), r = E(() => {
+    }), c = L(() => t.value.args.length > 3), m = L(() => {
+      if (d.value) return !0;
       const { id: w, args: S } = t.value;
       return !w || !S.length;
-    }), m = ({ value: w }) => t.value.icon = w, v = ({ value: w }) => {
+    }), v = ({ value: w }) => t.value.icon = w, g = ({ value: w }) => {
       const S = w;
       t.value.type = S, delete t.value.opts, ["button", "list", "dimmer"].includes(S) && (w === "button" && (t.value.opts = {}), w === "list" && (t.value.opts = { items: [] }), w === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
-    }, g = (w) => {
+    }, h = (w) => {
       w === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), w === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), w === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
-    }, h = (w) => n("button", w, t.value), x = (w) => t.value.args = t.value.args.filter((S) => S !== w), $ = ({ path: w }) => {
-      t.value.args.length || (t.value.id = w), t.value.args.push(w), o.value = !1;
-    }, C = M(-1), T = (w) => C.value === w, R = (w, S) => {
-      w === "enter" && (C.value = S), w === "leave" && (C.value = -1);
-    }, ne = (w, S) => {
+    }, 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" && (t.value.set = S), w === "get" && (t.value.get = S), w === "getTo" && (t.value.getTo = S), S || delete t.value[w];
-    }, ot = () => {
-      var w;
-      !t.value.args.length && !((w = e.item) != null && w.id) && (o.value = !0);
-    }, at = (w, S) => {
+    }, 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 && (t.value = _t(e.item));
+      (w = e.item) != null && w.id && (t.value = zt(e.item));
     }), (w, S) => {
-      const it = te;
+      const rt = Es, ct = le;
       return f(), p("div", yo, [
-        a("div", xo, [
-          a("div", ko, [
+        o("div", xo, [
+          o("div", _o, [
             b(to, {
               class: "flex-auto min-h-75",
               value: 0,
               items: s
             }, {
               "tab-0": y(() => [
-                a("div", _o, [
+                o("div", ko, [
                   b(J, {
                     modelValue: t.value.id,
-                    "onUpdate:modelValue": S[0] || (S[0] = (O) => t.value.id = O),
+                    "onUpdate:modelValue": S[0] || (S[0] = (H) => t.value.id = H),
                     label: "ID",
-                    disabled: !i.value,
-                    onClick: ot
-                  }, null, 8, ["modelValue", "disabled"]),
+                    message: d.value ? w.$t("used") : ""
+                  }, bt({ _: 2 }, [
+                    i.value ? void 0 : {
+                      name: "icon",
+                      fn: y(() => [
+                        b(A, {
+                          color: "transparent",
+                          onClick: at
+                        }, {
+                          default: y(() => [
+                            b(rt)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      key: "0"
+                    }
+                  ]), 1032, ["modelValue", "message"]),
                   b(J, {
                     modelValue: t.value.name,
-                    "onUpdate:modelValue": S[1] || (S[1] = (O) => t.value.name = O),
+                    "onUpdate:modelValue": S[1] || (S[1] = (H) => t.value.name = H),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  a("div", $o, [
-                    b(ee, {
+                  o("div", $o, [
+                    b(te, {
                       "model-value": t.value.icon,
                       bottom: "0",
                       top: "unset",
                       label: "Icon",
                       class: "mb-6",
                       items: e.listIcons,
-                      onChange: m
+                      onChange: v
                     }, {
-                      item: y(({ item: O }) => [
-                        a("div", wo, [
-                          k(w.$slots, "icon", {
-                            icon: O.value
+                      item: y(({ item: H }) => [
+                        o("div", wo, [
+                          _(w.$slots, "icon", {
+                            icon: H.value
                           }),
-                          a("div", null, _(O.name), 1)
+                          o("div", null, k(H.name), 1)
                         ])
                       ]),
                       _: 3
                     }, 8, ["model-value", "items"]),
-                    b(ee, {
+                    b(te, {
                       "model-value": t.value.type,
                       bottom: "0",
                       top: "unset",
                       label: "Type",
                       items: e.listDashboard,
-                      onChange: v
+                      onChange: g
                     }, null, 8, ["model-value", "items"])
                   ])
                 ])
               ]),
               "tab-1": y(() => [
-                a("div", Co, [
-                  b(Ye, {
+                o("div", Co, [
+                  b(Ze, {
                     active: !!t.value.args.length,
                     disabled: c.value,
                     label: "Arguments",
-                    onIcon: S[2] || (S[2] = (O) => o.value = !0)
+                    onIcon: S[2] || (S[2] = (H) => a.value = !0)
                   }, {
                     default: y(() => [
-                      a("div", zo, [
-                        (f(!0), p(I, null, H(t.value.args, (O, Le) => (f(), p("div", {
-                          key: O,
+                      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"
                         }, [
-                          a("div", So, [
-                            a("span", Vo, _(O), 1),
-                            a("div", {
-                              class: V(["fixed left-1/2 top-1/2 p-4 text-white bg-gray-900 rounded-md group-hover:visible invisible opacity-0 group-hover:opacity-100 z-50 transition-all -translate-1/2", T(Le) ? "visible opacity-100" : ""])
+                          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" : ""])
                             }, [
-                              a("pre", null, _(L(gt)(O, e.object)), 1)
+                              o("pre", null, k(E(dt)(H, e.object)), 1)
                             ], 2)
                           ]),
-                          Le ? (f(), p("button", {
+                          Le || t.value.args.length < 2 ? (f(), p("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (za) => x(O)
+                            onClick: (xa) => $(H)
                           }, [
-                            b(it, { class: "size-5" })
-                          ], 8, Bo)) : B("", !0)
+                            b(ct, { class: "size-5" })
+                          ], 8, Bo)) : T("", !0)
                         ]))), 128))
                       ])
                     ]),
                     _: 1
                   }, 8, ["active", "disabled"]),
-                  b(xe, {
+                  b(_e, {
                     value: t.value.set,
                     args: t.value.args,
-                    disabled: !u.value || d.value,
+                    disabled: !i.value || u.value,
                     label: "Set",
-                    onIcon: S[3] || (S[3] = (O) => g("set")),
-                    onHover: R,
-                    onChange: S[4] || (S[4] = (O) => ne("set", O))
+                    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(xe, {
+                  b(_e, {
                     value: t.value.get,
                     args: t.value.args,
-                    disabled: !u.value,
+                    disabled: !i.value,
                     label: "Get",
-                    onIcon: S[5] || (S[5] = (O) => g("get")),
-                    onHover: R,
-                    onChange: S[6] || (S[6] = (O) => ne("get", O))
+                    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(xe, {
+                  b(_e, {
                     value: t.value.getTo,
                     args: t.value.args,
-                    disabled: !u.value,
+                    disabled: !i.value,
                     label: "GetTo",
-                    onIcon: S[7] || (S[7] = (O) => g("getTo")),
-                    onHover: R,
-                    onChange: S[8] || (S[8] = (O) => ne("getTo", O))
+                    onIcon: S[7] || (S[7] = (H) => h("getTo")),
+                    onHover: X,
+                    onChange: S[8] || (S[8] = (H) => xe("getTo", H))
                   }, null, 8, ["value", "args", "disabled"])
                 ])
               ]),
               "tab-2": y(() => [
-                b(bo, N(t.value.opts, {
+                b(bo, P(t.value.opts, {
                   value: t.value.value,
                   type: t.value.type,
-                  onUpdate: at
+                  onUpdate: it
                 }), null, 16, ["value", "type"])
               ]),
               _: 3
             })
           ]),
-          a("div", To, [
-            a("div", Eo, [
-              k(w.$slots, "default", { item: t.value })
+          o("div", To, [
+            o("div", Eo, [
+              _(w.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        a("div", Lo, [
-          b(j, {
+        o("div", Lo, [
+          b(A, {
             class: "px-4",
             color: "blue",
-            disabled: r.value,
-            onClick: S[9] || (S[9] = (O) => h(i.value ? "add" : "save"))
+            disabled: m.value,
+            onClick: S[9] || (S[9] = (H) => x(r.value ? "add" : "save"))
           }, {
             default: y(() => [
-              D(_(i.value ? w.$t("add") : w.$t("save")), 1)
+              I(k(r.value ? w.$t("add") : w.$t("save")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          b(j, {
+          b(A, {
             class: "px-4",
             color: "red",
             outline: "",
-            onClick: S[10] || (S[10] = (O) => h("remove"))
+            onClick: S[10] || (S[10] = (H) => x("remove"))
           }, {
             default: y(() => [
-              D(_(w.$t("remove")), 1)
+              I(k(w.$t("remove")), 1)
             ]),
             _: 1
           })
         ]),
-        o.value ? (f(), A(Be, {
+        a.value ? (f(), M(Be, {
           key: 0,
           size: "md",
           title: w.$t("select"),
-          onClose: S[11] || (S[11] = (O) => o.value = !1)
+          onClose: S[11] || (S[11] = (H) => a.value = !1)
         }, {
           default: y(() => [
-            a("div", Ao, [
-              b(Ze, {
+            o("div", Mo, [
+              b(et, {
                 items: e.object,
-                onlyValue: !u.value,
-                onClick: $
+                onlyValue: !i.value,
+                onClick: C
               }, null, 8, ["items", "onlyValue"])
             ])
           ]),
           _: 1
-        }, 8, ["title"])) : B("", !0)
+        }, 8, ["title"])) : T("", !0)
       ]);
     };
   }
-}), Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CardBase: le,
-  CardButton: vs,
-  CardDate: ys,
-  CardDimmer: zs,
-  CardInfo: Ss,
-  CardInput: Bs,
-  CardList: Ms,
-  ItemEdit: Mo
-}, Symbol.toStringTag, { value: "Module" })), Me = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Io = { 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" }, Oo = { 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" }, jo = { 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" }, et = (e) => tt(e);
+}), Ae = { position: "relative", boxSizing: "border-box", overflow: "hidden", fontSize: "16px", fontFamily: 'Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace' }, Ao = { lineHeight: "inherit", whiteSpace: "pre-wrap", wordBreak: "keep-all", overflowWrap: "break-word", background: "none", position: "absolute", width: "100%", height: "100%", zIndex: "1", resize: "none", caretColor: "currentColor", padding: "inherit", outline: "none", fontSize: "inherit", fontFamily: "inherit", letterSpacing: "inherit", boxSizing: "border-box", border: "none", top: "0px", left: "0px", color: "inherit", overflow: "hidden", "-webkit-font-smoothing": "antialiased", "-webkit-text-fill-color": "transparent" }, Do = { lineHeight: "inherit", position: "relative", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "0", width: "100%", margin: "0", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, Io = { lineHeight: "inherit", position: "absolute", width: "100%", height: "100%", whiteSpace: "pre-wrap", wordBreak: "keep-all", padding: "inherit", margin: "0", top: "0px", left: "0px", pointerEvents: "none", boxSizing: "border-box", overflowWrap: "break-word", fontFamily: "inherit" }, tt = (e) => lt(e);
 function De(e) {
   const l = Array.isArray(e) ? e : [e];
-  return l.length === 0 ? et : (n) => l.reduce((s, t, o) => t(s, { html: o > 0 }), n);
+  return l.length === 0 ? tt : (n) => l.reduce((s, t, a) => t(s, { html: a > 0 }), n);
 }
-class Po {
+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: et }, { highlighters: t, ...o } = n;
-    this.options = { ...s, ...o, highlighter: t ? De(t) : s.highlighter }, this.options.value = this.options.value == null ? "" : String(this.options.value), this.init();
+    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 l = Object.keys(Me).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
+    const l = Object.keys(Ae).concat(Object.keys(this.options.styles)).concat(["paddingLeft"]);
     this.initialRootStyles = {};
     const n = this.root.style;
     l.forEach((s) => {
       this.initialRootStyles[s] = n[s] || "";
-    }), Object.assign(this.root.style, Me, this.options.styles), Object.assign(this.textarea.style, Io), Object.assign(this.pre.style, Oo), this.basePaddingLeft = this.root.style.paddingLeft || "", this.root.appendChild(this.textarea), this.root.appendChild(this.pre), this.addTextareaEvents(), this.update({ value: this.options.value }), this.updateLines();
+    }), Object.assign(this.root.style, Ae, this.options.styles), Object.assign(this.textarea.style, Ao), Object.assign(this.pre.style, Do), this.basePaddingLeft = this.root.style.paddingLeft || "", this.root.appendChild(this.textarea), this.root.appendChild(this.pre), this.addTextareaEvents(), this.update({ value: this.options.value }), this.updateLines();
   }
   addTextareaEvents() {
     this.handleEvent = (l) => {
       if (l.type === "keydown" && this.textarea.readOnly) return;
       const n = l;
       if (n.isComposing || n.keyCode === 229) return;
-      const s = function(t, o) {
-        const { value: i, selectionStart: d, selectionEnd: u } = o.target;
-        return t.reduce((c, r) => ({ ...c, ...r(c, o) }), { value: i, selectionStart: d, selectionEnd: u });
+      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);
@@ -2786,8 +2858,8 @@ class Po {
     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((o) => {
-        o in this.initialRootStyles || (this.initialRootStyles[o] = t[o] || "");
+      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), l.value != null && this.update({ value: l.value }), this.render();
@@ -2798,10 +2870,10 @@ class Po {
   }
   updateLines() {
     if (!this.options.lineNumbers) return;
-    this.lines || (this.lines = document.createElement("pre"), this.root.appendChild(this.lines), Object.assign(this.lines.style, jo));
+    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">${tt(s)}</span>`}`).join(`
+    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() {
@@ -2814,60 +2886,60 @@ class Po {
 function ve(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function tt(e) {
+function lt(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const Ie = { alt: "altKey", control: "ctrlKey", ctrl: "ctrlKey", meta: "metaKey", shift: "shiftKey", "ctrl/cmd": typeof window < "u" && window.navigator && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform) ? "metaKey" : "ctrlKey" }, No = { add: "=" }, Ho = { ";": "semicolon", "=": "equal", ",": "comma", "-": "minus", ".": "period", "/": "slash", "`": "backquote", "[": "bracketleft", "\\": "backslash", "]": "bracketright", "'": "quote" };
+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, c) => Ie[c] ? (u.modifiers[Ie[c]] = !0, u) : { ...u, key: No[c] || c.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]);
+  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, o = (i = n.key, /^[a-z]$/.test(i) ? `key${i}` : /^[0-9]$/.test(i) ? `digit${i}` : Ho[i] || null);
-  var i;
-  const d = !l.isComposing && o != null && l.code != null && l.code.toLowerCase() === o;
+  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 Fo(e = {}) {
+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, o = null;
-  const i = (d) => {
+  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 c = u.type === "keydown" && ce("ctrl/cmd+z", u), r = u.type === "keydown" && (ce("ctrl/cmd+shift+z", u) || ce("ctrl+y", u));
-    if ((c || r) && u.preventDefault(), t === null) return s = [d], void (t = 0);
-    if (c) return o = null, s[t].value !== d.value ? i(d) : s[t] = d, t = Math.max(0, t - 1), s[t];
-    if (r) return o = null, s[t].value !== d.value ? void i(d) : (t = Math.min(s.length - 1, t + 1), s[t]);
-    if (u.type === "keydown") return s[t].value !== d.value ? (o = null, void i(d)) : void (s[t] = d);
+    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 <= n;
-      if (o = m ?? null, v) return void (s[t] = d);
-      i(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, l) => {
+const Po = () => (e, l) => {
   const { value: n, selectionStart: s, selectionEnd: t } = e;
   if (!ce("enter", l) || l.type !== "keydown") return;
-  const o = n.substring(0, s).split(`
-`).pop(), i = /^\s+/.exec(o);
-  if (!i) return;
+  const a = n.substring(0, s).split(`
+`).pop(), r = /^\s+/.exec(a);
+  if (!r) return;
   l.preventDefault();
   const d = `
-` + i[0];
+` + r[0];
   return { value: n.substring(0, s) + d + n.substring(t), selectionStart: s + d.length, selectionEnd: s + d.length };
-}, Ro = () => (e, l) => {
+}, Fo = () => (e, l) => {
   if (!(l instanceof KeyboardEvent) || l.key !== "Enter")
     return;
   const { value: n, selectionStart: s, selectionEnd: t } = e;
   if (s !== t)
     return;
-  const o = n.lastIndexOf(`
-`, s - 1) + 1, i = n.indexOf(`
-`, s), d = i === -1 ? n.length : i;
+  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 r = n.substring(o, d).trimEnd();
-  if (r.endsWith(";") || r.length === 0)
+  const c = n.substring(a, d).trimEnd();
+  if (c.endsWith(";") || c.length === 0)
     return;
   const m = n.slice(0, d) + ";" + n.slice(d), v = s + 1;
   return {
@@ -2875,12 +2947,12 @@ const Uo = () => (e, l) => {
     selectionStart: v,
     selectionEnd: v
   };
-}, Ko = [
+}, Uo = [
   { label: "if", type: "keyword", insertText: `if:\${$v0<10};
-$v0=$v0+1;
+
 else;
-$v0=$v0+5;
-end;`, detail: "условие if:${$v0<10};<br>$v0=$v0+1;<br>else;<br>$v0=$v0+5;<br>end;" },
+
+end;`, detail: "if:${$v0<10};else;end;" },
   { label: "while", type: "keyword", insertText: `$v0=0;
 while:\${$v0<10};
 log($v0);
@@ -2904,86 +2976,86 @@ end;`, detail: "while" },
   { label: "$s${0}=", type: "variable", detail: "string" },
   { label: "$p${13}=", type: "variable", detail: "gpio" }
 ];
-let Te = [], q = null, K = 0, X = [], Z = null, se = null, Ee, lt, G = null, ie = null;
-const Wo = (e) => {
-  const { customSuggestions: l = [], minPrefixLength: n = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: o = { enabled: !0 }, i18n: i, renderMenu: d, renderTooltip: u } = e;
+let Te = [], q = null, K = 0, Y = [], ee = null, ne = null, Ee, nt, G = null, ae = 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 = [...Ko, ...l].map((c) => i(c)), Ee = d, lt = u, (c, r) => {
-    if (!(r instanceof KeyboardEvent))
+  return Te = [...Uo, ...l].map((i) => r(i)), Ee = d, nt = u, (i, c) => {
+    if (!(c instanceof KeyboardEvent))
       return;
-    const { value: m, selectionStart: v } = c, g = r.target;
-    if (se = g, o.enabled !== !1 && !g.dataset.tooltipInitialized && (g.dataset.tooltipInitialized = "true", g.addEventListener("mouseup", () => {
+    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(() => Oe(g), 100);
     })), q) {
-      switch (r.key) {
+      switch (c.key) {
         case "ArrowDown":
-          return r.preventDefault(), K < X.length - 1 && (K++, oe()), { ...c };
+          return c.preventDefault(), K < Y.length - 1 && (K++, se()), { ...i };
         case "ArrowUp":
-          return r.preventDefault(), K > 0 && (K--, oe()), { ...c };
+          return c.preventDefault(), K > 0 && (K--, se()), { ...i };
         case "Enter":
-          if (r.preventDefault(), X[K]) {
-            const h = _e(c, X[K]);
+          if (c.preventDefault(), Y[K]) {
+            const h = $e(i, Y[K]);
             return Q(), h;
           }
           return;
         case "Tab":
-          if (r.preventDefault(), X[K]) {
-            const h = _e(c, X[K]);
+          if (c.preventDefault(), Y[K]) {
+            const h = $e(i, Y[K]);
             return Q(), h;
           }
           return;
         case "Escape":
-          return r.preventDefault(), Q(), { ...c };
+          return c.preventDefault(), Q(), { ...i };
         case "Backspace":
           setTimeout(() => {
-            if (se) {
-              const h = se.value, x = se.selectionStart, $ = he(h, x), C = h.slice($, x);
+            if (ne) {
+              const h = ne.value, x = ne.selectionStart, $ = he(h, x), C = h.slice($, x);
               if (C.length < n)
                 Q();
               else {
-                const T = ke(C).slice(0, s);
-                T.length === 0 ? Q() : (X = T, K = 0, oe());
+                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(r.key))
-        return { ...c };
+      if (["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape", "Backspace"].includes(c.key))
+        return { ...i };
     }
-    if (ce("tab", r)) {
-      r.preventDefault();
+    if (ce("tab", c)) {
+      c.preventDefault();
       const h = he(m, v), x = m.slice(h, v);
       if (x.length > 0) {
-        const R = ke(x);
-        if (R.length > 0)
-          return _e(c, R[0]);
+        const j = ke(x);
+        if (j.length > 0)
+          return $e(i, j[0]);
       }
-      const $ = " ".repeat(t), C = m.slice(0, v) + $ + m.slice(v), T = v + t;
+      const $ = " ".repeat(t), C = m.slice(0, v) + $ + m.slice(v), z = v + t;
       return {
         value: C,
-        selectionStart: T,
-        selectionEnd: T
+        selectionStart: z,
+        selectionEnd: z
       };
     }
-    if (!(r.key.length !== 1 || r.ctrlKey || r.metaKey || r.altKey))
-      return Z && clearTimeout(Z), Z = setTimeout(() => {
-        Z = null;
+    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 < n) {
           Q();
           return;
         }
-        let T = ke(C);
-        if (T = T.slice(0, s), T.length === 0) {
+        let z = ke(C);
+        if (z = z.slice(0, s), z.length === 0) {
           Q();
           return;
         }
-        X = T, K = 0, q ? oe() : qo(g, T);
-      }, 0), { ...c };
+        Y = z, K = 0, q ? se() : Wo(g, z);
+      }, 0), { ...i };
   };
 };
 function ke(e) {
@@ -2992,11 +3064,11 @@ function ke(e) {
     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(), o = s.label.toLowerCase(), i = t.startsWith(l), d = o.startsWith(l);
-    if (i && !d) return -1;
-    if (!i && d) return 1;
-    const u = t.indexOf(l), c = o.indexOf(l);
-    return u !== c ? u - c : t.length !== o.length ? t.length - o.length : t.localeCompare(o);
+    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, l) {
@@ -3005,11 +3077,11 @@ function he(e, l) {
     n--;
   return n;
 }
-function qo(e, l) {
-  Q(), X = l, K = 0;
-  const n = nt(e);
+function Wo(e, l) {
+  Q(), Y = l, K = 0;
+  const n = st(e);
   q = Ee(l, K, (s) => {
-    K = s, oe();
+    K = s, se();
   }), Object.assign(q.style, {
     position: "fixed",
     left: `${n.left}px`,
@@ -3017,10 +3089,10 @@ function qo(e, l) {
     zIndex: "10000"
   }), document.body.appendChild(q);
 }
-function oe() {
-  if (!q || !se) return;
-  const e = Ee(X, K, (n) => {
-    K = n, oe();
+function se() {
+  if (!q || !ne) return;
+  const e = Ee(Y, K, (n) => {
+    K = n, se();
   }), l = q.getBoundingClientRect();
   q.replaceWith(e), q = e, Object.assign(q.style, {
     position: "fixed",
@@ -3029,23 +3101,23 @@ function oe() {
     zIndex: "10000"
   });
 }
-function _e(e, l) {
-  const { value: n, selectionStart: s } = e, t = he(n, s), o = l.insertText || l.label, i = /\$\{([^}]*)\}/g;
-  let d = o;
+function $e(e, l) {
+  const { value: n, selectionStart: s } = e, t = he(n, s), a = l.insertText || l.label, r = /\$\{([^}]*)\}/g;
+  let d = a;
   const u = [];
-  let c;
-  for (; (c = i.exec(o)) !== null; ) {
-    const h = c[1], x = c.index, $ = c[0].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");
-  const r = u[0];
+  d = a.replace(/\$\{([^}]*)\}/g, "$1");
+  const c = u[0];
   let m = t + d.length, v = t + d.length;
-  if (r) {
+  if (c) {
     let h = 0, x = 0, $ = !1;
-    for (; x < o.length && !$; ) {
-      const C = u.find((T) => T.index === x);
-      C ? (h += C.text.length, x += C.length, C === r && (m = t + h - C.text.length, v = t + h, $ = !0)) : (h++, x++);
+    for (; x < a.length && !$; ) {
+      const C = u.find((z) => z.index === x);
+      C ? (h += C.text.length, x += C.length, C === c && (m = t + h - C.text.length, v = t + h, $ = !0)) : (h++, x++);
     }
   }
   return {
@@ -3055,170 +3127,128 @@ function _e(e, l) {
   };
 }
 function Q() {
-  Z && (clearTimeout(Z), Z = null), q && (q.remove(), q = null, X = [], K = 0, se = null);
+  ee && (clearTimeout(ee), ee = null), q && (q.remove(), q = null, Y = [], K = 0, ne = null);
 }
-function nt(e) {
-  const l = e.getBoundingClientRect(), { value: n, selectionStart: s } = e, o = n.substring(0, s).split(`
-`), i = 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: l.left + 10 + d.length * 8,
-    top: l.top + (i - 1) * u
+    top: l.top + (r - 1) * u
   };
 }
 function Oe(e) {
-  ie && clearTimeout(ie), ie = setTimeout(() => {
+  ae && clearTimeout(ae), ae = setTimeout(() => {
     const l = e.selectionStart, n = e.selectionEnd;
     if (l === n) {
-      ae();
+      oe();
       return;
     }
     const s = e.value.substring(l, n).trim();
     if (!s) {
-      ae();
+      oe();
       return;
     }
     const t = Te.find((d) => d.label === s);
     if (!t) {
-      ae();
+      oe();
       return;
     }
-    const o = nt(e), i = lt(t, o);
-    i.style.opacity = "0", G && G.remove(), G = i, 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(() => ae(), 3e3);
+    }), setTimeout(() => oe(), 3e3);
   }, 300);
 }
-function ae() {
-  ie && (clearTimeout(ie), ie = null), G && (G.style.opacity = "0", setTimeout(() => {
+function oe() {
+  ae && (clearTimeout(ae), ae = null), G && (G.style.opacity = "0", setTimeout(() => {
     G && (G.remove(), G = null);
   }, 150));
 }
 document.addEventListener("mousedown", (e) => {
   const l = e.target;
-  q && !q.contains(l) && Q(), G && !G.contains(l) && ae();
+  q && !q.contains(l) && Q(), G && !G.contains(l) && oe();
 });
-document.addEventListener("scroll", ae, !0);
-const $e = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Go = /(\/\/[^\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, Jo = (e) => {
+document.addEventListener("scroll", oe, !0);
+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)|(\$[vifsp]\d+)|(\b(?:btn_\d+_\d+|btn_\d+)\b)|([;:(){}])/g, qo = (e) => {
   let l = "", n = 0;
-  for (const s of e.matchAll(Go)) {
-    const [t, o, i, d, u, c, r, m] = s;
+  for (const s of e.matchAll(Ko)) {
+    const [t, a, r, d, u, i, c, m] = s;
     let v = "";
-    o ? v = "comment" : i ? v = "string" : d ? v = "number" : u ? v = "keyword" : c ? v = "variable" : r ? v = "event" : m && (v = "operator"), l += $e(e.slice(n, s.index)), l += `<span class="tok--${v}">${$e(t)}</span>`, n = s.index + t.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 l += $e(e.slice(n)), l;
-}, st = {
+  return l += we(e.slice(n)), l;
+}, ot = {
   keyword: "text-blue-600 dark:text-blue-400",
   function: "text-yellow-600 dark:text-yellow-400",
   variable: "text-cyan-600 dark:text-cyan-400",
   event: "text-purple-600 dark:text-purple-400"
-}, Xo = (e, l, n) => {
+}, 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
-  `, e.forEach((t, o) => {
-    const i = o === l, d = document.createElement("div");
+    text-sm font-mono scrollbar pointer-events-none
+  `, 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 
-      ${i ? "border-blue-500 dark:border-blue-400 bg-blue-50 dark:bg-blue-900/30" : "border-transparent hover:bg-gray-100 dark:hover:bg-gray-700"}
+      ${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 = st[t.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">${t.label}</span>
         ${t.detail ? `<span class="text-xs text-gray-500 dark:text-gray-400 ml-2">${t.detail}</span>` : ""}
       </div>
       ${t.description ? `<span class="text-xs text-gray-400 dark:text-gray-500">${t.description}</span>` : ""}
-    `, d.addEventListener("click", () => n(o)), s.appendChild(d);
+    `, d.addEventListener("click", () => n(a)), s.appendChild(d);
   }), s;
-}, Qo = (e, l) => {
+}, 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
+    text-gray-700 dark:text-gray-300 pointer-events-none
   `, n.style.cssText = `
     left: ${l.left + 40}px; top: ${l.top - 10}px;
     transform: translateX(-50%) translateY(-100%); opacity: 0;
   `;
-  let t = `<div class="font-medium ${st[e.type] || "text-gray-700 dark:text-gray-300"}">${e.label}</div>`;
+  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 o = document.createElement("div");
-  return o.className = `
+  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
-  `, n.appendChild(o), n;
-}, Yo = (e) => {
-  let l = "", n = !1, s = "";
-  for (let t = 0; t < e.length; t++) {
-    const o = e[t];
-    if ((o === '"' || o === "'") && (t === 0 || e[t - 1] !== "\\")) {
-      n ? (o === s && (n = !1), l += o) : (n = !0, s = o, l += o);
-      continue;
-    }
-    if (n) {
-      l += o;
-      continue;
-    }
-    o === " " || o === "	" || o === `
-` || o === "\r" || (l += o);
-  }
-  return l;
-}, Zo = (e) => {
-  let l = e;
-  return l = ea(l), l = ta(l), l;
-};
-function ea(e) {
-  let l = "";
-  for (let n = 0; n < e.length; n++)
-    l += e[n], (e[n] === ";" || e[n].match(/(if|while):/)) && (l += `
-`);
-  return l;
-}
-function ta(e) {
-  let l = "";
-  const n = e.split(`
-`);
-  let s = 0;
-  const t = "    ";
-  for (let o = 0; o < n.length; o++) {
-    const i = n[o];
-    i.match(/^(if|while|else|on).*;/) ? i.match(/^else;/) ? (s--, s < 0 && (s = 0), l += t.repeat(s) + i + `
-`, s++) : (l += t.repeat(s) + i + `
-`, s++) : (i === "end;" && (s--, s < 0 && (s = 0)), l += t.repeat(s) + i + `
-`);
-  }
-  return l;
-}
-const Oa = /* @__PURE__ */ z({
+  `, n.appendChild(a), n;
+}, Ra = /* @__PURE__ */ V({
   __name: "ScriptEditor",
   props: {
-    value: { default: "" },
+    modelValue: {},
     suggestions: { default: () => [] }
   },
-  emits: ["update"],
+  emits: ["update:modelValue", "update"],
   setup(e, { emit: l }) {
     const n = l;
     let s;
     return ue(
-      () => e.value,
+      () => e.modelValue,
       (t) => {
-        s.update({ value: Zo(t) });
+        s.update({ value: t });
       }
     ), fe(() => {
-      s = new Po("#editor", {
-        value: e.value,
+      s = new Oo("#editor", {
+        value: e.modelValue,
         lineNumbers: !0,
-        highlighters: [Jo],
+        highlighters: [qo],
         plugins: [
-          Fo(),
-          Uo(),
-          Wo({
+          No(),
+          Po(),
+          Ro({
             customSuggestions: e.suggestions,
             minPrefixLength: 1,
             maxSuggestions: 20,
@@ -3226,63 +3256,62 @@ const Oa = /* @__PURE__ */ z({
             tooltip: {
               enabled: !0
             },
-            renderMenu: Xo,
-            renderTooltip: Qo
+            renderMenu: Go,
+            renderTooltip: Jo
           }),
-          Ro()
+          Fo()
         ],
         styles: { fontSize: "14px" }
-      }), s.textarea.addEventListener("blur", (t) => {
-        const i = t.currentTarget.value || "";
-        n("update", Yo(i));
+      }), s.onUpdate((t) => {
+        n("update:modelValue", t);
       });
     }), Fe(() => {
       s.destroy();
-    }), (t, o) => (f(), p("div", null, [...o[0] || (o[0] = [
-      a("div", {
+    }), (t, a) => (f(), p("div", null, [...a[0] || (a[0] = [
+      o("div", {
         class: "",
         id: "editor"
       }, null, -1)
     ])]));
   }
-}), la = { class: "max-w-4xl mx-auto" }, na = {
+}), 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", ja = /* @__PURE__ */ z({
+}, 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 l = M(""), n = M(""), s = M(null), t = M(!1), o = M(null);
-    let i = null;
-    const d = () => new Promise((r, m) => {
+    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({
           gfm: !0,
           breaks: !0,
           headerIds: !1
-        }), r(window.marked);
+        }), c(window.marked);
         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,
           headerIds: !1
-        }), r(window.marked)) : m(new Error("Marked library not found after loading"));
+        }), c(window.marked)) : m(new Error("Marked library not found after loading"));
       }, v.onerror = () => {
         m(new Error("Failed to load Marked library from CDN"));
       }, document.head.appendChild(v);
-    }), u = (r) => {
-      const m = r.split(`
+    }), u = (c) => {
+      const m = c.split(`
 `), v = {};
       let g = !0;
       for (const h of m) {
@@ -3296,46 +3325,46 @@ const Oa = /* @__PURE__ */ z({
         }
       }
       return v;
-    }, c = async (r) => {
-      if (!i) {
-        o.value = "error";
+    }, i = async (c) => {
+      if (!r) {
+        a.value = "error";
         return;
       }
-      t.value = !0, o.value = null, n.value = "";
+      t.value = !0, a.value = null, n.value = "";
       try {
-        const m = `${ia}${r}.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();
-        l.value = g, s.value = u(g), n.value = i.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 {
         t.value = !1;
       }
     };
     return fe(async () => {
       try {
-        i = await d();
-        const r = e.lang ? "ru" : "en";
-        await c(r);
-      } catch (r) {
-        const m = r instanceof Error ? r.message : "";
-        o.value = m, console.error("Initialization error:", r);
+        r = await d();
+        const c = e.lang ? "ru" : "en";
+        await i(c);
+      } catch (c) {
+        const m = c instanceof Error ? c.message : "";
+        a.value = m, console.error("Initialization error:", c);
       }
-    }), (r, m) => (f(), p("div", la, [
-      t.value || o.value ? (f(), p("div", na, [
-        t.value ? (f(), p("span", sa, "⏳")) : B("", !0),
-        o.value ? (f(), p("span", oa, "❌ " + _(o.value), 1)) : B("", !0)
-      ])) : B("", !0),
-      a("div", {
+    }), (c, m) => (f(), p("div", Xo, [
+      t.value || a.value ? (f(), p("div", Yo, [
+        t.value ? (f(), p("span", Qo, "⏳")) : T("", !0),
+        a.value ? (f(), p("span", Zo, "❌ " + k(a.value), 1)) : T("", !0)
+      ])) : T("", !0),
+      o("div", {
         class: "docs-content",
         innerHTML: n.value
-      }, null, 8, aa)
+      }, null, 8, ea)
     ]));
   }
-}), Pa = /* @__PURE__ */ z({
+}), Ka = /* @__PURE__ */ V({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -3346,10 +3375,10 @@ const Oa = /* @__PURE__ */ z({
   },
   emits: ["update:modelValue", "select"],
   setup(e, { emit: l }) {
-    const n = l, s = (o) => n("update:modelValue", o), t = (o, i) => {
-      o.click(new Event("click")), n("select", i);
+    const n = l, s = (a) => n("update:modelValue", a), t = (a, r) => {
+      a.click(new Event("click")), n("select", r);
     };
-    return (o, i) => (f(), A(be, N(o.$attrs, {
+    return (a, r) => (f(), M(be, P(a.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
@@ -3369,8 +3398,8 @@ const Oa = /* @__PURE__ */ z({
           onClick: (u) => t(d, u)
         }, {
           default: y(({ item: u }) => [
-            k(o.$slots, "default", { item: u }, () => [
-              D(_(u.name), 1)
+            _(a.$slots, "default", { item: u }, () => [
+              I(k(u.name), 1)
             ])
           ]),
           _: 3
@@ -3379,65 +3408,65 @@ const Oa = /* @__PURE__ */ z({
       _: 3
     }, 16));
   }
-}), ca = {
+}), na = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function da(e, l) {
-  return f(), p("svg", ca, [...l[0] || (l[0] = [
-    a("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 = W({ 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" }, Na = /* @__PURE__ */ z({
+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 l = M(null), n = M(e.value), s = () => {
+    const l = D(null), n = D(e.value), s = () => {
       if (!l.value) return;
-      const o = l.value.querySelector(".v-expansion__content");
-      o && (o.style.maxHeight = n.value ? `${o.scrollHeight}px` : "0");
+      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, i) => {
-      const d = ua;
+    }), (a, r) => {
+      const d = oa;
       return f(), p("div", {
         ref_key: "root",
         ref: l,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
-        a("div", {
+        o("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
           onClick: t
         }, [
-          a("h4", null, _(e.label), 1),
-          a("div", {
-            class: V(["transition text-gray-400", { "rotate-x-180": n.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)
         ]),
-        a("div", fa, [
-          a("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"
-}, Ha = /* @__PURE__ */ z({
+}, Ga = /* @__PURE__ */ V({
   __name: "VDragDrop",
   props: {
     items: {},
@@ -3445,31 +3474,31 @@ const ua = W({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
   },
   emits: ["update:items", "order-change"],
   setup(e, { emit: l }) {
-    const n = l, s = M(null), t = M(0), o = M(-1), i = ({ id: m }) => ({
+    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, t.value = g, m.dataTransfer.effectAllowed = "move";
     }, u = (m) => {
-      s.value !== null && (o.value = m);
-    }, c = () => {
-      s.value = null, o.value = -1;
-    }, r = (m) => {
-      if (m.preventDefault(), s.value && o.value !== -1) {
-        const v = e.items.findIndex((h) => h[e.itemKey] === s.value), g = o.value;
+      s.value !== null && (a.value = m);
+    }, i = () => {
+      s.value = null, a.value = -1;
+    }, c = (m) => {
+      if (m.preventDefault(), s.value && a.value !== -1) {
+        const v = e.items.findIndex((h) => h[e.itemKey] === s.value), g = a.value;
         if (v !== g && g !== -1) {
           const h = [...e.items], [x] = h.splice(v, 1);
           h.splice(g, 0, x), n("update:items", h), n("order-change", { fromIndex: v, toIndex: g, movedItem: x, newOrder: h });
         }
       }
-      o.value = -1;
+      a.value = -1;
     };
     return (m, v) => (f(), p("div", {
-      onDragover: v[1] || (v[1] = P(() => {
+      onDragover: v[1] || (v[1] = N(() => {
       }, ["prevent"])),
-      onDrop: r
+      onDrop: c
     }, [
-      b(He, {
+      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",
@@ -3479,33 +3508,33 @@ const ua = W({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
         "move-class": "transition-all duration-300 ease"
       }, {
         default: y(() => [
-          (f(!0), p(I, null, H(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: V(["relative group", i(g)]),
+            class: B(["relative group", r(g)]),
             draggable: "true",
             onDragstart: (x) => d(x, g.id, h),
             onDragenter: (x) => u(h),
-            onDragend: c,
-            onDragover: v[0] || (v[0] = P(() => {
+            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)) : B("", !0)
-          ], 42, va))), 128))
+            a.value === h && s.value !== g.id ? (f(), p("div", ca)) : T("", !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" }, Fa = /* @__PURE__ */ z({
+}, 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: () => [] },
@@ -3513,47 +3542,47 @@ const ua = W({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const n = l, s = (i, d) => n("click", i, d), t = (i) => (i == null ? void 0 : i.className) || "", o = (i, { key: d }) => i == null ? void 0 : i[d];
-    return (i, d) => (f(), p("table", ha, [
-      a("thead", ga, [
-        a("tr", ba, [
-          (f(!0), p(I, null, H(e.headers, (u, c) => (f(), p("th", {
-            key: c,
-            class: V(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(u)])
+    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(i.$slots, "header", {
+            _(r.$slots, "header", {
               item: u,
-              i: c
+              i
             }, () => [
-              a("div", ya, _(u.name), 1)
+              o("div", ma, k(u.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      a("tbody", xa, [
-        e.items.length ? (f(!0), p(I, { key: 0 }, H(e.items, (u, c) => (f(), p("tr", {
-          key: c,
+      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: (r) => s(u, r)
+          onClick: (c) => s(u, c)
         }, [
-          (f(!0), p(I, null, H(e.headers, (r, m) => (f(), p("td", {
+          (f(!0), p(O, null, U(e.headers, (c, m) => (f(), p("td", {
             key: m,
             class: "py-2 px-4"
           }, [
-            a("div", _a, [
-              k(i.$slots, r.key, {
+            o("div", ha, [
+              _(r.$slots, c.key, {
                 item: u,
-                i: c
+                i
               }, () => [
-                D(_(o(u, r)), 1)
+                I(k(a(u, c)), 1)
               ])
             ])
           ]))), 128))
-        ], 8, ka))), 128)) : (f(), p("tr", $a, [
-          a("td", wa, [
-            a("div", Ca, [
-              k(i.$slots, "empty", {}, () => [
-                d[0] || (d[0] = D("The list is empty", -1))
+        ], 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))
               ])
             ])
           ])
@@ -3561,31 +3590,31 @@ const ua = W({ name: "ri-arrow-drop-down-line", render: da }), fa = { class: "v-
       ])
     ]));
   }
-}), Ua = /* @__PURE__ */ z({
+}), Xa = /* @__PURE__ */ V({
   __name: "VTooltip",
   props: {
     timeout: {},
     disabled: { type: Boolean }
   },
   setup(e) {
-    const l = M(!1), n = () => {
+    const l = D(!1), n = () => {
       e.disabled || (l.value = !0);
     }, s = () => {
       l.value = !1;
     }, t = Ue("tooltip");
-    return ht(t, () => s()), (o, i) => (f(), p("div", {
+    return _t(t, () => s()), (a, r) => (f(), p("div", {
       ref: "tooltip",
       class: "relative v-tooltip",
       onMouseenter: n,
       onMouseleave: s
     }, [
-      a("button", {
+      o("button", {
         type: "button",
         onClick: n
       }, [
-        k(o.$slots, "activator")
+        _(a.$slots, "activator")
       ]),
-      b(re, {
+      b(ie, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
         "enter-to-class": "opacity-100 translate-y-0",
@@ -3594,86 +3623,83 @@ const ua = W({ 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: l.value })
+          _(a.$slots, "default", { show: l.value })
         ]),
         _: 3
       })
     ], 544));
   }
 }), je = {
-  ...Rl,
-  ...Do,
-  VButton: j,
-  VLoader: Se,
+  VButton: A,
+  VLoader: Ve,
   VDropdown: be,
   VList: me,
   VTextField: J,
-  VSelect: ee,
-  VWifiIcon: Xe,
-  CardMain: Qn,
+  VSelect: te,
+  VWifiIcon: Ye,
+  CardMain: Gn,
   VIconLogoMini: qe,
-  VIconLogo: ze,
-  VDialog: Be,
-  VPopup: Ve
-}, Ra = {
+  VIconLogo: Se,
+  VDialog: Be
+}, Ya = {
   install: (e) => {
     Object.keys(je).forEach((l) => {
       e.component(l, je[l]);
-    }), wt.forEach(({ name: l, directive: n }) => e.directive(l, n));
+    }), Vt.forEach(({ name: l, directive: n }) => e.directive(l, n));
   }
 };
 export {
-  Lt as AppAside,
-  ml as AppHeader,
-  Il as AppNav,
-  xl as AppNotification,
-  Cl as AppOverlay,
-  Ul as AppProgress,
+  Ca as AppAside,
+  za as AppHeader,
+  Ba as AppNav,
+  Sa as AppNotification,
+  Va as AppOverlay,
+  Ta as AppProgress,
   Ia as BlockBreadcrumb,
   Ea as BlockInfo,
   La as BlockScan,
-  Aa as BlockService,
-  Ma as BlockStatus,
+  Ma as BlockService,
+  Aa as BlockStatus,
   Da as BlockUpdate,
-  le as CardBase,
-  vs as CardButton,
-  ys as CardDate,
-  zs as CardDimmer,
-  Ss as CardInfo,
-  Bs as CardInput,
-  Ms as CardList,
-  Qn as CardMain,
-  gl as CardNotification,
-  Mo as ItemEdit,
-  Oa as ScriptEditor,
-  ja as ScriptViewDocs,
-  Pa as VAutocomplete,
-  j as VButton,
+  re 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,
   ro as VCheckbox,
   Be as VDialog,
-  Ha as VDragDrop,
+  Ga as VDragDrop,
   be as VDropdown,
-  Na as VExpansion,
-  Nn as VFile,
-  xe as VFunc,
-  ze as VIconLogo,
+  qa as VExpansion,
+  On as VFile,
+  _e as VFunc,
+  Se as VIconLogo,
   qe as VIconLogoMini,
   me as VList,
-  Ze as VListObject,
-  Se as VLoader,
-  Ve as VPopup,
-  ee as VSelect,
-  Fa as VTable,
+  et as VListObject,
+  Ve as VLoader,
+  Xe as VPopup,
+  te as VSelect,
+  Ja as VTable,
   to as VTabs,
   J as VTextField,
-  Ye as VTextWrapper,
-  Ua as VTooltip,
-  Xe as VWifiIcon,
-  qa as dashboardCards,
-  Ra as default,
-  gt as getDataValue,
-  Ga as getFunction,
-  Ja as getParamsData,
-  Xa as getStateItem,
-  Qa 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
 };