vuesp-components 0.1.25 → 0.2.1

package/dist/vuesp-components.es.js

@@ -1,18 +1,18 @@
-import { ref as L, computed as b, createElementBlock as a, openBlock as n, createElementVNode as r, createCommentVNode as V, normalizeClass as m, toDisplayString as g, mergeProps as z, withKeys as D, renderSlot as p, createTextVNode as w, resolveDirective as J, withDirectives as U, createVNode as k, Transition as W, withCtx as x, normalizeStyle as E, defineComponent as M, Fragment as H, renderList as S, createBlock as I, resolveDynamicComponent as Q, unref as R, onMounted as P, normalizeProps as X, guardReactiveProps as Y, createStaticVNode as G } from "vue";
-const e1 = {
+import { ref as B, computed as M, createElementBlock as s, openBlock as r, createElementVNode as n, createCommentVNode as L, normalizeClass as w, toDisplayString as V, mergeProps as I, withKeys as X, renderSlot as b, createTextVNode as z, resolveDirective as a1, withDirectives as s1, createVNode as p, Transition as Y, withCtx as h, normalizeStyle as D, defineComponent as H, Fragment as A, renderList as F, createBlock as $, resolveDynamicComponent as P, unref as i1, onMounted as U, normalizeProps as G, guardReactiveProps as K, createStaticVNode as c1, resolveComponent as x, Teleport as u1, withModifiers as j, TransitionGroup as d1 } from "vue";
+const f1 = {
   mounted(t, e) {
-    t.clickOutsideEvent = function(s) {
-      t === s.target || t.contains(s.target) || e.value(s, t);
+    t.clickOutsideEvent = function(i) {
+      t === i.target || t.contains(i.target) || e.value(i, t);
     }, document.addEventListener("click", t.clickOutsideEvent);
   },
   unmounted(t) {
     document.removeEventListener("click", t.clickOutsideEvent), delete t.clickOutsideEvent;
   }
-}, t1 = [{ name: "outside", directive: e1 }];
-var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 = ["disabled"], o1 = {
+}, v1 = [{ name: "outside", directive: f1 }];
+var m1 = { class: "w-full relative" }, p1 = ["value", "disabled", "type"], C1 = ["disabled"], _1 = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, l1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", j = {
+}, 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 = {
   __name: "VTextField",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -28,69 +28,69 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var s = e.emit, o = t, l = s, i = L(!1), u = b(function() {
+    var i = e.emit, o = t, a = i, l = B(!1), u = 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"
       ];
-    }), v = function(c) {
-      return c || c === 0;
-    }, C = b(function() {
-      return [l1, i.value || v(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), d = function(c) {
-      var B = c.target;
-      l("update:modelValue", B.value);
-    }, h = function(c) {
-      i.value = !1, l("blur", c);
-    }, _ = function(c) {
-      return l("enter", c);
+    }), f = function(m) {
+      return m || m === 0;
+    }, c = M(function() {
+      return [h1, l.value || f(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), d = function(m) {
+      var S = m.target;
+      a("update:modelValue", S.value);
+    }, v = function(m) {
+      l.value = !1, a("blur", m);
+    }, C = function(m) {
+      return a("enter", m);
     }, y = function() {
-      return i.value = !0;
-    }, $ = function(c) {
-      return l("click", c);
-    }, Z = function(c) {
-      o.disabled || l("on-icon", c);
+      return l.value = !0;
+    }, _ = function(m) {
+      return a("click", m);
+    }, Z = function(m) {
+      o.disabled || a("on-icon", m);
     };
-    return function(c, B) {
-      return n(), a("div", r1, [
-        r("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", u.value])
+    return function(m, S) {
+      return r(), s("div", m1, [
+        n("label", {
+          class: w(["relative w-full h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", u.value])
         }, [
-          r("span", {
-            class: m(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", C.value])
-          }, g(t.label), 3),
-          r("input", z(c.$attrs, {
+          n("span", {
+            class: w(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
+          }, V(t.label), 3),
+          n("input", I(m.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
             class: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
             onFocus: y,
-            onBlur: h,
+            onBlur: v,
             onInput: d,
-            onClick: $,
-            onKeypress: D(_, ["enter"])
-          }), null, 16, n1),
-          c.$slots.icon ? (n(), a("button", {
+            onClick: _,
+            onKeypress: X(C, ["enter"])
+          }), null, 16, p1),
+          m.$slots.icon ? (r(), s("button", {
             key: 0,
             disabled: t.disabled,
             style: { flex: "0 0 50px" },
             class: "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50",
             onClick: Z
           }, [
-            p(c.$slots, "icon")
-          ], 8, a1)) : V("", !0)
+            b(m.$slots, "icon")
+          ], 8, C1)) : L("", !0)
         ], 2),
-        t.hideMessage ? V("", !0) : (n(), a("div", o1, [
-          p(c.$slots, "message", {}, function() {
+        t.hideMessage ? L("", !0) : (r(), s("div", _1, [
+          b(m.$slots, "message", {}, function() {
             return [
-              w(g(t.message), 1)
+              z(V(t.message), 1)
             ];
           })
         ]))
       ]);
     };
   }
-}, i1 = { class: "relative" }, s1 = { class: "flex items-center cursor-pointer" }, O = {
+}, g1 = { class: "relative" }, y1 = { class: "flex items-center cursor-pointer" }, W = {
   __name: "VDropdown",
   props: {
     top: { type: String, default: "calc(100% + 5px)" },
@@ -101,27 +101,27 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
   },
   emits: ["click", "show", "close"],
   setup: function(t, e) {
-    var s = e.emit, o = t, l = s, i = L(!1), u = b(function() {
+    var i = e.emit, o = t, a = i, l = B(!1), u = M(function() {
       return { top: o.top, left: o.left, right: o.right, "max-height": o.height };
-    }), v = function() {
-      i.value && h();
-    }, C = function() {
-      i.value ? o.hideOnClick && h() : d(), l("click", i.value);
-    }, d = function(_) {
-      i.value = !0, l("show", _);
-    }, h = function(_) {
-      i.value = !1, l("close", _);
+    }), f = function() {
+      l.value && v();
+    }, c = function() {
+      l.value ? o.hideOnClick && v() : d(), a("click", l.value);
+    }, d = function(C) {
+      l.value = !0, a("show", C);
+    }, v = function(C) {
+      l.value = !1, a("close", C);
     };
-    return function(_, y) {
-      var $ = J("outside");
-      return U((n(), a("div", i1, [
-        r("div", s1, [
-          p(_.$slots, "activator", {
-            on: { click: C },
-            show: i.value
+    return function(C, y) {
+      var _ = a1("outside");
+      return s1((r(), s("div", g1, [
+        n("div", y1, [
+          b(C.$slots, "activator", {
+            on: { click: c },
+            show: l.value
           })
         ]),
-        k(W, {
+        p(Y, {
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -129,72 +129,72 @@ var r1 = { class: "w-full relative" }, n1 = ["value", "disabled", "type"], a1 =
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
-          default: x(function() {
+          default: h(function() {
             return [
-              i.value ? (n(), a("div", {
+              l.value ? (r(), s("div", {
                 key: 0,
                 class: "z-10 min-w-full absolute overflow-auto shadow-lg",
-                style: E(u.value),
-                onClick: C
+                style: D(u.value),
+                onClick: c
               }, [
-                p(_.$slots, "default", {
+                b(C.$slots, "default", {
                   show: d,
-                  hide: h,
-                  isShown: i.value
+                  hide: v,
+                  isShown: l.value
                 })
-              ], 4)) : V("", !0)
+              ], 4)) : L("", !0)
             ];
           }),
           _: 3
         })
       ])), [
-        [$, v]
+        [_, f]
       ]);
     };
   }
 };
-const c1 = { class: "bg-white dark:bg-gray-800" }, u1 = ["onClick"], N = /* @__PURE__ */ M({
+const b1 = { class: "bg-white dark:bg-gray-800" }, x1 = ["onClick"], J = /* @__PURE__ */ H({
   __name: "VList",
   props: {
     list: { default: () => [] }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const s = e, o = (l) => s("click", l);
-    return (l, i) => (n(), a("ul", c1, [
-      (n(!0), a(H, null, S(l.list, (u, v) => (n(), a("li", {
-        key: "list_" + v,
+    const i = e, o = (a) => i("click", a);
+    return (a, l) => (r(), s("ul", b1, [
+      (r(!0), s(A, null, F(a.list, (u, f) => (r(), s("li", {
+        key: "list_" + f,
         class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] py-1 px-4 border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",
-        onClick: (C) => o(u)
+        onClick: (c) => o(u)
       }, [
-        p(l.$slots, "default", { item: u }, () => [
-          w(g(u.name), 1)
+        b(a.$slots, "default", { item: u }, () => [
+          z(V(u.name), 1)
         ])
-      ], 8, u1))), 128))
+      ], 8, x1))), 128))
     ]));
   }
-}), f = (t, e) => {
-  const s = t.__vccOpts || t;
-  for (const [o, l] of e)
-    s[o] = l;
-  return s;
+}), g = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [o, a] of e)
+    i[o] = a;
+  return i;
 };
-var d1 = {}, f1 = {
+var V1 = {}, k1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function C1(t, e) {
-  return n(), a("svg", f1, e[0] || (e[0] = [
-    r("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }, null, -1)
+function $1(t, e) {
+  return r(), s("svg", k1, 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 F = /* @__PURE__ */ f(d1, [["render", C1]]);
-var v1 = {
+const N = /* @__PURE__ */ g(V1, [["render", $1]]);
+var w1 = {
   key: 0,
   class: "p-4 py-2"
-}, h1 = {
+}, M1 = {
   __name: "VAutocomplete",
   props: {
     value: { type: String, default: "" },
@@ -206,42 +206,42 @@ var v1 = {
   },
   emits: ["change"],
   setup: function(t) {
-    var e = t, s = L(""), o = b(function() {
+    var e = t, i = B(""), o = M(function() {
       return e.value;
-    }), l = b(function() {
+    }), a = M(function() {
       var d = e?.list || [];
-      return d.filter(function(h) {
-        return s.value ? h[e.valueName].toLowerCase().includes(s.value.toLowerCase()) : !0;
+      return d.filter(function(v) {
+        return i.value ? v[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
       });
-    }), i = b(function() {
+    }), l = M(function() {
       return e.placeholder;
-    }), u = b(function() {
+    }), u = M(function() {
       var d;
-      return !(!((d = l?.value) === null || d === void 0) && d.length);
-    }), v = function(d) {
-      return s.value = d.target.value;
-    }, C = function(d) {
+      return !(!((d = a?.value) === null || d === void 0) && d.length);
+    }), f = function(d) {
+      return i.value = d.target.value;
+    }, c = function(d) {
       return { "rotate-x-180": d };
     };
-    return function(d, h) {
-      return n(), I(O, z(d.$attrs, { top: "50px" }), {
-        activator: x(function(_) {
-          var y = _.show, $ = _.on;
+    return function(d, v) {
+      return r(), $(W, I(d.$attrs, { top: "50px" }), {
+        activator: h(function(C) {
+          var y = C.show, _ = C.on;
           return [
-            k(j, {
-              value: y ? s.value : o.value,
-              placeholder: y ? "Search" : i.value,
-              onClick: $.click,
-              onInput: v,
-              onOnIcon: $.click,
-              onFocus: h[0] || (h[0] = function(Z) {
-                return s.value = "";
+            p(R, {
+              value: y ? i.value : o.value,
+              placeholder: y ? "Search" : l.value,
+              onClick: _.click,
+              onInput: f,
+              onOnIcon: _.click,
+              onFocus: v[0] || (v[0] = function(Z) {
+                return i.value = "";
               })
             }, {
-              icon: x(function() {
+              icon: h(function() {
                 return [
-                  k(F, {
-                    class: m(["transition", C(y)])
+                  p(N, {
+                    class: w(["transition", c(y)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -249,21 +249,21 @@ var v1 = {
             }, 1032, ["value", "placeholder", "onClick", "onOnIcon"])
           ];
         }),
-        default: x(function() {
+        default: h(function() {
           return [
-            r("div", null, [
-              k(N, {
-                list: l.value,
-                onClick: h[1] || (h[1] = function(_) {
-                  return d.$emit("change", _);
+            n("div", null, [
+              p(J, {
+                list: a.value,
+                onClick: v[1] || (v[1] = function(C) {
+                  return d.$emit("change", C);
                 })
               }, {
-                default: x(function(_) {
-                  var y = _.item;
+                default: h(function(C) {
+                  var y = C.item;
                   return [
-                    p(d.$slots, "default", { item: y }, function() {
+                    b(d.$slots, "default", { item: y }, function() {
                       return [
-                        w(g(y[t.valueName]), 1)
+                        z(V(y[t.valueName]), 1)
                       ];
                     })
                   ];
@@ -271,7 +271,7 @@ var v1 = {
                 _: 3
               }, 8, ["list"])
             ]),
-            u.value ? (n(), a("div", v1, "Not found")) : V("", !0)
+            u.value ? (r(), s("div", w1, "Not found")) : L("", !0)
           ];
         }),
         _: 3
@@ -279,38 +279,38 @@ var v1 = {
     };
   }
 };
-const _1 = { class: "flex items-center gap-1.5" }, p1 = /* @__PURE__ */ M({
+const H1 = { class: "flex items-center gap-1.5" }, L1 = /* @__PURE__ */ H({
   __name: "VBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    return (s, o) => (n(), a("nav", null, [
-      r("ol", _1, [
-        (n(!0), a(H, null, S(s.items, (l, i) => (n(), a("li", {
-          key: i,
-          class: m(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", l.path ? "" : "text-gray-800 dark:text-white/90"])
+    return (i, o) => (r(), s("nav", null, [
+      n("ol", H1, [
+        (r(!0), s(A, null, F(i.items, (a, l) => (r(), s("li", {
+          key: l,
+          class: w(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", a.path ? "" : "text-gray-800 dark:text-white/90"])
         }, [
-          p(s.$slots, "default", { item: l }, () => [
-            (n(), I(Q(l.path ? "a" : "span"), {
-              href: l.path
+          b(i.$slots, "default", { item: a }, () => [
+            (r(), $(P(a.path ? "a" : "span"), {
+              href: a.path
             }, {
-              default: x(() => [
-                w(g(l.name), 1)
+              default: h(() => [
+                z(V(a.name), 1)
               ]),
               _: 2
             }, 1032, ["href"]))
           ]),
-          l.path ? (n(), I(F, {
+          a.path ? (r(), $(N, {
             key: 0,
             class: "rotate-270"
-          })) : V("", !0)
+          })) : L("", !0)
         ], 2))), 128))
       ])
     ]));
   }
-}), g1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", m1 = /* @__PURE__ */ M({
+}), Z1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", S1 = /* @__PURE__ */ H({
   __name: "VButton",
   props: {
     block: { type: Boolean },
@@ -322,34 +322,34 @@ const _1 = { class: "flex items-center gap-1.5" }, p1 = /* @__PURE__ */ M({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const s = e, o = (c) => s("click", c), l = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", i = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", u = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", v = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", C = { green: l, red: i, gray: u, blue: v }, d = {
+    const i = e, o = (m) => i("click", m), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", l = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", u = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: l, gray: u, blue: f }, d = {
       button: "px-4",
       icon: "h-10 w-10 rounded-full border border-gray-200 dark:border-gray-800"
-    }, h = { normal: "h-10", small: "h-8" }, _ = (c) => h?.[c] || "", y = (c) => d?.[c] || "", $ = (c) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${C?.[c] || ""}`, Z = b(() => [g1, $(t.color), y(t.type), _(t.size), { "w-full": t.block }]);
-    return (c, B) => (n(), a("button", {
-      class: m(Z.value),
+    }, v = { normal: "h-10", small: "h-8" }, C = (m) => v?.[m] || "", y = (m) => d?.[m] || "", _ = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${c?.[m] || ""}`, Z = M(() => [Z1, _(t.color), y(t.type), C(t.size), { "w-full": t.block }]);
+    return (m, S) => (r(), s("button", {
+      class: w(Z.value),
       onClick: o
     }, [
-      r("span", {
-        class: m(c.loading ? "opacity-0" : "")
+      n("span", {
+        class: w(m.loading ? "opacity-0" : "")
       }, [
-        p(c.$slots, "default")
+        b(m.$slots, "default")
       ], 2),
-      c.loading ? (n(), I(R(q), {
+      m.loading ? (r(), $(i1(e1), {
         key: 0,
         class: "absolute left-1/2 -translate-x-1/2"
-      })) : V("", !0)
+      })) : L("", !0)
     ], 2));
   }
 });
-var y1 = {}, b1 = {
+var B1 = {}, I1 = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function V1(t, e) {
-  return n(), a("svg", b1, e[0] || (e[0] = [
-    r("circle", {
+function z1(t, e) {
+  return r(), s("svg", I1, e[0] || (e[0] = [
+    n("circle", {
       class: "opacity-25",
       cx: "12",
       cy: "12",
@@ -357,14 +357,14 @@ function V1(t, e) {
       stroke: "currentColor",
       "stroke-width": "2"
     }, null, -1),
-    r("path", {
+    n("path", {
       class: "opacity-75",
       fill: "currentColor",
       d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
     }, null, -1)
   ]));
 }
-const q = /* @__PURE__ */ f(y1, [["render", V1]]), $1 = ["checked", "disabled"], x1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, k1 = /* @__PURE__ */ M({
+const e1 = /* @__PURE__ */ g(B1, [["render", z1]]), A1 = ["checked", "disabled"], F1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, T1 = /* @__PURE__ */ H({
   __name: "VCheckbox",
   props: {
     modelValue: { default: "" },
@@ -372,109 +372,109 @@ const q = /* @__PURE__ */ f(y1, [["render", V1]]), $1 = ["checked", "disabled"],
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const s = e, o = ({ target: l }) => s("update:modelValue", l.checked);
-    return (l, i) => (n(), a("label", {
-      class: m(["inline-flex items-center relative", { "cursor-pointer": !l.disabled }])
+    const i = e, o = ({ target: a }) => i("update:modelValue", a.checked);
+    return (a, l) => (r(), s("label", {
+      class: w(["inline-flex items-center relative", { "cursor-pointer": !a.disabled }])
     }, [
-      r("input", {
+      n("input", {
         type: "checkbox",
-        checked: l.modelValue,
-        disabled: l.disabled,
+        checked: a.modelValue,
+        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, $1),
-      i[0] || (i[0] = r("span", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
-        r("svg", {
+      }, null, 40, A1),
+      l[0] || (l[0] = n("span", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
+        n("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
           fill: "currentColor",
           stroke: "currentColor",
           "stroke-width": "1"
         }, [
-          r("path", {
+          n("path", {
             "fill-rule": "evenodd",
             d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
             "clip-rule": "evenodd"
           })
         ])
       ], -1)),
-      r("span", x1, [
-        p(l.$slots, "default")
+      n("span", F1, [
+        b(a.$slots, "default")
       ])
     ], 2));
   }
 });
-var w1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, M1 = { class: "p-4" }, H1 = {
+var j1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, O1 = { class: "p-4" }, N1 = {
   __name: "VExpansion",
   props: {
     label: { type: String, default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup: function(t) {
-    var e = t, s = L(null), o = L(e.value), l = function() {
-      var u = s.value.querySelector(".v-expansion__content");
+    var e = t, i = B(null), o = B(e.value), a = function() {
+      var u = i.value.querySelector(".v-expansion__content");
       u.style.maxHeight = o.value ? "".concat(u.scrollHeight, "px") : "0";
-    }, i = function() {
-      o.value = !o.value, l();
+    }, l = function() {
+      o.value = !o.value, a();
     };
-    return P(function() {
-      l();
-    }), function(u, v) {
-      return n(), a("div", {
+    return U(function() {
+      a();
+    }), function(u, f) {
+      return r(), s("div", {
         ref_key: "root",
-        ref: s,
+        ref: i,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
-        r("div", {
+        n("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
-          onClick: i
+          onClick: l
         }, [
-          r("h4", null, g(t.label), 1),
-          r("div", {
-            class: m(["transition text-gray-400", { "rotate-180": o.value }])
+          n("h4", null, V(t.label), 1),
+          n("div", {
+            class: w(["transition text-gray-400", { "rotate-180": o.value }])
           }, [
-            k(F)
+            p(N)
           ], 2)
         ]),
-        r("div", w1, [
-          r("div", M1, [
-            p(u.$slots, "default")
+        n("div", j1, [
+          n("div", O1, [
+            b(u.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-}, A = function() {
-  return A = Object.assign || function(e) {
-    for (var s, o = 1, l = arguments.length; o < l; o++) {
-      s = arguments[o];
-      for (var i in s) Object.prototype.hasOwnProperty.call(s, i) && (e[i] = s[i]);
+}, q = function() {
+  return q = Object.assign || function(e) {
+    for (var i, o = 1, a = arguments.length; o < a; o++) {
+      i = arguments[o];
+      for (var l in i) Object.prototype.hasOwnProperty.call(i, l) && (e[l] = i[l]);
     }
     return e;
-  }, A.apply(this, arguments);
+  }, q.apply(this, arguments);
 };
-var L1 = {}, Z1 = {
+var E1 = {}, D1 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function B1(t, e) {
-  return n(), a("svg", Z1, e[0] || (e[0] = [
-    r("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" }, null, -1)
+function P1(t, e) {
+  return r(), s("svg", D1, 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 K = /* @__PURE__ */ f(L1, [["render", B1]]);
-var S1 = {
+const t1 = /* @__PURE__ */ g(E1, [["render", P1]]);
+var U1 = {
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
-}, I1 = { class: "flex items-center gap-4 text-sm" }, z1 = { class: "flex-auto" }, F1 = {
+}, G1 = { class: "flex items-center gap-4 text-sm" }, K1 = { class: "flex-auto" }, q1 = {
   key: 0,
   class: "text-green-600"
-}, A1 = {
+}, R1 = {
   key: 0,
   class: "w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2"
-}, E1 = {
+}, W1 = {
   __name: "VNotification",
   props: {
     text: { type: String, default: "" },
@@ -493,42 +493,42 @@ var S1 = {
   },
   emits: ["close"],
   setup: function(t, e) {
-    var s = e.emit, o = t, l = s, i = b(function() {
+    var i = e.emit, o = t, a = i, l = M(function() {
       return o.status ? Math.ceil(o.size * 100 / o.length) : 100;
-    }), u = b(function() {
+    }), u = M(function() {
       return !!o.length;
-    }), v = b(function() {
-      return !!(u.value && i.value === 100 && !o.status);
+    }), f = M(function() {
+      return !!(u.value && l.value === 100 && !o.status);
     });
-    return P(function() {
-      var C = o.timeout;
-      C && setTimeout(function() {
-        l("close", A({}, o));
-      }, C * 1e3);
-    }), function(C, d) {
-      return n(), a("div", S1, [
-        r("div", I1, [
-          r("div", z1, g(t.text), 1),
-          v.value ? (n(), a("span", F1, "Done")) : V("", !0),
-          r("button", {
+    return U(function() {
+      var c = o.timeout;
+      c && setTimeout(function() {
+        a("close", q({}, o));
+      }, c * 1e3);
+    }), function(c, d) {
+      return r(), s("div", U1, [
+        n("div", G1, [
+          n("div", K1, V(t.text), 1),
+          f.value ? (r(), s("span", q1, "Done")) : L("", !0),
+          n("button", {
             class: "transition text-gray-400 self-start hover:text-gray-600",
-            onClick: d[0] || (d[0] = function(h) {
-              return l("close", C.item);
+            onClick: d[0] || (d[0] = function(v) {
+              return a("close", c.item);
             })
           }, [
-            k(K, { class: "h-4 w-4" })
+            p(t1, { class: "h-4 w-4" })
           ])
         ]),
-        u.value ? (n(), a("div", A1, [
-          r("div", {
+        u.value ? (r(), s("div", R1, [
+          n("div", {
             class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
-            style: E("width: ".concat(i.value, "%"))
-          }, g(i.value) + "%", 5)
-        ])) : V("", !0)
+            style: D("width: ".concat(l.value, "%"))
+          }, V(l.value) + "%", 5)
+        ])) : L("", !0)
       ]);
     };
   }
-}, j1 = {
+}, J1 = {
   __name: "VSelect",
   props: {
     value: { type: String, default: "" },
@@ -540,17 +540,17 @@ var S1 = {
   },
   emits: ["change"],
   setup: function(t, e) {
-    var s = e.emit, o = s, l = function(u) {
+    var i = e.emit, o = i, a = function(u) {
       return o("change", u);
-    }, i = function(u) {
+    }, l = function(u) {
       return { "rotate-x-180": u };
     };
-    return function(u, v) {
-      return n(), I(O, z({ class: "relative w-full" }, u.$attrs, { top: "50px" }), {
-        activator: x(function(C) {
-          var d = C.on, h = C.show;
+    return function(u, f) {
+      return r(), $(W, I({ class: "relative w-full" }, u.$attrs, { top: "50px" }), {
+        activator: h(function(c) {
+          var d = c.on, v = c.show;
           return [
-            k(j, {
+            p(R, {
               "model-value": t.value,
               readonly: "",
               active: "",
@@ -558,10 +558,10 @@ var S1 = {
               onClick: d.click,
               onOnIcon: d.click
             }, {
-              icon: x(function() {
+              icon: h(function() {
                 return [
-                  k(F, {
-                    class: m(["transition", i(h)])
+                  p(N, {
+                    class: w(["transition", l(v)])
                   }, null, 8, ["class"])
                 ];
               }),
@@ -569,18 +569,18 @@ var S1 = {
             }, 1032, ["model-value", "label", "onClick", "onOnIcon"])
           ];
         }),
-        default: x(function() {
+        default: h(function() {
           return [
-            k(N, {
+            p(J, {
               list: t.list,
-              onClick: l
+              onClick: a
             }, {
-              default: x(function(C) {
-                var d = C.item;
+              default: h(function(c) {
+                var d = c.item;
                 return [
-                  p(u.$slots, "default", { item: d }, function() {
+                  b(u.$slots, "default", { item: d }, function() {
                     return [
-                      w(g(d.name), 1)
+                      z(V(d.name), 1)
                     ];
                   })
                 ];
@@ -593,10 +593,10 @@ var S1 = {
       }, 16);
     };
   }
-}, O1 = { class: "w-full relative" }, N1 = ["value", "disabled", "type"], T1 = ["disabled"], D1 = {
+}, Q1 = { class: "w-full relative" }, X1 = ["value", "disabled", "type"], Y1 = ["disabled"], ee = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, P1 = "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", G1 = {
+}, te = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", ne = {
   __name: "VTextarea",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -612,38 +612,38 @@ var S1 = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var s = e.emit, o = t, l = s, i = L(!1), u = b(function() {
+    var i = e.emit, o = t, a = i, l = B(!1), u = 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"
       ];
-    }), v = function(c) {
-      return c || c === 0;
-    }, C = b(function() {
-      return [P1, i.value || v(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), d = function(c) {
-      var B = c.target;
-      l("update:modelValue", B.value);
-    }, h = function(c) {
-      i.value = !1, l("blur", c);
-    }, _ = function(c) {
-      return l("enter", c);
+    }), f = function(m) {
+      return m || m === 0;
+    }, c = M(function() {
+      return [te, l.value || f(o.modelValue) || o.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), d = function(m) {
+      var S = m.target;
+      a("update:modelValue", S.value);
+    }, v = function(m) {
+      l.value = !1, a("blur", m);
+    }, C = function(m) {
+      return a("enter", m);
     }, y = function() {
-      return i.value = !0;
-    }, $ = function(c) {
-      return l("click", c);
-    }, Z = function(c) {
-      o.disabled || l("on-icon", c);
+      return l.value = !0;
+    }, _ = function(m) {
+      return a("click", m);
+    }, Z = function(m) {
+      o.disabled || a("on-icon", m);
     };
-    return function(c, B) {
-      return n(), a("div", O1, [
-        r("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", u.value])
+    return function(m, S) {
+      return r(), s("div", Q1, [
+        n("label", {
+          class: w(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", u.value])
         }, [
-          r("span", {
-            class: m(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", C.value])
-          }, g(t.label), 3),
-          r("textarea", z(c.$attrs, {
+          n("span", {
+            class: w(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
+          }, V(t.label), 3),
+          n("textarea", I(m.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
@@ -651,25 +651,25 @@ var S1 = {
             wrap: "",
             class: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent",
             onFocus: y,
-            onBlur: h,
+            onBlur: v,
             onInput: d,
-            onClick: $,
-            onKeypress: D(_, ["enter"])
-          }), null, 16, N1),
-          c.$slots.icon ? (n(), a("button", {
+            onClick: _,
+            onKeypress: X(C, ["enter"])
+          }), null, 16, X1),
+          m.$slots.icon ? (r(), s("button", {
             key: 0,
             disabled: t.disabled,
             style: { flex: "0 0 50px" },
             class: "h-full flex items-center justify-center text-gray-400 border-l border-primary",
             onClick: Z
           }, [
-            p(c.$slots, "icon")
-          ], 8, T1)) : V("", !0)
+            b(m.$slots, "icon")
+          ], 8, Y1)) : L("", !0)
         ], 2),
-        t.hideMessage ? V("", !0) : (n(), a("div", D1, [
-          p(c.$slots, "message", {}, function() {
+        t.hideMessage ? L("", !0) : (r(), s("div", ee, [
+          b(m.$slots, "message", {}, function() {
             return [
-              w(g(t.message), 1)
+              z(V(t.message), 1)
             ];
           })
         ]))
@@ -677,33 +677,33 @@ var S1 = {
     };
   }
 };
-const q1 = { class: "flex items-center cursor-pointer" }, K1 = /* @__PURE__ */ M({
+const oe = { class: "flex items-center cursor-pointer" }, re = /* @__PURE__ */ H({
   __name: "VTextFieldFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const s = e, o = L({ files: [], totalSize: 0 }), l = async (i) => {
-      const u = i.target.files, v = { files: [], totalSize: 0 };
-      for (let C = 0; C < u.length; C++) {
-        const d = u.item(C);
-        d && (v.totalSize += d.size, v.files.push({ name: d.name, size: d.size }));
+    const i = e, o = B({ files: [], totalSize: 0 }), a = async (l) => {
+      const u = l.target.files, f = { files: [], totalSize: 0 };
+      for (let c = 0; c < u.length; c++) {
+        const d = u.item(c);
+        d && (f.totalSize += d.size, f.files.push({ name: d.name, size: d.size }));
       }
-      u.length && (o.value = v, s("change", { files: u, info: v }));
+      u.length && (o.value = f, i("change", { files: u, info: f }));
     };
-    return (i, u) => (n(), a("label", q1, [
-      r("input", z({
+    return (l, u) => (r(), s("label", oe, [
+      n("input", I({
         type: "file",
         class: "hidden"
-      }, i.$attrs, { onChange: l }), null, 16),
-      p(i.$slots, "default", X(Y(o.value)))
+      }, l.$attrs, { onChange: a }), null, 16),
+      b(l.$slots, "default", G(K(o.value)))
     ]));
   }
-}), J1 = { class: "min-w-full" }, U1 = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, W1 = { class: "bg-gray-50 dark:bg-gray-800" }, Q1 = { class: "flex items-center" }, R1 = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, X1 = ["onClick"], Y1 = { class: "flex items-center text-gray-700 dark:text-gray-400" }, e2 = {
+}), le = { class: "min-w-full" }, ae = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, se = { class: "bg-gray-50 dark:bg-gray-800" }, ie = { class: "flex items-center" }, ce = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, ue = ["onClick"], de = { class: "flex items-center text-gray-700 dark:text-gray-400" }, fe = {
   key: 1,
   class: ""
-}, t2 = {
+}, ve = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, r2 = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, n2 = /* @__PURE__ */ M({
+}, me = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, pe = /* @__PURE__ */ H({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
@@ -711,43 +711,43 @@ const q1 = { class: "flex items-center cursor-pointer" }, K1 = /* @__PURE__ */ M
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const s = e, o = (i, u) => {
-      s("click", { item: i, event: u });
-    }, l = (i) => i?.className || "";
-    return (i, u) => (n(), a("table", J1, [
-      r("thead", U1, [
-        r("tr", W1, [
-          (n(!0), a(H, null, S(i.headers, (v, C) => (n(), a("th", {
-            key: C,
-            class: m(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", l(v)])
+    const i = e, o = (l, u) => {
+      i("click", { item: l, event: u });
+    }, a = (l) => l?.className || "";
+    return (l, u) => (r(), s("table", le, [
+      n("thead", ae, [
+        n("tr", se, [
+          (r(!0), s(A, null, F(l.headers, (f, c) => (r(), s("th", {
+            key: c,
+            class: w(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(f)])
           }, [
-            p(i.$slots, "header", { item: v }, () => [
-              r("div", Q1, g(v.name), 1)
+            b(l.$slots, "header", { item: f }, () => [
+              n("div", ie, V(f.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      r("tbody", R1, [
-        i.items.length ? (n(!0), a(H, { key: 0 }, S(i.items, (v, C) => (n(), a("tr", {
-          key: C,
+      n("tbody", ce, [
+        l.items.length ? (r(!0), s(A, { key: 0 }, F(l.items, (f, c) => (r(), s("tr", {
+          key: c,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (d) => o(v, d)
+          onClick: (d) => o(f, d)
         }, [
-          (n(!0), a(H, null, S(i.headers, (d, h) => (n(), a("td", {
-            key: h,
+          (r(!0), s(A, null, F(l.headers, (d, v) => (r(), s("td", {
+            key: v,
             class: "py-2 whitespace-nowrap px-4"
           }, [
-            r("div", Y1, [
-              p(i.$slots, d.key, { item: v }, () => [
-                w(g(v[d.key]), 1)
+            n("div", de, [
+              b(l.$slots, d.key, { item: f }, () => [
+                z(V(f[d.key]), 1)
               ])
             ])
           ]))), 128))
-        ], 8, X1))), 128)) : (n(), a("tr", e2, [
-          r("td", t2, [
-            r("div", r2, [
-              p(i.$slots, "empty", {}, () => [
-                u[0] || (u[0] = w("The list is empty"))
+        ], 8, ue))), 128)) : (r(), s("tr", fe, [
+          n("td", ve, [
+            n("div", me, [
+              b(l.$slots, "empty", {}, () => [
+                u[0] || (u[0] = z("The list is empty"))
               ])
             ])
           ])
@@ -755,63 +755,63 @@ const q1 = { class: "flex items-center cursor-pointer" }, K1 = /* @__PURE__ */ M
       ])
     ]));
   }
-}), a2 = { class: "relative flex items-end gap-0.5 w-10" }, o2 = ["title"], l2 = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, i2 = /* @__PURE__ */ M({
+}), Ce = { class: "relative flex items-end gap-0.5 w-10" }, _e = ["title"], he = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, ge = /* @__PURE__ */ H({
   __name: "WifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
   setup(t) {
-    const e = 2 * (t.rssi + 100), s = (o) => o < e;
-    return (o, l) => (n(), a("div", a2, [
-      (n(), a(H, null, S([10, 15, 25, 40, 70], (i, u) => r("div", {
-        key: i,
-        class: m(["w-1 h-5 rounded-lg", [s(i) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: E(`height: ${(u + 1) * 5}px`),
+    const e = 2 * (t.rssi + 100), i = (o) => o < e;
+    return (o, a) => (r(), s("div", Ce, [
+      (r(), s(A, null, F([10, 15, 25, 40, 70], (l, u) => n("div", {
+        key: l,
+        class: w(["w-1 h-5 rounded-lg", [i(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: D(`height: ${(u + 1) * 5}px`),
         title: `rssi: ${o.rssi} channel: ${o.channel}`
-      }, null, 14, o2)), 64)),
-      r("div", l2, g(o.channel), 1)
+      }, null, 14, _e)), 64)),
+      n("div", he, V(o.channel), 1)
     ]));
   }
-}), s2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VAutocomplete: h1,
-  VBreadcrumb: p1,
-  VButton: m1,
-  VCheckbox: k1,
-  VDropdown: O,
-  VExpansion: H1,
-  VList: N,
-  VLoader: q,
-  VNotification: E1,
-  VSelect: j1,
-  VTable: n2,
-  VTextField: j,
-  VTextFieldFile: K1,
-  VTextarea: G1,
-  WifiIcon: i2
+  VAutocomplete: M1,
+  VBreadcrumb: L1,
+  VButton: S1,
+  VCheckbox: T1,
+  VDropdown: W,
+  VExpansion: N1,
+  VList: J,
+  VLoader: e1,
+  VNotification: W1,
+  VSelect: J1,
+  VTable: pe,
+  VTextField: R,
+  VTextFieldFile: re,
+  VTextarea: ne,
+  WifiIcon: ge
 }, Symbol.toStringTag, { value: "Module" }));
-var c2 = {}, u2 = {
+var be = {}, xe = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function d2(t, e) {
-  return n(), a("svg", u2, e[0] || (e[0] = [
-    r("path", { d: "M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z" }, null, -1)
+function Ve(t, e) {
+  return r(), s("svg", xe, e[0] || (e[0] = [
+    n("path", { d: "M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z" }, null, -1)
   ]));
 }
-const f2 = /* @__PURE__ */ f(c2, [["render", d2]]);
-var C2 = {}, v2 = {
+const ke = /* @__PURE__ */ g(be, [["render", Ve]]);
+var $e = {}, we = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function h2(t, e) {
-  return n(), a("svg", v2, e[0] || (e[0] = [
-    r("path", {
+function Me(t, e) {
+  return r(), s("svg", we, e[0] || (e[0] = [
+    n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V8.99998C3.25 10.2426 4.25736 11.25 5.5 11.25H9C10.2426 11.25 11.25 10.2426 11.25 8.99998V5.5C11.25 4.25736 10.2426 3.25 9 3.25H5.5ZM4.75 5.5C4.75 5.08579 5.08579 4.75 5.5 4.75H9C9.41421 4.75 9.75 5.08579 9.75 5.5V8.99998C9.75 9.41419 9.41421 9.74998 9 9.74998H5.5C5.08579 9.74998 4.75 9.41419 4.75 8.99998V5.5ZM5.5 12.75C4.25736 12.75 3.25 13.7574 3.25 15V18.5C3.25 19.7426 4.25736 20.75 5.5 20.75H9C10.2426 20.75 11.25 19.7427 11.25 18.5V15C11.25 13.7574 10.2426 12.75 9 12.75H5.5ZM4.75 15C4.75 14.5858 5.08579 14.25 5.5 14.25H9C9.41421 14.25 9.75 14.5858 9.75 15V18.5C9.75 18.9142 9.41421 19.25 9 19.25H5.5C5.08579 19.25 4.75 18.9142 4.75 18.5V15ZM12.75 5.5C12.75 4.25736 13.7574 3.25 15 3.25H18.5C19.7426 3.25 20.75 4.25736 20.75 5.5V8.99998C20.75 10.2426 19.7426 11.25 18.5 11.25H15C13.7574 11.25 12.75 10.2426 12.75 8.99998V5.5ZM15 4.75C14.5858 4.75 14.25 5.08579 14.25 5.5V8.99998C14.25 9.41419 14.5858 9.74998 15 9.74998H18.5C18.9142 9.74998 19.25 9.41419 19.25 8.99998V5.5C19.25 5.08579 18.9142 4.75 18.5 4.75H15ZM15 12.75C13.7574 12.75 12.75 13.7574 12.75 15V18.5C12.75 19.7426 13.7574 20.75 15 20.75H18.5C19.7426 20.75 20.75 19.7427 20.75 18.5V15C20.75 13.7574 19.7426 12.75 18.5 12.75H15ZM14.25 15C14.25 14.5858 14.5858 14.25 15 14.25H18.5C18.9142 14.25 19.25 14.5858 19.25 15V18.5C19.25 18.9142 18.9142 19.25 18.5 19.25H15C14.5858 19.25 14.25 18.9142 14.25 18.5V15Z",
@@ -819,263 +819,263 @@ function h2(t, e) {
     }, null, -1)
   ]));
 }
-const _2 = /* @__PURE__ */ f(C2, [["render", h2]]);
-var p2 = {}, g2 = {
+const He = /* @__PURE__ */ g($e, [["render", Me]]);
+var Le = {}, Ze = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function m2(t, e) {
-  return n(), a("svg", g2, e[0] || (e[0] = [
-    r("path", { d: "M11.0001 14V11H13.0001V14H18.0001C18.5524 14 19.0001 14.4477 19.0001 15V21C19.0001 21.5523 18.5524 22 18.0001 22H6.00015C5.44786 22 5.00015 21.5523 5.00015 21V15C5.00015 14.4477 5.44786 14 6.00015 14H11.0001ZM2.51074 8.83686C3.83432 4.86424 7.58275 2 12.0001 2C16.4176 2 20.166 4.86424 21.4896 8.83686L19.5917 9.46949C18.5328 6.29139 15.5341 4 12.0001 4C8.46623 4 5.46749 6.29139 4.40862 9.46949L2.51074 8.83686ZM6.3065 10.1021C7.10065 7.71854 9.34971 6 12.0001 6C14.6506 6 16.8996 7.71854 17.6938 10.1021L15.7959 10.7347C15.2665 9.1457 13.7671 8 12.0001 8C10.2332 8 8.73382 9.1457 8.20439 10.7347L6.3065 10.1021ZM7.00015 16V20H17.0001V16H7.00015Z" }, null, -1)
+function Se(t, e) {
+  return r(), s("svg", Ze, 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 y2 = /* @__PURE__ */ f(p2, [["render", m2]]);
-var b2 = {}, V2 = {
+const Be = /* @__PURE__ */ g(Le, [["render", Se]]);
+var Ie = {}, ze = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function $2(t, e) {
-  return n(), a("svg", V2, e[0] || (e[0] = [
-    r("path", {
+function Ae(t, e) {
+  return r(), s("svg", ze, e[0] || (e[0] = [
+    n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M5.99902 10.4951C6.82745 10.4951 7.49902 11.1667 7.49902 11.9951V12.0051C7.49902 12.8335 6.82745 13.5051 5.99902 13.5051C5.1706 13.5051 4.49902 12.8335 4.49902 12.0051V11.9951C4.49902 11.1667 5.1706 10.4951 5.99902 10.4951ZM17.999 10.4951C18.8275 10.4951 19.499 11.1667 19.499 11.9951V12.0051C19.499 12.8335 18.8275 13.5051 17.999 13.5051C17.1706 13.5051 16.499 12.8335 16.499 12.0051V11.9951C16.499 11.1667 17.1706 10.4951 17.999 10.4951ZM13.499 11.9951C13.499 11.1667 12.8275 10.4951 11.999 10.4951C11.1706 10.4951 10.499 11.1667 10.499 11.9951V12.0051C10.499 12.8335 11.1706 13.5051 11.999 13.5051C12.8275 13.5051 13.499 12.8335 13.499 12.0051V11.9951Z"
     }, null, -1)
   ]));
 }
-const x2 = /* @__PURE__ */ f(b2, [["render", $2]]);
-var k2 = {}, w2 = {
+const Fe = /* @__PURE__ */ g(Ie, [["render", Ae]]);
+var Te = {}, je = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function M2(t, e) {
-  return n(), a("svg", w2, e[0] || (e[0] = [
-    r("path", { d: "M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z" }, null, -1)
+function Oe(t, e) {
+  return r(), s("svg", je, 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 H2 = /* @__PURE__ */ f(k2, [["render", M2]]);
-var L2 = {}, Z2 = {
+const Ne = /* @__PURE__ */ g(Te, [["render", Oe]]);
+var Ee = {}, De = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function B2(t, e) {
-  return n(), a("svg", Z2, e[0] || (e[0] = [
-    r("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" }, null, -1)
+function Pe(t, e) {
+  return r(), s("svg", De, e[0] || (e[0] = [
+    n("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" }, null, -1)
   ]));
 }
-const S2 = /* @__PURE__ */ f(L2, [["render", B2]]);
-var I2 = {}, z2 = {
+const Ue = /* @__PURE__ */ g(Ee, [["render", Pe]]);
+var Ge = {}, Ke = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function F2(t, e) {
-  return n(), a("svg", z2, e[0] || (e[0] = [
-    r("path", { d: "M9 2.00318V2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9 2.00318ZM5.82918 8H9V4.83086L5.82918 8ZM11 4V9C11 9.55228 10.5523 10 10 10H5V20H19V4H11Z" }, null, -1)
+function qe(t, e) {
+  return r(), s("svg", Ke, e[0] || (e[0] = [
+    n("path", { d: "M9 2.00318V2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9 2.00318ZM5.82918 8H9V4.83086L5.82918 8ZM11 4V9C11 9.55228 10.5523 10 10 10H5V20H19V4H11Z" }, null, -1)
   ]));
 }
-const A2 = /* @__PURE__ */ f(I2, [["render", F2]]);
-var E2 = {}, j2 = {
+const Re = /* @__PURE__ */ g(Ge, [["render", qe]]);
+var We = {}, Je = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function O2(t, e) {
-  return n(), a("svg", j2, e[0] || (e[0] = [
-    r("path", { d: "M2 4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21L3 21C2.45 21 2 20.55 2 20V4ZM10.5858 6L9.58579 5H4V7H9.58579L10.5858 6ZM4 9V19L20 19V7H12.4142L10.4142 9H4Z" }, null, -1)
+function Qe(t, e) {
+  return r(), s("svg", Je, 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 N2 = /* @__PURE__ */ f(E2, [["render", O2]]);
-var T2 = {};
-function D2(t, e) {
-  return n(), a(H, null, [
-    e[0] || (e[0] = r("svg", {
+const Xe = /* @__PURE__ */ g(We, [["render", Qe]]);
+var Ye = {};
+function e2(t, e) {
+  return r(), s(A, null, [
+    e[0] || (e[0] = n("svg", {
       class: "flex dark:hidden",
       viewBox: "0 0 24 24",
       width: "20",
       height: "20",
       fill: "currentColor"
     }, [
-      r("path", { d: "M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z" })
+      n("path", { d: "M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z" })
     ], -1)),
-    e[1] || (e[1] = r("svg", {
+    e[1] || (e[1] = n("svg", {
       class: "hidden dark:flex",
       viewBox: "0 0 24 24",
       width: "20",
       height: "20",
       fill: "currentColor"
     }, [
-      r("path", { d: "M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z" })
+      n("path", { d: "M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z" })
     ], -1))
   ], 64);
 }
-const P2 = /* @__PURE__ */ f(T2, [["render", D2]]);
-var G2 = {}, q2 = {
+const t2 = /* @__PURE__ */ g(Ye, [["render", e2]]);
+var n2 = {}, o2 = {
   viewBox: "0 0 179 40",
   fill: "#25c1eb"
 };
-function K2(t, e) {
-  return n(), a("svg", q2, e[0] || (e[0] = [
-    G('<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)
+function r2(t, e) {
+  return r(), s("svg", o2, e[0] || (e[0] = [
+    c1('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
   ]));
 }
-const J2 = /* @__PURE__ */ f(G2, [["render", K2]]);
-var U2 = {}, W2 = {
+const l2 = /* @__PURE__ */ g(n2, [["render", r2]]);
+var a2 = {}, s2 = {
   viewBox: "0 0 40 40",
   fill: "#25c1eb"
 };
-function Q2(t, e) {
-  return n(), a("svg", W2, e[0] || (e[0] = [
-    r("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
-      r("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" })
+function i2(t, e) {
+  return r(), s("svg", s2, e[0] || (e[0] = [
+    n("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
+      n("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
     ], -1)
   ]));
 }
-const R2 = /* @__PURE__ */ f(U2, [["render", Q2]]);
-var X2 = {}, Y2 = {
+const c2 = /* @__PURE__ */ g(a2, [["render", i2]]);
+var u2 = {}, d2 = {
   viewBox: "0 0 24 24",
   width: "22",
   height: "22",
   fill: "currentColor"
 };
-function e0(t, e) {
-  return n(), a("svg", Y2, e[0] || (e[0] = [
-    r("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" }, null, -1)
+function f2(t, e) {
+  return r(), s("svg", d2, e[0] || (e[0] = [
+    n("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" }, null, -1)
   ]));
 }
-const t0 = /* @__PURE__ */ f(X2, [["render", e0]]);
-var r0 = {}, n0 = {
+const v2 = /* @__PURE__ */ g(u2, [["render", f2]]);
+var m2 = {}, p2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function a0(t, e) {
-  return n(), a("svg", n0, e[0] || (e[0] = [
-    r("path", { d: "M22 20H2V18H3V11.0314C3 6.04348 7.02944 2 12 2C16.9706 2 21 6.04348 21 11.0314V18H22V20ZM5 18H19V11.0314C19 7.14806 15.866 4 12 4C8.13401 4 5 7.14806 5 11.0314V18ZM9.5 21H14.5C14.5 22.3807 13.3807 23.5 12 23.5C10.6193 23.5 9.5 22.3807 9.5 21Z" }, null, -1)
+function C2(t, e) {
+  return r(), s("svg", p2, e[0] || (e[0] = [
+    n("path", { d: "M22 20H2V18H3V11.0314C3 6.04348 7.02944 2 12 2C16.9706 2 21 6.04348 21 11.0314V18H22V20ZM5 18H19V11.0314C19 7.14806 15.866 4 12 4C8.13401 4 5 7.14806 5 11.0314V18ZM9.5 21H14.5C14.5 22.3807 13.3807 23.5 12 23.5C10.6193 23.5 9.5 22.3807 9.5 21Z" }, null, -1)
   ]));
 }
-const o0 = /* @__PURE__ */ f(r0, [["render", a0]]);
-var l0 = {}, i0 = {
+const _2 = /* @__PURE__ */ g(m2, [["render", C2]]);
+var h2 = {}, g2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function s0(t, e) {
-  return n(), a("svg", i0, e[0] || (e[0] = [
-    r("path", { d: "M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z" }, null, -1)
+function y2(t, e) {
+  return r(), s("svg", g2, 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 c0 = /* @__PURE__ */ f(l0, [["render", s0]]);
-var u0 = {}, d0 = {
+const b2 = /* @__PURE__ */ g(h2, [["render", y2]]);
+var x2 = {}, V2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 30 30",
   fill: "currentColor"
 };
-function f0(t, e) {
-  return n(), a("svg", d0, e[0] || (e[0] = [
-    r("path", { d: "M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z" }, null, -1)
+function k2(t, e) {
+  return r(), s("svg", V2, 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 C0 = /* @__PURE__ */ f(u0, [["render", f0]]);
-var v0 = {}, h0 = {
+const $2 = /* @__PURE__ */ g(x2, [["render", k2]]);
+var w2 = {}, M2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function _0(t, e) {
-  return n(), a("svg", h0, e[0] || (e[0] = [
-    r("path", { d: "M12 4C9.25144 4 6.82508 5.38626 5.38443 7.5H8V9.5H2V3.5H4V5.99936C5.82381 3.57166 8.72764 2 12 2C17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20C14.7486 20 17.1749 18.6137 18.6156 16.5H16V14.5H22V20.5H20V18.0006C18.1762 20.4283 15.2724 22 12 22C6.47715 22 2 17.5228 2 12H4Z" }, null, -1)
+function H2(t, e) {
+  return r(), s("svg", M2, 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 p0 = /* @__PURE__ */ f(v0, [["render", _0]]);
-var g0 = {}, m0 = {
+const L2 = /* @__PURE__ */ g(w2, [["render", H2]]);
+var Z2 = {}, S2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function y0(t, e) {
-  return n(), a("svg", m0, e[0] || (e[0] = [
-    r("path", { d: "M16 4C16.5523 4 17 4.44772 17 5V9.2L22.2133 5.55071C22.4395 5.39235 22.7513 5.44737 22.9096 5.6736C22.9684 5.75764 23 5.85774 23 5.96033V18.0397C23 18.3158 22.7761 18.5397 22.5 18.5397C22.3974 18.5397 22.2973 18.5081 22.2133 18.4493L17 14.8V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H16ZM15 6H3V18H15V6ZM7.4 8.82867C7.47607 8.82867 7.55057 8.85036 7.61475 8.8912L11.9697 11.6625C12.1561 11.7811 12.211 12.0284 12.0924 12.2148C12.061 12.2641 12.0191 12.306 11.9697 12.3375L7.61475 15.1088C7.42837 15.2274 7.18114 15.1725 7.06254 14.9861C7.02169 14.9219 7 14.8474 7 14.7713V9.22867C7 9.00776 7.17909 8.82867 7.4 8.82867ZM21 8.84131L17 11.641V12.359L21 15.1587V8.84131Z" }, null, -1)
+function B2(t, e) {
+  return r(), s("svg", S2, e[0] || (e[0] = [
+    n("path", { d: "M16 4C16.5523 4 17 4.44772 17 5V9.2L22.2133 5.55071C22.4395 5.39235 22.7513 5.44737 22.9096 5.6736C22.9684 5.75764 23 5.85774 23 5.96033V18.0397C23 18.3158 22.7761 18.5397 22.5 18.5397C22.3974 18.5397 22.2973 18.5081 22.2133 18.4493L17 14.8V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H16ZM15 6H3V18H15V6ZM7.4 8.82867C7.47607 8.82867 7.55057 8.85036 7.61475 8.8912L11.9697 11.6625C12.1561 11.7811 12.211 12.0284 12.0924 12.2148C12.061 12.2641 12.0191 12.306 11.9697 12.3375L7.61475 15.1088C7.42837 15.2274 7.18114 15.1725 7.06254 14.9861C7.02169 14.9219 7 14.8474 7 14.7713V9.22867C7 9.00776 7.17909 8.82867 7.4 8.82867ZM21 8.84131L17 11.641V12.359L21 15.1587V8.84131Z" }, null, -1)
   ]));
 }
-const b0 = /* @__PURE__ */ f(g0, [["render", y0]]);
-var V0 = {}, $0 = {
+const I2 = /* @__PURE__ */ g(Z2, [["render", B2]]);
+var z2 = {}, A2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function x0(t, e) {
-  return n(), a("svg", $0, e[0] || (e[0] = [
-    r("path", { d: "M3 7H21V17H19V15H17V17H15V15H13V17H11V15H9V17H7V15H5V17H3V7ZM2 5C1.44772 5 1 5.44772 1 6V18C1 18.5523 1.44772 19 2 19H22C22.5523 19 23 18.5523 23 18V6C23 5.44772 22.5523 5 22 5H2ZM11 9H5V12H11V9ZM13 9H19V12H13V9Z" }, null, -1)
+function F2(t, e) {
+  return r(), s("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 k0 = /* @__PURE__ */ f(V0, [["render", x0]]);
-var w0 = {}, M0 = {
+const T2 = /* @__PURE__ */ g(z2, [["render", F2]]);
+var j2 = {}, O2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function H0(t, e) {
-  return n(), a("svg", M0, e[0] || (e[0] = [
-    r("path", { d: "M5 12.5C5 12.8134 5.46101 13.3584 6.53047 13.8931C7.91405 14.5849 9.87677 15 12 15C14.1232 15 16.0859 14.5849 17.4695 13.8931C18.539 13.3584 19 12.8134 19 12.5V10.3287C17.35 11.3482 14.8273 12 12 12C9.17273 12 6.64996 11.3482 5 10.3287V12.5ZM19 15.3287C17.35 16.3482 14.8273 17 12 17C9.17273 17 6.64996 16.3482 5 15.3287V17.5C5 17.8134 5.46101 18.3584 6.53047 18.8931C7.91405 19.5849 9.87677 20 12 20C14.1232 20 16.0859 19.5849 17.4695 18.8931C18.539 18.3584 19 17.8134 19 17.5V15.3287ZM3 17.5V7.5C3 5.01472 7.02944 3 12 3C16.9706 3 21 5.01472 21 7.5V17.5C21 19.9853 16.9706 22 12 22C7.02944 22 3 19.9853 3 17.5ZM12 10C14.1232 10 16.0859 9.58492 17.4695 8.89313C18.539 8.3584 19 7.81342 19 7.5C19 7.18658 18.539 6.6416 17.4695 6.10687C16.0859 5.41508 14.1232 5 12 5C9.87677 5 7.91405 5.41508 6.53047 6.10687C5.46101 6.6416 5 7.18658 5 7.5C5 7.81342 5.46101 8.3584 6.53047 8.89313C7.91405 9.58492 9.87677 10 12 10Z" }, null, -1)
+function N2(t, e) {
+  return r(), s("svg", O2, e[0] || (e[0] = [
+    n("path", { d: "M5 12.5C5 12.8134 5.46101 13.3584 6.53047 13.8931C7.91405 14.5849 9.87677 15 12 15C14.1232 15 16.0859 14.5849 17.4695 13.8931C18.539 13.3584 19 12.8134 19 12.5V10.3287C17.35 11.3482 14.8273 12 12 12C9.17273 12 6.64996 11.3482 5 10.3287V12.5ZM19 15.3287C17.35 16.3482 14.8273 17 12 17C9.17273 17 6.64996 16.3482 5 15.3287V17.5C5 17.8134 5.46101 18.3584 6.53047 18.8931C7.91405 19.5849 9.87677 20 12 20C14.1232 20 16.0859 19.5849 17.4695 18.8931C18.539 18.3584 19 17.8134 19 17.5V15.3287ZM3 17.5V7.5C3 5.01472 7.02944 3 12 3C16.9706 3 21 5.01472 21 7.5V17.5C21 19.9853 16.9706 22 12 22C7.02944 22 3 19.9853 3 17.5ZM12 10C14.1232 10 16.0859 9.58492 17.4695 8.89313C18.539 8.3584 19 7.81342 19 7.5C19 7.18658 18.539 6.6416 17.4695 6.10687C16.0859 5.41508 14.1232 5 12 5C9.87677 5 7.91405 5.41508 6.53047 6.10687C5.46101 6.6416 5 7.18658 5 7.5C5 7.81342 5.46101 8.3584 6.53047 8.89313C7.91405 9.58492 9.87677 10 12 10Z" }, null, -1)
   ]));
 }
-const L0 = /* @__PURE__ */ f(w0, [["render", H0]]);
-var Z0 = {}, B0 = {
+const E2 = /* @__PURE__ */ g(j2, [["render", N2]]);
+var D2 = {}, P2 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function S0(t, e) {
-  return n(), a("svg", B0, e[0] || (e[0] = [
-    r("path", { d: "M6.17071 18C6.58254 16.8348 7.69378 16 9 16C10.3062 16 11.4175 16.8348 11.8293 18H22V20H11.8293C11.4175 21.1652 10.3062 22 9 22C7.69378 22 6.58254 21.1652 6.17071 20H2V18H6.17071ZM12.1707 11C12.5825 9.83481 13.6938 9 15 9C16.3062 9 17.4175 9.83481 17.8293 11H22V13H17.8293C17.4175 14.1652 16.3062 15 15 15C13.6938 15 12.5825 14.1652 12.1707 13H2V11H12.1707ZM6.17071 4C6.58254 2.83481 7.69378 2 9 2C10.3062 2 11.4175 2.83481 11.8293 4H22V6H11.8293C11.4175 7.16519 10.3062 8 9 8C7.69378 8 6.58254 7.16519 6.17071 6H2V4H6.17071ZM9 6C9.55228 6 10 5.55228 10 5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5C8 5.55228 8.44772 6 9 6ZM15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13ZM9 20C9.55228 20 10 19.5523 10 19C10 18.4477 9.55228 18 9 18C8.44772 18 8 18.4477 8 19C8 19.5523 8.44772 20 9 20Z" }, null, -1)
+function U2(t, e) {
+  return r(), s("svg", P2, e[0] || (e[0] = [
+    n("path", { d: "M6.17071 18C6.58254 16.8348 7.69378 16 9 16C10.3062 16 11.4175 16.8348 11.8293 18H22V20H11.8293C11.4175 21.1652 10.3062 22 9 22C7.69378 22 6.58254 21.1652 6.17071 20H2V18H6.17071ZM12.1707 11C12.5825 9.83481 13.6938 9 15 9C16.3062 9 17.4175 9.83481 17.8293 11H22V13H17.8293C17.4175 14.1652 16.3062 15 15 15C13.6938 15 12.5825 14.1652 12.1707 13H2V11H12.1707ZM6.17071 4C6.58254 2.83481 7.69378 2 9 2C10.3062 2 11.4175 2.83481 11.8293 4H22V6H11.8293C11.4175 7.16519 10.3062 8 9 8C7.69378 8 6.58254 7.16519 6.17071 6H2V4H6.17071ZM9 6C9.55228 6 10 5.55228 10 5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5C8 5.55228 8.44772 6 9 6ZM15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13ZM9 20C9.55228 20 10 19.5523 10 19C10 18.4477 9.55228 18 9 18C8.44772 18 8 18.4477 8 19C8 19.5523 8.44772 20 9 20Z" }, null, -1)
   ]));
 }
-const I0 = /* @__PURE__ */ f(Z0, [["render", S0]]);
-var z0 = {}, F0 = {
+const G2 = /* @__PURE__ */ g(D2, [["render", U2]]);
+var K2 = {}, q2 = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
 };
-function A0(t, e) {
-  return n(), a("svg", F0, e[0] || (e[0] = [
-    r("path", {
+function R2(t, e) {
+  return r(), s("svg", q2, e[0] || (e[0] = [
+    n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M12 3.48154C7.29535 3.48154 3.48148 7.29541 3.48148 12.0001C3.48148 16.7047 7.29535 20.5186 12 20.5186C16.7046 20.5186 20.5185 16.7047 20.5185 12.0001C20.5185 7.29541 16.7046 3.48154 12 3.48154ZM2 12.0001C2 6.47721 6.47715 2.00006 12 2.00006C17.5228 2.00006 22 6.47721 22 12.0001C22 17.5229 17.5228 22.0001 12 22.0001C6.47715 22.0001 2 17.5229 2 12.0001Z"
     }, null, -1),
-    r("path", { d: "M12 11.3C11.8616 11.3 11.7262 11.3411 11.6111 11.418C11.496 11.4949 11.4063 11.6042 11.3533 11.7321C11.3003 11.86 11.2864 12.0008 11.3134 12.1366C11.3405 12.2724 11.4071 12.3971 11.505 12.495C11.6029 12.5929 11.7277 12.6596 11.8634 12.6866C11.9992 12.7136 12.14 12.6997 12.2679 12.6467C12.3958 12.5937 12.5051 12.504 12.582 12.3889C12.6589 12.2738 12.7 12.1385 12.7 12C12.7 11.8144 12.6262 11.6363 12.495 11.505C12.3637 11.3738 12.1857 11.3 12 11.3ZM12.35 5.00002C15.5 5.00002 15.57 7.49902 13.911 8.32502C13.6028 8.50778 13.3403 8.75856 13.1438 9.05822C12.9473 9.35787 12.8218 9.69847 12.777 10.054C13.1117 10.1929 13.4073 10.4116 13.638 10.691C16.2 9.29102 19 9.84401 19 12.35C19 15.5 16.494 15.57 15.675 13.911C15.4869 13.6029 15.232 13.341 14.9291 13.1448C14.6262 12.9485 14.283 12.8228 13.925 12.777C13.7844 13.1108 13.566 13.406 13.288 13.638C14.688 16.221 14.128 19 11.622 19C8.5 19 8.423 16.494 10.082 15.668C10.3852 15.4828 10.644 15.2332 10.84 14.9368C11.036 14.6404 11.1644 14.3046 11.216 13.953C10.8729 13.8188 10.5711 13.5967 10.341 13.309C7.758 14.695 5 14.149 5 11.65C5 8.50002 7.478 8.42302 8.304 10.082C8.48945 10.3888 8.74199 10.6496 9.04265 10.8448C9.34332 11.0399 9.68431 11.1645 10.04 11.209C10.1748 10.8721 10.3971 10.5772 10.684 10.355C9.291 7.80001 9.844 5.00002 12.336 5.00002H12.35Z" }, null, -1)
+    n("path", { d: "M12 11.3C11.8616 11.3 11.7262 11.3411 11.6111 11.418C11.496 11.4949 11.4063 11.6042 11.3533 11.7321C11.3003 11.86 11.2864 12.0008 11.3134 12.1366C11.3405 12.2724 11.4071 12.3971 11.505 12.495C11.6029 12.5929 11.7277 12.6596 11.8634 12.6866C11.9992 12.7136 12.14 12.6997 12.2679 12.6467C12.3958 12.5937 12.5051 12.504 12.582 12.3889C12.6589 12.2738 12.7 12.1385 12.7 12C12.7 11.8144 12.6262 11.6363 12.495 11.505C12.3637 11.3738 12.1857 11.3 12 11.3ZM12.35 5.00002C15.5 5.00002 15.57 7.49902 13.911 8.32502C13.6028 8.50778 13.3403 8.75856 13.1438 9.05822C12.9473 9.35787 12.8218 9.69847 12.777 10.054C13.1117 10.1929 13.4073 10.4116 13.638 10.691C16.2 9.29102 19 9.84401 19 12.35C19 15.5 16.494 15.57 15.675 13.911C15.4869 13.6029 15.232 13.341 14.9291 13.1448C14.6262 12.9485 14.283 12.8228 13.925 12.777C13.7844 13.1108 13.566 13.406 13.288 13.638C14.688 16.221 14.128 19 11.622 19C8.5 19 8.423 16.494 10.082 15.668C10.3852 15.4828 10.644 15.2332 10.84 14.9368C11.036 14.6404 11.1644 14.3046 11.216 13.953C10.8729 13.8188 10.5711 13.5967 10.341 13.309C7.758 14.695 5 14.149 5 11.65C5 8.50002 7.478 8.42302 8.304 10.082C8.48945 10.3888 8.74199 10.6496 9.04265 10.8448C9.34332 11.0399 9.68431 11.1645 10.04 11.209C10.1748 10.8721 10.3971 10.5772 10.684 10.355C9.291 7.80001 9.844 5.00002 12.336 5.00002H12.35Z" }, null, -1)
   ]));
 }
-const E0 = /* @__PURE__ */ f(z0, [["render", A0]]);
-var j0 = {}, O0 = {
+const W2 = /* @__PURE__ */ g(K2, [["render", R2]]);
+var J2 = {}, Q2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function N0(t, e) {
-  return n(), a("svg", O0, e[0] || (e[0] = [
-    r("path", {
+function X2(t, e) {
+  return r(), s("svg", Q2, 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",
       "stroke-width": "2",
@@ -1084,68 +1084,57 @@ function N0(t, e) {
     }, null, -1)
   ]));
 }
-const T0 = /* @__PURE__ */ f(j0, [["render", N0]]);
-var D0 = {}, P0 = {
+const Y2 = /* @__PURE__ */ g(J2, [["render", X2]]);
+var et = {}, tt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function G0(t, e) {
-  return n(), a("svg", P0, e[0] || (e[0] = [
-    r("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),
-    r("path", {
+function nt(t, e) {
+  return r(), s("svg", tt, 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",
       "clip-rule": "evenodd",
       d: "M15 13.9997C16.2144 14.9119 17 16.3642 17 18C17 20.7614 14.7614 23 12 23C9.23858 23 7 20.7614 7 18C7 16.3642 7.78555 14.9119 9 13.9997V4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4V13.9997ZM13 4V15.1707C14.1652 15.5826 15 16.6938 15 18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18C9 16.6938 9.83481 15.5826 11 15.1707V4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4Z"
     }, null, -1)
   ]));
 }
-const q0 = /* @__PURE__ */ f(D0, [["render", G0]]);
-var K0 = {}, J0 = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 1024 1024"
-};
-function U0(t, e) {
-  return n(), a("svg", J0, e[0] || (e[0] = [
-    G('<path d="M343.7 392c-84.3 55-140.1 150.1-140.1 258.3 0 170.2 138 308.2 308.2 308.2S820 820.5 820 650.3C820 542.1 764.3 447 679.9 392V230.1C679.9 137.2 604.6 62 511.8 62 419.2 62 343.7 137.2 343.7 230.1V392z" fill="#5E676F"></path><path d="M623.8 424.4c83 41.3 140.1 126.9 140.1 225.9 0 139.3-112.9 252.1-252.1 252.1S259.6 789.6 259.6 650.3c0-99 57.1-184.7 140.1-225.9V230.1c0-61.8 50.3-112 112.1-112 61.9 0 112.1 50.1 112.1 112v194.3h-0.1z" fill="#FFFFFF"></path><path d="M455.7 448.3c-81 24.1-140.1 99.1-140.1 188 0 108.3 87.8 196.1 196.1 196.1s196.1-87.8 196.1-196.1c0-88.8-59.1-163.9-140.1-188v-218c0-31.1-25.1-56.2-56-56.2-31.2 0-56 25.2-56 56.2v218z" fill="#5E676F"></path><path d="M539.8 470.5c79.5 13.3 140.1 82.5 140.1 165.8 0 92.8-75.3 168.1-168.1 168.1s-168.1-75.3-168.1-168.1c0-83.3 60.6-152.4 140.1-165.8V230.3c0-15.7 12.4-28.2 28-28.2 15.5 0 28 12.6 28 28.2v240.2z" fill="#FFFFFF"></path><path d="M539.8 734.4c0 14-28 14-28 14-61.9 0-112.1-50.2-112.1-112.1 0 0 0-28 14-28s14 17.6 14 28c0 28 42 84 84 84 19.9 0.1 28.1 0.1 28.1 14.1z" fill="#5E676F"></path>', 5)
-  ]));
-}
-const W0 = /* @__PURE__ */ f(K0, [["render", U0]]);
-var Q0 = {}, R0 = {
+const ot = /* @__PURE__ */ g(et, [["render", nt]]);
+var rt = {}, lt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function X0(t, e) {
-  return n(), a("svg", R0, e[0] || (e[0] = [
-    r("path", {
+function at(t, e) {
+  return r(), s("svg", lt, e[0] || (e[0] = [
+    n("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M11.9426 1.25H12.0574C14.3658 1.24999 16.1748 1.24998 17.5863 1.43975C19.031 1.63399 20.1711 2.03933 21.0659 2.93414C21.9607 3.82895 22.366 4.96897 22.5603 6.41371C22.75 7.82519 22.75 9.63423 22.75 11.9426V12.0574C22.75 14.3658 22.75 16.1748 22.5603 17.5863C22.366 19.031 21.9607 20.1711 21.0659 21.0659C20.1711 21.9607 19.031 22.366 17.5863 22.5603C16.1748 22.75 14.3658 22.75 12.0574 22.75H11.9426C9.63423 22.75 7.82519 22.75 6.41371 22.5603C4.96897 22.366 3.82895 21.9607 2.93414 21.0659C2.03933 20.1711 1.63399 19.031 1.43975 17.5863C1.24998 16.1748 1.24999 14.3658 1.25 12.0574V11.9426C1.24999 9.63423 1.24998 7.82519 1.43975 6.41371C1.63399 4.96897 2.03933 3.82895 2.93414 2.93414C3.82895 2.03933 4.96897 1.63399 6.41371 1.43975C7.82519 1.24998 9.63423 1.24999 11.9426 1.25ZM6.61358 2.92637C5.33517 3.09825 4.56445 3.42514 3.9948 3.9948C3.42514 4.56445 3.09825 5.33517 2.92637 6.61358C2.75159 7.91356 2.75 9.62178 2.75 12C2.75 14.3782 2.75159 16.0864 2.92637 17.3864C3.09825 18.6648 3.42514 19.4355 3.9948 20.0052C4.56445 20.5749 5.33517 20.9018 6.61358 21.0736C7.91356 21.2484 9.62178 21.25 12 21.25C14.3782 21.25 16.0864 21.2484 17.3864 21.0736C18.6648 20.9018 19.4355 20.5749 20.0052 20.0052C20.5749 19.4355 20.9018 18.6648 21.0736 17.3864C21.2484 16.0864 21.25 14.3782 21.25 12C21.25 9.62178 21.2484 7.91356 21.0736 6.61358C20.9018 5.33517 20.5749 4.56445 20.0052 3.9948C19.4355 3.42514 18.6648 3.09825 17.3864 2.92637C16.0864 2.75159 14.3782 2.75 12 2.75C9.62178 2.75 7.91356 2.75159 6.61358 2.92637ZM11.25 6.80317C8.70578 7.16709 6.75 9.35515 6.75 12C6.75 14.6449 8.70578 16.8329 11.25 17.1968V16.4999C11.25 16.0857 11.5858 15.7499 12 15.7499C12.4142 15.7499 12.75 16.0857 12.75 16.4999V17.1968C15.2942 16.8329 17.25 14.6449 17.25 12C17.25 9.35515 15.2942 7.16709 12.75 6.80317V7.5C12.75 7.91421 12.4142 8.25 12 8.25C11.5858 8.25 11.25 7.91421 11.25 7.5V6.80317ZM5.25 12C5.25 8.27208 8.27208 5.25 12 5.25C15.7279 5.25 18.75 8.27208 18.75 12C18.75 15.7279 15.7279 18.75 12 18.75C8.27208 18.75 5.25 15.7279 5.25 12Z"
     }, null, -1),
-    r("path", { d: "M15 12C15 12.5523 14.5523 13 14 13C13.4477 13 13 12.5523 13 12C13 11.4477 13.4477 11 14 11C14.5523 11 15 11.4477 15 12Z" }, null, -1),
-    r("path", { d: "M11 12C11 12.5523 10.5523 13 10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11C10.5523 11 11 11.4477 11 12Z" }, null, -1)
+    n("path", { d: "M15 12C15 12.5523 14.5523 13 14 13C13.4477 13 13 12.5523 13 12C13 11.4477 13.4477 11 14 11C14.5523 11 15 11.4477 15 12Z" }, null, -1),
+    n("path", { d: "M11 12C11 12.5523 10.5523 13 10 13C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11C10.5523 11 11 11.4477 11 12Z" }, null, -1)
   ]));
 }
-const Y0 = /* @__PURE__ */ f(Q0, [["render", X0]]);
-var e5 = {}, t5 = {
+const st = /* @__PURE__ */ g(rt, [["render", at]]);
+var it = {}, ct = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function r5(t, e) {
-  return n(), a("svg", t5, e[0] || (e[0] = [
-    r("path", {
+function ut(t, e) {
+  return r(), s("svg", ct, 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",
       "stroke-width": "2",
       "stroke-linecap": "round"
     }, null, -1),
-    r("path", {
+    n("path", {
       d: "M12 6V13",
       stroke: "currentColor",
       "stroke-width": "2",
@@ -1154,16 +1143,16 @@ function r5(t, e) {
     }, null, -1)
   ]));
 }
-const n5 = /* @__PURE__ */ f(e5, [["render", r5]]);
-var a5 = {}, o5 = {
+const dt = /* @__PURE__ */ g(it, [["render", ut]]);
+var ft = {}, vt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function l5(t, e) {
-  return n(), a("svg", o5, e[0] || (e[0] = [
-    r("path", {
+function mt(t, e) {
+  return r(), s("svg", vt, 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",
       "stroke-width": "2",
@@ -1172,28 +1161,28 @@ function l5(t, e) {
     }, null, -1)
   ]));
 }
-const i5 = /* @__PURE__ */ f(a5, [["render", l5]]);
-var s5 = {}, c5 = {
+const pt = /* @__PURE__ */ g(ft, [["render", mt]]);
+var Ct = {}, _t = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
 };
-function u5(t, e) {
-  return n(), a("svg", c5, e[0] || (e[0] = [
-    r("path", { d: "M12,10h7L8,22l3-9H5L13,2Z" }, null, -1)
+function ht(t, e) {
+  return r(), s("svg", _t, e[0] || (e[0] = [
+    n("path", { d: "M12,10h7L8,22l3-9H5L13,2Z" }, null, -1)
   ]));
 }
-const d5 = /* @__PURE__ */ f(s5, [["render", u5]]);
-var f5 = {}, C5 = {
+const gt = /* @__PURE__ */ g(Ct, [["render", ht]]);
+var yt = {}, bt = {
   fill: "currentColor",
   height: "24",
   width: "24",
   viewBox: "0 0 491.7 491.7"
 };
-function v5(t, e) {
-  return n(), a("svg", C5, e[0] || (e[0] = [
-    r("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
+function xt(t, e) {
+  return r(), s("svg", bt, 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
 			h61.4c11.3,0,20.5-9.2,20.5-20.5v-61.4h21.5c4.8,23.3,25.4,41,50.2,41c24.7,0,45.4-17.6,50.2-41h22.5c4.8,23.3,25.4,41,50.2,41\r
@@ -1202,16 +1191,16 @@ function v5(t, e) {
 			h-20.5v-245.7h20.5V368.65z` }, null, -1)
   ]));
 }
-const h5 = /* @__PURE__ */ f(f5, [["render", v5]]);
-var _5 = {}, p5 = {
+const Vt = /* @__PURE__ */ g(yt, [["render", xt]]);
+var kt = {}, $t = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function g5(t, e) {
-  return n(), a("svg", p5, e[0] || (e[0] = [
-    r("path", {
+function wt(t, e) {
+  return r(), s("svg", $t, 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",
       "stroke-width": "2",
@@ -1220,59 +1209,59 @@ function g5(t, e) {
     }, null, -1)
   ]));
 }
-const m5 = /* @__PURE__ */ f(_5, [["render", g5]]);
-var y5 = {}, b5 = {
+const Mt = /* @__PURE__ */ g(kt, [["render", wt]]);
+var Ht = {}, Lt = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function V5(t, e) {
-  return n(), a("svg", b5, e[0] || (e[0] = [
-    r("path", {
+function Zt(t, e) {
+  return r(), s("svg", Lt, 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"
     }, null, -1),
-    r("path", {
+    n("path", {
       d: "M483.2 175.5c-65.9 84.8-214.1 292.7-217.5 298.2-28.6 46.5-41.5 86.8-41.5 134.6 0 159.5 129.3 288.8 288.8 288.8s288.8-129.3 288.8-288.8c0-47.8-12.8-87.9-41.3-134.1-2.5-4-151.4-213.3-217.2-298.6-15.9-20.8-43.9-20.8-60.1-0.1z",
       fill: "#FFFFFF"
     }, null, -1),
-    r("path", {
+    n("path", {
       d: "M513.1 826.3c0 14.4-21.3 13.8-31 12.6-104.1-13.3-186.5-96-199.6-200.1-0.9-7.2-1.8-30.3 12.6-30.3s16.8 32.6 16.8 32.6c13.5 86.6 81.9 155 168.5 168.5 0.1-0.2 32.7 2.2 32.7 16.7z",
       fill: "#5E676F"
     }, null, -1)
   ]));
 }
-const $5 = /* @__PURE__ */ f(y5, [["render", V5]]);
-var x5 = {}, k5 = {
+const St = /* @__PURE__ */ g(Ht, [["render", Zt]]);
+var Bt = {}, It = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function w5(t, e) {
-  return n(), a("svg", k5, e[0] || (e[0] = [
-    r("path", {
+function zt(t, e) {
+  return r(), s("svg", It, 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: "#5E676F"
+      fill: "currentColor"
     }, null, -1)
   ]));
 }
-const M5 = /* @__PURE__ */ f(x5, [["render", w5]]);
-var H5 = {}, L5 = {
+const At = /* @__PURE__ */ g(Bt, [["render", zt]]);
+var Ft = {}, Tt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function Z5(t, e) {
-  return n(), a("svg", L5, e[0] || (e[0] = [
-    r("path", {
+function jt(t, e) {
+  return r(), s("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",
       "stroke-width": "2",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    r("path", {
+    n("path", {
       d: "M3 16.8V9.2C3 8.0799 3 7.51984 3.21799 7.09202C3.40973 6.71569 3.71569 6.40973 4.09202 6.21799C4.51984 6 5.0799 6 6.2 6H7.25464C7.37758 6 7.43905 6 7.49576 5.9935C7.79166 5.95961 8.05705 5.79559 8.21969 5.54609C8.25086 5.49827 8.27836 5.44328 8.33333 5.33333C8.44329 5.11342 8.49827 5.00346 8.56062 4.90782C8.8859 4.40882 9.41668 4.08078 10.0085 4.01299C10.1219 4 10.2448 4 10.4907 4H13.5093C13.7552 4 13.8781 4 13.9915 4.01299C14.5833 4.08078 15.1141 4.40882 15.4394 4.90782C15.5017 5.00345 15.5567 5.11345 15.6667 5.33333C15.7216 5.44329 15.7491 5.49827 15.7803 5.54609C15.943 5.79559 16.2083 5.95961 16.5042 5.9935C16.561 6 16.6224 6 16.7454 6H17.8C18.9201 6 19.4802 6 19.908 6.21799C20.2843 6.40973 20.5903 6.71569 20.782 7.09202C21 7.51984 21 8.0799 21 9.2V16.8C21 17.9201 21 18.4802 20.782 18.908C20.5903 19.2843 20.2843 19.5903 19.908 19.782C19.4802 20 18.9201 20 17.8 20H6.2C5.0799 20 4.51984 20 4.09202 19.782C3.71569 19.5903 3.40973 19.2843 3.21799 18.908C3 18.4802 3 17.9201 3 16.8Z",
       stroke: "currentColor",
       "stroke-width": "2",
@@ -1281,16 +1270,16 @@ function Z5(t, e) {
     }, null, -1)
   ]));
 }
-const B5 = /* @__PURE__ */ f(H5, [["render", Z5]]);
-var S5 = {}, I5 = {
+const Ot = /* @__PURE__ */ g(Ft, [["render", jt]]);
+var Nt = {}, Et = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "-2 0 15.998 15.998"
 };
-function z5(t, e) {
-  return n(), a("svg", I5, e[0] || (e[0] = [
-    r("path", {
+function Dt(t, e) {
+  return r(), s("svg", Et, e[0] || (e[0] = [
+    n("path", {
       id: "Path_81",
       "data-name": "Path 81",
       d: "M-10.217,1.343A6.039,6.039,0,0,0-15.284.134a5.979,5.979,0,0,0-4.6,4.673A5.967,5.967,0,0,0-18,10.472V10.5a2.488,2.488,0,0,0,1,1.989l0,.011v1A1.5,1.5,0,0,0-15.5,15h.355A1.168,1.168,0,0,0-14,16a1.168,1.168,0,0,0,1.145-1h.355A1.5,1.5,0,0,0-11,13.5v-1l0-.011A2.488,2.488,0,0,0-10,10.5v-.028A5.982,5.982,0,0,0-8,6,5.979,5.979,0,0,0-10.217,1.343ZM-12,13v.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5V13h4Zm1.182-3.143a.5.5,0,0,0-.182.386V10.5A1.5,1.5,0,0,1-12.5,12h-3A1.5,1.5,0,0,1-17,10.5v-.257a.5.5,0,0,0-.182-.386A4.981,4.981,0,0,1-18.9,5a4.968,4.968,0,0,1,3.821-3.884A5.267,5.267,0,0,1-14.012,1a5,5,0,0,1,3.164,1.117A4.983,4.983,0,0,1-9,6,4.988,4.988,0,0,1-10.818,9.857ZM-13.5,3.5A.5.5,0,0,1-14,4a2,2,0,0,0-2,2,.5.5,0,0,1-.5.5A.5.5,0,0,1-17,6a3,3,0,0,1,3-3A.5.5,0,0,1-13.5,3.5Z",
@@ -1298,96 +1287,887 @@ function z5(t, e) {
     }, null, -1)
   ]));
 }
-const F5 = /* @__PURE__ */ f(S5, [["render", z5]]);
-var A5 = {}, E5 = {
+const Pt = /* @__PURE__ */ g(Nt, [["render", Dt]]);
+var Ut = {}, Gt = {
   fill: "currentColor",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
 };
-function j5(t, e) {
-  return n(), a("svg", E5, e[0] || (e[0] = [
-    r("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)
+function Kt(t, e) {
+  return r(), s("svg", Gt, e[0] || (e[0] = [
+    n("path", { d: "M21,3H3A2,2,0,0,0,1,5v7a2,2,0,0,0,2,2H21a2,2,0,0,0,2-2V5A2,2,0,0,0,21,3Zm0,9H3V5H21ZM5,10A1,1,0,0,1,6,9H18a1,1,0,0,1,0,2H6A1,1,0,0,1,5,10ZM16,7a1,1,0,0,1,1-1h1a1,1,0,0,1,0,2H17A1,1,0,0,1,16,7ZM9.793,20.293,11.086,19l-.293-.293a1,1,0,0,1,0-1.414l2-2a1,1,0,0,1,1.414,1.414L12.914,18l.293.293a1,1,0,0,1,0,1.414l-2,2a1,1,0,0,1-1.414-1.414Zm5.5,0L16.586,19l-.293-.293a1,1,0,0,1,0-1.414l2-2a1,1,0,0,1,1.414,1.414L18.414,18l.293.293a1,1,0,0,1,0,1.414l-2,2a1,1,0,0,1-1.414-1.414Zm-11,0L5.586,19l-.293-.293a1,1,0,0,1,0-1.414l2-2a1,1,0,0,1,1.414,1.414L7.414,18l.293.293a1,1,0,0,1,0,1.414l-2,2a1,1,0,0,1-1.414-1.414Z" }, null, -1)
   ]));
 }
-const O5 = /* @__PURE__ */ f(A5, [["render", j5]]), N5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qt = /* @__PURE__ */ g(Ut, [["render", Kt]]), Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  IconAir: O5,
-  IconBulb: F5,
-  IconBurger: f2,
-  IconCamera: B5,
-  IconChevron: F,
-  IconClose: K,
-  IconCold: M5,
-  IconDashboard: _2,
-  IconDevice: y2,
-  IconDots: x2,
-  IconDrop: $5,
-  IconEyeClose: H2,
-  IconEyeOpen: S2,
-  IconFile: A2,
-  IconFolder: N2,
-  IconGarage: m5,
-  IconGpio: k0,
-  IconHeater: h5,
-  IconLight: d5,
-  IconLock: i5,
-  IconLogo: J2,
-  IconLogoMini: R2,
-  IconLogout: t0,
-  IconNoti: o0,
-  IconPower: n5,
-  IconSave: c0,
-  IconSearch: C0,
-  IconSetting: I0,
-  IconSocket: Y0,
-  IconStore: L0,
-  IconTemp: W0,
-  IconTheme: P2,
-  IconTherm: q0,
-  IconTv: T0,
-  IconUpdate: p0,
-  IconVent: E0,
-  IconVideo: b0
-}, Symbol.toStringTag, { value: "Module" })), T5 = {
+  IconAir: qt,
+  IconBulb: Pt,
+  IconBurger: ke,
+  IconCamera: Ot,
+  IconChevron: N,
+  IconClose: t1,
+  IconCold: At,
+  IconDashboard: He,
+  IconDevice: Be,
+  IconDots: Fe,
+  IconDrop: St,
+  IconEyeClose: Ne,
+  IconEyeOpen: Ue,
+  IconFile: Re,
+  IconFolder: Xe,
+  IconGarage: Mt,
+  IconGpio: T2,
+  IconHeater: Vt,
+  IconLight: gt,
+  IconLock: pt,
+  IconLogo: l2,
+  IconLogoMini: c2,
+  IconLogout: v2,
+  IconNoti: _2,
+  IconPower: dt,
+  IconSave: b2,
+  IconSearch: $2,
+  IconSetting: G2,
+  IconSocket: st,
+  IconStore: E2,
+  IconTheme: t2,
+  IconTherm: ot,
+  IconTv: Y2,
+  IconUpdate: L2,
+  IconVent: W2,
+  IconVideo: I2
+}, Symbol.toStringTag, { value: "Module" })), Wt = {
   key: 0,
   class: "loader-line w-full absolute top-0 left-0 h-[3px] bg-gray-100 dark:bg-gray-800 before:bg-blue-600 dark:before:bg-blue-800 before:h-1 rounded-xl z-20 before:absolute before:w-[40%] before:-left-1/2 before:content-[''] before:animate-[lineAnim_1s_linear_infinite]"
-}, D5 = {
+}, Jt = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, P5 = { class: "mb-6 flex items-center justify-between" }, G5 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, q5 = { class: "max-w-full" }, K5 = /* @__PURE__ */ M({
+}, Qt = { class: "mb-6 flex items-center justify-between" }, Xt = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, Yt = { class: "max-w-full" }, e0 = /* @__PURE__ */ H({
   __name: "VCardGray",
   props: {
     title: { default: "Title" },
     loading: { type: Boolean }
   },
   setup(t) {
-    return (e, s) => (n(), a("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, i) => (r(), s("div", {
+      class: w(["relative rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
     }, [
-      e.loading ? (n(), a("div", T5)) : V("", !0),
-      e.loading ? (n(), a("div", D5)) : V("", !0),
-      r("div", P5, [
-        r("h3", G5, g(e.title), 1),
-        r("div", null, [
-          p(e.$slots, "header")
+      e.loading ? (r(), s("div", Wt)) : L("", !0),
+      e.loading ? (r(), s("div", Jt)) : L("", !0),
+      n("div", Qt, [
+        n("h3", Xt, V(e.title), 1),
+        n("div", null, [
+          b(e.$slots, "header")
         ])
       ]),
-      r("div", q5, [
-        p(e.$slots, "default")
+      n("div", Yt, [
+        b(e.$slots, "default")
       ])
     ], 2));
   }
-}), J5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), t0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  VCardGray: e0
+}, Symbol.toStringTag, { value: "Module" })), n0 = { class: "flex-auto flex align-center p-4" }, o0 = { class: "flex items-center justify-between px-4 py-2 border-b dark:border-gray-700 border-gray-200" }, r0 = { class: "px-4 py-2 flex-auto scroll-none" }, l0 = ["innerHTML"], a0 = {
+  key: 0,
+  class: "px-4 py-2 flex justify-end"
+}, n1 = /* @__PURE__ */ H({
+  __name: "AppDialog",
+  props: {
+    value: { type: Boolean },
+    title: { default: "Attention !" },
+    message: { default: "" },
+    callback: { type: Function },
+    button: { default: "OK" },
+    size: { default: "sm" }
+  },
+  emits: ["close"],
+  setup(t, { emit: e }) {
+    const i = e, o = B(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, l = M(() => [`${a?.[t.size] || ""}`]), u = (c) => {
+      o.value = !1, setTimeout(() => {
+        i("close", c);
+      }, 300);
+    }, f = (c) => {
+      t.callback && t.callback(), u(c);
+    };
+    return U(() => {
+      setTimeout(() => {
+        o.value = !0;
+      }, 300);
+    }), (c, d) => {
+      const v = x("icon-close"), C = x("v-button");
+      return r(), $(u1, { to: "body" }, [
+        p(Y, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 -translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-y-0",
+          "leave-to-class": "transform opacity-0 -translate-y-2"
+        }, {
+          default: h(() => [
+            o.value ? (r(), s("div", {
+              key: 0,
+              class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
+              onWheel: d[0] || (d[0] = j(() => {
+              }, ["stop"]))
+            }, [
+              n("div", {
+                class: "absolute h-full w-full top-0 left-0 bg-black/60",
+                onClick: u
+              }),
+              n("div", n0, [
+                n("div", {
+                  class: w(["m-auto w-full bg-white dark:bg-gray-900 shadow-lg flex flex-col rounded-lg z-30", l.value])
+                }, [
+                  n("div", o0, [
+                    b(c.$slots, "header", {}, () => [
+                      n("h4", null, V(c.title), 1)
+                    ]),
+                    p(C, {
+                      type: "icon",
+                      size: "",
+                      onClick: u
+                    }, {
+                      default: h(() => [
+                        p(v, { class: "h-5 w-5" })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  n("div", r0, [
+                    b(c.$slots, "default", {}, () => [
+                      n("div", { innerHTML: c.message }, null, 8, l0)
+                    ])
+                  ]),
+                  c.$slots.footer || c.callback ? (r(), s("div", a0, [
+                    b(c.$slots, "footer", {}, () => [
+                      p(C, {
+                        color: "blue",
+                        size: "small",
+                        onClick: f
+                      }, {
+                        default: h(() => [
+                          z(V(c.button), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ])) : L("", !0)
+                ], 2)
+              ])
+            ], 32)) : L("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+}), s0 = { class: "flex-auto flex justify-between" }, i0 = { class: "text-sm text-gray-500 font-medium text-ellipsis overflow-hidden text-nowrap" }, c0 = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, u0 = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, d0 = { class: "min-h-60 relative" }, f0 = { class: "pt-6" }, v0 = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, m0 = { class: "text-center text-xl mt-4" }, T = /* @__PURE__ */ H({
+  __name: "CardBase",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["edit"],
+  setup(t, { emit: e }) {
+    const i = B(!1), o = e, a = M(() => t.icon ? `icon-${t.icon}` : "icon-therm"), l = M(() => ["button", "switch"].includes(t.type || "") ? t.value ? "text-gray-400" : "text-amber-500" : "text-gray-400"), u = (v) => o("edit", v), f = () => i.value = !0, c = (v) => t.modifyValue?.(v) || v, d = M(() => ({
+      value: t.value,
+      name: t.name,
+      min: t.min,
+      max: t.max,
+      modify: c(t.value),
+      icon: a.value
+    }));
+    return (v, C) => {
+      const y = x("icon-dots"), _ = x("v-button");
+      return r(), s("div", {
+        class: "flex flex-col border aspect-square rounded-sm bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 p-2 hover:border-blue-400 dark:hover:border-blue-700 transition-all",
+        onClick: f
+      }, [
+        n("div", s0, [
+          n("div", {
+            class: w(l.value)
+          }, [
+            (r(), $(P(a.value), { class: "size-8" }))
+          ], 2),
+          b(v.$slots, "header", G(K(d.value)))
+        ]),
+        n("div", null, [
+          n("h6", i0, V(v.name), 1),
+          n("div", c0, V(c(v.value)), 1)
+        ]),
+        i.value ? (r(), $(n1, {
+          key: 0,
+          size: "sm",
+          title: v.name,
+          onClose: C[0] || (C[0] = (Z) => i.value = !1)
+        }, {
+          header: h(() => [
+            n("div", u0, [
+              p(_, {
+                type: "icon",
+                size: "",
+                onClick: u
+              }, {
+                default: h(() => [
+                  p(y)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: h(() => [
+            n("div", d0, [
+              n("div", f0, [
+                n("h3", v0, V(v.name), 1),
+                b(v.$slots, "dialog", G(K(d.value))),
+                n("p", m0, V(c(v.value)), 1)
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["title"])) : L("", !0)
+      ]);
+    };
+  }
+}), p0 = { class: "flex justify-end" }, C0 = { class: "flex justify-center py-4" }, _0 = /* @__PURE__ */ H({
+  __name: "CardButton",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, a = (u) => i("click", u), l = () => i("setState", { ...o, value: !o.value });
+    return (u, f) => {
+      const c = x("icon-power"), d = x("v-button");
+      return r(), $(T, I(o, { onClick: a }), {
+        header: h(() => [
+          n("div", p0, [
+            p(d, {
+              type: "icon",
+              size: "sm",
+              class: "text-gray-500",
+              onClick: j(l, ["stop"])
+            }, {
+              default: h(() => [
+                p(c, { class: "size-10" })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        dialog: h(() => [
+          n("div", C0, [
+            p(d, {
+              type: "icon",
+              size: "sm",
+              class: w(["h-18 w-18", o.value ? "text-blue-600 dark:text-blue-400" : "text-amber-500"]),
+              onClick: j(l, ["stop"])
+            }, {
+              default: h(() => [
+                p(c, { class: "size-16" })
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), h0 = { class: "flex justify-center relative mx-2 my-6" }, g0 = /* @__PURE__ */ H({
+  __name: "CardDate",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, a = (f) => new Date(f * 1e3).toISOString().slice(0, 16), l = (f) => {
+      const c = f?.target?.valueAsNumber;
+      console.log(c), c && i("setState", { ...o, value: c / 1e3 });
+    }, u = (f) => i("click", f);
+    return (f, c) => {
+      const d = x("v-text-field");
+      return r(), $(T, I(o, { onClick: u }), {
+        dialog: h(({ value: v }) => [
+          n("div", h0, [
+            p(d, {
+              modelValue: a(v),
+              type: "datetime-local",
+              label: "Date",
+              onChange: l
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), y0 = { class: "flex justify-end" }, b0 = {
+  width: "32",
+  height: "32",
+  viewBox: "-7.5 -7.5 75 75",
+  version: "1.1",
+  style: { transform: "rotate(-90deg)" }
+}, x0 = ["stroke-dashoffset"], V0 = { class: "flex justify-center relative mx-2 my-6" }, k0 = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, $0 = ["min", "max", "value"], w0 = /* @__PURE__ */ H({
+  __name: "CardDimmer",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, a = (c, d) => Math.round(100 * c / d), l = (c, d) => Math.round(187 - c / d * 187), u = (c) => i("click", c), f = (c) => {
+      const d = +c?.target?.value || 0;
+      i("setState", { ...o, value: d });
+    };
+    return (c, d) => (r(), $(T, I(o, { onClick: u }), {
+      header: h(({ value: v, max: C }) => [
+        n("div", y0, [
+          n("div", {
+            class: w(["", "text-blue-600 dark:text-blue-400"])
+          }, [
+            (r(), s("svg", b0, [
+              d[0] || (d[0] = n("circle", {
+                class: "stroke-gray-300 dark:stroke-gray-700",
+                r: "30",
+                cx: "30",
+                cy: "30",
+                fill: "transparent",
+                "stroke-width": "10"
+              }, null, -1)),
+              n("circle", {
+                r: "30",
+                cx: "30",
+                cy: "30",
+                stroke: "currentColor",
+                "stroke-width": "8",
+                "stroke-linecap": "butt",
+                "stroke-dashoffset": l(v, C || 0),
+                fill: "transparent",
+                "stroke-dasharray": "187"
+              }, null, 8, x0)
+            ]))
+          ])
+        ])
+      ]),
+      dialog: h(({ min: v = 0, max: C = 255, value: y }) => [
+        n("div", V0, [
+          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("input", {
+            type: "range",
+            min: v,
+            max: C,
+            value: y,
+            step: "1",
+            class: "w-full h-10 z-10 appearance-none cursor-pointer opacity-0",
+            onChange: f
+          }, null, 40, $0)
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), M0 = /* @__PURE__ */ H({
+  __name: "CardInfo",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, a = (l) => i("click", l);
+    return (l, u) => (r(), $(T, I(o, { onClick: a }), {
+      default: h(() => [
+        b(l.$slots, "dialog")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), H0 = { class: "flex justify-center relative mx-2 my-6" }, L0 = /* @__PURE__ */ H({
+  __name: "CardInput",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, a = (u) => {
+      const f = u?.target?.value;
+      i("setState", { ...o, value: f });
+    }, l = (u) => i("click", u);
+    return (u, f) => {
+      const c = x("v-text-field");
+      return r(), $(T, I(o, { onClick: l }), {
+        dialog: h(({ value: d, name: v }) => [
+          n("div", H0, [
+            p(c, {
+              modelValue: d,
+              label: v,
+              onChange: a
+            }, null, 8, ["modelValue", "label"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), Z0 = { class: "flex justify-center py-4" }, S0 = /* @__PURE__ */ H({
+  __name: "CardSwitch",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, a = (u) => i("click", u), l = () => i("setState", o);
+    return (u, f) => {
+      const c = x("icon-power"), d = x("v-button");
+      return r(), $(T, I(o, { onClick: a }), {
+        header: h(() => f[0] || (f[0] = [
+          n("div", { class: "flex justify-end" }, null, -1)
+        ])),
+        dialog: h(() => [
+          n("div", Z0, [
+            p(d, {
+              type: "icon",
+              size: "sm",
+              class: w(["h-18 w-18", o.value ? "text-blue-600 dark:text-blue-400" : "text-amber-500"]),
+              onClick: j(l, ["stop"])
+            }, {
+              default: h(() => [
+                p(c, { class: "size-16" })
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), B0 = { class: "pt-6" }, I0 = { class: "grid grid-cols-1 gap-x-4" }, z0 = { class: "grid grid-cols-2 gap-x-4" }, A0 = { class: "grid grid-cols-2 gap-x-4" }, F0 = { class: "flex gap-2 items-center" }, T0 = { class: "grid grid-cols-2 gap-x-4" }, j0 = { class: "flex gap-4 justify-end" }, O0 = /* @__PURE__ */ H({
+  __name: "BlockItemEdit",
+  props: {
+    item: {},
+    isNew: { type: Boolean }
+  },
+  emits: ["remove", "save", "select"],
+  setup(t, { emit: e }) {
+    const i = e, o = B({ id: "", name: "", keyValue: "" }), a = [
+      { name: "Air", value: "air" },
+      { name: "Bulb", value: "bulb" },
+      { name: "Cold", value: "cold" },
+      { name: "Camera", value: "camera" },
+      { name: "Vent", value: "vent" },
+      { name: "Garage", value: "garage" },
+      { name: "Video", value: "video" },
+      { name: "Light", value: "light" },
+      { name: "Tv", value: "tv" },
+      { name: "Therm", value: "therm" },
+      { name: "Store", value: "store" },
+      { name: "Socket", value: "socket" },
+      { name: "Search", value: "search" },
+      { name: "Save", value: "save" },
+      { name: "Noti", value: "noti" },
+      { name: "Logout", value: "logout" },
+      { name: "Lock", value: "lock" },
+      { name: "Folder", value: "folder" }
+    ], l = [
+      { name: "Button", value: "button" },
+      { name: "Info", value: "info" },
+      { name: "Dimmer", value: "dimmer" },
+      { name: "Switch", value: "switch" },
+      { name: "Date", value: "date" },
+      { name: "Input", value: "input" }
+    ], u = (y) => `icon-${y}`, f = M(() => o.value.type === "dimmer"), c = ({ value: y }) => {
+      o.value.icon = y;
+    }, d = ({ value: y }) => {
+      o.value.type = y;
+    }, v = () => {
+      i("save", o.value);
+    }, C = () => {
+      i("remove", o.value);
+    };
+    return U(() => {
+      console.log(t.item), o.value = { ...t.item };
+    }), (y, _) => {
+      const Z = x("v-text-field"), m = x("VSelect"), S = x("v-textarea"), E = x("v-button");
+      return r(), s("div", B0, [
+        n("div", I0, [
+          n("div", z0, [
+            p(Z, {
+              modelValue: o.value.id,
+              "onUpdate:modelValue": _[0] || (_[0] = (k) => o.value.id = k),
+              label: "ID",
+              disabled: !y.isNew,
+              onClick: _[1] || (_[1] = (k) => i("select", k))
+            }, null, 8, ["modelValue", "disabled"]),
+            p(Z, {
+              modelValue: o.value.keyValue,
+              "onUpdate:modelValue": _[2] || (_[2] = (k) => o.value.keyValue = k),
+              label: "KeyValue"
+            }, null, 8, ["modelValue"])
+          ]),
+          p(Z, {
+            modelValue: o.value.name,
+            "onUpdate:modelValue": _[3] || (_[3] = (k) => o.value.name = k),
+            label: "Name"
+          }, null, 8, ["modelValue"]),
+          n("div", A0, [
+            p(m, {
+              value: o.value.icon,
+              class: "",
+              label: "Icon",
+              list: a,
+              onChange: c
+            }, {
+              default: h(({ item: k }) => [
+                n("div", F0, [
+                  (r(), $(P(u(k.value)), { class: "size-5" })),
+                  n("div", null, V(k.name), 1)
+                ])
+              ]),
+              _: 1
+            }, 8, ["value"]),
+            p(m, {
+              value: o.value.type,
+              class: "",
+              label: "Type",
+              list: l,
+              onChange: d
+            }, null, 8, ["value"])
+          ]),
+          n("div", T0, [
+            f.value ? (r(), $(Z, {
+              key: 0,
+              modelValue: o.value.min,
+              "onUpdate:modelValue": _[4] || (_[4] = (k) => o.value.min = k),
+              label: "Min"
+            }, null, 8, ["modelValue"])) : L("", !0),
+            f.value ? (r(), $(Z, {
+              key: 1,
+              modelValue: o.value.max,
+              "onUpdate:modelValue": _[5] || (_[5] = (k) => o.value.max = k),
+              label: "Max"
+            }, null, 8, ["modelValue"])) : L("", !0)
+          ]),
+          o.value.set ? (r(), $(S, {
+            key: 0,
+            modelValue: o.value.set,
+            "onUpdate:modelValue": _[6] || (_[6] = (k) => o.value.set = k),
+            label: "Set"
+          }, null, 8, ["modelValue"])) : L("", !0),
+          p(S, {
+            modelValue: o.value.get,
+            "onUpdate:modelValue": _[7] || (_[7] = (k) => o.value.get = k),
+            label: "Get"
+          }, null, 8, ["modelValue"]),
+          p(S, {
+            modelValue: o.value.modifyValue,
+            "onUpdate:modelValue": _[8] || (_[8] = (k) => o.value.modifyValue = k),
+            label: "ModifyValue"
+          }, null, 8, ["modelValue"])
+        ]),
+        n("div", j0, [
+          p(E, {
+            class: "px-4",
+            color: "red",
+            outline: "",
+            onClick: C
+          }, {
+            default: h(() => _[9] || (_[9] = [
+              z("Remove")
+            ])),
+            _: 1
+          }),
+          p(E, {
+            class: "px-4",
+            color: "blue",
+            onClick: v
+          }, {
+            default: h(() => _[10] || (_[10] = [
+              z("Save")
+            ])),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), N0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BlockItemEdit: O0,
+  CardBase: T,
+  CardButton: _0,
+  CardDate: g0,
+  CardDimmer: w0,
+  CardInfo: M0,
+  CardInput: L0,
+  CardSwitch: S0
+}, Symbol.toStringTag, { value: "Module" })), E0 = { class: "bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 left-0 w-full z-10 sticky top-0" }, D0 = { class: "px-4 py-4 sm:px-6 lg:px-8" }, P0 = { class: "container mx-auto flex flex-auto items-center" }, U0 = { class: "lg:hidden h-[30px] me-10" }, G0 = { class: "flex gap-4" }, K0 = { class: "md:hidden flex gap-4" }, q0 = { class: "ms-2" }, R0 = /* @__PURE__ */ H({
+  __name: "AppHeader",
+  props: {
+    changeTheme: { type: Function }
+  },
+  emits: ["sidebar"],
+  setup(t, { emit: e }) {
+    const i = e, o = B(!1), a = B(!1), l = M(() => [
+      { name: "Theme", icon: "icon-theme" },
+      { name: "Logout", icon: "icon-logout" }
+    ]), u = (v) => i("sidebar", v), f = async () => await fetch("/", {
+      method: "get",
+      headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" }
+    }), c = () => {
+      t.changeTheme && t.changeTheme();
+    }, d = ({ name: v }) => {
+      v == "Logout" && f(), v == "Theme" && c();
+    };
+    return (v, C) => {
+      const y = x("icon-burger"), _ = x("v-button"), Z = x("icon-logo"), m = x("router-link"), S = x("IconTheme"), E = x("icon-noti"), k = x("icon-logout"), o1 = x("icon-dots"), r1 = x("v-list"), l1 = x("v-dropdown");
+      return r(), s("header", E0, [
+        n("div", D0, [
+          n("div", P0, [
+            p(_, {
+              type: "icon",
+              color: "gray",
+              class: "me-6",
+              onClick: u
+            }, {
+              default: h(() => [
+                p(y, { class: "h-5 w-5" })
+              ]),
+              _: 1
+            }),
+            C[2] || (C[2] = n("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            n("div", U0, [
+              p(m, { to: "/" }, {
+                default: h(() => [
+                  p(Z, { class: "h-[30px]" })
+                ]),
+                _: 1
+              })
+            ]),
+            C[3] || (C[3] = n("div", { class: "flex-auto" }, null, -1)),
+            n("div", G0, [
+              p(_, {
+                type: "icon",
+                color: "gray",
+                class: "hidden md:flex",
+                onClick: c
+              }, {
+                default: h(() => [
+                  p(S)
+                ]),
+                _: 1
+              }),
+              p(_, {
+                type: "icon",
+                color: "gray",
+                class: "hidden md:flex",
+                onClick: C[0] || (C[0] = j((O) => {
+                  o.value = !o.value, a.value = !1;
+                }, ["prevent"]))
+              }, {
+                default: h(() => [
+                  n("span", {
+                    class: w([a.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400 flex"])
+                  }, 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),
+                  p(E, { class: "h-5 w-5" })
+                ]),
+                _: 1
+              }),
+              p(_, {
+                type: "icon",
+                color: "gray",
+                class: "hidden md:flex",
+                onClick: j(f, ["prevent"])
+              }, {
+                default: h(() => [
+                  p(k, { class: "h-5 w-5" })
+                ]),
+                _: 1
+              })
+            ]),
+            n("div", K0, [
+              p(l1, {
+                left: "unset",
+                right: "0",
+                top: "0"
+              }, {
+                activator: h(({ on: O }) => [
+                  p(_, {
+                    type: "icon",
+                    color: "gray",
+                    class: "flex",
+                    onClick: (n5) => O.click()
+                  }, {
+                    default: h(() => [
+                      p(o1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                default: h(() => [
+                  p(r1, {
+                    list: l.value,
+                    onClick: d
+                  }, {
+                    default: h(({ item: O }) => [
+                      (r(), $(P(O.icon))),
+                      n("span", q0, V(O.name), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["list"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), W0 = /* @__PURE__ */ H({
+  __name: "AppNotification",
+  props: {
+    notifications: { default: () => [] }
+  },
+  emits: ["close"],
+  setup(t, { emit: e }) {
+    const i = e;
+    return (o, a) => {
+      const l = x("v-notification");
+      return r(), s("div", null, [
+        p(d1, {
+          name: "list",
+          tag: "ul",
+          class: "flex flex-col gap-2"
+        }, {
+          default: h(() => [
+            (r(!0), s(A, null, F(o.notifications, (u) => (r(), $(l, I({
+              key: u.id,
+              ref_for: !0
+            }, u, {
+              onClose: (f) => i("close", u)
+            }), null, 16, ["onClose"]))), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+var J0 = {}, Q0 = { class: "fixed h-full w-full top-0 left-0 z-20" }, X0 = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function Y0(t, e) {
+  return r(), s("div", Q0, [
+    e[0] || (e[0] = n("div", { class: "absolute h-full w-full top-0 left-0 bg-gray-900 opacity-40" }, null, -1)),
+    n("div", X0, [
+      b(t.$slots, "default")
+    ])
+  ]);
+}
+const e5 = /* @__PURE__ */ g(J0, [["render", Y0]]), t5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VCardGray: K5
-}, Symbol.toStringTag, { value: "Module" })), T = { ...N5, ...s2, ...J5 }, W5 = {
+  AppDialog: n1,
+  AppHeader: R0,
+  AppNotification: W0,
+  AppOverlay: e5
+}, Symbol.toStringTag, { value: "Module" })), Q = { ...Rt, ...ye, ...t0, ...N0, ...t5 }, r5 = {
   install: (t) => {
-    Object.keys(T).forEach((e) => {
-      t.component(e, T[e]);
-    }), t1.forEach(({ name: e, directive: s }) => t.directive(e, s));
+    Object.keys(Q).forEach((e) => {
+      t.component(e, Q[e]);
+    }), v1.forEach(({ name: e, directive: i }) => t.directive(e, i));
   }
 };
 export {
-  W5 as default
+  r5 as default
 };