vuesp-components 0.1.16 → 0.1.18

package/dist/vuesp-components.es.js

@@ -1,55 +1,370 @@
-import { defineComponent as k, computed as m, createElementBlock as s, openBlock as l, normalizeClass as b, renderSlot as h, createElementVNode as n, ref as w, resolveDirective as K, withDirectives as G, createVNode as M, Transition as W, withCtx as H, createCommentVNode as x, normalizeStyle as z, onMounted as F, toDisplayString as _, Fragment as I, renderList as T, createTextVNode as Z, mergeProps as B, withKeys as E, createBlock as N, normalizeProps as R, guardReactiveProps as U, createStaticVNode as J } from "vue";
-const Q = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", X = /* @__PURE__ */ k({
+import { ref as M, computed as b, createElementBlock as s, openBlock as n, createElementVNode as r, createCommentVNode as x, normalizeClass as C, toDisplayString as m, mergeProps as I, withKeys as D, renderSlot as y, createTextVNode as w, resolveDirective as G, withDirectives as U, createVNode as $, Transition as W, withCtx as k, normalizeStyle as E, defineComponent as H, Fragment as L, renderList as S, createBlock as z, resolveDynamicComponent as R, unref as J, onMounted as P, normalizeProps as Q, guardReactiveProps as X, createStaticVNode as Y } from "vue";
+const e1 = {
+  mounted(t, e) {
+    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"], l1 = {
+  key: 0,
+  class: "text-red-500 h-[24px] px-2 text-xs"
+}, o1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white", j = {
+  __name: "VTextField",
+  props: {
+    modelValue: { type: [String, Number], default: null },
+    label: { type: String, default: "" },
+    disabled: { type: Boolean, default: !1 },
+    type: { type: String, default: "text" },
+    active: { type: Boolean, default: !1 },
+    hideMessage: { type: Boolean, default: !1 },
+    rules: { type: Array, default: function() {
+      return [];
+    } },
+    message: { type: String, default: "" }
+  },
+  emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
+  setup: function(t, e) {
+    var i = e.emit, a = t, l = i, o = M(!1), c = b(function() {
+      return [
+        a.message ? "border-red-500 hover:border-red-400 dark:border-red-700 hover:dark:border-red-800" : "",
+        a.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
+      ];
+    }), v = function(u) {
+      return u || u === 0;
+    }, f = b(function() {
+      return [o1, o.value || v(a.modelValue) || a.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), d = function(u) {
+      var B = u.target;
+      l("update:modelValue", B.value);
+    }, h = function(u) {
+      o.value = !1, l("blur", u);
+    }, p = function(u) {
+      return l("enter", u);
+    }, _ = function() {
+      return o.value = !0;
+    }, V = function(u) {
+      return l("click", u);
+    }, Z = function(u) {
+      a.disabled || l("on-icon", u);
+    };
+    return function(u, B) {
+      return n(), s("div", r1, [
+        r("label", {
+          class: C(["relative w-full h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", c.value])
+        }, [
+          r("span", {
+            class: C(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
+          }, m(t.label), 3),
+          r("input", I(u.$attrs, {
+            value: t.modelValue,
+            disabled: t.disabled,
+            type: t.type,
+            class: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
+            onFocus: _,
+            onBlur: h,
+            onInput: d,
+            onClick: V,
+            onKeypress: D(p, ["enter"])
+          }), null, 16, n1),
+          u.$slots.icon ? (n(), 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
+          }, [
+            y(u.$slots, "icon")
+          ], 8, a1)) : x("", !0)
+        ], 2),
+        t.hideMessage ? x("", !0) : (n(), s("div", l1, [
+          y(u.$slots, "message", {}, function() {
+            return [
+              w(m(t.message), 1)
+            ];
+          })
+        ]))
+      ]);
+    };
+  }
+}, s1 = { class: "relative" }, i1 = { class: "flex items-center cursor-pointer translate-0.5" }, T = {
+  __name: "VDropdown",
+  props: {
+    top: { type: String, default: "calc(100% + 5px)" },
+    left: { type: String, default: "0" },
+    right: { type: String, default: "" },
+    hideOnClick: { type: Boolean, default: !0 },
+    height: { type: String, default: "200px" }
+  },
+  emits: ["click", "show", "close"],
+  setup: function(t, e) {
+    var i = e.emit, a = t, l = i, o = M(!1), c = b(function() {
+      return { top: a.top, left: a.left, right: a.right, "max-height": a.height };
+    }), v = function() {
+      o.value && h();
+    }, f = function() {
+      o.value ? a.hideOnClick && h() : d(), l("click", o.value);
+    }, d = function(p) {
+      o.value = !0, l("show", p);
+    }, h = function(p) {
+      o.value = !1, l("close", p);
+    };
+    return function(p, _) {
+      var V = G("outside");
+      return U((n(), s("div", s1, [
+        r("div", i1, [
+          y(p.$slots, "activator", {
+            on: { click: f },
+            show: o.value
+          })
+        ]),
+        $(W, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 -translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "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: k(function() {
+            return [
+              o.value ? (n(), s("div", {
+                key: 0,
+                class: "z-10 min-w-full absolute overflow-auto shadow-lg",
+                style: E(c.value),
+                onClick: f
+              }, [
+                y(p.$slots, "default", {
+                  show: d,
+                  hide: h,
+                  isShown: o.value
+                })
+              ], 4)) : x("", !0)
+            ];
+          }),
+          _: 3
+        })
+      ])), [
+        [V, v]
+      ]);
+    };
+  }
+};
+const u1 = { class: "bg-white dark:bg-gray-800" }, c1 = ["onClick"], F = /* @__PURE__ */ H({
+  __name: "VList",
+  props: {
+    list: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, a = (l) => i("click", l);
+    return (l, o) => (n(), s("ul", u1, [
+      (n(!0), s(L, null, S(l.list, (c, v) => (n(), s("li", {
+        key: "list_" + v,
+        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] py-1 px-4 border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",
+        onClick: (f) => a(c)
+      }, [
+        y(l.$slots, "default", { item: c }, () => [
+          w(m(c.name), 1)
+        ])
+      ], 8, c1))), 128))
+    ]));
+  }
+}), g = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [a, l] of e)
+    i[a] = l;
+  return i;
+};
+var d1 = {}, f1 = {
+  viewBox: "0 0 24 24",
+  width: "24",
+  height: "24",
+  fill: "currentColor"
+};
+function v1(t, e) {
+  return n(), s("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)
+  ]));
+}
+const O = /* @__PURE__ */ g(d1, [["render", v1]]);
+var h1 = {
+  key: 0,
+  class: "p-4 py-2"
+}, g1 = {
+  __name: "VAutocomplete",
+  props: {
+    value: { type: String, default: "" },
+    valueName: { type: String, default: "name" },
+    placeholder: { type: String, default: "" },
+    list: { type: Array, default: function() {
+      return [];
+    } }
+  },
+  emits: ["change"],
+  setup: function(t) {
+    var e = t, i = M(""), a = b(function() {
+      return e.value;
+    }), l = b(function() {
+      var d = e?.list || [];
+      return d.filter(function(h) {
+        return i.value ? h[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0;
+      });
+    }), o = b(function() {
+      return e.placeholder;
+    }), c = b(function() {
+      var d;
+      return !(!((d = l?.value) === null || d === void 0) && d.length);
+    }), v = function(d) {
+      return i.value = d.target.value;
+    }, f = function(d) {
+      return { "rotate-x-180": d };
+    };
+    return function(d, h) {
+      return n(), z(T, I(d.$attrs, { top: "50px" }), {
+        activator: k(function(p) {
+          var _ = p.show, V = p.on;
+          return [
+            $(j, {
+              value: _ ? i.value : a.value,
+              placeholder: _ ? "Search" : o.value,
+              onClick: V.click,
+              onInput: v,
+              onOnIcon: V.click,
+              onFocus: h[0] || (h[0] = function(Z) {
+                return i.value = "";
+              })
+            }, {
+              icon: k(function() {
+                return [
+                  $(O, {
+                    class: C(["transition", f(_)])
+                  }, null, 8, ["class"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["value", "placeholder", "onClick", "onOnIcon"])
+          ];
+        }),
+        default: k(function() {
+          return [
+            r("div", null, [
+              $(F, {
+                list: l.value,
+                onClick: h[1] || (h[1] = function(p) {
+                  return d.$emit("change", p);
+                })
+              }, {
+                default: k(function(p) {
+                  var _ = p.item;
+                  return [
+                    y(d.$slots, "default", { item: _ }, function() {
+                      return [
+                        w(m(_[t.valueName]), 1)
+                      ];
+                    })
+                  ];
+                }),
+                _: 3
+              }, 8, ["list"])
+            ]),
+            c.value ? (n(), s("div", h1, "Not found")) : x("", !0)
+          ];
+        }),
+        _: 3
+      }, 16);
+    };
+  }
+};
+const p1 = { class: "flex items-center gap-1.5" }, y1 = /* @__PURE__ */ H({
+  __name: "VBreadcrumb",
+  props: {
+    items: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    return (i, a) => (n(), s("nav", null, [
+      r("ol", p1, [
+        (n(!0), s(L, null, S(i.items, (l, o) => (n(), s("li", {
+          key: o,
+          class: C(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", l.path ? "" : "text-gray-800 dark:text-white/90"])
+        }, [
+          y(i.$slots, "default", { item: l }, () => [
+            (n(), z(R(l.path ? "a" : "span"), {
+              href: l.path
+            }, {
+              default: k(() => [
+                w(m(l.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"]))
+          ]),
+          l.path ? (n(), z(O, {
+            key: 0,
+            class: "rotate-270"
+          })) : x("", !0)
+        ], 2))), 128))
+      ])
+    ]));
+  }
+}), m1 = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", C1 = /* @__PURE__ */ H({
   __name: "VButton",
   props: {
     block: { type: Boolean },
     outline: { type: Boolean, default: !1 },
     color: { default: "gray" },
     size: { default: "normal" },
-    type: { default: "button" }
+    type: { default: "button" },
+    loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const c = e, r = (a) => c("click", a), o = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", i = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", u = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", C = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", d = { green: o, red: i, gray: u, blue: C }, f = {
+    const i = e, a = (u) => i("click", u), l = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", o = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", c = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", v = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", f = { green: l, red: o, gray: c, blue: v }, d = {
       button: "px-4",
       icon: "h-10 w-10 rounded-full border border-gray-200 dark:border-gray-800"
-    }, g = { normal: "h-10", small: "h-8" }, p = (a) => g?.[a] || "", V = (a) => f?.[a] || "", y = (a) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${d?.[a] || ""}`, L = m(() => [Q, y(t.color), V(t.type), p(t.size), { "w-full": t.block }]);
-    return (a, $) => (l(), s("button", {
-      class: b(L.value),
-      onClick: r
+    }, h = { normal: "h-10", small: "h-8" }, p = (u) => h?.[u] || "", _ = (u) => d?.[u] || "", V = (u) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${f?.[u] || ""}`, Z = b(() => [m1, V(t.color), _(t.type), p(t.size), { "w-full": t.block }]);
+    return (u, B) => (n(), s("button", {
+      class: C(Z.value),
+      onClick: a
     }, [
-      h(a.$slots, "default")
+      r("span", {
+        class: C(u.loading ? "opacity-0" : "")
+      }, [
+        y(u.$slots, "default")
+      ], 2),
+      u.loading ? (n(), z(J(q), {
+        key: 0,
+        class: "absolute left-1/2 -translate-x-1/2"
+      })) : x("", !0)
     ], 2));
   }
-}), v = (t, e) => {
-  const c = t.__vccOpts || t;
-  for (const [r, o] of e)
-    c[r] = o;
-  return c;
-};
-var Y = {}, e1 = {
+});
+var _1 = {}, b1 = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function t1(t, e) {
-  return l(), s("svg", e1, e[0] || (e[0] = [
-    n("circle", {
+function x1(t, e) {
+  return n(), s("svg", b1, e[0] || (e[0] = [
+    r("circle", {
       class: "opacity-25",
       cx: "12",
       cy: "12",
       r: "10",
       stroke: "currentColor",
-      "stroke-width": "4"
+      "stroke-width": "2"
     }, null, -1),
-    n("path", {
+    r("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 r1 = /* @__PURE__ */ v(Y, [["render", t1]]), n1 = { class: "inline-flex items-center cursor-pointer relative" }, a1 = ["checked", "disabled"], l1 = { class: "text-sm ms-2" }, o1 = /* @__PURE__ */ k({
+const q = /* @__PURE__ */ g(_1, [["render", x1]]), V1 = ["checked", "disabled"], k1 = { class: "text-sm ms-2 peer-disabled:opacity-40" }, $1 = /* @__PURE__ */ H({
   __name: "VCheckbox",
   props: {
     modelValue: { default: "" },
@@ -57,202 +372,109 @@ const r1 = /* @__PURE__ */ v(Y, [["render", t1]]), n1 = { class: "inline-flex it
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const c = e, r = ({ target: o }) => c("update:modelValue", o.checked);
-    return (o, i) => (l(), s("label", n1, [
-      n("input", {
+    const i = e, a = ({ target: l }) => i("update:modelValue", l.checked);
+    return (l, o) => (n(), s("label", {
+      class: C(["inline-flex items-center relative", { "cursor-pointer": !l.disabled }])
+    }, [
+      r("input", {
         type: "checkbox",
-        checked: o.modelValue,
-        disabled: o.disabled,
-        class: "peer h-5 w-5 transition-all appearance-none rounded border border-slate-300 checked:bg-primary checked:border-primary",
-        onChange: r
-      }, null, 40, a1),
-      i[0] || (i[0] = n("span", { class: "absolute text-white opacity-0 peer-checked:opacity-100 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
-        n("svg", {
+        checked: l.modelValue,
+        disabled: l.disabled,
+        class: "peer h-5 w-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40",
+        onChange: a
+      }, null, 40, V1),
+      o[0] || (o[0] = r("span", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
+        r("svg", {
           class: "h-3.5 w-3.5",
           viewBox: "0 0 20 20",
           fill: "currentColor",
           stroke: "currentColor",
           "stroke-width": "1"
         }, [
-          n("path", {
+          r("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)),
-      n("span", l1, [
-        h(o.$slots, "default")
+      r("span", k1, [
+        y(l.$slots, "default")
       ])
-    ]));
+    ], 2));
   }
 });
-var i1 = { class: "relative" }, s1 = { class: "flex items-center cursor-pointer" }, D = {
-  __name: "VDropdown",
-  props: {
-    top: { type: String, default: "calc(100% + 5px)" },
-    left: { type: String, default: "0" },
-    right: { type: String, default: "" },
-    hideOnClick: { type: Boolean, default: !0 },
-    height: { type: String, default: "200px" }
-  },
-  emits: ["click", "show", "close"],
-  setup: function(t, e) {
-    var c = e.emit, r = t, o = c, i = w(!1), u = m(function() {
-      return { top: r.top, left: r.left, right: r.right, "max-height": r.height };
-    }), C = function() {
-      i.value && g();
-    }, d = function() {
-      i.value ? r.hideOnClick && g() : f(), o("click", i.value);
-    }, f = function(p) {
-      i.value = !0, o("show", p);
-    }, g = function(p) {
-      i.value = !1, o("close", p);
-    };
-    return function(p, V) {
-      var y = K("outside");
-      return G((l(), s("div", i1, [
-        n("div", s1, [
-          h(p.$slots, "activator", {
-            on: { click: d },
-            show: i.value
-          })
-        ]),
-        M(W, { name: "slide" }, {
-          default: H(function() {
-            return [
-              i.value ? (l(), s("div", {
-                key: 0,
-                class: "z-10 min-w-full absolute overflow-auto shadow-lg",
-                style: z(u.value),
-                onClick: d
-              }, [
-                h(p.$slots, "default", {
-                  show: f,
-                  hide: g,
-                  isShown: i.value
-                })
-              ], 4)) : x("", !0)
-            ];
-          }),
-          _: 3
-        })
-      ])), [
-        [y, C]
-      ]);
-    };
-  }
-}, u1 = {}, c1 = {
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none"
-};
-function d1(t, e) {
-  return l(), s("svg", c1, e[0] || (e[0] = [
-    n("path", {
-      d: "M4.79175 7.39584L10.0001 12.6042L15.2084 7.39585",
-      stroke: "currentColor",
-      "stroke-width": "1.5",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, null, -1)
-  ]));
-}
-const j = /* @__PURE__ */ v(u1, [["render", d1]]);
-var f1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, v1 = { class: "p-4" }, C1 = {
+var w1 = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, H1 = { class: "p-4" }, L1 = {
   __name: "VExpansion",
   props: {
     label: { type: String, default: "" },
     value: { type: Boolean, default: !1 }
   },
   setup: function(t) {
-    var e = t, c = w(null), r = w(e.value), o = function() {
-      var u = c.value.querySelector(".v-expansion__content");
-      u.style.maxHeight = r.value ? "".concat(u.scrollHeight, "px") : "0";
-    }, i = function() {
-      r.value = !r.value, o();
+    var e = t, i = M(null), a = M(e.value), l = function() {
+      var c = i.value.querySelector(".v-expansion__content");
+      c.style.maxHeight = a.value ? "".concat(c.scrollHeight, "px") : "0";
+    }, o = function() {
+      a.value = !a.value, l();
     };
-    return F(function() {
-      o();
-    }), function(u, C) {
-      return l(), s("div", {
+    return P(function() {
+      l();
+    }), function(c, v) {
+      return n(), s("div", {
         ref_key: "root",
-        ref: c,
+        ref: i,
         class: "border-b dark:border-gray-700 border-gray-200"
       }, [
-        n("div", {
+        r("div", {
           class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
-          onClick: i
+          onClick: o
         }, [
-          n("h4", null, _(t.label), 1),
-          n("div", {
-            class: b(["transition text-gray-400", { "rotate-180": r.value }])
+          r("h4", null, m(t.label), 1),
+          r("div", {
+            class: C(["transition text-gray-400", { "rotate-180": a.value }])
           }, [
-            M(j)
+            $(O)
           ], 2)
         ]),
-        n("div", f1, [
-          n("div", v1, [
-            h(u.$slots, "default")
+        r("div", w1, [
+          r("div", H1, [
+            y(c.$slots, "default")
           ])
         ])
       ], 512);
     };
   }
-};
-const h1 = { class: "bg-white dark:bg-gray-800" }, g1 = ["onClick"], P = /* @__PURE__ */ k({
-  __name: "VList",
-  props: {
-    list: { default: () => [] }
-  },
-  emits: ["click"],
-  setup(t, { emit: e }) {
-    const c = e, r = (o) => c("click", o);
-    return (o, i) => (l(), s("ul", h1, [
-      (l(!0), s(I, null, T(o.list, (u, C) => (l(), s("li", {
-        key: "list_" + C,
-        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] py-1 px-4 border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",
-        onClick: (d) => r(u)
-      }, [
-        h(o.$slots, "default", { item: u }, () => [
-          Z(_(u.name), 1)
-        ])
-      ], 8, g1))), 128))
-    ]));
-  }
-});
-var S = function() {
-  return S = Object.assign || function(e) {
-    for (var c, r = 1, o = arguments.length; r < o; r++) {
-      c = arguments[r];
-      for (var i in c) Object.prototype.hasOwnProperty.call(c, i) && (e[i] = c[i]);
+}, N = function() {
+  return N = Object.assign || function(e) {
+    for (var i, a = 1, l = arguments.length; a < l; a++) {
+      i = arguments[a];
+      for (var o in i) Object.prototype.hasOwnProperty.call(i, o) && (e[o] = i[o]);
     }
     return e;
-  }, S.apply(this, arguments);
+  }, N.apply(this, arguments);
 };
-var p1 = {}, _1 = {
+var M1 = {}, Z1 = {
+  viewBox: "0 0 24 24",
   width: "24",
   height: "24",
-  viewBox: "0 0 8 8",
   fill: "currentColor"
 };
-function m1(t, e) {
-  return l(), s("svg", _1, e[0] || (e[0] = [
-    n("path", { d: "M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L4 3.29289L6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L4.70711 4L7.35355 6.64645C7.54882 6.84171 7.54882 7.15829 7.35355 7.35355C7.15829 7.54882 6.84171 7.54882 6.64645 7.35355L4 4.70711L1.35355 7.35355C1.15829 7.54882 0.841709 7.54882 0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L3.29289 4L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z" }, null, -1)
+function B1(t, e) {
+  return n(), s("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)
   ]));
 }
-const A = /* @__PURE__ */ v(p1, [["render", m1]]);
-var b1 = {
+const K = /* @__PURE__ */ g(M1, [["render", B1]]);
+var S1 = {
   class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
   role: "alert"
-}, y1 = { class: "flex items-center gap-4 text-sm" }, x1 = { class: "flex-auto" }, V1 = {
+}, z1 = { class: "flex items-center gap-4 text-sm" }, I1 = { class: "flex-auto" }, O1 = {
   key: 0,
   class: "text-green-600"
-}, $1 = {
+}, N1 = {
   key: 0,
   class: "w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2"
-}, w1 = {
+}, E1 = {
   __name: "VNotification",
   props: {
     text: { type: String, default: "" },
@@ -271,127 +493,45 @@ var b1 = {
   },
   emits: ["close"],
   setup: function(t, e) {
-    var c = e.emit, r = t, o = c, i = m(function() {
-      return r.status ? Math.ceil(r.size * 100 / r.length) : 100;
-    }), u = m(function() {
-      return !!r.length;
-    }), C = m(function() {
-      return !!(u.value && i.value === 100 && !r.status);
+    var i = e.emit, a = t, l = i, o = b(function() {
+      return a.status ? Math.ceil(a.size * 100 / a.length) : 100;
+    }), c = b(function() {
+      return !!a.length;
+    }), v = b(function() {
+      return !!(c.value && o.value === 100 && !a.status);
     });
-    return F(function() {
-      var d = r.timeout;
-      d && setTimeout(function() {
-        o("close", S({}, r));
-      }, d * 1e3);
-    }), function(d, f) {
-      return l(), s("div", b1, [
-        n("div", y1, [
-          n("div", x1, _(t.text), 1),
-          C.value ? (l(), s("span", V1, "Done")) : x("", !0),
-          n("button", {
+    return P(function() {
+      var f = a.timeout;
+      f && setTimeout(function() {
+        l("close", N({}, a));
+      }, f * 1e3);
+    }), function(f, d) {
+      return n(), s("div", S1, [
+        r("div", z1, [
+          r("div", I1, m(t.text), 1),
+          v.value ? (n(), s("span", O1, "Done")) : x("", !0),
+          r("button", {
             class: "transition text-gray-400 self-start hover:text-gray-600",
-            onClick: f[0] || (f[0] = function(g) {
-              return o("close", d.item);
+            onClick: d[0] || (d[0] = function(h) {
+              return l("close", f.item);
             })
           }, [
-            M(A, { class: "h-4 w-4" })
+            $(K, { class: "h-4 w-4" })
           ])
         ]),
-        u.value ? (l(), s("div", $1, [
-          n("div", {
+        c.value ? (n(), s("div", N1, [
+          r("div", {
             class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
-            style: z("width: ".concat(i.value, "%"))
-          }, _(i.value) + "%", 5)
+            style: E("width: ".concat(o.value, "%"))
+          }, m(o.value) + "%", 5)
         ])) : x("", !0)
       ]);
     };
   }
-}, k1 = { class: "w-full relative dark:bg-gray-800" }, L1 = ["value", "disabled", "type"], H1 = ["disabled"], M1 = {
-  key: 0,
-  class: "text-red-500 h-[24px] px-2 text-xs"
-}, Z1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white", q = {
-  __name: "VTextField",
-  props: {
-    modelValue: { type: [String, Number], default: null },
-    label: { type: String, default: "" },
-    disabled: { type: Boolean, default: !1 },
-    type: { type: String, default: "text" },
-    active: { type: Boolean, default: !1 },
-    hideMessage: { type: Boolean, default: !1 },
-    rules: { type: Array, default: function() {
-      return [];
-    } },
-    message: { type: String, default: "" }
-  },
-  emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
-  setup: function(t, e) {
-    var c = e.emit, r = t, o = c, i = w(!1), u = m(function() {
-      return [
-        r.message ? "border-red-500 hover:border-red-400" : "",
-        r.disabled ? "border-gray-400 opacity-50 hover:border-gray-400" : "border-gray-300 dark:border-gray-600 hover:border-secondary"
-      ];
-    }), C = function(a) {
-      return a || a === 0;
-    }, d = m(function() {
-      return [Z1, i.value || C(r.modelValue) || r.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), f = function(a) {
-      var $ = a.target;
-      o("update:modelValue", $.value);
-    }, g = function(a) {
-      i.value = !1, o("blur", a);
-    }, p = function(a) {
-      return o("enter", a);
-    }, V = function() {
-      return i.value = !0;
-    }, y = function(a) {
-      return o("click", a);
-    }, L = function(a) {
-      r.disabled || o("on-icon", a);
-    };
-    return function(a, $) {
-      return l(), s("div", k1, [
-        n("label", {
-          class: b(["relative w-full h-[40px] border flex items-center rounded transition", u.value])
-        }, [
-          n("span", {
-            class: b(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
-          }, _(t.label), 3),
-          n("input", B(a.$attrs, {
-            value: t.modelValue,
-            disabled: t.disabled,
-            type: t.type,
-            class: "w-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
-            onFocus: V,
-            onBlur: g,
-            onInput: f,
-            onClick: y,
-            onKeypress: E(p, ["enter"])
-          }), null, 16, L1),
-          a.$slots.icon ? (l(), s("button", {
-            key: 0,
-            disabled: t.disabled,
-            style: { flex: "0 0 50px" },
-            class: "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-600",
-            onClick: L
-          }, [
-            h(a.$slots, "icon")
-          ], 8, H1)) : x("", !0)
-        ], 2),
-        !t.hideMessage && t.message ? (l(), s("div", M1, [
-          h(a.$slots, "message", {}, function() {
-            return [
-              Z(_(t.message), 1)
-            ];
-          })
-        ])) : x("", !0)
-      ]);
-    };
-  }
-}, B1 = {
+}, j1 = {
   __name: "VSelect",
   props: {
     value: { type: String, default: "" },
-    modelValue: { type: [String, Number], default: "" },
     valueName: { type: String, default: "name" },
     label: { type: String, default: "" },
     list: { type: Array, default: function() {
@@ -400,50 +540,47 @@ var b1 = {
   },
   emits: ["change"],
   setup: function(t, e) {
-    var c = e.emit, r = c, o = function(u) {
-      return r("change", u);
-    }, i = function(u) {
-      return { "rotate-x-180": u };
+    var i = e.emit, a = i, l = function(c) {
+      return a("change", c);
+    }, o = function(c) {
+      return { "rotate-x-180": c };
     };
-    return function(u, C) {
-      return l(), N(D, B({ class: "relative w-full" }, u.$attrs), {
-        activator: H(function(d) {
-          var f = d.on, g = d.show;
+    return function(c, v) {
+      return n(), z(T, I({ class: "relative w-full" }, c.$attrs, { top: "50px" }), {
+        activator: k(function(f) {
+          var d = f.on, h = f.show;
           return [
-            (l(), N(q, {
-              key: t.value,
+            $(j, {
               "model-value": t.value,
-              title: t.value,
               readonly: "",
               active: "",
-              "hide-message": "",
               label: t.label,
-              onClick: f.click,
-              onOnIcon: f.click
+              onClick: d.click,
+              onOnIcon: d.click
             }, {
-              icon: H(function() {
+              icon: k(function() {
                 return [
-                  M(j, {
-                    class: b(["transition-all", i(g)])
+                  $(O, {
+                    class: C(["transition", o(h)])
                   }, null, 8, ["class"])
                 ];
               }),
               _: 2
-            }, 1032, ["model-value", "title", "label", "onClick", "onOnIcon"]))
+            }, 1032, ["model-value", "label", "onClick", "onOnIcon"])
           ];
         }),
-        default: H(function() {
+        default: k(function() {
           return [
-            M(P, {
+            $(F, {
               list: t.list,
-              onClick: o
+              onClick: l
             }, {
-              default: H(function(d) {
-                var f = d.item;
+              default: k(function(f) {
+                var d = f.item;
                 return [
-                  h(u.$slots, "default", { item: f }, function() {
+                  y(c.$slots, "default", { item: d }, function() {
                     return [
-                      Z(_(f.name), 1)
+                      w(m(d.name), 1)
                     ];
                   })
                 ];
@@ -456,10 +593,10 @@ var b1 = {
       }, 16);
     };
   }
-}, S1 = { class: "w-full relative dark:bg-gray-800" }, z1 = ["value", "disabled", "type"], I1 = ["disabled"], j1 = {
+}, T1 = { class: "w-full relative" }, F1 = ["value", "disabled", "type"], A1 = ["disabled"], D1 = {
   key: 0,
   class: "text-red-500 h-[24px] px-2 text-xs"
-}, N1 = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 after:dark:bg-gray-800 after:bg-white", O1 = {
+}, 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", q1 = {
   __name: "VTextarea",
   props: {
     modelValue: { type: [String, Number], default: null },
@@ -475,150 +612,206 @@ var b1 = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup: function(t, e) {
-    var c = e.emit, r = t, o = c, i = w(!1), u = m(function() {
+    var i = e.emit, a = t, l = i, o = M(!1), c = b(function() {
       return [
-        r.message ? "border-red-500 hover:border-red-400" : "",
-        r.disabled ? "border-gray-400 opacity-50 hover:border-gray-400" : "border-primary hover:border-secondary"
+        a.message ? "border-red-500 hover:border-red-400" : "",
+        a.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
       ];
-    }), C = function(a) {
-      return a || a === 0;
-    }, d = m(function() {
-      return [N1, i.value || C(r.modelValue) || r.active ? "top-0 left-3 text-xs" : "top-1/2"];
-    }), f = function(a) {
-      var $ = a.target;
-      o("update:modelValue", $.value);
-    }, g = function(a) {
-      i.value = !1, o("blur", a);
-    }, p = function(a) {
-      return o("enter", a);
-    }, V = function() {
-      return i.value = !0;
-    }, y = function(a) {
-      return o("click", a);
-    }, L = function(a) {
-      r.disabled || o("on-icon", a);
+    }), v = function(u) {
+      return u || u === 0;
+    }, f = b(function() {
+      return [P1, o.value || v(a.modelValue) || a.active ? "top-0 left-3 text-xs" : "top-1/2"];
+    }), d = function(u) {
+      var B = u.target;
+      l("update:modelValue", B.value);
+    }, h = function(u) {
+      o.value = !1, l("blur", u);
+    }, p = function(u) {
+      return l("enter", u);
+    }, _ = function() {
+      return o.value = !0;
+    }, V = function(u) {
+      return l("click", u);
+    }, Z = function(u) {
+      a.disabled || l("on-icon", u);
     };
-    return function(a, $) {
-      return l(), s("div", S1, [
-        n("label", {
-          class: b(["relative w-full min-h-[40px] border flex items-center rounded transition", u.value])
+    return function(u, B) {
+      return n(), s("div", T1, [
+        r("label", {
+          class: C(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition dark:bg-gray-800", c.value])
         }, [
-          n("span", {
-            class: b(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
-          }, _(t.label), 3),
-          n("textarea", B(a.$attrs, {
+          r("span", {
+            class: C(["absolute left-4 transition-all rounded duration-300 -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
+          }, m(t.label), 3),
+          r("textarea", I(u.$attrs, {
             value: t.modelValue,
             disabled: t.disabled,
             type: t.type,
             rows: "2",
             wrap: "",
             class: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent",
-            onFocus: V,
-            onBlur: g,
-            onInput: f,
-            onClick: y,
-            onKeypress: E(p, ["enter"])
-          }), null, 16, z1),
-          a.$slots.icon ? (l(), s("button", {
+            onFocus: _,
+            onBlur: h,
+            onInput: d,
+            onClick: V,
+            onKeypress: D(p, ["enter"])
+          }), null, 16, F1),
+          u.$slots.icon ? (n(), 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: L
+            onClick: Z
           }, [
-            h(a.$slots, "icon")
-          ], 8, I1)) : x("", !0)
+            y(u.$slots, "icon")
+          ], 8, A1)) : x("", !0)
         ], 2),
-        !t.hideMessage && t.message ? (l(), s("div", j1, [
-          h(a.$slots, "message", {}, function() {
+        t.hideMessage ? x("", !0) : (n(), s("div", D1, [
+          y(u.$slots, "message", {}, function() {
             return [
-              Z(_(t.message), 1)
+              w(m(t.message), 1)
             ];
           })
-        ])) : x("", !0)
+        ]))
       ]);
     };
   }
 };
-const F1 = { class: "flex items-center cursor-pointer" }, T1 = /* @__PURE__ */ k({
+const K1 = { class: "flex items-center cursor-pointer" }, G1 = /* @__PURE__ */ H({
   __name: "VTextFieldFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const c = e, r = w({ files: [], totalSize: 0 }), o = async (i) => {
-      const u = i.target.files, C = { files: [], totalSize: 0 };
-      for (let d = 0; d < u.length; d++) {
-        const f = u.item(d);
-        f && (C.totalSize += f.size, C.files.push({ name: f.name, size: f.size }));
+    const i = e, a = M({ files: [], totalSize: 0 }), l = async (o) => {
+      const c = o.target.files, v = { files: [], totalSize: 0 };
+      for (let f = 0; f < c.length; f++) {
+        const d = c.item(f);
+        d && (v.totalSize += d.size, v.files.push({ name: d.name, size: d.size }));
       }
-      u.length && (r.value = C, c("change", { files: u, info: C }));
+      c.length && (a.value = v, i("change", { files: c, info: v }));
     };
-    return (i, u) => (l(), s("label", F1, [
-      n("input", B({
+    return (o, c) => (n(), s("label", K1, [
+      r("input", I({
         type: "file",
         class: "hidden"
-      }, i.$attrs, { onChange: o }), null, 16),
-      h(i.$slots, "default", R(U(r.value)))
+      }, o.$attrs, { onChange: l }), null, 16),
+      y(o.$slots, "default", Q(X(a.value)))
     ]));
   }
-}), E1 = { class: "relative flex items-end gap-0.5 w-10" }, D1 = ["title"], P1 = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, A1 = /* @__PURE__ */ k({
+}), U1 = { class: "min-w-full" }, W1 = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, R1 = { class: "bg-gray-50 dark:bg-gray-800" }, J1 = { class: "flex items-center px-2" }, Q1 = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, X1 = ["onClick"], Y1 = { class: "flex items-center text-gray-700 dark:text-gray-400" }, ee = {
+  key: 1,
+  class: ""
+}, te = {
+  class: "py-3 whitespace-nowrap",
+  colspan: "9"
+}, re = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ne = /* @__PURE__ */ H({
+  __name: "VTable",
+  props: {
+    headers: { default: () => [] },
+    items: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, a = (o, c) => {
+      i("click", { item: o, event: c });
+    }, l = (o) => o?.className || "";
+    return (o, c) => (n(), s("table", U1, [
+      r("thead", W1, [
+        r("tr", R1, [
+          (n(!0), s(L, null, S(o.headers, (v, f) => (n(), s("th", {
+            key: f,
+            class: C(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", l(v)])
+          }, [
+            y(o.$slots, "header", { item: v }, () => [
+              r("div", J1, m(v.name), 1)
+            ])
+          ], 2))), 128))
+        ])
+      ]),
+      r("tbody", Q1, [
+        o.items.length ? (n(!0), s(L, { key: 0 }, S(o.items, (v, f) => (n(), s("tr", {
+          key: f,
+          class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
+          onClick: (d) => a(v, d)
+        }, [
+          (n(!0), s(L, null, S(o.headers, (d, h) => (n(), s("td", {
+            key: h,
+            class: "py-2 whitespace-nowrap px-4"
+          }, [
+            r("div", Y1, [
+              y(o.$slots, d.key, { item: v }, () => [
+                w(m(v[d.key]), 1)
+              ])
+            ])
+          ]))), 128))
+        ], 8, X1))), 128)) : (n(), s("tr", ee, [
+          r("td", te, [
+            r("div", re, [
+              y(o.$slots, "empty", {}, () => [
+                c[0] || (c[0] = w("The list is empty"))
+              ])
+            ])
+          ])
+        ]))
+      ])
+    ]));
+  }
+}), ae = { class: "relative flex items-end gap-0.5 w-10" }, le = ["title"], oe = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, se = /* @__PURE__ */ H({
   __name: "WifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
   setup(t) {
-    const e = 2 * (t.rssi + 100), c = (r) => r < e;
-    return (r, o) => (l(), s("div", E1, [
-      (l(), s(I, null, T([10, 15, 25, 40, 70], (i, u) => n("div", {
-        key: i,
-        class: b(["w-1 h-5 rounded-lg", [c(i) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: z(`height: ${(u + 1) * 5}px`),
-        title: `rssi: ${r.rssi} channel: ${r.channel}`
-      }, null, 14, D1)), 64)),
-      n("div", P1, _(r.channel), 1)
+    const e = 2 * (t.rssi + 100), i = (a) => a < e;
+    return (a, l) => (n(), s("div", ae, [
+      (n(), s(L, null, S([10, 15, 25, 40, 70], (o, c) => r("div", {
+        key: o,
+        class: C(["w-1 h-5 rounded-lg", [i(o) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: E(`height: ${(c + 1) * 5}px`),
+        title: `rssi: ${a.rssi} channel: ${a.channel}`
+      }, null, 14, le)), 64)),
+      r("div", oe, m(a.channel), 1)
     ]));
   }
-}), q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VButton: X,
-  VCheckbox: o1,
-  VDropdown: D,
-  VExpansion: C1,
-  VList: P,
-  VLoader: r1,
-  VNotification: w1,
-  VSelect: B1,
-  VTextField: q,
-  VTextFieldFile: T1,
-  VTextarea: O1,
-  WifiIcon: A1
+  VAutocomplete: g1,
+  VBreadcrumb: y1,
+  VButton: C1,
+  VCheckbox: $1,
+  VDropdown: T,
+  VExpansion: L1,
+  VList: F,
+  VLoader: q,
+  VNotification: E1,
+  VSelect: j1,
+  VTable: ne,
+  VTextField: j,
+  VTextFieldFile: G1,
+  VTextarea: q1,
+  WifiIcon: se
 }, Symbol.toStringTag, { value: "Module" }));
-var K1 = {}, G1 = {
-  width: "16",
-  height: "12",
-  viewBox: "0 0 16 12",
-  fill: "none"
+var ue = {}, ce = {
+  viewBox: "0 0 24 24",
+  width: "24",
+  height: "24",
+  fill: "currentColor"
 };
-function W1(t, e) {
-  return l(), s("svg", G1, e[0] || (e[0] = [
-    n("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M0.583252 1C0.583252 0.585788 0.919038 0.25 1.33325 0.25H14.6666C15.0808 0.25 15.4166 0.585786 15.4166 1C15.4166 1.41421 15.0808 1.75 14.6666 1.75L1.33325 1.75C0.919038 1.75 0.583252 1.41422 0.583252 1ZM0.583252 11C0.583252 10.5858 0.919038 10.25 1.33325 10.25L14.6666 10.25C15.0808 10.25 15.4166 10.5858 15.4166 11C15.4166 11.4142 15.0808 11.75 14.6666 11.75L1.33325 11.75C0.919038 11.75 0.583252 11.4142 0.583252 11ZM1.33325 5.25C0.919038 5.25 0.583252 5.58579 0.583252 6C0.583252 6.41421 0.919038 6.75 1.33325 6.75L7.99992 6.75C8.41413 6.75 8.74992 6.41421 8.74992 6C8.74992 5.58579 8.41413 5.25 7.99992 5.25L1.33325 5.25Z",
-      fill: ""
-    }, null, -1)
+function de(t, e) {
+  return n(), s("svg", ce, e[0] || (e[0] = [
+    r("path", { d: "M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z" }, null, -1)
   ]));
 }
-const R1 = /* @__PURE__ */ v(K1, [["render", W1]]);
-var U1 = {}, J1 = {
+const fe = /* @__PURE__ */ g(ue, [["render", de]]);
+var ve = {}, he = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function Q1(t, e) {
-  return l(), s("svg", J1, e[0] || (e[0] = [
-    n("path", {
+function ge(t, e) {
+  return n(), s("svg", he, e[0] || (e[0] = [
+    r("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",
@@ -626,271 +819,260 @@ function Q1(t, e) {
     }, null, -1)
   ]));
 }
-const X1 = /* @__PURE__ */ v(U1, [["render", Q1]]);
-var Y1 = {}, e0 = {
+const pe = /* @__PURE__ */ g(ve, [["render", ge]]);
+var ye = {}, me = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function t0(t, e) {
-  return l(), s("svg", e0, e[0] || (e[0] = [
-    n("path", { d: "M11.0001 14V11H13.0001V14H18.0001C18.5524 14 19.0001 14.4477 19.0001 15V21C19.0001 21.5523 18.5524 22 18.0001 22H6.00015C5.44786 22 5.00015 21.5523 5.00015 21V15C5.00015 14.4477 5.44786 14 6.00015 14H11.0001ZM2.51074 8.83686C3.83432 4.86424 7.58275 2 12.0001 2C16.4176 2 20.166 4.86424 21.4896 8.83686L19.5917 9.46949C18.5328 6.29139 15.5341 4 12.0001 4C8.46623 4 5.46749 6.29139 4.40862 9.46949L2.51074 8.83686ZM6.3065 10.1021C7.10065 7.71854 9.34971 6 12.0001 6C14.6506 6 16.8996 7.71854 17.6938 10.1021L15.7959 10.7347C15.2665 9.1457 13.7671 8 12.0001 8C10.2332 8 8.73382 9.1457 8.20439 10.7347L6.3065 10.1021ZM7.00015 16V20H17.0001V16H7.00015Z" }, null, -1)
+function Ce(t, e) {
+  return n(), s("svg", me, e[0] || (e[0] = [
+    r("path", { d: "M11.0001 14V11H13.0001V14H18.0001C18.5524 14 19.0001 14.4477 19.0001 15V21C19.0001 21.5523 18.5524 22 18.0001 22H6.00015C5.44786 22 5.00015 21.5523 5.00015 21V15C5.00015 14.4477 5.44786 14 6.00015 14H11.0001ZM2.51074 8.83686C3.83432 4.86424 7.58275 2 12.0001 2C16.4176 2 20.166 4.86424 21.4896 8.83686L19.5917 9.46949C18.5328 6.29139 15.5341 4 12.0001 4C8.46623 4 5.46749 6.29139 4.40862 9.46949L2.51074 8.83686ZM6.3065 10.1021C7.10065 7.71854 9.34971 6 12.0001 6C14.6506 6 16.8996 7.71854 17.6938 10.1021L15.7959 10.7347C15.2665 9.1457 13.7671 8 12.0001 8C10.2332 8 8.73382 9.1457 8.20439 10.7347L6.3065 10.1021ZM7.00015 16V20H17.0001V16H7.00015Z" }, null, -1)
   ]));
 }
-const r0 = /* @__PURE__ */ v(Y1, [["render", t0]]);
-var n0 = {}, a0 = {
+const _e = /* @__PURE__ */ g(ye, [["render", Ce]]);
+var be = {}, xe = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "currentColor"
 };
-function l0(t, e) {
-  return l(), s("svg", a0, e[0] || (e[0] = [
-    n("path", {
+function Ve(t, e) {
+  return n(), s("svg", xe, e[0] || (e[0] = [
+    r("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 o0 = /* @__PURE__ */ v(n0, [["render", l0]]);
-var i0 = {}, s0 = {
+const ke = /* @__PURE__ */ g(be, [["render", Ve]]);
+var $e = {}, we = {
   viewBox: "0 0 24 24",
-  width: "20",
-  height: "20",
+  width: "24",
+  height: "24",
   fill: "currentColor"
 };
-function u0(t, e) {
-  return l(), s("svg", s0, e[0] || (e[0] = [
-    n("path", { d: "M9.34268 18.7819L7.41083 18.2642L8.1983 15.3254C7.00919 14.8874 5.91661 14.2498 4.96116 13.4534L2.80783 15.6067L1.39362 14.1925L3.54695 12.0392C2.35581 10.6103 1.52014 8.87466 1.17578 6.96818L3.14386 6.61035C3.90289 10.8126 7.57931 14.0001 12.0002 14.0001C16.4211 14.0001 20.0976 10.8126 20.8566 6.61035L22.8247 6.96818C22.4803 8.87466 21.6446 10.6103 20.4535 12.0392L22.6068 14.1925L21.1926 15.6067L19.0393 13.4534C18.0838 14.2498 16.9912 14.8874 15.8021 15.3254L16.5896 18.2642L14.6578 18.7819L13.87 15.8418C13.2623 15.9459 12.6376 16.0001 12.0002 16.0001C11.3629 16.0001 10.7381 15.9459 10.1305 15.8418L9.34268 18.7819Z" }, null, -1)
+function He(t, e) {
+  return n(), s("svg", we, 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)
   ]));
 }
-const c0 = /* @__PURE__ */ v(i0, [["render", u0]]);
-var d0 = {}, f0 = {
+const Le = /* @__PURE__ */ g($e, [["render", He]]);
+var Me = {}, Ze = {
   viewBox: "0 0 24 24",
-  width: "20",
-  height: "20",
+  width: "24",
+  height: "24",
   fill: "currentColor"
 };
-function v0(t, e) {
-  return l(), s("svg", f0, e[0] || (e[0] = [
-    n("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" }, null, -1)
+function Be(t, e) {
+  return n(), s("svg", Ze, 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)
   ]));
 }
-const C0 = /* @__PURE__ */ v(d0, [["render", v0]]);
-var h0 = {}, g0 = {
+const Se = /* @__PURE__ */ g(Me, [["render", Be]]);
+var ze = {}, Ie = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function p0(t, e) {
-  return l(), s("svg", g0, e[0] || (e[0] = [
-    n("path", { d: "M9 2.00318V2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9 2.00318ZM5.82918 8H9V4.83086L5.82918 8ZM11 4V9C11 9.55228 10.5523 10 10 10H5V20H19V4H11Z" }, null, -1)
+function Oe(t, e) {
+  return n(), s("svg", Ie, 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)
   ]));
 }
-const _0 = /* @__PURE__ */ v(h0, [["render", p0]]);
-var m0 = {}, b0 = {
+const Ne = /* @__PURE__ */ g(ze, [["render", Oe]]);
+var Ee = {}, je = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function y0(t, e) {
-  return l(), s("svg", b0, e[0] || (e[0] = [
-    n("path", { d: "M2 4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21L3 21C2.45 21 2 20.55 2 20V4ZM10.5858 6L9.58579 5H4V7H9.58579L10.5858 6ZM4 9V19L20 19V7H12.4142L10.4142 9H4Z" }, null, -1)
+function Te(t, e) {
+  return n(), s("svg", je, 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)
   ]));
 }
-const x0 = /* @__PURE__ */ v(m0, [["render", y0]]);
-var V0 = {};
-function $0(t, e) {
-  return l(), s(I, null, [
-    e[0] || (e[0] = n("svg", {
+const Fe = /* @__PURE__ */ g(Ee, [["render", Te]]);
+var Ae = {};
+function De(t, e) {
+  return n(), s(L, null, [
+    e[0] || (e[0] = r("svg", {
       class: "flex dark:hidden",
+      viewBox: "0 0 24 24",
       width: "20",
       height: "20",
-      viewBox: "0 0 20 20",
       fill: "currentColor"
     }, [
-      n("path", { d: "M17.4547 11.97L18.1799 12.1611C18.265 11.8383 18.1265 11.4982 17.8401 11.3266C17.5538 11.1551 17.1885 11.1934 16.944 11.4207L17.4547 11.97ZM8.0306 2.5459L8.57989 3.05657C8.80718 2.81209 8.84554 2.44682 8.67398 2.16046C8.50243 1.8741 8.16227 1.73559 7.83948 1.82066L8.0306 2.5459ZM12.9154 13.0035C9.64678 13.0035 6.99707 10.3538 6.99707 7.08524H5.49707C5.49707 11.1823 8.81835 14.5035 12.9154 14.5035V13.0035ZM16.944 11.4207C15.8869 12.4035 14.4721 13.0035 12.9154 13.0035V14.5035C14.8657 14.5035 16.6418 13.7499 17.9654 12.5193L16.944 11.4207ZM16.7295 11.7789C15.9437 14.7607 13.2277 16.9586 10.0003 16.9586V18.4586C13.9257 18.4586 17.2249 15.7853 18.1799 12.1611L16.7295 11.7789ZM10.0003 16.9586C6.15734 16.9586 3.04199 13.8433 3.04199 10.0003H1.54199C1.54199 14.6717 5.32892 18.4586 10.0003 18.4586V16.9586ZM3.04199 10.0003C3.04199 6.77289 5.23988 4.05695 8.22173 3.27114L7.83948 1.82066C4.21532 2.77574 1.54199 6.07486 1.54199 10.0003H3.04199ZM6.99707 7.08524C6.99707 5.52854 7.5971 4.11366 8.57989 3.05657L7.48132 2.03522C6.25073 3.35885 5.49707 5.13487 5.49707 7.08524H6.99707Z" })
+      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" })
     ], -1)),
-    e[1] || (e[1] = n("svg", {
+    e[1] || (e[1] = r("svg", {
       class: "hidden dark:flex",
+      viewBox: "0 0 24 24",
       width: "20",
       height: "20",
-      viewBox: "0 0 20 20",
       fill: "currentColor"
     }, [
-      n("path", {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
-        d: "M9.99998 1.5415C10.4142 1.5415 10.75 1.87729 10.75 2.2915V3.5415C10.75 3.95572 10.4142 4.2915 9.99998 4.2915C9.58577 4.2915 9.24998 3.95572 9.24998 3.5415V2.2915C9.24998 1.87729 9.58577 1.5415 9.99998 1.5415ZM10.0009 6.79327C8.22978 6.79327 6.79402 8.22904 6.79402 10.0001C6.79402 11.7712 8.22978 13.207 10.0009 13.207C11.772 13.207 13.2078 11.7712 13.2078 10.0001C13.2078 8.22904 11.772 6.79327 10.0009 6.79327ZM5.29402 10.0001C5.29402 7.40061 7.40135 5.29327 10.0009 5.29327C12.6004 5.29327 14.7078 7.40061 14.7078 10.0001C14.7078 12.5997 12.6004 14.707 10.0009 14.707C7.40135 14.707 5.29402 12.5997 5.29402 10.0001ZM15.9813 5.08035C16.2742 4.78746 16.2742 4.31258 15.9813 4.01969C15.6884 3.7268 15.2135 3.7268 14.9207 4.01969L14.0368 4.90357C13.7439 5.19647 13.7439 5.67134 14.0368 5.96423C14.3297 6.25713 14.8045 6.25713 15.0974 5.96423L15.9813 5.08035ZM18.4577 10.0001C18.4577 10.4143 18.1219 10.7501 17.7077 10.7501H16.4577C16.0435 10.7501 15.7077 10.4143 15.7077 10.0001C15.7077 9.58592 16.0435 9.25013 16.4577 9.25013H17.7077C18.1219 9.25013 18.4577 9.58592 18.4577 10.0001ZM14.9207 15.9806C15.2135 16.2735 15.6884 16.2735 15.9813 15.9806C16.2742 15.6877 16.2742 15.2128 15.9813 14.9199L15.0974 14.036C14.8045 13.7431 14.3297 13.7431 14.0368 14.036C13.7439 14.3289 13.7439 14.8038 14.0368 15.0967L14.9207 15.9806ZM9.99998 15.7088C10.4142 15.7088 10.75 16.0445 10.75 16.4588V17.7088C10.75 18.123 10.4142 18.4588 9.99998 18.4588C9.58577 18.4588 9.24998 18.123 9.24998 17.7088V16.4588C9.24998 16.0445 9.58577 15.7088 9.99998 15.7088ZM5.96356 15.0972C6.25646 14.8043 6.25646 14.3295 5.96356 14.0366C5.67067 13.7437 5.1958 13.7437 4.9029 14.0366L4.01902 14.9204C3.72613 15.2133 3.72613 15.6882 4.01902 15.9811C4.31191 16.274 4.78679 16.274 5.07968 15.9811L5.96356 15.0972ZM4.29224 10.0001C4.29224 10.4143 3.95645 10.7501 3.54224 10.7501H2.29224C1.87802 10.7501 1.54224 10.4143 1.54224 10.0001C1.54224 9.58592 1.87802 9.25013 2.29224 9.25013H3.54224C3.95645 9.25013 4.29224 9.58592 4.29224 10.0001ZM4.9029 5.9637C5.1958 6.25659 5.67067 6.25659 5.96356 5.9637C6.25646 5.6708 6.25646 5.19593 5.96356 4.90303L5.07968 4.01915C4.78679 3.72626 4.31191 3.72626 4.01902 4.01915C3.72613 4.31204 3.72613 4.78692 4.01902 5.07981L4.9029 5.9637Z"
-      })
+      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" })
     ], -1))
   ], 64);
 }
-const w0 = /* @__PURE__ */ v(V0, [["render", $0]]);
-var k0 = {}, L0 = {
+const Pe = /* @__PURE__ */ g(Ae, [["render", De]]);
+var qe = {}, Ke = {
   viewBox: "0 0 179 40",
   fill: "#25c1eb"
 };
-function H0(t, e) {
-  return l(), s("svg", L0, e[0] || (e[0] = [
-    J('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
+function Ge(t, e) {
+  return n(), s("svg", Ke, e[0] || (e[0] = [
+    Y('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
   ]));
 }
-const M0 = /* @__PURE__ */ v(k0, [["render", H0]]);
-var Z0 = {}, B0 = {
+const Ue = /* @__PURE__ */ g(qe, [["render", Ge]]);
+var We = {}, Re = {
   viewBox: "0 0 40 40",
   fill: "#25c1eb"
 };
-function S0(t, e) {
-  return l(), s("svg", B0, e[0] || (e[0] = [
-    n("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
-      n("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
+function Je(t, e) {
+  return n(), s("svg", Re, 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" })
     ], -1)
   ]));
 }
-const z0 = /* @__PURE__ */ v(Z0, [["render", S0]]);
-var I0 = {}, j0 = {
+const Qe = /* @__PURE__ */ g(We, [["render", Je]]);
+var Xe = {}, Ye = {
   viewBox: "0 0 24 24",
   width: "22",
   height: "22",
   fill: "currentColor"
 };
-function N0(t, e) {
-  return l(), s("svg", j0, e[0] || (e[0] = [
-    n("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" }, null, -1)
+function e0(t, e) {
+  return n(), s("svg", Ye, e[0] || (e[0] = [
+    r("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" }, null, -1)
   ]));
 }
-const O0 = /* @__PURE__ */ v(I0, [["render", N0]]);
-var F0 = {}, T0 = {
+const t0 = /* @__PURE__ */ g(Xe, [["render", e0]]);
+var r0 = {}, n0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function E0(t, e) {
-  return l(), s("svg", T0, e[0] || (e[0] = [
-    n("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }, null, -1)
-  ]));
-}
-const D0 = /* @__PURE__ */ v(F0, [["render", E0]]);
-var P0 = {}, A0 = {
-  class: "fill-current",
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none"
-};
-function q0(t, e) {
-  return l(), s("svg", A0, e[0] || (e[0] = [
-    n("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M10.75 2.29248C10.75 1.87827 10.4143 1.54248 10 1.54248C9.58583 1.54248 9.25004 1.87827 9.25004 2.29248V2.83613C6.08266 3.20733 3.62504 5.9004 3.62504 9.16748V14.4591H3.33337C2.91916 14.4591 2.58337 14.7949 2.58337 15.2091C2.58337 15.6234 2.91916 15.9591 3.33337 15.9591H4.37504H15.625H16.6667C17.0809 15.9591 17.4167 15.6234 17.4167 15.2091C17.4167 14.7949 17.0809 14.4591 16.6667 14.4591H16.375V9.16748C16.375 5.9004 13.9174 3.20733 10.75 2.83613V2.29248ZM14.875 14.4591V9.16748C14.875 6.47509 12.6924 4.29248 10 4.29248C7.30765 4.29248 5.12504 6.47509 5.12504 9.16748V14.4591H14.875ZM8.00004 17.7085C8.00004 18.1228 8.33583 18.4585 8.75004 18.4585H11.25C11.6643 18.4585 12 18.1228 12 17.7085C12 17.2943 11.6643 16.9585 11.25 16.9585H8.75004C8.33583 16.9585 8.00004 17.2943 8.00004 17.7085Z"
-    }, null, -1)
+function a0(t, e) {
+  return n(), s("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)
   ]));
 }
-const K0 = /* @__PURE__ */ v(P0, [["render", q0]]);
-var G0 = {}, W0 = {
+const l0 = /* @__PURE__ */ g(r0, [["render", a0]]);
+var o0 = {}, s0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function R0(t, e) {
-  return l(), s("svg", W0, e[0] || (e[0] = [
-    n("path", { d: "M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z" }, null, -1)
+function i0(t, e) {
+  return n(), s("svg", s0, e[0] || (e[0] = [
+    r("path", { d: "M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z" }, null, -1)
   ]));
 }
-const U0 = /* @__PURE__ */ v(G0, [["render", R0]]);
-var J0 = {}, Q0 = {
+const u0 = /* @__PURE__ */ g(o0, [["render", i0]]);
+var c0 = {}, d0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 30 30",
   fill: "currentColor"
 };
-function X0(t, e) {
-  return l(), s("svg", Q0, e[0] || (e[0] = [
-    n("path", { d: "M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z" }, null, -1)
+function f0(t, e) {
+  return n(), s("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)
   ]));
 }
-const Y0 = /* @__PURE__ */ v(J0, [["render", X0]]);
-var e2 = {}, t2 = {
+const v0 = /* @__PURE__ */ g(c0, [["render", f0]]);
+var h0 = {}, g0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function r2(t, e) {
-  return l(), s("svg", t2, e[0] || (e[0] = [
-    n("path", { d: "M12 4C9.25144 4 6.82508 5.38626 5.38443 7.5H8V9.5H2V3.5H4V5.99936C5.82381 3.57166 8.72764 2 12 2C17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20C14.7486 20 17.1749 18.6137 18.6156 16.5H16V14.5H22V20.5H20V18.0006C18.1762 20.4283 15.2724 22 12 22C6.47715 22 2 17.5228 2 12H4Z" }, null, -1)
+function p0(t, e) {
+  return n(), s("svg", g0, e[0] || (e[0] = [
+    r("path", { d: "M12 4C9.25144 4 6.82508 5.38626 5.38443 7.5H8V9.5H2V3.5H4V5.99936C5.82381 3.57166 8.72764 2 12 2C17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20C14.7486 20 17.1749 18.6137 18.6156 16.5H16V14.5H22V20.5H20V18.0006C18.1762 20.4283 15.2724 22 12 22C6.47715 22 2 17.5228 2 12H4Z" }, null, -1)
   ]));
 }
-const n2 = /* @__PURE__ */ v(e2, [["render", r2]]);
-var a2 = {}, l2 = {
+const y0 = /* @__PURE__ */ g(h0, [["render", p0]]);
+var m0 = {}, C0 = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
   fill: "currentColor"
 };
-function o2(t, e) {
-  return l(), s("svg", l2, e[0] || (e[0] = [
-    n("path", { d: "M16 4C16.5523 4 17 4.44772 17 5V9.2L22.2133 5.55071C22.4395 5.39235 22.7513 5.44737 22.9096 5.6736C22.9684 5.75764 23 5.85774 23 5.96033V18.0397C23 18.3158 22.7761 18.5397 22.5 18.5397C22.3974 18.5397 22.2973 18.5081 22.2133 18.4493L17 14.8V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H16ZM15 6H3V18H15V6ZM7.4 8.82867C7.47607 8.82867 7.55057 8.85036 7.61475 8.8912L11.9697 11.6625C12.1561 11.7811 12.211 12.0284 12.0924 12.2148C12.061 12.2641 12.0191 12.306 11.9697 12.3375L7.61475 15.1088C7.42837 15.2274 7.18114 15.1725 7.06254 14.9861C7.02169 14.9219 7 14.8474 7 14.7713V9.22867C7 9.00776 7.17909 8.82867 7.4 8.82867ZM21 8.84131L17 11.641V12.359L21 15.1587V8.84131Z" }, null, -1)
+function _0(t, e) {
+  return n(), s("svg", C0, e[0] || (e[0] = [
+    r("path", { d: "M16 4C16.5523 4 17 4.44772 17 5V9.2L22.2133 5.55071C22.4395 5.39235 22.7513 5.44737 22.9096 5.6736C22.9684 5.75764 23 5.85774 23 5.96033V18.0397C23 18.3158 22.7761 18.5397 22.5 18.5397C22.3974 18.5397 22.2973 18.5081 22.2133 18.4493L17 14.8V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H16ZM15 6H3V18H15V6ZM7.4 8.82867C7.47607 8.82867 7.55057 8.85036 7.61475 8.8912L11.9697 11.6625C12.1561 11.7811 12.211 12.0284 12.0924 12.2148C12.061 12.2641 12.0191 12.306 11.9697 12.3375L7.61475 15.1088C7.42837 15.2274 7.18114 15.1725 7.06254 14.9861C7.02169 14.9219 7 14.8474 7 14.7713V9.22867C7 9.00776 7.17909 8.82867 7.4 8.82867ZM21 8.84131L17 11.641V12.359L21 15.1587V8.84131Z" }, null, -1)
   ]));
 }
-const i2 = /* @__PURE__ */ v(a2, [["render", o2]]), s2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const b0 = /* @__PURE__ */ g(m0, [["render", _0]]), x0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  IconBurger: R1,
-  IconChevron: j,
-  IconClose: A,
-  IconDashboard: X1,
-  IconDevice: r0,
-  IconDots: o0,
-  IconEyeClose: c0,
-  IconEyeOpen: C0,
-  IconFile: _0,
-  IconFolder: x0,
-  IconLogo: M0,
-  IconLogoMini: z0,
-  IconLogout: O0,
-  IconNext: D0,
-  IconNoti: K0,
-  IconSave: U0,
-  IconSearch: Y0,
-  IconTheme: w0,
-  IconUpdate: n2,
-  IconVideo: i2
-}, Symbol.toStringTag, { value: "Module" })), u2 = { class: "rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6" }, c2 = { class: "mb-6 flex items-center justify-between" }, d2 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, f2 = { class: "max-w-full" }, v2 = /* @__PURE__ */ k({
+  IconBurger: fe,
+  IconChevron: O,
+  IconClose: K,
+  IconDashboard: pe,
+  IconDevice: _e,
+  IconDots: ke,
+  IconEyeClose: Le,
+  IconEyeOpen: Se,
+  IconFile: Ne,
+  IconFolder: Fe,
+  IconLogo: Ue,
+  IconLogoMini: Qe,
+  IconLogout: t0,
+  IconNoti: l0,
+  IconSave: u0,
+  IconSearch: v0,
+  IconTheme: Pe,
+  IconUpdate: y0,
+  IconVideo: b0
+}, Symbol.toStringTag, { value: "Module" })), V0 = {
+  key: 0,
+  class: "loader-line w-full absolute top-0 left-0 h-[3px] bg-gray-100 dark:bg-gray-800 before:bg-blue-600 dark:before:bg-blue-800 before:h-1 rounded-xl z-20 before:absolute before:w-[40%] before:-left-1/2 before:content-[''] before:animate-[lineAnim_1s_linear_infinite]"
+}, k0 = {
+  key: 1,
+  class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
+}, $0 = { class: "mb-6 flex items-center justify-between" }, w0 = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, H0 = { class: "max-w-full" }, L0 = /* @__PURE__ */ H({
   __name: "VCardGray",
   props: {
-    title: { default: "Title" }
+    title: { default: "Title" },
+    loading: { type: Boolean }
   },
   setup(t) {
-    return (e, c) => (l(), s("div", u2, [
-      n("div", c2, [
-        n("h3", d2, _(e.title), 1),
-        n("div", null, [
-          h(e.$slots, "header")
+    return (e, i) => (n(), s("div", {
+      class: C(["relative rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
+    }, [
+      e.loading ? (n(), s("div", V0)) : x("", !0),
+      e.loading ? (n(), s("div", k0)) : x("", !0),
+      r("div", $0, [
+        r("h3", w0, m(e.title), 1),
+        r("div", null, [
+          y(e.$slots, "header")
         ])
       ]),
-      n("div", f2, [
-        h(e.$slots, "default")
+      r("div", H0, [
+        y(e.$slots, "default")
       ])
-    ]));
+    ], 2));
   }
-}), C2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), M0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VCardGray: v2
-}, Symbol.toStringTag, { value: "Module" })), O = { ...s2, ...q1, ...C2 }, g2 = {
+  VCardGray: L0
+}, Symbol.toStringTag, { value: "Module" })), A = { ...x0, ...ie, ...M0 }, B0 = {
   install: (t) => {
-    Object.keys(O).forEach((e) => {
-      t.component(e, O[e]);
-    });
+    Object.keys(A).forEach((e) => {
+      t.component(e, A[e]);
+    }), t1.forEach(({ name: e, directive: i }) => t.directive(e, i));
   }
 };
 export {
-  g2 as default
+  B0 as default
 };