vuesp-components 0.1.13 → 0.1.14

package/dist/vuesp-components.es.js

@@ -1,41 +1,39 @@
-import { defineComponent as V, computed as m, createElementBlock as i, openBlock as a, normalizeClass as b, renderSlot as g, createElementVNode as n, ref as x, resolveDirective as K, withDirectives as G, createVNode as H, Transition as W, withCtx as L, createCommentVNode as y, normalizeStyle as z, onMounted as F, toDisplayString as _, Fragment as I, renderList as T, createTextVNode as M, mergeProps as Z, withKeys as E, createBlock as N, normalizeProps as R, guardReactiveProps as U, createStaticVNode as J } from "vue";
-const Q = /* @__PURE__ */ V({
+import { defineComponent as k, computed as m, createElementBlock as s, openBlock as l, normalizeClass as b, renderSlot as h, createElementVNode as n, ref as w, resolveDirective as K, withDirectives as G, createVNode as M, Transition as W, withCtx as H, createCommentVNode as x, normalizeStyle as z, onMounted as F, toDisplayString as _, Fragment as I, renderList as T, createTextVNode as Z, mergeProps as B, withKeys as E, createBlock as N, normalizeProps as R, guardReactiveProps as U, createStaticVNode as J } from "vue";
+const Q = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", X = /* @__PURE__ */ k({
   __name: "VButton",
   props: {
     block: { type: Boolean },
-    color: { default: "" },
+    outline: { type: Boolean, default: !1 },
+    color: { default: "gray" },
     size: { default: "normal" },
     type: { default: "button" }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const c = e, r = (C) => c("click", C), l = {
-      gray: "text-gray-500 hover:text-gray-700 bg-white hover:bg-gray-100 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white",
-      blue: "bg-blue-700 hover:bg-blue-600 text-white border border-blue-700 rounded hover:border-blue-600 disabled:opacity-50 disabled:text-gray-400 disabled:bg-transparent disabled:border-gray-400"
-    }, o = {
-      button: "font-medium px-4",
+    const c = e, r = (a) => c("click", a), o = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", i = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", u = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", C = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", d = { green: o, red: i, gray: u, blue: C }, f = {
+      button: "px-4",
       icon: "h-10 w-10 rounded-full border border-gray-200"
-    }, u = { normal: "h-10", small: "h-8" }, h = (C) => u?.[C] || "", d = (C) => o?.[C] || "", f = (C) => l?.[C] || "", p = m(() => [f(t.color), d(t.type), h(t.size), { "w-full": t.block }]);
-    return (C, $) => (a(), i("button", {
-      class: b(["relative flex justify-center items-center transition not-disabled:cursor-pointer", p.value]),
+    }, g = { normal: "h-10", small: "h-8" }, p = (a) => g?.[a] || "", V = (a) => f?.[a] || "", y = (a) => `${t.outline ? "dark:text-white" : "text-white"} ${d?.[a] || ""}`, L = m(() => [Q, y(t.color), V(t.type), p(t.size), { "w-full": t.block }]);
+    return (a, $) => (l(), s("button", {
+      class: b(L.value),
       onClick: r
     }, [
-      g(C.$slots, "default")
+      h(a.$slots, "default")
     ], 2));
   }
 }), v = (t, e) => {
   const c = t.__vccOpts || t;
-  for (const [r, l] of e)
-    c[r] = l;
+  for (const [r, o] of e)
+    c[r] = o;
   return c;
 };
-var X = {}, Y = {
+var Y = {}, e1 = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function e1(t, e) {
-  return a(), i("svg", Y, e[0] || (e[0] = [
+function t1(t, e) {
+  return l(), s("svg", e1, e[0] || (e[0] = [
     n("circle", {
       class: "opacity-25",
       cx: "12",
@@ -51,7 +49,7 @@ function e1(t, e) {
     }, null, -1)
   ]));
 }
-const t1 = /* @__PURE__ */ v(X, [["render", e1]]), r1 = { class: "inline-flex items-center cursor-pointer relative" }, n1 = ["checked", "disabled"], a1 = { class: "text-sm ms-2" }, l1 = /* @__PURE__ */ V({
+const r1 = /* @__PURE__ */ v(Y, [["render", t1]]), n1 = { class: "inline-flex items-center cursor-pointer relative" }, a1 = ["checked", "disabled"], l1 = { class: "text-sm ms-2" }, o1 = /* @__PURE__ */ k({
   __name: "VCheckbox",
   props: {
     modelValue: { default: "" },
@@ -59,16 +57,16 @@ const t1 = /* @__PURE__ */ v(X, [["render", e1]]), r1 = { class: "inline-flex it
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const c = e, r = ({ target: l }) => c("update:modelValue", l.checked);
-    return (l, o) => (a(), i("label", r1, [
+    const c = e, r = ({ target: o }) => c("update:modelValue", o.checked);
+    return (o, i) => (l(), s("label", n1, [
       n("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-slate-300 checked:bg-primary checked:border-primary",
         onChange: r
-      }, null, 40, n1),
-      o[0] || (o[0] = n("span", { class: "absolute text-white opacity-0 peer-checked:opacity-100 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
+      }, null, 40, a1),
+      i[0] || (i[0] = n("span", { class: "absolute text-white opacity-0 peer-checked:opacity-100 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
         n("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
@@ -83,13 +81,13 @@ const t1 = /* @__PURE__ */ v(X, [["render", e1]]), r1 = { class: "inline-flex it
           })
         ])
       ], -1)),
-      n("span", a1, [
-        g(l.$slots, "default")
+      n("span", l1, [
+        h(o.$slots, "default")
       ])
     ]));
   }
 });
-var o1 = { class: "relative" }, i1 = { class: "flex items-center cursor-pointer" }, D = {
+var i1 = { class: "relative" }, s1 = { class: "flex items-center cursor-pointer" }, D = {
   __name: "VDropdown",
   props: {
     top: { type: String, default: "calc(100% + 5px)" },
@@ -100,58 +98,58 @@ var o1 = { class: "relative" }, i1 = { class: "flex items-center cursor-pointer"
   },
   emits: ["click", "show", "close"],
   setup: function(t, e) {
-    var c = e.emit, r = t, l = c, o = x(!1), u = m(function() {
+    var c = e.emit, r = t, o = c, i = w(!1), u = m(function() {
       return { top: r.top, left: r.left, right: r.right, "max-height": r.height };
-    }), h = function() {
-      o.value && p();
+    }), C = function() {
+      i.value && g();
     }, d = function() {
-      o.value ? r.hideOnClick && p() : f(), l("click", o.value);
-    }, f = function(C) {
-      o.value = !0, l("show", C);
-    }, p = function(C) {
-      o.value = !1, l("close", C);
+      i.value ? r.hideOnClick && g() : f(), o("click", i.value);
+    }, f = function(p) {
+      i.value = !0, o("show", p);
+    }, g = function(p) {
+      i.value = !1, o("close", p);
     };
-    return function(C, $) {
-      var w = K("outside");
-      return G((a(), i("div", o1, [
-        n("div", i1, [
-          g(C.$slots, "activator", {
+    return function(p, V) {
+      var y = K("outside");
+      return G((l(), s("div", i1, [
+        n("div", s1, [
+          h(p.$slots, "activator", {
             on: { click: d },
-            show: o.value
+            show: i.value
           })
         ]),
-        H(W, { name: "slide" }, {
-          default: L(function() {
+        M(W, { name: "slide" }, {
+          default: H(function() {
             return [
-              o.value ? (a(), i("div", {
+              i.value ? (l(), s("div", {
                 key: 0,
                 class: "z-10 min-w-full absolute overflow-auto shadow-lg",
                 style: z(u.value),
                 onClick: d
               }, [
-                g(C.$slots, "default", {
+                h(p.$slots, "default", {
                   show: f,
-                  hide: p,
-                  isShown: o.value
+                  hide: g,
+                  isShown: i.value
                 })
-              ], 4)) : y("", !0)
+              ], 4)) : x("", !0)
             ];
           }),
           _: 3
         })
       ])), [
-        [w, h]
+        [y, C]
       ]);
     };
   }
-}, s1 = {}, u1 = {
+}, u1 = {}, c1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none"
 };
-function c1(t, e) {
-  return a(), i("svg", u1, e[0] || (e[0] = [
+function d1(t, e) {
+  return l(), s("svg", c1, e[0] || (e[0] = [
     n("path", {
       d: "M4.79175 7.39584L10.0001 12.6042L15.2084 7.39585",
       stroke: "currentColor",
@@ -161,100 +159,100 @@ function c1(t, e) {
     }, null, -1)
   ]));
 }
-const j = /* @__PURE__ */ v(s1, [["render", c1]]);
-var d1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, f1 = { class: "p-4" }, v1 = {
+const j = /* @__PURE__ */ v(u1, [["render", d1]]);
+var f1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, v1 = { class: "p-4" }, C1 = {
   __name: "VExpansion",
   props: {
     label: { type: String, default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup: function(t) {
-    var e = t, c = x(null), r = x(e.value), l = function() {
+    var e = t, c = w(null), r = w(e.value), o = function() {
       var u = c.value.querySelector(".v-expansion__content");
       u.style.maxHeight = r.value ? "".concat(u.scrollHeight, "px") : "0";
-    }, o = function() {
-      r.value = !r.value, l();
+    }, i = function() {
+      r.value = !r.value, o();
     };
     return F(function() {
-      l();
-    }), function(u, h) {
-      return a(), i("div", {
+      o();
+    }), function(u, C) {
+      return l(), s("div", {
         ref_key: "root",
         ref: c,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
         n("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
-          onClick: o
+          onClick: i
         }, [
           n("h4", null, _(t.label), 1),
           n("div", {
             class: b(["transition text-gray-400", { "rotate-180": r.value }])
           }, [
-            H(j)
+            M(j)
           ], 2)
         ]),
-        n("div", d1, [
-          n("div", f1, [
-            g(u.$slots, "default")
+        n("div", f1, [
+          n("div", v1, [
+            h(u.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
 };
-const C1 = { class: "bg-white dark:bg-gray-800" }, h1 = ["onClick"], P = /* @__PURE__ */ V({
+const h1 = { class: "bg-white dark:bg-gray-800" }, g1 = ["onClick"], P = /* @__PURE__ */ k({
   __name: "VList",
   props: {
     list: { default: () => [] }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const c = e, r = (l) => c("click", l);
-    return (l, o) => (a(), i("ul", C1, [
-      (a(!0), i(I, null, T(l.list, (u, h) => (a(), i("li", {
-        key: "list_" + h,
+    const c = e, r = (o) => c("click", o);
+    return (o, i) => (l(), s("ul", h1, [
+      (l(!0), s(I, null, T(o.list, (u, C) => (l(), s("li", {
+        key: "list_" + C,
         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: (d) => r(u)
       }, [
-        g(l.$slots, "default", { item: u }, () => [
-          M(_(u.name), 1)
+        h(o.$slots, "default", { item: u }, () => [
+          Z(_(u.name), 1)
         ])
-      ], 8, h1))), 128))
+      ], 8, g1))), 128))
     ]));
   }
 });
-var B = function() {
-  return B = Object.assign || function(e) {
-    for (var c, r = 1, l = arguments.length; r < l; r++) {
+var S = function() {
+  return S = Object.assign || function(e) {
+    for (var c, r = 1, o = arguments.length; r < o; r++) {
       c = arguments[r];
-      for (var o in c) Object.prototype.hasOwnProperty.call(c, o) && (e[o] = c[o]);
+      for (var i in c) Object.prototype.hasOwnProperty.call(c, i) && (e[i] = c[i]);
     }
     return e;
-  }, B.apply(this, arguments);
+  }, S.apply(this, arguments);
 };
-var g1 = {}, p1 = {
+var p1 = {}, _1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 8 8",
   fill: "currentColor"
 };
-function _1(t, e) {
-  return a(), i("svg", p1, e[0] || (e[0] = [
+function m1(t, e) {
+  return l(), s("svg", _1, e[0] || (e[0] = [
     n("path", { d: "M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L4 3.29289L6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L4.70711 4L7.35355 6.64645C7.54882 6.84171 7.54882 7.15829 7.35355 7.35355C7.15829 7.54882 6.84171 7.54882 6.64645 7.35355L4 4.70711L1.35355 7.35355C1.15829 7.54882 0.841709 7.54882 0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L3.29289 4L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z" }, null, -1)
   ]));
 }
-const A = /* @__PURE__ */ v(g1, [["render", _1]]);
-var m1 = {
+const A = /* @__PURE__ */ v(p1, [["render", m1]]);
+var b1 = {
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
-}, b1 = { class: "flex items-center gap-4 text-sm" }, y1 = { class: "flex-auto" }, x1 = {
+}, y1 = { class: "flex items-center gap-4 text-sm" }, x1 = { class: "flex-auto" }, V1 = {
   key: 0,
   class: "text-green-600"
-}, V1 = {
+}, $1 = {
   key: 0,
   class: "w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2"
-}, $1 = {
+}, w1 = {
   __name: "VNotification",
   props: {
     text: { type: String, default: "" },
@@ -273,45 +271,45 @@ var m1 = {
   },
   emits: ["close"],
   setup: function(t, e) {
-    var c = e.emit, r = t, l = c, o = m(function() {
+    var c = e.emit, r = t, o = c, i = m(function() {
       return r.status ? Math.ceil(r.size * 100 / r.length) : 100;
     }), u = m(function() {
       return !!r.length;
-    }), h = m(function() {
-      return !!(u.value && o.value === 100 && !r.status);
+    }), C = m(function() {
+      return !!(u.value && i.value === 100 && !r.status);
     });
     return F(function() {
       var d = r.timeout;
       d && setTimeout(function() {
-        l("close", B({}, r));
+        o("close", S({}, r));
       }, d * 1e3);
     }), function(d, f) {
-      return a(), i("div", m1, [
-        n("div", b1, [
-          n("div", y1, _(t.text), 1),
-          h.value ? (a(), i("span", x1, "Done")) : y("", !0),
+      return l(), s("div", b1, [
+        n("div", y1, [
+          n("div", x1, _(t.text), 1),
+          C.value ? (l(), s("span", V1, "Done")) : x("", !0),
           n("button", {
             class: "transition text-gray-400 self-start hover:text-gray-600",
-            onClick: f[0] || (f[0] = function(p) {
-              return l("close", d.item);
+            onClick: f[0] || (f[0] = function(g) {
+              return o("close", d.item);
             })
           }, [
-            H(A, { class: "h-4 w-4" })
+            M(A, { class: "h-4 w-4" })
           ])
         ]),
-        u.value ? (a(), i("div", V1, [
+        u.value ? (l(), s("div", $1, [
           n("div", {
             class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
-            style: z("width: ".concat(o.value, "%"))
-          }, _(o.value) + "%", 5)
-        ])) : y("", !0)
+            style: z("width: ".concat(i.value, "%"))
+          }, _(i.value) + "%", 5)
+        ])) : x("", !0)
       ]);
     };
   }
-}, w1 = { class: "w-full relative dark:bg-gray-800" }, k1 = ["value", "disabled", "type"], L1 = ["disabled"], H1 = {
+}, k1 = { class: "w-full relative dark:bg-gray-800" }, L1 = ["value", "disabled", "type"], H1 = ["disabled"], M1 = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, M1 = "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", q = {
+}, Z1 = "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", q = {
   __name: "VTextField",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -327,69 +325,69 @@ var m1 = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var c = e.emit, r = t, l = c, o = x(!1), u = m(function() {
+    var c = e.emit, r = t, o = c, i = w(!1), u = m(function() {
       return [
         r.message ? "border-red-500 hover:border-red-400" : "",
         r.disabled ? "border-gray-400 opacity-50 hover:border-gray-400" : "border-gray-300 dark:border-gray-600 hover:border-secondary"
       ];
-    }), h = function(s) {
-      return s || s === 0;
+    }), C = function(a) {
+      return a || a === 0;
     }, d = m(function() {
-      return [M1, o.value || h(r.modelValue) || r.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), f = function(s) {
-      var k = s.target;
-      l("update:modelValue", k.value);
-    }, p = function(s) {
-      o.value = !1, l("blur", s);
-    }, C = function(s) {
-      return l("enter", s);
-    }, $ = function() {
-      return o.value = !0;
-    }, w = function(s) {
-      return l("click", s);
-    }, S = function(s) {
-      r.disabled || l("on-icon", s);
+      return [Z1, i.value || C(r.modelValue) || r.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), f = function(a) {
+      var $ = a.target;
+      o("update:modelValue", $.value);
+    }, g = function(a) {
+      i.value = !1, o("blur", a);
+    }, p = function(a) {
+      return o("enter", a);
+    }, V = function() {
+      return i.value = !0;
+    }, y = function(a) {
+      return o("click", a);
+    }, L = function(a) {
+      r.disabled || o("on-icon", a);
     };
-    return function(s, k) {
-      return a(), i("div", w1, [
+    return function(a, $) {
+      return l(), s("div", k1, [
         n("label", {
           class: b(["relative w-full h-[40px] border flex items-center rounded transition", u.value])
         }, [
           n("span", {
             class: b(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
           }, _(t.label), 3),
-          n("input", Z(s.$attrs, {
+          n("input", B(a.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
             class: "w-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
-            onFocus: $,
-            onBlur: p,
+            onFocus: V,
+            onBlur: g,
             onInput: f,
-            onClick: w,
-            onKeypress: E(C, ["enter"])
-          }), null, 16, k1),
-          s.$slots.icon ? (a(), i("button", {
+            onClick: y,
+            onKeypress: E(p, ["enter"])
+          }), null, 16, L1),
+          a.$slots.icon ? (l(), s("button", {
             key: 0,
             disabled: t.disabled,
             style: { flex: "0 0 50px" },
             class: "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-600",
-            onClick: S
+            onClick: L
           }, [
-            g(s.$slots, "icon")
-          ], 8, L1)) : y("", !0)
+            h(a.$slots, "icon")
+          ], 8, H1)) : x("", !0)
         ], 2),
-        !t.hideMessage && t.message ? (a(), i("div", H1, [
-          g(s.$slots, "message", {}, function() {
+        !t.hideMessage && t.message ? (l(), s("div", M1, [
+          h(a.$slots, "message", {}, function() {
             return [
-              M(_(t.message), 1)
+              Z(_(t.message), 1)
             ];
           })
-        ])) : y("", !0)
+        ])) : x("", !0)
       ]);
     };
   }
-}, Z1 = {
+}, B1 = {
   __name: "VSelect",
   props: {
     value: { type: String, default: "" },
@@ -402,17 +400,17 @@ var m1 = {
   },
   emits: ["change"],
   setup: function(t, e) {
-    var c = e.emit, r = c, l = function(u) {
+    var c = e.emit, r = c, o = function(u) {
       return r("change", u);
-    }, o = function(u) {
+    }, i = function(u) {
       return { "rotate-x-180": u };
     };
-    return function(u, h) {
-      return a(), N(D, Z({ class: "relative w-full" }, u.$attrs), {
-        activator: L(function(d) {
-          var f = d.on, p = d.show;
+    return function(u, C) {
+      return l(), N(D, B({ class: "relative w-full" }, u.$attrs), {
+        activator: H(function(d) {
+          var f = d.on, g = d.show;
           return [
-            (a(), N(q, {
+            (l(), N(q, {
               key: t.value,
               "model-value": t.value,
               title: t.value,
@@ -423,10 +421,10 @@ var m1 = {
               onClick: f.click,
               onOnIcon: f.click
             }, {
-              icon: L(function() {
+              icon: H(function() {
                 return [
-                  H(j, {
-                    class: b(["transition-all", o(p)])
+                  M(j, {
+                    class: b(["transition-all", i(g)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -434,18 +432,18 @@ var m1 = {
             }, 1032, ["model-value", "title", "label", "onClick", "onOnIcon"]))
           ];
         }),
-        default: L(function() {
+        default: H(function() {
           return [
-            H(P, {
+            M(P, {
               list: t.list,
-              onClick: l
+              onClick: o
             }, {
-              default: L(function(d) {
+              default: H(function(d) {
                 var f = d.item;
                 return [
-                  g(u.$slots, "default", { item: f }, function() {
+                  h(u.$slots, "default", { item: f }, function() {
                     return [
-                      M(_(f.name), 1)
+                      Z(_(f.name), 1)
                     ];
                   })
                 ];
@@ -458,10 +456,10 @@ var m1 = {
       }, 16);
     };
   }
-}, S1 = { class: "w-full relative dark:bg-gray-800" }, B1 = ["value", "disabled", "type"], z1 = ["disabled"], I1 = {
+}, S1 = { class: "w-full relative dark:bg-gray-800" }, z1 = ["value", "disabled", "type"], I1 = ["disabled"], j1 = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, j1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 after:dark:bg-gray-800 after:bg-white", N1 = {
+}, N1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 after:dark:bg-gray-800 after:bg-white", O1 = {
   __name: "VTextarea",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -477,92 +475,92 @@ var m1 = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var c = e.emit, r = t, l = c, o = x(!1), u = m(function() {
+    var c = e.emit, r = t, o = c, i = w(!1), u = m(function() {
       return [
         r.message ? "border-red-500 hover:border-red-400" : "",
         r.disabled ? "border-gray-400 opacity-50 hover:border-gray-400" : "border-primary hover:border-secondary"
       ];
-    }), h = function(s) {
-      return s || s === 0;
+    }), C = function(a) {
+      return a || a === 0;
     }, d = m(function() {
-      return [j1, o.value || h(r.modelValue) || r.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), f = function(s) {
-      var k = s.target;
-      l("update:modelValue", k.value);
-    }, p = function(s) {
-      o.value = !1, l("blur", s);
-    }, C = function(s) {
-      return l("enter", s);
-    }, $ = function() {
-      return o.value = !0;
-    }, w = function(s) {
-      return l("click", s);
-    }, S = function(s) {
-      r.disabled || l("on-icon", s);
+      return [N1, i.value || C(r.modelValue) || r.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), f = function(a) {
+      var $ = a.target;
+      o("update:modelValue", $.value);
+    }, g = function(a) {
+      i.value = !1, o("blur", a);
+    }, p = function(a) {
+      return o("enter", a);
+    }, V = function() {
+      return i.value = !0;
+    }, y = function(a) {
+      return o("click", a);
+    }, L = function(a) {
+      r.disabled || o("on-icon", a);
     };
-    return function(s, k) {
-      return a(), i("div", S1, [
+    return function(a, $) {
+      return l(), s("div", S1, [
         n("label", {
           class: b(["relative w-full min-h-[40px] border flex items-center rounded transition", u.value])
         }, [
           n("span", {
             class: b(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
           }, _(t.label), 3),
-          n("textarea", Z(s.$attrs, {
+          n("textarea", B(a.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
             rows: "2",
             wrap: "",
             class: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent",
-            onFocus: $,
-            onBlur: p,
+            onFocus: V,
+            onBlur: g,
             onInput: f,
-            onClick: w,
-            onKeypress: E(C, ["enter"])
-          }), null, 16, B1),
-          s.$slots.icon ? (a(), i("button", {
+            onClick: y,
+            onKeypress: E(p, ["enter"])
+          }), null, 16, z1),
+          a.$slots.icon ? (l(), s("button", {
             key: 0,
             disabled: t.disabled,
             style: { flex: "0 0 50px" },
             class: "h-full flex items-center justify-center text-gray-400 border-l border-primary",
-            onClick: S
+            onClick: L
           }, [
-            g(s.$slots, "icon")
-          ], 8, z1)) : y("", !0)
+            h(a.$slots, "icon")
+          ], 8, I1)) : x("", !0)
         ], 2),
-        !t.hideMessage && t.message ? (a(), i("div", I1, [
-          g(s.$slots, "message", {}, function() {
+        !t.hideMessage && t.message ? (l(), s("div", j1, [
+          h(a.$slots, "message", {}, function() {
             return [
-              M(_(t.message), 1)
+              Z(_(t.message), 1)
             ];
           })
-        ])) : y("", !0)
+        ])) : x("", !0)
       ]);
     };
   }
 };
-const O1 = { class: "flex items-center cursor-pointer" }, F1 = /* @__PURE__ */ V({
+const F1 = { class: "flex items-center cursor-pointer" }, T1 = /* @__PURE__ */ k({
   __name: "VTextFieldFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const c = e, r = x({ files: [], totalSize: 0 }), l = async (o) => {
-      const u = o.target.files, h = { files: [], totalSize: 0 };
+    const c = e, r = w({ files: [], totalSize: 0 }), o = async (i) => {
+      const u = i.target.files, C = { files: [], totalSize: 0 };
       for (let d = 0; d < u.length; d++) {
         const f = u.item(d);
-        f && (h.totalSize += f.size, h.files.push({ name: f.name, size: f.size }));
+        f && (C.totalSize += f.size, C.files.push({ name: f.name, size: f.size }));
       }
-      u.length && (r.value = h, c("change", { files: u, info: h }));
+      u.length && (r.value = C, c("change", { files: u, info: C }));
     };
-    return (o, u) => (a(), i("label", O1, [
-      n("input", Z({
+    return (i, u) => (l(), s("label", F1, [
+      n("input", B({
         type: "file",
         class: "hidden"
-      }, o.$attrs, { onChange: l }), null, 16),
-      g(o.$slots, "default", R(U(r.value)))
+      }, i.$attrs, { onChange: o }), null, 16),
+      h(i.$slots, "default", R(U(r.value)))
     ]));
   }
-}), T1 = { class: "relative flex items-end gap-0.5 w-10" }, E1 = ["title"], D1 = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, P1 = /* @__PURE__ */ V({
+}), E1 = { class: "relative flex items-end gap-0.5 w-10" }, D1 = ["title"], P1 = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, A1 = /* @__PURE__ */ k({
   __name: "WifiIcon",
   props: {
     rssi: { default: 0 },
@@ -570,39 +568,39 @@ const O1 = { class: "flex items-center cursor-pointer" }, F1 = /* @__PURE__ */ V
   },
   setup(t) {
     const e = 2 * (t.rssi + 100), c = (r) => r < e;
-    return (r, l) => (a(), i("div", T1, [
-      (a(), i(I, null, T([10, 15, 25, 40, 70], (o, u) => n("div", {
-        key: o,
-        class: b(["w-1 h-5 rounded-lg", [c(o) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+    return (r, o) => (l(), s("div", E1, [
+      (l(), s(I, null, T([10, 15, 25, 40, 70], (i, u) => n("div", {
+        key: i,
+        class: b(["w-1 h-5 rounded-lg", [c(i) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
         style: z(`height: ${(u + 1) * 5}px`),
         title: `rssi: ${r.rssi} channel: ${r.channel}`
-      }, null, 14, E1)), 64)),
-      n("div", D1, _(r.channel), 1)
+      }, null, 14, D1)), 64)),
+      n("div", P1, _(r.channel), 1)
     ]));
   }
-}), A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VButton: Q,
-  VCheckbox: l1,
+  VButton: X,
+  VCheckbox: o1,
   VDropdown: D,
-  VExpansion: v1,
+  VExpansion: C1,
   VList: P,
-  VLoader: t1,
-  VNotification: $1,
-  VSelect: Z1,
+  VLoader: r1,
+  VNotification: w1,
+  VSelect: B1,
   VTextField: q,
-  VTextFieldFile: F1,
-  VTextarea: N1,
-  WifiIcon: P1
+  VTextFieldFile: T1,
+  VTextarea: O1,
+  WifiIcon: A1
 }, Symbol.toStringTag, { value: "Module" }));
-var q1 = {}, K1 = {
+var K1 = {}, G1 = {
   width: "16",
   height: "12",
   viewBox: "0 0 16 12",
   fill: "none"
 };
-function G1(t, e) {
-  return a(), i("svg", K1, e[0] || (e[0] = [
+function W1(t, e) {
+  return l(), s("svg", G1, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -611,15 +609,15 @@ function G1(t, e) {
     }, null, -1)
   ]));
 }
-const W1 = /* @__PURE__ */ v(q1, [["render", G1]]);
-var R1 = {}, U1 = {
+const R1 = /* @__PURE__ */ v(K1, [["render", W1]]);
+var U1 = {}, J1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function J1(t, e) {
-  return a(), i("svg", U1, e[0] || (e[0] = [
+function Q1(t, e) {
+  return l(), s("svg", J1, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -628,27 +626,27 @@ function J1(t, e) {
     }, null, -1)
   ]));
 }
-const Q1 = /* @__PURE__ */ v(R1, [["render", J1]]);
-var X1 = {}, Y1 = {
+const X1 = /* @__PURE__ */ v(U1, [["render", Q1]]);
+var Y1 = {}, e0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function e0(t, e) {
-  return a(), i("svg", Y1, e[0] || (e[0] = [
+function t0(t, e) {
+  return l(), s("svg", e0, e[0] || (e[0] = [
     n("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 t0 = /* @__PURE__ */ v(X1, [["render", e0]]);
-var r0 = {}, n0 = {
+const r0 = /* @__PURE__ */ v(Y1, [["render", t0]]);
+var n0 = {}, a0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function a0(t, e) {
-  return a(), i("svg", n0, e[0] || (e[0] = [
+function l0(t, e) {
+  return l(), s("svg", a0, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -656,58 +654,58 @@ function a0(t, e) {
     }, null, -1)
   ]));
 }
-const l0 = /* @__PURE__ */ v(r0, [["render", a0]]);
-var o0 = {}, i0 = {
+const o0 = /* @__PURE__ */ v(n0, [["render", l0]]);
+var i0 = {}, s0 = {
   viewBox: "0 0 24 24",
   width: "20",
   height: "20",
   fill: "currentColor"
 };
-function s0(t, e) {
-  return a(), i("svg", i0, e[0] || (e[0] = [
+function u0(t, e) {
+  return l(), s("svg", s0, e[0] || (e[0] = [
     n("path", { d: "M9.34268 18.7819L7.41083 18.2642L8.1983 15.3254C7.00919 14.8874 5.91661 14.2498 4.96116 13.4534L2.80783 15.6067L1.39362 14.1925L3.54695 12.0392C2.35581 10.6103 1.52014 8.87466 1.17578 6.96818L3.14386 6.61035C3.90289 10.8126 7.57931 14.0001 12.0002 14.0001C16.4211 14.0001 20.0976 10.8126 20.8566 6.61035L22.8247 6.96818C22.4803 8.87466 21.6446 10.6103 20.4535 12.0392L22.6068 14.1925L21.1926 15.6067L19.0393 13.4534C18.0838 14.2498 16.9912 14.8874 15.8021 15.3254L16.5896 18.2642L14.6578 18.7819L13.87 15.8418C13.2623 15.9459 12.6376 16.0001 12.0002 16.0001C11.3629 16.0001 10.7381 15.9459 10.1305 15.8418L9.34268 18.7819Z" }, null, -1)
   ]));
 }
-const u0 = /* @__PURE__ */ v(o0, [["render", s0]]);
-var c0 = {}, d0 = {
+const c0 = /* @__PURE__ */ v(i0, [["render", u0]]);
+var d0 = {}, f0 = {
   viewBox: "0 0 24 24",
   width: "20",
   height: "20",
   fill: "currentColor"
 };
-function f0(t, e) {
-  return a(), i("svg", d0, e[0] || (e[0] = [
+function v0(t, e) {
+  return l(), s("svg", f0, e[0] || (e[0] = [
     n("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 v0 = /* @__PURE__ */ v(c0, [["render", f0]]);
-var C0 = {}, h0 = {
+const C0 = /* @__PURE__ */ v(d0, [["render", v0]]);
+var h0 = {}, g0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function g0(t, e) {
-  return a(), i("svg", h0, e[0] || (e[0] = [
+function p0(t, e) {
+  return l(), s("svg", g0, e[0] || (e[0] = [
     n("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 p0 = /* @__PURE__ */ v(C0, [["render", g0]]);
-var _0 = {}, m0 = {
+const _0 = /* @__PURE__ */ v(h0, [["render", p0]]);
+var m0 = {}, b0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function b0(t, e) {
-  return a(), i("svg", m0, e[0] || (e[0] = [
+function y0(t, e) {
+  return l(), s("svg", b0, e[0] || (e[0] = [
     n("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 y0 = /* @__PURE__ */ v(_0, [["render", b0]]);
-var x0 = {};
-function V0(t, e) {
-  return a(), i(I, null, [
+const x0 = /* @__PURE__ */ v(m0, [["render", y0]]);
+var V0 = {};
+function $0(t, e) {
+  return l(), s(I, null, [
     e[0] || (e[0] = n("svg", {
       class: "flex dark:hidden",
       width: "20",
@@ -732,62 +730,62 @@ function V0(t, e) {
     ], -1))
   ], 64);
 }
-const $0 = /* @__PURE__ */ v(x0, [["render", V0]]);
-var w0 = {}, k0 = {
+const w0 = /* @__PURE__ */ v(V0, [["render", $0]]);
+var k0 = {}, L0 = {
   viewBox: "0 0 179 40",
   fill: "#25c1eb"
 };
-function L0(t, e) {
-  return a(), i("svg", k0, e[0] || (e[0] = [
+function H0(t, e) {
+  return l(), s("svg", L0, e[0] || (e[0] = [
     J('<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 H0 = /* @__PURE__ */ v(w0, [["render", L0]]);
-var M0 = {}, Z0 = {
+const M0 = /* @__PURE__ */ v(k0, [["render", H0]]);
+var Z0 = {}, B0 = {
   viewBox: "0 0 40 40",
   fill: "#25c1eb"
 };
 function S0(t, e) {
-  return a(), i("svg", Z0, e[0] || (e[0] = [
+  return l(), s("svg", B0, e[0] || (e[0] = [
     n("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
       n("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
     ], -1)
   ]));
 }
-const B0 = /* @__PURE__ */ v(M0, [["render", S0]]);
-var z0 = {}, I0 = {
+const z0 = /* @__PURE__ */ v(Z0, [["render", S0]]);
+var I0 = {}, j0 = {
   viewBox: "0 0 24 24",
   width: "22",
   height: "22",
   fill: "currentColor"
 };
-function j0(t, e) {
-  return a(), i("svg", I0, e[0] || (e[0] = [
+function N0(t, e) {
+  return l(), s("svg", j0, e[0] || (e[0] = [
     n("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 N0 = /* @__PURE__ */ v(z0, [["render", j0]]);
-var O0 = {}, F0 = {
+const O0 = /* @__PURE__ */ v(I0, [["render", N0]]);
+var F0 = {}, T0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function T0(t, e) {
-  return a(), i("svg", F0, e[0] || (e[0] = [
+function E0(t, e) {
+  return l(), s("svg", T0, e[0] || (e[0] = [
     n("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }, null, -1)
   ]));
 }
-const E0 = /* @__PURE__ */ v(O0, [["render", T0]]);
-var D0 = {}, P0 = {
+const D0 = /* @__PURE__ */ v(F0, [["render", E0]]);
+var P0 = {}, A0 = {
   class: "fill-current",
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none"
 };
-function A0(t, e) {
-  return a(), i("svg", P0, e[0] || (e[0] = [
+function q0(t, e) {
+  return l(), s("svg", A0, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -795,98 +793,98 @@ function A0(t, e) {
     }, null, -1)
   ]));
 }
-const q0 = /* @__PURE__ */ v(D0, [["render", A0]]);
-var K0 = {}, G0 = {
+const K0 = /* @__PURE__ */ v(P0, [["render", q0]]);
+var G0 = {}, W0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function W0(t, e) {
-  return a(), i("svg", G0, e[0] || (e[0] = [
+function R0(t, e) {
+  return l(), s("svg", W0, e[0] || (e[0] = [
     n("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 R0 = /* @__PURE__ */ v(K0, [["render", W0]]);
-var U0 = {}, J0 = {
+const U0 = /* @__PURE__ */ v(G0, [["render", R0]]);
+var J0 = {}, Q0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 30 30",
   fill: "currentColor"
 };
-function Q0(t, e) {
-  return a(), i("svg", J0, e[0] || (e[0] = [
+function X0(t, e) {
+  return l(), s("svg", Q0, e[0] || (e[0] = [
     n("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 X0 = /* @__PURE__ */ v(U0, [["render", Q0]]);
-var Y0 = {}, e2 = {
+const Y0 = /* @__PURE__ */ v(J0, [["render", X0]]);
+var e2 = {}, t2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function t2(t, e) {
-  return a(), i("svg", e2, e[0] || (e[0] = [
+function r2(t, e) {
+  return l(), s("svg", t2, e[0] || (e[0] = [
     n("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 r2 = /* @__PURE__ */ v(Y0, [["render", t2]]);
-var n2 = {}, a2 = {
+const n2 = /* @__PURE__ */ v(e2, [["render", r2]]);
+var a2 = {}, l2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function l2(t, e) {
-  return a(), i("svg", a2, e[0] || (e[0] = [
+function o2(t, e) {
+  return l(), s("svg", l2, e[0] || (e[0] = [
     n("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 o2 = /* @__PURE__ */ v(n2, [["render", l2]]), i2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const i2 = /* @__PURE__ */ v(a2, [["render", o2]]), s2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  IconBurger: W1,
+  IconBurger: R1,
   IconChevron: j,
   IconClose: A,
-  IconDashboard: Q1,
-  IconDevice: t0,
-  IconDots: l0,
-  IconEyeClose: u0,
-  IconEyeOpen: v0,
-  IconFile: p0,
-  IconFolder: y0,
-  IconLogo: H0,
-  IconLogoMini: B0,
-  IconLogout: N0,
-  IconNext: E0,
-  IconNoti: q0,
-  IconSave: R0,
-  IconSearch: X0,
-  IconTheme: $0,
-  IconUpdate: r2,
-  IconVideo: o2
-}, Symbol.toStringTag, { value: "Module" })), s2 = { class: "rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6" }, u2 = { class: "mb-6 flex items-center justify-between" }, c2 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, d2 = { class: "max-w-full" }, f2 = /* @__PURE__ */ V({
+  IconDashboard: X1,
+  IconDevice: r0,
+  IconDots: o0,
+  IconEyeClose: c0,
+  IconEyeOpen: C0,
+  IconFile: _0,
+  IconFolder: x0,
+  IconLogo: M0,
+  IconLogoMini: z0,
+  IconLogout: O0,
+  IconNext: D0,
+  IconNoti: K0,
+  IconSave: U0,
+  IconSearch: Y0,
+  IconTheme: w0,
+  IconUpdate: n2,
+  IconVideo: i2
+}, Symbol.toStringTag, { value: "Module" })), u2 = { class: "rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6" }, c2 = { class: "mb-6 flex items-center justify-between" }, d2 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, f2 = { class: "max-w-full" }, v2 = /* @__PURE__ */ k({
   __name: "VCardGray",
   props: {
     title: { default: "Title" }
   },
   setup(t) {
-    return (e, c) => (a(), i("div", s2, [
-      n("div", u2, [
-        n("h3", c2, _(e.title), 1),
+    return (e, c) => (l(), s("div", u2, [
+      n("div", c2, [
+        n("h3", d2, _(e.title), 1),
         n("div", null, [
-          g(e.$slots, "header")
+          h(e.$slots, "header")
         ])
       ]),
-      n("div", d2, [
-        g(e.$slots, "default")
+      n("div", f2, [
+        h(e.$slots, "default")
       ])
     ]));
   }
-}), v2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), C2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VCardGray: f2
-}, Symbol.toStringTag, { value: "Module" })), O = { ...i2, ...A1, ...v2 }, h2 = {
+  VCardGray: v2
+}, Symbol.toStringTag, { value: "Module" })), O = { ...s2, ...q1, ...C2 }, g2 = {
   install: (t) => {
     Object.keys(O).forEach((e) => {
       t.component(e, O[e]);
@@ -894,5 +892,5 @@ const o2 = /* @__PURE__ */ v(n2, [["render", l2]]), i2 = /* @__PURE__ */ Object.
   }
 };
 export {
-  h2 as default
+  g2 as default
 };