vuesp-components 0.2.5 → 0.2.7

package/dist/vuesp-components.es.js

@@ -1,18 +1,18 @@
-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 = {
+import { ref as I, computed as M, createElementBlock as c, openBlock as l, createElementVNode as n, createCommentVNode as L, normalizeClass as H, toDisplayString as V, mergeProps as S, withKeys as X, renderSlot as x, createTextVNode as z, resolveDirective as s1, withDirectives as i1, createVNode as p, Transition as Y, withCtx as _, normalizeStyle as D, defineComponent as w, Fragment as F, renderList as j, createBlock as $, resolveDynamicComponent as P, unref as c1, onMounted as U, normalizeProps as G, guardReactiveProps as K, createStaticVNode as u1, resolveComponent as b, Teleport as d1, withModifiers as T, TransitionGroup as f1 } from "vue";
+const v1 = {
   mounted(t, e) {
-    t.clickOutsideEvent = function(i) {
-      t === i.target || t.contains(i.target) || e.value(i, t);
+    t.clickOutsideEvent = function(s) {
+      t === s.target || t.contains(s.target) || e.value(s, t);
     }, document.addEventListener("click", t.clickOutsideEvent);
   },
   unmounted(t) {
     document.removeEventListener("click", t.clickOutsideEvent), delete t.clickOutsideEvent;
   }
-}, v1 = [{ name: "outside", directive: f1 }];
-var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 = ["disabled"], _1 = {
+}, m1 = [{ name: "outside", directive: v1 }];
+var p1 = { class: "w-full relative" }, C1 = ["value", "disabled", "type"], _1 = ["disabled"], h1 = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, h1 = "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", R = {
+}, g1 = "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", R = {
   __name: "VTextField",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -28,15 +28,15 @@ 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, r = S(!1), c = k(function() {
+    var s = e.emit, o = t, a = s, r = I(!1), i = M(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(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"];
+    }, u = M(function() {
+      return [g1, 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);
@@ -46,20 +46,20 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
       return a("enter", v);
     }, y = function() {
       return r.value = !0;
-    }, _ = function(v) {
+    }, h = function(v) {
       return a("click", v);
     }, Z = function(v) {
       o.disabled || a("on-icon", v);
     };
     return function(v, B) {
-      return l(), s("div", m1, [
+      return l(), c("div", p1, [
         n("label", {
-          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])
+          class: H(["relative w-full h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", i.value])
         }, [
           n("span", {
-            class: M(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
+            class: H(["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(v.$attrs, {
+          n("input", S(v.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
@@ -67,21 +67,21 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
             onFocus: y,
             onBlur: m,
             onInput: d,
-            onClick: _,
+            onClick: h,
             onKeypress: X(C, ["enter"])
-          }), null, 16, p1),
-          v.$slots.icon ? (l(), s("button", {
+          }), null, 16, C1),
+          v.$slots.icon ? (l(), c("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(v.$slots, "icon")
-          ], 8, C1)) : L("", !0)
+            x(v.$slots, "icon")
+          ], 8, _1)) : L("", !0)
         ], 2),
-        t.hideMessage ? L("", !0) : (l(), s("div", _1, [
-          b(v.$slots, "message", {}, function() {
+        t.hideMessage ? L("", !0) : (l(), c("div", h1, [
+          x(v.$slots, "message", {}, function() {
             return [
               z(V(t.message), 1)
             ];
@@ -90,7 +90,7 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
       ]);
     };
   }
-}, g1 = { class: "relative" }, y1 = { class: "flex items-center cursor-pointer" }, W = {
+}, y1 = { class: "relative" }, b1 = { class: "flex items-center cursor-pointer" }, W = {
   __name: "VDropdown",
   props: {
     top: { type: String, default: "calc(100% + 5px)" },
@@ -101,7 +101,7 @@ 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, r = S(!1), c = k(function() {
+    var s = e.emit, o = t, a = s, r = I(!1), i = M(function() {
       return { top: o.top, left: o.left, right: o.right, "max-height": o.height };
     }), f = function() {
       r.value && m();
@@ -113,10 +113,10 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
       r.value = !1, a("close", C);
     };
     return function(C, y) {
-      var _ = a1("outside");
-      return s1((l(), s("div", g1, [
-        n("div", y1, [
-          b(C.$slots, "activator", {
+      var h = s1("outside");
+      return i1((l(), c("div", y1, [
+        n("div", b1, [
+          x(C.$slots, "activator", {
             on: { click: u },
             show: r.value
           })
@@ -129,15 +129,15 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
-          default: h(function() {
+          default: _(function() {
             return [
-              r.value ? (l(), s("div", {
+              r.value ? (l(), c("div", {
                 key: 0,
                 class: "z-10 min-w-full absolute overflow-auto shadow-lg",
-                style: D(c.value),
+                style: D(i.value),
                 onClick: u
               }, [
-                b(C.$slots, "default", {
+                x(C.$slots, "default", {
                   show: d,
                   hide: m,
                   isShown: r.value
@@ -148,53 +148,53 @@ var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 =
           _: 3
         })
       ])), [
-        [_, f]
+        [h, f]
       ]);
     };
   }
 };
-const b1 = { class: "bg-white dark:bg-gray-800" }, x1 = ["onClick"], J = /* @__PURE__ */ H({
+const x1 = { class: "bg-white dark:bg-gray-800" }, V1 = ["onClick"], J = /* @__PURE__ */ w({
   __name: "VList",
   props: {
     list: { default: () => [] }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, o = (a) => i("click", a);
-    return (a, r) => (l(), s("ul", b1, [
-      (l(!0), s(A, null, F(a.list, (c, f) => (l(), s("li", {
+    const s = e, o = (a) => s("click", a);
+    return (a, r) => (l(), c("ul", x1, [
+      (l(!0), c(F, null, j(a.list, (i, f) => (l(), c("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: (u) => o(c)
+        onClick: (u) => o(i)
       }, [
-        b(a.$slots, "default", { item: c }, () => [
-          z(V(c.name), 1)
+        x(a.$slots, "default", { item: i }, () => [
+          z(V(i.name), 1)
         ])
-      ], 8, x1))), 128))
+      ], 8, V1))), 128))
     ]));
   }
 }), g = (t, e) => {
-  const i = t.__vccOpts || t;
+  const s = t.__vccOpts || t;
   for (const [o, a] of e)
-    i[o] = a;
-  return i;
+    s[o] = a;
+  return s;
 };
-var V1 = {}, $1 = {
+var k1 = {}, $1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function k1(t, e) {
-  return l(), s("svg", $1, e[0] || (e[0] = [
+function w1(t, e) {
+  return l(), c("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", k1]]);
-var w1 = {
+const N = /* @__PURE__ */ g(k1, [["render", w1]]);
+var M1 = {
   key: 0,
   class: "p-4 py-2"
-}, M1 = {
+}, H1 = {
   __name: "VAutocomplete",
   props: {
     value: { type: String, default: "" },
@@ -206,42 +206,42 @@ var w1 = {
   },
   emits: ["change"],
   setup: function(t) {
-    var e = t, i = S(""), o = k(function() {
+    var e = t, s = I(""), o = M(function() {
       return e.value;
-    }), a = k(function() {
+    }), a = M(function() {
       var d = e?.list || [];
       return d.filter(function(m) {
-        return i.value ? m[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
+        return s.value ? m[e.valueName].toLowerCase().includes(s.value.toLowerCase()) : !0;
       });
-    }), r = k(function() {
+    }), r = M(function() {
       return e.placeholder;
-    }), c = k(function() {
+    }), i = M(function() {
       var d;
       return !(!((d = a?.value) === null || d === void 0) && d.length);
     }), f = function(d) {
-      return i.value = d.target.value;
+      return s.value = d.target.value;
     }, u = function(d) {
       return { "rotate-x-180": d };
     };
     return function(d, m) {
-      return l(), w(W, I(d.$attrs, { top: "50px" }), {
-        activator: h(function(C) {
-          var y = C.show, _ = C.on;
+      return l(), $(W, S(d.$attrs, { top: "50px" }), {
+        activator: _(function(C) {
+          var y = C.show, h = C.on;
           return [
             p(R, {
-              value: y ? i.value : o.value,
+              value: y ? s.value : o.value,
               placeholder: y ? "Search" : r.value,
-              onClick: _.click,
+              onClick: h.click,
               onInput: f,
-              onOnIcon: _.click,
+              onOnIcon: h.click,
               onFocus: m[0] || (m[0] = function(Z) {
-                return i.value = "";
+                return s.value = "";
               })
             }, {
-              icon: h(function() {
+              icon: _(function() {
                 return [
                   p(N, {
-                    class: M(["transition", u(y)])
+                    class: H(["transition", u(y)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -249,7 +249,7 @@ var w1 = {
             }, 1032, ["value", "placeholder", "onClick", "onOnIcon"])
           ];
         }),
-        default: h(function() {
+        default: _(function() {
           return [
             n("div", null, [
               p(J, {
@@ -258,10 +258,10 @@ var w1 = {
                   return d.$emit("change", C);
                 })
               }, {
-                default: h(function(C) {
+                default: _(function(C) {
                   var y = C.item;
                   return [
-                    b(d.$slots, "default", { item: y }, function() {
+                    x(d.$slots, "default", { item: y }, function() {
                       return [
                         z(V(y[t.valueName]), 1)
                       ];
@@ -271,7 +271,7 @@ var w1 = {
                 _: 3
               }, 8, ["list"])
             ]),
-            c.value ? (l(), s("div", w1, "Not found")) : L("", !0)
+            i.value ? (l(), c("div", M1, "Not found")) : L("", !0)
           ];
         }),
         _: 3
@@ -279,30 +279,30 @@ var w1 = {
     };
   }
 };
-const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
+const L1 = { class: "flex items-center gap-1.5" }, Z1 = /* @__PURE__ */ w({
   __name: "VBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    return (i, o) => (l(), s("nav", null, [
-      n("ol", H1, [
-        (l(!0), s(A, null, F(i.items, (a, r) => (l(), s("li", {
+    return (s, o) => (l(), c("nav", null, [
+      n("ol", L1, [
+        (l(!0), c(F, null, j(s.items, (a, r) => (l(), c("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"])
+          class: H(["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 }, () => [
-            (l(), w(P(a.path ? "a" : "span"), {
+          x(s.$slots, "default", { item: a }, () => [
+            (l(), $(P(a.path ? "a" : "span"), {
               href: a.path
             }, {
-              default: h(() => [
+              default: _(() => [
                 z(V(a.name), 1)
               ]),
               _: 2
             }, 1032, ["href"]))
           ]),
-          a.path ? (l(), w(N, {
+          a.path ? (l(), $(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 = ["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({
+}), S1 = ["disabled"], B1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", I1 = /* @__PURE__ */ w({
   __name: "VButton",
   props: {
     block: { type: Boolean },
@@ -323,34 +323,34 @@ const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    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 = {
+    const s = e, o = (v) => s("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", i = 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: i, blue: f }, d = {
       button: "px-4",
       icon: "h-10 w-10 rounded-full border border-gray-200 dark:border-gray-800"
-    }, 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),
+    }, m = { normal: "h-10", small: "h-8" }, C = (v) => m?.[v] || "", y = (v) => d?.[v] || "", h = (v) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${u?.[v] || ""}`, Z = M(() => [B1, h(t.color), y(t.type), C(t.size), { "w-full": t.block }]);
+    return (v, B) => (l(), c("button", {
+      class: H(Z.value),
       disabled: v.disabled,
       onClick: o
     }, [
       n("span", {
-        class: M(v.loading ? "opacity-0" : "")
+        class: H(v.loading ? "opacity-0" : "")
       }, [
-        b(v.$slots, "default")
+        x(v.$slots, "default")
       ], 2),
-      v.loading ? (l(), w(i1(e1), {
+      v.loading ? (l(), $(c1(e1), {
         key: 0,
         class: "absolute left-1/2 -translate-x-1/2"
       })) : L("", !0)
-    ], 10, Z1));
+    ], 10, S1));
   }
 });
-var I1 = {}, z1 = {
+var z1 = {}, F1 = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
 function A1(t, e) {
-  return l(), s("svg", z1, e[0] || (e[0] = [
+  return l(), c("svg", F1, e[0] || (e[0] = [
     n("circle", {
       class: "opacity-25",
       cx: "12",
@@ -366,7 +366,7 @@ function A1(t, e) {
     }, null, -1)
   ]));
 }
-const e1 = /* @__PURE__ */ g(I1, [["render", A1]]), F1 = ["checked", "disabled"], T1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, j1 = /* @__PURE__ */ H({
+const e1 = /* @__PURE__ */ g(z1, [["render", A1]]), j1 = ["checked", "disabled"], T1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, O1 = /* @__PURE__ */ w({
   __name: "VCheckbox",
   props: {
     modelValue: { default: "" },
@@ -374,9 +374,9 @@ const e1 = /* @__PURE__ */ g(I1, [["render", A1]]), F1 = ["checked", "disabled"]
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const i = e, o = ({ target: a }) => i("update:modelValue", a.checked);
-    return (a, r) => (l(), s("label", {
-      class: M(["inline-flex items-center relative", { "cursor-pointer": !a.disabled }])
+    const s = e, o = ({ target: a }) => s("update:modelValue", a.checked);
+    return (a, r) => (l(), c("label", {
+      class: H(["inline-flex items-center relative", { "cursor-pointer": !a.disabled }])
     }, [
       n("input", {
         type: "checkbox",
@@ -384,7 +384,7 @@ const e1 = /* @__PURE__ */ g(I1, [["render", A1]]), F1 = ["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, F1),
+      }, null, 40, j1),
       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",
@@ -401,30 +401,30 @@ const e1 = /* @__PURE__ */ g(I1, [["render", A1]]), F1 = ["checked", "disabled"]
         ])
       ], -1)),
       n("span", T1, [
-        b(a.$slots, "default")
+        x(a.$slots, "default")
       ])
     ], 2));
   }
 });
-var O1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, N1 = { class: "p-4" }, E1 = {
+var N1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, E1 = { class: "p-4" }, D1 = {
   __name: "VExpansion",
   props: {
     label: { type: String, default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup: function(t) {
-    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";
+    var e = t, s = I(null), o = I(e.value), a = function() {
+      var i = s.value.querySelector(".v-expansion__content");
+      i.style.maxHeight = o.value ? "".concat(i.scrollHeight, "px") : "0";
     }, r = function() {
       o.value = !o.value, a();
     };
     return U(function() {
       a();
-    }), function(c, f) {
-      return l(), s("div", {
+    }), function(i, f) {
+      return l(), c("div", {
         ref_key: "root",
-        ref: i,
+        ref: s,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
         n("div", {
@@ -433,14 +433,14 @@ var O1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all d
         }, [
           n("h4", null, V(t.label), 1),
           n("div", {
-            class: M(["transition text-gray-400", { "rotate-180": o.value }])
+            class: H(["transition text-gray-400", { "rotate-180": o.value }])
           }, [
             p(N)
           ], 2)
         ]),
-        n("div", O1, [
-          n("div", N1, [
-            b(c.$slots, "default")
+        n("div", N1, [
+          n("div", E1, [
+            x(i.$slots, "default")
           ])
         ])
       ], 512);
@@ -448,35 +448,35 @@ var O1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all d
   }
 }, q = function() {
   return q = Object.assign || function(e) {
-    for (var i, o = 1, a = arguments.length; o < a; o++) {
-      i = arguments[o];
-      for (var r in i) Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
+    for (var s, o = 1, a = arguments.length; o < a; o++) {
+      s = arguments[o];
+      for (var r in s) Object.prototype.hasOwnProperty.call(s, r) && (e[r] = s[r]);
     }
     return e;
   }, q.apply(this, arguments);
 };
-var D1 = {}, P1 = {
+var P1 = {}, U1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function U1(t, e) {
-  return l(), s("svg", P1, e[0] || (e[0] = [
+function G1(t, e) {
+  return l(), c("svg", U1, 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(D1, [["render", U1]]);
-var G1 = {
+const t1 = /* @__PURE__ */ g(P1, [["render", G1]]);
+var K1 = {
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
-}, K1 = { class: "flex items-center gap-4 text-sm" }, q1 = { class: "flex-auto" }, R1 = {
+}, q1 = { class: "flex items-center gap-4 text-sm" }, R1 = { class: "flex-auto" }, W1 = {
   key: 0,
   class: "text-green-600"
-}, W1 = {
+}, J1 = {
   key: 0,
   class: "w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2"
-}, J1 = {
+}, Q1 = {
   __name: "VNotification",
   props: {
     text: { type: String, default: "" },
@@ -495,12 +495,12 @@ var G1 = {
   },
   emits: ["close"],
   setup: function(t, e) {
-    var i = e.emit, o = t, a = i, r = k(function() {
+    var s = e.emit, o = t, a = s, r = M(function() {
       return o.status ? Math.ceil(o.size * 100 / o.length) : 100;
-    }), c = k(function() {
+    }), i = M(function() {
       return !!o.length;
-    }), f = k(function() {
-      return !!(c.value && r.value === 100 && !o.status);
+    }), f = M(function() {
+      return !!(i.value && r.value === 100 && !o.status);
     });
     return U(function() {
       var u = o.timeout;
@@ -508,10 +508,10 @@ var G1 = {
         a("close", q({}, o));
       }, 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),
+      return l(), c("div", K1, [
+        n("div", q1, [
+          n("div", R1, V(t.text), 1),
+          f.value ? (l(), c("span", W1, "Done")) : L("", !0),
           n("button", {
             class: "transition text-gray-400 self-start hover:text-gray-600",
             onClick: d[0] || (d[0] = function(m) {
@@ -521,7 +521,7 @@ var G1 = {
             p(t1, { class: "h-4 w-4" })
           ])
         ]),
-        c.value ? (l(), s("div", W1, [
+        i.value ? (l(), c("div", J1, [
           n("div", {
             class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
             style: D("width: ".concat(r.value, "%"))
@@ -531,7 +531,7 @@ var G1 = {
     };
   }
 };
-const Q1 = /* @__PURE__ */ H({
+const n1 = /* @__PURE__ */ w({
   __name: "VSelect",
   props: {
     value: { default: "" },
@@ -542,33 +542,33 @@ const Q1 = /* @__PURE__ */ H({
   },
   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 }) => [
+    const s = e, o = M(() => t.list.find((i) => i.value === t.value)?.[t.valueName] || ""), a = (i) => ({ "rotate-x-180": i }), r = (i) => s("change", i);
+    return (i, f) => (l(), $(W, S({ class: "relative w-full" }, i.$attrs, { top: "50px" }), {
+      activator: _(({ on: u, show: d }) => [
         p(R, {
           "model-value": o.value,
           readonly: "",
-          disabled: c.disabled,
+          disabled: i.disabled,
           active: "",
-          label: c.label,
+          label: i.label,
           onClick: u.click,
           onOnIcon: u.click
         }, {
-          icon: h(() => [
+          icon: _(() => [
             p(N, {
-              class: M(["transition", a(d)])
+              class: H(["transition", a(d)])
             }, null, 8, ["class"])
           ]),
           _: 2
         }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
       ]),
-      default: h(() => [
+      default: _(() => [
         p(J, {
-          list: c.list,
+          list: i.list,
           onClick: r
         }, {
-          default: h(({ item: u }) => [
-            b(c.$slots, "default", { item: u }, () => [
+          default: _(({ item: u }) => [
+            x(i.$slots, "default", { item: u }, () => [
               z(V(u.name), 1)
             ])
           ]),
@@ -598,14 +598,14 @@ var X1 = { class: "w-full relative" }, Y1 = ["value", "disabled", "type"], ee =
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var i = e.emit, o = t, a = i, r = S(!1), c = k(function() {
+    var s = e.emit, o = t, a = s, r = I(!1), i = M(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(v) {
       return v || v === 0;
-    }, u = k(function() {
+    }, u = M(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;
@@ -616,20 +616,20 @@ var X1 = { class: "w-full relative" }, Y1 = ["value", "disabled", "type"], ee =
       return a("enter", v);
     }, y = function() {
       return r.value = !0;
-    }, _ = function(v) {
+    }, h = function(v) {
       return a("click", v);
     }, Z = function(v) {
       o.disabled || a("on-icon", v);
     };
     return function(v, B) {
-      return l(), s("div", X1, [
+      return l(), c("div", X1, [
         n("label", {
-          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])
+          class: H(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", i.value])
         }, [
           n("span", {
-            class: M(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
+            class: H(["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(v.$attrs, {
+          n("textarea", S(v.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
@@ -639,21 +639,21 @@ var X1 = { class: "w-full relative" }, Y1 = ["value", "disabled", "type"], ee =
             onFocus: y,
             onBlur: m,
             onInput: d,
-            onClick: _,
+            onClick: h,
             onKeypress: X(C, ["enter"])
           }), null, 16, Y1),
-          v.$slots.icon ? (l(), s("button", {
+          v.$slots.icon ? (l(), c("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(v.$slots, "icon")
+            x(v.$slots, "icon")
           ], 8, ee)) : L("", !0)
         ], 2),
-        t.hideMessage ? L("", !0) : (l(), s("div", te, [
-          b(v.$slots, "message", {}, function() {
+        t.hideMessage ? L("", !0) : (l(), c("div", te, [
+          x(v.$slots, "message", {}, function() {
             return [
               z(V(t.message), 1)
             ];
@@ -663,24 +663,24 @@ var X1 = { class: "w-full relative" }, Y1 = ["value", "disabled", "type"], ee =
     };
   }
 };
-const le = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H({
+const le = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ w({
   __name: "VTextFieldFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    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);
+    const s = e, o = I({ files: [], totalSize: 0 }), a = async (r) => {
+      const i = r.target.files, f = { files: [], totalSize: 0 };
+      for (let u = 0; u < i.length; u++) {
+        const d = i.item(u);
         d && (f.totalSize += d.size, f.files.push({ name: d.name, size: d.size }));
       }
-      c.length && (o.value = f, i("change", { files: c, info: f }));
+      i.length && (o.value = f, s("change", { files: i, info: f }));
     };
-    return (r, c) => (l(), s("label", le, [
-      n("input", I({
+    return (r, i) => (l(), c("label", le, [
+      n("input", S({
         type: "file",
         class: "hidden"
       }, r.$attrs, { onChange: a }), null, 16),
-      b(r.$slots, "default", G(K(o.value)))
+      x(r.$slots, "default", G(K(o.value)))
     ]));
   }
 }), 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 = {
@@ -689,7 +689,7 @@ const le = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H
 }, me = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, pe = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Ce = /* @__PURE__ */ H({
+}, pe = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, Ce = /* @__PURE__ */ w({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
@@ -697,43 +697,43 @@ const le = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, o = (r, c) => {
-      i("click", { item: r, event: c });
+    const s = e, o = (r, i) => {
+      s("click", { item: r, event: i });
     }, a = (r) => r?.className || "";
-    return (r, c) => (l(), s("table", ae, [
+    return (r, i) => (l(), c("table", ae, [
       n("thead", se, [
         n("tr", ie, [
-          (l(!0), s(A, null, F(r.headers, (f, u) => (l(), s("th", {
+          (l(!0), c(F, null, j(r.headers, (f, u) => (l(), c("th", {
             key: u,
-            class: M(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(f)])
+            class: H(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(f)])
           }, [
-            b(r.$slots, "header", { item: f }, () => [
+            x(r.$slots, "header", { item: f }, () => [
               n("div", ce, V(f.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
       n("tbody", ue, [
-        r.items.length ? (l(!0), s(A, { key: 0 }, F(r.items, (f, u) => (l(), s("tr", {
+        r.items.length ? (l(!0), c(F, { key: 0 }, j(r.items, (f, u) => (l(), c("tr", {
           key: u,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
           onClick: (d) => o(f, d)
         }, [
-          (l(!0), s(A, null, F(r.headers, (d, m) => (l(), s("td", {
+          (l(!0), c(F, null, j(r.headers, (d, m) => (l(), c("td", {
             key: m,
             class: "py-2 whitespace-nowrap px-4"
           }, [
             n("div", fe, [
-              b(r.$slots, d.key, { item: f }, () => [
+              x(r.$slots, d.key, { item: f }, () => [
                 z(V(f[d.key]), 1)
               ])
             ])
           ]))), 128))
-        ], 8, de))), 128)) : (l(), s("tr", ve, [
+        ], 8, de))), 128)) : (l(), c("tr", ve, [
           n("td", me, [
             n("div", pe, [
-              b(r.$slots, "empty", {}, () => [
-                c[0] || (c[0] = z("The list is empty"))
+              x(r.$slots, "empty", {}, () => [
+                i[0] || (i[0] = z("The list is empty"))
               ])
             ])
           ])
@@ -741,19 +741,19 @@ const le = { class: "flex items-center cursor-pointer" }, re = /* @__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({
+}), _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__ */ w({
   __name: "WifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
   setup(t) {
-    const e = 2 * (t.rssi + 100), i = (o) => o < e;
-    return (o, a) => (l(), s("div", _e, [
-      (l(), s(A, null, F([10, 15, 25, 40, 70], (r, c) => n("div", {
+    const e = 2 * (t.rssi + 100), s = (o) => o < e;
+    return (o, a) => (l(), c("div", _e, [
+      (l(), c(F, null, j([10, 15, 25, 40, 70], (r, i) => 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`),
+        class: H(["w-1 h-5 rounded-lg", [s(r) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: D(`height: ${(i + 1) * 5}px`),
         title: `rssi: ${o.rssi} channel: ${o.channel}`
       }, null, 14, he)), 64)),
       n("div", ge, V(o.channel), 1)
@@ -761,16 +761,16 @@ const le = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H
   }
 }), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VAutocomplete: M1,
-  VBreadcrumb: L1,
-  VButton: S1,
-  VCheckbox: j1,
+  VAutocomplete: H1,
+  VBreadcrumb: Z1,
+  VButton: I1,
+  VCheckbox: O1,
   VDropdown: W,
-  VExpansion: E1,
+  VExpansion: D1,
   VList: J,
   VLoader: e1,
-  VNotification: J1,
-  VSelect: Q1,
+  VNotification: Q1,
+  VSelect: n1,
   VTable: Ce,
   VTextField: R,
   VTextFieldFile: re,
@@ -783,12 +783,12 @@ var xe = {}, Ve = {
   height: "24",
   fill: "currentColor"
 };
-function $e(t, e) {
-  return l(), s("svg", Ve, e[0] || (e[0] = [
+function ke(t, e) {
+  return l(), c("svg", Ve, e[0] || (e[0] = [
     n("path", { d: "M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z" }, null, -1)
   ]));
 }
-const ke = /* @__PURE__ */ g(xe, [["render", $e]]);
+const $e = /* @__PURE__ */ g(xe, [["render", ke]]);
 var we = {}, Me = {
   width: "24",
   height: "24",
@@ -796,7 +796,7 @@ var we = {}, Me = {
   fill: "none"
 };
 function He(t, e) {
-  return l(), s("svg", Me, e[0] || (e[0] = [
+  return l(), c("svg", Me, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -806,26 +806,26 @@ function He(t, e) {
   ]));
 }
 const Le = /* @__PURE__ */ g(we, [["render", He]]);
-var Ze = {}, Be = {
+var Ze = {}, Se = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function Se(t, e) {
-  return l(), s("svg", Be, e[0] || (e[0] = [
+function Be(t, e) {
+  return l(), c("svg", Se, 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 Ie = /* @__PURE__ */ g(Ze, [["render", Se]]);
-var ze = {}, Ae = {
+const Ie = /* @__PURE__ */ g(Ze, [["render", Be]]);
+var ze = {}, Fe = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function Fe(t, e) {
-  return l(), s("svg", Ae, e[0] || (e[0] = [
+function Ae(t, e) {
+  return l(), c("svg", Fe, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -833,19 +833,19 @@ function Fe(t, e) {
     }, null, -1)
   ]));
 }
-const Te = /* @__PURE__ */ g(ze, [["render", Fe]]);
-var je = {}, Oe = {
+const je = /* @__PURE__ */ g(ze, [["render", Ae]]);
+var Te = {}, Oe = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
 function Ne(t, e) {
-  return l(), s("svg", Oe, e[0] || (e[0] = [
+  return l(), c("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 Ee = /* @__PURE__ */ g(je, [["render", Ne]]);
+const Ee = /* @__PURE__ */ g(Te, [["render", Ne]]);
 var De = {}, Pe = {
   viewBox: "0 0 24 24",
   width: "24",
@@ -853,7 +853,7 @@ var De = {}, Pe = {
   fill: "currentColor"
 };
 function Ue(t, e) {
-  return l(), s("svg", Pe, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -865,7 +865,7 @@ var Ke = {}, qe = {
   fill: "currentColor"
 };
 function Re(t, e) {
-  return l(), s("svg", qe, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -877,14 +877,14 @@ var Je = {}, Qe = {
   fill: "currentColor"
 };
 function Xe(t, e) {
-  return l(), s("svg", Qe, e[0] || (e[0] = [
+  return l(), c("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 Ye = /* @__PURE__ */ g(Je, [["render", Xe]]);
 var e2 = {};
 function t2(t, e) {
-  return l(), s(A, null, [
+  return l(), c(F, null, [
     e[0] || (e[0] = n("svg", {
       class: "flex dark:hidden",
       viewBox: "0 0 24 24",
@@ -911,8 +911,8 @@ var o2 = {}, l2 = {
   fill: "#25c1eb"
 };
 function r2(t, e) {
-  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)
+  return l(), c("svg", l2, e[0] || (e[0] = [
+    u1('<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 a2 = /* @__PURE__ */ g(o2, [["render", r2]]);
@@ -921,7 +921,7 @@ var s2 = {}, i2 = {
   fill: "#25c1eb"
 };
 function c2(t, e) {
-  return l(), s("svg", i2, e[0] || (e[0] = [
+  return l(), c("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)
@@ -935,7 +935,7 @@ var d2 = {}, f2 = {
   fill: "currentColor"
 };
 function v2(t, e) {
-  return l(), s("svg", f2, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -947,7 +947,7 @@ var p2 = {}, C2 = {
   fill: "currentColor"
 };
 function _2(t, e) {
-  return l(), s("svg", C2, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -959,23 +959,23 @@ var g2 = {}, y2 = {
   fill: "currentColor"
 };
 function b2(t, e) {
-  return l(), s("svg", y2, e[0] || (e[0] = [
+  return l(), c("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 x2 = /* @__PURE__ */ g(g2, [["render", b2]]);
-var V2 = {}, $2 = {
+var V2 = {}, k2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 30 30",
   fill: "currentColor"
 };
-function k2(t, e) {
-  return l(), s("svg", $2, e[0] || (e[0] = [
+function $2(t, e) {
+  return l(), c("svg", k2, 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 w2 = /* @__PURE__ */ g(V2, [["render", k2]]);
+const w2 = /* @__PURE__ */ g(V2, [["render", $2]]);
 var M2 = {}, H2 = {
   viewBox: "0 0 24 24",
   width: "24",
@@ -983,35 +983,35 @@ var M2 = {}, H2 = {
   fill: "currentColor"
 };
 function L2(t, e) {
-  return l(), s("svg", H2, e[0] || (e[0] = [
+  return l(), c("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 Z2 = /* @__PURE__ */ g(M2, [["render", L2]]);
-var B2 = {}, S2 = {
+var S2 = {}, B2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
 function I2(t, e) {
-  return l(), s("svg", S2, e[0] || (e[0] = [
+  return l(), c("svg", B2, 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 z2 = /* @__PURE__ */ g(B2, [["render", I2]]);
-var A2 = {}, F2 = {
+const z2 = /* @__PURE__ */ g(S2, [["render", I2]]);
+var F2 = {}, A2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function T2(t, e) {
-  return l(), s("svg", F2, e[0] || (e[0] = [
+function j2(t, e) {
+  return l(), c("svg", A2, 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 j2 = /* @__PURE__ */ g(A2, [["render", T2]]);
+const T2 = /* @__PURE__ */ g(F2, [["render", j2]]);
 var O2 = {}, N2 = {
   viewBox: "0 0 24 24",
   width: "24",
@@ -1019,7 +1019,7 @@ var O2 = {}, N2 = {
   fill: "currentColor"
 };
 function E2(t, e) {
-  return l(), s("svg", N2, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -1031,7 +1031,7 @@ var P2 = {}, U2 = {
   fill: "currentColor"
 };
 function G2(t, e) {
-  return l(), s("svg", U2, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -1043,7 +1043,7 @@ var q2 = {}, R2 = {
   viewBox: "0 0 24 24"
 };
 function W2(t, e) {
-  return l(), s("svg", R2, e[0] || (e[0] = [
+  return l(), c("svg", R2, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1060,7 +1060,7 @@ var Q2 = {}, X2 = {
   fill: "none"
 };
 function Y2(t, e) {
-  return l(), s("svg", X2, e[0] || (e[0] = [
+  return l(), c("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",
@@ -1078,7 +1078,7 @@ var tt = {}, nt = {
   fill: "currentColor"
 };
 function ot(t, e) {
-  return l(), s("svg", nt, e[0] || (e[0] = [
+  return l(), c("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",
@@ -1095,7 +1095,7 @@ var rt = {}, at = {
   fill: "currentColor"
 };
 function st(t, e) {
-  return l(), s("svg", at, e[0] || (e[0] = [
+  return l(), c("svg", at, e[0] || (e[0] = [
     n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1113,7 +1113,7 @@ var ct = {}, ut = {
   fill: "none"
 };
 function dt(t, e) {
-  return l(), s("svg", ut, e[0] || (e[0] = [
+  return l(), c("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",
@@ -1137,7 +1137,7 @@ var vt = {}, mt = {
   fill: "none"
 };
 function pt(t, e) {
-  return l(), s("svg", mt, e[0] || (e[0] = [
+  return l(), c("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",
@@ -1155,7 +1155,7 @@ var _t = {}, ht = {
   viewBox: "0 0 24 24"
 };
 function gt(t, e) {
-  return l(), s("svg", ht, e[0] || (e[0] = [
+  return l(), c("svg", ht, e[0] || (e[0] = [
     n("path", { d: "M12,10h7L8,22l3-9H5L13,2Z" }, null, -1)
   ]));
 }
@@ -1167,7 +1167,7 @@ var bt = {}, xt = {
   viewBox: "0 0 491.7 491.7"
 };
 function Vt(t, e) {
-  return l(), s("svg", xt, e[0] || (e[0] = [
+  return l(), c("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
@@ -1177,15 +1177,15 @@ function Vt(t, e) {
 			h-20.5v-245.7h20.5V368.65z` }, null, -1)
   ]));
 }
-const $t = /* @__PURE__ */ g(bt, [["render", Vt]]);
-var kt = {}, wt = {
+const kt = /* @__PURE__ */ g(bt, [["render", Vt]]);
+var $t = {}, wt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
 function Mt(t, e) {
-  return l(), s("svg", wt, e[0] || (e[0] = [
+  return l(), c("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",
@@ -1195,14 +1195,14 @@ function Mt(t, e) {
     }, null, -1)
   ]));
 }
-const Ht = /* @__PURE__ */ g(kt, [["render", Mt]]);
+const Ht = /* @__PURE__ */ g($t, [["render", Mt]]);
 var Lt = {}, Zt = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function Bt(t, e) {
-  return l(), s("svg", Zt, e[0] || (e[0] = [
+function St(t, e) {
+  return l(), c("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"
@@ -1217,29 +1217,29 @@ function Bt(t, e) {
     }, null, -1)
   ]));
 }
-const St = /* @__PURE__ */ g(Lt, [["render", Bt]]);
+const Bt = /* @__PURE__ */ g(Lt, [["render", St]]);
 var It = {}, zt = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function At(t, e) {
-  return l(), s("svg", zt, e[0] || (e[0] = [
+function Ft(t, e) {
+  return l(), c("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 Ft = /* @__PURE__ */ g(It, [["render", At]]);
-var Tt = {}, jt = {
+const At = /* @__PURE__ */ g(It, [["render", Ft]]);
+var jt = {}, Tt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
 function Ot(t, e) {
-  return l(), s("svg", jt, e[0] || (e[0] = [
+  return l(), c("svg", Tt, 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",
@@ -1256,7 +1256,7 @@ function Ot(t, e) {
     }, null, -1)
   ]));
 }
-const Nt = /* @__PURE__ */ g(Tt, [["render", Ot]]);
+const Nt = /* @__PURE__ */ g(jt, [["render", Ot]]);
 var Et = {}, Dt = {
   fill: "currentColor",
   width: "24",
@@ -1264,7 +1264,7 @@ var Et = {}, Dt = {
   viewBox: "-2 0 15.998 15.998"
 };
 function Pt(t, e) {
-  return l(), s("svg", Dt, e[0] || (e[0] = [
+  return l(), c("svg", Dt, e[0] || (e[0] = [
     n("path", {
       id: "Path_81",
       "data-name": "Path 81",
@@ -1281,7 +1281,7 @@ var Gt = {}, Kt = {
   viewBox: "0 0 24 24"
 };
 function qt(t, e) {
-  return l(), s("svg", Kt, e[0] || (e[0] = [
+  return l(), c("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)
   ]));
 }
@@ -1289,22 +1289,22 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   __proto__: null,
   IconAir: Rt,
   IconBulb: Ut,
-  IconBurger: ke,
+  IconBurger: $e,
   IconCamera: Nt,
   IconChevron: N,
   IconClose: t1,
-  IconCold: Ft,
+  IconCold: At,
   IconDashboard: Le,
   IconDevice: Ie,
-  IconDots: Te,
-  IconDrop: St,
+  IconDots: je,
+  IconDrop: Bt,
   IconEyeClose: Ee,
   IconEyeOpen: Ge,
   IconFile: We,
   IconFolder: Ye,
   IconGarage: Ht,
-  IconGpio: j2,
-  IconHeater: $t,
+  IconGpio: T2,
+  IconHeater: kt,
   IconLight: yt,
   IconLock: Ct,
   IconLogo: a2,
@@ -1329,26 +1329,26 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
 }, Qt = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, 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({
+}, 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__ */ w({
   __name: "VCardGray",
   props: {
     title: { default: "Title" },
     loading: { type: Boolean }
   },
   setup(t) {
-    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 }])
+    return (e, s) => (l(), c("div", {
+      class: H(["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 ? (l(), s("div", Jt)) : L("", !0),
-      e.loading ? (l(), s("div", Qt)) : L("", !0),
+      e.loading ? (l(), c("div", Jt)) : L("", !0),
+      e.loading ? (l(), c("div", Qt)) : L("", !0),
       n("div", Xt, [
         n("h3", Yt, V(e.title), 1),
         n("div", null, [
-          b(e.$slots, "header")
+          x(e.$slots, "header")
         ])
       ]),
       n("div", e0, [
-        b(e.$slots, "default")
+        x(e.$slots, "default")
       ])
     ], 2));
   }
@@ -1358,7 +1358,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
 }, 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({
+}, o1 = /* @__PURE__ */ w({
   __name: "AppDialog",
   props: {
     value: { type: Boolean },
@@ -1370,20 +1370,20 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    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) => {
+    const s = e, o = I(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, r = M(() => [`${a?.[t.size] || ""}`]), i = (u) => {
       o.value = !1, setTimeout(() => {
-        i("close", u);
+        s("close", u);
       }, 300);
     }, f = (u) => {
-      t.callback && t.callback(), c(u);
+      t.callback && t.callback(), i(u);
     };
     return U(() => {
       setTimeout(() => {
         o.value = !0;
       }, 300);
     }), (u, d) => {
-      const m = x("icon-close"), C = x("v-button");
-      return l(), w(u1, { to: "body" }, [
+      const m = b("icon-close"), C = b("v-button");
+      return l(), $(d1, { to: "body" }, [
         p(Y, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -1392,49 +1392,49 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
-          default: h(() => [
-            o.value ? (l(), s("div", {
+          default: _(() => [
+            o.value ? (l(), c("div", {
               key: 0,
               class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
-              onWheel: d[0] || (d[0] = j(() => {
+              onWheel: d[0] || (d[0] = T(() => {
               }, ["stop"]))
             }, [
               n("div", {
                 class: "absolute h-full w-full top-0 left-0 bg-black/60",
-                onClick: c
+                onClick: i
               }),
               n("div", o0, [
                 n("div", {
-                  class: M(["m-auto w-full bg-white dark:bg-gray-900 shadow-lg flex flex-col rounded-lg z-30", r.value])
+                  class: H(["m-auto w-full bg-white dark:bg-gray-900 shadow-lg flex flex-col rounded-lg z-30", r.value])
                 }, [
                   n("div", l0, [
-                    b(u.$slots, "header", {}, () => [
+                    x(u.$slots, "header", {}, () => [
                       n("h4", null, V(u.title), 1)
                     ]),
                     p(C, {
                       type: "icon",
                       size: "",
-                      onClick: c
+                      onClick: i
                     }, {
-                      default: h(() => [
+                      default: _(() => [
                         p(m, { class: "h-5 w-5" })
                       ]),
                       _: 1
                     })
                   ]),
                   n("div", r0, [
-                    b(u.$slots, "default", {}, () => [
+                    x(u.$slots, "default", {}, () => [
                       n("div", { innerHTML: u.message }, null, 8, a0)
                     ])
                   ]),
-                  u.$slots.footer || u.callback ? (l(), s("div", s0, [
-                    b(u.$slots, "footer", {}, () => [
+                  u.$slots.footer || u.callback ? (l(), c("div", s0, [
+                    x(u.$slots, "footer", {}, () => [
                       p(C, {
                         color: "blue",
                         size: "small",
                         onClick: f
                       }, {
-                        default: h(() => [
+                        default: _(() => [
                           z(V(u.button), 1)
                         ]),
                         _: 1
@@ -1450,7 +1450,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), 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({
+}), 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" }, A = /* @__PURE__ */ w({
   __name: "CardBase",
   props: {
     id: {},
@@ -1470,7 +1470,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["edit"],
   setup(t, { emit: e }) {
-    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(() => ({
+    const s = I(!1), o = e, a = M(() => t.icon ? `icon-${t.icon}` : "icon-therm"), r = M(() => ["button", "switch"].includes(t.type || "") && t.value ? "text-amber-500" : "text-gray-400"), i = (m) => o("edit", m), f = () => s.value = !0, u = (m) => t.modifyValue?.(m) || m, d = M(() => ({
       value: t.value,
       name: t.name,
       min: t.min,
@@ -1480,48 +1480,48 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       icon: a.value
     }));
     return (m, C) => {
-      const y = x("icon-dots"), _ = x("v-button");
-      return l(), s("div", {
+      const y = b("icon-dots"), h = b("v-button");
+      return l(), c("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", i0, [
           n("div", {
-            class: M(r.value)
+            class: H(r.value)
           }, [
-            (l(), w(P(a.value), { class: "size-8" }))
+            (l(), $(P(a.value), { class: "size-8" }))
           ], 2),
-          b(m.$slots, "header", G(K(d.value)))
+          x(m.$slots, "header", G(K(d.value)))
         ]),
         n("div", null, [
           n("h6", c0, V(m.name), 1),
           n("div", u0, V(u(m.value)), 1)
         ]),
-        i.value ? (l(), w(n1, {
+        s.value ? (l(), $(o1, {
           key: 0,
           size: "sm",
           title: m.name,
-          onClose: C[0] || (C[0] = (Z) => i.value = !1)
+          onClose: C[0] || (C[0] = (Z) => s.value = !1)
         }, {
-          header: h(() => [
+          header: _(() => [
             n("div", d0, [
-              p(_, {
+              p(h, {
                 type: "icon",
                 size: "",
-                onClick: c
+                onClick: i
               }, {
-                default: h(() => [
+                default: _(() => [
                   p(y)
                 ]),
                 _: 1
               })
             ])
           ]),
-          default: h(() => [
+          default: _(() => [
             n("div", f0, [
               n("div", v0, [
                 n("h3", m0, V(m.name), 1),
-                b(m.$slots, "dialog", G(K(d.value))),
+                x(m.$slots, "dialog", G(K(d.value))),
                 n("p", p0, V(u(m.value)), 1)
               ])
             ])
@@ -1531,7 +1531,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), C0 = { class: "flex justify-end" }, _0 = { class: "flex justify-center py-4" }, h0 = /* @__PURE__ */ H({
+}), C0 = { class: "flex justify-end" }, _0 = { class: "flex justify-center py-4" }, h0 = /* @__PURE__ */ w({
   __name: "CardButton",
   props: {
     id: {},
@@ -1551,34 +1551,34 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    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(() => [
+    const s = e, o = t, a = (i) => s("click", i), r = () => s("setState", { ...o, value: !o.value });
+    return (i, f) => {
+      const u = b("icon-power"), d = b("v-button");
+      return l(), $(A, S(o, { onClick: a }), {
+        header: _(() => [
           n("div", C0, [
             p(d, {
               type: "icon",
               size: "sm",
               class: "text-gray-500",
-              onClick: j(r, ["stop"])
+              onClick: T(r, ["stop"])
             }, {
-              default: h(() => [
+              default: _(() => [
                 p(u, { class: "size-10" })
               ]),
               _: 1
             })
           ])
         ]),
-        dialog: h(() => [
+        dialog: _(() => [
           n("div", _0, [
             p(d, {
               type: "icon",
               size: "sm",
-              class: M(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
-              onClick: j(r, ["stop"])
+              class: H(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
+              onClick: T(r, ["stop"])
             }, {
-              default: h(() => [
+              default: _(() => [
                 p(u, { class: "size-16" })
               ]),
               _: 1
@@ -1589,7 +1589,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), g0 = { class: "flex justify-center relative mx-2 my-6" }, y0 = /* @__PURE__ */ H({
+}), g0 = { class: "flex justify-center relative mx-2 my-6" }, y0 = /* @__PURE__ */ w({
   __name: "CardDate",
   props: {
     id: {},
@@ -1609,14 +1609,14 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (f) => new Date(f * 1e3).toISOString().slice(0, 16), r = (f) => {
+    const s = 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);
+      console.log(u), u && s("setState", { ...o, value: u / 1e3 });
+    }, i = (f) => s("click", f);
     return (f, u) => {
-      const d = x("v-text-field");
-      return l(), w(T, I(o, { onClick: c }), {
-        dialog: h(({ value: m }) => [
+      const d = b("v-text-field");
+      return l(), $(A, S(o, { onClick: i }), {
+        dialog: _(({ value: m }) => [
           n("div", g0, [
             p(d, {
               modelValue: a(m),
@@ -1636,7 +1636,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, 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({
+}, V0 = ["stroke-dashoffset"], k0 = { class: "flex justify-center relative mx-2 my-6" }, $0 = { 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__ */ w({
   __name: "CardDimmer",
   props: {
     id: {},
@@ -1656,17 +1656,17 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    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 s = e, o = t, a = (u, d) => Math.round(100 * u / d), r = (u, d) => Math.round(187 - u / d * 187), i = (u) => s("click", u), f = (u) => {
       const d = +u?.target?.value || 0;
-      i("setState", { ...o, value: d });
+      s("setState", { ...o, value: d });
     };
-    return (u, d) => (l(), w(T, I(o, { onClick: c }), {
-      header: h(({ value: m, max: C }) => [
+    return (u, d) => (l(), $(A, S(o, { onClick: i }), {
+      header: _(({ value: m, max: C }) => [
         n("div", b0, [
           n("div", {
-            class: M(["", "text-blue-600 dark:text-blue-400"])
+            class: H(["", "text-blue-600 dark:text-blue-400"])
           }, [
-            (l(), s("svg", x0, [
+            (l(), c("svg", x0, [
               d[0] || (d[0] = n("circle", {
                 class: "stroke-gray-300 dark:stroke-gray-700",
                 r: "30",
@@ -1690,14 +1690,14 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
           ])
         ])
       ]),
-      dialog: h(({ min: m = 0, max: C = 255, value: y }) => [
-        n("div", $0, [
+      dialog: _(({ min: m = 0, max: C = 255, value: y }) => [
+        n("div", k0, [
           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",
             style: D(`width: ${a(y, C)}%`)
           }, null, 4),
-          n("div", k0, V(a(y, C)) + " %", 1),
+          n("div", $0, V(a(y, C)) + " %", 1),
           n("input", {
             type: "range",
             min: m,
@@ -1712,7 +1712,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       _: 1
     }, 16));
   }
-}), H0 = /* @__PURE__ */ H({
+}), H0 = /* @__PURE__ */ w({
   __name: "CardInfo",
   props: {
     id: {},
@@ -1732,15 +1732,15 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (r) => i("click", r);
-    return (r, c) => (l(), w(T, I(o, { onClick: a }), {
-      default: h(() => [
-        b(r.$slots, "dialog")
+    const s = e, o = t, a = (r) => s("click", r);
+    return (r, i) => (l(), $(A, S(o, { onClick: a }), {
+      default: _(() => [
+        x(r.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), L0 = { class: "flex justify-center relative mx-2 my-6" }, Z0 = /* @__PURE__ */ H({
+}), L0 = { class: "flex justify-center relative mx-2 my-6" }, Z0 = /* @__PURE__ */ w({
   __name: "CardInput",
   props: {
     id: {},
@@ -1760,14 +1760,14 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    const i = e, o = t, a = (c) => {
-      const f = c?.target?.value;
-      i("setState", { ...o, value: f });
-    }, 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 }) => [
+    const s = e, o = t, a = (i) => {
+      const f = i?.target?.value;
+      s("setState", { ...o, value: f });
+    }, r = (i) => s("click", i);
+    return (i, f) => {
+      const u = b("v-text-field");
+      return l(), $(A, S(o, { onClick: r }), {
+        dialog: _(({ value: d, name: m }) => [
           n("div", L0, [
             p(u, {
               modelValue: d,
@@ -1780,7 +1780,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), B0 = { class: "flex justify-center py-4" }, S0 = /* @__PURE__ */ H({
+}), S0 = { class: "flex justify-center py-4" }, B0 = /* @__PURE__ */ w({
   __name: "CardSwitch",
   props: {
     id: {},
@@ -1800,22 +1800,22 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["click", "setState"],
   setup(t, { emit: e }) {
-    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] = [
+    const s = e, o = t, a = (i) => s("click", i), r = () => s("setState", o);
+    return (i, f) => {
+      const u = b("icon-power"), d = b("v-button");
+      return l(), $(A, S(o, { onClick: a }), {
+        header: _(() => f[0] || (f[0] = [
           n("div", { class: "flex justify-end" }, null, -1)
         ])),
-        dialog: h(() => [
-          n("div", B0, [
+        dialog: _(() => [
+          n("div", S0, [
             p(d, {
               type: "icon",
               size: "sm",
-              class: M(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
-              onClick: j(r, ["stop"])
+              class: H(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
+              onClick: T(r, ["stop"])
             }, {
-              default: h(() => [
+              default: _(() => [
                 p(u, { class: "size-16" })
               ]),
               _: 1
@@ -1826,7 +1826,60 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       }, 16);
     };
   }
-}), 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({
+}), I0 = { class: "flex justify-end" }, z0 = { class: "flex justify-center py-4" }, F0 = /* @__PURE__ */ w({
+  __name: "CardList",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const s = e, o = t, a = (i) => s("click", i), r = ({ value: i }) => s("setState", { ...o, value: i });
+    return (i, f) => {
+      const u = b("icon-power"), d = b("v-button");
+      return l(), $(A, S(o, { onClick: a }), {
+        header: _(() => [
+          n("div", I0, [
+            p(d, {
+              type: "icon",
+              size: "sm",
+              class: "text-gray-500",
+              onClick: T(r, ["stop"])
+            }, {
+              default: _(() => [
+                p(u, { class: "size-10" })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        dialog: _(({ name: m, value: C, list: y }) => [
+          n("div", z0, [
+            p(n1, {
+              value: C,
+              label: m,
+              list: y,
+              onChange: r
+            }, null, 8, ["value", "label", "list"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), A0 = { class: "pt-6" }, j0 = { class: "grid grid-cols-1 gap-x-4" }, T0 = { class: "grid grid-cols-2 gap-x-4" }, O0 = { class: "grid grid-cols-2 gap-x-4" }, N0 = { class: "flex gap-2 items-center" }, E0 = { class: "grid grid-cols-2 gap-x-4" }, D0 = { class: "flex gap-4 justify-end" }, P0 = /* @__PURE__ */ w({
   __name: "BlockItemEdit",
   props: {
     item: {},
@@ -1834,7 +1887,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
   },
   emits: ["remove", "save", "select"],
   setup(t, { emit: e }) {
-    const i = e, o = S({ id: "", name: "", keyValue: "" }), a = [
+    const s = e, o = I({ id: "", name: "", keyValue: "" }), a = [
       { name: "Air", value: "air" },
       { name: "Bulb", value: "bulb" },
       { name: "Cold", value: "cold" },
@@ -1860,41 +1913,41 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       { name: "Switch", value: "switch" },
       { name: "Date", value: "date" },
       { name: "Input", value: "input" }
-    ], c = (y) => `icon-${y}`, f = k(() => o.value.type === "dimmer"), u = ({ value: y }) => {
+    ], i = (y) => `icon-${y}`, f = M(() => o.value.type === "dimmer"), u = ({ value: y }) => {
       o.value.icon = y;
     }, d = ({ value: y }) => {
       o.value.type = y;
     }, m = () => {
-      i("save", o.value);
+      s("save", o.value);
     }, C = () => {
-      i("remove", o.value);
+      s("remove", o.value);
     };
     return U(() => {
       console.log(t.item), o.value = { ...t.item };
-    }), (y, _) => {
-      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, [
+    }), (y, h) => {
+      const Z = b("v-text-field"), v = b("VSelect"), B = b("v-textarea"), E = b("v-button");
+      return l(), c("div", A0, [
+        n("div", j0, [
+          n("div", T0, [
             p(Z, {
               modelValue: o.value.id,
-              "onUpdate:modelValue": _[0] || (_[0] = ($) => o.value.id = $),
+              "onUpdate:modelValue": h[0] || (h[0] = (k) => o.value.id = k),
               label: "ID",
               disabled: !y.isNew,
-              onClick: _[1] || (_[1] = ($) => i("select", $))
+              onClick: h[1] || (h[1] = (k) => s("select", k))
             }, null, 8, ["modelValue", "disabled"]),
             p(Z, {
               modelValue: o.value.keyValue,
-              "onUpdate:modelValue": _[2] || (_[2] = ($) => o.value.keyValue = $),
+              "onUpdate:modelValue": h[2] || (h[2] = (k) => o.value.keyValue = k),
               label: "KeyValue"
             }, null, 8, ["modelValue"])
           ]),
           p(Z, {
             modelValue: o.value.name,
-            "onUpdate:modelValue": _[3] || (_[3] = ($) => o.value.name = $),
+            "onUpdate:modelValue": h[3] || (h[3] = (k) => o.value.name = k),
             label: "Name"
           }, null, 8, ["modelValue"]),
-          n("div", F0, [
+          n("div", O0, [
             p(v, {
               value: o.value.icon,
               class: "",
@@ -1902,10 +1955,10 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
               list: a,
               onChange: u
             }, {
-              default: h(({ item: $ }) => [
-                n("div", T0, [
-                  (l(), w(P(c($.value)), { class: "size-5" })),
-                  n("div", null, V($.name), 1)
+              default: _(({ item: k }) => [
+                n("div", N0, [
+                  (l(), $(P(i(k.value)), { class: "size-5" })),
+                  n("div", null, V(k.name), 1)
                 ])
               ]),
               _: 1
@@ -1918,45 +1971,45 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
               onChange: d
             }, null, 8, ["value"])
           ]),
-          n("div", j0, [
-            f.value ? (l(), w(Z, {
+          n("div", E0, [
+            f.value ? (l(), $(Z, {
               key: 0,
               modelValue: o.value.min,
-              "onUpdate:modelValue": _[4] || (_[4] = ($) => o.value.min = $),
+              "onUpdate:modelValue": h[4] || (h[4] = (k) => o.value.min = k),
               label: "Min"
             }, null, 8, ["modelValue"])) : L("", !0),
-            f.value ? (l(), w(Z, {
+            f.value ? (l(), $(Z, {
               key: 1,
               modelValue: o.value.max,
-              "onUpdate:modelValue": _[5] || (_[5] = ($) => o.value.max = $),
+              "onUpdate:modelValue": h[5] || (h[5] = (k) => o.value.max = k),
               label: "Max"
             }, null, 8, ["modelValue"])) : L("", !0)
           ]),
-          o.value.set ? (l(), w(B, {
+          o.value.set ? (l(), $(B, {
             key: 0,
             modelValue: o.value.set,
-            "onUpdate:modelValue": _[6] || (_[6] = ($) => o.value.set = $),
+            "onUpdate:modelValue": h[6] || (h[6] = (k) => o.value.set = k),
             label: "Set"
           }, null, 8, ["modelValue"])) : L("", !0),
           p(B, {
             modelValue: o.value.get,
-            "onUpdate:modelValue": _[7] || (_[7] = ($) => o.value.get = $),
+            "onUpdate:modelValue": h[7] || (h[7] = (k) => o.value.get = k),
             label: "Get"
           }, null, 8, ["modelValue"]),
           p(B, {
             modelValue: o.value.modifyValue,
-            "onUpdate:modelValue": _[8] || (_[8] = ($) => o.value.modifyValue = $),
+            "onUpdate:modelValue": h[8] || (h[8] = (k) => o.value.modifyValue = k),
             label: "ModifyValue"
           }, null, 8, ["modelValue"])
         ]),
-        n("div", O0, [
+        n("div", D0, [
           p(E, {
             class: "px-4",
             color: "red",
             outline: "",
             onClick: C
           }, {
-            default: h(() => _[9] || (_[9] = [
+            default: _(() => h[9] || (h[9] = [
               z("Remove")
             ])),
             _: 1
@@ -1966,7 +2019,7 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
             color: "blue",
             onClick: m
           }, {
-            default: h(() => _[10] || (_[10] = [
+            default: _(() => h[10] || (h[10] = [
               z("Save")
             ])),
             _: 1
@@ -1975,27 +2028,28 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), E0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), U0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BlockItemEdit: N0,
-  CardBase: T,
+  BlockItemEdit: P0,
+  CardBase: A,
   CardButton: h0,
   CardDate: y0,
   CardDimmer: M0,
   CardInfo: H0,
   CardInput: Z0,
-  CardSwitch: S0
-}, 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({
+  CardList: F0,
+  CardSwitch: B0
+}, Symbol.toStringTag, { value: "Module" })), G0 = { 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" }, K0 = { class: "px-4 py-4 sm:px-6 lg:px-8" }, q0 = { class: "container mx-auto flex flex-auto items-center" }, R0 = { class: "lg:hidden h-[30px] me-10" }, W0 = { class: "flex gap-4" }, J0 = { class: "md:hidden flex gap-4" }, Q0 = { class: "ms-2" }, X0 = /* @__PURE__ */ w({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function }
   },
   emits: ["sidebar"],
   setup(t, { emit: e }) {
-    const i = e, o = S(!1), a = S(!1), r = k(() => [
+    const s = e, o = I(!1), a = I(!1), r = M(() => [
       { name: "Theme", icon: "icon-theme" },
       { name: "Logout", icon: "icon-logout" }
-    ]), c = (m) => i("sidebar", m), f = async () => await fetch("/", {
+    ]), i = (m) => s("sidebar", m), f = async () => await fetch("/", {
       method: "get",
       headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" }
     }), u = () => {
@@ -2004,54 +2058,54 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       m == "Logout" && f(), m == "Theme" && u();
     };
     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(_, {
+      const y = b("icon-burger"), h = b("v-button"), Z = b("icon-logo"), v = b("router-link"), B = b("IconTheme"), E = b("icon-noti"), k = b("icon-logout"), l1 = b("icon-dots"), r1 = b("v-list"), a1 = b("v-dropdown");
+      return l(), c("header", G0, [
+        n("div", K0, [
+          n("div", q0, [
+            p(h, {
               type: "icon",
               color: "gray",
               class: "me-6",
-              onClick: c
+              onClick: i
             }, {
-              default: h(() => [
+              default: _(() => [
                 p(y, { class: "h-5 w-5" })
               ]),
               _: 1
             }),
             C[2] || (C[2] = n("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            n("div", G0, [
+            n("div", R0, [
               p(v, { to: "/" }, {
-                default: h(() => [
+                default: _(() => [
                   p(Z, { class: "h-[30px]" })
                 ]),
                 _: 1
               })
             ]),
             C[3] || (C[3] = n("div", { class: "flex-auto" }, null, -1)),
-            n("div", K0, [
-              p(_, {
+            n("div", W0, [
+              p(h, {
                 type: "icon",
                 color: "gray",
                 class: "hidden md:flex",
                 onClick: u
               }, {
-                default: h(() => [
+                default: _(() => [
                   p(B)
                 ]),
                 _: 1
               }),
-              p(_, {
+              p(h, {
                 type: "icon",
                 color: "gray",
                 class: "hidden md:flex",
-                onClick: C[0] || (C[0] = j((O) => {
+                onClick: C[0] || (C[0] = T((O) => {
                   o.value = !o.value, a.value = !1;
                 }, ["prevent"]))
               }, {
-                default: h(() => [
+                default: _(() => [
                   n("span", {
-                    class: M([a.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400 flex"])
+                    class: H([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),
@@ -2059,45 +2113,45 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
                 ]),
                 _: 1
               }),
-              p(_, {
+              p(h, {
                 type: "icon",
                 color: "gray",
                 class: "hidden md:flex",
-                onClick: j(f, ["prevent"])
+                onClick: T(f, ["prevent"])
               }, {
-                default: h(() => [
-                  p($, { class: "h-5 w-5" })
+                default: _(() => [
+                  p(k, { class: "h-5 w-5" })
                 ]),
                 _: 1
               })
             ]),
-            n("div", q0, [
-              p(r1, {
+            n("div", J0, [
+              p(a1, {
                 left: "unset",
                 right: "0",
                 top: "0"
               }, {
-                activator: h(({ on: O }) => [
-                  p(_, {
+                activator: _(({ on: O }) => [
+                  p(h, {
                     type: "icon",
                     color: "gray",
                     class: "flex",
-                    onClick: (o5) => O.click()
+                    onClick: (a5) => O.click()
                   }, {
-                    default: h(() => [
-                      p(o1)
+                    default: _(() => [
+                      p(l1)
                     ]),
                     _: 2
                   }, 1032, ["onClick"])
                 ]),
-                default: h(() => [
-                  p(l1, {
+                default: _(() => [
+                  p(r1, {
                     list: r.value,
                     onClick: d
                   }, {
-                    default: h(({ item: O }) => [
-                      (l(), w(P(O.icon))),
-                      n("span", R0, V(O.name), 1)
+                    default: _(({ item: O }) => [
+                      (l(), $(P(O.icon))),
+                      n("span", Q0, V(O.name), 1)
                     ]),
                     _: 1
                   }, 8, ["list"])
@@ -2110,28 +2164,28 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
       ]);
     };
   }
-}), J0 = /* @__PURE__ */ H({
+}), Y0 = /* @__PURE__ */ w({
   __name: "AppNotification",
   props: {
     notifications: { default: () => [] }
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    const i = e;
+    const s = e;
     return (o, a) => {
-      const r = x("v-notification");
-      return l(), s("div", null, [
-        p(d1, {
+      const r = b("v-notification");
+      return l(), c("div", null, [
+        p(f1, {
           name: "list",
           tag: "ul",
           class: "flex flex-col gap-2"
         }, {
-          default: h(() => [
-            (l(!0), s(A, null, F(o.notifications, (c) => (l(), w(r, I({
-              key: c.id,
+          default: _(() => [
+            (l(!0), c(F, null, j(o.notifications, (i) => (l(), $(r, S({
+              key: i.id,
               ref_for: !0
-            }, c, {
-              onClose: (f) => i("close", c)
+            }, i, {
+              onClose: (f) => s("close", i)
             }), null, 16, ["onClose"]))), 128))
           ]),
           _: 1
@@ -2140,28 +2194,28 @@ const Rt = /* @__PURE__ */ g(Gt, [["render", qt]]), Wt = /* @__PURE__ */ Object.
     };
   }
 });
-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, [
+var e5 = {}, t5 = { class: "fixed h-full w-full top-0 left-0 z-20" }, n5 = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function o5(t, e) {
+  return l(), c("div", t5, [
     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", Y0, [
-      b(t.$slots, "default")
+    n("div", n5, [
+      x(t.$slots, "default")
     ])
   ]);
 }
-const t5 = /* @__PURE__ */ g(Q0, [["render", e5]]), n5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const l5 = /* @__PURE__ */ g(e5, [["render", o5]]), r5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AppDialog: n1,
-  AppHeader: W0,
-  AppNotification: J0,
-  AppOverlay: t5
-}, Symbol.toStringTag, { value: "Module" })), Q = { ...Wt, ...be, ...n0, ...E0, ...n5 }, r5 = {
+  AppDialog: o1,
+  AppHeader: X0,
+  AppNotification: Y0,
+  AppOverlay: l5
+}, Symbol.toStringTag, { value: "Module" })), Q = { ...Wt, ...be, ...n0, ...U0, ...r5 }, i5 = {
   install: (t) => {
     Object.keys(Q).forEach((e) => {
       t.component(e, Q[e]);
-    }), v1.forEach(({ name: e, directive: i }) => t.directive(e, i));
+    }), m1.forEach(({ name: e, directive: s }) => t.directive(e, s));
   }
 };
 export {
-  r5 as default
+  i5 as default
 };