vuesp-components 2.0.10 → 2.1.0

package/dist/index.es.js

@@ -1,74 +1,74 @@
-import { openBlock as a, createElementBlock as f, createStaticVNode as De, createElementVNode as l, defineComponent as V, resolveComponent as ge, Fragment as j, createCommentVNode as B, normalizeClass as z, createVNode as g, withCtx as h, createBlock as T, renderSlot as k, markRaw as F, computed as D, resolveDynamicComponent as X, mergeProps as N, shallowRef as me, Teleport as pe, Transition as Z, unref as A, withModifiers as E, normalizeStyle as G, ref as H, resolveDirective as Te, withDirectives as oe, renderList as P, createTextVNode as L, toDisplayString as $, TransitionGroup as he, watch as ae, normalizeProps as W, guardReactiveProps as q, withKeys as Ie, vShow as Me, isRef as Le, vModelText as je, onMounted as be } from "vue";
-import { u as ye, a as Ne, b as xe, c as _e, d as ne, e as Oe } from "./useSwipeDown-E8KeNvRa.js";
-import { getDataValue as Ee } from "./dashboard/index.es.js";
-import { getFunction as aa, getParamsData as na, getStateItem as ia, setStateItem as ra } from "./dashboard/index.es.js";
-import { dateUtcToString as He, timeUtcToString as Pe, findMenuItem as Fe, clone as Ue } from "./helpers/index.es.js";
-const Re = {
-  mounted(e, s) {
-    e.clickOutsideEvent = function(n) {
-      e === n.target || e.contains(n.target) || s.value(n, e);
+import { openBlock as n, createElementBlock as m, createStaticVNode as Te, createElementVNode as l, defineComponent as B, resolveComponent as ge, Fragment as L, createCommentVNode as V, normalizeClass as z, createVNode as g, withCtx as h, createBlock as D, renderSlot as x, markRaw as U, computed as T, resolveDynamicComponent as X, mergeProps as E, shallowRef as me, Teleport as pe, Transition as Z, unref as A, withModifiers as O, normalizeStyle as K, ref as F, resolveDirective as De, withDirectives as oe, renderList as R, createTextVNode as j, toDisplayString as _, TransitionGroup as he, watch as ae, normalizeProps as N, guardReactiveProps as P, withKeys as Ie, createPropsRestProxy as Me, vShow as je, isRef as Le, vModelText as Oe, onMounted as be } from "vue";
+import { u as ye, a as Ee, b as xe, c as ke, d as ne, e as Ne } from "./useSwipeDown-E8KeNvRa.js";
+import { getDataValue as Pe } from "./dashboard/index.es.js";
+import { dashboardCards as la, getFunction as sa, getParamsData as oa, getStateItem as aa, setStateItem as na } from "./dashboard/index.es.js";
+import { dateUtcToString as He, timeUtcToString as Fe, findMenuItem as Re, clone as Ue } from "./helpers/index.es.js";
+const We = {
+  mounted(e, o) {
+    e.clickOutsideEvent = function(i) {
+      e === i.target || e.contains(i.target) || o.value(i, e);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
   }
-}, We = [{ name: "outside", directive: Re }], ee = (e, s) => {
-  const n = e.__vccOpts || e;
-  for (const [u, t] of s)
-    n[u] = t;
-  return n;
-}, qe = {}, Ge = {
+}, qe = [{ name: "outside", directive: We }], ee = (e, o) => {
+  const i = e.__vccOpts || e;
+  for (const [u, t] of o)
+    i[u] = t;
+  return i;
+}, Ke = {}, Ge = {
   viewBox: "0 0 179 40",
   fill: "currentColor"
 };
-function Ke(e, s) {
-  return a(), f("svg", Ge, [...s[0] || (s[0] = [
-    De('<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 Je(e, o) {
+  return n(), m("svg", Ge, [...o[0] || (o[0] = [
+    Te('<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 ie = /* @__PURE__ */ ee(qe, [["render", Ke]]), Je = {}, Qe = {
+const ie = /* @__PURE__ */ ee(Ke, [["render", Je]]), Qe = {}, Xe = {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40",
   fill: "currentColor"
 };
-function Xe(e, s) {
-  return a(), f("svg", Qe, [...s[0] || (s[0] = [
+function Ye(e, o) {
+  return n(), m("svg", Xe, [...o[0] || (o[0] = [
     l("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
       l("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 ke = /* @__PURE__ */ ee(Je, [["render", Xe]]), Ye = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Ze = /* @__PURE__ */ V({
+const _e = /* @__PURE__ */ ee(Qe, [["render", Ye]]), Ze = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, et = /* @__PURE__ */ B({
   __name: "AppAside",
   props: {
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(e, { emit: s }) {
-    const n = s, u = () => {
-      e.isSidebar && n("sidebar", !e.isSidebar);
+  setup(e, { emit: o }) {
+    const i = o, u = () => {
+      e.isSidebar && i("sidebar", !e.isSidebar);
     };
-    return (t, c) => {
-      const i = ge("router-link");
-      return a(), f(j, null, [
-        e.isSidebar ? (a(), f("div", {
+    return (t, r) => {
+      const a = ge("router-link");
+      return n(), m(L, null, [
+        e.isSidebar ? (n(), m("div", {
           key: 0,
           class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
           onClick: u
-        })) : B("", !0),
+        })) : V("", !0),
         l("aside", {
           class: z([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"])
         }, [
           l("div", {
             class: z([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
           }, [
-            g(i, { to: "/" }, {
+            g(a, { to: "/" }, {
               default: h(() => [
-                e.isSidebar ? (a(), T(ke, {
+                e.isSidebar ? (n(), D(_e, {
                   key: 0,
                   class: "h-[30px] text-primary"
-                })) : (a(), T(ie, {
+                })) : (n(), D(ie, {
                   key: 1,
                   class: "h-[30px] text-primary"
                 }))
@@ -76,98 +76,98 @@ const ke = /* @__PURE__ */ ee(Je, [["render", Xe]]), Ye = { class: "no-scrollbar
               _: 1
             })
           ], 2),
-          l("div", Ye, [
-            k(t.$slots, "default")
+          l("div", Ze, [
+            x(t.$slots, "default")
           ])
         ], 2)
       ], 64);
     };
   }
-}), et = {
+}), tt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function tt(e, s) {
-  return a(), f("svg", et, [...s[0] || (s[0] = [
+function lt(e, o) {
+  return n(), m("svg", tt, [...o[0] || (o[0] = [
     l("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 $e = F({ name: "ri-more-line", render: tt }), lt = {
+const $e = U({ name: "ri-more-line", render: lt }), st = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function st(e, s) {
-  return a(), f("svg", lt, [...s[0] || (s[0] = [
+function ot(e, o) {
+  return n(), m("svg", st, [...o[0] || (o[0] = [
     l("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 = F({ name: "ri-logout-box-line", render: st }), at = {
+const at = U({ name: "ri-logout-box-line", render: ot }), nt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function nt(e, s) {
-  return a(), f("svg", at, [...s[0] || (s[0] = [
+function it(e, o) {
+  return n(), m("svg", nt, [...o[0] || (o[0] = [
     l("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 we = F({ name: "ri-notification-line", render: nt }), it = {
+const we = U({ name: "ri-notification-line", render: it }), rt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function rt(e, s) {
-  return a(), f("svg", it, [...s[0] || (s[0] = [
+function dt(e, o) {
+  return n(), m("svg", rt, [...o[0] || (o[0] = [
     l("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 ct = F({ name: "ri-moon-line", render: rt }), dt = {
+const ct = U({ name: "ri-moon-line", render: dt }), ut = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ut(e, s) {
-  return a(), f("svg", dt, [...s[0] || (s[0] = [
+function ft(e, o) {
+  return n(), m("svg", ut, [...o[0] || (o[0] = [
     l("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 ft = F({ name: "ri-sun-line", render: ut }), mt = {
+const mt = U({ name: "ri-sun-line", render: ft }), vt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function vt(e, s) {
-  return a(), f("svg", mt, [...s[0] || (s[0] = [
+function gt(e, o) {
+  return n(), m("svg", vt, [...o[0] || (o[0] = [
     l("path", {
       fill: "currentColor",
       d: "M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z"
     }, null, -1)
   ])]);
 }
-const gt = F({ name: "ri-menu-line", render: vt }), pt = {}, ht = {
+const pt = U({ name: "ri-menu-line", render: gt }), ht = {}, bt = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function bt(e, s) {
-  return a(), f("svg", ht, [...s[0] || (s[0] = [
+function yt(e, o) {
+  return n(), m("svg", bt, [...o[0] || (o[0] = [
     l("circle", {
       class: "opacity-25",
       cx: "12",
@@ -183,7 +183,7 @@ function bt(e, s) {
     }, null, -1)
   ])]);
 }
-const Ce = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", O = /* @__PURE__ */ V({
+const Ce = /* @__PURE__ */ ee(ht, [["render", yt]]), xt = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", H = /* @__PURE__ */ B({
   __name: "VButton",
   props: {
     block: { type: Boolean },
@@ -197,21 +197,21 @@ const Ce = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify
     disabled: { type: [Number, Boolean], default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const n = s, u = (S) => n("click", S), t = e.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", c = e.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", i = e.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", m = e.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", d = (e.outline, ""), r = { green: t, red: c, gray: i, blue: m, transparent: d }, o = {
-      button: "px-4",
+  setup(e, { emit: o }) {
+    const i = o, u = (S) => i("click", S), t = e.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", r = e.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", a = e.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", f = e.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = (e.outline, ""), s = { green: t, red: r, gray: a, blue: f, transparent: c }, d = {
+      button: "px-3",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
-    }, p = {
+    }, y = {
       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" }
-    }, w = D(() => [yt, C(e.color), y(e.type), v(e.type, e.size), { "w-full": e.block }]), b = D(() => e.href || e.to ? "router-link" : "button"), v = (S, M) => {
-      var U;
-      return ((U = p[S]) == null ? void 0 : U[M]) || "";
-    }, y = (S) => (o == null ? void 0 : o[S]) || "", C = (S) => e.type === "icon" ? "" : `${e.outline ? "dark:text-white" : "text-white"} ${(r == null ? void 0 : r[S]) || ""}`;
-    return (S, M) => (a(), T(X(b.value), N(S.$attrs, {
+    }, $ = T(() => [xt, w(e.color), b(e.type), v(e.type, e.size), { "w-full": e.block }]), p = T(() => e.href || e.to ? "router-link" : "button"), v = (S, M) => {
+      var W;
+      return ((W = y[S]) == null ? void 0 : W[M]) || "";
+    }, b = (S) => (d == null ? void 0 : d[S]) || "", w = (S) => e.type === "icon" ? "" : `${e.outline ? "dark:text-white" : "text-white"} ${(s == null ? void 0 : s[S]) || ""}`;
+    return (S, M) => (n(), D(X(p.value), E(S.$attrs, {
       href: e.href,
       to: e.to,
-      class: w.value,
+      class: $.value,
       disabled: !!e.disabled,
       onClick: u
     }), {
@@ -219,53 +219,53 @@ const Ce = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify
         l("span", {
           class: z(e.loading ? "opacity-0" : "")
         }, [
-          k(S.$slots, "default")
+          x(S.$slots, "default")
         ], 2),
-        e.loading ? (a(), T(Ce, {
+        e.loading ? (n(), D(Ce, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
-        })) : B("", !0)
+        })) : V("", !0)
       ]),
       _: 3
     }, 16, ["href", "to", "class", "disabled"]));
   }
-}), xt = {
+}), kt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function _t(e, s) {
-  return a(), f("svg", xt, [...s[0] || (s[0] = [
+function _t(e, o) {
+  return n(), m("svg", kt, [...o[0] || (o[0] = [
     l("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 K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute right-3 top-3 z-10" }, re = /* @__PURE__ */ V({
+const G = U({ name: "ri-close-line", render: _t }), $t = { class: "flex items-center absolute right-3 top-5 z-10" }, re = /* @__PURE__ */ B({
   __name: "VPopup",
   props: {
     hiddenCloser: { type: Boolean },
     size: { default: "auto" }
   },
   emits: ["close", "click", "open"],
-  setup(e, { emit: s }) {
-    const n = s, { show: u, overlay: t, onClose: c, onOpen: i } = ye(n), m = me(null), d = me(null), { opacity: r, transform: o } = Ne(m, d, c), b = { click: (C) => {
-      n("click", C);
-    }, open: i, set: (C) => {
-      C ? i() : c(new Event("hide"));
-    } }, v = D(() => ({
+  setup(e, { emit: o }) {
+    const i = o, { show: u, overlay: t, onClose: r, onOpen: a } = ye(i), f = me(null), c = me(null), { opacity: s, transform: d } = Ee(f, c, r), p = { click: (w) => {
+      i("click", w);
+    }, open: a, set: (w) => {
+      w ? a() : r(new Event("hide"));
+    } }, v = T(() => ({
       auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
       screen: "h-dvh"
-    })), y = D(() => ({
+    })), b = T(() => ({
       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, S) => {
-      const M = K, U = O;
-      return a(), T(pe, { to: "body" }, [
+    return (w, S) => {
+      const M = G, W = H;
+      return n(), D(pe, { to: "body" }, [
         g(Z, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
@@ -275,104 +275,107 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: h(() => [
-            A(u) ? (a(), f("div", {
+            A(u) ? (n(), m("div", {
               key: 0,
               ref_key: "container",
-              ref: d,
+              ref: c,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              A(t) ? (a(), f("div", {
+              A(t) ? (n(), m("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: G({ opacity: A(r) }),
+                style: K({ opacity: A(s) }),
                 onClick: S[0] || (S[0] = //@ts-ignore
-                (...Q) => A(c) && A(c)(...Q)),
-                onWheel: S[1] || (S[1] = E(() => {
+                (...Q) => A(r) && A(r)(...Q)),
+                onWheel: S[1] || (S[1] = O(() => {
                 }, ["prevent"])),
-                onTouchmove: S[2] || (S[2] = E(() => {
+                onTouchmove: S[2] || (S[2] = O(() => {
                 }, ["prevent"]))
-              }, null, 36)) : B("", !0),
+              }, null, 36)) : V("", !0),
               l("div", {
-                class: z(["bg-white dark:bg-gray-800 w-full shadow-nav relative", v.value[e.size]]),
-                style: G({ transform: A(o) })
+                class: z(["bg-white dark:bg-gray-900 w-full shadow-nav relative", v.value[e.size]]),
+                style: K({ transform: A(d) })
               }, [
                 l("div", {
                   ref_key: "target",
-                  ref: m,
+                  ref: f,
                   class: "flex justify-center py-3 md:pb-6",
-                  onWheel: S[3] || (S[3] = E(() => {
+                  onWheel: S[3] || (S[3] = O(() => {
                   }, ["prevent"])),
-                  onTouchmove: S[4] || (S[4] = E(() => {
+                  onTouchmove: S[4] || (S[4] = O(() => {
                   }, ["prevent"]))
                 }, [...S[5] || (S[5] = [
                   l("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
                 ])], 544),
-                l("div", kt, [
-                  g(U, {
+                l("div", $t, [
+                  x(w.$slots, "button", { close: A(r) }),
+                  g(W, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: A(c)
+                    onClick: A(r)
                   }, {
                     default: h(() => [
-                      g(M, { class: "size-4" })
+                      g(M, { class: "size-5" })
                     ]),
                     _: 1
                   }, 8, ["onClick"])
                 ]),
                 l("div", {
-                  class: z(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", y.value[e.size]])
+                  class: z(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", b.value[e.size]])
                 }, [
-                  k(C.$slots, "default", {
-                    onClose: A(c),
-                    on: b
+                  x(w.$slots, "default", {
+                    close: A(r),
+                    on: p
                   })
                 ], 2)
               ], 6)
-            ], 512)) : B("", !0)
+            ], 512)) : V("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), $t = { class: "relative" }, wt = { class: "flex items-center cursor-pointer" }, te = /* @__PURE__ */ V({
+}), wt = { class: "relative" }, Ct = { class: "flex items-center cursor-pointer" }, te = /* @__PURE__ */ B({
   __name: "VDropdown",
   props: {
+    title: { default: "" },
     top: { default: "calc(100% + 8px)" },
     left: { default: "" },
     right: { default: "0" },
+    bottom: { default: "" },
     height: { default: "200px" },
     hideOnClick: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click", "show", "close"],
-  setup(e, { emit: s }) {
-    const n = s, t = xe(_e).greaterOrEqual("lg"), c = H(!1), i = D(() => ({ top: e.top, left: e.left, right: e.right, "max-height": e.height })), m = (v) => {
-      t && c.value && o(v);
+  setup(e, { emit: o }) {
+    const i = o, t = xe(ke).greaterOrEqual("lg"), r = F(!1), a = T(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), f = (v) => {
+      t.value && r.value && d(v);
+    }, c = (v) => {
+      i("click", r.value), !e.disabled && (r.value ? e.hideOnClick && d(v) : s(v));
+    }, s = (v) => {
+      r.value = !0, i("show", v);
     }, d = (v) => {
-      n("click", c.value), !e.disabled && (c.value ? e.hideOnClick && o(v) : r(v));
-    }, r = (v) => {
-      c.value = !0, n("show", v);
-    }, o = (v) => {
-      c.value = !1, n("close", v);
-    }, p = (v) => {
-      v ? r(new Event("show")) : o(new Event("hide"));
-    }, w = () => {
-      o(new Event("hide"));
-    }, b = { click: d, open: r, set: p };
-    return (v, y) => {
-      const C = Te("outside");
-      return oe((a(), f("div", $t, [
-        l("div", wt, [
-          k(v.$slots, "activator", {
-            on: b,
-            isShow: c.value
+      r.value = !1, i("close", v);
+    }, y = (v) => {
+      v ? s(new Event("show")) : d(new Event("hide"));
+    }, $ = () => {
+      d(new Event("hide"));
+    }, p = { click: c, open: s, set: y };
+    return (v, b) => {
+      const w = De("outside");
+      return oe((n(), m("div", wt, [
+        l("div", Ct, [
+          x(v.$slots, "activator", {
+            on: p,
+            isShow: r.value
           })
         ]),
-        A(t) ? (a(), T(Z, {
+        A(t) ? (n(), D(Z, {
           key: 0,
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -382,136 +385,137 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
           default: h(() => [
-            c.value ? (a(), f("div", {
+            r.value ? (n(), m("div", {
               key: 0,
               class: "z-30 min-w-full absolute",
-              style: G(i.value)
+              style: K(a.value)
             }, [
-              k(v.$slots, "default", {
-                on: b,
-                show: r,
-                hide: o,
-                isShow: c.value
+              x(v.$slots, "default", {
+                on: p,
+                show: s,
+                hide: d,
+                isShow: r.value
               })
-            ], 4)) : B("", !0)
+            ], 4)) : V("", !0)
           ]),
           _: 3
-        })) : B("", !0),
-        !A(t) && c.value ? (a(), T(re, {
+        })) : V("", !0),
+        !A(t) && r.value ? (n(), D(re, {
           key: 1,
-          onClose: w
+          title: e.title,
+          onClose: $
         }, {
           default: h(({ on: S }) => [
-            k(v.$slots, "default", {
+            x(v.$slots, "default", {
               on: S,
-              show: r,
-              hide: o,
-              isShow: c.value
+              show: s,
+              hide: d,
+              isShow: r.value
             })
           ]),
           _: 3
-        })) : B("", !0)
+        }, 8, ["title"])) : V("", !0)
       ])), [
-        [C, m]
+        [w, f]
       ]);
     };
   }
-}), Ct = ["onClick"], le = /* @__PURE__ */ V({
+}), zt = ["onClick"], le = /* @__PURE__ */ B({
   __name: "VList",
   props: {
     items: {},
     className: {}
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const n = s, u = (t, c) => n("click", t, c);
-    return (t, c) => (a(), f("ul", {
-      class: z(e.className ?? "bg-white dark:bg-gray-800")
+  setup(e, { emit: o }) {
+    const i = o, u = (t, r) => i("click", t, r);
+    return (t, r) => (n(), m("ul", {
+      class: z([e.className ?? "bg-white dark:bg-gray-900", "ring-1 ring-gray-200 dark:ring-gray-800"])
     }, [
-      (a(!0), f(j, null, P(e.items, (i) => (a(), f("li", {
-        key: i.name,
+      (n(!0), m(L, null, R(e.items, (a) => (n(), m("li", {
+        key: a.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: (m) => u(i, m)
+        onClick: (f) => u(a, f)
       }, [
-        k(t.$slots, "default", { item: i }, () => [
-          L($(i.name), 1)
+        x(t.$slots, "default", { item: a }, () => [
+          j(_(a.name), 1)
         ])
-      ], 8, Ct))), 128))
+      ], 8, zt))), 128))
     ], 2));
   }
-}), zt = { 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" }, Vt = { class: "px-4 py-4 sm:px-6 lg:px-8" }, Bt = { class: "container mx-auto flex flex-auto items-center" }, St = { class: "lg:hidden h-[30px]" }, At = { class: "gap-4 hidden lg:flex" }, Dt = { class: "lg:hidden flex gap-4" }, Tt = { class: "ms-2" }, It = /* @__PURE__ */ V({
+}), Vt = { 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" }, Bt = { class: "px-4 py-4 sm:px-6 lg:px-8" }, St = { class: "container mx-auto flex flex-auto items-center" }, At = { class: "lg:hidden h-[30px]" }, Tt = { class: "gap-4 hidden lg:flex" }, Dt = { class: "lg:hidden flex gap-4" }, It = { class: "ms-2" }, Mt = /* @__PURE__ */ B({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function },
     notifications: {}
   },
   emits: ["sidebar", "notif"],
-  setup(e, { emit: s }) {
-    const n = s, u = [
+  setup(e, { emit: o }) {
+    const i = o, u = [
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], t = D(() => !!e.notifications.find((o) => o.isNew)), c = (o) => n("sidebar", o), i = (o) => n("notif", o), m = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), d = () => {
+    ], t = T(() => !!e.notifications.find((d) => d.isNew)), r = (d) => i("sidebar", d), a = (d) => i("notif", d), f = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), c = () => {
       e.changeTheme && e.changeTheme();
-    }, r = ({ value: o }, p) => {
-      o == 1 && d(), o == 2 && i(p), o == 3 && m();
+    }, s = ({ value: d }, y) => {
+      d == 1 && c(), d == 2 && a(y), d == 3 && f();
     };
-    return (o, p) => {
-      const w = gt, b = ge("router-link"), v = ft, y = ct, C = we, S = ot, M = $e;
-      return a(), f("header", zt, [
-        l("div", Vt, [
-          l("div", Bt, [
-            g(O, {
+    return (d, y) => {
+      const $ = pt, p = ge("router-link"), v = mt, b = ct, w = we, S = at, M = $e;
+      return n(), m("header", Vt, [
+        l("div", Bt, [
+          l("div", St, [
+            g(H, {
               type: "icon",
               color: "gray",
-              onClick: c
+              onClick: r
             }, {
               default: h(() => [
-                g(w, { class: "size-5" })
+                g($, { class: "size-5" })
               ]),
               _: 1
             }),
-            p[1] || (p[1] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            l("div", St, [
-              g(b, { to: "/" }, {
+            y[1] || (y[1] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            l("div", At, [
+              g(p, { to: "/" }, {
                 default: h(() => [
                   g(ie, { class: "h-[30px] text-primary" })
                 ]),
                 _: 1
               })
             ]),
-            p[2] || (p[2] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", At, [
-              g(O, {
+            y[2] || (y[2] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", Tt, [
+              g(H, {
                 type: "icon",
                 color: "gray",
-                onClick: d
+                onClick: c
               }, {
                 default: h(() => [
                   g(v, { class: "dark:hidden" }),
-                  g(y, { class: "hidden dark:flex" })
+                  g(b, { class: "hidden dark:flex" })
                 ]),
                 _: 1
               }),
-              g(O, {
+              g(H, {
                 type: "icon",
                 color: "gray",
-                onClick: i
+                onClick: a
               }, {
                 default: h(() => [
                   l("span", {
                     class: z([t.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-                  }, [...p[0] || (p[0] = [
+                  }, [...y[0] || (y[0] = [
                     l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
                   ])], 2),
-                  g(C, { class: "size-5" })
+                  g(w, { class: "size-5" })
                 ]),
                 _: 1
               }),
-              g(O, {
+              g(H, {
                 type: "icon",
                 color: "gray",
-                onClick: E(m, ["prevent"])
+                onClick: O(f, ["prevent"])
               }, {
                 default: h(() => [
                   g(S, { class: "size-5" })
@@ -525,12 +529,12 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                 right: "0",
                 top: "0"
               }, {
-                activator: h(({ on: U }) => [
-                  g(O, {
+                activator: h(({ on: W }) => [
+                  g(H, {
                     type: "icon",
                     color: "gray",
                     class: "flex",
-                    onClick: U.click
+                    onClick: W.click
                   }, {
                     default: h(() => [
                       g(M)
@@ -541,10 +545,10 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
                 default: h(() => [
                   g(le, {
                     items: u,
-                    onClick: r
+                    onClick: s
                   }, {
-                    default: h(({ item: U }) => [
-                      l("span", Tt, $(U.name), 1)
+                    default: h(({ item: W }) => [
+                      l("span", It, _(W.name), 1)
                     ]),
                     _: 1
                   })
@@ -557,7 +561,7 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
       ]);
     };
   }
-}), Mt = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, Lt = { class: "flex-auto text-xs" }, jt = { class: "text-gray-500 dark:text-gray-400 mt-1" }, Nt = /* @__PURE__ */ V({
+}), jt = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, Lt = { class: "flex-auto text-xs" }, Ot = { class: "text-gray-500 dark:text-gray-400 mt-1" }, Et = /* @__PURE__ */ B({
   __name: "CardNotification",
   props: {
     empty: {},
@@ -569,72 +573,72 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
     text: {}
   },
   emits: ["remove", "read"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], c = (d) => t[d], i = (d) => u("remove", d), m = (d) => u("read", d);
-    return (d, r) => {
-      const o = we, p = K;
-      return a(), f("div", Mt, [
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], r = (c) => t[c], a = (c) => u("remove", c), f = (c) => u("read", c);
+    return (c, s) => {
+      const d = we, y = G;
+      return n(), m("div", jt, [
         l("div", {
-          class: z(["absolute left-0 top-0 w-[3px] h-full", c(n.color)])
+          class: z(["absolute left-0 top-0 w-[3px] h-full", r(i.color)])
         }, null, 2),
-        g(O, {
+        g(H, {
           class: "shrink-0",
           type: "icon",
           color: "gray",
-          onClick: m
+          onClick: f
         }, {
           default: h(() => [
             l("span", {
-              class: z([n.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-            }, [...r[0] || (r[0] = [
+              class: z([i.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+            }, [...s[0] || (s[0] = [
               l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
             ])], 2),
-            g(o, { class: "size-5" })
+            g(d, { class: "size-5" })
           ]),
           _: 1
         }),
         l("div", Lt, [
-          l("div", null, $(n.text), 1),
-          l("div", jt, $(A(He)(n.date)) + " (" + $(A(Pe)(n.date)) + ")", 1)
+          l("div", null, _(i.text), 1),
+          l("div", Ot, _(A(He)(i.date)) + " (" + _(A(Fe)(i.date)) + ")", 1)
         ]),
-        g(O, {
+        g(H, {
           class: "shrink-0",
           type: "icon",
           size: "sm",
-          onClick: i
+          onClick: a
         }, {
           default: h(() => [
-            g(p, { class: "size-4" })
+            g(y, { class: "size-4" })
           ]),
           _: 1
         })
       ]);
     };
   }
-}), Ot = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Et = {
+}), Nt = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Pt = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
-}, Ht = /* @__PURE__ */ V({
+}, Ht = /* @__PURE__ */ B({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
     notifications: {}
   },
   emits: ["close", "remove", "read"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = D(() => !!n.notifications.find((r) => r.isNew)), c = D(() => !!n.notifications.length), i = (r) => u("close", r), m = (r) => u("remove", r), d = (r) => u("read", r);
-    return (r, o) => (a(), f(j, null, [
-      n.value ? (a(), f("div", {
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = T(() => !!i.notifications.find((s) => s.isNew)), r = T(() => !!i.notifications.length), a = (s) => u("close", s), f = (s) => u("remove", s), c = (s) => u("read", s);
+    return (s, d) => (n(), m(L, null, [
+      i.value ? (n(), m("div", {
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
-        onClick: i
-      })) : B("", !0),
+        onClick: a
+      })) : V("", !0),
       l("aside", {
-        class: z([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"])
+        class: z([i.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"])
       }, [
-        l("div", Ot, [
-          k(r.$slots, "header", { isNew: t.value }),
-          c.value ? (a(), f("div", Et, [
+        l("div", Nt, [
+          x(s.$slots, "header", { isNew: t.value }),
+          r.value ? (n(), m("div", Pt, [
             g(he, {
               "enter-active-class": "transition-all duration-300 ",
               "enter-from-class": "opacity-0 translate-x-1/2",
@@ -644,49 +648,49 @@ const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute righ
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
               default: h(() => [
-                (a(!0), f(j, null, P(n.notifications, (p) => (a(), f("div", {
-                  key: p.date,
+                (n(!0), m(L, null, R(i.notifications, (y) => (n(), m("div", {
+                  key: y.date,
                   class: "relative"
                 }, [
-                  k(r.$slots, "card", { item: p }, () => [
-                    g(Nt, N({ ref_for: !0 }, p, {
+                  x(s.$slots, "card", { item: y }, () => [
+                    g(Et, E({ ref_for: !0 }, y, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
-                      onRemove: (w) => m(p),
-                      onRead: (w) => d(p)
+                      onRemove: ($) => f(y),
+                      onRead: ($) => c(y)
                     }), null, 16, ["onRemove", "onRead"])
                   ])
                 ]))), 128))
               ]),
               _: 3
             })
-          ])) : k(r.$slots, "empty", { key: 1 })
+          ])) : x(s.$slots, "empty", { key: 1 })
         ])
       ], 2)
     ], 64));
   }
-}), Pt = {}, Ft = { class: "fixed h-full w-full top-0 left-0 z-20" }, Ut = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Rt(e, s) {
-  return a(), f("div", Ft, [
-    s[0] || (s[0] = l("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
+}), Ft = {}, Rt = { class: "fixed h-full w-full top-0 left-0 z-20" }, Ut = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function Wt(e, o) {
+  return n(), m("div", Rt, [
+    o[0] || (o[0] = l("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
     l("div", Ut, [
-      k(e.$slots, "default")
+      x(e.$slots, "default")
     ])
   ]);
 }
-const Wt = /* @__PURE__ */ ee(Pt, [["render", Rt]]), qt = {
+const qt = /* @__PURE__ */ ee(Ft, [["render", Wt]]), Kt = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Gt(e, s) {
-  return a(), f("svg", qt, [...s[0] || (s[0] = [
+function Gt(e, o) {
+  return n(), m("svg", Kt, [...o[0] || (o[0] = [
     l("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 Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4 flex flex-col gap-4" }, Qt = { class: "size-5 flex-[0_0_24px]" }, Xt = ["onClick"], Yt = { class: "flex flex-col gap-2" }, Zt = { class: "flex gap-2 ms-8" }, el = { class: "size-5 flex-[0_0_24px]" }, tl = { class: "flex-1 first-letter:uppercase text-sm" }, ll = /* @__PURE__ */ V({
+const Jt = U({ name: "ri-arrow-right-s-line", render: Gt }), Qt = { class: "mb-4 flex flex-col gap-4" }, Xt = { class: "size-5 flex-[0_0_24px]" }, Yt = ["onClick"], Zt = { class: "flex flex-col gap-2" }, el = { class: "flex gap-2 ms-8" }, tl = { class: "size-5 flex-[0_0_24px]" }, ll = { class: "flex-1 first-letter:uppercase text-sm" }, sl = /* @__PURE__ */ B({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -694,85 +698,85 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(e, { emit: s }) {
-    const n = s, u = H(""), t = ({ name: i }) => {
-      e.isSidebar && n("sidebar", !e.isSidebar), u.value !== i && (u.value = u.value === i ? "" : i);
-    }, c = (i) => e.fullPath === i;
+  setup(e, { emit: o }) {
+    const i = o, u = F(""), t = ({ name: a }) => {
+      e.isSidebar && i("sidebar", !e.isSidebar), u.value !== a && (u.value = u.value === a ? "" : a);
+    }, r = (a) => e.fullPath === a;
     return ae(
       () => e.menu,
       () => {
-        var i;
-        return u.value = ((i = Fe(e.menu, e.fullPath)) == null ? void 0 : i.name) || "";
+        var a;
+        return u.value = ((a = Re(e.menu, e.fullPath)) == null ? void 0 : a.name) || "";
       }
-    ), (i, m) => {
-      const d = Kt;
-      return a(), f("nav", null, [
-        l("ul", Jt, [
-          (a(!0), f(j, null, P(e.menu, (r) => (a(), f("li", {
-            key: r.name
+    ), (a, f) => {
+      const c = Jt;
+      return n(), m("nav", null, [
+        l("ul", Qt, [
+          (n(!0), m(L, null, R(e.menu, (s) => (n(), m("li", {
+            key: s.name
           }, [
-            (a(), T(X(r.path ? "router-link" : "span"), {
-              to: r.path,
-              class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", c(r.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-              onClick: E((o) => t(r), ["prevent", "stop"])
+            (n(), D(X(s.path ? "router-link" : "span"), {
+              to: s.path,
+              class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", r(s.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
+              onClick: O((d) => t(s), ["prevent", "stop"])
             }, {
               default: h(() => [
-                l("div", Qt, [
-                  k(i.$slots, "icon", { item: r })
+                l("div", Xt, [
+                  x(a.$slots, "icon", { item: s })
                 ]),
                 l("span", {
                   class: z(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
-                }, $(r.name), 3),
+                }, _(s.name), 3),
                 l("button", {
                   class: z(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: E((o) => t(r), ["prevent", "stop"])
+                  onClick: O((d) => t(s), ["prevent", "stop"])
                 }, [
-                  r.children ? (a(), T(d, { key: 0 })) : B("", !0)
-                ], 10, Xt)
+                  s.children ? (n(), D(c, { key: 0 })) : V("", !0)
+                ], 10, Yt)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
-            r.children ? (a(), f("div", {
+            s.children ? (n(), m("div", {
               key: 0,
-              class: z(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", u.value === r.name ? "block" : "hidden"]])
+              class: z(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", u.value === s.name ? "block" : "hidden"]])
             }, [
-              l("ul", Yt, [
-                (a(!0), f(j, null, P(r.children, ({ name: o, path: p, icon: w }) => (a(), f("li", { key: o }, [
-                  (a(), T(X(p ? "router-link" : "span"), {
-                    to: p,
-                    class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", c(p) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+              l("ul", Zt, [
+                (n(!0), m(L, null, R(s.children, ({ name: d, path: y, icon: $ }) => (n(), m("li", { key: d }, [
+                  (n(), D(X(y ? "router-link" : "span"), {
+                    to: y,
+                    class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", r(y) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
                   }, {
                     default: h(() => [
-                      l("div", Zt, [
-                        l("div", el, [
-                          k(i.$slots, "icon-children", {
-                            item: { name: o, path: p, icon: w }
+                      l("div", el, [
+                        l("div", tl, [
+                          x(a.$slots, "icon-children", {
+                            item: { name: d, path: y, icon: $ }
                           })
                         ]),
-                        l("span", tl, $(o), 1)
+                        l("span", ll, _(d), 1)
                       ])
                     ]),
                     _: 2
                   }, 1032, ["to", "class"]))
                 ]))), 128))
               ])
-            ], 2)) : B("", !0)
+            ], 2)) : V("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), sl = {
+}), ol = {
   key: 0,
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
-}, ol = { class: "flex items-center gap-4 text-sm" }, al = {
+}, al = { class: "flex items-center gap-4 text-sm" }, nl = {
   key: 0,
   class: "text-green-600"
-}, nl = {
+}, il = {
   key: 1,
   class: "relative block h-4 w-full rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-900/50 select-none mt-2"
-}, il = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, rl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, cl = /* @__PURE__ */ V({
+}, rl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, dl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, cl = /* @__PURE__ */ B({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -783,17 +787,17 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
     length: { default: 0 }
   },
   setup(e) {
-    const s = H(!1), n = D(() => !!e.length), u = D(() => !!(n.value && t.value === 100 && !e.status)), t = D(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), c = ne(() => {
-      s.value = !1;
+    const o = F(!1), i = T(() => !!e.length), u = T(() => !!(i.value && t.value === 100 && !e.status)), t = T(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), r = ne(() => {
+      o.value = !1;
     }, e.timeout);
     return ae(
       () => [e.size, e.status],
       () => {
-        s.value = !0, c();
+        o.value = !0, r();
       }
-    ), (i, m) => {
-      const d = K;
-      return a(), T(Z, {
+    ), (a, f) => {
+      const c = G;
+      return n(), D(Z, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 translate-x-full",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -802,48 +806,48 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
         "leave-to-class": "transform opacity-0 -translate-y-8"
       }, {
         default: h(() => [
-          s.value ? (a(), f("div", sl, [
-            l("div", ol, [
-              k(i.$slots, "default", { isDone: u.value }, () => [
-                m[1] || (m[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
-                u.value ? (a(), f("span", al, "Done")) : B("", !0)
+          o.value ? (n(), m("div", ol, [
+            l("div", al, [
+              x(a.$slots, "default", { isDone: u.value }, () => [
+                f[1] || (f[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
+                u.value ? (n(), m("span", nl, "Done")) : V("", !0)
               ]),
               l("button", {
                 class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
-                onClick: m[0] || (m[0] = (r) => s.value = !1)
+                onClick: f[0] || (f[0] = (s) => o.value = !1)
               }, [
-                g(d, { class: "size-4" })
+                g(c, { class: "size-4" })
               ])
             ]),
-            n.value ? (a(), f("div", {
+            i.value ? (n(), m("div", {
               key: 0,
               class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
-              style: G(`width: ${t.value}%`)
-            }, null, 4)) : B("", !0),
-            n.value ? (a(), f("div", nl, [
-              l("div", il, $(t.value) + "%", 1),
+              style: K(`width: ${t.value}%`)
+            }, null, 4)) : V("", !0),
+            i.value ? (n(), m("div", il, [
+              l("div", rl, _(t.value) + "%", 1),
               l("div", {
                 class: "bg-blue-600 rounded-full h-4 overflow-hidden relative transition-all duration-500",
-                style: G(`width: ${t.value}%`)
+                style: K(`width: ${t.value}%`)
               }, [
-                l("div", rl, $(t.value) + "%", 1)
+                l("div", dl, _(t.value) + "%", 1)
               ], 4)
-            ])) : B("", !0)
-          ])) : B("", !0)
+            ])) : V("", !0)
+          ])) : V("", !0)
         ]),
         _: 3
       });
     };
   }
-}), dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AppAside: Ze,
-  AppHeader: It,
-  AppNav: ll,
+  AppAside: et,
+  AppHeader: Mt,
+  AppNav: sl,
   AppNotification: Ht,
-  AppOverlay: Wt,
+  AppOverlay: qt,
   AppProgress: cl
-}, Symbol.toStringTag, { value: "Module" })), ul = { class: "my-4 text-gray-700 dark:text-gray-400" }, fl = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, ml = { class: "flex gap-2" }, vl = { class: "text-gray-700 dark:text-gray-400" }, gl = { class: "flex gap-2" }, pl = { class: "flex gap-2" }, hl = { class: "text-gray-700 dark:text-gray-400" }, bl = { class: "flex gap-2" }, yl = { class: "text-gray-700 dark:text-gray-400" }, xl = { class: "flex flex-col gap-4 text-sm" }, _l = { class: "flex gap-4" }, Jo = /* @__PURE__ */ V({
+}, Symbol.toStringTag, { value: "Module" })), fl = { class: "my-4 text-gray-700 dark:text-gray-400" }, ml = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, vl = { class: "flex gap-2" }, gl = { class: "text-gray-700 dark:text-gray-400" }, pl = { class: "flex gap-2" }, hl = { class: "flex gap-2" }, bl = { class: "text-gray-700 dark:text-gray-400" }, yl = { class: "flex gap-2" }, xl = { class: "text-gray-700 dark:text-gray-400" }, kl = { class: "flex flex-col gap-4 text-sm" }, _l = { class: "flex gap-4" }, qo = /* @__PURE__ */ B({
   __name: "BlockInfo",
   props: {
     empty: {},
@@ -858,129 +862,129 @@ const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4
     name: {}
   },
   setup(e) {
-    const s = D(() => e.firmware.join(".")), n = D(() => {
-      var t, c, i, m, d, r, o;
+    const o = T(() => e.firmware.join(".")), i = T(() => {
+      var t, r, a, f, c, s, d;
       const u = [];
-      return (t = e.pkg) != null && t.homepage && u.push({ name: "homepage", href: e.pkg.homepage }), (i = (c = e.pkg) == null ? void 0 : c.repository) != null && i.url && u.push({ name: "repository", href: e.pkg.repository.url }), (d = (m = e.pkg) == null ? void 0 : m.bugs) != null && d.url && u.push({ name: "bugs", href: e.pkg.bugs.url }), (r = e.pkg) != null && r.author && u.push({ name: "author", href: `mailto:${(o = e.pkg) == null ? void 0 : o.author}` }), u;
+      return (t = e.pkg) != null && t.homepage && u.push({ name: "homepage", href: e.pkg.homepage }), (a = (r = e.pkg) == null ? void 0 : r.repository) != null && a.url && u.push({ name: "repository", href: e.pkg.repository.url }), (c = (f = e.pkg) == null ? void 0 : f.bugs) != null && c.url && u.push({ name: "bugs", href: e.pkg.bugs.url }), (s = e.pkg) != null && s.author && u.push({ name: "author", href: `mailto:${(d = e.pkg) == null ? void 0 : d.author}` }), u;
     });
     return (u, t) => {
-      var c, i;
-      return a(), f("div", null, [
-        l("p", ul, $((c = e.pkg) == null ? void 0 : c.description), 1),
-        l("div", fl, [
-          l("div", ml, [
-            t[0] || (t[0] = L(" Firmware (hw): ", -1)),
-            l("span", vl, $(s.value), 1)
+      var r, a;
+      return n(), m("div", null, [
+        l("p", fl, _((r = e.pkg) == null ? void 0 : r.description), 1),
+        l("div", ml, [
+          l("div", vl, [
+            t[0] || (t[0] = j(" Firmware (hw): ", -1)),
+            l("span", gl, _(o.value), 1)
           ]),
-          l("div", gl, [
-            l("div", pl, [
-              t[1] || (t[1] = L(" Version (web): ", -1)),
-              l("span", hl, $((i = e.pkg) == null ? void 0 : i.version), 1)
+          l("div", pl, [
+            l("div", hl, [
+              t[1] || (t[1] = j(" Version (web): ", -1)),
+              l("span", bl, _((a = e.pkg) == null ? void 0 : a.version), 1)
             ])
           ]),
           t[3] || (t[3] = l("div", { class: "flex-auto" }, null, -1)),
-          l("div", bl, [
-            t[2] || (t[2] = L(" ID: ", -1)),
-            l("span", yl, $(e.id.toString(16)), 1)
+          l("div", yl, [
+            t[2] || (t[2] = j(" ID: ", -1)),
+            l("span", xl, _(e.id.toString(16)), 1)
           ])
         ]),
         t[4] || (t[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
-        l("div", xl, [
+        l("div", kl, [
           l("div", _l, [
-            k(u.$slots, "links", { links: n.value })
+            x(u.$slots, "links", { links: i.value })
           ])
         ])
       ]);
     };
   }
-}), kl = {
+}), $l = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function $l(e, s) {
-  return a(), f("svg", kl, [...s[0] || (s[0] = [
+function wl(e, o) {
+  return n(), m("svg", $l, [...o[0] || (o[0] = [
     l("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 ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "flex items-center gap-1.5" }, Qo = /* @__PURE__ */ V({
+const de = U({ name: "ri-arrow-drop-right-line", render: wl }), Cl = { class: "flex items-center gap-1.5" }, Ko = /* @__PURE__ */ B({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const n = s, u = (t) => n("click", t);
-    return (t, c) => {
-      const i = ce;
-      return a(), f("nav", null, [
-        l("ol", wl, [
-          (a(!0), f(j, null, P(e.items, (m, d) => (a(), f("li", {
-            key: d,
-            class: z(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", m.path ? "" : "text-gray-800 dark:text-white/90"])
+  setup(e, { emit: o }) {
+    const i = o, u = (t) => i("click", t);
+    return (t, r) => {
+      const a = de;
+      return n(), m("nav", null, [
+        l("ol", Cl, [
+          (n(!0), m(L, null, R(e.items, (f, c) => (n(), m("li", {
+            key: c,
+            class: z(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", f.path ? "" : "text-gray-800 dark:text-white/90"])
           }, [
-            k(t.$slots, "default", { item: m }, () => [
-              (a(), T(X(m.path ? "a" : "span"), {
-                href: m.path,
-                onClick: (r) => u(m)
+            x(t.$slots, "default", { item: f }, () => [
+              (n(), D(X(f.path ? "a" : "span"), {
+                href: f.path,
+                onClick: (s) => u(f)
               }, {
                 default: h(() => [
-                  L($(m.name), 1)
+                  j(_(f.name), 1)
                 ]),
                 _: 2
               }, 1032, ["href", "onClick"]))
             ]),
-            m.path ? (a(), T(i, {
+            f.path ? (n(), D(a, {
               key: 0,
               class: "rotate-270"
-            })) : B("", !0)
+            })) : V("", !0)
           ], 2))), 128))
         ])
       ]);
     };
   }
-}), Cl = {
+}), zl = {
   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]"
-}, zl = {
+}, Vl = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, Vl = {
+}, Bl = {
   key: 2,
   class: "mb-6 flex items-center justify-between"
-}, Bl = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, Sl = { class: "max-w-full" }, Al = /* @__PURE__ */ V({
+}, Sl = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, Al = { class: "max-w-full" }, Tl = /* @__PURE__ */ B({
   __name: "CardMain",
   props: {
     title: {},
     loading: { type: Boolean }
   },
   setup(e) {
-    return (s, n) => (a(), f("div", {
+    return (o, i) => (n(), m("div", {
       class: z(["relative rounded-md border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
     }, [
-      e.loading ? (a(), f("div", Cl)) : B("", !0),
-      e.loading ? (a(), f("div", zl)) : B("", !0),
-      e.title ? (a(), f("div", Vl, [
-        l("h3", Bl, $(e.title), 1),
+      e.loading ? (n(), m("div", zl)) : V("", !0),
+      e.loading ? (n(), m("div", Vl)) : V("", !0),
+      e.title ? (n(), m("div", Bl, [
+        l("h3", Sl, _(e.title), 1),
         l("div", null, [
-          k(s.$slots, "header")
+          x(o.$slots, "header")
         ])
-      ])) : B("", !0),
-      l("div", Sl, [
-        k(s.$slots, "default")
+      ])) : V("", !0),
+      l("div", Al, [
+        x(o.$slots, "default")
       ])
     ], 2));
   }
 }), Dl = {
   key: 0,
-  class: "text-title-md uppercase font-bold px-6 mb-4"
-}, Tl = { class: "px-4 pb-4 md:px-6" }, Il = {
+  class: "text-title-md uppercase font-bold flex-auto"
+}, Il = { class: "px-4 pb-4 md:px-6" }, Ml = {
   key: 0,
-  class: "text-title-md uppercase font-bold mb-4"
-}, de = /* @__PURE__ */ V({
+  class: "text-title-md uppercase font-bold"
+}, ce = /* @__PURE__ */ B({
   __name: "VDialog",
   props: {
     title: {},
@@ -993,23 +997,23 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
     timeout: {}
   },
   emits: ["close", "click", "open"],
-  setup(e, { expose: s, emit: n }) {
-    const u = n, t = xe(_e), { show: c, onClose: i, onOpen: m } = ye(u, e.timeout), d = {
+  setup(e, { expose: o, emit: i }) {
+    const u = i, t = xe(ke), { show: r, onClose: a, onOpen: f } = ye(u, e.timeout), c = {
       sm: "max-w-full md:max-w-[330px] h-full md:h-[unset]",
       md: "max-w-full md:max-w-[672px] h-full md:h-[unset]",
       lg: "max-w-full md:max-w-[960px] h-full md:h-[unset]",
       full: "relative max-w-full w-full h-3/4 "
-    }, r = {
+    }, s = {
       none: "",
       white: "bg-white dark:bg-gray-900",
       gray: ""
-    }, o = D(() => [d[e.size], r[e.color]]), p = t.greaterOrEqual("lg");
-    return s({
-      show: c,
-      onClose: i
-    }), (w, b) => {
-      const v = K;
-      return e.isOnlyDialog || A(p) ? (a(), T(pe, {
+    }, d = T(() => [c[e.size], s[e.color]]), y = t.greaterOrEqual("lg");
+    return o({
+      show: r,
+      onClose: a
+    }), ($, p) => {
+      const v = G;
+      return e.isOnlyDialog || A(y) ? (n(), D(pe, {
         key: 0,
         to: "body"
       }, [
@@ -1020,37 +1024,39 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
           "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: A(m)
+          onAfterEnter: A(f)
         }, {
           default: h(() => [
-            A(c) ? (a(), f("div", {
+            A(r) ? (n(), m("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
-              onWheel: b[4] || (b[4] = E(() => {
+              onWheel: p[4] || (p[4] = O(() => {
               }, ["stop"]))
             }, [
               l("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
-                onClick: b[0] || (b[0] = //@ts-ignore
-                (...y) => A(i) && A(i)(...y))
+                onClick: p[0] || (p[0] = //@ts-ignore
+                (...b) => A(a) && A(a)(...b))
               }),
               l("div", {
                 class: z(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
               }, [
                 l("div", {
-                  class: z(["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", o.value])
+                  class: z(["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", d.value])
                 }, [
                   l("div", {
-                    class: z(["flex justify-end", e.size === "full" ? "absolute top-0 right-4" : ""]),
-                    onWheel: b[1] || (b[1] = E(() => {
+                    class: z(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
+                    onWheel: p[1] || (p[1] = O(() => {
                     }, ["prevent"])),
-                    onTouchmove: b[2] || (b[2] = E(() => {
+                    onTouchmove: p[2] || (p[2] = O(() => {
                     }, ["prevent"]))
                   }, [
-                    g(O, {
+                    e.title ? (n(), m("h4", Dl, _(e.title), 1)) : V("", !0),
+                    x($.$slots, "header-btn", { close: A(a) }),
+                    g(H, {
                       color: "transparent",
                       size: "md",
-                      onClick: A(i)
+                      onClick: A(a)
                     }, {
                       default: h(() => [
                         g(v)
@@ -1058,38 +1064,49 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
-                  k(w.$slots, "header", { close: A(i) }, () => [
-                    e.title ? (a(), f("h4", Dl, $(e.title), 1)) : B("", !0)
-                  ]),
                   l("div", {
                     class: z(["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: b[3] || (b[3] = //@ts-ignore
-                    (...y) => A(i) && A(i)(...y))
+                    onClose: p[3] || (p[3] = //@ts-ignore
+                    (...b) => A(a) && A(a)(...b))
                   }, [
-                    k(w.$slots, "default", { close: A(i) })
+                    x($.$slots, "default", { close: A(a) })
                   ], 34)
                 ], 2)
               ], 2)
-            ], 32)) : B("", !0)
+            ], 32)) : V("", !0)
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
-      ])) : (a(), T(re, {
+      ])) : (n(), D(re, {
         key: 1,
         size: e.popupSize,
-        onClose: A(i)
+        onClose: A(a)
       }, {
-        default: h(() => [
-          l("div", Tl, [
-            e.title ? (a(), f("h4", Il, $(e.title), 1)) : B("", !0),
-            k(w.$slots, "default")
+        button: h(() => [
+          x($.$slots, "header-btn", { close: A(a) })
+        ]),
+        default: h(({ close: b }) => [
+          l("div", Il, [
+            l("div", {
+              class: z(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
+              onWheel: p[5] || (p[5] = O(() => {
+              }, ["prevent"])),
+              onTouchmove: p[6] || (p[6] = O(() => {
+              }, ["prevent"]))
+            }, [
+              e.title ? (n(), m("h4", Ml, _(e.title), 1)) : V("", !0)
+            ], 34),
+            x($.$slots, "default", { close: b })
           ])
         ]),
         _: 3
       }, 8, ["size", "onClose"]));
     };
   }
-}), Ml = { class: "flex-auto flex justify-between" }, Ll = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, jl = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, Nl = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, Ol = { class: "min-h-60 relative" }, El = { class: "pt-6" }, Hl = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, Pl = { class: "text-center text-xl mt-4" }, J = /* @__PURE__ */ V({
+}), jl = { class: "flex-auto flex justify-between" }, Ll = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, Ol = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, El = {
+  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"
+}, Nl = { class: "min-h-60 relative" }, Pl = { class: "pt-6" }, Hl = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, Fl = { class: "text-center text-xl mt-4" }, J = /* @__PURE__ */ B({
   __name: "CardBase",
   props: {
     size: {},
@@ -1106,92 +1123,95 @@ const ce = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "f
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = H(!1), c = D(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), i = (o) => u("edit", o), m = () => t.value = !0, d = (o) => u("open", o), r = (o) => {
-      t.value = !1, u("close", o);
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = F(!1), r = T(() => ["button", "dimmer"].includes(i.type || "") && i.value ? "text-amber-500" : "text-gray-400"), a = (d) => u("edit", d), f = () => t.value = !0, c = (d) => u("open", d), s = (d) => {
+      t.value = !1, u("close", d);
     };
-    return (o, p) => {
-      const w = $e, b = de;
-      return a(), f("div", {
+    return (d, y) => {
+      const $ = $e, p = ce;
+      return n(), m("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:border-blue-400 dark:hover:border-blue-700 transition-all cursor-pointer",
-        onClick: m
+        onClick: f
       }, [
-        l("div", Ml, [
+        l("div", jl, [
           l("div", {
-            class: z(c.value)
-          }, null, 2),
-          k(o.$slots, "header", W(q(n)))
+            class: z([r.value, "size-8"])
+          }, [
+            x(d.$slots, "icon", N(P(i)))
+          ], 2),
+          x(d.$slots, "header", N(P(i)))
         ]),
         l("div", null, [
-          k(o.$slots, "body", W(q(n)), () => [
+          x(d.$slots, "body", N(P(i)), () => [
             l("h6", Ll, [
-              k(o.$slots, "name", W(q(n)), () => [
-                L($(n.name), 1)
+              x(d.$slots, "name", N(P(i)), () => [
+                j(_(i.name), 1)
               ])
             ]),
-            l("div", jl, [
-              k(o.$slots, "value", W(q(n)), () => [
-                L($(n.valueTo || n.value), 1)
+            l("div", Ol, [
+              x(d.$slots, "value", N(P(i)), () => [
+                j(_(i.valueTo || i.value), 1)
               ])
             ])
           ])
         ]),
-        t.value ? (a(), T(b, {
-          key: 0,
-          size: n.size || "sm",
+        i.icon ? (n(), m("div", El, [
+          x(d.$slots, "icon", N(P(i)))
+        ])) : V("", !0),
+        t.value ? (n(), D(p, {
+          key: 1,
+          size: i.size || "sm",
           title: e.name,
-          onClose: r,
-          onOpen: d
+          onClose: s,
+          onOpen: c
         }, {
-          header: h(() => [
-            l("div", Nl, [
-              g(O, {
-                type: "icon",
-                onClick: i
-              }, {
-                default: h(() => [
-                  g(w)
-                ]),
-                _: 1
-              })
-            ])
+          "header-btn": h(() => [
+            g(H, {
+              color: "transparent",
+              onClick: a
+            }, {
+              default: h(() => [
+                g($)
+              ]),
+              _: 1
+            })
           ]),
           default: h(() => [
-            l("div", Ol, [
-              l("div", El, [
+            l("div", Nl, [
+              l("div", Pl, [
                 l("h3", Hl, [
-                  k(o.$slots, "dialog-name", W(q(n)), () => [
-                    L($(n.name), 1)
+                  x(d.$slots, "dialog-name", N(P(i)), () => [
+                    j(_(i.name), 1)
                   ])
                 ]),
-                k(o.$slots, "dialog", W(q(n))),
-                l("p", Pl, [
-                  k(o.$slots, "dialog-value", W(q(n)), () => [
-                    L($(n.valueTo || n.value), 1)
+                x(d.$slots, "dialog", N(P(i))),
+                l("p", Fl, [
+                  x(d.$slots, "dialog-value", N(P(i)), () => [
+                    j(_(i.valueTo || i.value), 1)
                   ])
                 ])
               ])
             ])
           ]),
           _: 3
-        }, 8, ["size", "title"])) : B("", !0)
+        }, 8, ["size", "title"])) : V("", !0)
       ]);
     };
   }
-}), Fl = {
+}), Rl = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Ul(e, s) {
-  return a(), f("svg", Fl, [...s[0] || (s[0] = [
+function Ul(e, o) {
+  return n(), m("svg", Rl, [...o[0] || (o[0] = [
     l("path", {
       fill: "currentColor",
-      d: "M13 9h8L11 24v-9H4l9-15zm-2 2V7.22L7.532 13H13v4.394L17.263 11z"
+      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 Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex justify-end" }, ql = { class: "flex justify-center py-4" }, Gl = /* @__PURE__ */ V({
+const Wl = U({ name: "ri-shut-down-line", render: Ul }), ql = { class: "flex justify-end" }, Kl = { class: "flex justify-center py-4" }, Gl = /* @__PURE__ */ B({
   __name: "CardButton",
   props: {
     size: {},
@@ -1208,50 +1228,56 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = ({ opts: m = {} }) => {
-      const { disabled: d } = m;
-      return { disabled: d };
-    }, c = (m) => u("click", m), i = () => u("setState", !n.value);
-    return (m, d) => {
-      const r = Rl;
-      return a(), T(J, N(n, { onClick: c }), {
-        header: h((o) => [
-          l("div", Wl, [
-            g(O, N(t(o), {
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = ({ opts: a = {} }) => {
+      const { disabled: f } = a;
+      return { disabled: f };
+    }, r = () => u("setState", !i.value);
+    return (a, f) => {
+      const c = Wl;
+      return n(), D(J, E(i, {
+        onClick: f[0] || (f[0] = (s) => u("click", s)),
+        onEdit: f[1] || (f[1] = (s) => u("edit", s))
+      }), {
+        icon: h((s) => [
+          x(a.$slots, "icon", N(P(s)))
+        ]),
+        header: h((s) => [
+          l("div", ql, [
+            g(H, E(t(s), {
               type: "icon",
-              class: "text-gray-500",
-              onClick: E(i, ["stop"])
+              class: i.value ? "text-amber-500" : "text-gray-500",
+              onClick: O(r, ["stop"])
             }), {
               default: h(() => [
-                g(r, { class: "size-10" })
+                g(c, { class: "size-8" })
               ]),
               _: 1
-            }, 16)
+            }, 16, ["class"])
           ])
         ]),
-        dialog: h((o) => [
-          l("div", ql, [
-            g(O, N(t(o), {
+        dialog: h((s) => [
+          l("div", Kl, [
+            g(H, E(t(s), {
               type: "icon",
-              class: ["size-18", n.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
-              onClick: E(i, ["stop"])
+              class: ["size-18", i.value ? "text-amber-500" : "text-gray-500"],
+              onClick: O(r, ["stop"])
             }), {
               default: h(() => [
-                g(r, { class: "size-16" })
+                g(c, { class: "size-16" })
               ]),
               _: 1
             }, 16, ["class"])
           ])
         ]),
-        _: 1
+        _: 3
       }, 16);
     };
   }
-}), Kl = { class: "w-full relative" }, Jl = ["disabled"], Ql = {
+}), Jl = { class: "w-full relative" }, Ql = ["disabled"], Xl = {
   key: 0,
   class: "text-red-400 h-[24px] px-2 text-xs"
-}, Xl = "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", R = /* @__PURE__ */ V({
+}, Yl = "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", q = /* @__PURE__ */ B({
   __name: "VTextField",
   props: {
     modelValue: { default: null },
@@ -1265,59 +1291,59 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
     hideMessage: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
-  setup(e, { emit: s }) {
-    const n = s, u = {
+  setup(e, { emit: o }) {
+    const i = o, u = {
       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 = H(!1), c = D(() => [
+    }, t = F(!1), r = T(() => [
       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 = D(() => u[e.component]), m = (C) => C || C === 0, d = D(() => [Xl, t.value || m(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = D(() => e.component === "input"), o = (C) => {
-      t.value = !1, n("blur", C);
-    }, p = (C) => {
-      t.value = !0, n("blur", C);
-    }, w = ({ target: C }) => n("update:modelValue", C.value), b = (C) => n("enter", C), v = (C) => n("click", C), y = (C) => {
-      e.disabled || n("on-icon", C);
+    ]), a = T(() => u[e.component]), f = (w) => w || w === 0, c = T(() => [Yl, t.value || f(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), s = T(() => e.component === "input"), d = (w) => {
+      t.value = !1, i("blur", w);
+    }, y = (w) => {
+      t.value = !0, i("blur", w);
+    }, $ = ({ target: w }) => i("update:modelValue", w.value), p = (w) => i("enter", w), v = (w) => i("click", w), b = (w) => {
+      e.disabled || i("on-icon", w);
     };
-    return (C, S) => (a(), f("div", Kl, [
+    return (w, S) => (n(), m("div", Jl, [
       l("label", {
-        class: z(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", c.value])
+        class: z(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", r.value])
       }, [
         l("span", {
-          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
-        }, $(e.label), 3),
-        (a(), T(X(e.component), N(C.$attrs, {
+          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
+        }, _(e.label), 3),
+        (n(), D(X(e.component), E(w.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
           readonly: e.readonly,
-          rows: r.value ? null : "2",
-          wrap: r.value ? null : "soft",
-          class: i.value,
-          onFocus: p,
-          onBlur: o,
-          onInput: w,
+          rows: s.value ? null : "2",
+          wrap: s.value ? null : "soft",
+          class: a.value,
+          onFocus: y,
+          onBlur: d,
+          onInput: $,
           onClick: v,
-          onKeypress: Ie(b, ["enter"])
+          onKeypress: Ie(p, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        C.$slots.icon ? (a(), f("button", {
+        w.$slots.icon ? (n(), m("button", {
           key: 0,
           disabled: !!e.disabled,
           class: z([{ "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: y
+          onClick: b
         }, [
-          k(C.$slots, "icon")
-        ], 10, Jl)) : B("", !0)
+          x(w.$slots, "icon")
+        ], 10, Ql)) : V("", !0)
       ], 2),
-      e.hideMessage ? B("", !0) : (a(), f("div", Ql, [
-        k(C.$slots, "message", {}, () => [
-          L($(e.message), 1)
+      e.hideMessage ? V("", !0) : (n(), m("div", Xl, [
+        x(w.$slots, "message", {}, () => [
+          j(_(e.message), 1)
         ])
       ]))
     ]));
   }
-}), Yl = { class: "flex justify-center relative mx-2 my-6" }, Zl = /* @__PURE__ */ V({
+}), Zl = { class: "flex justify-center relative mx-2 my-6" }, es = /* @__PURE__ */ B({
   __name: "CardDate",
   props: {
     size: {},
@@ -1334,36 +1360,42 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = (d) => new Date(+d * 1e3).toISOString().slice(0, 16), c = (d) => {
-      var o;
-      const r = (o = d == null ? void 0 : d.target) == null ? void 0 : o.valueAsNumber;
-      r && u("setState", r / 1e3);
-    }, i = ({ name: d, value: r, opts: o = {} }) => {
-      const { disabled: p } = o;
-      return { label: d, modelValue: t(r), disabled: p };
-    }, m = (d) => u("click", d);
-    return (d, r) => (a(), T(J, N(n, { onClick: m }), {
-      dialog: h((o) => [
-        l("div", Yl, [
-          g(R, N(i(o), {
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = (f) => new Date(+f * 1e3).toISOString().slice(0, 16), r = (f) => {
+      var s;
+      const c = (s = f == null ? void 0 : f.target) == null ? void 0 : s.valueAsNumber;
+      c && u("setState", c / 1e3);
+    }, a = ({ name: f, value: c, opts: s = {} }) => {
+      const { disabled: d } = s;
+      return { label: f, modelValue: t(c), disabled: d };
+    };
+    return (f, c) => (n(), D(J, E(i, {
+      onClick: c[0] || (c[0] = (s) => u("click", s)),
+      onEdit: c[1] || (c[1] = (s) => u("edit", s))
+    }), {
+      icon: h((s) => [
+        x(f.$slots, "icon", N(P(s)))
+      ]),
+      dialog: h((s) => [
+        l("div", Zl, [
+          g(q, E(a(s), {
             type: "datetime-local",
-            onChange: c
+            onChange: r
           }), null, 16)
         ])
       ]),
-      _: 1
+      _: 3
     }, 16));
   }
-}), es = { class: "flex justify-end" }, ts = {
+}), ts = { class: "flex justify-end" }, ls = {
   class: /* @__PURE__ */ z("text-blue-600 dark:text-blue-400")
-}, ls = {
+}, ss = {
   width: "32",
   height: "32",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, ss = ["stroke-dashoffset"], os = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, as = /* @__PURE__ */ V({
+}, os = ["stroke-dashoffset"], as = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, ns = /* @__PURE__ */ B({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1380,17 +1412,23 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = ({ opts: r, value: o }) => Math.round(100 * +o / ((r == null ? void 0 : r.max) || 255)), c = ({ opts: r, value: o }) => Math.round(187 - +o / ((r == null ? void 0 : r.max) || 255) * 187), i = ({ value: r, opts: o }) => {
-      const { min: p = 0, max: w = 255, step: b = 1, disabled: v } = o || {};
-      return { min: p, max: w, step: b, value: r, disabled: !!v, class: v ? "" : "cursor-pointer" };
-    }, m = (r) => u("click", r), d = (r) => u("setState", +r.target.value || 0);
-    return (r, o) => (a(), T(J, N(n, { onClick: m }), {
-      header: h((p) => [
-        l("div", es, [
-          l("div", ts, [
-            (a(), f("svg", ls, [
-              o[0] || (o[0] = l("circle", {
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = ({ opts: c, value: s }) => Math.round(100 * +s / ((c == null ? void 0 : c.max) || 255)), r = ({ opts: c, value: s }) => Math.round(187 - +s / ((c == null ? void 0 : c.max) || 255) * 187), a = ({ value: c, opts: s }) => {
+      const { min: d = 0, max: y = 255, step: $ = 1, disabled: p } = s || {};
+      return { min: d, max: y, step: $, value: c, disabled: !!p, class: p ? "" : "cursor-pointer" };
+    }, f = (c) => u("setState", +c.target.value || 0);
+    return (c, s) => (n(), D(J, E(i, {
+      onClick: s[0] || (s[0] = (d) => u("click", d)),
+      onEdit: s[1] || (s[1] = (d) => u("edit", d))
+    }), {
+      icon: h((d) => [
+        x(c.$slots, "icon", N(P(d)))
+      ]),
+      header: h((d) => [
+        l("div", ts, [
+          l("div", ls, [
+            (n(), m("svg", ss, [
+              s[2] || (s[2] = l("circle", {
                 class: "stroke-gray-300 dark:stroke-gray-700",
                 r: "30",
                 cx: "30",
@@ -1405,34 +1443,34 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
                 stroke: "currentColor",
                 "stroke-width": "8",
                 "stroke-linecap": "butt",
-                "stroke-dashoffset": c(p),
+                "stroke-dashoffset": r(d),
                 fill: "transparent",
                 "stroke-dasharray": "187"
-              }, null, 8, ss)
+              }, null, 8, os)
             ]))
           ])
         ])
       ]),
-      dialog: h((p) => [
+      dialog: h((d) => [
         l("div", {
-          class: z(["flex justify-center relative mx-2 my-6", i(p).disabled ? "opacity-40" : ""])
+          class: z(["flex justify-center relative mx-2 my-6", a(d).disabled ? "opacity-40" : ""])
         }, [
-          o[1] || (o[1] = l("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-800 z-0 rounded-md" }, null, -1)),
+          s[3] || (s[3] = l("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-700 z-0 rounded-md" }, null, -1)),
           l("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: G(`width: ${t(p)}%`)
+            style: K(`width: ${t(d)}%`)
           }, null, 4),
-          l("div", os, $(t(p)) + " %", 1),
-          l("input", N({ type: "range" }, i(p), {
+          l("div", as, _(t(d)) + " %", 1),
+          l("input", E({ type: "range" }, a(d), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
-            onChange: d
+            onChange: f
           }), null, 16)
         ], 2)
       ]),
-      _: 1
+      _: 3
     }, 16));
   }
-}), ns = /* @__PURE__ */ V({
+}), is = /* @__PURE__ */ B({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1449,16 +1487,22 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = (c) => u("click", c);
-    return (c, i) => (a(), T(J, N(n, { onClick: t }), {
+  setup(e, { emit: o }) {
+    const i = e, u = o;
+    return (t, r) => (n(), D(J, E(i, {
+      onClick: r[0] || (r[0] = (a) => u("click", a)),
+      onEdit: r[1] || (r[1] = (a) => u("edit", a))
+    }), {
+      icon: h((a) => [
+        x(t.$slots, "icon", N(P(a)))
+      ]),
       default: h(() => [
-        k(c.$slots, "dialog")
+        x(t.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), is = { class: "flex justify-center relative mx-2 my-6" }, rs = /* @__PURE__ */ V({
+}), rs = { class: "flex justify-center relative mx-2 my-6" }, ds = /* @__PURE__ */ B({
   __name: "CardInput",
   props: {
     size: {},
@@ -1475,29 +1519,35 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = ({ name: m, value: d, opts: r = {} }) => {
-      const { disabled: o } = r;
-      return { label: m, modelValue: d, disabled: o };
-    }, c = (m) => u("setState", m.target.value), i = (m) => u("click", m);
-    return (m, d) => {
-      const r = ce;
-      return a(), T(J, N(n, { onClick: i }), {
-        dialog: h((o) => [
-          l("div", is, [
-            g(R, N(t(o), {
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = ({ name: a, value: f, opts: c = {} }) => {
+      const { disabled: s } = c;
+      return { label: a, modelValue: f, disabled: s };
+    }, r = (a) => u("setState", a.target.value);
+    return (a, f) => {
+      const c = de;
+      return n(), D(J, E(i, {
+        onClick: f[0] || (f[0] = (s) => u("click", s)),
+        onEdit: f[1] || (f[1] = (s) => u("edit", s))
+      }), {
+        icon: h((s) => [
+          x(a.$slots, "icon", N(P(s)))
+        ]),
+        dialog: h((s) => [
+          l("div", rs, [
+            g(q, E(t(s), {
               autofocus: "",
-              onEnter: c,
-              onBlur: c
+              onEnter: r,
+              onBlur: r
             }), {
               icon: h(() => [
-                g(r, { class: "size-6 rotate-270" })
+                g(c, { class: "size-8" })
               ]),
               _: 1
             }, 16)
           ])
         ]),
-        _: 1
+        _: 3
       }, 16);
     };
   }
@@ -1506,69 +1556,77 @@ const Rl = F({ name: "ri-flashlight-line", render: Ul }), Wl = { class: "flex ju
   width: "1.2em",
   height: "1.2em"
 };
-function ds(e, s) {
-  return a(), f("svg", cs, [...s[0] || (s[0] = [
+function us(e, o) {
+  return n(), m("svg", cs, [...o[0] || (o[0] = [
     l("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 us = F({ name: "ri-arrow-up-s-line", render: ds }), fs = { class: "bg-white dark:bg-gray-800 rounded min-w-50 shadow-nav pb-6 lg:pb-0" }, ms = {
+const fs = U({ name: "ri-arrow-up-s-line", render: us }), ms = { class: "bg-white dark:bg-gray-900 rounded min-w-50 shadow-nav pb-6 lg:pb-0" }, vs = {
   key: 0,
-  class: "md:hidden text-title-md font-bold mb-2 uppercase px-4 sticky pb-2 top-0 bg-white dark:bg-gray-800"
-}, vs = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, Y = /* @__PURE__ */ V({
+  class: "md:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
+}, gs = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, Y = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VSelect",
   props: {
     modelValue: {},
     label: {},
     disabled: { type: Boolean },
-    items: {}
+    items: {},
+    title: {},
+    top: {},
+    left: {},
+    right: {},
+    bottom: {},
+    height: {},
+    hideOnClick: { type: Boolean }
   },
   emits: ["change"],
-  setup(e, { emit: s }) {
-    const n = s;
-    function u(t, c) {
-      n("change", t), c == null || c.set(!1);
+  setup(e, { emit: o }) {
+    const i = Me(e, ["modelValue", "label", "items", "disabled"]), u = o;
+    function t(r, a) {
+      u("change", r), a == null || a.set(!1);
     }
-    return (t, c) => {
-      const i = us;
-      return a(), T(te, {
+    return (r, a) => {
+      const f = fs;
+      return n(), D(te, E(i, {
         "hide-on-click": !1,
         class: "relative"
-      }, {
-        activator: h(({ on: m, isShow: d }) => [
-          k(t.$slots, "activator", W(q({ on: m, isShow: d })), () => [
-            g(R, {
+      }), {
+        activator: h(({ on: c, isShow: s }) => [
+          x(r.$slots, "activator", N(P({ on: c, isShow: s })), () => [
+            g(q, {
               "model-value": e.modelValue,
               disabled: e.disabled,
+              label: e.label,
               readonly: "",
               hideMessage: "",
               active: "",
-              onClick: m.click,
-              onOnIcon: m.click
+              onClick: c.click,
+              onOnIcon: c.click
             }, {
               icon: h(() => [
-                g(i, {
-                  class: z(["transition duration-300", d ? "rotate-x-180" : ""])
+                g(f, {
+                  class: z(["transition duration-300", s ? "rotate-x-180" : ""])
                 }, null, 8, ["class"])
               ]),
               _: 2
-            }, 1032, ["model-value", "disabled", "onClick", "onOnIcon"])
+            }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
           ])
         ]),
-        default: h(({ on: m }) => [
-          l("div", fs, [
-            e.label ? (a(), f("h5", ms, $(e.label), 1)) : B("", !0),
-            l("div", vs, [
+        default: h(({ on: c }) => [
+          l("div", ms, [
+            e.label ? (n(), m("h4", vs, _(e.label), 1)) : V("", !0),
+            l("div", gs, [
               g(le, {
                 items: e.items,
-                onClick: (d) => u(d, m)
+                onClick: (s) => t(s, c)
               }, {
-                default: h(({ item: d }) => [
-                  k(t.$slots, "item", { item: d }, () => [
-                    L($(d.name), 1)
+                default: h(({ item: s }) => [
+                  x(r.$slots, "item", { item: s }, () => [
+                    j(_(s.name), 1)
                   ])
                 ]),
                 _: 3
@@ -1577,10 +1635,10 @@ const us = F({ name: "ri-arrow-up-s-line", render: ds }), fs = { class: "bg-whit
           ])
         ]),
         _: 3
-      });
+      }, 16);
     };
   }
-}), gs = { class: "flex justify-center py-4" }, ps = /* @__PURE__ */ V({
+}), ps = { class: "flex justify-center py-4" }, hs = /* @__PURE__ */ B({
   __name: "CardList",
   props: {
     size: {},
@@ -1597,82 +1655,50 @@ const us = F({ name: "ri-arrow-up-s-line", render: ds }), fs = { class: "bg-whit
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(e, { emit: s }) {
-    const n = e, u = s, t = (d) => u("click", d), c = ({ value: d }) => u("setState", d), i = ({ opts: d, value: r }) => {
-      var o;
-      return Array.isArray(d == null ? void 0 : d.items) && ((o = d == null ? void 0 : d.items.find((p) => p.value === r)) == null ? void 0 : o.name) || r;
-    }, m = ({ name: d, value: r, opts: o = {} }) => {
-      const { items: p = [], disabled: w } = o;
-      return { label: d, modelValue: r, items: p, disabled: !!w };
+  setup(e, { emit: o }) {
+    const i = e, u = o, t = ({ value: f }) => u("setState", f), r = ({ opts: f, value: c }) => {
+      var s;
+      return Array.isArray(f == null ? void 0 : f.items) && ((s = f == null ? void 0 : f.items.find((d) => d.value === c)) == null ? void 0 : s.name) || c;
+    }, a = ({ name: f, value: c, opts: s = {} }) => {
+      var p;
+      const { items: d = [], disabled: y } = s, $ = ((p = d.find((v) => v.value === c)) == null ? void 0 : p.name) || c;
+      return { label: f, modelValue: $, items: d, disabled: !!y };
     };
-    return (d, r) => (a(), T(J, N(n, { onClick: t }), {
-      value: h((o) => [
-        L($(i(o)), 1)
+    return (f, c) => (n(), D(J, E(i, {
+      onClick: c[0] || (c[0] = (s) => u("click", s)),
+      onEdit: c[1] || (c[1] = (s) => u("edit", s))
+    }), {
+      icon: h((s) => [
+        x(f.$slots, "icon", N(P(s)))
       ]),
-      "dialog-value": h((o) => [
-        L($(i(o)), 1)
+      value: h((s) => [
+        j(_(r(s)), 1)
       ]),
-      dialog: h((o) => [
-        l("div", gs, [
-          g(Y, N(m(o), { onChange: c }), null, 16)
+      "dialog-value": h((s) => [
+        j(_(r(s)), 1)
+      ]),
+      dialog: h((s) => [
+        l("div", ps, [
+          g(Y, E(a(s), { onChange: t }), null, 16)
         ])
       ]),
-      _: 1
+      _: 3
     }, 16));
   }
-}), hs = [
-  "Dots",
-  "Air",
-  "Bulb",
-  "Cold",
-  "Camera",
-  "Vent",
-  "Garage",
-  "Video",
-  "Light",
-  "Tv",
-  "Therm",
-  "Store",
-  "Socket",
-  "Search",
-  "Save",
-  "Noti",
-  "Logout",
-  "Lock",
-  "Folder",
-  "Chevron",
-  "Close",
-  "Dashboard",
-  "Device",
-  "Drop",
-  "Burger",
-  "EyeClose",
-  "EyeOpen",
-  "File",
-  "Gpio",
-  "Update",
-  "Heater",
-  "Setting",
-  "Logo",
-  "LogoMini",
-  "Power",
-  "Theme",
-  "Info",
-  "Plus"
-], bs = ["Button", "Info", "Dimmer", "Date", "Input", "List"], ys = hs.map((e, s) => ({ id: ++s, name: `${e}`, value: e })), xs = bs.map((e, s) => ({ id: ++s, name: `${e}`, value: `${e.toLowerCase()}` })), _s = {
+}), bs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ks(e, s) {
-  return a(), f("svg", _s, [...s[0] || (s[0] = [
+function ys(e, o) {
+  return n(), m("svg", bs, [...o[0] || (o[0] = [
     l("path", {
       fill: "currentColor",
       d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
     }, null, -1)
   ])]);
 }
-const ue = F({ name: "ri-add-line", render: ks }), $s = { class: "flex w-full relative" }, ws = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Cs = ["disabled"], ze = /* @__PURE__ */ V({
+const ue = U({ name: "ri-add-line", render: ys }), xs = { class: "flex w-full relative" }, ks = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, _s = ["disabled"], ze = /* @__PURE__ */ B({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -1681,67 +1707,67 @@ const ue = F({ name: "ri-add-line", render: ks }), $s = { class: "flex w-full re
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["icon"],
-  setup(e, { emit: s }) {
-    const n = s, u = D(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = D(() => [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 (c, i) => {
-      const m = ue;
-      return a(), f("div", $s, [
+  setup(e, { emit: o }) {
+    const i = o, u = T(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = T(() => [e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
+    return (r, a) => {
+      const f = ue;
+      return n(), m("div", xs, [
         l("div", {
           class: z(["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])
         }, [
           l("span", {
             class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
-          }, $(e.label), 3),
-          l("div", ws, [
-            k(c.$slots, "default")
+          }, _(e.label), 3),
+          l("div", ks, [
+            x(r.$slots, "default")
           ]),
-          e.hideIcon ? B("", !0) : (a(), f("button", {
+          e.hideIcon ? V("", !0) : (n(), m("button", {
             key: 0,
             disabled: e.disabled,
             class: z([{ "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] = (d) => n("icon", d))
+            onClick: a[0] || (a[0] = (c) => i("icon", c))
           }, [
-            k(c.$slots, "icon", {}, () => [
-              g(m, { class: "size-4" })
+            x(r.$slots, "icon", {}, () => [
+              g(f, { class: "size-4" })
             ])
-          ], 10, Cs))
+          ], 10, _s))
         ], 2)
       ]);
     };
   }
-}), zs = {
+}), $s = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function Vs(e, s) {
-  return a(), f("svg", zs, [...s[0] || (s[0] = [
+function ws(e, o) {
+  return n(), m("svg", $s, [...o[0] || (o[0] = [
     l("path", {
       fill: "currentColor",
       d: "M7 19v-6h10v6h2V7.828L16.172 5H5v14zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m5 12v4h6v-4z"
     }, null, -1)
   ])]);
 }
-const Bs = F({ name: "ri-save-line", render: Vs }), Ss = {
+const Cs = U({ name: "ri-save-line", render: ws }), zs = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function As(e, s) {
-  return a(), f("svg", Ss, [...s[0] || (s[0] = [
+function Vs(e, o) {
+  return n(), m("svg", zs, [...o[0] || (o[0] = [
     l("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 Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
+const Bs = U({ name: "ri-folder6-line", render: Vs }), Ss = ["onClick"], As = {
   key: 0,
   class: "me-1"
-}, Ms = { class: "flex items-center z-10" }, Ls = ["onClick"], js = {
+}, Ts = { class: "flex items-center z-10" }, Ds = ["onClick"], Is = {
   key: 0,
   class: "flex ps-5"
-}, Ns = { class: "font-medium me-4" }, Os = ["onClick"], Ve = /* @__PURE__ */ V({
+}, Ms = { class: "font-medium me-4" }, js = ["onClick"], Ve = /* @__PURE__ */ B({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -1749,92 +1775,92 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
     onlyValue: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const n = s, u = () => "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 = H({}), c = (r) => {
-      t.value[r] = !t.value[r];
-    }, i = (r) => typeof r == "object", m = (r) => `${e.path ? e.path + "." : ""}${r}`, d = (r, o) => {
-      n("click", { key: r, path: m(r), isObject: o });
+  setup(e, { emit: o }) {
+    const i = o, u = () => "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 = F({}), r = (s) => {
+      t.value[s] = !t.value[s];
+    }, a = (s) => typeof s == "object", f = (s) => `${e.path ? e.path + "." : ""}${s}`, c = (s, d) => {
+      i("click", { key: s, path: f(s), isObject: d });
     };
-    return (r, o) => {
-      const p = Ds, w = Bs;
-      return a(), f("ul", null, [
-        (a(!0), f(j, null, P(e.items, (b, v) => (a(), f("li", {
+    return (s, d) => {
+      const y = Bs, $ = Cs;
+      return n(), m("ul", null, [
+        (n(!0), m(L, null, R(e.items, (p, v) => (n(), m("li", {
           key: v,
-          class: z(i(b) ? "" : `flex items-center ${u()}`)
+          class: z(a(p) ? "" : `flex items-center ${u()}`)
         }, [
           l("div", {
-            class: z(["flex items-center cursor-pointer ps-2 h-8", i(b) ? `${u()}` : ""]),
-            onClick: (y) => c(v)
+            class: z(["flex items-center cursor-pointer ps-2 h-8", a(p) ? `${u()}` : ""]),
+            onClick: (b) => r(v)
           }, [
-            i(b) ? (a(), f("div", Is, [
-              g(p, { class: "size-5" })
-            ])) : B("", !0),
-            l("div", null, $(v), 1),
-            !e.onlyValue && i(b) ? (a(), f(j, { key: 1 }, [
-              o[1] || (o[1] = l("div", { class: "flex-auto" }, null, -1)),
-              l("div", Ms, [
+            a(p) ? (n(), m("div", As, [
+              g(y, { class: "size-5" })
+            ])) : V("", !0),
+            l("div", null, _(v), 1),
+            !e.onlyValue && a(p) ? (n(), m(L, { key: 1 }, [
+              d[1] || (d[1] = l("div", { class: "flex-auto" }, null, -1)),
+              l("div", Ts, [
                 l("button", {
                   class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
-                  onClick: E((y) => d(v, i(b)), ["stop"])
+                  onClick: O((b) => c(v, a(p)), ["stop"])
                 }, [
-                  g(w, { class: "size-5" })
-                ], 8, Ls)
+                  g($, { class: "size-5" })
+                ], 8, Ds)
               ])
-            ], 64)) : B("", !0)
-          ], 10, Ts),
-          i(b) ? (a(), f("div", js, [
+            ], 64)) : V("", !0)
+          ], 10, Ss),
+          a(p) ? (n(), m("div", Is, [
             oe(g(Ve, {
               class: "flex-auto",
-              path: m(v),
-              items: b,
+              path: f(v),
+              items: p,
               onlyValue: e.onlyValue,
-              onClick: o[0] || (o[0] = (y) => n("click", y))
+              onClick: d[0] || (d[0] = (b) => i("click", b))
             }, null, 8, ["path", "items", "onlyValue"]), [
-              [Me, t.value[v]]
+              [je, t.value[v]]
             ])
-          ])) : (a(), f(j, { key: 1 }, [
-            o[2] || (o[2] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", Ns, $(b), 1),
+          ])) : (n(), m(L, { key: 1 }, [
+            d[2] || (d[2] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", Ms, _(p), 1),
             l("button", {
               class: "px-2 cursor-pointer z-10",
-              onClick: E((y) => d(v, i(b)), ["stop"])
+              onClick: O((b) => c(v, a(p)), ["stop"])
             }, [
-              g(w, { class: "size-5" })
-            ], 8, Os)
+              g($, { class: "size-5" })
+            ], 8, js)
           ], 64))
         ], 2))), 128))
       ]);
     };
   }
-}), Es = { class: "" }, Hs = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Ps = ["onClick"], Fs = { class: "relative my-4" }, Us = { key: 0 }, Rs = /* @__PURE__ */ V({
+}), Ls = { class: "" }, Os = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Es = ["onClick"], Ns = { class: "relative my-4" }, Ps = { key: 0 }, Hs = /* @__PURE__ */ B({
   __name: "VTabs",
   props: {
     value: {},
     items: {}
   },
   emits: ["click"],
-  setup(e, { expose: s, emit: n }) {
-    const u = n, t = H(e.value || 0), c = (m) => [t.value === m ? "" : "before:hidden"], i = (m) => {
-      t.value = m, u("click", m);
+  setup(e, { expose: o, emit: i }) {
+    const u = i, t = F(e.value || 0), r = (f) => [t.value === f ? "" : "before:hidden"], a = (f) => {
+      t.value = f, u("click", f);
     };
-    return s({
-      setActiveTab: i,
+    return o({
+      setActiveTab: a,
       activeTab: t
-    }), (m, d) => (a(), f("div", Es, [
-      l("div", Hs, [
-        (a(!0), f(j, null, P(e.items, (r, o) => (a(), f("div", {
-          key: o,
+    }), (f, c) => (n(), m("div", Ls, [
+      l("div", Os, [
+        (n(!0), m(L, null, R(e.items, (s, d) => (n(), m("div", {
+          key: d,
           class: "relative"
         }, [
           l("button", {
-            class: z(["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 px-4 py-2", c(o)]),
-            onClick: (p) => i(o)
-          }, $(r.title), 11, Ps)
+            class: z(["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 px-4 py-2", r(d)]),
+            onClick: (y) => a(d)
+          }, _(s.title), 11, Es)
         ]))), 128))
       ]),
-      l("div", Fs, [
-        (a(!0), f(j, null, P(e.items, (r, o) => (a(), f("div", {
-          key: o,
+      l("div", Ns, [
+        (n(!0), m(L, null, R(e.items, (s, d) => (n(), m("div", {
+          key: d,
           class: "tab-panel"
         }, [
           g(Z, {
@@ -1846,9 +1872,9 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: h(() => [
-              t.value === o ? (a(), f("div", Us, [
-                k(m.$slots, `tab-${o}`)
-              ])) : B("", !0)
+              t.value === d ? (n(), m("div", Ps, [
+                x(f.$slots, `tab-${d}`)
+              ])) : V("", !0)
             ]),
             _: 2
           }, 1024)
@@ -1856,7 +1882,7 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
       ])
     ]));
   }
-}), Ws = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, qs = ["title", "onMouseenter", "onMouseleave"], Gs = { class: "flex flex-auto" }, Ks = ["disabled"], se = /* @__PURE__ */ V({
+}), Fs = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, Rs = ["title", "onMouseenter", "onMouseleave"], Us = { class: "flex flex-auto" }, Ws = ["disabled"], se = /* @__PURE__ */ B({
   __name: "VFunc",
   props: {
     label: {},
@@ -1866,90 +1892,90 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["change", "icon", "hover"],
-  setup(e, { emit: s }) {
-    const { textarea: n, input: u } = Oe(), t = s, c = ["v", "a", "b", "c"];
+  setup(e, { emit: o }) {
+    const { textarea: i, input: u } = Ne(), t = o, r = ["v", "a", "b", "c"];
     u.value = e.value || "";
-    const i = (r) => {
+    const a = (s) => {
       try {
-        return new Function(r), !0;
-      } catch (o) {
-        return console.warn(o), !1;
+        return new Function(s), !0;
+      } catch (d) {
+        return console.warn(d), !1;
       }
-    }, m = ne((r) => {
-      const o = r.target;
-      i(o.value) && t("change", o.value);
-    }, 500), d = (r) => t("icon", r);
+    }, f = ne((s) => {
+      const d = s.target;
+      a(d.value) && t("change", d.value);
+    }, 500), c = (s) => t("icon", s);
     return ae(
       () => e.value,
       () => {
         e.value && (u.value = e.value);
       }
-    ), (r, o) => {
-      const p = K, w = ue;
-      return a(), T(ze, {
+    ), (s, d) => {
+      const y = G, $ = ue;
+      return n(), D(ze, {
         active: !!e.value,
         disabled: e.disabled,
         label: e.label,
         hideIcon: e.hideIcon,
-        onIcon: d
+        onIcon: c
       }, {
         icon: h(() => [
-          e.value ? (a(), T(p, {
+          e.value ? (n(), D(y, {
             key: 0,
             class: "size-4"
-          })) : (a(), T(w, {
+          })) : (n(), D($, {
             key: 1,
             class: "size-4"
           }))
         ]),
         default: h(() => [
-          e.value ? (a(), f(j, { key: 0 }, [
-            l("div", Ws, [
-              o[3] || (o[3] = L(" ( ", -1)),
-              (a(!0), f(j, null, P(e.args, (b, v) => (a(), f(j, { key: b }, [
+          e.value ? (n(), m(L, { key: 0 }, [
+            l("div", Fs, [
+              d[3] || (d[3] = j(" ( ", -1)),
+              (n(!0), m(L, null, R(e.args, (p, v) => (n(), m(L, { key: p }, [
                 l("span", {
                   class: "text-blue-400/80",
-                  title: b,
-                  onMouseenter: (y) => t("hover", "enter", v),
-                  onMouseleave: (y) => t("hover", "leave", v)
-                }, $(c[v]), 41, qs),
-                o[2] || (o[2] = l("span", { class: "last:hidden" }, ",", -1))
+                  title: p,
+                  onMouseenter: (b) => t("hover", "enter", v),
+                  onMouseleave: (b) => t("hover", "leave", v)
+                }, _(r[v]), 41, Rs),
+                d[2] || (d[2] = l("span", { class: "last:hidden" }, ",", -1))
               ], 64))), 128)),
-              o[4] || (o[4] = L(" ) => ", -1))
+              d[4] || (d[4] = j(" ) => ", -1))
             ]),
-            l("div", Gs, [
+            l("div", Us, [
               oe(l("textarea", {
                 ref_key: "textarea",
-                ref: n,
-                "onUpdate:modelValue": o[0] || (o[0] = (b) => Le(u) ? u.value = b : null),
+                ref: i,
+                "onUpdate:modelValue": d[0] || (d[0] = (p) => Le(u) ? u.value = p : null),
                 class: "outline-0 w-full resize-none",
                 type: "text",
                 disabled: e.disabled,
-                onInput: o[1] || (o[1] = //@ts-ignore
-                (...b) => A(m) && A(m)(...b))
-              }, null, 40, Ks), [
-                [je, A(u)]
+                onInput: d[1] || (d[1] = //@ts-ignore
+                (...p) => A(f) && A(f)(...p))
+              }, null, 40, Ws), [
+                [Oe, A(u)]
               ])
             ])
-          ], 64)) : B("", !0)
+          ], 64)) : V("", !0)
         ]),
         _: 1
       }, 8, ["active", "disabled", "label", "hideIcon"]);
     };
   }
-}), Js = ["checked", "disabled"], Qs = { class: "text-sm ms-2 peer-disabled:opacity-40" }, Xs = /* @__PURE__ */ V({
+}), qs = ["checked", "disabled"], Ks = { class: "text-sm ms-2 peer-disabled:opacity-40" }, Gs = /* @__PURE__ */ B({
   __name: "VCheckbox",
   props: {
     modelValue: { type: [Number, Boolean], default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click"],
-  setup(e, { emit: s }) {
-    const n = s, u = (c) => {
-      const i = c.target;
-      n("update:modelValue", i.checked);
-    }, t = (c) => n("click", c);
-    return (c, i) => (a(), f("label", {
+  setup(e, { emit: o }) {
+    const i = o, u = (r) => {
+      const a = r.target;
+      i("update:modelValue", a.checked);
+    }, t = (r) => i("click", r);
+    return (r, a) => (n(), m("label", {
       class: z(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
       onClick: t
     }, [
@@ -1959,8 +1985,8 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
         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: u
-      }, null, 40, Js),
-      i[0] || (i[0] = l("button", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
+      }, null, 40, qs),
+      a[0] || (a[0] = l("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" }, [
         l("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
@@ -1975,18 +2001,18 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
           })
         ])
       ], -1)),
-      l("span", Qs, [
-        k(c.$slots, "default")
+      l("span", Ks, [
+        x(r.$slots, "default")
       ])
     ], 2));
   }
-}), Ys = { class: "flex flex-col" }, Zs = { class: "flex gap-4 mb-6" }, eo = {
+}), Js = { class: "flex flex-col" }, Qs = { class: "flex gap-4 mb-6" }, Xs = {
   key: 0,
   class: "flex gap-4"
-}, to = {
+}, Ys = {
   key: 1,
   class: ""
-}, lo = { class: "flex flex-col md:flex-row gap-4" }, so = { class: "flex gap-4" }, oo = { class: "flex justify-between flex-auto" }, ao = ["onClick"], no = /* @__PURE__ */ V({
+}, Zs = { class: "flex flex-col md:flex-row gap-4" }, eo = { class: "flex gap-4" }, to = { class: "flex justify-between flex-auto" }, lo = ["onClick"], so = /* @__PURE__ */ B({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -1998,102 +2024,102 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
     type: {}
   },
   emits: ["update"],
-  setup(e, { emit: s }) {
-    const n = s, u = D(() => e.list.map((v, y) => ({ ...v, id: ++y }))), t = H({ name: "", value: "" }), c = D(() => e.list.length + 1), i = D(() => {
+  setup(e, { emit: o }) {
+    const i = o, u = T(() => e.list.map((v, b) => ({ ...v, id: ++b }))), t = F({ name: "", value: "" }), r = T(() => e.list.length + 1), a = T(() => {
       var v;
       return !((v = t.value) != null && v.id);
-    }), m = (v) => e.type === v, d = (v, y) => n("update", v, y), r = (v) => v.map(({ name: y, value: C }) => ({ name: y, value: C })), o = ({ id: v, name: y, value: C }) => t.value = { id: v, name: y, value: C }, p = () => {
-      const v = c.value;
-      t.value = { name: `New_${v}`, value: v, id: v }, d("items", r([t.value, ...u.value]));
-    }, w = (v) => {
-      t.value.name === v.name && (t.value = { name: "", value: "" }), d("items", r(u.value.filter((y) => y.value !== v.value)));
-    }, b = ne(() => {
+    }), f = (v) => e.type === v, c = (v, b) => i("update", v, b), s = (v) => v.map(({ name: b, value: w }) => ({ name: b, value: w })), d = ({ id: v, name: b, value: w }) => t.value = { id: v, name: b, value: w }, y = () => {
+      const v = r.value;
+      t.value = { name: `New_${v}`, value: v, id: v }, c("items", s([t.value, ...u.value]));
+    }, $ = (v) => {
+      t.value.name === v.name && (t.value = { name: "", value: "" }), c("items", s(u.value.filter((b) => b.value !== v.value)));
+    }, p = ne(() => {
       const v = t.value;
       if (!v.name || !v.value) return;
-      const y = u.value.map((C) => C.id === v.id ? v : C);
-      d("items", r(y));
+      const b = u.value.map((w) => w.id === v.id ? v : w);
+      c("items", s(b));
     }, 300);
-    return (v, y) => {
-      const C = K, S = ue;
-      return a(), f("div", Ys, [
-        l("div", Zs, [
-          g(Xs, {
+    return (v, b) => {
+      const w = G, S = ue;
+      return n(), m("div", Js, [
+        l("div", Qs, [
+          g(Gs, {
             modelValue: e.disabled,
-            "onUpdate:modelValue": y[0] || (y[0] = (M) => d("disabled", M ? 1 : 0))
+            "onUpdate:modelValue": b[0] || (b[0] = (M) => c("disabled", M ? 1 : 0))
           }, {
-            default: h(() => [...y[6] || (y[6] = [
-              L("Disabled", -1)
+            default: h(() => [...b[6] || (b[6] = [
+              j("Disabled", -1)
             ])]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        m("dimmer") ? (a(), f("div", eo, [
-          g(R, {
+        f("dimmer") ? (n(), m("div", Xs, [
+          g(q, {
             modelValue: e.min,
             label: "Min",
-            "onUpdate:modelValue": y[1] || (y[1] = (M) => d("min", +M))
+            "onUpdate:modelValue": b[1] || (b[1] = (M) => c("min", +M))
           }, null, 8, ["modelValue"]),
-          g(R, {
+          g(q, {
             modelValue: e.max,
             label: "Max",
-            "onUpdate:modelValue": y[2] || (y[2] = (M) => d("max", +M))
+            "onUpdate:modelValue": b[2] || (b[2] = (M) => c("max", +M))
           }, null, 8, ["modelValue"]),
-          g(R, {
+          g(q, {
             modelValue: e.step,
             label: "Step",
-            "onUpdate:modelValue": y[3] || (y[3] = (M) => d("step", +M))
+            "onUpdate:modelValue": b[3] || (b[3] = (M) => c("step", +M))
           }, null, 8, ["modelValue"])
-        ])) : B("", !0),
-        m("list") ? (a(), f("div", to, [
-          l("div", lo, [
-            g(R, {
+        ])) : V("", !0),
+        f("list") ? (n(), m("div", Ys, [
+          l("div", Zs, [
+            g(q, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
-                y[4] || (y[4] = (M) => t.value.name = M),
-                A(b)
+                b[4] || (b[4] = (M) => t.value.name = M),
+                A(p)
               ],
-              disabled: i.value,
+              disabled: a.value,
               label: "Name"
             }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-            g(R, {
+            g(q, {
               modelValue: t.value.value,
               "onUpdate:modelValue": [
-                y[5] || (y[5] = (M) => t.value.value = M),
-                A(b)
+                b[5] || (b[5] = (M) => t.value.value = M),
+                A(p)
               ],
-              disabled: i.value,
+              disabled: a.value,
               label: "Value"
             }, {
-              default: h(() => [...y[7] || (y[7] = [
-                L(">", -1)
+              default: h(() => [...b[7] || (b[7] = [
+                j(">", -1)
               ])]),
               _: 1
             }, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
           ]),
-          l("div", so, [
+          l("div", eo, [
             g(Y, {
               "model-value": t.value.value,
               label: "List",
               items: u.value,
-              onChange: o
+              onChange: d
             }, {
               item: h(({ item: M }) => [
-                l("div", oo, [
-                  l("span", null, $(M.name), 1),
+                l("div", to, [
+                  l("span", null, _(M.name), 1),
                   l("button", {
                     class: "cursor-pointer size-4",
-                    onClick: E((U) => w(M), ["prevent", "stop"])
+                    onClick: O((W) => $(M), ["prevent", "stop"])
                   }, [
-                    g(C)
-                  ], 8, ao)
+                    g(w)
+                  ], 8, lo)
                 ])
               ]),
               _: 1
             }, 8, ["model-value", "items"]),
-            g(O, {
+            g(H, {
               class: "px-4",
               color: "blue",
-              onClick: p
+              onClick: y
             }, {
               default: h(() => [
                 g(S)
@@ -2101,19 +2127,21 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
               _: 1
             })
           ])
-        ])) : B("", !0)
+        ])) : V("", !0)
       ]);
     };
   }
-}), io = { class: "flex flex-col" }, ro = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, co = { class: "flex-auto order-1" }, uo = { class: "flex-auto gap-x-2 order-1" }, fo = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, mo = { class: "flex gap-2 items-center" }, vo = { class: "flex flex-col gap-4" }, go = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, po = { class: "relative group" }, ho = { class: "select-none" }, bo = ["onClick"], yo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, xo = { class: "flex-[0_0_130px] size-[130px]" }, _o = { class: "flex gap-4 justify-end" }, ko = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, $o = /* @__PURE__ */ V({
+}), oo = { class: "flex flex-col" }, ao = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, no = { class: "flex-auto order-1" }, io = { class: "flex-auto gap-x-2 order-1" }, ro = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, co = { class: "flex gap-2 items-center" }, uo = { class: "flex flex-col gap-4" }, fo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, mo = { class: "relative group" }, vo = { class: "select-none" }, go = ["onClick"], po = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, ho = { class: "flex-[0_0_130px] size-[130px]" }, bo = { class: "flex gap-4 justify-end" }, yo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, xo = /* @__PURE__ */ B({
   __name: "ItemEdit",
   props: {
     item: {},
-    object: {}
+    object: {},
+    listDashboard: {},
+    listIcons: {}
   },
   emits: ["button"],
-  setup(e, { emit: s }) {
-    const n = s, u = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = H({
+  setup(e, { emit: o }) {
+    const i = o, u = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = F({
       id: "",
       name: "",
       type: "button",
@@ -2123,112 +2151,119 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
       set: "",
       get: "",
       getTo: ""
-    }), c = H(!1), i = D(() => {
-      var x;
-      return !((x = e.item) != null && x.id);
-    }), m = D(() => t.value.type === "info"), d = D(() => {
-      var x;
-      return (x = t.value.args) == null ? void 0 : x.length;
-    }), r = D(() => t.value.args.length > 3), o = D(() => {
-      const { id: x, args: _ } = t.value;
-      return !x || !_.length;
-    }), p = ({ value: x }) => t.value.icon = x, w = ({ value: x }) => {
-      const _ = x;
-      t.value.type = _, delete t.value.opts, ["button", "list", "dimmer"].includes(_) && (x === "button" && (t.value.opts = {}), x === "list" && (t.value.opts = { items: [] }), x === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
-    }, b = (x) => {
-      x === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), x === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), x === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
-    }, v = (x) => n("button", x, t.value), y = (x) => t.value.args = t.value.args.filter((_) => _ !== x), C = ({ path: x }) => {
-      t.value.args.length || (t.value.id = x), t.value.args.push(x), c.value = !1;
-    }, S = H(-1), M = (x) => S.value === x, U = (x, _) => {
-      x === "enter" && (S.value = _), x === "leave" && (S.value = -1);
-    }, Q = (x, _) => {
-      x === "set" && (t.value.set = _), x === "get" && (t.value.get = _), x === "getTo" && (t.value.getTo = _), _ || delete t.value[x];
+    }), r = F(!1), a = T(() => {
+      var k;
+      return !((k = e.item) != null && k.id);
+    }), f = T(() => t.value.type === "info"), c = T(() => {
+      var k;
+      return (k = t.value.args) == null ? void 0 : k.length;
+    }), s = T(() => t.value.args.length > 3), d = T(() => {
+      const { id: k, args: C } = t.value;
+      return !k || !C.length;
+    }), y = ({ value: k }) => t.value.icon = k, $ = ({ value: k }) => {
+      const C = k;
+      t.value.type = C, delete t.value.opts, ["button", "list", "dimmer"].includes(C) && (k === "button" && (t.value.opts = {}), k === "list" && (t.value.opts = { items: [] }), k === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
+    }, p = (k) => {
+      k === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), k === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), k === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
+    }, v = (k) => i("button", k, t.value), b = (k) => t.value.args = t.value.args.filter((C) => C !== k), w = ({ path: k }) => {
+      t.value.args.length || (t.value.id = k), t.value.args.push(k), r.value = !1;
+    }, S = F(-1), M = (k) => S.value === k, W = (k, C) => {
+      k === "enter" && (S.value = C), k === "leave" && (S.value = -1);
+    }, Q = (k, C) => {
+      k === "set" && (t.value.set = C), k === "get" && (t.value.get = C), k === "getTo" && (t.value.getTo = C), C || delete t.value[k];
     }, Be = () => {
-      var x;
-      !t.value.args.length && !((x = e.item) != null && x.id) && (c.value = !0);
-    }, Se = (x, _) => {
-      t.value.opts || (t.value.opts = {}), t.value.opts[x] = _, x === "disabled" && !_ && delete t.value.opts[x];
+      var k;
+      !t.value.args.length && !((k = e.item) != null && k.id) && (r.value = !0);
+    }, Se = (k, C) => {
+      t.value.opts || (t.value.opts = {}), t.value.opts[k] = C, k === "disabled" && !C && delete t.value.opts[k];
     };
     return be(() => {
-      var x;
-      (x = e.item) != null && x.id && (t.value = Ue(e.item));
-    }), (x, _) => {
-      const Ae = K;
-      return a(), f("div", io, [
-        l("div", ro, [
-          l("div", co, [
-            g(Rs, {
-              class: "flex-auto",
+      var k;
+      (k = e.item) != null && k.id && (t.value = Ue(e.item));
+    }), (k, C) => {
+      const Ae = G;
+      return n(), m("div", oo, [
+        l("div", ao, [
+          l("div", no, [
+            g(Hs, {
+              class: "flex-auto min-h-75",
               value: 0,
               items: u
             }, {
               "tab-0": h(() => [
-                l("div", uo, [
-                  g(R, {
+                l("div", io, [
+                  g(q, {
                     modelValue: t.value.id,
-                    "onUpdate:modelValue": _[0] || (_[0] = (I) => t.value.id = I),
+                    "onUpdate:modelValue": C[0] || (C[0] = (I) => t.value.id = I),
                     label: "ID",
-                    disabled: !i.value,
+                    disabled: !a.value,
                     onClick: Be
                   }, null, 8, ["modelValue", "disabled"]),
-                  g(R, {
+                  g(q, {
                     modelValue: t.value.name,
-                    "onUpdate:modelValue": _[1] || (_[1] = (I) => t.value.name = I),
+                    "onUpdate:modelValue": C[1] || (C[1] = (I) => t.value.name = I),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  l("div", fo, [
+                  l("div", ro, [
                     g(Y, {
                       "model-value": t.value.icon,
+                      bottom: "0",
+                      top: "unset",
                       label: "Icon",
                       class: "mb-6",
-                      items: A(ys),
-                      onChange: p
+                      items: e.listIcons,
+                      onChange: y
                     }, {
                       item: h(({ item: I }) => [
-                        l("div", mo, [
-                          l("div", null, $(I.name), 1)
+                        l("div", co, [
+                          x(k.$slots, "icon", {
+                            icon: I.value
+                          }),
+                          l("div", null, _(I.name), 1)
                         ])
                       ]),
-                      _: 1
+                      _: 3
                     }, 8, ["model-value", "items"]),
                     g(Y, {
                       "model-value": t.value.type,
+                      bottom: "0",
+                      top: "unset",
                       label: "Type",
-                      items: A(xs),
-                      onChange: w
+                      items: e.listDashboard,
+                      onChange: $
                     }, null, 8, ["model-value", "items"])
                   ])
                 ])
               ]),
               "tab-1": h(() => [
-                l("div", vo, [
+                l("div", uo, [
                   g(ze, {
                     active: !!t.value.args.length,
-                    disabled: r.value,
+                    disabled: s.value,
                     label: "Arguments",
-                    onIcon: _[2] || (_[2] = (I) => c.value = !0)
+                    onIcon: C[2] || (C[2] = (I) => r.value = !0)
                   }, {
                     default: h(() => [
-                      l("div", go, [
-                        (a(!0), f(j, null, P(t.value.args, (I, fe) => (a(), f("div", {
+                      l("div", fo, [
+                        (n(!0), m(L, null, R(t.value.args, (I, fe) => (n(), m("div", {
                           key: I,
                           class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                         }, [
-                          l("div", po, [
-                            l("span", ho, $(I), 1),
+                          l("div", mo, [
+                            l("span", vo, _(I), 1),
                             l("div", {
                               class: z(["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", M(fe) ? "visible opacity-100" : ""])
                             }, [
-                              l("pre", null, $(A(Ee)(I, e.object)), 1)
+                              l("pre", null, _(A(Pe)(I, e.object)), 1)
                             ], 2)
                           ]),
-                          fe ? (a(), f("button", {
+                          fe ? (n(), m("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (Ro) => y(I)
+                            onClick: (Ho) => b(I)
                           }, [
                             g(Ae, { class: "size-5" })
-                          ], 8, bo)) : B("", !0)
+                          ], 8, go)) : V("", !0)
                         ]))), 128))
                       ])
                     ]),
@@ -2237,114 +2272,103 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
                   g(se, {
                     value: t.value.set,
                     args: t.value.args,
-                    disabled: !d.value || m.value,
+                    disabled: !c.value || f.value,
                     label: "Set",
-                    onIcon: _[3] || (_[3] = (I) => b("set")),
-                    onHover: U,
-                    onChange: _[4] || (_[4] = (I) => Q("set", I))
+                    onIcon: C[3] || (C[3] = (I) => p("set")),
+                    onHover: W,
+                    onChange: C[4] || (C[4] = (I) => Q("set", I))
                   }, null, 8, ["value", "args", "disabled"]),
                   g(se, {
                     value: t.value.get,
                     args: t.value.args,
-                    disabled: !d.value,
+                    disabled: !c.value,
                     label: "Get",
-                    onIcon: _[5] || (_[5] = (I) => b("get")),
-                    onHover: U,
-                    onChange: _[6] || (_[6] = (I) => Q("get", I))
+                    onIcon: C[5] || (C[5] = (I) => p("get")),
+                    onHover: W,
+                    onChange: C[6] || (C[6] = (I) => Q("get", I))
                   }, null, 8, ["value", "args", "disabled"]),
                   g(se, {
                     value: t.value.getTo,
                     args: t.value.args,
-                    disabled: !d.value,
+                    disabled: !c.value,
                     label: "GetTo",
-                    onIcon: _[7] || (_[7] = (I) => b("getTo")),
-                    onHover: U,
-                    onChange: _[8] || (_[8] = (I) => Q("getTo", I))
+                    onIcon: C[7] || (C[7] = (I) => p("getTo")),
+                    onHover: W,
+                    onChange: C[8] || (C[8] = (I) => Q("getTo", I))
                   }, null, 8, ["value", "args", "disabled"])
                 ])
               ]),
               "tab-2": h(() => [
-                g(no, N(t.value.opts, {
+                g(so, E(t.value.opts, {
                   value: t.value.value,
                   type: t.value.type,
                   onUpdate: Se
                 }), null, 16, ["value", "type"])
               ]),
-              _: 1
+              _: 3
             })
           ]),
-          l("div", yo, [
-            l("div", xo, [
-              k(x.$slots, "default", { item: t.value })
+          l("div", po, [
+            l("div", ho, [
+              x(k.$slots, "default", { item: t.value })
             ])
           ])
         ]),
-        l("div", _o, [
-          g(O, {
+        l("div", bo, [
+          g(H, {
             class: "px-4",
-            color: "red",
-            outline: "",
-            onClick: _[9] || (_[9] = (I) => v("remove"))
+            color: "blue",
+            disabled: d.value,
+            onClick: C[9] || (C[9] = (I) => v(a.value ? "add" : "save"))
           }, {
-            default: h(() => [..._[13] || (_[13] = [
-              L($("Remove"), -1)
-            ])]),
+            default: h(() => [
+              j(_(a.value ? k.$t("add") : k.$t("save")), 1)
+            ]),
             _: 1
-          }),
-          g(O, {
+          }, 8, ["disabled"]),
+          g(H, {
             class: "px-4",
-            color: "gray",
+            color: "red",
             outline: "",
-            onClick: _[10] || (_[10] = (I) => v("cancel"))
-          }, {
-            default: h(() => [..._[14] || (_[14] = [
-              L($("Cancel"), -1)
-            ])]),
-            _: 1
-          }),
-          g(O, {
-            class: "px-4",
-            color: "blue",
-            disabled: o.value,
-            onClick: _[11] || (_[11] = (I) => v(i.value ? "add" : "save"))
+            onClick: C[10] || (C[10] = (I) => v("remove"))
           }, {
             default: h(() => [
-              L($(i.value ? "Add" : "Save"), 1)
+              j(_(k.$t("remove")), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])
+          })
         ]),
-        c.value ? (a(), T(de, {
+        r.value ? (n(), D(ce, {
           key: 0,
           size: "md",
-          title: "Select",
-          onClose: _[12] || (_[12] = (I) => c.value = !1)
+          title: k.$t("select"),
+          onClose: C[11] || (C[11] = (I) => r.value = !1)
         }, {
           default: h(() => [
-            l("div", ko, [
+            l("div", yo, [
               g(Ve, {
                 items: e.object,
-                onlyValue: !d.value,
-                onClick: C
+                onlyValue: !c.value,
+                onClick: w
               }, null, 8, ["items", "onlyValue"])
             ])
           ]),
           _: 1
-        })) : B("", !0)
+        }, 8, ["title"])) : V("", !0)
       ]);
     };
   }
-}), wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CardBase: J,
   CardButton: Gl,
-  CardDate: Zl,
-  CardDimmer: as,
-  CardInfo: ns,
-  CardInput: rs,
-  CardList: ps,
-  ItemEdit: $o
-}, Symbol.toStringTag, { value: "Module" })), Xo = /* @__PURE__ */ V({
+  CardDate: es,
+  CardDimmer: ns,
+  CardInfo: is,
+  CardInput: ds,
+  CardList: hs,
+  ItemEdit: xo
+}, Symbol.toStringTag, { value: "Module" })), Go = /* @__PURE__ */ B({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2354,32 +2378,32 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
     list: {}
   },
   emits: ["update:modelValue", "select"],
-  setup(e, { emit: s }) {
-    const n = s, u = (c) => n("update:modelValue", c), t = (c, i) => {
-      c.click(new Event("click")), n("select", i);
+  setup(e, { emit: o }) {
+    const i = o, u = (r) => i("update:modelValue", r), t = (r, a) => {
+      r.click(new Event("click")), i("select", a);
     };
-    return (c, i) => (a(), T(te, N(c.$attrs, {
+    return (r, a) => (n(), D(te, E(r.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
-      activator: h(({ on: m }) => [
-        g(R, {
+      activator: h(({ on: f }) => [
+        g(q, {
           "model-value": e.modelValue,
           name: e.name,
           message: e.message,
           label: e.label,
           "onUpdate:modelValue": u,
-          onClick: m.open
+          onClick: f.open
         }, null, 8, ["model-value", "name", "message", "label", "onClick"])
       ]),
-      default: h(({ on: m }) => [
+      default: h(({ on: f }) => [
         g(le, {
           items: e.list,
-          onClick: (d) => t(m, d)
+          onClick: (c) => t(f, c)
         }, {
-          default: h(({ item: d }) => [
-            k(c.$slots, "default", { item: d }, () => [
-              L($(d.name), 1)
+          default: h(({ item: c }) => [
+            x(r.$slots, "default", { item: c }, () => [
+              j(_(c.name), 1)
             ])
           ]),
           _: 3
@@ -2388,116 +2412,116 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
       _: 3
     }, 16));
   }
-}), Co = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, zo = { class: "p-4" }, Yo = /* @__PURE__ */ V({
+}), _o = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, $o = { class: "p-4" }, Jo = /* @__PURE__ */ B({
   __name: "VExpansion",
   props: {
     label: { default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const s = H(null), n = H(e.value), u = () => {
-      if (!s.value) return;
-      const c = s.value.querySelector(".v-expansion__content");
-      c && (c.style.maxHeight = n.value ? `${c.scrollHeight}px` : "0");
+    const o = F(null), i = F(e.value), u = () => {
+      if (!o.value) return;
+      const r = o.value.querySelector(".v-expansion__content");
+      r && (r.style.maxHeight = i.value ? `${r.scrollHeight}px` : "0");
     }, t = () => {
-      n.value = !n.value, u();
+      i.value = !i.value, u();
     };
     return be(() => {
       u();
-    }), (c, i) => {
-      const m = ce;
-      return a(), f("div", {
+    }), (r, a) => {
+      const f = de;
+      return n(), m("div", {
         ref_key: "root",
-        ref: s,
+        ref: o,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
         l("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
           onClick: t
         }, [
-          l("h4", null, $(e.label), 1),
+          l("h4", null, _(e.label), 1),
           l("div", {
-            class: z(["transition text-gray-400", { "rotate-180": n.value }])
+            class: z(["transition text-gray-400", { "rotate-180": i.value }])
           }, [
-            g(m)
+            g(f)
           ], 2)
         ]),
-        l("div", Co, [
-          l("div", zo, [
-            k(c.$slots, "default")
+        l("div", _o, [
+          l("div", $o, [
+            x(r.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}), Vo = { class: "flex items-center cursor-pointer" }, Zo = /* @__PURE__ */ V({
+}), wo = { class: "flex items-center cursor-pointer" }, Qo = /* @__PURE__ */ B({
   __name: "VFile",
   emits: ["change"],
-  setup(e, { emit: s }) {
-    const n = s, u = async (t) => {
-      const c = t.target;
-      c.files && n("change", c.files);
+  setup(e, { emit: o }) {
+    const i = o, u = async (t) => {
+      const r = t.target;
+      r.files && i("change", r.files);
     };
-    return (t, c) => (a(), f("label", Vo, [
-      l("input", N({
+    return (t, r) => (n(), m("label", wo, [
+      l("input", E({
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: u }), null, 16),
-      k(t.$slots, "default")
+      x(t.$slots, "default")
     ]));
   }
-}), Bo = { class: "relative flex items-end gap-0.5 w-10" }, So = ["title"], Ao = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Do = /* @__PURE__ */ V({
+}), Co = { class: "relative flex items-end gap-0.5 w-10" }, zo = ["title"], Vo = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Bo = /* @__PURE__ */ B({
   __name: "VWifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
   setup(e) {
-    const s = 2 * (e.rssi + 100), n = (u) => u < s;
-    return (u, t) => (a(), f("div", Bo, [
-      (a(), f(j, null, P([10, 15, 25, 40, 70], (c, i) => l("div", {
-        key: c,
-        class: z(["w-1 h-5 rounded-lg", [n(c) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: G(`height: ${(i + 1) * 5}px`),
+    const o = 2 * (e.rssi + 100), i = (u) => u < o;
+    return (u, t) => (n(), m("div", Co, [
+      (n(), m(L, null, R([10, 15, 25, 40, 70], (r, a) => l("div", {
+        key: r,
+        class: z(["w-1 h-5 rounded-lg", [i(r) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: K(`height: ${(a + 1) * 5}px`),
         title: `rssi: ${e.rssi} channel: ${e.channel}`
-      }, null, 14, So)), 64)),
-      l("div", Ao, $(e.channel), 1)
+      }, null, 14, zo)), 64)),
+      l("div", Vo, _(e.channel), 1)
     ]));
   }
-}), To = ["onDragstart", "onDragenter"], Io = {
+}), So = ["onDragstart", "onDragenter"], Ao = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded-lg"
-}, ea = /* @__PURE__ */ V({
+}, Xo = /* @__PURE__ */ B({
   __name: "VDragDrop",
   props: {
     items: {},
     itemKey: { default: "id" }
   },
   emits: ["update:items", "order-change"],
-  setup(e, { emit: s }) {
-    const n = s, u = H(null), t = H(0), c = H(-1), i = ({ id: p }) => ({
-      "opacity-30 scale-105 z-10": u.value === p,
-      "transition-transform duration-200": u.value !== p
-    }), m = (p, w, b) => {
-      u.value = w, t.value = b, p.dataTransfer.effectAllowed = "move";
-    }, d = (p) => {
-      u.value !== null && (c.value = p);
-    }, r = () => {
-      u.value = null, c.value = -1;
-    }, o = (p) => {
-      if (p.preventDefault(), u.value && c.value !== -1) {
-        const w = e.items.findIndex((v) => v[e.itemKey] === u.value), b = c.value;
-        if (w !== b && b !== -1) {
-          const v = [...e.items], [y] = v.splice(w, 1);
-          v.splice(b, 0, y), n("update:items", v), n("order-change", { fromIndex: w, toIndex: b, movedItem: y, newOrder: v });
+  setup(e, { emit: o }) {
+    const i = o, u = F(null), t = F(0), r = F(-1), a = ({ id: y }) => ({
+      "opacity-30 scale-105 z-10": u.value === y,
+      "transition-transform duration-200": u.value !== y
+    }), f = (y, $, p) => {
+      u.value = $, t.value = p, y.dataTransfer.effectAllowed = "move";
+    }, c = (y) => {
+      u.value !== null && (r.value = y);
+    }, s = () => {
+      u.value = null, r.value = -1;
+    }, d = (y) => {
+      if (y.preventDefault(), u.value && r.value !== -1) {
+        const $ = e.items.findIndex((v) => v[e.itemKey] === u.value), p = r.value;
+        if ($ !== p && p !== -1) {
+          const v = [...e.items], [b] = v.splice($, 1);
+          v.splice(p, 0, b), i("update:items", v), i("order-change", { fromIndex: $, toIndex: p, movedItem: b, newOrder: v });
         }
       }
-      c.value = -1;
+      r.value = -1;
     };
-    return (p, w) => (a(), f("div", {
-      onDragover: w[1] || (w[1] = E(() => {
+    return (y, $) => (n(), m("div", {
+      onDragover: $[1] || ($[1] = O(() => {
       }, ["prevent"])),
-      onDrop: o
+      onDrop: d
     }, [
       g(he, {
         "enter-active-class": "transition-all duration-300 ease",
@@ -2509,75 +2533,75 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
         "move-class": "transition-all duration-300 ease"
       }, {
         default: h(() => [
-          (a(!0), f(j, null, P(e.items, (b, v) => (a(), f("div", {
-            key: `${b.id}_drug`,
-            class: z(["relative group", i(b)]),
+          (n(!0), m(L, null, R(e.items, (p, v) => (n(), m("div", {
+            key: `${p.id}_drug`,
+            class: z(["relative group", a(p)]),
             draggable: "true",
-            onDragstart: (y) => m(y, b.id, v),
-            onDragenter: (y) => d(v),
-            onDragend: r,
-            onDragover: w[0] || (w[0] = E(() => {
+            onDragstart: (b) => f(b, p.id, v),
+            onDragenter: (b) => c(v),
+            onDragend: s,
+            onDragover: $[0] || ($[0] = O(() => {
             }, ["prevent"]))
           }, [
-            k(p.$slots, "default", {
-              item: b,
-              key: b.id,
+            x(y.$slots, "default", {
+              item: p,
+              key: p.id,
               index: v,
-              isDragging: u.value === b.id
+              isDragging: u.value === p.id
             }),
-            c.value === v && u.value !== b.id ? (a(), f("div", Io)) : B("", !0)
-          ], 42, To))), 128))
+            r.value === v && u.value !== p.id ? (n(), m("div", Ao)) : V("", !0)
+          ], 42, So))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), Mo = { class: "min-w-full" }, Lo = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, jo = { class: "bg-gray-50 dark:bg-gray-800" }, No = { class: "flex items-center" }, Oo = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, Eo = ["onClick"], Ho = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Po = { key: 1 }, Fo = {
+}), To = { class: "min-w-full" }, Do = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, Io = { class: "bg-gray-50 dark:bg-gray-800" }, Mo = { class: "flex items-center" }, jo = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, Lo = ["onClick"], Oo = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Eo = { key: 1 }, No = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, Uo = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ta = /* @__PURE__ */ V({
+}, Po = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Yo = /* @__PURE__ */ B({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: s }) {
-    const n = s, u = (i, m) => n("click", { item: i, event: m }), t = (i) => (i == null ? void 0 : i.className) || "", c = (i, { key: m }) => i == null ? void 0 : i[m];
-    return (i, m) => (a(), f("table", Mo, [
-      l("thead", Lo, [
-        l("tr", jo, [
-          (a(!0), f(j, null, P(e.headers, (d, r) => (a(), f("th", {
-            key: r,
-            class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(d)])
+  setup(e, { emit: o }) {
+    const i = o, u = (a, f) => i("click", { item: a, event: f }), t = (a) => (a == null ? void 0 : a.className) || "", r = (a, { key: f }) => a == null ? void 0 : a[f];
+    return (a, f) => (n(), m("table", To, [
+      l("thead", Do, [
+        l("tr", Io, [
+          (n(!0), m(L, null, R(e.headers, (c, s) => (n(), m("th", {
+            key: s,
+            class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(c)])
           }, [
-            k(i.$slots, "header", { item: d }, () => [
-              l("div", No, $(d.name), 1)
+            x(a.$slots, "header", { item: c }, () => [
+              l("div", Mo, _(c.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      l("tbody", Oo, [
-        e.items.length ? (a(!0), f(j, { key: 0 }, P(e.items, (d, r) => (a(), f("tr", {
-          key: r,
+      l("tbody", jo, [
+        e.items.length ? (n(!0), m(L, { key: 0 }, R(e.items, (c, s) => (n(), m("tr", {
+          key: s,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (o) => u(d, o)
+          onClick: (d) => u(c, d)
         }, [
-          (a(!0), f(j, null, P(e.headers, (o, p) => (a(), f("td", {
-            key: p,
+          (n(!0), m(L, null, R(e.headers, (d, y) => (n(), m("td", {
+            key: y,
             class: "py-2 whitespace-nowrap px-4"
           }, [
-            l("div", Ho, [
-              k(i.$slots, o.key, { item: d }, () => [
-                L($(c(d, o)), 1)
+            l("div", Oo, [
+              x(a.$slots, d.key, { item: c }, () => [
+                j(_(r(c, d)), 1)
               ])
             ])
           ]))), 128))
-        ], 8, Eo))), 128)) : (a(), f("tr", Po, [
-          l("td", Fo, [
-            l("div", Uo, [
-              k(i.$slots, "empty", {}, () => [
-                m[0] || (m[0] = L("The list is empty", -1))
+        ], 8, Lo))), 128)) : (n(), m("tr", Eo, [
+          l("td", No, [
+            l("div", Po, [
+              x(a.$slots, "empty", {}, () => [
+                f[0] || (f[0] = j("The list is empty", -1))
               ])
             ])
           ])
@@ -2585,56 +2609,57 @@ const Ds = F({ name: "ri-folder6-line", render: As }), Ts = ["onClick"], Is = {
       ])
     ]));
   }
-}), ve = { ...dl, ...wo, VButton: O, VLoader: Ce, VDropdown: te, VList: le, VTextField: R, VSelect: Y, VWifiIcon: Do, CardMain: Al, VIconLogoMini: ke, VIconLogo: ie, VDialog: de, VPopup: re }, la = {
+}), ve = { ...ul, ...ko, VButton: H, VLoader: Ce, VDropdown: te, VList: le, VTextField: q, VSelect: Y, VWifiIcon: Bo, CardMain: Tl, VIconLogoMini: _e, VIconLogo: ie, VDialog: ce, VPopup: re }, Zo = {
   install: (e) => {
-    Object.keys(ve).forEach((s) => {
-      e.component(s, ve[s]);
-    }), We.forEach(({ name: s, directive: n }) => e.directive(s, n));
+    Object.keys(ve).forEach((o) => {
+      e.component(o, ve[o]);
+    }), qe.forEach(({ name: o, directive: i }) => e.directive(o, i));
   }
 };
 export {
-  Ze as AppAside,
-  It as AppHeader,
-  ll as AppNav,
+  et as AppAside,
+  Mt as AppHeader,
+  sl as AppNav,
   Ht as AppNotification,
-  Wt as AppOverlay,
+  qt as AppOverlay,
   cl as AppProgress,
-  Qo as BlockBreadcrumb,
-  Jo as BlockInfo,
+  Ko as BlockBreadcrumb,
+  qo as BlockInfo,
   J as CardBase,
   Gl as CardButton,
-  Zl as CardDate,
-  as as CardDimmer,
-  ns as CardInfo,
-  rs as CardInput,
-  ps as CardList,
-  Al as CardMain,
-  Nt as CardNotification,
-  $o as ItemEdit,
-  Xo as VAutocomplete,
-  O as VButton,
-  Xs as VCheckbox,
-  de as VDialog,
-  ea as VDragDrop,
+  es as CardDate,
+  ns as CardDimmer,
+  is as CardInfo,
+  ds as CardInput,
+  hs as CardList,
+  Tl as CardMain,
+  Et as CardNotification,
+  xo as ItemEdit,
+  Go as VAutocomplete,
+  H as VButton,
+  Gs as VCheckbox,
+  ce as VDialog,
+  Xo as VDragDrop,
   te as VDropdown,
-  Yo as VExpansion,
-  Zo as VFile,
+  Jo as VExpansion,
+  Qo as VFile,
   se as VFunc,
   ie as VIconLogo,
-  ke as VIconLogoMini,
+  _e as VIconLogoMini,
   le as VList,
   Ve as VListObject,
   Ce as VLoader,
   re as VPopup,
   Y as VSelect,
-  ta as VTable,
-  R as VTextField,
+  Yo as VTable,
+  q as VTextField,
   ze as VTextWrapper,
-  Do as VWifiIcon,
-  la as default,
-  Ee as getDataValue,
-  aa as getFunction,
-  na as getParamsData,
-  ia as getStateItem,
-  ra as setStateItem
+  Bo as VWifiIcon,
+  la as dashboardCards,
+  Zo as default,
+  Pe as getDataValue,
+  sa as getFunction,
+  oa as getParamsData,
+  aa as getStateItem,
+  na as setStateItem
 };