vuesp-components 2.1.7 → 2.1.8

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { getDataValue as dt } from "./dashboard/index.es.js";
 import { dashboardCards as ei, getFunction as ti, getParamsData as li, getStateItem as ni, setStateItem as si } from "./dashboard/index.es.js";
-import { openBlock as f, createElementBlock as p, createStaticVNode as ut, createElementVNode as o, defineComponent as V, resolveComponent as He, Fragment as O, createCommentVNode as T, normalizeClass as B, createVNode as b, withCtx as y, createBlock as M, renderSlot as _, markRaw as F, computed as L, resolveDynamicComponent as de, mergeProps as P, shallowRef as Me, Teleport as Ne, Transition as ie, unref as E, withModifiers as N, normalizeStyle as Z, ref as D, resolveDirective as ft, withDirectives as Ce, renderList as U, createTextVNode as I, toDisplayString as k, TransitionGroup as Pe, watch as ue, normalizeProps as R, guardReactiveProps as W, withKeys as mt, createPropsRestProxy as vt, onMounted as fe, onUnmounted as Fe, reactive as pt, useTemplateRef as Ue, vShow as ht, vModelText as gt, createSlots as bt } from "vue";
-import { u as Re, a as yt, b as We, c as Ke, d as ze, e as xt, o as _t } from "./useSwipeDown-BctVX4c1.js";
-import { dateUtcToString as kt, timeUtcToString as $t, findMenuItem as wt, toByte as pe, secToTime as Ct, clone as zt } from "./helpers/index.es.js";
+import { openBlock as f, createElementBlock as p, createStaticVNode as ut, createElementVNode as o, defineComponent as V, resolveComponent as He, Fragment as O, createCommentVNode as E, normalizeClass as B, createVNode as b, withCtx as y, createBlock as M, renderSlot as $, markRaw as F, computed as L, resolveDynamicComponent as de, mergeProps as P, shallowRef as Me, Teleport as Ne, Transition as ae, unref as T, withModifiers as N, normalizeStyle as Z, ref as D, resolveDirective as ft, withDirectives as Ce, renderList as U, createTextVNode as I, toDisplayString as k, TransitionGroup as Pe, watch as ue, normalizeProps as R, guardReactiveProps as W, withKeys as mt, createPropsRestProxy as vt, onMounted as fe, onUnmounted as Fe, reactive as pt, useTemplateRef as Ue, vShow as ht, vModelText as gt, createSlots as bt } from "vue";
+import { u as Re, a as yt, b as We, c as Ke, d as ze, e as xt, o as $t } from "./useSwipeDown-BctVX4c1.js";
+import { f as kt, t as _t, g as wt, u as pe, s as Ct, d as zt } from "./app-CG8zhRFf.js";
 const St = {
   mounted(e, l) {
     e.clickOutsideEvent = function(n) {
@@ -17,16 +17,16 @@ const St = {
   for (const [s, t] of l)
     n[s] = t;
   return n;
-}, Bt = {}, Tt = {
+}, Bt = {}, Et = {
   viewBox: "0 0 179 40",
   fill: "currentColor"
 };
-function Et(e, l) {
-  return f(), p("svg", Tt, [...l[0] || (l[0] = [
+function Tt(e, l) {
+  return f(), p("svg", Et, [...l[0] || (l[0] = [
     ut('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
   ])]);
 }
-const Se = /* @__PURE__ */ ge(Bt, [["render", Et]]), Lt = {}, Mt = {
+const Se = /* @__PURE__ */ ge(Bt, [["render", Tt]]), Lt = {}, Mt = {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40",
@@ -56,7 +56,7 @@ const qe = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = { class: "no-scrollbar
           key: 0,
           class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
           onClick: s
-        })) : T("", !0),
+        })) : E("", !0),
         o("aside", {
           class: B([e.isSidebar ? "translate-x-0 lg:w-[90px]" : "-translate-x-full", "overflow-x-hidden fixed top-0 left-0 z-10 flex lg:static h-full w-[290px] flex-col overflow-y-auto border-r border-gray-200 px-5 transition-all duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
         }, [
@@ -77,7 +77,7 @@ const qe = /* @__PURE__ */ ge(Lt, [["render", At]]), Dt = { class: "no-scrollbar
             })
           ], 2),
           o("div", Dt, [
-            _(t.$slots, "default")
+            $(t.$slots, "default")
           ])
         ], 2)
       ], 64);
@@ -202,10 +202,10 @@ const Ve = /* @__PURE__ */ ge(Qt, [["render", el]]), tl = "relative flex justify
     }, m = {
       button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
       icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
-    }, v = L(() => [tl, $(e.color), x(e.type), h(e.type, e.size)]), g = L(() => e.href || e.to ? "router-link" : "button"), h = (C, z) => {
+    }, v = L(() => [tl, _(e.color), x(e.type), h(e.type, e.size)]), g = L(() => e.href || e.to ? "router-link" : "button"), h = (C, z) => {
       var j;
       return ((j = m[C]) == null ? void 0 : j[z]) || "";
-    }, x = (C) => (c == null ? void 0 : c[C]) || "", $ = (C) => i == null ? void 0 : i[C];
+    }, x = (C) => (c == null ? void 0 : c[C]) || "", _ = (C) => i == null ? void 0 : i[C];
     return (C, z) => (f(), M(de(g.value), P(C.$attrs, {
       href: e.href,
       to: e.to,
@@ -216,12 +216,12 @@ const Ve = /* @__PURE__ */ ge(Qt, [["render", el]]), tl = "relative flex justify
         o("span", {
           class: B(e.loading ? "opacity-0" : "")
         }, [
-          _(C.$slots, "default")
+          $(C.$slots, "default")
         ], 2),
         e.loading ? (f(), M(Ve, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
-        })) : T("", !0)
+        })) : E("", !0)
       ]),
       _: 3
     }, 16, ["href", "to", "class"]));
@@ -247,10 +247,10 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
   },
   emits: ["close", "click", "open"],
   setup(e, { emit: l }) {
-    const n = l, { show: s, overlay: t, onClose: a, onOpen: r } = Re(n), d = Me(null), u = Me(null), { opacity: i, transform: c } = yt(d, u, a), g = { click: ($) => {
-      n("click", $);
-    }, open: r, set: ($) => {
-      $ ? r() : a(new Event("hide"));
+    const n = l, { show: s, overlay: t, onClose: a, onOpen: r } = Re(n), d = Me(null), u = Me(null), { opacity: i, transform: c } = yt(d, u, a), g = { click: (_) => {
+      n("click", _);
+    }, open: r, set: (_) => {
+      _ ? r() : a(new Event("hide"));
     } }, h = L(() => ({
       auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
@@ -260,10 +260,10 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
       screen: "h-[calc(100dvh-16px)]"
     }));
-    return ($, C) => {
+    return (_, C) => {
       const z = le, j = A;
       return f(), M(Ne, { to: "body" }, [
-        b(ie, {
+        b(ae, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -272,26 +272,26 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: y(() => [
-            E(s) ? (f(), p("div", {
+            T(s) ? (f(), p("div", {
               key: 0,
               ref_key: "container",
               ref: u,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              E(t) ? (f(), p("div", {
+              T(t) ? (f(), p("div", {
                 key: 0,
                 class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
-                style: Z({ opacity: E(i) }),
+                style: Z({ opacity: T(i) }),
                 onClick: C[0] || (C[0] = //@ts-ignore
-                (...X) => E(a) && E(a)(...X)),
+                (...X) => T(a) && T(a)(...X)),
                 onWheel: C[1] || (C[1] = N(() => {
                 }, ["prevent"])),
                 onTouchmove: C[2] || (C[2] = N(() => {
                 }, ["prevent"]))
-              }, null, 36)) : T("", !0),
+              }, null, 36)) : E("", !0),
               o("div", {
                 class: B(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
-                style: Z({ transform: E(c) })
+                style: Z({ transform: T(c) })
               }, [
                 o("div", {
                   ref_key: "target",
@@ -305,14 +305,14 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                   o("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
                 ])], 544),
                 o("div", sl, [
-                  _($.$slots, "button", { close: E(a) }),
+                  $(_.$slots, "button", { close: T(a) }),
                   b(j, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: E(a)
+                    onClick: T(a)
                   }, {
                     default: y(() => [
                       b(z, { class: "size-5" })
@@ -323,13 +323,13 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                 o("div", {
                   class: B(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", x.value[e.size]])
                 }, [
-                  _($.$slots, "default", {
-                    close: E(a),
+                  $(_.$slots, "default", {
+                    close: T(a),
                     on: g
                   })
                 ], 2)
               ], 6)
-            ], 512)) : T("", !0)
+            ], 512)) : E("", !0)
           ]),
           _: 3
         })
@@ -365,15 +365,15 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       c(new Event("hide"));
     }, g = { click: u, open: i, set: m };
     return (h, x) => {
-      const $ = ft("outside");
+      const _ = ft("outside");
       return Ce((f(), p("div", ol, [
         o("div", al, [
-          _(h.$slots, "activator", {
+          $(h.$slots, "activator", {
             on: g,
             isShow: a.value
           })
         ]),
-        E(t) ? (f(), M(ie, {
+        T(t) ? (f(), M(ae, {
           key: 0,
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -388,23 +388,23 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
               class: "z-30 min-w-full absolute",
               style: Z(r.value)
             }, [
-              _(h.$slots, "default", {
+              $(h.$slots, "default", {
                 on: g,
                 show: i,
                 hide: c,
                 isShow: a.value
               })
-            ], 4)) : T("", !0)
+            ], 4)) : E("", !0)
           ]),
           _: 3
-        })) : T("", !0),
-        !E(t) && a.value ? (f(), M(Xe, {
+        })) : E("", !0),
+        !T(t) && a.value ? (f(), M(Xe, {
           key: 1,
           title: e.title,
           onClose: v
         }, {
           default: y(({ on: C }) => [
-            _(h.$slots, "default", {
+            $(h.$slots, "default", {
               on: C,
               show: i,
               hide: c,
@@ -412,9 +412,9 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
             })
           ]),
           _: 3
-        }, 8, ["title"])) : T("", !0)
+        }, 8, ["title"])) : E("", !0)
       ])), [
-        [$, d]
+        [_, d]
       ]);
     };
   }
@@ -432,7 +432,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
         class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full px-4",
         onClick: (d) => s(r, d)
       }, [
-        _(t.$slots, "default", { item: r }, () => [
+        $(t.$slots, "default", { item: r }, () => [
           I(k(r.name), 1)
         ])
       ], 8, rl))), 128))
@@ -456,7 +456,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       c == 1 && u(), c == 2 && r(m), c == 3 && d();
     };
     return (c, m) => {
-      const v = Yt, g = He("router-link"), h = Gt, x = Wt, $ = Je, C = Nt, z = Ge;
+      const v = Yt, g = He("router-link"), h = Gt, x = Wt, _ = Je, C = Nt, z = Ge;
       return f(), p("header", cl, [
         o("div", dl, [
           o("div", ul, [
@@ -500,7 +500,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                   }, [...m[0] || (m[0] = [
                     o("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
                   ])], 2),
-                  b($, { class: "size-5" })
+                  b(_, { class: "size-5" })
                 ]),
                 _: 1
               }),
@@ -588,7 +588,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
         }),
         o("div", gl, [
           o("div", null, k(n.text), 1),
-          o("div", bl, k(E(kt)(n.date)) + " (" + k(E($t)(n.date)) + ")", 1)
+          o("div", bl, k(T(kt)(n.date)) + " (" + k(T(_t)(n.date)) + ")", 1)
         ]),
         b(A, {
           class: "shrink-0",
@@ -604,7 +604,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
       ]);
     };
   }
-}), xl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, _l = {
+}), xl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, $l = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
 }, Sa = /* @__PURE__ */ V({
@@ -621,13 +621,13 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
         onClick: r
-      })) : T("", !0),
+      })) : E("", !0),
       o("aside", {
         class: B([n.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
       }, [
         o("div", xl, [
-          _(i.$slots, "header", { isNew: t.value }),
-          a.value ? (f(), p("div", _l, [
+          $(i.$slots, "header", { isNew: t.value }),
+          a.value ? (f(), p("div", $l, [
             b(Pe, {
               "enter-active-class": "transition-all duration-300 ",
               "enter-from-class": "opacity-0 translate-x-1/2",
@@ -641,7 +641,7 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
                   key: m.date,
                   class: "relative"
                 }, [
-                  _(i.$slots, "card", { item: m }, () => [
+                  $(i.$slots, "card", { item: m }, () => [
                     b(yl, P({ ref_for: !0 }, m, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
                       onRemove: (v) => d(m),
@@ -652,17 +652,17 @@ const le = F({ name: "ri-close-line", render: nl }), sl = { class: "flex items-c
               ]),
               _: 3
             })
-          ])) : _(i.$slots, "empty", {}, void 0, void 0, 1)
+          ])) : $(i.$slots, "empty", {}, void 0, void 0, 1)
         ])
       ], 2)
     ], 64));
   }
-}), kl = {}, $l = { class: "fixed h-full w-full top-0 left-0 z-20" }, wl = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+}), kl = {}, _l = { class: "fixed h-full w-full top-0 left-0 z-20" }, wl = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
 function Cl(e, l) {
-  return f(), p("div", $l, [
+  return f(), p("div", _l, [
     l[0] || (l[0] = o("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
     o("div", wl, [
-      _(e.$slots, "default")
+      $(e.$slots, "default")
     ])
   ]);
 }
@@ -679,7 +679,7 @@ function Sl(e, l) {
     }, null, -1)
   ])]);
 }
-const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4 flex flex-col gap-2" }, Tl = { class: "size-6 flex-[0_0_24px] opacity-60" }, El = ["onClick"], Ll = { class: "flex flex-col gap-2" }, Ml = { class: "flex gap-2 ms-8" }, Al = { class: "size-5 flex-[0_0_24px]" }, Dl = { class: "flex-1 first-letter:uppercase text-sm" }, Ba = /* @__PURE__ */ V({
+const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4 flex flex-col gap-2" }, El = { class: "size-6 flex-[0_0_24px] opacity-60" }, Tl = ["onClick"], Ll = { class: "flex flex-col gap-2" }, Ml = { class: "flex gap-2 ms-8" }, Al = { class: "size-5 flex-[0_0_24px]" }, Dl = { class: "flex-1 first-letter:uppercase text-sm" }, Ba = /* @__PURE__ */ V({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -710,8 +710,8 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
               onClick: N((c) => t(i), ["prevent", "stop"])
             }, {
               default: y(() => [
-                o("div", Tl, [
-                  _(r.$slots, "icon", { item: i })
+                o("div", El, [
+                  $(r.$slots, "icon", { item: i })
                 ]),
                 o("span", {
                   class: B(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
@@ -720,8 +720,8 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
                   class: B(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
                   onClick: N((c) => t(i), ["prevent", "stop"])
                 }, [
-                  i.children ? (f(), M(u, { key: 0 })) : T("", !0)
-                ], 10, El)
+                  i.children ? (f(), M(u, { key: 0 })) : E("", !0)
+                ], 10, Tl)
               ]),
               _: 2
             }, 1032, ["to", "class", "onClick"])),
@@ -738,7 +738,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
                     default: y(() => [
                       o("div", Ml, [
                         o("div", Al, [
-                          _(r.$slots, "icon-children", {
+                          $(r.$slots, "icon-children", {
                             item: { name: c, path: m, icon: v }
                           })
                         ]),
@@ -749,7 +749,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
                   }, 1032, ["to", "class"]))
                 ]))), 128))
               ])
-            ], 2)) : T("", !0)
+            ], 2)) : E("", !0)
           ]))), 128))
         ])
       ]);
@@ -765,7 +765,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
 }, Hl = {
   key: 1,
   class: "relative block h-4 w-full rounded overflow-hidden bg-gray-200 dark:bg-gray-900/50 select-none mt-2"
-}, Nl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Pl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Ta = /* @__PURE__ */ V({
+}, Nl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Pl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Ea = /* @__PURE__ */ V({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -786,7 +786,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
       }
     ), (r, d) => {
       const u = le;
-      return f(), M(ie, {
+      return f(), M(ae, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 translate-x-full",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -797,9 +797,9 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
         default: y(() => [
           l.value ? (f(), p("div", Il, [
             o("div", Ol, [
-              _(r.$slots, "default", { isDone: s.value }, () => [
+              $(r.$slots, "default", { isDone: s.value }, () => [
                 d[1] || (d[1] = o("div", { class: "flex-auto" }, "Progress...", -1)),
-                s.value ? (f(), p("span", jl, "Done")) : T("", !0)
+                s.value ? (f(), p("span", jl, "Done")) : E("", !0)
               ]),
               o("button", {
                 class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
@@ -812,7 +812,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
               key: 0,
               class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
               style: Z(`width: ${t.value}%`)
-            }, null, 4)) : T("", !0),
+            }, null, 4)) : E("", !0),
             n.value ? (f(), p("div", Hl, [
               o("div", Nl, k(t.value) + "%", 1),
               o("div", {
@@ -821,14 +821,14 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
               }, [
                 o("div", Pl, k(t.value) + "%", 1)
               ], 4)
-            ])) : T("", !0)
-          ])) : T("", !0)
+            ])) : E("", !0)
+          ])) : E("", !0)
         ]),
         _: 3
       });
     };
   }
-}), Fl = { class: "my-4 text-gray-700 dark:text-gray-400" }, Ul = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Rl = { class: "flex gap-2" }, Wl = { class: "text-gray-700 dark:text-gray-400" }, Kl = { class: "flex gap-2" }, ql = { class: "flex gap-2" }, Gl = { class: "text-gray-700 dark:text-gray-400" }, Jl = { class: "flex gap-2" }, Xl = { class: "text-gray-700 dark:text-gray-400" }, Yl = { class: "flex flex-col gap-4 text-sm" }, Ql = { class: "flex gap-4" }, Ea = /* @__PURE__ */ V({
+}), Fl = { class: "my-4 text-gray-700 dark:text-gray-400" }, Ul = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Rl = { class: "flex gap-2" }, Wl = { class: "text-gray-700 dark:text-gray-400" }, Kl = { class: "flex gap-2" }, ql = { class: "flex gap-2" }, Gl = { class: "text-gray-700 dark:text-gray-400" }, Jl = { class: "flex gap-2" }, Xl = { class: "text-gray-700 dark:text-gray-400" }, Yl = { class: "flex flex-col gap-4 text-sm" }, Ql = { class: "flex gap-4" }, Ta = /* @__PURE__ */ V({
   __name: "BlockInfo",
   props: {
     pkg: {},
@@ -871,7 +871,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
         t[4] || (t[4] = o("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
         o("div", Yl, [
           o("div", Ql, [
-            _(s.$slots, "links", { links: n.value })
+            $(s.$slots, "links", { links: n.value })
           ])
         ])
       ]);
@@ -929,7 +929,7 @@ const Vl = F({ name: "ri-arrow-right-s-line", render: Sl }), Bl = { class: "mb-4
           ]),
           _: 1
         }, 8, ["items"]),
-        e.items.length ? T("", !0) : (f(), p("div", an, [
+        e.items.length ? E("", !0) : (f(), p("div", an, [
           b(c, { class: "text-primary" })
         ])),
         o("div", rn, [
@@ -984,21 +984,21 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       e.component === "input" ? "h-[40px]" : "min-h-[40px]",
       e.message ? "border-red-500 hover:border-red-400" : "",
       e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
-    ]), r = L(() => s[e.component]), d = ($) => $ || $ === 0, u = L(() => [pn, t.value || d(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), i = L(() => e.component === "input"), c = ($) => {
-      t.value = !1, n("blur", $);
-    }, m = ($) => {
-      t.value = !0, n("focus", $);
-    }, v = ({ target: $ }) => n("update:modelValue", $.value), g = ($) => n("enter", $), h = ($) => n("click", $), x = ($) => {
-      e.disabled || n("on-icon", $);
+    ]), r = L(() => s[e.component]), d = (_) => _ || _ === 0, u = L(() => [pn, t.value || d(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), i = L(() => e.component === "input"), c = (_) => {
+      t.value = !1, n("blur", _);
+    }, m = (_) => {
+      t.value = !0, n("focus", _);
+    }, v = ({ target: _ }) => n("update:modelValue", _.value), g = (_) => n("enter", _), h = (_) => n("click", _), x = (_) => {
+      e.disabled || n("on-icon", _);
     };
-    return ($, C) => (f(), p("div", fn, [
+    return (_, C) => (f(), p("div", fn, [
       o("label", {
         class: B(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", a.value])
       }, [
         o("span", {
           class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
         }, k(e.label), 3),
-        (f(), M(de(e.component), P($.$attrs, {
+        (f(), M(de(e.component), P(_.$attrs, {
           value: e.modelValue,
           disabled: !!e.disabled,
           type: e.type,
@@ -1012,17 +1012,17 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
           onClick: h,
           onKeypress: mt(g, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        $.$slots.icon ? (f(), p("button", {
+        _.$slots.icon ? (f(), p("button", {
           key: 0,
           disabled: !!e.disabled,
           class: B([{ "cursor-pointer": !e.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
           onClick: x
         }, [
-          _($.$slots, "icon")
-        ], 10, mn)) : T("", !0)
+          $(_.$slots, "icon")
+        ], 10, mn)) : E("", !0)
       ], 2),
-      e.hideMessage ? T("", !0) : (f(), p("div", vn, [
-        _($.$slots, "message", {}, () => [
+      e.hideMessage ? E("", !0) : (f(), p("div", vn, [
+        $(_.$slots, "message", {}, () => [
           I(k(e.message), 1)
         ])
       ]))
@@ -1061,7 +1061,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
         class: "relative"
       }), {
         activator: y(({ on: u, isShow: i }) => [
-          _(a.$slots, "activator", R(W({ on: u, isShow: i })), () => [
+          $(a.$slots, "activator", R(W({ on: u, isShow: i })), () => [
             b(J, {
               "model-value": e.modelValue,
               disabled: e.disabled,
@@ -1083,14 +1083,14 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
         ]),
         default: y(({ on: u }) => [
           o("div", hn, [
-            e.label ? (f(), p("h4", gn, k(e.label), 1)) : T("", !0),
+            e.label ? (f(), p("h4", gn, k(e.label), 1)) : E("", !0),
             o("div", bn, [
               b(me, {
                 items: e.items,
                 onClick: (i) => t(i, u)
               }, {
                 default: y(({ item: i }) => [
-                  _(a.$slots, "item", { item: i }, () => [
+                  $(a.$slots, "item", { item: i }, () => [
                     I(k(i.name), 1)
                   ])
                 ]),
@@ -1103,7 +1103,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       }, 16);
     };
   }
-}), yn = { class: "md:flex items-center mb-4" }, xn = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, _n = { class: "md:max-w-50" }, kn = { class: "flex items-center mb-4" }, $n = { class: "flex-auto text-gray-600 bg:text-gray-400" }, wn = { class: "flex items-center mb-4" }, Cn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Ma = /* @__PURE__ */ V({
+}), yn = { class: "md:flex items-center mb-4" }, xn = { class: "flex-auto text-gray-600 bg:text-gray-400 mb-2" }, $n = { class: "md:max-w-50" }, kn = { class: "flex items-center mb-4" }, _n = { class: "flex-auto text-gray-600 bg:text-gray-400" }, wn = { class: "flex items-center mb-4" }, Cn = { class: "flex-auto text-gray-600 bg:text-gray-400" }, Ma = /* @__PURE__ */ V({
   __name: "BlockService",
   props: {
     locale: {},
@@ -1120,7 +1120,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       return f(), p(O, null, [
         o("div", yn, [
           o("div", xn, k(a.$t("selectLang")), 1),
-          o("div", _n, [
+          o("div", $n, [
             b(d, {
               "model-value": t(e.locale),
               label: a.$t("lang"),
@@ -1130,7 +1130,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
           ])
         ]),
         o("div", kn, [
-          o("div", $n, k(a.$t("rebootDev")), 1),
+          o("div", _n, k(a.$t("rebootDev")), 1),
           b(u, {
             class: "min-w-[100px]",
             color: "red",
@@ -1159,7 +1159,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
       ], 64);
     };
   }
-}), zn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Sn = { class: "flex flex-col w-full items-center gap-2" }, Vn = ["title"], Bn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, Tn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, En = { class: "flex justify-between w-full text-xs" }, Ln = { class: "text-gray-500 dark:text-gray-400" }, Mn = { class: "text-sm" }, An = { class: "text-gray-500 dark:text-gray-400 text-left" }, Dn = { class: "text-right text-xs" }, Aa = /* @__PURE__ */ V({
+}), zn = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, Sn = { class: "flex flex-col w-full items-center gap-2" }, Vn = ["title"], Bn = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, En = { class: "absolute left-[110px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Tn = { class: "flex justify-between w-full text-xs" }, Ln = { class: "text-gray-500 dark:text-gray-400" }, Mn = { class: "text-sm" }, An = { class: "text-gray-500 dark:text-gray-400 text-left" }, Dn = { class: "text-right text-xs" }, Aa = /* @__PURE__ */ V({
   __name: "BlockStatus",
   props: {
     pkg: {},
@@ -1207,16 +1207,16 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
               class: "bg-blue-600 rounded h-4 overflow-hidden relative transition-all duration-500",
               style: Z(`width: ${r.value}%`)
             }, [
-              o("div", Tn, k(r.value) + "%", 1)
+              o("div", En, k(r.value) + "%", 1)
             ], 4)
           ], 8, Vn),
-          o("div", En, [
+          o("div", Tn, [
             (f(!0), p(O, null, U(t.value, (g) => (f(), p("div", {
               key: g.name,
               class: "flex-auto"
             }, [
               o("div", Ln, [
-                _(u.$slots, "name", { item: g })
+                $(u.$slots, "name", { item: g })
               ]),
               o("div", null, k(g.value), 1)
             ]))), 128))
@@ -1228,13 +1228,13 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
             class: "flex justify-between items-center"
           }, [
             o("div", An, [
-              _(u.$slots, "name", { item: g })
+              $(u.$slots, "name", { item: g })
             ]),
             o("div", Dn, k(g.value), 1)
           ]))), 128))
         ]),
         o("div", null, [
-          _(u.$slots, "default", {
+          $(u.$slots, "default", {
             home: (c = e.pkg) == null ? void 0 : c.homepage,
             repo: (v = (m = e.pkg) == null ? void 0 : m.repository) == null ? void 0 : v.url
           })
@@ -1255,7 +1255,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
         type: "file",
         class: "hidden"
       }, t.$attrs, { onChange: s }), null, 16),
-      _(t.$slots, "default")
+      $(t.$slots, "default")
     ]));
   }
 }), jn = { class: "md:flex" }, Hn = { class: "text-gray-600 bg:text-gray-400 first-letter:uppercase min-w-19" }, Da = /* @__PURE__ */ V({
@@ -1290,7 +1290,7 @@ const un = F({ name: "ri-arrow-up-s-line", render: dn }), fn = { class: "w-full
             default: y(() => [
               o("div", jn, [
                 o("h6", Hn, k(m) + ":", 1),
-                _(d.$slots, "default", {
+                $(d.$slots, "default", {
                   file: t(c)
                 })
               ])
@@ -1341,7 +1341,7 @@ const Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "f
             key: u,
             class: B(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", d.path ? "" : "text-gray-800 dark:text-white/90"])
           }, [
-            _(t.$slots, "default", { item: d }, () => [
+            $(t.$slots, "default", { item: d }, () => [
               (f(), M(de(d.path ? "a" : "span"), {
                 href: d.path,
                 onClick: (i) => s(d)
@@ -1355,7 +1355,7 @@ const Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "f
             d.path ? (f(), M(r, {
               key: 0,
               class: "rotate-270"
-            })) : T("", !0)
+            })) : E("", !0)
           ], 2))), 128))
         ])
       ]);
@@ -1380,16 +1380,16 @@ const Qe = F({ name: "ri-arrow-drop-right-line", render: Pn }), Fn = { class: "f
     return (l, n) => (f(), p("div", {
       class: B(["relative rounded-md border border-gray-200 dark:border-gray-800 bg-white dark:bg-white/[0.03] p-5 sm:p-6 hover-effect", { "overflow-hidden": e.loading }])
     }, [
-      e.loading ? (f(), p("div", Un)) : T("", !0),
-      e.loading ? (f(), p("div", Rn)) : T("", !0),
+      e.loading ? (f(), p("div", Un)) : E("", !0),
+      e.loading ? (f(), p("div", Rn)) : E("", !0),
       e.title ? (f(), p("div", Wn, [
         o("h3", Kn, k(e.title), 1),
         o("div", null, [
-          _(l.$slots, "header")
+          $(l.$slots, "header")
         ])
-      ])) : T("", !0),
+      ])) : E("", !0),
       o("div", qn, [
-        _(l.$slots, "default")
+        $(l.$slots, "default")
       ])
     ], 2));
   }
@@ -1438,21 +1438,21 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
       onClose: r
     }), (v, g) => {
       const h = le;
-      return e.isOnlyDialog || E(m) ? (f(), M(Ne, {
+      return e.isOnlyDialog || T(m) ? (f(), M(Ne, {
         key: 0,
         to: "body"
       }, [
-        b(ie, {
+        b(ae, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
           "leave-active-class": "duration-200 ease-in",
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2",
-          onAfterEnter: E(d)
+          onAfterEnter: T(d)
         }, {
           default: y(() => [
-            E(a) ? (f(), p("div", {
+            T(a) ? (f(), p("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
               onWheel: g[4] || (g[4] = N(() => {
@@ -1461,7 +1461,7 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
               o("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
                 onClick: g[0] || (g[0] = //@ts-ignore
-                (...x) => E(r) && E(r)(...x))
+                (...x) => T(r) && T(r)(...x))
               }),
               o("div", {
                 class: B(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
@@ -1477,11 +1477,11 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
                     }, ["prevent"]))
                   }, [
                     o("h4", Qn, k(e.title), 1),
-                    _(v.$slots, "header-btn", { close: E(r) }),
+                    $(v.$slots, "header-btn", { close: T(r) }),
                     b(A, {
                       color: "transparent",
                       size: "md",
-                      onClick: E(r)
+                      onClick: T(r)
                     }, {
                       default: y(() => [
                         b(h)
@@ -1492,23 +1492,23 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
                   o("div", {
                     class: B(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
                     onClose: g[3] || (g[3] = //@ts-ignore
-                    (...x) => E(r) && E(r)(...x))
+                    (...x) => T(r) && T(r)(...x))
                   }, [
-                    _(v.$slots, "default", { close: E(r) })
+                    $(v.$slots, "default", { close: T(r) })
                   ], 34)
                 ], 2)
               ], 2)
-            ], 32)) : T("", !0)
+            ], 32)) : E("", !0)
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
       ])) : (f(), M(Xe, {
         key: 1,
         size: e.popupSize,
-        onClose: E(r)
+        onClose: T(r)
       }, {
         button: y(() => [
-          _(v.$slots, "header-btn", { close: E(r) })
+          $(v.$slots, "header-btn", { close: T(r) })
         ]),
         default: y(({ close: x }) => [
           o("div", Zn, [
@@ -1519,9 +1519,9 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
               onTouchmove: g[6] || (g[6] = N(() => {
               }, ["prevent"]))
             }, [
-              e.title ? (f(), p("h4", es, k(e.title), 1)) : T("", !0)
+              e.title ? (f(), p("h4", es, k(e.title), 1)) : E("", !0)
             ], 34),
-            _(v.$slots, "default", { close: x })
+            $(v.$slots, "default", { close: x })
           ])
         ]),
         _: 3
@@ -1531,7 +1531,7 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
 }), ts = { class: "flex-auto flex justify-between" }, ls = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, ns = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, ss = {
   key: 0,
   class: "absolute left-1/2 top-1/2 size-[calc(50%)] text-gray-200/30 dark:text-gray-800/30 -translate-1/2"
-}, os = { class: "min-h-60 relative" }, as = { class: "pt-6" }, is = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, rs = { class: "text-center text-xl mt-4" }, re = /* @__PURE__ */ V({
+}, os = { class: "min-h-60 relative" }, as = { class: "pt-6" }, is = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, rs = { class: "text-center text-xl mt-4" }, ie = /* @__PURE__ */ V({
   __name: "CardBase",
   props: {
     size: {},
@@ -1562,27 +1562,27 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
           o("div", {
             class: B([a.value, "size-8 animate-shake"])
           }, [
-            _(m.$slots, "icon", R(W(n)))
+            $(m.$slots, "icon", R(W(n)))
           ], 2),
-          _(m.$slots, "header", R(W(n)))
+          $(m.$slots, "header", R(W(n)))
         ]),
         o("div", null, [
-          _(m.$slots, "body", R(W(n)), () => [
+          $(m.$slots, "body", R(W(n)), () => [
             o("h6", ls, [
-              _(m.$slots, "name", R(W(n)), () => [
+              $(m.$slots, "name", R(W(n)), () => [
                 I(k(n.name), 1)
               ])
             ]),
             o("div", ns, [
-              _(m.$slots, "value", R(W(n)), () => [
+              $(m.$slots, "value", R(W(n)), () => [
                 I(k(n.valueTo || n.value), 1)
               ])
             ])
           ])
         ]),
         n.icon ? (f(), p("div", ss, [
-          _(m.$slots, "icon", R(W(n)))
-        ])) : T("", !0),
+          $(m.$slots, "icon", R(W(n)))
+        ])) : E("", !0),
         t.value ? (f(), M(Be, {
           key: 1,
           size: n.size || "sm",
@@ -1614,13 +1614,13 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
             o("div", os, [
               o("div", as, [
                 o("h3", is, [
-                  _(m.$slots, "dialog-name", R(W(n)), () => [
+                  $(m.$slots, "dialog-name", R(W(n)), () => [
                     I(k(n.name), 1)
                   ])
                 ]),
-                _(m.$slots, "dialog", R(W(n))),
+                $(m.$slots, "dialog", R(W(n))),
                 o("p", rs, [
-                  _(m.$slots, "dialog-value", R(W(n)), () => [
+                  $(m.$slots, "dialog-value", R(W(n)), () => [
                     I(k(n.valueTo || n.value), 1)
                   ])
                 ])
@@ -1628,7 +1628,7 @@ const Yn = F({ name: "ri-file-copy2-line", render: Xn }), Qn = { class: "text-ti
             ])
           ]),
           _: 3
-        }, 8, ["size", "title"])) : T("", !0)
+        }, 8, ["size", "title"])) : E("", !0)
       ]);
     };
   }
@@ -1669,13 +1669,13 @@ const us = F({ name: "ri-shut-down-line", render: ds }), fs = { class: "flex jus
     }, a = () => s("setState", !n.value);
     return (r, d) => {
       const u = us;
-      return f(), M(re, P(n, {
+      return f(), M(ie, P(n, {
         onClick: d[0] || (d[0] = (i) => s("click", i)),
         onEdit: d[1] || (d[1] = (i) => s("edit", i)),
         onClone: d[2] || (d[2] = (i) => s("clone", i))
       }), {
         icon: y((i) => [
-          _(r.$slots, "icon", R(W(i)))
+          $(r.$slots, "icon", R(W(i)))
         ]),
         header: y((i) => [
           o("div", fs, [
@@ -1754,13 +1754,13 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
     };
     return (i, c) => {
       const m = hs;
-      return f(), M(re, P(n, {
+      return f(), M(ie, P(n, {
         onClick: c[0] || (c[0] = (v) => s("click", v)),
         onEdit: c[1] || (c[1] = (v) => s("edit", v)),
         onClone: c[2] || (c[2] = (v) => s("clone", v))
       }), {
         icon: y((v) => [
-          _(i.$slots, "icon", R(W(v)))
+          $(i.$slots, "icon", R(W(v)))
         ]),
         header: y((v) => [
           o("div", null, [
@@ -1799,13 +1799,13 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
   }
 }), bs = { class: "flex justify-end" }, ys = { class: "flex justify-end" }, xs = {
   class: /* @__PURE__ */ B("text-blue-600 dark:text-blue-400")
-}, _s = {
+}, $s = {
   width: "30",
   height: "30",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, ks = ["stroke-dashoffset"], $s = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Ha = /* @__PURE__ */ V({
+}, ks = ["stroke-dashoffset"], _s = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Ha = /* @__PURE__ */ V({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1829,13 +1829,13 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
     }, u = (c) => s("setState", +c.target.value || 0), i = ({ value: c }) => {
       +c != 0 ? (t.value = +c, s("setState", 0)) : s("setState", c ? 0 : t.value || 255);
     };
-    return (c, m) => (f(), M(re, P(n, {
+    return (c, m) => (f(), M(ie, P(n, {
       onClick: m[0] || (m[0] = (v) => s("click", v)),
       onEdit: m[1] || (m[1] = (v) => s("edit", v)),
       onClone: m[2] || (m[2] = (v) => s("clone", v))
     }), {
       icon: y((v) => [
-        _(c.$slots, "icon", R(W(v)))
+        $(c.$slots, "icon", R(W(v)))
       ]),
       header: y((v) => [
         o("div", bs, [
@@ -1846,7 +1846,7 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
             }), {
               default: y(() => [
                 o("div", xs, [
-                  (f(), p("svg", _s, [
+                  (f(), p("svg", $s, [
                     m[3] || (m[3] = o("circle", {
                       class: "stroke-gray-300 dark:stroke-gray-700",
                       r: "30",
@@ -1883,7 +1883,7 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
             class: "absolute h-10 top-0 left-0 bg-blue-600 dark:bg-blue-400 z-0 rounded-md transition-[width_0.3s_linear]",
             style: Z(`width: ${a(v)}%`)
           }, null, 4),
-          o("div", $s, k(a(v)) + " %", 1),
+          o("div", _s, k(a(v)) + " %", 1),
           o("input", P({ type: "range" }, d(v), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
             onChange: u
@@ -1912,16 +1912,16 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
   emits: ["edit", "close", "click", "clone", "open", "setState"],
   setup(e, { emit: l }) {
     const n = e, s = l;
-    return (t, a) => (f(), M(re, P(n, {
+    return (t, a) => (f(), M(ie, P(n, {
       onClick: a[0] || (a[0] = (r) => s("click", r)),
       onEdit: a[1] || (a[1] = (r) => s("edit", r)),
       onClone: a[2] || (a[2] = (r) => s("clone", r))
     }), {
       icon: y((r) => [
-        _(t.$slots, "icon", R(W(r)))
+        $(t.$slots, "icon", R(W(r)))
       ]),
       default: y(() => [
-        _(t.$slots, "dialog")
+        $(t.$slots, "dialog")
       ]),
       _: 3
     }, 16));
@@ -1955,13 +1955,13 @@ const hs = F({ name: "ri-time-line", render: ps }), gs = { class: "flex justify-
       }
     ), (d, u) => {
       const i = Qe;
-      return f(), M(re, P(n, {
+      return f(), M(ie, P(n, {
         onClick: u[1] || (u[1] = (c) => s("click", c)),
         onEdit: u[2] || (u[2] = (c) => s("edit", c)),
         onClone: u[3] || (u[3] = (c) => s("clone", c))
       }), {
         icon: y((c) => [
-          _(d.$slots, "icon", R(W(c)))
+          $(d.$slots, "icon", R(W(c)))
         ]),
         dialog: y((c) => [
           o("div", ws, [
@@ -2024,13 +2024,13 @@ const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify
     };
     return (d, u) => {
       const i = Ss;
-      return f(), M(re, P(n, {
+      return f(), M(ie, P(n, {
         onClick: u[1] || (u[1] = (c) => s("click", c)),
         onEdit: u[2] || (u[2] = (c) => s("edit", c)),
         onClone: u[3] || (u[3] = (c) => s("clone", c))
       }), {
         icon: y((c) => [
-          _(d.$slots, "icon", R(W(c)))
+          $(d.$slots, "icon", R(W(c)))
         ]),
         value: y((c) => [
           I(k(a(c)), 1)
@@ -2083,7 +2083,7 @@ const Ss = F({ name: "ri-list-check", render: zs }), Vs = { class: "flex justify
   width: "1.2em",
   height: "1.2em"
 };
-function Ts(e, l) {
+function Es(e, l) {
   return f(), p("svg", Bs, [...l[0] || (l[0] = [
     o("path", {
       fill: "currentColor",
@@ -2091,7 +2091,7 @@ function Ts(e, l) {
     }, null, -1)
   ])]);
 }
-const Es = F({ name: "ri-menu-search-line", render: Ts }), Ls = {
+const Ts = F({ name: "ri-menu-search-line", render: Es }), Ls = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -2125,15 +2125,15 @@ const ye = F({ name: "ri-add-line", render: Ms }), As = { class: "flex w-full re
             class: B(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", s.value])
           }, k(e.label), 3),
           o("div", Ds, [
-            _(a.$slots, "default")
+            $(a.$slots, "default")
           ]),
-          e.hideIcon ? T("", !0) : (f(), p("button", {
+          e.hideIcon ? E("", !0) : (f(), p("button", {
             key: 0,
             disabled: e.disabled,
             class: B([{ "cursor-pointer": !e.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]"]),
             onClick: r[0] || (r[0] = (u) => n("icon", u))
           }, [
-            _(a.$slots, "icon", {}, () => [
+            $(a.$slots, "icon", {}, () => [
               b(d, { class: "size-4" })
             ])
           ], 10, Is))
@@ -2188,7 +2188,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       n("click", { key: g, path: m(g), isObject: h });
     };
     return (g, h) => {
-      const x = Fs, $ = Hs, C = ye;
+      const x = Fs, _ = Hs, C = ye;
       return f(), p("ul", null, [
         (f(!0), p(O, null, U(e.items, (z, j) => (f(), p("li", {
           key: j,
@@ -2200,24 +2200,24 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
           }, [
             c(z) ? (f(), p("div", Rs, [
               b(x, { class: "size-5" })
-            ])) : T("", !0),
+            ])) : E("", !0),
             o("div", Ws, k(j), 1),
-            E(u) ? (f(), M(A, {
+            T(u) ? (f(), M(A, {
               key: 1,
               class: "opacity-20 hover:opacity-70 transition-all",
               color: "transparent",
               size: "sm",
-              onClick: N((X) => E(r)(m(j)), ["stop"])
+              onClick: N((X) => T(r)(m(j)), ["stop"])
             }, {
               default: y(() => [
-                b($, { class: "size-5" })
+                b(_, { class: "size-5" })
               ]),
               _: 1
-            }, 8, ["onClick"])) : T("", !0),
-            E(a) === m(j) ? (f(), p("span", {
+            }, 8, ["onClick"])) : E("", !0),
+            T(a) === m(j) ? (f(), p("span", {
               key: 2,
-              class: B(["text-gray-500 transition-all duration-1000 text-sm", E(d) ? "opacity-100" : "opacity-0"])
-            }, k(g.$t("copied")), 3)) : T("", !0),
+              class: B(["text-gray-500 transition-all duration-1000 text-sm", T(d) ? "opacity-100" : "opacity-0"])
+            }, k(g.$t("copied")), 3)) : E("", !0),
             !e.onlyValue && c(z) ? (f(), p(O, { key: 3 }, [
               h[1] || (h[1] = o("div", { class: "flex-auto" }, null, -1)),
               o("div", Ks, [
@@ -2234,7 +2234,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                   _: 1
                 }, 8, ["title", "onClick"])
               ])
-            ], 64)) : T("", !0)
+            ], 64)) : E("", !0)
           ], 10, Us),
           c(z) ? (f(), p("div", qs, [
             Ce(b(et, {
@@ -2293,7 +2293,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             o("div", {
               class: B([a(c), "font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0"])
             }, [
-              _(d.$slots, "header", {
+              $(d.$slots, "header", {
                 tab: i,
                 i: c
               }, () => [
@@ -2308,7 +2308,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
           key: c,
           class: "tab-panel"
         }, [
-          b(ie, {
+          b(ae, {
             "enter-active-class": "transition-all duration-300 ease-out",
             "enter-from-class": "transform opacity-0 translate-x-2",
             "enter-to-class": "transform opacity-100 translate-x-0",
@@ -2318,8 +2318,8 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
           }, {
             default: y(() => [
               t.value === c ? (f(), p("div", eo, [
-                _(d.$slots, `tab-${c}`)
-              ])) : T("", !0)
+                $(d.$slots, `tab-${c}`)
+              ])) : E("", !0)
             ]),
             _: 2
           }, 1024)
@@ -2327,7 +2327,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       ])
     ]));
   }
-}), lo = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, no = ["title", "onMouseenter", "onMouseleave"], so = { class: "flex flex-auto" }, oo = ["disabled"], _e = /* @__PURE__ */ V({
+}), lo = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, no = ["title", "onMouseenter", "onMouseleave"], so = { class: "flex flex-auto" }, oo = ["disabled"], $e = /* @__PURE__ */ V({
   __name: "VFunc",
   props: {
     label: {},
@@ -2393,12 +2393,12 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                 type: "text",
                 disabled: e.disabled,
                 onInput: i[1] || (i[1] = //@ts-ignore
-                (...v) => E(r) && E(r)(...v))
+                (...v) => T(r) && T(r)(...v))
               }, null, 40, oo), [
                 [gt, t.value]
               ])
             ])
-          ], 64)) : T("", !0)
+          ], 64)) : E("", !0)
         ]),
         _: 1
       }, 8, ["active", "disabled", "label", "hideIcon"]);
@@ -2443,7 +2443,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
         ])
       ], -1)),
       o("span", io, [
-        _(a.$slots, "default")
+        $(a.$slots, "default")
       ])
     ], 2));
   }
@@ -2469,7 +2469,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     const n = l, s = L(() => e.items.map((h, x) => ({ ...h, id: ++x }))), t = D({ name: "", value: "" }), a = L(() => e.items.length + 1), r = L(() => {
       var h;
       return !((h = t.value) != null && h.id);
-    }), d = (h) => e.type === h, u = (h, x) => n("update", h, x), i = (h) => h.map(({ name: x, value: $ }) => ({ name: x, value: $ })), c = ({ id: h, name: x, value: $ }) => t.value = { id: h, name: x, value: $ }, m = () => {
+    }), d = (h) => e.type === h, u = (h, x) => n("update", h, x), i = (h) => h.map(({ name: x, value: _ }) => ({ name: x, value: _ })), c = ({ id: h, name: x, value: _ }) => t.value = { id: h, name: x, value: _ }, m = () => {
       const h = a.value;
       t.value = { name: `New_${h}`, value: `${h}`, id: h }, u("items", i([...s.value, t.value]));
     }, v = (h) => {
@@ -2477,11 +2477,11 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
     }, g = ze(() => {
       const h = t.value;
       if (!h.name || !h.value) return;
-      const x = s.value.map(($) => $.id === h.id ? h : $);
+      const x = s.value.map((_) => _.id === h.id ? h : _);
       u("items", i(x));
     }, 300);
     return (h, x) => {
-      const $ = le, C = ye;
+      const _ = le, C = ye;
       return f(), p("div", co, [
         o("div", uo, [
           b(ro, {
@@ -2510,14 +2510,14 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             label: "Step",
             "onUpdate:modelValue": x[3] || (x[3] = (z) => u("step", +z))
           }, null, 8, ["modelValue"])
-        ])) : T("", !0),
+        ])) : E("", !0),
         d("list") ? (f(), p("div", mo, [
           o("div", vo, [
             b(J, {
               modelValue: t.value.name,
               "onUpdate:modelValue": [
                 x[4] || (x[4] = (z) => t.value.name = z),
-                E(g)
+                T(g)
               ],
               disabled: r.value,
               label: "Name"
@@ -2526,7 +2526,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
               modelValue: t.value.value,
               "onUpdate:modelValue": [
                 x[5] || (x[5] = (z) => t.value.value = z),
-                E(g)
+                T(g)
               ],
               disabled: r.value,
               label: "Value"
@@ -2548,7 +2548,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                     class: "cursor-pointer size-4",
                     onClick: N((j) => v(z), ["prevent", "stop"])
                   }, [
-                    b($)
+                    b(_)
                   ], 8, go)
                 ])
               ]),
@@ -2565,11 +2565,11 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
               _: 1
             })
           ])
-        ])) : T("", !0)
+        ])) : E("", !0)
       ]);
     };
   }
-}), yo = { class: "flex flex-col" }, xo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, _o = { class: "flex-auto order-1" }, ko = { class: "flex-auto gap-x-2 order-1" }, $o = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, wo = { class: "flex gap-2 items-center" }, Co = { class: "flex flex-col gap-4" }, zo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, So = { class: "relative group" }, Vo = { class: "select-none" }, Bo = ["onClick"], To = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Eo = { class: "flex-[0_0_130px] size-[130px]" }, Lo = { class: "flex gap-4 justify-end" }, Mo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Ua = /* @__PURE__ */ V({
+}), yo = { class: "flex flex-col" }, xo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, $o = { class: "flex-auto order-1" }, ko = { class: "flex-auto gap-x-2 order-1" }, _o = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, wo = { class: "flex gap-2 items-center" }, Co = { class: "flex flex-col gap-4" }, zo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, So = { class: "relative group" }, Vo = { class: "select-none" }, Bo = ["onClick"], Eo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, To = { class: "flex-[0_0_130px] size-[130px]" }, Lo = { class: "flex gap-4 justify-end" }, Mo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Ua = /* @__PURE__ */ V({
   __name: "ItemEdit",
   props: {
     items: {},
@@ -2608,7 +2608,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       t.value.type = S, delete t.value.opts, ["button", "list", "dimmer"].includes(S) && (w === "button" && (t.value.opts = {}), w === "list" && (t.value.opts = { items: [] }), w === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
     }, h = (w) => {
       w === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), w === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), w === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
-    }, x = (w) => n("button", w, t.value), $ = (w) => t.value.args = t.value.args.filter((S) => S !== w), C = ({ path: w }) => {
+    }, x = (w) => n("button", w, t.value), _ = (w) => t.value.args = t.value.args.filter((S) => S !== w), C = ({ path: w }) => {
       !t.value.args.length && !t.value.id && (t.value.id = w), t.value.args.push(w), a.value = !1;
     }, z = D(-1), j = (w) => z.value === w, X = (w, S) => {
       w === "enter" && (z.value = S), w === "leave" && (z.value = -1);
@@ -2623,10 +2623,10 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
       var w;
       (w = e.item) != null && w.id && (t.value = zt(e.item));
     }), (w, S) => {
-      const rt = Es, ct = le;
+      const rt = Ts, ct = le;
       return f(), p("div", yo, [
         o("div", xo, [
-          o("div", _o, [
+          o("div", $o, [
             b(to, {
               class: "flex-auto min-h-75",
               value: 0,
@@ -2661,7 +2661,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                     "onUpdate:modelValue": S[1] || (S[1] = (H) => t.value.name = H),
                     label: "Name"
                   }, null, 8, ["modelValue"]),
-                  o("div", $o, [
+                  o("div", _o, [
                     b(te, {
                       "model-value": t.value.icon,
                       bottom: "0",
@@ -2673,7 +2673,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                     }, {
                       item: y(({ item: H }) => [
                         o("div", wo, [
-                          _(w.$slots, "icon", {
+                          $(w.$slots, "icon", {
                             icon: H.value
                           }),
                           o("div", null, k(H.name), 1)
@@ -2711,22 +2711,22 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                             o("div", {
                               class: B(["fixed left-1/2 top-1/2 p-4 text-white bg-gray-900 rounded-md group-hover:visible invisible opacity-0 group-hover:opacity-100 z-50 transition-all -translate-1/2", j(Le) ? "visible opacity-100" : ""])
                             }, [
-                              o("pre", null, k(E(dt)(H, e.object)), 1)
+                              o("pre", null, k(T(dt)(H, e.object)), 1)
                             ], 2)
                           ]),
                           Le || t.value.args.length < 2 ? (f(), p("button", {
                             key: 0,
                             class: "cursor-pointer ms-1",
-                            onClick: (xa) => $(H)
+                            onClick: (xa) => _(H)
                           }, [
                             b(ct, { class: "size-5" })
-                          ], 8, Bo)) : T("", !0)
+                          ], 8, Bo)) : E("", !0)
                         ]))), 128))
                       ])
                     ]),
                     _: 1
                   }, 8, ["active", "disabled"]),
-                  b(_e, {
+                  b($e, {
                     value: t.value.set,
                     args: t.value.args,
                     disabled: !i.value || u.value,
@@ -2735,7 +2735,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                     onHover: X,
                     onChange: S[4] || (S[4] = (H) => xe("set", H))
                   }, null, 8, ["value", "args", "disabled"]),
-                  b(_e, {
+                  b($e, {
                     value: t.value.get,
                     args: t.value.args,
                     disabled: !i.value,
@@ -2744,7 +2744,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
                     onHover: X,
                     onChange: S[6] || (S[6] = (H) => xe("get", H))
                   }, null, 8, ["value", "args", "disabled"]),
-                  b(_e, {
+                  b($e, {
                     value: t.value.getTo,
                     args: t.value.args,
                     disabled: !i.value,
@@ -2765,9 +2765,9 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
               _: 3
             })
           ]),
-          o("div", To, [
-            o("div", Eo, [
-              _(w.$slots, "default", { item: t.value })
+          o("div", Eo, [
+            o("div", To, [
+              $(w.$slots, "default", { item: t.value })
             ])
           ])
         ]),
@@ -2811,7 +2811,7 @@ const Fs = F({ name: "ri-folder6-line", render: Ps }), Us = ["onClick"], Rs = {
             ])
           ]),
           _: 1
-        }, 8, ["title"])) : T("", !0)
+        }, 8, ["title"])) : E("", !0)
       ]);
     };
   }
@@ -2948,40 +2948,44 @@ const Po = () => (e, l) => {
     selectionEnd: v
   };
 }, Uo = [
-  { label: "if", type: "keyword", insertText: `if:\${$v0<10};
+  { label: "if", type: "word", insert: `if:\${$v0<10};
 
 else;
 
 end;`, detail: "if:${$v0<10};else;end;" },
-  { label: "while", type: "keyword", insertText: `$v0=0;
+  { label: "while", type: "word", insert: `$v0=0;
 while:\${$v0<10};
 log($v0);
 $v0=$v0+1;
 wait(1s);
-end;`, detail: "while" },
-  { label: "on", type: "function", insertText: "on('${event}')\nend;", detail: "event" },
-  { label: "wait", type: "function", insertText: "wait(${1s})", detail: "delay 1s" },
-  { label: "log", type: "function", insertText: "log('${test}')", detail: "log" },
-  { label: "len", type: "function", insertText: "len(${$a0})", detail: "length" },
-  { label: "set", type: "function", insertText: "set(${$a0}, ${2}, ${10})", detail: "array" },
-  { label: "get", type: "function", insertText: "get(${$a0}, ${0})", detail: "array" },
-  { label: "ord", type: "function", insertText: "ord(${$s0})", detail: "ord" },
-  { label: "chr", type: "function", insertText: "chr(${65})", detail: "chr" },
-  { label: "btn_13", type: "event", detail: "btn" },
-  { label: "btn_13_1", type: "event", detail: "btn" },
-  { label: "btn_13_0", type: "event", detail: "btn" },
-  { label: "$v${0}=", type: "variable", detail: "uint" },
-  { label: "$i${0}=", type: "variable", detail: "int" },
-  { label: "$f${0}=", type: "variable", detail: "float" },
-  { label: "$s${0}=", type: "variable", detail: "string" },
-  { label: "$p${13}=", type: "variable", detail: "gpio" }
+end;`, detail: "while:${$v0<2}; end;" },
+  { label: "udp", type: "func", insert: "udp(${},'call(1)')", detail: "udp(id:number, text:string)" },
+  { label: "on", type: "func", insert: `on('\${event}');
+
+end;`, detail: "event(name: string)" },
+  { label: "wait", type: "func", insert: "wait(${1s});", detail: "wait(10ms | 1s | 1m | 1h)" },
+  { label: "log", type: "func", insert: "log(${});", detail: "log(text: string | number)" },
+  { label: "len", type: "func", insert: "len(${$a0});", detail: "len(arr: array)" },
+  { label: "set", type: "func", insert: "set(${$a0},${2},${10});", detail: "set(arr: array, index: number, value: number)" },
+  { label: "get", type: "func", insert: "get(${$a0},${0});", detail: "get(arr: array, index: number)" },
+  { label: "ord", type: "func", insert: "ord(${$s0});", detail: "ord(char: string)" },
+  { label: "chr", type: "func", insert: "chr(${65});", detail: "chr(v: number)" },
+  // { label: 'btn_13', type: 'event', detail: 'event name' },
+  // { label: 'btn_13_1', type: 'event', detail: 'event name' },
+  // { label: 'btn_13_0', type: 'event', detail: 'event name' },
+  { label: "$v", type: "var", insert: "$v${0}", detail: "var (uint) " },
+  { label: "$i", type: "var", insert: "$i${0}", detail: "var (int)" },
+  { label: "$f", type: "var", insert: "$f${0}", detail: "var (float)" },
+  { label: "$s", type: "var", insert: "$s${0}", detail: "var (string)" },
+  { label: "$a", type: "var", insert: "$a${0}", detail: "var (array)" },
+  { label: "$p", type: "var", insert: "$p${0}", detail: "gpio" }
 ];
-let Te = [], q = null, K = 0, Y = [], ee = null, ne = null, Ee, nt, G = null, ae = null;
+let Ee = [], q = null, K = 0, Y = [], ee = null, ne = null, Te, nt, G = null, oe = null;
 const Ro = (e) => {
   const { customSuggestions: l = [], minPrefixLength: n = 1, maxSuggestions: s = 20, tabSize: t = 2, tooltip: a = { enabled: !0 }, i18n: r, renderMenu: d, renderTooltip: u } = e;
   if (!d || !u)
     throw new Error("renderMenu and renderTooltip are required");
-  return Te = [...Uo, ...l].map((i) => r(i)), Ee = d, nt = u, (i, c) => {
+  return Ee = [...Uo, ...l].map((i) => r(i)), Te = d, nt = u, (i, c) => {
     if (!(c instanceof KeyboardEvent))
       return;
     const { value: m, selectionStart: v } = i, g = c.target;
@@ -2997,13 +3001,13 @@ const Ro = (e) => {
           return c.preventDefault(), K > 0 && (K--, se()), { ...i };
         case "Enter":
           if (c.preventDefault(), Y[K]) {
-            const h = $e(i, Y[K]);
+            const h = _e(i, Y[K]);
             return Q(), h;
           }
           return;
         case "Tab":
           if (c.preventDefault(), Y[K]) {
-            const h = $e(i, Y[K]);
+            const h = _e(i, Y[K]);
             return Q(), h;
           }
           return;
@@ -3012,7 +3016,7 @@ const Ro = (e) => {
         case "Backspace":
           setTimeout(() => {
             if (ne) {
-              const h = ne.value, x = ne.selectionStart, $ = he(h, x), C = h.slice($, x);
+              const h = ne.value, x = ne.selectionStart, _ = he(h, x), C = h.slice(_, x);
               if (C.length < n)
                 Q();
               else {
@@ -3032,9 +3036,9 @@ const Ro = (e) => {
       if (x.length > 0) {
         const j = ke(x);
         if (j.length > 0)
-          return $e(i, j[0]);
+          return _e(i, j[0]);
       }
-      const $ = " ".repeat(t), C = m.slice(0, v) + $ + m.slice(v), z = v + t;
+      const _ = " ".repeat(t), C = m.slice(0, v) + _ + m.slice(v), z = v + t;
       return {
         value: C,
         selectionStart: z,
@@ -3044,7 +3048,7 @@ const Ro = (e) => {
     if (!(c.key.length !== 1 || c.ctrlKey || c.metaKey || c.altKey))
       return ee && clearTimeout(ee), ee = setTimeout(() => {
         ee = null;
-        const h = g.value, x = g.selectionStart, $ = he(h, x), C = h.slice($, x);
+        const h = g.value, x = g.selectionStart, _ = he(h, x), C = h.slice(_, x);
         if (C.length < n) {
           Q();
           return;
@@ -3060,7 +3064,7 @@ const Ro = (e) => {
 };
 function ke(e) {
   const l = e.toLowerCase();
-  return Te.filter((n) => {
+  return Ee.filter((n) => {
     const s = n.label.toLowerCase();
     return s.startsWith(l) || s.includes(l) || s.split("_").map((t) => t[0]).join("").startsWith(l);
   }).sort((n, s) => {
@@ -3080,7 +3084,7 @@ function he(e, l) {
 function Wo(e, l) {
   Q(), Y = l, K = 0;
   const n = st(e);
-  q = Ee(l, K, (s) => {
+  q = Te(l, K, (s) => {
     K = s, se();
   }), Object.assign(q.style, {
     position: "fixed",
@@ -3091,7 +3095,7 @@ function Wo(e, l) {
 }
 function se() {
   if (!q || !ne) return;
-  const e = Ee(Y, K, (n) => {
+  const e = Te(Y, K, (n) => {
     K = n, se();
   }), l = q.getBoundingClientRect();
   q.replaceWith(e), q = e, Object.assign(q.style, {
@@ -3101,23 +3105,23 @@ function se() {
     zIndex: "10000"
   });
 }
-function $e(e, l) {
-  const { value: n, selectionStart: s } = e, t = he(n, s), a = l.insertText || l.label, r = /\$\{([^}]*)\}/g;
+function _e(e, l) {
+  const { value: n, selectionStart: s } = e, t = he(n, s), a = l.insert || l.label, r = /\$\{([^}]*)\}/g;
   let d = a;
   const u = [];
   let i;
   for (; (i = r.exec(a)) !== null; ) {
-    const h = i[1], x = i.index, $ = i[0].length;
-    u.push({ index: x, text: h, length: $ });
+    const h = i[1], x = i.index, _ = i[0].length;
+    u.push({ index: x, text: h, length: _ });
   }
   d = a.replace(/\$\{([^}]*)\}/g, "$1");
   const c = u[0];
   let m = t + d.length, v = t + d.length;
   if (c) {
-    let h = 0, x = 0, $ = !1;
-    for (; x < a.length && !$; ) {
+    let h = 0, x = 0, _ = !1;
+    for (; x < a.length && !_; ) {
       const C = u.find((z) => z.index === x);
-      C ? (h += C.text.length, x += C.length, C === c && (m = t + h - C.text.length, v = t + h, $ = !0)) : (h++, x++);
+      C ? (h += C.text.length, x += C.length, C === c && (m = t + h - C.text.length, v = t + h, _ = !0)) : (h++, x++);
     }
   }
   return {
@@ -3138,39 +3142,38 @@ function st(e) {
   };
 }
 function Oe(e) {
-  ae && clearTimeout(ae), ae = setTimeout(() => {
+  oe && clearTimeout(oe), oe = setTimeout(() => {
     const l = e.selectionStart, n = e.selectionEnd;
     if (l === n) {
-      oe();
+      re();
       return;
     }
     const s = e.value.substring(l, n).trim();
     if (!s) {
-      oe();
+      re();
       return;
     }
-    const t = Te.find((d) => d.label === s);
+    const t = Ee.find((d) => d.label === s);
     if (!t) {
-      oe();
+      re();
       return;
     }
     const a = st(e), r = nt(t, a);
     r.style.opacity = "0", G && G.remove(), G = r, document.body.appendChild(G), requestAnimationFrame(() => {
       G && (G.style.opacity = "1");
-    }), setTimeout(() => oe(), 3e3);
+    }), setTimeout(() => re(), 3e3);
   }, 300);
 }
-function oe() {
-  ae && (clearTimeout(ae), ae = null), G && (G.style.opacity = "0", setTimeout(() => {
+function re() {
+  oe && (clearTimeout(oe), oe = null), G && (G.style.opacity = "0", setTimeout(() => {
     G && (G.remove(), G = null);
   }, 150));
 }
 document.addEventListener("mousedown", (e) => {
   const l = e.target;
-  q && !q.contains(l) && Q(), G && !G.contains(l) && oe();
+  q && !q.contains(l) && Q(), G && !G.contains(l) && re();
 });
-document.addEventListener("scroll", oe, !0);
-const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Ko = /(\/\/[^\n]*)|('[^'\n]*')|(\b\d+(?:\.\d+)?\b)|(\b(?:on|call|wait|while|log|if|else|end|set|get|len|ord|chr|read_temp|read_hum|read_motion)\b)|(\$[vifsp]\d+)|(\b(?:btn_\d+_\d+|btn_\d+)\b)|([;:(){}])/g, qo = (e) => {
+const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Ko = /(\/\/[^\n]*)|('[^'\n]*')|(\b\d+(?:\.\d+)?\b)|(\b(?:on|call|wait|while|log|if|else|end|set|get|len|ord|chr|read_temp|read_hum|read_motion)\b)|(\$[vifspa]\d+)|(\b(?:btn_\d+_\d+|btn_\d+)\b)|([;:(){}])/g, qo = (e) => {
   let l = "", n = 0;
   for (const s of e.matchAll(Ko)) {
     const [t, a, r, d, u, i, c, m] = s;
@@ -3179,9 +3182,9 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   }
   return l += we(e.slice(n)), l;
 }, ot = {
-  keyword: "text-blue-600 dark:text-blue-400",
-  function: "text-yellow-600 dark:text-yellow-400",
-  variable: "text-cyan-600 dark:text-cyan-400",
+  word: "text-blue-600 dark:text-blue-400",
+  func: "text-yellow-600 dark:text-yellow-400",
+  var: "text-cyan-600 dark:text-cyan-400",
   event: "text-purple-600 dark:text-purple-400"
 }, Go = (e, l, n) => {
   const s = document.createElement("div");
@@ -3320,8 +3323,8 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
           continue;
         }
         if (g && h.includes(":")) {
-          const [x, $] = h.split(":").map((C) => C.trim());
-          x && $ && (x.toLowerCase().includes("version") && (v.version = $), (x.toLowerCase().includes("обновлено") || x.toLowerCase().includes("updated")) && (v.updated = $));
+          const [x, _] = h.split(":").map((C) => C.trim());
+          x && _ && (x.toLowerCase().includes("version") && (v.version = _), (x.toLowerCase().includes("обновлено") || x.toLowerCase().includes("updated")) && (v.updated = _));
         }
       }
       return v;
@@ -3355,9 +3358,9 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
       }
     }), (c, m) => (f(), p("div", Xo, [
       t.value || a.value ? (f(), p("div", Yo, [
-        t.value ? (f(), p("span", Qo, "⏳")) : T("", !0),
-        a.value ? (f(), p("span", Zo, "❌ " + k(a.value), 1)) : T("", !0)
-      ])) : T("", !0),
+        t.value ? (f(), p("span", Qo, "⏳")) : E("", !0),
+        a.value ? (f(), p("span", Zo, "❌ " + k(a.value), 1)) : E("", !0)
+      ])) : E("", !0),
       o("div", {
         class: "docs-content",
         innerHTML: n.value
@@ -3398,7 +3401,7 @@ const we = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
           onClick: (u) => t(d, u)
         }, {
           default: y(({ item: u }) => [
-            _(a.$slots, "default", { item: u }, () => [
+            $(a.$slots, "default", { item: u }, () => [
               I(k(u.name), 1)
             ])
           ]),
@@ -3457,7 +3460,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
         ]),
         o("div", aa, [
           o("div", ia, [
-            _(a.$slots, "default")
+            $(a.$slots, "default")
           ])
         ])
       ], 512);
@@ -3518,13 +3521,13 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
             onDragover: v[0] || (v[0] = N(() => {
             }, ["prevent"]))
           }, [
-            _(m.$slots, "default", {
+            $(m.$slots, "default", {
               item: g,
               key: g.id,
               index: h,
               isDragging: s.value === g.id
             }),
-            a.value === h && s.value !== g.id ? (f(), p("div", ca)) : T("", !0)
+            a.value === h && s.value !== g.id ? (f(), p("div", ca)) : E("", !0)
           ], 42, ra))), 128))
         ]),
         _: 3
@@ -3550,7 +3553,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
             key: i,
             class: B(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(u)])
           }, [
-            _(r.$slots, "header", {
+            $(r.$slots, "header", {
               item: u,
               i
             }, () => [
@@ -3570,7 +3573,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
             class: "py-2 px-4"
           }, [
             o("div", ha, [
-              _(r.$slots, c.key, {
+              $(r.$slots, c.key, {
                 item: u,
                 i
               }, () => [
@@ -3581,7 +3584,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
         ], 8, pa))), 128)) : (f(), p("tr", ga, [
           o("td", ba, [
             o("div", ya, [
-              _(r.$slots, "empty", {}, () => [
+              $(r.$slots, "empty", {}, () => [
                 d[0] || (d[0] = I("The list is empty", -1))
               ])
             ])
@@ -3602,7 +3605,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
     }, s = () => {
       l.value = !1;
     }, t = Ue("tooltip");
-    return _t(t, () => s()), (a, r) => (f(), p("div", {
+    return $t(t, () => s()), (a, r) => (f(), p("div", {
       ref: "tooltip",
       class: "relative v-tooltip",
       onMouseenter: n,
@@ -3612,9 +3615,9 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
         type: "button",
         onClick: n
       }, [
-        _(a.$slots, "activator")
+        $(a.$slots, "activator")
       ]),
-      b(ie, {
+      b(ae, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
         "enter-to-class": "opacity-100 translate-y-0",
@@ -3623,7 +3626,7 @@ const oa = F({ name: "ri-arrow-drop-down-line", render: sa }), aa = { class: "v-
         "leave-to-class": "transform opacity-0 -translate-y-2"
       }, {
         default: y(() => [
-          _(a.$slots, "default", { show: l.value })
+          $(a.$slots, "default", { show: l.value })
         ]),
         _: 3
       })
@@ -3654,14 +3657,14 @@ export {
   Ba as AppNav,
   Sa as AppNotification,
   Va as AppOverlay,
-  Ta as AppProgress,
+  Ea as AppProgress,
   Ia as BlockBreadcrumb,
-  Ea as BlockInfo,
+  Ta as BlockInfo,
   La as BlockScan,
   Ma as BlockService,
   Aa as BlockStatus,
   Da as BlockUpdate,
-  re as CardBase,
+  ie as CardBase,
   Oa as CardButton,
   ja as CardDate,
   Ha as CardDimmer,
@@ -3681,7 +3684,7 @@ export {
   be as VDropdown,
   qa as VExpansion,
   On as VFile,
-  _e as VFunc,
+  $e as VFunc,
   Se as VIconLogo,
   qe as VIconLogoMini,
   me as VList,