vuesp-components 0.2.2 → 0.2.4

package/dist/vuesp-components.es.js

@@ -1,4 +1,4 @@
-import { ref as B, computed as M, createElementBlock as s, openBlock as r, createElementVNode as n, createCommentVNode as L, normalizeClass as w, toDisplayString as V, mergeProps as I, withKeys as X, renderSlot as b, createTextVNode as z, resolveDirective as a1, withDirectives as s1, createVNode as p, Transition as Y, withCtx as h, normalizeStyle as D, defineComponent as H, Fragment as A, renderList as F, createBlock as $, resolveDynamicComponent as P, unref as i1, onMounted as U, normalizeProps as G, guardReactiveProps as K, createStaticVNode as c1, resolveComponent as x, Teleport as u1, withModifiers as j, TransitionGroup as d1 } from "vue";
+import { ref as S, computed as k, createElementBlock as s, openBlock as l, createElementVNode as n, createCommentVNode as L, normalizeClass as M, toDisplayString as V, mergeProps as I, withKeys as X, renderSlot as b, createTextVNode as z, resolveDirective as a1, withDirectives as s1, createVNode as p, Transition as Y, withCtx as h, normalizeStyle as D, defineComponent as H, Fragment as A, renderList as F, createBlock as w, resolveDynamicComponent as P, unref as i1, onMounted as U, normalizeProps as G, guardReactiveProps as K, createStaticVNode as c1, resolveComponent as x, Teleport as u1, withModifiers as j, TransitionGroup as d1 } from "vue";
 const f1 = {
   mounted(t, e) {
     t.clickOutsideEvent = function(i) {
@@ -28,60 +28,60 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var i = e.emit, o = t, a = i, l = B(!1), u = M(function() {
+    var i = e.emit, o = t, a = i, r = S(!1), c = k(function() {
       return [
         o.message ? "border-red-500 hover:border-red-400 dark:border-red-700 hover:dark:border-red-800" : "",
         o.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
       ];
-    }), f = function(m) {
-      return m || m === 0;
-    }, c = M(function() {
-      return [h1, l.value || f(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), d = function(m) {
-      var S = m.target;
-      a("update:modelValue", S.value);
-    }, v = function(m) {
-      l.value = !1, a("blur", m);
-    }, C = function(m) {
-      return a("enter", m);
+    }), f = function(v) {
+      return v || v === 0;
+    }, u = k(function() {
+      return [h1, r.value || f(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), d = function(v) {
+      var B = v.target;
+      a("update:modelValue", B.value);
+    }, m = function(v) {
+      r.value = !1, a("blur", v);
+    }, C = function(v) {
+      return a("enter", v);
     }, y = function() {
-      return l.value = !0;
-    }, _ = function(m) {
-      return a("click", m);
-    }, Z = function(m) {
-      o.disabled || a("on-icon", m);
+      return r.value = !0;
+    }, _ = function(v) {
+      return a("click", v);
+    }, Z = function(v) {
+      o.disabled || a("on-icon", v);
     };
-    return function(m, S) {
-      return r(), s("div", m1, [
+    return function(v, B) {
+      return l(), s("div", m1, [
         n("label", {
-          class: w(["relative w-full h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", u.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])
         }, [
           n("span", {
-            class: w(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
+            class: M(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
           }, V(t.label), 3),
-          n("input", I(m.$attrs, {
+          n("input", I(v.$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: y,
-            onBlur: v,
+            onBlur: m,
             onInput: d,
             onClick: _,
             onKeypress: X(C, ["enter"])
           }), null, 16, p1),
-          m.$slots.icon ? (r(), s("button", {
+          v.$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-700/50",
             onClick: Z
           }, [
-            b(m.$slots, "icon")
+            b(v.$slots, "icon")
           ], 8, C1)) : L("", !0)
         ], 2),
-        t.hideMessage ? L("", !0) : (r(), s("div", _1, [
-          b(m.$slots, "message", {}, function() {
+        t.hideMessage ? L("", !0) : (l(), s("div", _1, [
+          b(v.$slots, "message", {}, function() {
             return [
               z(V(t.message), 1)
             ];
@@ -101,24 +101,24 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
   },
   emits: ["click", "show", "close"],
   setup: function(t, e) {
-    var i = e.emit, o = t, a = i, l = B(!1), u = M(function() {
+    var i = e.emit, o = t, a = i, r = S(!1), c = k(function() {
       return { top: o.top, left: o.left, right: o.right, "max-height": o.height };
     }), f = function() {
-      l.value && v();
-    }, c = function() {
-      l.value ? o.hideOnClick && v() : d(), a("click", l.value);
+      r.value && m();
+    }, u = function() {
+      r.value ? o.hideOnClick && m() : d(), a("click", r.value);
     }, d = function(C) {
-      l.value = !0, a("show", C);
-    }, v = function(C) {
-      l.value = !1, a("close", C);
+      r.value = !0, a("show", C);
+    }, m = function(C) {
+      r.value = !1, a("close", C);
     };
     return function(C, y) {
       var _ = a1("outside");
-      return s1((r(), s("div", g1, [
+      return s1((l(), s("div", g1, [
         n("div", y1, [
           b(C.$slots, "activator", {
-            on: { click: c },
-            show: l.value
+            on: { click: u },
+            show: r.value
           })
         ]),
         p(Y, {
@@ -131,16 +131,16 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
         }, {
           default: h(function() {
             return [
-              l.value ? (r(), s("div", {
+              r.value ? (l(), s("div", {
                 key: 0,
                 class: "z-10 min-w-full absolute overflow-auto shadow-lg",
-                style: D(u.value),
-                onClick: c
+                style: D(c.value),
+                onClick: u
               }, [
                 b(C.$slots, "default", {
                   show: d,
-                  hide: v,
-                  isShown: l.value
+                  hide: m,
+                  isShown: r.value
                 })
               ], 4)) : L("", !0)
             ];
@@ -161,14 +161,14 @@ const b1 = { class: "bg-white dark:bg-gray-800" }, x1 = ["onClick"], J = /* @__P
   emits: ["click"],
   setup(t, { emit: e }) {
     const i = e, o = (a) => i("click", a);
-    return (a, l) => (r(), s("ul", b1, [
-      (r(!0), s(A, null, F(a.list, (u, f) => (r(), s("li", {
+    return (a, r) => (l(), s("ul", b1, [
+      (l(!0), s(A, null, F(a.list, (c, f) => (l(), s("li", {
         key: "list_" + f,
         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: (c) => o(u)
+        onClick: (u) => o(c)
       }, [
-        b(a.$slots, "default", { item: u }, () => [
-          z(V(u.name), 1)
+        b(a.$slots, "default", { item: c }, () => [
+          z(V(c.name), 1)
         ])
       ], 8, x1))), 128))
     ]));
@@ -179,18 +179,18 @@ const b1 = { class: "bg-white dark:bg-gray-800" }, x1 = ["onClick"], J = /* @__P
     i[o] = a;
   return i;
 };
-var V1 = {}, k1 = {
+var V1 = {}, $1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function $1(t, e) {
-  return r(), s("svg", k1, e[0] || (e[0] = [
+function k1(t, e) {
+  return l(), s("svg", $1, e[0] || (e[0] = [
     n("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 N = /* @__PURE__ */ g(V1, [["render", $1]]);
+const N = /* @__PURE__ */ g(V1, [["render", k1]]);
 var w1 = {
   key: 0,
   class: "p-4 py-2"
@@ -206,42 +206,42 @@ var w1 = {
   },
   emits: ["change"],
   setup: function(t) {
-    var e = t, i = B(""), o = M(function() {
+    var e = t, i = S(""), o = k(function() {
       return e.value;
-    }), a = M(function() {
+    }), a = k(function() {
       var d = e?.list || [];
-      return d.filter(function(v) {
-        return i.value ? v[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
+      return d.filter(function(m) {
+        return i.value ? m[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
       });
-    }), l = M(function() {
+    }), r = k(function() {
       return e.placeholder;
-    }), u = M(function() {
+    }), c = k(function() {
       var d;
       return !(!((d = a?.value) === null || d === void 0) && d.length);
     }), f = function(d) {
       return i.value = d.target.value;
-    }, c = function(d) {
+    }, u = function(d) {
       return { "rotate-x-180": d };
     };
-    return function(d, v) {
-      return r(), $(W, I(d.$attrs, { top: "50px" }), {
+    return function(d, m) {
+      return l(), w(W, I(d.$attrs, { top: "50px" }), {
         activator: h(function(C) {
           var y = C.show, _ = C.on;
           return [
             p(R, {
               value: y ? i.value : o.value,
-              placeholder: y ? "Search" : l.value,
+              placeholder: y ? "Search" : r.value,
               onClick: _.click,
               onInput: f,
               onOnIcon: _.click,
-              onFocus: v[0] || (v[0] = function(Z) {
+              onFocus: m[0] || (m[0] = function(Z) {
                 return i.value = "";
               })
             }, {
               icon: h(function() {
                 return [
                   p(N, {
-                    class: w(["transition", c(y)])
+                    class: M(["transition", u(y)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -254,7 +254,7 @@ var w1 = {
             n("div", null, [
               p(J, {
                 list: a.value,
-                onClick: v[1] || (v[1] = function(C) {
+                onClick: m[1] || (m[1] = function(C) {
                   return d.$emit("change", C);
                 })
               }, {
@@ -271,7 +271,7 @@ var w1 = {
                 _: 3
               }, 8, ["list"])
             ]),
-            u.value ? (r(), s("div", w1, "Not found")) : L("", !0)
+            c.value ? (l(), s("div", w1, "Not found")) : L("", !0)
           ];
         }),
         _: 3
@@ -286,14 +286,14 @@ const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    return (i, o) => (r(), s("nav", null, [
+    return (i, o) => (l(), s("nav", null, [
       n("ol", H1, [
-        (r(!0), s(A, null, F(i.items, (a, l) => (r(), s("li", {
-          key: l,
-          class: w(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", a.path ? "" : "text-gray-800 dark:text-white/90"])
+        (l(!0), s(A, null, F(i.items, (a, r) => (l(), s("li", {
+          key: r,
+          class: M(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", a.path ? "" : "text-gray-800 dark:text-white/90"])
         }, [
           b(i.$slots, "default", { item: a }, () => [
-            (r(), $(P(a.path ? "a" : "span"), {
+            (l(), w(P(a.path ? "a" : "span"), {
               href: a.path
             }, {
               default: h(() => [
@@ -302,7 +302,7 @@ const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
               _: 2
             }, 1032, ["href"]))
           ]),
-          a.path ? (r(), $(N, {
+          a.path ? (l(), w(N, {
             key: 0,
             class: "rotate-270"
           })) : L("", !0)
@@ -310,7 +310,7 @@ const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
       ])
     ]));
   }
-}), Z1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", S1 = /* @__PURE__ */ H({
+}), Z1 = ["disabled"], B1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", S1 = /* @__PURE__ */ H({
   __name: "VButton",
   props: {
     block: { type: Boolean },
@@ -318,37 +318,39 @@ const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
     color: { default: "gray" },
     size: { default: "normal" },
     type: { default: "button" },
-    loading: { type: Boolean, default: !1 }
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, o = (m) => i("click", m), a = 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", u = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: l, gray: u, blue: f }, d = {
+    const i = e, o = (v) => i("click", v), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", r = 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", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", u = { green: a, red: r, gray: c, blue: f }, d = {
       button: "px-4",
       icon: "h-10 w-10 rounded-full border border-gray-200 dark:border-gray-800"
-    }, v = { normal: "h-10", small: "h-8" }, C = (m) => v?.[m] || "", y = (m) => d?.[m] || "", _ = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${c?.[m] || ""}`, Z = M(() => [Z1, _(t.color), y(t.type), C(t.size), { "w-full": t.block }]);
-    return (m, S) => (r(), s("button", {
-      class: w(Z.value),
+    }, m = { normal: "h-10", small: "h-8" }, C = (v) => m?.[v] || "", y = (v) => d?.[v] || "", _ = (v) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${u?.[v] || ""}`, Z = k(() => [B1, _(t.color), y(t.type), C(t.size), { "w-full": t.block }]);
+    return (v, B) => (l(), s("button", {
+      class: M(Z.value),
+      disabled: v.disabled,
       onClick: o
     }, [
       n("span", {
-        class: w(m.loading ? "opacity-0" : "")
+        class: M(v.loading ? "opacity-0" : "")
       }, [
-        b(m.$slots, "default")
+        b(v.$slots, "default")
       ], 2),
-      m.loading ? (r(), $(i1(e1), {
+      v.loading ? (l(), w(i1(e1), {
         key: 0,
         class: "absolute left-1/2 -translate-x-1/2"
       })) : L("", !0)
-    ], 2));
+    ], 10, Z1));
   }
 });
-var B1 = {}, I1 = {
+var I1 = {}, z1 = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function z1(t, e) {
-  return r(), s("svg", I1, e[0] || (e[0] = [
+function A1(t, e) {
+  return l(), s("svg", z1, e[0] || (e[0] = [
     n("circle", {
       class: "opacity-25",
       cx: "12",
@@ -364,7 +366,7 @@ function z1(t, e) {
     }, null, -1)
   ]));
 }
-const e1 = /* @__PURE__ */ g(B1, [["render", z1]]), A1 = ["checked", "disabled"], F1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, T1 = /* @__PURE__ */ H({
+const e1 = /* @__PURE__ */ g(I1, [["render", A1]]), F1 = ["checked", "disabled"], T1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, j1 = /* @__PURE__ */ H({
   __name: "VCheckbox",
   props: {
     modelValue: { default: "" },
@@ -373,8 +375,8 @@ const e1 = /* @__PURE__ */ g(B1, [["render", z1]]), A1 = ["checked", "disabled"]
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const i = e, o = ({ target: a }) => i("update:modelValue", a.checked);
-    return (a, l) => (r(), s("label", {
-      class: w(["inline-flex items-center relative", { "cursor-pointer": !a.disabled }])
+    return (a, r) => (l(), s("label", {
+      class: M(["inline-flex items-center relative", { "cursor-pointer": !a.disabled }])
     }, [
       n("input", {
         type: "checkbox",
@@ -382,8 +384,8 @@ const e1 = /* @__PURE__ */ g(B1, [["render", z1]]), A1 = ["checked", "disabled"]
         disabled: a.disabled,
         class: "peer h-5 w-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40",
         onChange: o
-      }, null, 40, A1),
-      l[0] || (l[0] = n("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, F1),
+      r[0] || (r[0] = n("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" }, [
         n("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
@@ -398,47 +400,47 @@ const e1 = /* @__PURE__ */ g(B1, [["render", z1]]), A1 = ["checked", "disabled"]
           })
         ])
       ], -1)),
-      n("span", F1, [
+      n("span", T1, [
         b(a.$slots, "default")
       ])
     ], 2));
   }
 });
-var j1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, O1 = { class: "p-4" }, N1 = {
+var O1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, N1 = { class: "p-4" }, E1 = {
   __name: "VExpansion",
   props: {
     label: { type: String, default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup: function(t) {
-    var e = t, i = B(null), o = B(e.value), a = function() {
-      var u = i.value.querySelector(".v-expansion__content");
-      u.style.maxHeight = o.value ? "".concat(u.scrollHeight, "px") : "0";
-    }, l = function() {
+    var e = t, i = S(null), o = S(e.value), a = function() {
+      var c = i.value.querySelector(".v-expansion__content");
+      c.style.maxHeight = o.value ? "".concat(c.scrollHeight, "px") : "0";
+    }, r = function() {
       o.value = !o.value, a();
     };
     return U(function() {
       a();
-    }), function(u, f) {
-      return r(), s("div", {
+    }), function(c, f) {
+      return l(), s("div", {
         ref_key: "root",
         ref: i,
         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: l
+          onClick: r
         }, [
           n("h4", null, V(t.label), 1),
           n("div", {
-            class: w(["transition text-gray-400", { "rotate-180": o.value }])
+            class: M(["transition text-gray-400", { "rotate-180": o.value }])
           }, [
             p(N)
           ], 2)
         ]),
-        n("div", j1, [
-          n("div", O1, [
-            b(u.$slots, "default")
+        n("div", O1, [
+          n("div", N1, [
+            b(c.$slots, "default")
           ])
         ])
       ], 512);
@@ -448,33 +450,33 @@ var j1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all d
   return q = Object.assign || function(e) {
     for (var i, o = 1, a = arguments.length; o < a; o++) {
       i = arguments[o];
-      for (var l in i) Object.prototype.hasOwnProperty.call(i, l) && (e[l] = i[l]);
+      for (var r in i) Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
     }
     return e;
   }, q.apply(this, arguments);
 };
-var E1 = {}, D1 = {
+var D1 = {}, P1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function P1(t, e) {
-  return r(), s("svg", D1, e[0] || (e[0] = [
+function U1(t, e) {
+  return l(), s("svg", P1, e[0] || (e[0] = [
     n("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 t1 = /* @__PURE__ */ g(E1, [["render", P1]]);
-var U1 = {
+const t1 = /* @__PURE__ */ g(D1, [["render", U1]]);
+var G1 = {
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
-}, G1 = { class: "flex items-center gap-4 text-sm" }, K1 = { class: "flex-auto" }, q1 = {
+}, K1 = { class: "flex items-center gap-4 text-sm" }, q1 = { class: "flex-auto" }, R1 = {
   key: 0,
   class: "text-green-600"
-}, R1 = {
+}, W1 = {
   key: 0,
   class: "w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2"
-}, W1 = {
+}, J1 = {
   __name: "VNotification",
   props: {
     text: { type: String, default: "" },
@@ -493,110 +495,94 @@ var U1 = {
   },
   emits: ["close"],
   setup: function(t, e) {
-    var i = e.emit, o = t, a = i, l = M(function() {
+    var i = e.emit, o = t, a = i, r = k(function() {
       return o.status ? Math.ceil(o.size * 100 / o.length) : 100;
-    }), u = M(function() {
+    }), c = k(function() {
       return !!o.length;
-    }), f = M(function() {
-      return !!(u.value && l.value === 100 && !o.status);
+    }), f = k(function() {
+      return !!(c.value && r.value === 100 && !o.status);
     });
     return U(function() {
-      var c = o.timeout;
-      c && setTimeout(function() {
+      var u = o.timeout;
+      u && setTimeout(function() {
         a("close", q({}, o));
-      }, c * 1e3);
-    }), function(c, d) {
-      return r(), s("div", U1, [
-        n("div", G1, [
-          n("div", K1, V(t.text), 1),
-          f.value ? (r(), s("span", q1, "Done")) : L("", !0),
+      }, u * 1e3);
+    }), function(u, d) {
+      return l(), s("div", G1, [
+        n("div", K1, [
+          n("div", q1, V(t.text), 1),
+          f.value ? (l(), s("span", R1, "Done")) : L("", !0),
           n("button", {
             class: "transition text-gray-400 self-start hover:text-gray-600",
-            onClick: d[0] || (d[0] = function(v) {
-              return a("close", c.item);
+            onClick: d[0] || (d[0] = function(m) {
+              return a("close", u.item);
             })
           }, [
             p(t1, { class: "h-4 w-4" })
           ])
         ]),
-        u.value ? (r(), s("div", R1, [
+        c.value ? (l(), s("div", W1, [
           n("div", {
             class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
-            style: D("width: ".concat(l.value, "%"))
-          }, V(l.value) + "%", 5)
+            style: D("width: ".concat(r.value, "%"))
+          }, V(r.value) + "%", 5)
         ])) : L("", !0)
       ]);
     };
   }
-}, J1 = {
+};
+const Q1 = /* @__PURE__ */ H({
   __name: "VSelect",
   props: {
-    value: { type: String, default: "" },
-    valueName: { type: String, default: "name" },
-    label: { type: String, default: "" },
-    list: { type: Array, default: function() {
-      return [];
-    } }
+    value: { default: "" },
+    valueName: { default: "name" },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    list: { default: () => [] }
   },
-  emits: ["change"],
-  setup: function(t, e) {
-    var i = e.emit, o = i, a = function(u) {
-      return o("change", u);
-    }, l = function(u) {
-      return { "rotate-x-180": u };
-    };
-    return function(u, f) {
-      return r(), $(W, I({ class: "relative w-full" }, u.$attrs, { top: "50px" }), {
-        activator: h(function(c) {
-          var d = c.on, v = c.show;
-          return [
-            p(R, {
-              "model-value": t.value,
-              readonly: "",
-              active: "",
-              label: t.label,
-              onClick: d.click,
-              onOnIcon: d.click
-            }, {
-              icon: h(function() {
-                return [
-                  p(N, {
-                    class: w(["transition", l(v)])
-                  }, null, 8, ["class"])
-                ];
-              }),
-              _: 2
-            }, 1032, ["model-value", "label", "onClick", "onOnIcon"])
-          ];
-        }),
-        default: h(function() {
-          return [
-            p(J, {
-              list: t.list,
-              onClick: a
-            }, {
-              default: h(function(c) {
-                var d = c.item;
-                return [
-                  b(u.$slots, "default", { item: d }, function() {
-                    return [
-                      z(V(d.name), 1)
-                    ];
-                  })
-                ];
-              }),
-              _: 3
-            }, 8, ["list"])
-          ];
-        }),
-        _: 3
-      }, 16);
-    };
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    const i = e, o = k(() => t.list.find((c) => c.value === t.value)?.[t.valueName] || ""), a = (c) => ({ "rotate-x-180": c }), r = (c) => i("change", c);
+    return (c, f) => (l(), w(W, I({ class: "relative w-full" }, c.$attrs, { top: "50px" }), {
+      activator: h(({ on: u, show: d }) => [
+        p(R, {
+          "model-value": o.value,
+          readonly: "",
+          disabled: c.disabled,
+          active: "",
+          label: c.label,
+          onClick: u.click,
+          onOnIcon: u.click
+        }, {
+          icon: h(() => [
+            p(N, {
+              class: M(["transition", a(d)])
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
+      ]),
+      default: h(() => [
+        p(J, {
+          list: c.list,
+          onClick: r
+        }, {
+          default: h(({ item: u }) => [
+            b(c.$slots, "default", { item: u }, () => [
+              z(V(u.name), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["list"])
+      ]),
+      _: 3
+    }, 16));
   }
-}, Q1 = { class: "w-full relative" }, X1 = ["value", "disabled", "type"], Y1 = ["disabled"], ee = {
+});
+var X1 = { class: "w-full relative" }, Y1 = ["value", "disabled", "type"], ee = ["disabled"], te = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, te = "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", ne = {
+}, ne = "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", oe = {
   __name: "VTextarea",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -612,38 +598,38 @@ var U1 = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var i = e.emit, o = t, a = i, l = B(!1), u = M(function() {
+    var i = e.emit, o = t, a = i, r = S(!1), c = k(function() {
       return [
         o.message ? "border-red-500 hover:border-red-400" : "",
         o.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
       ];
-    }), f = function(m) {
-      return m || m === 0;
-    }, c = M(function() {
-      return [te, l.value || f(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), d = function(m) {
-      var S = m.target;
-      a("update:modelValue", S.value);
-    }, v = function(m) {
-      l.value = !1, a("blur", m);
-    }, C = function(m) {
-      return a("enter", m);
+    }), f = function(v) {
+      return v || v === 0;
+    }, u = k(function() {
+      return [ne, r.value || f(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), d = function(v) {
+      var B = v.target;
+      a("update:modelValue", B.value);
+    }, m = function(v) {
+      r.value = !1, a("blur", v);
+    }, C = function(v) {
+      return a("enter", v);
     }, y = function() {
-      return l.value = !0;
-    }, _ = function(m) {
-      return a("click", m);
-    }, Z = function(m) {
-      o.disabled || a("on-icon", m);
+      return r.value = !0;
+    }, _ = function(v) {
+      return a("click", v);
+    }, Z = function(v) {
+      o.disabled || a("on-icon", v);
     };
-    return function(m, S) {
-      return r(), s("div", Q1, [
+    return function(v, B) {
+      return l(), s("div", X1, [
         n("label", {
-          class: w(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", u.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])
         }, [
           n("span", {
-            class: w(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
+            class: M(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
           }, V(t.label), 3),
-          n("textarea", I(m.$attrs, {
+          n("textarea", I(v.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
@@ -651,23 +637,23 @@ var U1 = {
             wrap: "",
             class: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent",
             onFocus: y,
-            onBlur: v,
+            onBlur: m,
             onInput: d,
             onClick: _,
             onKeypress: X(C, ["enter"])
-          }), null, 16, X1),
-          m.$slots.icon ? (r(), s("button", {
+          }), null, 16, Y1),
+          v.$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: Z
           }, [
-            b(m.$slots, "icon")
-          ], 8, Y1)) : L("", !0)
+            b(v.$slots, "icon")
+          ], 8, ee)) : L("", !0)
         ], 2),
-        t.hideMessage ? L("", !0) : (r(), s("div", ee, [
-          b(m.$slots, "message", {}, function() {
+        t.hideMessage ? L("", !0) : (l(), s("div", te, [
+          b(v.$slots, "message", {}, function() {
             return [
               z(V(t.message), 1)
             ];
@@ -677,33 +663,33 @@ var U1 = {
     };
   }
 };
-const oe = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H({
+const le = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H({
   __name: "VTextFieldFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const i = e, o = B({ files: [], totalSize: 0 }), a = async (l) => {
-      const u = l.target.files, f = { files: [], totalSize: 0 };
-      for (let c = 0; c < u.length; c++) {
-        const d = u.item(c);
+    const i = e, o = S({ files: [], totalSize: 0 }), a = async (r) => {
+      const c = r.target.files, f = { files: [], totalSize: 0 };
+      for (let u = 0; u < c.length; u++) {
+        const d = c.item(u);
         d && (f.totalSize += d.size, f.files.push({ name: d.name, size: d.size }));
       }
-      u.length && (o.value = f, i("change", { files: u, info: f }));
+      c.length && (o.value = f, i("change", { files: c, info: f }));
     };
-    return (l, u) => (r(), s("label", oe, [
+    return (r, c) => (l(), s("label", le, [
       n("input", I({
         type: "file",
         class: "hidden"
-      }, l.$attrs, { onChange: a }), null, 16),
-      b(l.$slots, "default", G(K(o.value)))
+      }, r.$attrs, { onChange: a }), null, 16),
+      b(r.$slots, "default", G(K(o.value)))
     ]));
   }
-}), le = { class: "min-w-full" }, ae = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, se = { class: "bg-gray-50 dark:bg-gray-800" }, ie = { class: "flex items-center" }, ce = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, ue = ["onClick"], de = { class: "flex items-center text-gray-700 dark:text-gray-400" }, fe = {
+}), ae = { class: "min-w-full" }, se = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, ie = { class: "bg-gray-50 dark:bg-gray-800" }, ce = { class: "flex items-center" }, ue = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, de = ["onClick"], fe = { class: "flex items-center text-gray-700 dark:text-gray-400" }, ve = {
   key: 1,
   class: ""
-}, ve = {
+}, me = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, me = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, pe = /* @__PURE__ */ H({
+}, pe = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Ce = /* @__PURE__ */ H({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
@@ -711,43 +697,43 @@ const oe = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, o = (l, u) => {
-      i("click", { item: l, event: u });
-    }, a = (l) => l?.className || "";
-    return (l, u) => (r(), s("table", le, [
-      n("thead", ae, [
-        n("tr", se, [
-          (r(!0), s(A, null, F(l.headers, (f, c) => (r(), s("th", {
-            key: c,
-            class: w(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(f)])
+    const i = e, o = (r, c) => {
+      i("click", { item: r, event: c });
+    }, a = (r) => r?.className || "";
+    return (r, c) => (l(), s("table", ae, [
+      n("thead", se, [
+        n("tr", ie, [
+          (l(!0), s(A, null, F(r.headers, (f, u) => (l(), s("th", {
+            key: u,
+            class: M(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(f)])
           }, [
-            b(l.$slots, "header", { item: f }, () => [
-              n("div", ie, V(f.name), 1)
+            b(r.$slots, "header", { item: f }, () => [
+              n("div", ce, V(f.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      n("tbody", ce, [
-        l.items.length ? (r(!0), s(A, { key: 0 }, F(l.items, (f, c) => (r(), s("tr", {
-          key: c,
+      n("tbody", ue, [
+        r.items.length ? (l(!0), s(A, { key: 0 }, F(r.items, (f, u) => (l(), s("tr", {
+          key: u,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
           onClick: (d) => o(f, d)
         }, [
-          (r(!0), s(A, null, F(l.headers, (d, v) => (r(), s("td", {
-            key: v,
+          (l(!0), s(A, null, F(r.headers, (d, m) => (l(), s("td", {
+            key: m,
             class: "py-2 whitespace-nowrap px-4"
           }, [
-            n("div", de, [
-              b(l.$slots, d.key, { item: f }, () => [
+            n("div", fe, [
+              b(r.$slots, d.key, { item: f }, () => [
                 z(V(f[d.key]), 1)
               ])
             ])
           ]))), 128))
-        ], 8, ue))), 128)) : (r(), s("tr", fe, [
-          n("td", ve, [
-            n("div", me, [
-              b(l.$slots, "empty", {}, () => [
-                u[0] || (u[0] = z("The list is empty"))
+        ], 8, de))), 128)) : (l(), s("tr", ve, [
+          n("td", me, [
+            n("div", pe, [
+              b(r.$slots, "empty", {}, () => [
+                c[0] || (c[0] = z("The list is empty"))
               ])
             ])
           ])
@@ -755,7 +741,7 @@ const oe = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H
       ])
     ]));
   }
-}), Ce = { class: "relative flex items-end gap-0.5 w-10" }, _e = ["title"], he = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, ge = /* @__PURE__ */ H({
+}), _e = { class: "relative flex items-end gap-0.5 w-10" }, he = ["title"], ge = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, ye = /* @__PURE__ */ H({
   __name: "WifiIcon",
   props: {
     rssi: { default: 0 },
@@ -763,54 +749,54 @@ const oe = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H
   },
   setup(t) {
     const e = 2 * (t.rssi + 100), i = (o) => o < e;
-    return (o, a) => (r(), s("div", Ce, [
-      (r(), s(A, null, F([10, 15, 25, 40, 70], (l, u) => n("div", {
-        key: l,
-        class: w(["w-1 h-5 rounded-lg", [i(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: D(`height: ${(u + 1) * 5}px`),
+    return (o, a) => (l(), s("div", _e, [
+      (l(), s(A, null, F([10, 15, 25, 40, 70], (r, c) => n("div", {
+        key: r,
+        class: M(["w-1 h-5 rounded-lg", [i(r) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: D(`height: ${(c + 1) * 5}px`),
         title: `rssi: ${o.rssi} channel: ${o.channel}`
-      }, null, 14, _e)), 64)),
-      n("div", he, V(o.channel), 1)
+      }, null, 14, he)), 64)),
+      n("div", ge, V(o.channel), 1)
     ]));
   }
-}), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VAutocomplete: M1,
   VBreadcrumb: L1,
   VButton: S1,
-  VCheckbox: T1,
+  VCheckbox: j1,
   VDropdown: W,
-  VExpansion: N1,
+  VExpansion: E1,
   VList: J,
   VLoader: e1,
-  VNotification: W1,
-  VSelect: J1,
-  VTable: pe,
+  VNotification: J1,
+  VSelect: Q1,
+  VTable: Ce,
   VTextField: R,
   VTextFieldFile: re,
-  VTextarea: ne,
-  WifiIcon: ge
+  VTextarea: oe,
+  WifiIcon: ye
 }, Symbol.toStringTag, { value: "Module" }));
-var be = {}, xe = {
+var xe = {}, Ve = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function Ve(t, e) {
-  return r(), s("svg", xe, e[0] || (e[0] = [
+function $e(t, e) {
+  return l(), s("svg", Ve, e[0] || (e[0] = [
     n("path", { d: "M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z" }, null, -1)
   ]));
 }
-const ke = /* @__PURE__ */ g(be, [["render", Ve]]);
-var $e = {}, we = {
+const ke = /* @__PURE__ */ g(xe, [["render", $e]]);
+var we = {}, Me = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function Me(t, e) {
-  return r(), s("svg", we, e[0] || (e[0] = [
+function He(t, e) {
+  return l(), s("svg", Me, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -819,27 +805,27 @@ function Me(t, e) {
     }, null, -1)
   ]));
 }
-const He = /* @__PURE__ */ g($e, [["render", Me]]);
-var Le = {}, Ze = {
+const Le = /* @__PURE__ */ g(we, [["render", He]]);
+var Ze = {}, Be = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
 function Se(t, e) {
-  return r(), s("svg", Ze, e[0] || (e[0] = [
+  return l(), s("svg", Be, 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 Be = /* @__PURE__ */ g(Le, [["render", Se]]);
-var Ie = {}, ze = {
+const Ie = /* @__PURE__ */ g(Ze, [["render", Se]]);
+var ze = {}, Ae = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Ae(t, e) {
-  return r(), s("svg", ze, e[0] || (e[0] = [
+function Fe(t, e) {
+  return l(), s("svg", Ae, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -847,58 +833,58 @@ function Ae(t, e) {
     }, null, -1)
   ]));
 }
-const Fe = /* @__PURE__ */ g(Ie, [["render", Ae]]);
-var Te = {}, je = {
+const Te = /* @__PURE__ */ g(ze, [["render", Fe]]);
+var je = {}, Oe = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function Oe(t, e) {
-  return r(), s("svg", je, e[0] || (e[0] = [
+function Ne(t, e) {
+  return l(), s("svg", Oe, e[0] || (e[0] = [
     n("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 Ne = /* @__PURE__ */ g(Te, [["render", Oe]]);
-var Ee = {}, De = {
+const Ee = /* @__PURE__ */ g(je, [["render", Ne]]);
+var De = {}, Pe = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function Pe(t, e) {
-  return r(), s("svg", De, e[0] || (e[0] = [
+function Ue(t, e) {
+  return l(), s("svg", Pe, 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 Ue = /* @__PURE__ */ g(Ee, [["render", Pe]]);
-var Ge = {}, Ke = {
+const Ge = /* @__PURE__ */ g(De, [["render", Ue]]);
+var Ke = {}, qe = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function qe(t, e) {
-  return r(), s("svg", Ke, e[0] || (e[0] = [
+function Re(t, e) {
+  return l(), s("svg", qe, 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 Re = /* @__PURE__ */ g(Ge, [["render", qe]]);
-var We = {}, Je = {
+const We = /* @__PURE__ */ g(Ke, [["render", Re]]);
+var Je = {}, Qe = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function Qe(t, e) {
-  return r(), s("svg", Je, e[0] || (e[0] = [
+function Xe(t, e) {
+  return l(), s("svg", Qe, 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 Xe = /* @__PURE__ */ g(We, [["render", Qe]]);
-var Ye = {};
-function e2(t, e) {
-  return r(), s(A, null, [
+const Ye = /* @__PURE__ */ g(Je, [["render", Xe]]);
+var e2 = {};
+function t2(t, e) {
+  return l(), s(A, null, [
     e[0] || (e[0] = n("svg", {
       class: "flex dark:hidden",
       viewBox: "0 0 24 24",
@@ -919,145 +905,145 @@ function e2(t, e) {
     ], -1))
   ], 64);
 }
-const t2 = /* @__PURE__ */ g(Ye, [["render", e2]]);
-var n2 = {}, o2 = {
+const n2 = /* @__PURE__ */ g(e2, [["render", t2]]);
+var o2 = {}, l2 = {
   viewBox: "0 0 179 40",
   fill: "#25c1eb"
 };
 function r2(t, e) {
-  return r(), s("svg", o2, e[0] || (e[0] = [
+  return l(), s("svg", l2, e[0] || (e[0] = [
     c1('<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 l2 = /* @__PURE__ */ g(n2, [["render", r2]]);
-var a2 = {}, s2 = {
+const a2 = /* @__PURE__ */ g(o2, [["render", r2]]);
+var s2 = {}, i2 = {
   viewBox: "0 0 40 40",
   fill: "#25c1eb"
 };
-function i2(t, e) {
-  return r(), s("svg", s2, e[0] || (e[0] = [
+function c2(t, e) {
+  return l(), s("svg", i2, 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 c2 = /* @__PURE__ */ g(a2, [["render", i2]]);
-var u2 = {}, d2 = {
+const u2 = /* @__PURE__ */ g(s2, [["render", c2]]);
+var d2 = {}, f2 = {
   viewBox: "0 0 24 24",
   width: "22",
   height: "22",
   fill: "currentColor"
 };
-function f2(t, e) {
-  return r(), s("svg", d2, e[0] || (e[0] = [
+function v2(t, e) {
+  return l(), s("svg", f2, 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 v2 = /* @__PURE__ */ g(u2, [["render", f2]]);
-var m2 = {}, p2 = {
+const m2 = /* @__PURE__ */ g(d2, [["render", v2]]);
+var p2 = {}, C2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function C2(t, e) {
-  return r(), s("svg", p2, e[0] || (e[0] = [
+function _2(t, e) {
+  return l(), s("svg", C2, e[0] || (e[0] = [
     n("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 _2 = /* @__PURE__ */ g(m2, [["render", C2]]);
-var h2 = {}, g2 = {
+const h2 = /* @__PURE__ */ g(p2, [["render", _2]]);
+var g2 = {}, y2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function y2(t, e) {
-  return r(), s("svg", g2, e[0] || (e[0] = [
+function b2(t, e) {
+  return l(), s("svg", y2, 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 b2 = /* @__PURE__ */ g(h2, [["render", y2]]);
-var x2 = {}, V2 = {
+const x2 = /* @__PURE__ */ g(g2, [["render", b2]]);
+var V2 = {}, $2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 30 30",
   fill: "currentColor"
 };
 function k2(t, e) {
-  return r(), s("svg", V2, e[0] || (e[0] = [
+  return l(), s("svg", $2, 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 $2 = /* @__PURE__ */ g(x2, [["render", k2]]);
-var w2 = {}, M2 = {
+const w2 = /* @__PURE__ */ g(V2, [["render", k2]]);
+var M2 = {}, H2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function H2(t, e) {
-  return r(), s("svg", M2, e[0] || (e[0] = [
+function L2(t, e) {
+  return l(), s("svg", H2, 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 L2 = /* @__PURE__ */ g(w2, [["render", H2]]);
-var Z2 = {}, S2 = {
+const Z2 = /* @__PURE__ */ g(M2, [["render", L2]]);
+var B2 = {}, S2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function B2(t, e) {
-  return r(), s("svg", S2, e[0] || (e[0] = [
+function I2(t, e) {
+  return l(), s("svg", S2, 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 I2 = /* @__PURE__ */ g(Z2, [["render", B2]]);
-var z2 = {}, A2 = {
+const z2 = /* @__PURE__ */ g(B2, [["render", I2]]);
+var A2 = {}, F2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function F2(t, e) {
-  return r(), s("svg", A2, e[0] || (e[0] = [
+function T2(t, e) {
+  return l(), s("svg", F2, e[0] || (e[0] = [
     n("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 T2 = /* @__PURE__ */ g(z2, [["render", F2]]);
-var j2 = {}, O2 = {
+const j2 = /* @__PURE__ */ g(A2, [["render", T2]]);
+var O2 = {}, N2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function N2(t, e) {
-  return r(), s("svg", O2, e[0] || (e[0] = [
+function E2(t, e) {
+  return l(), s("svg", N2, e[0] || (e[0] = [
     n("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 E2 = /* @__PURE__ */ g(j2, [["render", N2]]);
-var D2 = {}, P2 = {
+const D2 = /* @__PURE__ */ g(O2, [["render", E2]]);
+var P2 = {}, U2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function U2(t, e) {
-  return r(), s("svg", P2, e[0] || (e[0] = [
+function G2(t, e) {
+  return l(), s("svg", U2, e[0] || (e[0] = [
     n("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 G2 = /* @__PURE__ */ g(D2, [["render", U2]]);
-var K2 = {}, q2 = {
+const K2 = /* @__PURE__ */ g(P2, [["render", G2]]);
+var q2 = {}, R2 = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
 };
-function R2(t, e) {
-  return r(), s("svg", q2, e[0] || (e[0] = [
+function W2(t, e) {
+  return l(), s("svg", R2, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1066,15 +1052,15 @@ function R2(t, e) {
     n("path", { d: "M12 11.3C11.8616 11.3 11.7262 11.3411 11.6111 11.418C11.496 11.4949 11.4063 11.6042 11.3533 11.7321C11.3003 11.86 11.2864 12.0008 11.3134 12.1366C11.3405 12.2724 11.4071 12.3971 11.505 12.495C11.6029 12.5929 11.7277 12.6596 11.8634 12.6866C11.9992 12.7136 12.14 12.6997 12.2679 12.6467C12.3958 12.5937 12.5051 12.504 12.582 12.3889C12.6589 12.2738 12.7 12.1385 12.7 12C12.7 11.8144 12.6262 11.6363 12.495 11.505C12.3637 11.3738 12.1857 11.3 12 11.3ZM12.35 5.00002C15.5 5.00002 15.57 7.49902 13.911 8.32502C13.6028 8.50778 13.3403 8.75856 13.1438 9.05822C12.9473 9.35787 12.8218 9.69847 12.777 10.054C13.1117 10.1929 13.4073 10.4116 13.638 10.691C16.2 9.29102 19 9.84401 19 12.35C19 15.5 16.494 15.57 15.675 13.911C15.4869 13.6029 15.232 13.341 14.9291 13.1448C14.6262 12.9485 14.283 12.8228 13.925 12.777C13.7844 13.1108 13.566 13.406 13.288 13.638C14.688 16.221 14.128 19 11.622 19C8.5 19 8.423 16.494 10.082 15.668C10.3852 15.4828 10.644 15.2332 10.84 14.9368C11.036 14.6404 11.1644 14.3046 11.216 13.953C10.8729 13.8188 10.5711 13.5967 10.341 13.309C7.758 14.695 5 14.149 5 11.65C5 8.50002 7.478 8.42302 8.304 10.082C8.48945 10.3888 8.74199 10.6496 9.04265 10.8448C9.34332 11.0399 9.68431 11.1645 10.04 11.209C10.1748 10.8721 10.3971 10.5772 10.684 10.355C9.291 7.80001 9.844 5.00002 12.336 5.00002H12.35Z" }, null, -1)
   ]));
 }
-const W2 = /* @__PURE__ */ g(K2, [["render", R2]]);
-var J2 = {}, Q2 = {
+const J2 = /* @__PURE__ */ g(q2, [["render", W2]]);
+var Q2 = {}, X2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function X2(t, e) {
-  return r(), s("svg", Q2, e[0] || (e[0] = [
+function Y2(t, e) {
+  return l(), s("svg", X2, e[0] || (e[0] = [
     n("path", {
       d: "M15 7V21M18 11H18.01M18 14H18.01M18 17H18.01M17 3L12 7L7 3M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V11.8C21 10.1198 21 9.27976 20.673 8.63803C20.3854 8.07354 19.9265 7.6146 19.362 7.32698C18.7202 7 17.8802 7 16.2 7H7.8C6.11984 7 5.27976 7 4.63803 7.32698C4.07354 7.6146 3.6146 8.07354 3.32698 8.63803C3 9.27976 3 10.1198 3 11.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z",
       stroke: "currentColor",
@@ -1084,15 +1070,15 @@ function X2(t, e) {
     }, null, -1)
   ]));
 }
-const Y2 = /* @__PURE__ */ g(J2, [["render", X2]]);
-var et = {}, tt = {
+const et = /* @__PURE__ */ g(Q2, [["render", Y2]]);
+var tt = {}, nt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function nt(t, e) {
-  return r(), s("svg", tt, e[0] || (e[0] = [
+function ot(t, e) {
+  return l(), s("svg", nt, e[0] || (e[0] = [
     n("path", { d: "M12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19Z" }, null, -1),
     n("path", {
       "fill-rule": "evenodd",
@@ -1101,15 +1087,15 @@ function nt(t, e) {
     }, null, -1)
   ]));
 }
-const ot = /* @__PURE__ */ g(et, [["render", nt]]);
-var rt = {}, lt = {
+const lt = /* @__PURE__ */ g(tt, [["render", ot]]);
+var rt = {}, at = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function at(t, e) {
-  return r(), s("svg", lt, e[0] || (e[0] = [
+function st(t, e) {
+  return l(), s("svg", at, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1119,15 +1105,15 @@ function at(t, e) {
     n("path", { d: "M11 12C11 12.5523 10.5523 13 10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11C10.5523 11 11 11.4477 11 12Z" }, null, -1)
   ]));
 }
-const st = /* @__PURE__ */ g(rt, [["render", at]]);
-var it = {}, ct = {
+const it = /* @__PURE__ */ g(rt, [["render", st]]);
+var ct = {}, ut = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function ut(t, e) {
-  return r(), s("svg", ct, e[0] || (e[0] = [
+function dt(t, e) {
+  return l(), s("svg", ut, e[0] || (e[0] = [
     n("path", {
       d: "M8 7.52771C6.7725 8.62635 6 10.2229 6 11.9999C6 15.3136 8.68629 17.9999 12 17.9999C15.3137 17.9999 18 15.3136 18 11.9999C18 10.2229 17.2275 8.62635 16 7.52771",
       stroke: "currentColor",
@@ -1143,15 +1129,15 @@ function ut(t, e) {
     }, null, -1)
   ]));
 }
-const dt = /* @__PURE__ */ g(it, [["render", ut]]);
-var ft = {}, vt = {
+const ft = /* @__PURE__ */ g(ct, [["render", dt]]);
+var vt = {}, mt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function mt(t, e) {
-  return r(), s("svg", vt, e[0] || (e[0] = [
+function pt(t, e) {
+  return l(), s("svg", mt, e[0] || (e[0] = [
     n("path", {
       d: "M12 14.5V16.5M7 10.0288C7.47142 10 8.05259 10 8.8 10H15.2C15.9474 10 16.5286 10 17 10.0288M7 10.0288C6.41168 10.0647 5.99429 10.1455 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C18.0057 10.1455 17.5883 10.0647 17 10.0288M7 10.0288V8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8V10.0288",
       stroke: "currentColor",
@@ -1161,27 +1147,27 @@ function mt(t, e) {
     }, null, -1)
   ]));
 }
-const pt = /* @__PURE__ */ g(ft, [["render", mt]]);
-var Ct = {}, _t = {
+const Ct = /* @__PURE__ */ g(vt, [["render", pt]]);
+var _t = {}, ht = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
 };
-function ht(t, e) {
-  return r(), s("svg", _t, e[0] || (e[0] = [
+function gt(t, e) {
+  return l(), s("svg", ht, e[0] || (e[0] = [
     n("path", { d: "M12,10h7L8,22l3-9H5L13,2Z" }, null, -1)
   ]));
 }
-const gt = /* @__PURE__ */ g(Ct, [["render", ht]]);
-var yt = {}, bt = {
+const yt = /* @__PURE__ */ g(_t, [["render", gt]]);
+var bt = {}, xt = {
   fill: "currentColor",
   height: "24",
   width: "24",
   viewBox: "0 0 491.7 491.7"
 };
-function xt(t, e) {
-  return r(), s("svg", bt, e[0] || (e[0] = [
+function Vt(t, e) {
+  return l(), s("svg", xt, e[0] || (e[0] = [
     n("path", { d: `M471.1,368.65v-245.7c11.3,0,20.5-9.2,20.5-20.5c0-11.3-9.2-20.5-20.5-20.5h-1c-4.8-23.3-25.4-41-50.2-41\r
 			c-24.7,0-45.4,17.6-50.2,41h-22.6c-4.8-23.3-25.4-41-50.2-41c-24.7,0-45.4,17.6-50.2,41h-22.6c-4.8-23.3-25.4-41-50.2-41\r
 			c-24.7,0-45.4,17.6-50.2,41h-21.5v-61.4c0-11.3-9.2-20.5-20.5-20.5H20.5C9.2,0.05,0,9.25,0,20.55v450.6c0,11.3,9.2,20.5,20.5,20.5\r
@@ -1191,15 +1177,15 @@ function xt(t, e) {
 			h-20.5v-245.7h20.5V368.65z` }, null, -1)
   ]));
 }
-const Vt = /* @__PURE__ */ g(yt, [["render", xt]]);
-var kt = {}, $t = {
+const $t = /* @__PURE__ */ g(bt, [["render", Vt]]);
+var kt = {}, wt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function wt(t, e) {
-  return r(), s("svg", $t, e[0] || (e[0] = [
+function Mt(t, e) {
+  return l(), s("svg", wt, e[0] || (e[0] = [
     n("path", {
       d: "M7 20H4.6C4.03995 20 3.75992 20 3.54601 19.891C3.35785 19.7951 3.20487 19.6422 3.10899 19.454C3 19.2401 3 18.9601 3 18.4V9.0398C3 8.66343 3 8.47524 3.05919 8.31095C3.1115 8.16573 3.19673 8.03458 3.30819 7.9278C3.43428 7.80699 3.60625 7.73056 3.95018 7.5777L12 4L20.0498 7.5777C20.3938 7.73056 20.5657 7.80699 20.6918 7.9278C20.8033 8.03458 20.8885 8.16573 20.9408 8.31095C21 8.47524 21 8.66343 21 9.0398V18.4C21 18.9601 21 19.2401 20.891 19.454C20.7951 19.6422 20.6422 19.7951 20.454 19.891C20.2401 20 19.9601 20 19.4 20H17M7 20H17M7 20V14M17 20V14M7 14V10H17V14M7 14H17",
       stroke: "currentColor",
@@ -1209,14 +1195,14 @@ function wt(t, e) {
     }, null, -1)
   ]));
 }
-const Mt = /* @__PURE__ */ g(kt, [["render", wt]]);
-var Ht = {}, Lt = {
+const Ht = /* @__PURE__ */ g(kt, [["render", Mt]]);
+var Lt = {}, Zt = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function Zt(t, e) {
-  return r(), s("svg", Lt, e[0] || (e[0] = [
+function Bt(t, e) {
+  return l(), s("svg", Zt, e[0] || (e[0] = [
     n("path", {
       d: "M166.5 608.4c0-180.9 153.4-261.1 317.8-528.9 14.4-19.9 43.2-19.9 58.4 1.5 164.6 268.7 317 346.8 317 527.4 0 191.4-155.2 346.6-346.6 346.6S166.5 799.8 166.5 608.4z",
       fill: "#5E676F"
@@ -1231,29 +1217,29 @@ function Zt(t, e) {
     }, null, -1)
   ]));
 }
-const St = /* @__PURE__ */ g(Ht, [["render", Zt]]);
-var Bt = {}, It = {
+const St = /* @__PURE__ */ g(Lt, [["render", Bt]]);
+var It = {}, zt = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function zt(t, e) {
-  return r(), s("svg", It, e[0] || (e[0] = [
+function At(t, e) {
+  return l(), s("svg", zt, e[0] || (e[0] = [
     n("path", {
       d: "M539.7 463.1V273.5l90.8-91.2c11-11 10.9-28.7 0-39.6-11-11-28.7-10.9-39.6 0L539.7 194V91.3c0-15.1-12.5-27.8-28-27.8-15.6 0-28 12.5-28 27.8V195L432.5 143.8c-10.9-10.9-28.6-11-39.6 0-10.9 10.9-11 28.6 0 39.6l90.8 91.2v188.6l-164.2-94.8L286 244.1c-4-15-19.4-23.8-34.3-19.8-15 4-23.8 19.4-19.8 34.3l18.7 70-88.9-51.4c-13.1-7.6-30.4-3-38.1 10.4-7.8 13.5-3.2 30.5 10.1 38.2l89.8 51.9-70 18.7c-14.9 4-23.8 19.3-19.8 34.3 4 14.9 19.3 23.8 34.3 19.8l124.4-33.1 163.3 94.3-164.2 94.8-124.4-33.1c-15-4-30.3 4.9-34.3 19.8-4 15 4.9 30.3 19.8 34.3l70 18.7-88.9 51.4c-13.1 7.6-17.8 24.8-10.1 38.2 7.8 13.5 24.8 18 38.1 10.4l89.8-51.9-18.7 70c-4 14.9 4.8 30.3 19.8 34.3 14.9 4 30.3-4.8 34.3-19.8l33.6-124.3 163.3-94.3v190.6l-90.8 93c-11 11-10.9 28.7 0 39.6 11 11 28.7 10.9 39.6 0l51.2-51.2v99.9c0 15.1 12.5 27.8 28 27.8 15.6 0 28-12.5 28-27.8v-101l51.2 51.2c10.9 10.9 28.6 11 39.6 0 10.9-10.9 11-28.6 0-39.6l-90.8-93V560.2l165.1 95.3L740 780.6c4 15 19.4 23.8 34.3 19.8 15-4 23.8-19.4 19.8-34.3l-18.7-70 86.6 50c13.1 7.6 30.4 3 38.1-10.4 7.8-13.5 3.2-30.5-10.1-38.2L802.6 647l70-18.7c14.9-4 23.8-19.3 19.8-34.3-4-14.9-19.3-23.8-34.3-19.8l-125.9 32.2L568 511.6l165.1-95.3L859 448.5c15 4 30.3-4.9 34.3-19.8 4-15-4.9-30.3-19.8-34.3l-70-18.7 86.6-50c13.1-7.6 17.8-24.8 10.1-38.2-7.8-13.5-24.8-18-38.1-10.4l-87.4 50.5 18.7-70c4-14.9-4.8-30.3-19.8-34.3-14.9-4-30.3 4.8-34.3 19.8l-35.1 125.1-164.5 94.9z",
       fill: "currentColor"
     }, null, -1)
   ]));
 }
-const At = /* @__PURE__ */ g(Bt, [["render", zt]]);
-var Ft = {}, Tt = {
+const Ft = /* @__PURE__ */ g(It, [["render", At]]);
+var Tt = {}, jt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function jt(t, e) {
-  return r(), s("svg", Tt, e[0] || (e[0] = [
+function Ot(t, e) {
+  return l(), s("svg", jt, e[0] || (e[0] = [
     n("path", {
       d: "M12 16C13.6569 16 15 14.6569 15 13C15 11.3431 13.6569 10 12 10C10.3431 10 9 11.3431 9 13C9 14.6569 10.3431 16 12 16Z",
       stroke: "currentColor",
@@ -1270,15 +1256,15 @@ function jt(t, e) {
     }, null, -1)
   ]));
 }
-const Ot = /* @__PURE__ */ g(Ft, [["render", jt]]);
-var Nt = {}, Et = {
+const Nt = /* @__PURE__ */ g(Tt, [["render", Ot]]);
+var Et = {}, Dt = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "-2 0 15.998 15.998"
 };
-function Dt(t, e) {
-  return r(), s("svg", Et, e[0] || (e[0] = [
+function Pt(t, e) {
+  return l(), s("svg", Dt, e[0] || (e[0] = [
     n("path", {
       id: "Path_81",
       "data-name": "Path 81",
@@ -1287,89 +1273,89 @@ function Dt(t, e) {
     }, null, -1)
   ]));
 }
-const Pt = /* @__PURE__ */ g(Nt, [["render", Dt]]);
-var Ut = {}, Gt = {
+const Ut = /* @__PURE__ */ g(Et, [["render", Pt]]);
+var Gt = {}, Kt = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
 };
-function Kt(t, e) {
-  return r(), s("svg", Gt, e[0] || (e[0] = [
+function qt(t, e) {
+  return l(), s("svg", Kt, e[0] || (e[0] = [
     n("path", { d: "M21,3H3A2,2,0,0,0,1,5v7a2,2,0,0,0,2,2H21a2,2,0,0,0,2-2V5A2,2,0,0,0,21,3Zm0,9H3V5H21ZM5,10A1,1,0,0,1,6,9H18a1,1,0,0,1,0,2H6A1,1,0,0,1,5,10ZM16,7a1,1,0,0,1,1-1h1a1,1,0,0,1,0,2H17A1,1,0,0,1,16,7ZM9.793,20.293,11.086,19l-.293-.293a1,1,0,0,1,0-1.414l2-2a1,1,0,0,1,1.414,1.414L12.914,18l.293.293a1,1,0,0,1,0,1.414l-2,2a1,1,0,0,1-1.414-1.414Zm5.5,0L16.586,19l-.293-.293a1,1,0,0,1,0-1.414l2-2a1,1,0,0,1,1.414,1.414L18.414,18l.293.293a1,1,0,0,1,0,1.414l-2,2a1,1,0,0,1-1.414-1.414Zm-11,0L5.586,19l-.293-.293a1,1,0,0,1,0-1.414l2-2a1,1,0,0,1,1.414,1.414L7.414,18l.293.293a1,1,0,0,1,0,1.414l-2,2a1,1,0,0,1-1.414-1.414Z" }, null, -1)
   ]));
 }
-const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  IconAir: qt,
-  IconBulb: Pt,
+  IconAir: Rt,
+  IconBulb: Ut,
   IconBurger: ke,
-  IconCamera: Ot,
+  IconCamera: Nt,
   IconChevron: N,
   IconClose: t1,
-  IconCold: At,
-  IconDashboard: He,
-  IconDevice: Be,
-  IconDots: Fe,
+  IconCold: Ft,
+  IconDashboard: Le,
+  IconDevice: Ie,
+  IconDots: Te,
   IconDrop: St,
-  IconEyeClose: Ne,
-  IconEyeOpen: Ue,
-  IconFile: Re,
-  IconFolder: Xe,
-  IconGarage: Mt,
-  IconGpio: T2,
-  IconHeater: Vt,
-  IconLight: gt,
-  IconLock: pt,
-  IconLogo: l2,
-  IconLogoMini: c2,
-  IconLogout: v2,
-  IconNoti: _2,
-  IconPower: dt,
-  IconSave: b2,
-  IconSearch: $2,
-  IconSetting: G2,
-  IconSocket: st,
-  IconStore: E2,
-  IconTheme: t2,
-  IconTherm: ot,
-  IconTv: Y2,
-  IconUpdate: L2,
-  IconVent: W2,
-  IconVideo: I2
-}, Symbol.toStringTag, { value: "Module" })), Wt = {
+  IconEyeClose: Ee,
+  IconEyeOpen: Ge,
+  IconFile: We,
+  IconFolder: Ye,
+  IconGarage: Ht,
+  IconGpio: j2,
+  IconHeater: $t,
+  IconLight: yt,
+  IconLock: Ct,
+  IconLogo: a2,
+  IconLogoMini: u2,
+  IconLogout: m2,
+  IconNoti: h2,
+  IconPower: ft,
+  IconSave: x2,
+  IconSearch: w2,
+  IconSetting: K2,
+  IconSocket: it,
+  IconStore: D2,
+  IconTheme: n2,
+  IconTherm: lt,
+  IconTv: et,
+  IconUpdate: Z2,
+  IconVent: J2,
+  IconVideo: z2
+}, Symbol.toStringTag, { value: "Module" })), Jt = {
   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]"
-}, Jt = {
+}, Qt = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, Qt = { class: "mb-6 flex items-center justify-between" }, Xt = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, Yt = { class: "max-w-full" }, e0 = /* @__PURE__ */ H({
+}, Xt = { class: "mb-6 flex items-center justify-between" }, Yt = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, e0 = { class: "max-w-full" }, t0 = /* @__PURE__ */ H({
   __name: "VCardGray",
   props: {
     title: { default: "Title" },
     loading: { type: Boolean }
   },
   setup(t) {
-    return (e, i) => (r(), s("div", {
-      class: w(["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 }])
+    return (e, i) => (l(), s("div", {
+      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 ? (r(), s("div", Wt)) : L("", !0),
-      e.loading ? (r(), s("div", Jt)) : L("", !0),
-      n("div", Qt, [
-        n("h3", Xt, V(e.title), 1),
+      e.loading ? (l(), s("div", Jt)) : L("", !0),
+      e.loading ? (l(), s("div", Qt)) : L("", !0),
+      n("div", Xt, [
+        n("h3", Yt, V(e.title), 1),
         n("div", null, [
           b(e.$slots, "header")
         ])
       ]),
-      n("div", Yt, [
+      n("div", e0, [
         b(e.$slots, "default")
       ])
     ], 2));
   }
-}), t0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VCardGray: e0
-}, Symbol.toStringTag, { value: "Module" })), n0 = { class: "flex-auto flex align-center p-4" }, o0 = { class: "flex items-center justify-between px-4 py-2 border-b dark:border-gray-700 border-gray-200" }, r0 = { class: "px-4 py-2 flex-auto scroll-none" }, l0 = ["innerHTML"], a0 = {
+  VCardGray: t0
+}, Symbol.toStringTag, { value: "Module" })), o0 = { class: "flex-auto flex align-center p-4" }, l0 = { class: "flex items-center justify-between px-4 py-2 border-b dark:border-gray-700 border-gray-200" }, r0 = { class: "px-4 py-2 flex-auto scroll-none" }, a0 = ["innerHTML"], s0 = {
   key: 0,
   class: "px-4 py-2 flex justify-end"
 }, n1 = /* @__PURE__ */ H({
@@ -1384,20 +1370,20 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    const i = e, o = B(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, l = M(() => [`${a?.[t.size] || ""}`]), u = (c) => {
+    const i = e, o = S(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, r = k(() => [`${a?.[t.size] || ""}`]), c = (u) => {
       o.value = !1, setTimeout(() => {
-        i("close", c);
+        i("close", u);
       }, 300);
-    }, f = (c) => {
-      t.callback && t.callback(), u(c);
+    }, f = (u) => {
+      t.callback && t.callback(), c(u);
     };
     return U(() => {
       setTimeout(() => {
         o.value = !0;
       }, 300);
-    }), (c, d) => {
-      const v = x("icon-close"), C = x("v-button");
-      return r(), $(u1, { to: "body" }, [
+    }), (u, d) => {
+      const m = x("icon-close"), C = x("v-button");
+      return l(), w(u1, { to: "body" }, [
         p(Y, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -1407,7 +1393,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
           default: h(() => [
-            o.value ? (r(), s("div", {
+            o.value ? (l(), s("div", {
               key: 0,
               class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
               onWheel: d[0] || (d[0] = j(() => {
@@ -1415,41 +1401,41 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
             }, [
               n("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/60",
-                onClick: u
+                onClick: c
               }),
-              n("div", n0, [
+              n("div", o0, [
                 n("div", {
-                  class: w(["m-auto w-full bg-white dark:bg-gray-900 shadow-lg flex flex-col rounded-lg z-30", l.value])
+                  class: M(["m-auto w-full bg-white dark:bg-gray-900 shadow-lg flex flex-col rounded-lg z-30", r.value])
                 }, [
-                  n("div", o0, [
-                    b(c.$slots, "header", {}, () => [
-                      n("h4", null, V(c.title), 1)
+                  n("div", l0, [
+                    b(u.$slots, "header", {}, () => [
+                      n("h4", null, V(u.title), 1)
                     ]),
                     p(C, {
                       type: "icon",
                       size: "",
-                      onClick: u
+                      onClick: c
                     }, {
                       default: h(() => [
-                        p(v, { class: "h-5 w-5" })
+                        p(m, { class: "h-5 w-5" })
                       ]),
                       _: 1
                     })
                   ]),
                   n("div", r0, [
-                    b(c.$slots, "default", {}, () => [
-                      n("div", { innerHTML: c.message }, null, 8, l0)
+                    b(u.$slots, "default", {}, () => [
+                      n("div", { innerHTML: u.message }, null, 8, a0)
                     ])
                   ]),
-                  c.$slots.footer || c.callback ? (r(), s("div", a0, [
-                    b(c.$slots, "footer", {}, () => [
+                  u.$slots.footer || u.callback ? (l(), s("div", s0, [
+                    b(u.$slots, "footer", {}, () => [
                       p(C, {
                         color: "blue",
                         size: "small",
                         onClick: f
                       }, {
                         default: h(() => [
-                          z(V(c.button), 1)
+                          z(V(u.button), 1)
                         ]),
                         _: 1
                       })
@@ -1464,7 +1450,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), s0 = { class: "flex-auto flex justify-between" }, i0 = { class: "text-sm text-gray-500 font-medium text-ellipsis overflow-hidden text-nowrap" }, c0 = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, u0 = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, d0 = { class: "min-h-60 relative" }, f0 = { class: "pt-6" }, v0 = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, m0 = { class: "text-center text-xl mt-4" }, T = /* @__PURE__ */ H({
+}), i0 = { class: "flex-auto flex justify-between" }, c0 = { class: "text-sm text-gray-500 font-medium text-ellipsis overflow-hidden text-nowrap" }, u0 = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, d0 = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, f0 = { class: "min-h-60 relative" }, v0 = { class: "pt-6" }, m0 = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, p0 = { class: "text-center text-xl mt-4" }, T = /* @__PURE__ */ H({
   __name: "CardBase",
   props: {
     id: {},
@@ -1483,44 +1469,44 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["edit"],
   setup(t, { emit: e }) {
-    const i = B(!1), o = e, a = M(() => t.icon ? `icon-${t.icon}` : "icon-therm"), l = M(() => ["button", "switch"].includes(t.type || "") ? t.value ? "text-gray-400" : "text-amber-500" : "text-gray-400"), u = (v) => o("edit", v), f = () => i.value = !0, c = (v) => t.modifyValue?.(v) || v, d = M(() => ({
+    const i = S(!1), o = e, a = k(() => t.icon ? `icon-${t.icon}` : "icon-therm"), r = k(() => ["button", "switch"].includes(t.type || "") && t.value ? "text-amber-500" : "text-gray-400"), c = (m) => o("edit", m), f = () => i.value = !0, u = (m) => t.modifyValue?.(m) || m, d = k(() => ({
       value: t.value,
       name: t.name,
       min: t.min,
       max: t.max,
-      modify: c(t.value),
+      modify: u(t.value),
       icon: a.value
     }));
-    return (v, C) => {
+    return (m, C) => {
       const y = x("icon-dots"), _ = x("v-button");
-      return r(), s("div", {
+      return l(), s("div", {
         class: "flex flex-col border aspect-square rounded-sm bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 p-2 hover:border-blue-400 dark:hover:border-blue-700 transition-all",
         onClick: f
       }, [
-        n("div", s0, [
+        n("div", i0, [
           n("div", {
-            class: w(l.value)
+            class: M(r.value)
           }, [
-            (r(), $(P(a.value), { class: "size-8" }))
+            (l(), w(P(a.value), { class: "size-8" }))
           ], 2),
-          b(v.$slots, "header", G(K(d.value)))
+          b(m.$slots, "header", G(K(d.value)))
         ]),
         n("div", null, [
-          n("h6", i0, V(v.name), 1),
-          n("div", c0, V(c(v.value)), 1)
+          n("h6", c0, V(m.name), 1),
+          n("div", u0, V(u(m.value)), 1)
         ]),
-        i.value ? (r(), $(n1, {
+        i.value ? (l(), w(n1, {
           key: 0,
           size: "sm",
-          title: v.name,
+          title: m.name,
           onClose: C[0] || (C[0] = (Z) => i.value = !1)
         }, {
           header: h(() => [
-            n("div", u0, [
+            n("div", d0, [
               p(_, {
                 type: "icon",
                 size: "",
-                onClick: u
+                onClick: c
               }, {
                 default: h(() => [
                   p(y)
@@ -1530,11 +1516,11 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
             ])
           ]),
           default: h(() => [
-            n("div", d0, [
-              n("div", f0, [
-                n("h3", v0, V(v.name), 1),
-                b(v.$slots, "dialog", G(K(d.value))),
-                n("p", m0, V(c(v.value)), 1)
+            n("div", f0, [
+              n("div", v0, [
+                n("h3", m0, V(m.name), 1),
+                b(m.$slots, "dialog", G(K(d.value))),
+                n("p", p0, V(u(m.value)), 1)
               ])
             ])
           ]),
@@ -1543,7 +1529,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), p0 = { class: "flex justify-end" }, C0 = { class: "flex justify-center py-4" }, _0 = /* @__PURE__ */ H({
+}), C0 = { class: "flex justify-end" }, _0 = { class: "flex justify-center py-4" }, h0 = /* @__PURE__ */ H({
   __name: "CardButton",
   props: {
     id: {},
@@ -1562,35 +1548,35 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (u) => i("click", u), l = () => i("setState", { ...o, value: !o.value });
-    return (u, f) => {
-      const c = x("icon-power"), d = x("v-button");
-      return r(), $(T, I(o, { onClick: a }), {
+    const i = e, o = t, a = (c) => i("click", c), r = () => i("setState", { ...o, value: !o.value });
+    return (c, f) => {
+      const u = x("icon-power"), d = x("v-button");
+      return l(), w(T, I(o, { onClick: a }), {
         header: h(() => [
-          n("div", p0, [
+          n("div", C0, [
             p(d, {
               type: "icon",
               size: "sm",
               class: "text-gray-500",
-              onClick: j(l, ["stop"])
+              onClick: j(r, ["stop"])
             }, {
               default: h(() => [
-                p(c, { class: "size-10" })
+                p(u, { class: "size-10" })
               ]),
               _: 1
             })
           ])
         ]),
         dialog: h(() => [
-          n("div", C0, [
+          n("div", _0, [
             p(d, {
               type: "icon",
               size: "sm",
-              class: w(["h-18 w-18", o.value ? "text-blue-600 dark:text-blue-400" : "text-amber-500"]),
-              onClick: j(l, ["stop"])
+              class: M(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
+              onClick: j(r, ["stop"])
             }, {
               default: h(() => [
-                p(c, { class: "size-16" })
+                p(u, { class: "size-16" })
               ]),
               _: 1
             }, 8, ["class"])
@@ -1600,7 +1586,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), h0 = { class: "flex justify-center relative mx-2 my-6" }, g0 = /* @__PURE__ */ H({
+}), g0 = { class: "flex justify-center relative mx-2 my-6" }, y0 = /* @__PURE__ */ H({
   __name: "CardDate",
   props: {
     id: {},
@@ -1619,20 +1605,20 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (f) => new Date(f * 1e3).toISOString().slice(0, 16), l = (f) => {
-      const c = f?.target?.valueAsNumber;
-      console.log(c), c && i("setState", { ...o, value: c / 1e3 });
-    }, u = (f) => i("click", f);
-    return (f, c) => {
+    const i = e, o = t, a = (f) => new Date(f * 1e3).toISOString().slice(0, 16), r = (f) => {
+      const u = f?.target?.valueAsNumber;
+      console.log(u), u && i("setState", { ...o, value: u / 1e3 });
+    }, c = (f) => i("click", f);
+    return (f, u) => {
       const d = x("v-text-field");
-      return r(), $(T, I(o, { onClick: u }), {
-        dialog: h(({ value: v }) => [
-          n("div", h0, [
+      return l(), w(T, I(o, { onClick: c }), {
+        dialog: h(({ value: m }) => [
+          n("div", g0, [
             p(d, {
-              modelValue: a(v),
+              modelValue: a(m),
               type: "datetime-local",
               label: "Date",
-              onChange: l
+              onChange: r
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -1640,13 +1626,13 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), y0 = { class: "flex justify-end" }, b0 = {
+}), b0 = { class: "flex justify-end" }, x0 = {
   width: "32",
   height: "32",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, x0 = ["stroke-dashoffset"], V0 = { class: "flex justify-center relative mx-2 my-6" }, k0 = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, $0 = ["min", "max", "value"], w0 = /* @__PURE__ */ H({
+}, V0 = ["stroke-dashoffset"], $0 = { class: "flex justify-center relative mx-2 my-6" }, k0 = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, w0 = ["min", "max", "value"], M0 = /* @__PURE__ */ H({
   __name: "CardDimmer",
   props: {
     id: {},
@@ -1665,17 +1651,17 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (c, d) => Math.round(100 * c / d), l = (c, d) => Math.round(187 - c / d * 187), u = (c) => i("click", c), f = (c) => {
-      const d = +c?.target?.value || 0;
+    const i = e, o = t, a = (u, d) => Math.round(100 * u / d), r = (u, d) => Math.round(187 - u / d * 187), c = (u) => i("click", u), f = (u) => {
+      const d = +u?.target?.value || 0;
       i("setState", { ...o, value: d });
     };
-    return (c, d) => (r(), $(T, I(o, { onClick: u }), {
-      header: h(({ value: v, max: C }) => [
-        n("div", y0, [
+    return (u, d) => (l(), w(T, I(o, { onClick: c }), {
+      header: h(({ value: m, max: C }) => [
+        n("div", b0, [
           n("div", {
-            class: w(["", "text-blue-600 dark:text-blue-400"])
+            class: M(["", "text-blue-600 dark:text-blue-400"])
           }, [
-            (r(), s("svg", b0, [
+            (l(), s("svg", x0, [
               d[0] || (d[0] = n("circle", {
                 class: "stroke-gray-300 dark:stroke-gray-700",
                 r: "30",
@@ -1691,16 +1677,16 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
                 stroke: "currentColor",
                 "stroke-width": "8",
                 "stroke-linecap": "butt",
-                "stroke-dashoffset": l(v, C || 0),
+                "stroke-dashoffset": r(m, C || 0),
                 fill: "transparent",
                 "stroke-dasharray": "187"
-              }, null, 8, x0)
+              }, null, 8, V0)
             ]))
           ])
         ])
       ]),
-      dialog: h(({ min: v = 0, max: C = 255, value: y }) => [
-        n("div", V0, [
+      dialog: h(({ min: m = 0, max: C = 255, value: y }) => [
+        n("div", $0, [
           d[1] || (d[1] = n("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-800 z-0 rounded-md" }, null, -1)),
           n("div", {
             class: "absolute h-10 top-0 left-0 bg-blue-600 dark:bg-blue-400 z-0 rounded-md",
@@ -1709,19 +1695,19 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
           n("div", k0, V(a(y, C)) + " %", 1),
           n("input", {
             type: "range",
-            min: v,
+            min: m,
             max: C,
             value: y,
             step: "1",
             class: "w-full h-10 z-10 appearance-none cursor-pointer opacity-0",
             onChange: f
-          }, null, 40, $0)
+          }, null, 40, w0)
         ])
       ]),
       _: 1
     }, 16));
   }
-}), M0 = /* @__PURE__ */ H({
+}), H0 = /* @__PURE__ */ H({
   __name: "CardInfo",
   props: {
     id: {},
@@ -1740,15 +1726,15 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (l) => i("click", l);
-    return (l, u) => (r(), $(T, I(o, { onClick: a }), {
+    const i = e, o = t, a = (r) => i("click", r);
+    return (r, c) => (l(), w(T, I(o, { onClick: a }), {
       default: h(() => [
-        b(l.$slots, "dialog")
+        b(r.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), H0 = { class: "flex justify-center relative mx-2 my-6" }, L0 = /* @__PURE__ */ H({
+}), L0 = { class: "flex justify-center relative mx-2 my-6" }, Z0 = /* @__PURE__ */ H({
   __name: "CardInput",
   props: {
     id: {},
@@ -1767,18 +1753,18 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (u) => {
-      const f = u?.target?.value;
+    const i = e, o = t, a = (c) => {
+      const f = c?.target?.value;
       i("setState", { ...o, value: f });
-    }, l = (u) => i("click", u);
-    return (u, f) => {
-      const c = x("v-text-field");
-      return r(), $(T, I(o, { onClick: l }), {
-        dialog: h(({ value: d, name: v }) => [
-          n("div", H0, [
-            p(c, {
+    }, r = (c) => i("click", c);
+    return (c, f) => {
+      const u = x("v-text-field");
+      return l(), w(T, I(o, { onClick: r }), {
+        dialog: h(({ value: d, name: m }) => [
+          n("div", L0, [
+            p(u, {
               modelValue: d,
-              label: v,
+              label: m,
               onChange: a
             }, null, 8, ["modelValue", "label"])
           ])
@@ -1787,7 +1773,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), Z0 = { class: "flex justify-center py-4" }, S0 = /* @__PURE__ */ H({
+}), B0 = { class: "flex justify-center py-4" }, S0 = /* @__PURE__ */ H({
   __name: "CardSwitch",
   props: {
     id: {},
@@ -1806,23 +1792,23 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (u) => i("click", u), l = () => i("setState", o);
-    return (u, f) => {
-      const c = x("icon-power"), d = x("v-button");
-      return r(), $(T, I(o, { onClick: a }), {
+    const i = e, o = t, a = (c) => i("click", c), r = () => i("setState", o);
+    return (c, f) => {
+      const u = x("icon-power"), d = x("v-button");
+      return l(), w(T, I(o, { onClick: a }), {
         header: h(() => f[0] || (f[0] = [
           n("div", { class: "flex justify-end" }, null, -1)
         ])),
         dialog: h(() => [
-          n("div", Z0, [
+          n("div", B0, [
             p(d, {
               type: "icon",
               size: "sm",
-              class: w(["h-18 w-18", o.value ? "text-blue-600 dark:text-blue-400" : "text-amber-500"]),
-              onClick: j(l, ["stop"])
+              class: M(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
+              onClick: j(r, ["stop"])
             }, {
               default: h(() => [
-                p(c, { class: "size-16" })
+                p(u, { class: "size-16" })
               ]),
               _: 1
             }, 8, ["class"])
@@ -1832,7 +1818,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), B0 = { class: "pt-6" }, I0 = { class: "grid grid-cols-1 gap-x-4" }, z0 = { class: "grid grid-cols-2 gap-x-4" }, A0 = { class: "grid grid-cols-2 gap-x-4" }, F0 = { class: "flex gap-2 items-center" }, T0 = { class: "grid grid-cols-2 gap-x-4" }, j0 = { class: "flex gap-4 justify-end" }, O0 = /* @__PURE__ */ H({
+}), I0 = { class: "pt-6" }, z0 = { class: "grid grid-cols-1 gap-x-4" }, A0 = { class: "grid grid-cols-2 gap-x-4" }, F0 = { class: "grid grid-cols-2 gap-x-4" }, T0 = { class: "flex gap-2 items-center" }, j0 = { class: "grid grid-cols-2 gap-x-4" }, O0 = { class: "flex gap-4 justify-end" }, N0 = /* @__PURE__ */ H({
   __name: "BlockItemEdit",
   props: {
     item: {},
@@ -1840,7 +1826,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   },
   emits: ["remove", "save", "select"],
   setup(t, { emit: e }) {
-    const i = e, o = B({ id: "", name: "", keyValue: "" }), a = [
+    const i = e, o = S({ id: "", name: "", keyValue: "" }), a = [
       { name: "Air", value: "air" },
       { name: "Bulb", value: "bulb" },
       { name: "Cold", value: "cold" },
@@ -1859,18 +1845,18 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       { name: "Logout", value: "logout" },
       { name: "Lock", value: "lock" },
       { name: "Folder", value: "folder" }
-    ], l = [
+    ], r = [
       { name: "Button", value: "button" },
       { name: "Info", value: "info" },
       { name: "Dimmer", value: "dimmer" },
       { name: "Switch", value: "switch" },
       { name: "Date", value: "date" },
       { name: "Input", value: "input" }
-    ], u = (y) => `icon-${y}`, f = M(() => o.value.type === "dimmer"), c = ({ value: y }) => {
+    ], c = (y) => `icon-${y}`, f = k(() => o.value.type === "dimmer"), u = ({ value: y }) => {
       o.value.icon = y;
     }, d = ({ value: y }) => {
       o.value.type = y;
-    }, v = () => {
+    }, m = () => {
       i("save", o.value);
     }, C = () => {
       i("remove", o.value);
@@ -1878,84 +1864,84 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
     return U(() => {
       console.log(t.item), o.value = { ...t.item };
     }), (y, _) => {
-      const Z = x("v-text-field"), m = x("VSelect"), S = x("v-textarea"), E = x("v-button");
-      return r(), s("div", B0, [
-        n("div", I0, [
-          n("div", z0, [
+      const Z = x("v-text-field"), v = x("VSelect"), B = x("v-textarea"), E = x("v-button");
+      return l(), s("div", I0, [
+        n("div", z0, [
+          n("div", A0, [
             p(Z, {
               modelValue: o.value.id,
-              "onUpdate:modelValue": _[0] || (_[0] = (k) => o.value.id = k),
+              "onUpdate:modelValue": _[0] || (_[0] = ($) => o.value.id = $),
               label: "ID",
               disabled: !y.isNew,
-              onClick: _[1] || (_[1] = (k) => i("select", k))
+              onClick: _[1] || (_[1] = ($) => i("select", $))
             }, null, 8, ["modelValue", "disabled"]),
             p(Z, {
               modelValue: o.value.keyValue,
-              "onUpdate:modelValue": _[2] || (_[2] = (k) => o.value.keyValue = k),
+              "onUpdate:modelValue": _[2] || (_[2] = ($) => o.value.keyValue = $),
               label: "KeyValue"
             }, null, 8, ["modelValue"])
           ]),
           p(Z, {
             modelValue: o.value.name,
-            "onUpdate:modelValue": _[3] || (_[3] = (k) => o.value.name = k),
+            "onUpdate:modelValue": _[3] || (_[3] = ($) => o.value.name = $),
             label: "Name"
           }, null, 8, ["modelValue"]),
-          n("div", A0, [
-            p(m, {
+          n("div", F0, [
+            p(v, {
               value: o.value.icon,
               class: "",
               label: "Icon",
               list: a,
-              onChange: c
+              onChange: u
             }, {
-              default: h(({ item: k }) => [
-                n("div", F0, [
-                  (r(), $(P(u(k.value)), { class: "size-5" })),
-                  n("div", null, V(k.name), 1)
+              default: h(({ item: $ }) => [
+                n("div", T0, [
+                  (l(), w(P(c($.value)), { class: "size-5" })),
+                  n("div", null, V($.name), 1)
                 ])
               ]),
               _: 1
             }, 8, ["value"]),
-            p(m, {
+            p(v, {
               value: o.value.type,
               class: "",
               label: "Type",
-              list: l,
+              list: r,
               onChange: d
             }, null, 8, ["value"])
           ]),
-          n("div", T0, [
-            f.value ? (r(), $(Z, {
+          n("div", j0, [
+            f.value ? (l(), w(Z, {
               key: 0,
               modelValue: o.value.min,
-              "onUpdate:modelValue": _[4] || (_[4] = (k) => o.value.min = k),
+              "onUpdate:modelValue": _[4] || (_[4] = ($) => o.value.min = $),
               label: "Min"
             }, null, 8, ["modelValue"])) : L("", !0),
-            f.value ? (r(), $(Z, {
+            f.value ? (l(), w(Z, {
               key: 1,
               modelValue: o.value.max,
-              "onUpdate:modelValue": _[5] || (_[5] = (k) => o.value.max = k),
+              "onUpdate:modelValue": _[5] || (_[5] = ($) => o.value.max = $),
               label: "Max"
             }, null, 8, ["modelValue"])) : L("", !0)
           ]),
-          o.value.set ? (r(), $(S, {
+          o.value.set ? (l(), w(B, {
             key: 0,
             modelValue: o.value.set,
-            "onUpdate:modelValue": _[6] || (_[6] = (k) => o.value.set = k),
+            "onUpdate:modelValue": _[6] || (_[6] = ($) => o.value.set = $),
             label: "Set"
           }, null, 8, ["modelValue"])) : L("", !0),
-          p(S, {
+          p(B, {
             modelValue: o.value.get,
-            "onUpdate:modelValue": _[7] || (_[7] = (k) => o.value.get = k),
+            "onUpdate:modelValue": _[7] || (_[7] = ($) => o.value.get = $),
             label: "Get"
           }, null, 8, ["modelValue"]),
-          p(S, {
+          p(B, {
             modelValue: o.value.modifyValue,
-            "onUpdate:modelValue": _[8] || (_[8] = (k) => o.value.modifyValue = k),
+            "onUpdate:modelValue": _[8] || (_[8] = ($) => o.value.modifyValue = $),
             label: "ModifyValue"
           }, null, 8, ["modelValue"])
         ]),
-        n("div", j0, [
+        n("div", O0, [
           p(E, {
             class: "px-4",
             color: "red",
@@ -1970,7 +1956,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
           p(E, {
             class: "px-4",
             color: "blue",
-            onClick: v
+            onClick: m
           }, {
             default: h(() => _[10] || (_[10] = [
               z("Save")
@@ -1981,44 +1967,44 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), N0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), E0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BlockItemEdit: O0,
+  BlockItemEdit: N0,
   CardBase: T,
-  CardButton: _0,
-  CardDate: g0,
-  CardDimmer: w0,
-  CardInfo: M0,
-  CardInput: L0,
+  CardButton: h0,
+  CardDate: y0,
+  CardDimmer: M0,
+  CardInfo: H0,
+  CardInput: Z0,
   CardSwitch: S0
-}, Symbol.toStringTag, { value: "Module" })), E0 = { class: "bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 left-0 w-full z-10 sticky top-0" }, D0 = { class: "px-4 py-4 sm:px-6 lg:px-8" }, P0 = { class: "container mx-auto flex flex-auto items-center" }, U0 = { class: "lg:hidden h-[30px] me-10" }, G0 = { class: "flex gap-4" }, K0 = { class: "md:hidden flex gap-4" }, q0 = { class: "ms-2" }, R0 = /* @__PURE__ */ H({
+}, Symbol.toStringTag, { value: "Module" })), D0 = { class: "bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 left-0 w-full z-10 sticky top-0" }, P0 = { class: "px-4 py-4 sm:px-6 lg:px-8" }, U0 = { class: "container mx-auto flex flex-auto items-center" }, G0 = { class: "lg:hidden h-[30px] me-10" }, K0 = { class: "flex gap-4" }, q0 = { class: "md:hidden flex gap-4" }, R0 = { class: "ms-2" }, W0 = /* @__PURE__ */ H({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function }
   },
   emits: ["sidebar"],
   setup(t, { emit: e }) {
-    const i = e, o = B(!1), a = B(!1), l = M(() => [
+    const i = e, o = S(!1), a = S(!1), r = k(() => [
       { name: "Theme", icon: "icon-theme" },
       { name: "Logout", icon: "icon-logout" }
-    ]), u = (v) => i("sidebar", v), f = async () => await fetch("/", {
+    ]), c = (m) => i("sidebar", m), f = async () => await fetch("/", {
       method: "get",
       headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" }
-    }), c = () => {
+    }), u = () => {
       t.changeTheme && t.changeTheme();
-    }, d = ({ name: v }) => {
-      v == "Logout" && f(), v == "Theme" && c();
+    }, d = ({ name: m }) => {
+      m == "Logout" && f(), m == "Theme" && u();
     };
-    return (v, C) => {
-      const y = x("icon-burger"), _ = x("v-button"), Z = x("icon-logo"), m = x("router-link"), S = x("IconTheme"), E = x("icon-noti"), k = x("icon-logout"), o1 = x("icon-dots"), r1 = x("v-list"), l1 = x("v-dropdown");
-      return r(), s("header", E0, [
-        n("div", D0, [
-          n("div", P0, [
+    return (m, C) => {
+      const y = x("icon-burger"), _ = x("v-button"), Z = x("icon-logo"), v = x("router-link"), B = x("IconTheme"), E = x("icon-noti"), $ = x("icon-logout"), o1 = x("icon-dots"), l1 = x("v-list"), r1 = x("v-dropdown");
+      return l(), s("header", D0, [
+        n("div", P0, [
+          n("div", U0, [
             p(_, {
               type: "icon",
               color: "gray",
               class: "me-6",
-              onClick: u
+              onClick: c
             }, {
               default: h(() => [
                 p(y, { class: "h-5 w-5" })
@@ -2026,8 +2012,8 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
               _: 1
             }),
             C[2] || (C[2] = n("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            n("div", U0, [
-              p(m, { to: "/" }, {
+            n("div", G0, [
+              p(v, { to: "/" }, {
                 default: h(() => [
                   p(Z, { class: "h-[30px]" })
                 ]),
@@ -2035,15 +2021,15 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
               })
             ]),
             C[3] || (C[3] = n("div", { class: "flex-auto" }, null, -1)),
-            n("div", G0, [
+            n("div", K0, [
               p(_, {
                 type: "icon",
                 color: "gray",
                 class: "hidden md:flex",
-                onClick: c
+                onClick: u
               }, {
                 default: h(() => [
-                  p(S)
+                  p(B)
                 ]),
                 _: 1
               }),
@@ -2057,7 +2043,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
               }, {
                 default: h(() => [
                   n("span", {
-                    class: w([a.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400 flex"])
+                    class: M([a.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400 flex"])
                   }, C[1] || (C[1] = [
                     n("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
                   ]), 2),
@@ -2072,13 +2058,13 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
                 onClick: j(f, ["prevent"])
               }, {
                 default: h(() => [
-                  p(k, { class: "h-5 w-5" })
+                  p($, { class: "h-5 w-5" })
                 ]),
                 _: 1
               })
             ]),
-            n("div", K0, [
-              p(l1, {
+            n("div", q0, [
+              p(r1, {
                 left: "unset",
                 right: "0",
                 top: "0"
@@ -2088,7 +2074,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
                     type: "icon",
                     color: "gray",
                     class: "flex",
-                    onClick: (n5) => O.click()
+                    onClick: (o5) => O.click()
                   }, {
                     default: h(() => [
                       p(o1)
@@ -2097,13 +2083,13 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
                   }, 1032, ["onClick"])
                 ]),
                 default: h(() => [
-                  p(r1, {
-                    list: l.value,
+                  p(l1, {
+                    list: r.value,
                     onClick: d
                   }, {
                     default: h(({ item: O }) => [
-                      (r(), $(P(O.icon))),
-                      n("span", q0, V(O.name), 1)
+                      (l(), w(P(O.icon))),
+                      n("span", R0, V(O.name), 1)
                     ]),
                     _: 1
                   }, 8, ["list"])
@@ -2116,7 +2102,7 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), W0 = /* @__PURE__ */ H({
+}), J0 = /* @__PURE__ */ H({
   __name: "AppNotification",
   props: {
     notifications: { default: () => [] }
@@ -2125,19 +2111,19 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
   setup(t, { emit: e }) {
     const i = e;
     return (o, a) => {
-      const l = x("v-notification");
-      return r(), s("div", null, [
+      const r = x("v-notification");
+      return l(), s("div", null, [
         p(d1, {
           name: "list",
           tag: "ul",
           class: "flex flex-col gap-2"
         }, {
           default: h(() => [
-            (r(!0), s(A, null, F(o.notifications, (u) => (r(), $(l, I({
-              key: u.id,
+            (l(!0), s(A, null, F(o.notifications, (c) => (l(), w(r, I({
+              key: c.id,
               ref_for: !0
-            }, u, {
-              onClose: (f) => i("close", u)
+            }, c, {
+              onClose: (f) => i("close", c)
             }), null, 16, ["onClose"]))), 128))
           ]),
           _: 1
@@ -2146,22 +2132,22 @@ const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.
     };
   }
 });
-var J0 = {}, Q0 = { class: "fixed h-full w-full top-0 left-0 z-20" }, X0 = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Y0(t, e) {
-  return r(), s("div", Q0, [
+var Q0 = {}, X0 = { class: "fixed h-full w-full top-0 left-0 z-20" }, Y0 = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function e5(t, e) {
+  return l(), s("div", X0, [
     e[0] || (e[0] = n("div", { class: "absolute h-full w-full top-0 left-0 bg-gray-900 opacity-40" }, null, -1)),
-    n("div", X0, [
+    n("div", Y0, [
       b(t.$slots, "default")
     ])
   ]);
 }
-const e5 = /* @__PURE__ */ g(J0, [["render", Y0]]), t5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const t5 = /* @__PURE__ */ g(Q0, [["render", e5]]), n5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AppDialog: n1,
-  AppHeader: R0,
-  AppNotification: W0,
-  AppOverlay: e5
-}, Symbol.toStringTag, { value: "Module" })), Q = { ...Rt, ...ye, ...t0, ...N0, ...t5 }, r5 = {
+  AppHeader: W0,
+  AppNotification: J0,
+  AppOverlay: t5
+}, Symbol.toStringTag, { value: "Module" })), Q = { ...Wt, ...be, ...n0, ...E0, ...n5 }, r5 = {
   install: (t) => {
     Object.keys(Q).forEach((e) => {
       t.component(e, Q[e]);