vuesp-components 0.1.20 → 0.1.22

package/dist/vuesp-components.es.js

@@ -1,4 +1,4 @@
-import { ref as M, computed as b, createElementBlock as s, openBlock as n, createElementVNode as r, createCommentVNode as x, normalizeClass as C, toDisplayString as m, mergeProps as I, withKeys as D, renderSlot as y, createTextVNode as w, resolveDirective as G, withDirectives as U, createVNode as $, Transition as W, withCtx as k, normalizeStyle as E, defineComponent as H, Fragment as L, renderList as S, createBlock as z, resolveDynamicComponent as R, unref as J, onMounted as P, normalizeProps as Q, guardReactiveProps as X, createStaticVNode as Y } from "vue";
+import { ref as L, computed as b, createElementBlock as s, openBlock as n, createElementVNode as r, createCommentVNode as V, normalizeClass as m, toDisplayString as _, mergeProps as I, withKeys as D, renderSlot as C, createTextVNode as w, resolveDirective as K, withDirectives as U, createVNode as k, Transition as W, withCtx as $, normalizeStyle as E, defineComponent as H, Fragment as M, renderList as S, createBlock as z, resolveDynamicComponent as R, unref as J, onMounted as P, normalizeProps as Q, guardReactiveProps as X, createStaticVNode as Y } from "vue";
 const e1 = {
   mounted(t, e) {
     t.clickOutsideEvent = function(i) {
@@ -9,10 +9,10 @@ const e1 = {
     document.removeEventListener("click", t.clickOutsideEvent), delete t.clickOutsideEvent;
   }
 }, t1 = [{ name: "outside", directive: e1 }];
-var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 = ["disabled"], l1 = {
+var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 = ["disabled"], o1 = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, o1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", j = {
+}, l1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", j = {
   __name: "VTextField",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -28,7 +28,7 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var i = e.emit, a = t, l = i, o = M(!1), c = b(function() {
+    var i = e.emit, a = t, o = i, l = L(!1), c = b(function() {
       return [
         a.message ? "border-red-500 hover:border-red-400 dark:border-red-700 hover:dark:border-red-800" : "",
         a.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
@@ -36,38 +36,38 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
     }), v = function(u) {
       return u || u === 0;
     }, f = b(function() {
-      return [o1, o.value || v(a.modelValue) || a.active ? "top-0 left-3 text-xs" : "top-1/2"];
+      return [l1, l.value || v(a.modelValue) || a.active ? "top-0 left-3 text-xs" : "top-1/2"];
     }), d = function(u) {
       var B = u.target;
-      l("update:modelValue", B.value);
-    }, h = function(u) {
-      o.value = !1, l("blur", u);
+      o("update:modelValue", B.value);
+    }, g = function(u) {
+      l.value = !1, o("blur", u);
     }, p = function(u) {
-      return l("enter", u);
-    }, _ = function() {
-      return o.value = !0;
-    }, V = function(u) {
-      return l("click", u);
+      return o("enter", u);
+    }, y = function() {
+      return l.value = !0;
+    }, x = function(u) {
+      return o("click", u);
     }, Z = function(u) {
-      a.disabled || l("on-icon", u);
+      a.disabled || o("on-icon", u);
     };
     return function(u, B) {
       return n(), s("div", r1, [
         r("label", {
-          class: C(["relative w-full h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", c.value])
+          class: m(["relative w-full h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", c.value])
         }, [
           r("span", {
-            class: C(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
-          }, m(t.label), 3),
+            class: m(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
+          }, _(t.label), 3),
           r("input", I(u.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
             class: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
-            onFocus: _,
-            onBlur: h,
+            onFocus: y,
+            onBlur: g,
             onInput: d,
-            onClick: V,
+            onClick: x,
             onKeypress: D(p, ["enter"])
           }), null, 16, n1),
           u.$slots.icon ? (n(), s("button", {
@@ -77,13 +77,13 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
             class: "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50",
             onClick: Z
           }, [
-            y(u.$slots, "icon")
-          ], 8, a1)) : x("", !0)
+            C(u.$slots, "icon")
+          ], 8, a1)) : V("", !0)
         ], 2),
-        t.hideMessage ? x("", !0) : (n(), s("div", l1, [
-          y(u.$slots, "message", {}, function() {
+        t.hideMessage ? V("", !0) : (n(), s("div", o1, [
+          C(u.$slots, "message", {}, function() {
             return [
-              w(m(t.message), 1)
+              w(_(t.message), 1)
             ];
           })
         ]))
@@ -101,27 +101,27 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
   },
   emits: ["click", "show", "close"],
   setup: function(t, e) {
-    var i = e.emit, a = t, l = i, o = M(!1), c = b(function() {
+    var i = e.emit, a = t, o = i, l = L(!1), c = b(function() {
       return { top: a.top, left: a.left, right: a.right, "max-height": a.height };
     }), v = function() {
-      o.value && h();
+      l.value && g();
     }, f = function() {
-      o.value ? a.hideOnClick && h() : d(), l("click", o.value);
+      l.value ? a.hideOnClick && g() : d(), o("click", l.value);
     }, d = function(p) {
-      o.value = !0, l("show", p);
-    }, h = function(p) {
-      o.value = !1, l("close", p);
+      l.value = !0, o("show", p);
+    }, g = function(p) {
+      l.value = !1, o("close", p);
     };
-    return function(p, _) {
-      var V = G("outside");
+    return function(p, y) {
+      var x = K("outside");
       return U((n(), s("div", s1, [
         r("div", i1, [
-          y(p.$slots, "activator", {
+          C(p.$slots, "activator", {
             on: { click: f },
-            show: o.value
+            show: l.value
           })
         ]),
-        $(W, {
+        k(W, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -129,26 +129,26 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
-          default: k(function() {
+          default: $(function() {
             return [
-              o.value ? (n(), s("div", {
+              l.value ? (n(), s("div", {
                 key: 0,
                 class: "z-10 min-w-full absolute overflow-auto shadow-lg",
                 style: E(c.value),
                 onClick: f
               }, [
-                y(p.$slots, "default", {
+                C(p.$slots, "default", {
                   show: d,
-                  hide: h,
-                  isShown: o.value
+                  hide: g,
+                  isShown: l.value
                 })
-              ], 4)) : x("", !0)
+              ], 4)) : V("", !0)
             ];
           }),
           _: 3
         })
       ])), [
-        [V, v]
+        [x, v]
       ]);
     };
   }
@@ -160,23 +160,23 @@ const u1 = { class: "bg-white dark:bg-gray-800" }, c1 = ["onClick"], F = /* @__P
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, a = (l) => i("click", l);
-    return (l, o) => (n(), s("ul", u1, [
-      (n(!0), s(L, null, S(l.list, (c, v) => (n(), s("li", {
+    const i = e, a = (o) => i("click", o);
+    return (o, l) => (n(), s("ul", u1, [
+      (n(!0), s(M, null, S(o.list, (c, v) => (n(), s("li", {
         key: "list_" + v,
         class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] py-1 px-4 border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",
         onClick: (f) => a(c)
       }, [
-        y(l.$slots, "default", { item: c }, () => [
-          w(m(c.name), 1)
+        C(o.$slots, "default", { item: c }, () => [
+          w(_(c.name), 1)
         ])
       ], 8, c1))), 128))
     ]));
   }
-}), g = (t, e) => {
+}), h = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [a, l] of e)
-    i[a] = l;
+  for (const [a, o] of e)
+    i[a] = o;
   return i;
 };
 var d1 = {}, f1 = {
@@ -190,7 +190,7 @@ function v1(t, e) {
     r("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }, null, -1)
   ]));
 }
-const O = /* @__PURE__ */ g(d1, [["render", v1]]);
+const O = /* @__PURE__ */ h(d1, [["render", v1]]);
 var h1 = {
   key: 0,
   class: "p-4 py-2"
@@ -206,42 +206,42 @@ var h1 = {
   },
   emits: ["change"],
   setup: function(t) {
-    var e = t, i = M(""), a = b(function() {
+    var e = t, i = L(""), a = b(function() {
       return e.value;
-    }), l = b(function() {
+    }), o = b(function() {
       var d = e?.list || [];
-      return d.filter(function(h) {
-        return i.value ? h[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
+      return d.filter(function(g) {
+        return i.value ? g[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
       });
-    }), o = b(function() {
+    }), l = b(function() {
       return e.placeholder;
     }), c = b(function() {
       var d;
-      return !(!((d = l?.value) === null || d === void 0) && d.length);
+      return !(!((d = o?.value) === null || d === void 0) && d.length);
     }), v = function(d) {
       return i.value = d.target.value;
     }, f = function(d) {
       return { "rotate-x-180": d };
     };
-    return function(d, h) {
+    return function(d, g) {
       return n(), z(T, I(d.$attrs, { top: "50px" }), {
-        activator: k(function(p) {
-          var _ = p.show, V = p.on;
+        activator: $(function(p) {
+          var y = p.show, x = p.on;
           return [
-            $(j, {
-              value: _ ? i.value : a.value,
-              placeholder: _ ? "Search" : o.value,
-              onClick: V.click,
+            k(j, {
+              value: y ? i.value : a.value,
+              placeholder: y ? "Search" : l.value,
+              onClick: x.click,
               onInput: v,
-              onOnIcon: V.click,
-              onFocus: h[0] || (h[0] = function(Z) {
+              onOnIcon: x.click,
+              onFocus: g[0] || (g[0] = function(Z) {
                 return i.value = "";
               })
             }, {
-              icon: k(function() {
+              icon: $(function() {
                 return [
-                  $(O, {
-                    class: C(["transition", f(_)])
+                  k(O, {
+                    class: m(["transition", f(y)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -249,21 +249,21 @@ var h1 = {
             }, 1032, ["value", "placeholder", "onClick", "onOnIcon"])
           ];
         }),
-        default: k(function() {
+        default: $(function() {
           return [
             r("div", null, [
-              $(F, {
-                list: l.value,
-                onClick: h[1] || (h[1] = function(p) {
+              k(F, {
+                list: o.value,
+                onClick: g[1] || (g[1] = function(p) {
                   return d.$emit("change", p);
                 })
               }, {
-                default: k(function(p) {
-                  var _ = p.item;
+                default: $(function(p) {
+                  var y = p.item;
                   return [
-                    y(d.$slots, "default", { item: _ }, function() {
+                    C(d.$slots, "default", { item: y }, function() {
                       return [
-                        w(m(_[t.valueName]), 1)
+                        w(_(y[t.valueName]), 1)
                       ];
                     })
                   ];
@@ -271,7 +271,7 @@ var h1 = {
                 _: 3
               }, 8, ["list"])
             ]),
-            c.value ? (n(), s("div", h1, "Not found")) : x("", !0)
+            c.value ? (n(), s("div", h1, "Not found")) : V("", !0)
           ];
         }),
         _: 3
@@ -279,7 +279,7 @@ var h1 = {
     };
   }
 };
-const p1 = { class: "flex items-center gap-1.5" }, y1 = /* @__PURE__ */ H({
+const p1 = { class: "flex items-center gap-1.5" }, C1 = /* @__PURE__ */ H({
   __name: "VBreadcrumb",
   props: {
     items: { default: () => [] }
@@ -288,29 +288,29 @@ const p1 = { class: "flex items-center gap-1.5" }, y1 = /* @__PURE__ */ H({
   setup(t, { emit: e }) {
     return (i, a) => (n(), s("nav", null, [
       r("ol", p1, [
-        (n(!0), s(L, null, S(i.items, (l, o) => (n(), s("li", {
-          key: o,
-          class: C(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", l.path ? "" : "text-gray-800 dark:text-white/90"])
+        (n(!0), s(M, null, S(i.items, (o, l) => (n(), s("li", {
+          key: l,
+          class: m(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", o.path ? "" : "text-gray-800 dark:text-white/90"])
         }, [
-          y(i.$slots, "default", { item: l }, () => [
-            (n(), z(R(l.path ? "a" : "span"), {
-              href: l.path
+          C(i.$slots, "default", { item: o }, () => [
+            (n(), z(R(o.path ? "a" : "span"), {
+              href: o.path
             }, {
-              default: k(() => [
-                w(m(l.name), 1)
+              default: $(() => [
+                w(_(o.name), 1)
               ]),
               _: 2
             }, 1032, ["href"]))
           ]),
-          l.path ? (n(), z(O, {
+          o.path ? (n(), z(O, {
             key: 0,
             class: "rotate-270"
-          })) : x("", !0)
+          })) : V("", !0)
         ], 2))), 128))
       ])
     ]));
   }
-}), m1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", C1 = /* @__PURE__ */ H({
+}), _1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", m1 = /* @__PURE__ */ H({
   __name: "VButton",
   props: {
     block: { type: Boolean },
@@ -322,32 +322,32 @@ const p1 = { class: "flex items-center gap-1.5" }, y1 = /* @__PURE__ */ H({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, a = (u) => i("click", u), l = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", o = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", c = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", v = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", f = { green: l, red: o, gray: c, blue: v }, d = {
+    const i = e, a = (u) => i("click", u), o = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", l = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", c = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", v = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", f = { green: o, red: l, gray: c, blue: v }, d = {
       button: "px-4",
       icon: "h-10 w-10 rounded-full border border-gray-200 dark:border-gray-800"
-    }, h = { normal: "h-10", small: "h-8" }, p = (u) => h?.[u] || "", _ = (u) => d?.[u] || "", V = (u) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${f?.[u] || ""}`, Z = b(() => [m1, V(t.color), _(t.type), p(t.size), { "w-full": t.block }]);
+    }, g = { normal: "h-10", small: "h-8" }, p = (u) => g?.[u] || "", y = (u) => d?.[u] || "", x = (u) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${f?.[u] || ""}`, Z = b(() => [_1, x(t.color), y(t.type), p(t.size), { "w-full": t.block }]);
     return (u, B) => (n(), s("button", {
-      class: C(Z.value),
+      class: m(Z.value),
       onClick: a
     }, [
       r("span", {
-        class: C(u.loading ? "opacity-0" : "")
+        class: m(u.loading ? "opacity-0" : "")
       }, [
-        y(u.$slots, "default")
+        C(u.$slots, "default")
       ], 2),
       u.loading ? (n(), z(J(q), {
         key: 0,
         class: "absolute left-1/2 -translate-x-1/2"
-      })) : x("", !0)
+      })) : V("", !0)
     ], 2));
   }
 });
-var _1 = {}, b1 = {
+var y1 = {}, b1 = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function x1(t, e) {
+function V1(t, e) {
   return n(), s("svg", b1, e[0] || (e[0] = [
     r("circle", {
       class: "opacity-25",
@@ -364,7 +364,7 @@ function x1(t, e) {
     }, null, -1)
   ]));
 }
-const q = /* @__PURE__ */ g(_1, [["render", x1]]), V1 = ["checked", "disabled"], k1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, $1 = /* @__PURE__ */ H({
+const q = /* @__PURE__ */ h(y1, [["render", V1]]), x1 = ["checked", "disabled"], $1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, k1 = /* @__PURE__ */ H({
   __name: "VCheckbox",
   props: {
     modelValue: { default: "" },
@@ -372,18 +372,18 @@ const q = /* @__PURE__ */ g(_1, [["render", x1]]), V1 = ["checked", "disabled"],
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const i = e, a = ({ target: l }) => i("update:modelValue", l.checked);
-    return (l, o) => (n(), s("label", {
-      class: C(["inline-flex items-center relative", { "cursor-pointer": !l.disabled }])
+    const i = e, a = ({ target: o }) => i("update:modelValue", o.checked);
+    return (o, l) => (n(), s("label", {
+      class: m(["inline-flex items-center relative", { "cursor-pointer": !o.disabled }])
     }, [
       r("input", {
         type: "checkbox",
-        checked: l.modelValue,
-        disabled: l.disabled,
+        checked: o.modelValue,
+        disabled: o.disabled,
         class: "peer h-5 w-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40",
         onChange: a
-      }, null, 40, V1),
-      o[0] || (o[0] = r("span", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
+      }, null, 40, x1),
+      l[0] || (l[0] = r("span", { 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" }, [
         r("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
@@ -398,27 +398,27 @@ const q = /* @__PURE__ */ g(_1, [["render", x1]]), V1 = ["checked", "disabled"],
           })
         ])
       ], -1)),
-      r("span", k1, [
-        y(l.$slots, "default")
+      r("span", $1, [
+        C(o.$slots, "default")
       ])
     ], 2));
   }
 });
-var w1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, H1 = { class: "p-4" }, L1 = {
+var w1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, H1 = { class: "p-4" }, M1 = {
   __name: "VExpansion",
   props: {
     label: { type: String, default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup: function(t) {
-    var e = t, i = M(null), a = M(e.value), l = function() {
+    var e = t, i = L(null), a = L(e.value), o = function() {
       var c = i.value.querySelector(".v-expansion__content");
       c.style.maxHeight = a.value ? "".concat(c.scrollHeight, "px") : "0";
-    }, o = function() {
-      a.value = !a.value, l();
+    }, l = function() {
+      a.value = !a.value, o();
     };
     return P(function() {
-      l();
+      o();
     }), function(c, v) {
       return n(), s("div", {
         ref_key: "root",
@@ -427,18 +427,18 @@ var w1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all d
       }, [
         r("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
-          onClick: o
+          onClick: l
         }, [
-          r("h4", null, m(t.label), 1),
+          r("h4", null, _(t.label), 1),
           r("div", {
-            class: C(["transition text-gray-400", { "rotate-180": a.value }])
+            class: m(["transition text-gray-400", { "rotate-180": a.value }])
           }, [
-            $(O)
+            k(O)
           ], 2)
         ]),
         r("div", w1, [
           r("div", H1, [
-            y(c.$slots, "default")
+            C(c.$slots, "default")
           ])
         ])
       ], 512);
@@ -446,14 +446,14 @@ var w1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all d
   }
 }, N = function() {
   return N = Object.assign || function(e) {
-    for (var i, a = 1, l = arguments.length; a < l; a++) {
+    for (var i, a = 1, o = arguments.length; a < o; a++) {
       i = arguments[a];
-      for (var o in i) Object.prototype.hasOwnProperty.call(i, o) && (e[o] = i[o]);
+      for (var l in i) Object.prototype.hasOwnProperty.call(i, l) && (e[l] = i[l]);
     }
     return e;
   }, N.apply(this, arguments);
 };
-var M1 = {}, Z1 = {
+var L1 = {}, Z1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -464,7 +464,7 @@ function B1(t, e) {
     r("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" }, null, -1)
   ]));
 }
-const K = /* @__PURE__ */ g(M1, [["render", B1]]);
+const G = /* @__PURE__ */ h(L1, [["render", B1]]);
 var S1 = {
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
@@ -493,38 +493,38 @@ var S1 = {
   },
   emits: ["close"],
   setup: function(t, e) {
-    var i = e.emit, a = t, l = i, o = b(function() {
+    var i = e.emit, a = t, o = i, l = b(function() {
       return a.status ? Math.ceil(a.size * 100 / a.length) : 100;
     }), c = b(function() {
       return !!a.length;
     }), v = b(function() {
-      return !!(c.value && o.value === 100 && !a.status);
+      return !!(c.value && l.value === 100 && !a.status);
     });
     return P(function() {
       var f = a.timeout;
       f && setTimeout(function() {
-        l("close", N({}, a));
+        o("close", N({}, a));
       }, f * 1e3);
     }), function(f, d) {
       return n(), s("div", S1, [
         r("div", z1, [
-          r("div", I1, m(t.text), 1),
-          v.value ? (n(), s("span", O1, "Done")) : x("", !0),
+          r("div", I1, _(t.text), 1),
+          v.value ? (n(), s("span", O1, "Done")) : V("", !0),
           r("button", {
             class: "transition text-gray-400 self-start hover:text-gray-600",
-            onClick: d[0] || (d[0] = function(h) {
-              return l("close", f.item);
+            onClick: d[0] || (d[0] = function(g) {
+              return o("close", f.item);
             })
           }, [
-            $(K, { class: "h-4 w-4" })
+            k(G, { class: "h-4 w-4" })
           ])
         ]),
         c.value ? (n(), s("div", N1, [
           r("div", {
             class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
-            style: E("width: ".concat(o.value, "%"))
-          }, m(o.value) + "%", 5)
-        ])) : x("", !0)
+            style: E("width: ".concat(l.value, "%"))
+          }, _(l.value) + "%", 5)
+        ])) : V("", !0)
       ]);
     };
   }
@@ -540,17 +540,17 @@ var S1 = {
   },
   emits: ["change"],
   setup: function(t, e) {
-    var i = e.emit, a = i, l = function(c) {
+    var i = e.emit, a = i, o = function(c) {
       return a("change", c);
-    }, o = function(c) {
+    }, l = function(c) {
       return { "rotate-x-180": c };
     };
     return function(c, v) {
       return n(), z(T, I({ class: "relative w-full" }, c.$attrs, { top: "50px" }), {
-        activator: k(function(f) {
-          var d = f.on, h = f.show;
+        activator: $(function(f) {
+          var d = f.on, g = f.show;
           return [
-            $(j, {
+            k(j, {
               "model-value": t.value,
               readonly: "",
               active: "",
@@ -558,10 +558,10 @@ var S1 = {
               onClick: d.click,
               onOnIcon: d.click
             }, {
-              icon: k(function() {
+              icon: $(function() {
                 return [
-                  $(O, {
-                    class: C(["transition", o(h)])
+                  k(O, {
+                    class: m(["transition", l(g)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -569,18 +569,18 @@ var S1 = {
             }, 1032, ["model-value", "label", "onClick", "onOnIcon"])
           ];
         }),
-        default: k(function() {
+        default: $(function() {
           return [
-            $(F, {
+            k(F, {
               list: t.list,
-              onClick: l
+              onClick: o
             }, {
-              default: k(function(f) {
+              default: $(function(f) {
                 var d = f.item;
                 return [
-                  y(c.$slots, "default", { item: d }, function() {
+                  C(c.$slots, "default", { item: d }, function() {
                     return [
-                      w(m(d.name), 1)
+                      w(_(d.name), 1)
                     ];
                   })
                 ];
@@ -612,7 +612,7 @@ var S1 = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var i = e.emit, a = t, l = i, o = M(!1), c = b(function() {
+    var i = e.emit, a = t, o = i, l = L(!1), c = b(function() {
       return [
         a.message ? "border-red-500 hover:border-red-400" : "",
         a.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
@@ -620,29 +620,29 @@ var S1 = {
     }), v = function(u) {
       return u || u === 0;
     }, f = b(function() {
-      return [P1, o.value || v(a.modelValue) || a.active ? "top-0 left-3 text-xs" : "top-1/2"];
+      return [P1, l.value || v(a.modelValue) || a.active ? "top-0 left-3 text-xs" : "top-1/2"];
     }), d = function(u) {
       var B = u.target;
-      l("update:modelValue", B.value);
-    }, h = function(u) {
-      o.value = !1, l("blur", u);
+      o("update:modelValue", B.value);
+    }, g = function(u) {
+      l.value = !1, o("blur", u);
     }, p = function(u) {
-      return l("enter", u);
-    }, _ = function() {
-      return o.value = !0;
-    }, V = function(u) {
-      return l("click", u);
+      return o("enter", u);
+    }, y = function() {
+      return l.value = !0;
+    }, x = function(u) {
+      return o("click", u);
     }, Z = function(u) {
-      a.disabled || l("on-icon", u);
+      a.disabled || o("on-icon", u);
     };
     return function(u, B) {
       return n(), s("div", T1, [
         r("label", {
-          class: C(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", c.value])
+          class: m(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", c.value])
         }, [
           r("span", {
-            class: C(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
-          }, m(t.label), 3),
+            class: m(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
+          }, _(t.label), 3),
           r("textarea", I(u.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
@@ -650,10 +650,10 @@ var S1 = {
             rows: "2",
             wrap: "",
             class: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent",
-            onFocus: _,
-            onBlur: h,
+            onFocus: y,
+            onBlur: g,
             onInput: d,
-            onClick: V,
+            onClick: x,
             onKeypress: D(p, ["enter"])
           }), null, 16, F1),
           u.$slots.icon ? (n(), s("button", {
@@ -663,13 +663,13 @@ var S1 = {
             class: "h-full flex items-center justify-center text-gray-400 border-l border-primary",
             onClick: Z
           }, [
-            y(u.$slots, "icon")
-          ], 8, A1)) : x("", !0)
+            C(u.$slots, "icon")
+          ], 8, A1)) : V("", !0)
         ], 2),
-        t.hideMessage ? x("", !0) : (n(), s("div", D1, [
-          y(u.$slots, "message", {}, function() {
+        t.hideMessage ? V("", !0) : (n(), s("div", D1, [
+          C(u.$slots, "message", {}, function() {
             return [
-              w(m(t.message), 1)
+              w(_(t.message), 1)
             ];
           })
         ]))
@@ -677,24 +677,24 @@ var S1 = {
     };
   }
 };
-const K1 = { class: "flex items-center cursor-pointer" }, G1 = /* @__PURE__ */ H({
+const G1 = { class: "flex items-center cursor-pointer" }, K1 = /* @__PURE__ */ H({
   __name: "VTextFieldFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const i = e, a = M({ files: [], totalSize: 0 }), l = async (o) => {
-      const c = o.target.files, v = { files: [], totalSize: 0 };
+    const i = e, a = L({ files: [], totalSize: 0 }), o = async (l) => {
+      const c = l.target.files, v = { files: [], totalSize: 0 };
       for (let f = 0; f < c.length; f++) {
         const d = c.item(f);
         d && (v.totalSize += d.size, v.files.push({ name: d.name, size: d.size }));
       }
       c.length && (a.value = v, i("change", { files: c, info: v }));
     };
-    return (o, c) => (n(), s("label", K1, [
+    return (l, c) => (n(), s("label", G1, [
       r("input", I({
         type: "file",
         class: "hidden"
-      }, o.$attrs, { onChange: l }), null, 16),
-      y(o.$slots, "default", Q(X(a.value)))
+      }, l.$attrs, { onChange: o }), null, 16),
+      C(l.$slots, "default", Q(X(a.value)))
     ]));
   }
 }), U1 = { class: "min-w-full" }, W1 = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, R1 = { class: "bg-gray-50 dark:bg-gray-800" }, J1 = { class: "flex items-center px-2" }, Q1 = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, X1 = ["onClick"], Y1 = { class: "flex items-center text-gray-700 dark:text-gray-400" }, ee = {
@@ -711,42 +711,42 @@ const K1 = { class: "flex items-center cursor-pointer" }, G1 = /* @__PURE__ */ H
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, a = (o, c) => {
-      i("click", { item: o, event: c });
-    }, l = (o) => o?.className || "";
-    return (o, c) => (n(), s("table", U1, [
+    const i = e, a = (l, c) => {
+      i("click", { item: l, event: c });
+    }, o = (l) => l?.className || "";
+    return (l, c) => (n(), s("table", U1, [
       r("thead", W1, [
         r("tr", R1, [
-          (n(!0), s(L, null, S(o.headers, (v, f) => (n(), s("th", {
+          (n(!0), s(M, null, S(l.headers, (v, f) => (n(), s("th", {
             key: f,
-            class: C(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", l(v)])
+            class: m(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", o(v)])
           }, [
-            y(o.$slots, "header", { item: v }, () => [
-              r("div", J1, m(v.name), 1)
+            C(l.$slots, "header", { item: v }, () => [
+              r("div", J1, _(v.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
       r("tbody", Q1, [
-        o.items.length ? (n(!0), s(L, { key: 0 }, S(o.items, (v, f) => (n(), s("tr", {
+        l.items.length ? (n(!0), s(M, { key: 0 }, S(l.items, (v, f) => (n(), s("tr", {
           key: f,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
           onClick: (d) => a(v, d)
         }, [
-          (n(!0), s(L, null, S(o.headers, (d, h) => (n(), s("td", {
-            key: h,
+          (n(!0), s(M, null, S(l.headers, (d, g) => (n(), s("td", {
+            key: g,
             class: "py-2 whitespace-nowrap px-4"
           }, [
             r("div", Y1, [
-              y(o.$slots, d.key, { item: v }, () => [
-                w(m(v[d.key]), 1)
+              C(l.$slots, d.key, { item: v }, () => [
+                w(_(v[d.key]), 1)
               ])
             ])
           ]))), 128))
         ], 8, X1))), 128)) : (n(), s("tr", ee, [
           r("td", te, [
             r("div", re, [
-              y(o.$slots, "empty", {}, () => [
+              C(l.$slots, "empty", {}, () => [
                 c[0] || (c[0] = w("The list is empty"))
               ])
             ])
@@ -755,7 +755,7 @@ const K1 = { class: "flex items-center cursor-pointer" }, G1 = /* @__PURE__ */ H
       ])
     ]));
   }
-}), ae = { class: "relative flex items-end gap-0.5 w-10" }, le = ["title"], oe = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, se = /* @__PURE__ */ H({
+}), ae = { class: "relative flex items-end gap-0.5 w-10" }, oe = ["title"], le = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, se = /* @__PURE__ */ H({
   __name: "WifiIcon",
   props: {
     rssi: { default: 0 },
@@ -763,31 +763,31 @@ const K1 = { class: "flex items-center cursor-pointer" }, G1 = /* @__PURE__ */ H
   },
   setup(t) {
     const e = 2 * (t.rssi + 100), i = (a) => a < e;
-    return (a, l) => (n(), s("div", ae, [
-      (n(), s(L, null, S([10, 15, 25, 40, 70], (o, c) => r("div", {
-        key: o,
-        class: C(["w-1 h-5 rounded-lg", [i(o) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+    return (a, o) => (n(), s("div", ae, [
+      (n(), s(M, null, S([10, 15, 25, 40, 70], (l, c) => r("div", {
+        key: l,
+        class: m(["w-1 h-5 rounded-lg", [i(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
         style: E(`height: ${(c + 1) * 5}px`),
         title: `rssi: ${a.rssi} channel: ${a.channel}`
-      }, null, 14, le)), 64)),
-      r("div", oe, m(a.channel), 1)
+      }, null, 14, oe)), 64)),
+      r("div", le, _(a.channel), 1)
     ]));
   }
 }), ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VAutocomplete: g1,
-  VBreadcrumb: y1,
-  VButton: C1,
-  VCheckbox: $1,
+  VBreadcrumb: C1,
+  VButton: m1,
+  VCheckbox: k1,
   VDropdown: T,
-  VExpansion: L1,
+  VExpansion: M1,
   VList: F,
   VLoader: q,
   VNotification: E1,
   VSelect: j1,
   VTable: ne,
   VTextField: j,
-  VTextFieldFile: G1,
+  VTextFieldFile: K1,
   VTextarea: q1,
   WifiIcon: se
 }, Symbol.toStringTag, { value: "Module" }));
@@ -802,7 +802,7 @@ function de(t, e) {
     r("path", { d: "M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z" }, null, -1)
   ]));
 }
-const fe = /* @__PURE__ */ g(ue, [["render", de]]);
+const fe = /* @__PURE__ */ h(ue, [["render", de]]);
 var ve = {}, he = {
   width: "24",
   height: "24",
@@ -819,27 +819,27 @@ function ge(t, e) {
     }, null, -1)
   ]));
 }
-const pe = /* @__PURE__ */ g(ve, [["render", ge]]);
-var ye = {}, me = {
+const pe = /* @__PURE__ */ h(ve, [["render", ge]]);
+var Ce = {}, _e = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function Ce(t, e) {
-  return n(), s("svg", me, e[0] || (e[0] = [
+function me(t, e) {
+  return n(), s("svg", _e, e[0] || (e[0] = [
     r("path", { d: "M11.0001 14V11H13.0001V14H18.0001C18.5524 14 19.0001 14.4477 19.0001 15V21C19.0001 21.5523 18.5524 22 18.0001 22H6.00015C5.44786 22 5.00015 21.5523 5.00015 21V15C5.00015 14.4477 5.44786 14 6.00015 14H11.0001ZM2.51074 8.83686C3.83432 4.86424 7.58275 2 12.0001 2C16.4176 2 20.166 4.86424 21.4896 8.83686L19.5917 9.46949C18.5328 6.29139 15.5341 4 12.0001 4C8.46623 4 5.46749 6.29139 4.40862 9.46949L2.51074 8.83686ZM6.3065 10.1021C7.10065 7.71854 9.34971 6 12.0001 6C14.6506 6 16.8996 7.71854 17.6938 10.1021L15.7959 10.7347C15.2665 9.1457 13.7671 8 12.0001 8C10.2332 8 8.73382 9.1457 8.20439 10.7347L6.3065 10.1021ZM7.00015 16V20H17.0001V16H7.00015Z" }, null, -1)
   ]));
 }
-const _e = /* @__PURE__ */ g(ye, [["render", Ce]]);
-var be = {}, xe = {
+const ye = /* @__PURE__ */ h(Ce, [["render", me]]);
+var be = {}, Ve = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Ve(t, e) {
-  return n(), s("svg", xe, e[0] || (e[0] = [
+function xe(t, e) {
+  return n(), s("svg", Ve, e[0] || (e[0] = [
     r("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -847,8 +847,8 @@ function Ve(t, e) {
     }, null, -1)
   ]));
 }
-const ke = /* @__PURE__ */ g(be, [["render", Ve]]);
-var $e = {}, we = {
+const $e = /* @__PURE__ */ h(be, [["render", xe]]);
+var ke = {}, we = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -859,8 +859,8 @@ function He(t, e) {
     r("path", { d: "M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z" }, null, -1)
   ]));
 }
-const Le = /* @__PURE__ */ g($e, [["render", He]]);
-var Me = {}, Ze = {
+const Me = /* @__PURE__ */ h(ke, [["render", He]]);
+var Le = {}, Ze = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -871,7 +871,7 @@ function Be(t, e) {
     r("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" }, null, -1)
   ]));
 }
-const Se = /* @__PURE__ */ g(Me, [["render", Be]]);
+const Se = /* @__PURE__ */ h(Le, [["render", Be]]);
 var ze = {}, Ie = {
   viewBox: "0 0 24 24",
   width: "24",
@@ -883,7 +883,7 @@ function Oe(t, e) {
     r("path", { d: "M9 2.00318V2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9 2.00318ZM5.82918 8H9V4.83086L5.82918 8ZM11 4V9C11 9.55228 10.5523 10 10 10H5V20H19V4H11Z" }, null, -1)
   ]));
 }
-const Ne = /* @__PURE__ */ g(ze, [["render", Oe]]);
+const Ne = /* @__PURE__ */ h(ze, [["render", Oe]]);
 var Ee = {}, je = {
   viewBox: "0 0 24 24",
   width: "24",
@@ -895,10 +895,10 @@ function Te(t, e) {
     r("path", { d: "M2 4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21L3 21C2.45 21 2 20.55 2 20V4ZM10.5858 6L9.58579 5H4V7H9.58579L10.5858 6ZM4 9V19L20 19V7H12.4142L10.4142 9H4Z" }, null, -1)
   ]));
 }
-const Fe = /* @__PURE__ */ g(Ee, [["render", Te]]);
+const Fe = /* @__PURE__ */ h(Ee, [["render", Te]]);
 var Ae = {};
 function De(t, e) {
-  return n(), s(L, null, [
+  return n(), s(M, null, [
     e[0] || (e[0] = r("svg", {
       class: "flex dark:hidden",
       viewBox: "0 0 24 24",
@@ -919,17 +919,17 @@ function De(t, e) {
     ], -1))
   ], 64);
 }
-const Pe = /* @__PURE__ */ g(Ae, [["render", De]]);
-var qe = {}, Ke = {
+const Pe = /* @__PURE__ */ h(Ae, [["render", De]]);
+var qe = {}, Ge = {
   viewBox: "0 0 179 40",
   fill: "#25c1eb"
 };
-function Ge(t, e) {
-  return n(), s("svg", Ke, e[0] || (e[0] = [
+function Ke(t, e) {
+  return n(), s("svg", Ge, e[0] || (e[0] = [
     Y('<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 Ue = /* @__PURE__ */ g(qe, [["render", Ge]]);
+const Ue = /* @__PURE__ */ h(qe, [["render", Ke]]);
 var We = {}, Re = {
   viewBox: "0 0 40 40",
   fill: "#25c1eb"
@@ -941,106 +941,145 @@ function Je(t, e) {
     ], -1)
   ]));
 }
-const Qe = /* @__PURE__ */ g(We, [["render", Je]]);
+const Qe = /* @__PURE__ */ h(We, [["render", Je]]);
 var Xe = {}, Ye = {
   viewBox: "0 0 24 24",
   width: "22",
   height: "22",
   fill: "currentColor"
 };
-function e0(t, e) {
+function e2(t, e) {
   return n(), s("svg", Ye, e[0] || (e[0] = [
     r("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" }, null, -1)
   ]));
 }
-const t0 = /* @__PURE__ */ g(Xe, [["render", e0]]);
-var r0 = {}, n0 = {
+const t2 = /* @__PURE__ */ h(Xe, [["render", e2]]);
+var r2 = {}, n2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function a0(t, e) {
-  return n(), s("svg", n0, e[0] || (e[0] = [
+function a2(t, e) {
+  return n(), s("svg", n2, e[0] || (e[0] = [
     r("path", { d: "M22 20H2V18H3V11.0314C3 6.04348 7.02944 2 12 2C16.9706 2 21 6.04348 21 11.0314V18H22V20ZM5 18H19V11.0314C19 7.14806 15.866 4 12 4C8.13401 4 5 7.14806 5 11.0314V18ZM9.5 21H14.5C14.5 22.3807 13.3807 23.5 12 23.5C10.6193 23.5 9.5 22.3807 9.5 21Z" }, null, -1)
   ]));
 }
-const l0 = /* @__PURE__ */ g(r0, [["render", a0]]);
-var o0 = {}, s0 = {
+const o2 = /* @__PURE__ */ h(r2, [["render", a2]]);
+var l2 = {}, s2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function i0(t, e) {
-  return n(), s("svg", s0, e[0] || (e[0] = [
+function i2(t, e) {
+  return n(), s("svg", s2, e[0] || (e[0] = [
     r("path", { d: "M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z" }, null, -1)
   ]));
 }
-const u0 = /* @__PURE__ */ g(o0, [["render", i0]]);
-var c0 = {}, d0 = {
+const u2 = /* @__PURE__ */ h(l2, [["render", i2]]);
+var c2 = {}, d2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 30 30",
   fill: "currentColor"
 };
-function f0(t, e) {
-  return n(), s("svg", d0, e[0] || (e[0] = [
+function f2(t, e) {
+  return n(), s("svg", d2, e[0] || (e[0] = [
     r("path", { d: "M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z" }, null, -1)
   ]));
 }
-const v0 = /* @__PURE__ */ g(c0, [["render", f0]]);
-var h0 = {}, g0 = {
+const v2 = /* @__PURE__ */ h(c2, [["render", f2]]);
+var h2 = {}, g2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function p0(t, e) {
-  return n(), s("svg", g0, e[0] || (e[0] = [
+function p2(t, e) {
+  return n(), s("svg", g2, e[0] || (e[0] = [
     r("path", { d: "M12 4C9.25144 4 6.82508 5.38626 5.38443 7.5H8V9.5H2V3.5H4V5.99936C5.82381 3.57166 8.72764 2 12 2C17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20C14.7486 20 17.1749 18.6137 18.6156 16.5H16V14.5H22V20.5H20V18.0006C18.1762 20.4283 15.2724 22 12 22C6.47715 22 2 17.5228 2 12H4Z" }, null, -1)
   ]));
 }
-const y0 = /* @__PURE__ */ g(h0, [["render", p0]]);
-var m0 = {}, C0 = {
+const C2 = /* @__PURE__ */ h(h2, [["render", p2]]);
+var _2 = {}, m2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function _0(t, e) {
-  return n(), s("svg", C0, e[0] || (e[0] = [
+function y2(t, e) {
+  return n(), s("svg", m2, e[0] || (e[0] = [
     r("path", { d: "M16 4C16.5523 4 17 4.44772 17 5V9.2L22.2133 5.55071C22.4395 5.39235 22.7513 5.44737 22.9096 5.6736C22.9684 5.75764 23 5.85774 23 5.96033V18.0397C23 18.3158 22.7761 18.5397 22.5 18.5397C22.3974 18.5397 22.2973 18.5081 22.2133 18.4493L17 14.8V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H16ZM15 6H3V18H15V6ZM7.4 8.82867C7.47607 8.82867 7.55057 8.85036 7.61475 8.8912L11.9697 11.6625C12.1561 11.7811 12.211 12.0284 12.0924 12.2148C12.061 12.2641 12.0191 12.306 11.9697 12.3375L7.61475 15.1088C7.42837 15.2274 7.18114 15.1725 7.06254 14.9861C7.02169 14.9219 7 14.8474 7 14.7713V9.22867C7 9.00776 7.17909 8.82867 7.4 8.82867ZM21 8.84131L17 11.641V12.359L21 15.1587V8.84131Z" }, null, -1)
   ]));
 }
-const b0 = /* @__PURE__ */ g(m0, [["render", _0]]), x0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const b2 = /* @__PURE__ */ h(_2, [["render", y2]]);
+var V2 = {}, x2 = {
+  viewBox: "0 0 24 24",
+  width: "24",
+  height: "24",
+  fill: "currentColor"
+};
+function $2(t, e) {
+  return n(), s("svg", x2, e[0] || (e[0] = [
+    r("path", { d: "M3 7H21V17H19V15H17V17H15V15H13V17H11V15H9V17H7V15H5V17H3V7ZM2 5C1.44772 5 1 5.44772 1 6V18C1 18.5523 1.44772 19 2 19H22C22.5523 19 23 18.5523 23 18V6C23 5.44772 22.5523 5 22 5H2ZM11 9H5V12H11V9ZM13 9H19V12H13V9Z" }, null, -1)
+  ]));
+}
+const k2 = /* @__PURE__ */ h(V2, [["render", $2]]);
+var w2 = {}, H2 = {
+  viewBox: "0 0 24 24",
+  width: "24",
+  height: "24",
+  fill: "currentColor"
+};
+function M2(t, e) {
+  return n(), s("svg", H2, e[0] || (e[0] = [
+    r("path", { d: "M5 12.5C5 12.8134 5.46101 13.3584 6.53047 13.8931C7.91405 14.5849 9.87677 15 12 15C14.1232 15 16.0859 14.5849 17.4695 13.8931C18.539 13.3584 19 12.8134 19 12.5V10.3287C17.35 11.3482 14.8273 12 12 12C9.17273 12 6.64996 11.3482 5 10.3287V12.5ZM19 15.3287C17.35 16.3482 14.8273 17 12 17C9.17273 17 6.64996 16.3482 5 15.3287V17.5C5 17.8134 5.46101 18.3584 6.53047 18.8931C7.91405 19.5849 9.87677 20 12 20C14.1232 20 16.0859 19.5849 17.4695 18.8931C18.539 18.3584 19 17.8134 19 17.5V15.3287ZM3 17.5V7.5C3 5.01472 7.02944 3 12 3C16.9706 3 21 5.01472 21 7.5V17.5C21 19.9853 16.9706 22 12 22C7.02944 22 3 19.9853 3 17.5ZM12 10C14.1232 10 16.0859 9.58492 17.4695 8.89313C18.539 8.3584 19 7.81342 19 7.5C19 7.18658 18.539 6.6416 17.4695 6.10687C16.0859 5.41508 14.1232 5 12 5C9.87677 5 7.91405 5.41508 6.53047 6.10687C5.46101 6.6416 5 7.18658 5 7.5C5 7.81342 5.46101 8.3584 6.53047 8.89313C7.91405 9.58492 9.87677 10 12 10Z" }, null, -1)
+  ]));
+}
+const L2 = /* @__PURE__ */ h(w2, [["render", M2]]);
+var Z2 = {}, B2 = {
+  viewBox: "0 0 24 24",
+  width: "24",
+  height: "24",
+  fill: "currentColor"
+};
+function S2(t, e) {
+  return n(), s("svg", B2, e[0] || (e[0] = [
+    r("path", { d: "M6.17071 18C6.58254 16.8348 7.69378 16 9 16C10.3062 16 11.4175 16.8348 11.8293 18H22V20H11.8293C11.4175 21.1652 10.3062 22 9 22C7.69378 22 6.58254 21.1652 6.17071 20H2V18H6.17071ZM12.1707 11C12.5825 9.83481 13.6938 9 15 9C16.3062 9 17.4175 9.83481 17.8293 11H22V13H17.8293C17.4175 14.1652 16.3062 15 15 15C13.6938 15 12.5825 14.1652 12.1707 13H2V11H12.1707ZM6.17071 4C6.58254 2.83481 7.69378 2 9 2C10.3062 2 11.4175 2.83481 11.8293 4H22V6H11.8293C11.4175 7.16519 10.3062 8 9 8C7.69378 8 6.58254 7.16519 6.17071 6H2V4H6.17071ZM9 6C9.55228 6 10 5.55228 10 5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5C8 5.55228 8.44772 6 9 6ZM15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13ZM9 20C9.55228 20 10 19.5523 10 19C10 18.4477 9.55228 18 9 18C8.44772 18 8 18.4477 8 19C8 19.5523 8.44772 20 9 20Z" }, null, -1)
+  ]));
+}
+const z2 = /* @__PURE__ */ h(Z2, [["render", S2]]), I2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   IconBurger: fe,
   IconChevron: O,
-  IconClose: K,
+  IconClose: G,
   IconDashboard: pe,
-  IconDevice: _e,
-  IconDots: ke,
-  IconEyeClose: Le,
+  IconDevice: ye,
+  IconDots: $e,
+  IconEyeClose: Me,
   IconEyeOpen: Se,
   IconFile: Ne,
   IconFolder: Fe,
+  IconGpio: k2,
   IconLogo: Ue,
   IconLogoMini: Qe,
-  IconLogout: t0,
-  IconNoti: l0,
-  IconSave: u0,
-  IconSearch: v0,
+  IconLogout: t2,
+  IconNoti: o2,
+  IconSave: u2,
+  IconSearch: v2,
+  IconSetting: z2,
+  IconStore: L2,
   IconTheme: Pe,
-  IconUpdate: y0,
-  IconVideo: b0
-}, Symbol.toStringTag, { value: "Module" })), V0 = {
+  IconUpdate: C2,
+  IconVideo: b2
+}, Symbol.toStringTag, { value: "Module" })), O2 = {
   key: 0,
   class: "loader-line w-full absolute top-0 left-0 h-[3px] bg-gray-100 dark:bg-gray-800 before:bg-blue-600 dark:before:bg-blue-800 before:h-1 rounded-xl z-20 before:absolute before:w-[40%] before:-left-1/2 before:content-[''] before:animate-[lineAnim_1s_linear_infinite]"
-}, k0 = {
+}, N2 = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, $0 = { class: "mb-6 flex items-center justify-between" }, w0 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, H0 = { class: "max-w-full" }, L0 = /* @__PURE__ */ H({
+}, E2 = { class: "mb-6 flex items-center justify-between" }, j2 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, T2 = { class: "max-w-full" }, F2 = /* @__PURE__ */ H({
   __name: "VCardGray",
   props: {
     title: { default: "Title" },
@@ -1048,25 +1087,25 @@ const b0 = /* @__PURE__ */ g(m0, [["render", _0]]), x0 = /* @__PURE__ */ Object.
   },
   setup(t) {
     return (e, i) => (n(), s("div", {
-      class: C(["relative rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
+      class: m(["relative rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
     }, [
-      e.loading ? (n(), s("div", V0)) : x("", !0),
-      e.loading ? (n(), s("div", k0)) : x("", !0),
-      r("div", $0, [
-        r("h3", w0, m(e.title), 1),
+      e.loading ? (n(), s("div", O2)) : V("", !0),
+      e.loading ? (n(), s("div", N2)) : V("", !0),
+      r("div", E2, [
+        r("h3", j2, _(e.title), 1),
         r("div", null, [
-          y(e.$slots, "header")
+          C(e.$slots, "header")
         ])
       ]),
-      r("div", H0, [
-        y(e.$slots, "default")
+      r("div", T2, [
+        C(e.$slots, "default")
       ])
     ], 2));
   }
-}), M0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), A2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VCardGray: L0
-}, Symbol.toStringTag, { value: "Module" })), A = { ...x0, ...ie, ...M0 }, B0 = {
+  VCardGray: F2
+}, Symbol.toStringTag, { value: "Module" })), A = { ...I2, ...ie, ...A2 }, P2 = {
   install: (t) => {
     Object.keys(A).forEach((e) => {
       t.component(e, A[e]);
@@ -1074,5 +1113,5 @@ const b0 = /* @__PURE__ */ g(m0, [["render", _0]]), x0 = /* @__PURE__ */ Object.
   }
 };
 export {
-  B0 as default
+  P2 as default
 };