vuesp-components 1.3.7 → 1.3.8

package/dist/index.es.js

@@ -568,7 +568,7 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
       IconInfo: Rl,
       IconPlus: ql
     }, o = M(() => t.name ? e[`Icon${t.name}`] : ve);
-    return (r, a) => (s(), A(G(o.value), { name: "Icon" }));
+    return (n, a) => (s(), A(G(o.value), { name: n.name }, null, 8, ["name"]));
   }
 }), Gl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Kl = /* @__PURE__ */ V({
   __name: "AppAside",
@@ -577,7 +577,7 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
   },
   emits: ["sidebar"],
   setup(t, { emit: e }) {
-    const o = e, r = () => {
+    const o = e, n = () => {
       t.isSidebar && o("sidebar", !t.isSidebar);
     };
     return (a, u) => {
@@ -586,7 +586,7 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
         a.isSidebar ? (s(), v("div", {
           key: 0,
           class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
-          onClick: r
+          onClick: n
         })) : I("", !0),
         l("aside", {
           class: z([a.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"])
@@ -618,8 +618,8 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
   }
 }), ge = (t, e) => {
   const o = t.__vccOpts || t;
-  for (const [r, a] of e)
-    o[r] = a;
+  for (const [n, a] of e)
+    o[n] = a;
   return o;
 }, Zl = {}, Jl = {
   class: "animate-spin h-6 w-6",
@@ -658,7 +658,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, r = (m) => o("click", m), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", u = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", d = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: u, gray: d, blue: f }, n = {
+    const o = e, n = (m) => o("click", m), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", u = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", d = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: u, gray: d, blue: f }, r = {
       button: "px-4",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
     }, i = {
@@ -667,13 +667,13 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
     }, h = M(() => [Xl, w(t.color), b(t.type), $(t.type, t.size), { "w-full": t.block }]), y = M(() => t.href || t.to ? "router-link" : "button"), $ = (m, E) => {
       var Q;
       return ((Q = i[m]) == null ? void 0 : Q[E]) || "";
-    }, b = (m) => (n == null ? void 0 : n[m]) || "", w = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(c == null ? void 0 : c[m]) || ""}`;
+    }, b = (m) => (r == null ? void 0 : r[m]) || "", w = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(c == null ? void 0 : c[m]) || ""}`;
     return (m, E) => (s(), A(G(y.value), H(m.$attrs, {
       href: m.href,
       to: m.to,
       class: h.value,
       disabled: !!m.disabled,
-      onClick: r
+      onClick: n
     }), {
       default: g(() => [
         l("span", {
@@ -704,18 +704,18 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["close", "open"],
   setup(t, { emit: e }) {
-    const o = e, r = L(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, u = M(() => a[t.size]), d = (n) => {
-      r.value = !1, setTimeout(() => {
-        o("close", n);
+    const o = e, n = L(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, u = M(() => a[t.size]), d = (r) => {
+      n.value = !1, setTimeout(() => {
+        o("close", r);
       }, 300);
-    }, f = (n) => {
-      t.callback && t.callback(), d(n);
-    }, c = () => o("open", r.value);
+    }, f = (r) => {
+      t.callback && t.callback(), d(r);
+    }, c = () => o("open", n.value);
     return ne(() => {
       setTimeout(() => {
-        r.value = !0;
+        n.value = !0;
       }, 300);
-    }), (n, i) => (s(), A(we, { to: "body" }, [
+    }), (r, i) => (s(), A(we, { to: "body" }, [
       p(X, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -726,7 +726,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
         onAfterEnter: c
       }, {
         default: g(() => [
-          r.value ? (s(), v("div", {
+          n.value ? (s(), v("div", {
             key: 0,
             class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
             onWheel: i[0] || (i[0] = P(() => {
@@ -741,8 +741,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                 class: z(["m-auto w-full bg-gray-50 dark:bg-gray-900 shadow-lg flex flex-col rounded-sm z-30", u.value])
               }, [
                 l("div", ea, [
-                  C(n.$slots, "header", {}, () => [
-                    l("h4", null, _(n.title), 1)
+                  C(r.$slots, "header", {}, () => [
+                    l("h4", null, _(r.title), 1)
                   ]),
                   p(j, {
                     type: "icon",
@@ -755,19 +755,19 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                   })
                 ]),
                 l("div", ta, [
-                  C(n.$slots, "default", {}, () => [
-                    l("div", { innerHTML: n.message }, null, 8, la)
+                  C(r.$slots, "default", {}, () => [
+                    l("div", { innerHTML: r.message }, null, 8, la)
                   ])
                 ]),
-                n.$slots.footer || n.callback ? (s(), v("div", aa, [
-                  C(n.$slots, "footer", {}, () => [
+                r.$slots.footer || r.callback ? (s(), v("div", aa, [
+                  C(r.$slots, "footer", {}, () => [
                     p(j, {
                       color: "blue",
                       size: "small",
                       onClick: f
                     }, {
                       default: g(() => [
-                        T(_(n.button), 1)
+                        T(_(r.button), 1)
                       ]),
                       _: 1
                     })
@@ -792,22 +792,22 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["click", "show", "close"],
   setup(t, { emit: e }) {
-    const o = e, r = L(!1), a = M(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), u = (i) => {
-      r.value && c(i);
+    const o = e, n = L(!1), a = M(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), u = (i) => {
+      n.value && c(i);
     }, d = (i) => {
-      r.value ? t.hideOnClick && c(i) : f(i), o("click", r.value);
+      n.value ? t.hideOnClick && c(i) : f(i), o("click", n.value);
     }, f = (i) => {
-      r.value = !0, o("show", i);
+      n.value = !0, o("show", i);
     }, c = (i) => {
-      r.value = !1, o("close", i);
-    }, n = { click: d, open: f };
+      n.value = !1, o("close", i);
+    }, r = { click: d, open: f };
     return (i, h) => {
       const y = Ce("outside");
       return re((s(), v("div", sa, [
         l("div", oa, [
           C(i.$slots, "activator", {
-            on: n,
-            show: r.value
+            on: r,
+            show: n.value
           })
         ]),
         p(X, {
@@ -819,17 +819,17 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
           default: g(() => [
-            r.value ? (s(), v("div", {
+            n.value ? (s(), v("div", {
               key: 0,
               class: "z-10 min-w-full absolute overflow-auto shadow-lg scrollbar",
               style: K(a.value),
               onClick: d
             }, [
               C(i.$slots, "default", {
-                on: n,
+                on: r,
                 show: f,
                 hide: c,
-                isShown: r.value
+                isShown: n.value
               })
             ], 4)) : I("", !0)
           ]),
@@ -848,7 +848,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = (u, d) => r("click", u, d);
+    const o = t, n = e, a = (u, d) => n("click", u, d);
     return (u, d) => (s(), v("ul", {
       class: z(o.className ?? "bg-white dark:bg-gray-800")
     }, [
@@ -871,13 +871,13 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["sidebar", "notif"],
   setup(t, { emit: e }) {
-    const o = e, r = [
+    const o = e, n = [
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
     ], a = M(() => !!t.notifications.find((i) => i.isNew)), u = (i) => o("sidebar", i), d = (i) => o("notif", i), f = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), c = () => {
       t.changeTheme && t.changeTheme();
-    }, n = ({ value: i }, h) => {
+    }, r = ({ value: i }, h) => {
       i == 1 && c(), i == 2 && d(h), i == 3 && f();
     };
     return (i, h) => {
@@ -975,8 +975,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                 ]),
                 default: g(() => [
                   p(ee, {
-                    list: r,
-                    onClick: n
+                    list: n,
+                    onClick: r
                   }, {
                     default: g(({ item: $ }) => [
                       l("span", fa, _($.name), 1)
@@ -1005,8 +1005,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["remove", "read"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], u = (c) => a[c], d = (c) => r("remove", c), f = (c) => r("read", c);
-    return (c, n) => (s(), v("div", pa, [
+    const o = t, n = e, a = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], u = (c) => a[c], d = (c) => n("remove", c), f = (c) => n("read", c);
+    return (c, r) => (s(), v("div", pa, [
       l("div", {
         class: z(["absolute left-0 top-0 w-[3px] h-full", u(o.color)])
       }, null, 2),
@@ -1019,7 +1019,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
         default: g(() => [
           l("span", {
             class: z([o.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-          }, n[0] || (n[0] = [
+          }, r[0] || (r[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),
           p(B, {
@@ -1060,8 +1060,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["close", "remove", "read"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = M(() => !!o.notifications.find((n) => n.isNew)), u = M(() => !!o.notifications.length), d = (n) => r("close", n), f = (n) => r("remove", n), c = (n) => r("read", n);
-    return (n, i) => (s(), v(D, null, [
+    const o = t, n = e, a = M(() => !!o.notifications.find((r) => r.isNew)), u = M(() => !!o.notifications.length), d = (r) => n("close", r), f = (r) => n("remove", r), c = (r) => n("read", r);
+    return (r, i) => (s(), v(D, null, [
       o.value ? (s(), v("div", {
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
@@ -1071,7 +1071,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
         class: z([o.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", ya, [
-          C(n.$slots, "header", { isNew: a.value }),
+          C(r.$slots, "header", { isNew: a.value }),
           u.value ? (s(), v("div", xa, [
             p(me, {
               "enter-active-class": "transition-all duration-300 ",
@@ -1086,7 +1086,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                   key: h.date,
                   class: "relative"
                 }, [
-                  C(n.$slots, "card", { item: h }, () => [
+                  C(r.$slots, "card", { item: h }, () => [
                     p(ba, H({ ref_for: !0 }, h, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
                       onRemove: (y) => f(h),
@@ -1097,7 +1097,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
               ]),
               _: 3
             })
-          ])) : C(n.$slots, "empty", { key: 1 })
+          ])) : C(r.$slots, "empty", { key: 1 })
         ])
       ], 2)
     ], 64));
@@ -1120,14 +1120,14 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
   },
   emits: ["sidebar"],
   setup(t, { emit: e }) {
-    const o = e, r = L(""), a = ({ name: d }) => {
-      t.isSidebar && o("sidebar", !t.isSidebar), r.value !== d && (r.value = r.value === d ? "" : d);
+    const o = e, n = L(""), a = ({ name: d }) => {
+      t.isSidebar && o("sidebar", !t.isSidebar), n.value !== d && (n.value = n.value === d ? "" : d);
     }, u = (d) => t.fullPath === d;
     return W(
       () => t.menu,
       () => {
         var d;
-        return r.value = ((d = Oe(t.menu, t.fullPath)) == null ? void 0 : d.name) || "";
+        return n.value = ((d = Oe(t.menu, t.fullPath)) == null ? void 0 : d.name) || "";
       }
     ), (d, f) => (s(), v("nav", null, [
       l("ul", Va, [
@@ -1137,7 +1137,7 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
           (s(), A(G(c.path ? "router-link" : "span"), {
             to: c.path,
             class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(c.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-            onClick: P((n) => a(c), ["prevent", "stop"])
+            onClick: P((r) => a(c), ["prevent", "stop"])
           }, {
             default: g(() => [
               p(B, {
@@ -1149,7 +1149,7 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
               }, _(c.name), 3),
               l("button", {
                 class: z(["cursor-pointer", [d.isSidebar ? "lg:hidden" : ""]]),
-                onClick: P((n) => a(c), ["prevent", "stop"])
+                onClick: P((r) => a(c), ["prevent", "stop"])
               }, [
                 c.children ? (s(), A(B, {
                   key: 0,
@@ -1161,10 +1161,10 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
           }, 1032, ["to", "class", "onClick"])),
           c.children ? (s(), v("div", {
             key: 0,
-            class: z(["translate transform overflow-hidden mt-2", [d.isSidebar ? "lg:hidden" : "", r.value === c.name ? "block" : "hidden"]])
+            class: z(["translate transform overflow-hidden mt-2", [d.isSidebar ? "lg:hidden" : "", n.value === c.name ? "block" : "hidden"]])
           }, [
             l("ul", Ma, [
-              (s(!0), v(D, null, N(c.children, ({ name: n, path: i, icon: h }) => (s(), v("li", { key: n }, [
+              (s(!0), v(D, null, N(c.children, ({ name: r, path: i, icon: h }) => (s(), v("li", { key: r }, [
                 (s(), A(G(i ? "router-link" : "span"), {
                   to: i,
                   class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(i) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
@@ -1176,7 +1176,7 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
                         name: h,
                         class: "size-5 flex-[0_0_24px]"
                       }, null, 8, ["name"])) : I("", !0),
-                      l("span", Aa, _(n), 1)
+                      l("span", Aa, _(r), 1)
                     ])
                   ]),
                   _: 2
@@ -1201,27 +1201,27 @@ function fe(...t) {
   return typeof e == "function" ? Ve(Be(() => ({ get: e, set: se }))) : L(e);
 }
 function Ha(t, e) {
-  function o(...r) {
+  function o(...n) {
     return new Promise((a, u) => {
-      Promise.resolve(t(() => e.apply(this, r), { fn: e, thisArg: this, args: r })).then(a).catch(u);
+      Promise.resolve(t(() => e.apply(this, n), { fn: e, thisArg: this, args: n })).then(a).catch(u);
     });
   }
   return o;
 }
 function La(t, e = {}) {
-  let o, r, a = se;
+  let o, n, a = se;
   const u = (c) => {
     clearTimeout(c), a(), a = se;
   };
   let d;
   return (c) => {
-    const n = Z(t), i = Z(e.maxWait);
-    return o && u(o), n <= 0 || i !== void 0 && i <= 0 ? (r && (u(r), r = void 0), Promise.resolve(c())) : new Promise((h, y) => {
-      a = e.rejectOnCancel ? y : h, d = c, i && !r && (r = setTimeout(() => {
-        o && u(o), r = void 0, h(d());
+    const r = Z(t), i = Z(e.maxWait);
+    return o && u(o), r <= 0 || i !== void 0 && i <= 0 ? (n && (u(n), n = void 0), Promise.resolve(c())) : new Promise((h, y) => {
+      a = e.rejectOnCancel ? y : h, d = c, i && !n && (n = setTimeout(() => {
+        o && u(o), n = void 0, h(d());
       }, i)), o = setTimeout(() => {
-        r && u(r), r = void 0, h(c());
-      }, n);
+        n && u(n), n = void 0, h(c());
+      }, r);
     });
   };
 }
@@ -1243,17 +1243,17 @@ function ja(t) {
   return M(() => !!t());
 }
 function Na(t, e, o = {}) {
-  const { window: r = de, ...a } = o;
+  const { window: n = de, ...a } = o;
   let u;
-  const d = /* @__PURE__ */ ja(() => r && "ResizeObserver" in r), f = () => {
+  const d = /* @__PURE__ */ ja(() => n && "ResizeObserver" in n), f = () => {
     u && (u.disconnect(), u = void 0);
   }, c = M(() => {
     const h = Z(t);
     return Array.isArray(h) ? h.map((y) => he(y)) : [he(h)];
-  }), n = W(
+  }), r = W(
     c,
     (h) => {
-      if (f(), d.value && r) {
+      if (f(), d.value && n) {
         u = new ResizeObserver(e);
         for (const y of h)
           y && u.observe(y, a);
@@ -1261,7 +1261,7 @@ function Na(t, e, o = {}) {
     },
     { immediate: !0, flush: "post" }
   ), i = () => {
-    f(), n();
+    f(), r();
   };
   return Ta(i), {
     isSupported: d,
@@ -1273,8 +1273,8 @@ function Oa(t = de, e) {
 }
 function Pa(t = {}) {
   var e, o;
-  const { window: r = de } = t, a = fe(t == null ? void 0 : t.element), u = fe((e = t == null ? void 0 : t.input) != null ? e : ""), d = (o = t == null ? void 0 : t.styleProp) != null ? o : "height", f = ue(1), c = ue(0);
-  function n() {
+  const { window: n = de } = t, a = fe(t == null ? void 0 : t.element), u = fe((e = t == null ? void 0 : t.input) != null ? e : ""), d = (o = t == null ? void 0 : t.styleProp) != null ? o : "height", f = ue(1), c = ue(0);
+  function r() {
     var i;
     if (!a.value)
       return;
@@ -1283,17 +1283,17 @@ function Pa(t = {}) {
     const y = Z(t == null ? void 0 : t.styleTarget);
     y ? y.style[d] = `${f.value}px` : h = `${f.value}px`, a.value.style[d] = h;
   }
-  return W([u, a], () => Ae(n), { immediate: !0 }), W(f, () => {
+  return W([u, a], () => Ae(r), { immediate: !0 }), W(f, () => {
     var i;
     return (i = t == null ? void 0 : t.onResize) == null ? void 0 : i.call(t);
   }), Na(a, ([{ contentRect: i }]) => {
-    c.value !== i.width && Oa(r, () => {
-      c.value = i.width, n();
+    c.value !== i.width && Oa(n, () => {
+      c.value = i.width, r();
     });
-  }), t != null && t.watch && W(t.watch, n, { immediate: !0, deep: !0 }), {
+  }), t != null && t.watch && W(t.watch, r, { immediate: !0, deep: !0 }), {
     textarea: a,
     input: u,
-    triggerResize: n
+    triggerResize: r
   };
 }
 const Fa = {
@@ -1317,7 +1317,7 @@ const Fa = {
     length: { default: 0 }
   },
   setup(t) {
-    const e = L(!1), o = M(() => !!t.length), r = M(() => !!(o.value && a.value === 100 && !t.status)), a = M(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), u = /* @__PURE__ */ ie(() => {
+    const e = L(!1), o = M(() => !!t.length), n = M(() => !!(o.value && a.value === 100 && !t.status)), a = M(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), u = /* @__PURE__ */ ie(() => {
       e.value = !1;
     }, t.timeout);
     return W(
@@ -1336,9 +1336,9 @@ const Fa = {
       default: g(() => [
         e.value ? (s(), v("div", Fa, [
           l("div", Ea, [
-            C(d.$slots, "default", { isDone: r.value }, () => [
+            C(d.$slots, "default", { isDone: n.value }, () => [
               f[1] || (f[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
-              r.value ? (s(), v("span", Ra, "Done")) : I("", !0)
+              n.value ? (s(), v("span", Ra, "Done")) : I("", !0)
             ]),
             l("button", {
               class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
@@ -1393,14 +1393,14 @@ const Fa = {
   },
   setup(t) {
     const e = M(() => t.firmware.join(".")), o = M(() => {
-      var a, u, d, f, c, n, i;
-      const r = [];
-      return (a = t.pkg) != null && a.homepage && r.push({ name: "homepage", href: t.pkg.homepage }), (d = (u = t.pkg) == null ? void 0 : u.repository) != null && d.url && r.push({ name: "repository", href: t.pkg.repository.url }), (c = (f = t.pkg) == null ? void 0 : f.bugs) != null && c.url && r.push({ name: "bugs", href: t.pkg.bugs.url }), (n = t.pkg) != null && n.author && r.push({ name: "author", href: `mailto:${(i = t.pkg) == null ? void 0 : i.author}` }), r;
+      var a, u, d, f, c, r, i;
+      const n = [];
+      return (a = t.pkg) != null && a.homepage && n.push({ name: "homepage", href: t.pkg.homepage }), (d = (u = t.pkg) == null ? void 0 : u.repository) != null && d.url && n.push({ name: "repository", href: t.pkg.repository.url }), (c = (f = t.pkg) == null ? void 0 : f.bugs) != null && c.url && n.push({ name: "bugs", href: t.pkg.bugs.url }), (r = t.pkg) != null && r.author && n.push({ name: "author", href: `mailto:${(i = t.pkg) == null ? void 0 : i.author}` }), n;
     });
-    return (r, a) => {
+    return (n, a) => {
       var u, d;
       return s(), v("div", null, [
-        l("p", Za, _((u = r.pkg) == null ? void 0 : u.description), 1),
+        l("p", Za, _((u = n.pkg) == null ? void 0 : u.description), 1),
         l("div", Ja, [
           l("div", Qa, [
             a[0] || (a[0] = T(" Firmware (hw): ")),
@@ -1409,19 +1409,19 @@ const Fa = {
           l("div", Ya, [
             l("div", es, [
               a[1] || (a[1] = T(" Version (web): ")),
-              l("span", ts, _((d = r.pkg) == null ? void 0 : d.version), 1)
+              l("span", ts, _((d = n.pkg) == null ? void 0 : d.version), 1)
             ])
           ]),
           a[3] || (a[3] = l("div", { class: "flex-auto" }, null, -1)),
           l("div", ls, [
             a[2] || (a[2] = T(" ID: ")),
-            l("span", as, _(r.id.toString(16)), 1)
+            l("span", as, _(n.id.toString(16)), 1)
           ])
         ]),
         a[4] || (a[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
         l("div", ss, [
           l("div", os, [
-            C(r.$slots, "links", { links: o.value })
+            C(n.$slots, "links", { links: o.value })
           ])
         ])
       ]);
@@ -1434,7 +1434,7 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, r = (a) => o("click", a);
+    const o = e, n = (a) => o("click", a);
     return (a, u) => (s(), v("nav", null, [
       l("ol", ns, [
         (s(!0), v(D, null, N(a.items, (d, f) => (s(), v("li", {
@@ -1444,7 +1444,7 @@ const Fa = {
           C(a.$slots, "default", { item: d }, () => [
             (s(), A(G(d.path ? "a" : "span"), {
               href: d.path,
-              onClick: (c) => r(d)
+              onClick: (c) => n(d)
             }, {
               default: g(() => [
                 T(_(d.name), 1)
@@ -1475,7 +1475,7 @@ const Fa = {
   },
   setup(t) {
     const e = t;
-    return (o, r) => (s(), v("div", {
+    return (o, n) => (s(), v("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 }])
     }, [
       o.loading ? (s(), v("div", rs)) : I("", !0),
@@ -1509,8 +1509,8 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = L(!1), u = M(() => ["button", "dimmer"].includes(o.type || "") && o.value ? "text-amber-500" : "text-gray-400"), d = M(() => o.icon || ""), f = (h) => r("edit", h), c = () => a.value = !0, n = (h) => r("open", h), i = (h) => {
-      a.value = !1, r("close", h);
+    const o = t, n = e, a = L(!1), u = M(() => ["button", "dimmer"].includes(o.type || "") && o.value ? "text-amber-500" : "text-gray-400"), d = M(() => o.icon || ""), f = (h) => n("edit", h), c = () => a.value = !0, r = (h) => n("open", h), i = (h) => {
+      a.value = !1, n("close", h);
     };
     return (h, y) => {
       const $ = oe("AppDialog");
@@ -1553,7 +1553,7 @@ const Fa = {
           size: o.size || "sm",
           title: h.name,
           onClose: i,
-          onOpen: n
+          onOpen: r
         }, {
           header: g(() => [
             l("div", ms, [
@@ -1608,14 +1608,14 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = ({ opts: f = {} }) => {
+    const o = t, n = e, a = ({ opts: f = {} }) => {
       const { disabled: c } = f;
       return { disabled: c };
-    }, u = (f) => r("click", f), d = () => r("setState", !o.value);
+    }, u = (f) => n("click", f), d = () => n("setState", !o.value);
     return (f, c) => (s(), A(q, H(o, { onClick: u }), {
-      header: g((n) => [
+      header: g((r) => [
         l("div", ks, [
-          p(j, H(a(n), {
+          p(j, H(a(r), {
             type: "icon",
             class: "text-gray-500",
             onClick: P(d, ["stop"])
@@ -1630,9 +1630,9 @@ const Fa = {
           }, 1040)
         ])
       ]),
-      dialog: g((n) => [
+      dialog: g((r) => [
         l("div", _s, [
-          p(j, H(a(n), {
+          p(j, H(a(r), {
             type: "icon",
             class: ["size-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
             onClick: P(d, ["stop"])
@@ -1668,14 +1668,14 @@ const Fa = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup(t, { emit: e }) {
-    const o = e, r = {
+    const o = e, n = {
       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"
     }, a = L(!1), u = M(() => [
       t.component === "input" ? "h-[40px]" : "min-h-[40px]",
       t.message ? "border-red-500 hover:border-red-400" : "",
       t.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
-    ]), d = M(() => r[t.component]), f = (m) => m || m === 0, c = M(() => [Vs, a.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), n = M(() => t.component === "input"), i = (m) => {
+    ]), d = M(() => n[t.component]), f = (m) => m || m === 0, c = M(() => [Vs, a.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = M(() => t.component === "input"), i = (m) => {
       a.value = !1, o("blur", m);
     }, h = (m) => {
       a.value = !0, o("blur", m);
@@ -1694,8 +1694,8 @@ const Fa = {
           disabled: !!m.disabled,
           type: m.type,
           readonly: m.readonly,
-          rows: n.value ? null : "2",
-          wrap: n.value ? null : "soft",
+          rows: r.value ? null : "2",
+          wrap: r.value ? null : "soft",
           class: d.value,
           onFocus: h,
           onBlur: i,
@@ -1737,15 +1737,15 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), u = (c) => {
+    const o = t, n = e, a = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), u = (c) => {
       var i;
-      const n = (i = c == null ? void 0 : c.target) == null ? void 0 : i.valueAsNumber;
-      n && r("setState", n / 1e3);
-    }, d = ({ name: c, value: n, opts: i = {} }) => {
+      const r = (i = c == null ? void 0 : c.target) == null ? void 0 : i.valueAsNumber;
+      r && n("setState", r / 1e3);
+    }, d = ({ name: c, value: r, opts: i = {} }) => {
       const { disabled: h } = i;
-      return { label: c, modelValue: a(n), disabled: h };
-    }, f = (c) => r("click", c);
-    return (c, n) => (s(), A(q, H(o, { onClick: f }), {
+      return { label: c, modelValue: a(r), disabled: h };
+    }, f = (c) => n("click", c);
+    return (c, r) => (s(), A(q, H(o, { onClick: f }), {
       dialog: g((i) => [
         l("div", Bs, [
           p(O, H(d(i), {
@@ -1783,11 +1783,11 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = ({ opts: n, value: i }) => Math.round(100 * +i / ((n == null ? void 0 : n.max) || 255)), u = ({ opts: n, value: i }) => Math.round(187 - +i / ((n == null ? void 0 : n.max) || 255) * 187), d = ({ value: n, opts: i }) => {
+    const o = t, n = e, a = ({ opts: r, value: i }) => Math.round(100 * +i / ((r == null ? void 0 : r.max) || 255)), u = ({ opts: r, value: i }) => Math.round(187 - +i / ((r == null ? void 0 : r.max) || 255) * 187), d = ({ value: r, opts: i }) => {
       const { min: h = 0, max: y = 255, step: $ = 1, disabled: b } = i || {};
-      return { min: h, max: y, step: $, value: n, disabled: !!b, class: b ? "" : "cursor-pointer" };
-    }, f = (n) => r("click", n), c = (n) => r("setState", +n.target.value || 0);
-    return (n, i) => (s(), A(q, H(o, { onClick: f }), {
+      return { min: h, max: y, step: $, value: r, disabled: !!b, class: b ? "" : "cursor-pointer" };
+    }, f = (r) => n("click", r), c = (r) => n("setState", +r.target.value || 0);
+    return (r, i) => (s(), A(q, H(o, { onClick: f }), {
       header: g((h) => [
         l("div", Is, [
           l("div", As, [
@@ -1852,7 +1852,7 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = (u) => r("click", u);
+    const o = t, n = e, a = (u) => n("click", u);
     return (u, d) => (s(), A(q, H(o, { onClick: a }), {
       default: g(() => [
         C(u.$slots, "dialog")
@@ -1878,14 +1878,14 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = ({ name: f, value: c, opts: n = {} }) => {
-      const { disabled: i } = n;
+    const o = t, n = e, a = ({ name: f, value: c, opts: r = {} }) => {
+      const { disabled: i } = r;
       return { label: f, modelValue: c, disabled: i };
-    }, u = (f) => r("setState", f.target.value), d = (f) => r("click", f);
+    }, u = (f) => n("setState", f.target.value), d = (f) => n("click", f);
     return (f, c) => (s(), A(q, H(o, { onClick: d }), {
-      dialog: g((n) => [
+      dialog: g((r) => [
         l("div", js, [
-          p(O, H(a(n), {
+          p(O, H(a(r), {
             autofocus: "",
             onEnter: u,
             onBlur: u
@@ -1913,26 +1913,26 @@ const Fa = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const o = e, r = M(() => {
+    const o = e, n = M(() => {
       const f = t.list.find((c) => c.value === t.value);
       return (f == null ? void 0 : f.name) || "";
     }), a = (f) => ({ "rotate-x-180": f }), u = (f) => {
-      const c = f.target, n = (c == null ? void 0 : c.value) || 0, i = t.list.find((h) => h.value == n);
+      const c = f.target, r = (c == null ? void 0 : c.value) || 0, i = t.list.find((h) => h.value == r);
       i && o("change", i);
     }, d = (f, c) => {
       f.click(new Event("click")), o("change", c);
     };
     return (f, c) => (s(), A(Y, H({ class: "relative w-full" }, f.$attrs, { top: "46px" }), {
-      activator: g(({ on: n, show: i }) => [
+      activator: g(({ on: r, show: i }) => [
         p(O, {
-          "model-value": r.value,
+          "model-value": n.value,
           readonly: "",
           hideMessage: "",
           disabled: f.disabled,
           active: "",
           label: f.label,
-          onClick: n.click,
-          onOnIcon: n.click
+          onClick: r.click,
+          onOnIcon: r.click
         }, {
           icon: g(() => [
             p(B, {
@@ -1954,10 +1954,10 @@ const Fa = {
           }, _(h.name), 9, Os))), 128))
         ], 32)
       ]),
-      default: g(({ on: n }) => [
+      default: g(({ on: r }) => [
         p(ee, {
           list: f.list,
-          onClick: (i) => d(n, i)
+          onClick: (i) => d(r, i)
         }, {
           default: g(({ item: i }) => [
             C(f.$slots, "default", { item: i }, () => [
@@ -1988,14 +1988,14 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, r = e, a = (c) => r("click", c), u = ({ value: c }) => r("setState", c), d = ({ opts: c, value: n }) => {
+    const o = t, n = e, a = (c) => n("click", c), u = ({ value: c }) => n("setState", c), d = ({ opts: c, value: r }) => {
       var i;
-      return Array.isArray(c == null ? void 0 : c.list) && ((i = c == null ? void 0 : c.list.find((h) => h.value === n)) == null ? void 0 : i.name) || n;
-    }, f = ({ name: c, value: n, opts: i = {} }) => {
+      return Array.isArray(c == null ? void 0 : c.list) && ((i = c == null ? void 0 : c.list.find((h) => h.value === r)) == null ? void 0 : i.name) || r;
+    }, f = ({ name: c, value: r, opts: i = {} }) => {
       const { list: h = [], disabled: y } = i;
-      return { label: c, value: n, list: h, disabled: y };
+      return { label: c, value: r, list: h, disabled: y };
     };
-    return (c, n) => (s(), A(q, H(o, { onClick: a }), {
+    return (c, r) => (s(), A(q, H(o, { onClick: a }), {
       value: g((i) => [
         T(_(d(i)), 1)
       ]),
@@ -2059,13 +2059,13 @@ const Fa = {
   },
   emits: ["icon"],
   setup(t, { emit: e }) {
-    const o = e, r = M(() => t.active ? "top-0 left-3 text-xs" : "top-1/2"), a = M(() => [t.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
+    const o = e, n = M(() => t.active ? "top-0 left-3 text-xs" : "top-1/2"), a = M(() => [t.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 (u, d) => (s(), v("div", qs, [
       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", a.value])
       }, [
         l("span", {
-          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", r.value])
+          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", n.value])
         }, _(u.label), 3),
         l("div", Gs, [
           C(u.$slots, "default")
@@ -2101,18 +2101,18 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, r = () => "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", a = L({}), u = (n) => {
-      a.value[n] = !a.value[n];
-    }, d = (n) => typeof n == "object", f = (n) => `${t.path ? t.path + "." : ""}${n}`, c = (n, i) => {
-      o("click", { key: n, path: f(n), isObject: i });
+    const o = e, n = () => "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", a = L({}), u = (r) => {
+      a.value[r] = !a.value[r];
+    }, d = (r) => typeof r == "object", f = (r) => `${t.path ? t.path + "." : ""}${r}`, c = (r, i) => {
+      o("click", { key: r, path: f(r), isObject: i });
     };
-    return (n, i) => (s(), v("ul", null, [
-      (s(!0), v(D, null, N(n.items, (h, y) => (s(), v("li", {
+    return (r, i) => (s(), v("ul", null, [
+      (s(!0), v(D, null, N(r.items, (h, y) => (s(), v("li", {
         key: y,
-        class: z(d(h) ? "" : `flex items-center ${r()}`)
+        class: z(d(h) ? "" : `flex items-center ${n()}`)
       }, [
         l("div", {
-          class: z(["flex items-center cursor-pointer ps-2 h-8", d(h) ? `${r()}` : ""]),
+          class: z(["flex items-center cursor-pointer ps-2 h-8", d(h) ? `${n()}` : ""]),
           onClick: ($) => u(y)
         }, [
           d(h) ? (s(), v("div", Js, [
@@ -2122,7 +2122,7 @@ const Fa = {
             })
           ])) : I("", !0),
           l("div", null, _(y), 1),
-          !n.onlyValue && d(h) ? (s(), v(D, { key: 1 }, [
+          !r.onlyValue && d(h) ? (s(), v(D, { key: 1 }, [
             i[1] || (i[1] = l("div", { class: "flex-auto" }, null, -1)),
             l("div", Qs, [
               l("button", {
@@ -2142,7 +2142,7 @@ const Fa = {
             class: "flex-auto",
             path: f(y),
             items: h,
-            onlyValue: n.onlyValue,
+            onlyValue: r.onlyValue,
             onClick: i[0] || (i[0] = ($) => o("click", $))
           }, null, 8, ["path", "items", "onlyValue"]), [
             [Te, a.value[y]]
@@ -2171,26 +2171,26 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { expose: e, emit: o }) {
-    const r = o, a = L(t.value || 0), u = (f) => [a.value === f ? "" : "before:hidden"], d = (f) => {
-      a.value = f, r("click", f);
+    const n = o, a = L(t.value || 0), u = (f) => [a.value === f ? "" : "before:hidden"], d = (f) => {
+      a.value = f, n("click", f);
     };
     return e({
       setActiveTab: d,
       activeTab: a
     }), (f, c) => (s(), v("div", lo, [
       l("div", ao, [
-        (s(!0), v(D, null, N(f.items, (n, i) => (s(), v("div", {
+        (s(!0), v(D, null, N(f.items, (r, i) => (s(), v("div", {
           key: i,
           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", u(i)]),
             onClick: (h) => d(i)
-          }, _(n.title), 11, so)
+          }, _(r.title), 11, so)
         ]))), 128))
       ]),
       l("div", oo, [
-        (s(!0), v(D, null, N(f.items, (n, i) => (s(), v("div", {
+        (s(!0), v(D, null, N(f.items, (r, i) => (s(), v("div", {
           key: i,
           class: "tab-panel"
         }, [
@@ -2224,32 +2224,32 @@ const Fa = {
   },
   emits: ["change", "icon", "hover"],
   setup(t, { emit: e }) {
-    const { textarea: o, input: r } = Pa(), a = e, u = ["v", "a", "b", "c"];
-    r.value = t.value || "";
-    const d = (n) => {
+    const { textarea: o, input: n } = Pa(), a = e, u = ["v", "a", "b", "c"];
+    n.value = t.value || "";
+    const d = (r) => {
       try {
-        return new Function(n), !0;
+        return new Function(r), !0;
       } catch (i) {
         return console.warn(i), !1;
       }
-    }, f = /* @__PURE__ */ ie((n) => {
-      const i = n.target;
+    }, f = /* @__PURE__ */ ie((r) => {
+      const i = r.target;
       d(i.value) && a("change", i.value);
-    }, 500), c = (n) => a("icon", n);
+    }, 500), c = (r) => a("icon", r);
     return W(
       () => t.value,
       () => {
-        t.value && (r.value = t.value);
+        t.value && (n.value = t.value);
       }
-    ), (n, i) => (s(), A(xe, {
-      active: !!n.value,
-      disabled: n.disabled,
-      label: n.label,
-      hideIcon: n.hideIcon,
+    ), (r, i) => (s(), A(xe, {
+      active: !!r.value,
+      disabled: r.disabled,
+      label: r.label,
+      hideIcon: r.hideIcon,
       onIcon: c
     }, {
       icon: g(() => [
-        n.value ? (s(), A(B, {
+        r.value ? (s(), A(B, {
           key: 0,
           name: "Close",
           class: "size-4"
@@ -2260,10 +2260,10 @@ const Fa = {
         }))
       ]),
       default: g(() => [
-        n.value ? (s(), v(D, { key: 0 }, [
+        r.value ? (s(), v(D, { key: 0 }, [
           l("div", io, [
             i[3] || (i[3] = T(" ( ")),
-            (s(!0), v(D, null, N(n.args, (h, y) => (s(), v(D, { key: h }, [
+            (s(!0), v(D, null, N(r.args, (h, y) => (s(), v(D, { key: h }, [
               l("span", {
                 class: "text-blue-400/80",
                 title: h,
@@ -2278,14 +2278,14 @@ const Fa = {
             re(l("textarea", {
               ref_key: "textarea",
               ref: o,
-              "onUpdate:modelValue": i[0] || (i[0] = (h) => De(r) ? r.value = h : null),
+              "onUpdate:modelValue": i[0] || (i[0] = (h) => De(n) ? n.value = h : null),
               class: "outline-0 w-full resize-none",
               type: "text",
-              disabled: n.disabled,
+              disabled: r.disabled,
               onInput: i[1] || (i[1] = //@ts-ignore
               (...h) => F(f) && F(f)(...h))
             }, null, 40, vo), [
-              [He, F(r)]
+              [He, F(n)]
             ])
           ])
         ], 64)) : I("", !0)
@@ -2301,7 +2301,7 @@ const Fa = {
   },
   emits: ["update:modelValue", "click"],
   setup(t, { emit: e }) {
-    const o = e, r = (u) => {
+    const o = e, n = (u) => {
       const d = u.target;
       o("update:modelValue", d.checked);
     }, a = (u) => o("click", u);
@@ -2314,7 +2314,7 @@ const Fa = {
         checked: !!u.modelValue,
         disabled: u.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: r
+        onChange: n
       }, null, 40, fo),
       d[0] || (d[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", {
@@ -2355,19 +2355,19 @@ const Fa = {
   },
   emits: ["update"],
   setup(t, { emit: e }) {
-    const o = e, r = M(() => t.list.map((b, w) => ({ ...b, id: ++w }))), a = L({ name: "", value: "" }), u = M(() => t.list.length + 1), d = M(() => {
+    const o = e, n = M(() => t.list.map((b, w) => ({ ...b, id: ++w }))), a = L({ name: "", value: "" }), u = M(() => t.list.length + 1), d = M(() => {
       var b;
       return !((b = a.value) != null && b.id);
-    }), f = (b) => t.type === b, c = (b, w) => o("update", b, w), n = (b) => b.map(({ name: w, value: m }) => ({ name: w, value: m })), i = ({ id: b, name: w, value: m }) => a.value = { id: b, name: w, value: m }, h = () => {
+    }), f = (b) => t.type === b, c = (b, w) => o("update", b, w), r = (b) => b.map(({ name: w, value: m }) => ({ name: w, value: m })), i = ({ id: b, name: w, value: m }) => a.value = { id: b, name: w, value: m }, h = () => {
       const b = u.value;
-      a.value = { name: `New_${b}`, value: b, id: b }, c("list", n([a.value, ...r.value]));
+      a.value = { name: `New_${b}`, value: b, id: b }, c("list", r([a.value, ...n.value]));
     }, y = (b) => {
-      a.value.name === b.name && (a.value = { name: "", value: "" }), c("list", n(r.value.filter((w) => w.value !== b.value)));
+      a.value.name === b.name && (a.value = { name: "", value: "" }), c("list", r(n.value.filter((w) => w.value !== b.value)));
     }, $ = /* @__PURE__ */ ie(() => {
       const b = a.value;
       if (!b.name || !b.value) return;
-      const w = r.value.map((m) => m.id === b.id ? b : m);
-      c("list", n(w));
+      const w = n.value.map((m) => m.id === b.id ? b : m);
+      c("list", r(w));
     }, 300);
     return (b, w) => (s(), v("div", mo, [
       l("div", go, [
@@ -2428,7 +2428,7 @@ const Fa = {
           p(J, {
             value: a.value.value,
             label: "List",
-            list: r.value,
+            list: n.value,
             onChange: i
           }, {
             default: g(({ item: m }) => [
@@ -2466,7 +2466,7 @@ const Fa = {
   },
   emits: ["button"],
   setup(t, { emit: e }) {
-    const o = e, r = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], a = L({
+    const o = e, n = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], a = L({
       id: "",
       name: "",
       type: "button",
@@ -2482,7 +2482,7 @@ const Fa = {
     }), f = M(() => a.value.type === "info"), c = M(() => {
       var x;
       return (x = a.value.args) == null ? void 0 : x.length;
-    }), n = M(() => a.value.args.length > 3), i = M(() => {
+    }), r = M(() => a.value.args.length > 3), i = M(() => {
       const { id: x, args: k } = a.value;
       return !x || !k.length;
     }), h = ({ value: x }) => a.value.icon = x, y = ({ value: x }) => {
@@ -2511,7 +2511,7 @@ const Fa = {
           p(ro, {
             class: "flex-auto",
             value: 0,
-            items: r
+            items: n
           }, {
             "tab-0": g(() => [
               l("div", Bo, [
@@ -2559,7 +2559,7 @@ const Fa = {
               l("div", Ao, [
                 p(xe, {
                   active: !!a.value.args.length,
-                  disabled: n.value,
+                  disabled: r.value,
                   label: "Arguments",
                   onIcon: k[2] || (k[2] = (S) => u.value = !0)
                 }, {
@@ -2712,7 +2712,7 @@ const Fa = {
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: e }) {
-    const o = e, r = (u) => o("update:modelValue", u), a = (u, d) => {
+    const o = e, n = (u) => o("update:modelValue", u), a = (u, d) => {
       u.click(new Event("click")), o("select", d);
     };
     return (u, d) => (s(), A(Y, H(u.$attrs, {
@@ -2725,7 +2725,7 @@ const Fa = {
           name: u.name,
           message: u.message,
           label: u.label,
-          "onUpdate:modelValue": r,
+          "onUpdate:modelValue": n,
           onClick: f.open
         }, null, 8, ["model-value", "name", "message", "label", "onClick"])
       ]),
@@ -2752,15 +2752,15 @@ const Fa = {
     value: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = L(null), o = L(t.value), r = () => {
+    const e = L(null), o = L(t.value), n = () => {
       if (!e.value) return;
       const u = e.value.querySelector(".v-expansion__content");
       u && (u.style.maxHeight = o.value ? `${u.scrollHeight}px` : "0");
     }, a = () => {
-      o.value = !o.value, r();
+      o.value = !o.value, n();
     };
     return ne(() => {
-      r();
+      n();
     }), (u, d) => (s(), v("div", {
       ref_key: "root",
       ref: e,
@@ -2788,7 +2788,7 @@ const Fa = {
   __name: "VFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const o = e, r = async (a) => {
+    const o = e, n = async (a) => {
       const u = a.target;
       u.files && o("change", u.files);
     };
@@ -2796,7 +2796,7 @@ const Fa = {
       l("input", H({
         type: "file",
         class: "hidden"
-      }, a.$attrs, { onChange: r }), null, 16),
+      }, a.$attrs, { onChange: n }), null, 16),
       C(a.$slots, "default")
     ]));
   }
@@ -2807,15 +2807,15 @@ const Fa = {
     channel: { default: 0 }
   },
   setup(t) {
-    const e = 2 * (t.rssi + 100), o = (r) => r < e;
-    return (r, a) => (s(), v("div", Wo, [
+    const e = 2 * (t.rssi + 100), o = (n) => n < e;
+    return (n, a) => (s(), v("div", Wo, [
       (s(), v(D, null, N([10, 15, 25, 40, 70], (u, d) => l("div", {
         key: u,
         class: z(["w-1 h-5 rounded-lg", [o(u) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
         style: K(`height: ${(d + 1) * 5}px`),
-        title: `rssi: ${r.rssi} channel: ${r.channel}`
+        title: `rssi: ${n.rssi} channel: ${n.channel}`
       }, null, 14, qo)), 64)),
-      l("div", Go, _(r.channel), 1)
+      l("div", Go, _(n.channel), 1)
     ]));
   }
 }), Zo = ["onDragstart", "onDragenter"], Jo = {
@@ -2829,18 +2829,18 @@ const Fa = {
   },
   emits: ["update:items", "order-change"],
   setup(t, { emit: e }) {
-    const o = e, r = L(null), a = L(0), u = L(-1), d = ({ id: h }) => ({
-      "opacity-30 scale-105 z-10": r.value === h,
-      "transition-transform duration-200": r.value !== h
+    const o = e, n = L(null), a = L(0), u = L(-1), d = ({ id: h }) => ({
+      "opacity-30 scale-105 z-10": n.value === h,
+      "transition-transform duration-200": n.value !== h
     }), f = (h, y, $) => {
-      r.value = y, a.value = $, h.dataTransfer.effectAllowed = "move";
+      n.value = y, a.value = $, h.dataTransfer.effectAllowed = "move";
     }, c = (h) => {
-      r.value !== null && (u.value = h);
-    }, n = () => {
-      r.value = null, u.value = -1;
+      n.value !== null && (u.value = h);
+    }, r = () => {
+      n.value = null, u.value = -1;
     }, i = (h) => {
-      if (h.preventDefault(), r.value && u.value !== -1) {
-        const y = t.items.findIndex((b) => b[t.itemKey] === r.value), $ = u.value;
+      if (h.preventDefault(), n.value && u.value !== -1) {
+        const y = t.items.findIndex((b) => b[t.itemKey] === n.value), $ = u.value;
         if (y !== $ && $ !== -1) {
           const b = [...t.items], [w] = b.splice(y, 1);
           b.splice($, 0, w), o("update:items", b), o("order-change", { fromIndex: y, toIndex: $, movedItem: w, newOrder: b });
@@ -2869,7 +2869,7 @@ const Fa = {
             draggable: "true",
             onDragstart: (w) => f(w, $.id, b),
             onDragenter: (w) => c(b),
-            onDragend: n,
+            onDragend: r,
             onDragover: y[0] || (y[0] = P(() => {
             }, ["prevent"]))
           }, [
@@ -2877,9 +2877,9 @@ const Fa = {
               item: $,
               key: $.id,
               index: b,
-              isDragging: r.value === $.id
+              isDragging: n.value === $.id
             }),
-            u.value === b && r.value !== $.id ? (s(), v("div", Jo)) : I("", !0)
+            u.value === b && n.value !== $.id ? (s(), v("div", Jo)) : I("", !0)
           ], 42, Zo))), 128))
         ]),
         _: 3
@@ -2897,12 +2897,12 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, r = (d, f) => o("click", { item: d, event: f }), a = (d) => (d == null ? void 0 : d.className) || "", u = (d, { key: f }) => d == null ? void 0 : d[f];
+    const o = e, n = (d, f) => o("click", { item: d, event: f }), a = (d) => (d == null ? void 0 : d.className) || "", u = (d, { key: f }) => d == null ? void 0 : d[f];
     return (d, f) => (s(), v("table", Qo, [
       l("thead", Xo, [
         l("tr", Yo, [
-          (s(!0), v(D, null, N(d.headers, (c, n) => (s(), v("th", {
-            key: n,
+          (s(!0), v(D, null, N(d.headers, (c, r) => (s(), v("th", {
+            key: r,
             class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(c)])
           }, [
             C(d.$slots, "header", { item: c }, () => [
@@ -2912,10 +2912,10 @@ const Fa = {
         ])
       ]),
       l("tbody", tn, [
-        d.items.length ? (s(!0), v(D, { key: 0 }, N(d.items, (c, n) => (s(), v("tr", {
-          key: n,
+        d.items.length ? (s(!0), v(D, { key: 0 }, N(d.items, (c, r) => (s(), v("tr", {
+          key: r,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (i) => r(c, i)
+          onClick: (i) => n(c, i)
         }, [
           (s(!0), v(D, null, N(d.headers, (i, h) => (s(), v("td", {
             key: h,