vuesp-components 0.3.0 → 1.0.0

package/dist/index.es.js

@@ -0,0 +1,2444 @@
+import { defineComponent as $, ref as S, computed as z, createElementBlock as c, openBlock as n, createElementVNode as l, createCommentVNode as C, normalizeClass as w, createBlock as k, toDisplayString as x, resolveDynamicComponent as E, mergeProps as F, withKeys as me, renderSlot as _, createTextVNode as V, resolveDirective as pe, withDirectives as se, createVNode as v, Transition as ae, withCtx as m, normalizeStyle as G, Fragment as I, renderList as H, unref as M, onMounted as q, normalizeProps as T, guardReactiveProps as D, withModifiers as L, vShow as ge, resolveComponent as P, onUnmounted as ye, Teleport as be, TransitionGroup as xe, watch as ke } from "vue";
+import { t as J, s as _e, f as $e } from "./app-B-BsxziJ.js";
+import { Dashboard as un, createObjectFromPaths as fn, functionToString as hn, safeEval as vn, saveObjectWithFunctions as mn, stringToFunction as pn } from "./dashboard/index.es.js";
+const we = {
+  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;
+  }
+}, Ce = [{ name: "outside", directive: we }], Ve = { class: "w-full relative" }, ze = ["disabled"], Me = {
+  key: 0,
+  class: "text-red-500 h-[24px] px-2 text-xs"
+}, Ie = "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", A = /* @__PURE__ */ $({
+  __name: "VTextField",
+  props: {
+    modelValue: { default: null },
+    label: { default: "" },
+    component: { default: "input" },
+    type: { default: "text" },
+    message: { default: "" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    hideMessage: { type: Boolean, default: !1 },
+    rules: {}
+  },
+  emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
+  setup(t, { emit: e }) {
+    const i = e, o = {
+      input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
+      textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
+    }, r = S(!1), d = z(() => [
+      t.message ? "border-red-500 hover:border-red-400" : "",
+      t.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
+    ]), a = z(() => o[t.component]), f = (y) => y || y === 0, u = z(() => [Ie, r.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), s = z(() => t.component === "input"), h = ({ target: y }) => {
+      i("update:modelValue", y.value);
+    }, p = (y) => {
+      r.value = !1, i("blur", y);
+    }, g = (y) => i("enter", y), b = () => r.value = !0, N = (y) => i("click", y), j = (y) => {
+      t.disabled || i("on-icon", y);
+    };
+    return (y, ve) => (n(), c("div", Ve, [
+      l("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", d.value])
+      }, [
+        l("span", {
+          class: w(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
+        }, x(y.label), 3),
+        (n(), k(E(y.component), F(y.$attrs, {
+          value: y.modelValue,
+          disabled: y.disabled,
+          type: y.type,
+          rows: s.value ? null : "2",
+          wrap: s.value ? null : "soft",
+          class: a.value,
+          onFocus: b,
+          onBlur: p,
+          onInput: h,
+          onClick: N,
+          onKeypress: me(g, ["enter"])
+        }), null, 16, ["value", "disabled", "type", "rows", "wrap", "class"])),
+        y.$slots.icon ? (n(), c("button", {
+          key: 0,
+          disabled: y.disabled,
+          style: { flex: "0 0 50px" },
+          class: w([{ "cursor-pointer": !y.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
+          onClick: j
+        }, [
+          _(y.$slots, "icon")
+        ], 10, ze)) : C("", !0)
+      ], 2),
+      y.hideMessage ? C("", !0) : (n(), c("div", Me, [
+        _(y.$slots, "message", {}, () => [
+          V(x(y.message), 1)
+        ])
+      ]))
+    ]));
+  }
+}), Be = { class: "relative" }, Se = { class: "flex items-center cursor-pointer" }, Z = /* @__PURE__ */ $({
+  __name: "VDropdown",
+  props: {
+    top: { default: "calc(100% + 5px)" },
+    left: { default: "0" },
+    right: { default: "" },
+    height: { default: "200px" },
+    hideOnClick: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "show", "close"],
+  setup(t, { emit: e }) {
+    const i = e, o = S(!1), r = z(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), d = (h) => {
+      o.value && u(h);
+    }, a = (h) => {
+      o.value ? t.hideOnClick && u(h) : f(h), i("click", o.value);
+    }, f = (h) => {
+      o.value = !0, i("show", h);
+    }, u = (h) => {
+      o.value = !1, i("close", h);
+    }, s = { click: a };
+    return (h, p) => {
+      const g = pe("outside");
+      return se((n(), c("div", Be, [
+        l("div", Se, [
+          _(h.$slots, "activator", {
+            on: s,
+            show: o.value
+          })
+        ]),
+        v(ae, {
+          "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: m(() => [
+            o.value ? (n(), c("div", {
+              key: 0,
+              class: "z-10 min-w-full absolute overflow-auto shadow-lg",
+              style: G(r.value),
+              onClick: a
+            }, [
+              _(h.$slots, "default", {
+                on: s,
+                show: f,
+                hide: u,
+                isShown: o.value
+              })
+            ], 4)) : C("", !0)
+          ]),
+          _: 3
+        })
+      ])), [
+        [g, d]
+      ]);
+    };
+  }
+}), Ae = { class: "bg-white dark:bg-gray-800" }, Fe = ["onClick"], Q = /* @__PURE__ */ $({
+  __name: "VList",
+  props: {
+    list: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, o = (r) => i("click", r);
+    return (r, d) => (n(), c("ul", Ae, [
+      (n(!0), c(I, null, H(r.list, (a) => (n(), c("li", {
+        key: a.id,
+        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] py-1 px-6 border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",
+        onClick: (f) => o(a)
+      }, [
+        _(r.$slots, "default", { item: a }, () => [
+          V(x(a.name), 1)
+        ])
+      ], 8, Fe))), 128))
+    ]));
+  }
+}), He = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Le(t, e) {
+  return n(), c("svg", He, [...e[0] || (e[0] = [
+    l("path", { d: "m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222z" }, null, -1)
+  ])]);
+}
+const U = { render: Le }, je = {
+  key: 0,
+  class: "p-4 py-2"
+}, Y0 = {
+  __name: "VAutocomplete",
+  props: {
+    value: { type: String, default: "" },
+    valueName: { type: String, default: "name" },
+    placeholder: { type: String, default: "" },
+    list: { type: Array, default: () => [] }
+  },
+  emits: ["change"],
+  setup(t) {
+    const e = t, i = S(""), o = z(() => e.value), r = z(() => ((e == null ? void 0 : e.list) || []).filter((h) => i.value ? h[e.valueName].toLowerCase().includes(i.value.toLowerCase()) : !0)), d = z(() => e.placeholder), a = z(() => {
+      var s;
+      return !((s = r == null ? void 0 : r.value) != null && s.length);
+    }), f = (s) => i.value = s.target.value, u = (s) => ({ "rotate-x-180": s });
+    return (s, h) => (n(), k(Z, F(s.$attrs, { top: "50px" }), {
+      activator: m(({ show: p, on: g }) => [
+        v(A, {
+          value: p ? i.value : o.value,
+          placeholder: p ? "Search" : d.value,
+          onClick: g.click,
+          onInput: f,
+          onOnIcon: g.click,
+          onFocus: h[0] || (h[0] = (b) => i.value = "")
+        }, {
+          icon: m(() => [
+            v(M(U), {
+              class: w(["transition", u(p)])
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, 1032, ["value", "placeholder", "onClick", "onOnIcon"])
+      ]),
+      default: m(() => [
+        l("div", null, [
+          v(Q, {
+            list: r.value,
+            onClick: h[1] || (h[1] = (p) => s.$emit("change", p))
+          }, {
+            default: m(({ item: p }) => [
+              _(s.$slots, "default", { item: p }, () => [
+                V(x(p[t.valueName]), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["list"])
+        ]),
+        a.value ? (n(), c("div", je, "Not found")) : C("", !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+}, re = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [o, r] of e)
+    i[o] = r;
+  return i;
+}, Te = {}, De = {
+  class: "animate-spin h-6 w-6",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function Oe(t, e) {
+  return n(), c("svg", De, [...e[0] || (e[0] = [
+    l("circle", {
+      class: "opacity-25",
+      cx: "12",
+      cy: "12",
+      r: "10",
+      stroke: "currentColor",
+      "stroke-width": "2"
+    }, null, -1),
+    l("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 ie = /* @__PURE__ */ re(Te, [["render", Oe]]), Ne = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", B = /* @__PURE__ */ $({
+  __name: "VButton",
+  props: {
+    block: { type: Boolean },
+    outline: { type: Boolean, default: !1 },
+    color: { default: "gray" },
+    size: { default: "normal" },
+    type: { default: "button" },
+    href: { default: "" },
+    to: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, o = (y) => i("click", y), r = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", d = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", a = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-700 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", u = { green: r, red: d, gray: a, blue: f }, s = {
+      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" }, p = (y) => (h == null ? void 0 : h[y]) || "", g = (y) => (s == null ? void 0 : s[y]) || "", b = (y) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(u == null ? void 0 : u[y]) || ""}`, N = z(() => [Ne, b(t.color), g(t.type), p(t.size), { "w-full": t.block }]), j = z(() => t.href || t.to ? "router-link" : "button");
+    return (y, ve) => (n(), k(E(j.value), F(y.$attrs, {
+      href: y.href,
+      to: y.to,
+      class: N.value,
+      disabled: y.disabled,
+      onClick: o
+    }), {
+      default: m(() => [
+        l("span", {
+          class: w(y.loading ? "opacity-0" : "")
+        }, [
+          _(y.$slots, "default")
+        ], 2),
+        y.loading ? (n(), k(ie, {
+          key: 0,
+          class: "absolute left-1/2 -translate-x-1/2"
+        })) : C("", !0)
+      ]),
+      _: 3
+    }, 16, ["href", "to", "class", "disabled"]));
+  }
+}), Ee = ["checked", "disabled"], Pe = { class: "text-sm ms-2 peer-disabled:opacity-40" }, en = /* @__PURE__ */ $({
+  __name: "VCheckbox",
+  props: {
+    modelValue: { type: [Number, Boolean], default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const i = e, o = ({ target: r }) => i("update:modelValue", r.checked);
+    return (r, d) => (n(), c("label", {
+      class: w(["inline-flex items-center relative", { "cursor-pointer": !r.disabled }])
+    }, [
+      l("input", {
+        type: "checkbox",
+        checked: !!r.modelValue,
+        disabled: r.disabled,
+        class: w(["peer h-5 w-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40", { "cursor-pointer": !r.disabled }]),
+        onChange: o
+      }, null, 42, Ee),
+      d[0] || (d[0] = l("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" }, [
+        l("svg", {
+          class: "h-3.5 w-3.5",
+          viewBox: "0 0 20 20",
+          fill: "currentColor",
+          stroke: "currentColor",
+          "stroke-width": "1"
+        }, [
+          l("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)),
+      l("span", Pe, [
+        _(r.$slots, "default")
+      ])
+    ], 2));
+  }
+}), Ue = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, Ge = { class: "p-4" }, tn = /* @__PURE__ */ $({
+  __name: "VExpansion",
+  props: {
+    label: { default: "" },
+    value: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = S(null), i = S(t.value), o = () => {
+      if (!e.value) return;
+      const d = e.value.querySelector(".v-expansion__content");
+      d && (d.style.maxHeight = i.value ? `${d.scrollHeight}px` : "0");
+    }, r = () => {
+      i.value = !i.value, o();
+    };
+    return q(() => {
+      o();
+    }), (d, a) => (n(), c("div", {
+      ref_key: "root",
+      ref: e,
+      class: "border-b dark:border-gray-700 border-gray-200"
+    }, [
+      l("div", {
+        class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
+        onClick: r
+      }, [
+        l("h4", null, x(d.label), 1),
+        l("div", {
+          class: w(["transition text-gray-400", { "rotate-180": i.value }])
+        }, [
+          v(M(U))
+        ], 2)
+      ]),
+      l("div", Ue, [
+        l("div", Ge, [
+          _(d.$slots, "default")
+        ])
+      ])
+    ], 512));
+  }
+}), K = /* @__PURE__ */ $({
+  __name: "VSelect",
+  props: {
+    value: { default: "" },
+    valueName: { default: "name" },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    list: { default: () => [] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    const i = e, o = z(() => {
+      var a;
+      return ((a = t.list.find((f) => f.value === t.value)) == null ? void 0 : a[t.valueName]) || "";
+    }), r = (a) => ({ "rotate-x-180": a }), d = (a, f) => {
+      console.log(a), a.click(f), i("change", f);
+    };
+    return (a, f) => (n(), k(Z, F({ class: "relative w-full" }, a.$attrs, {
+      top: "50px",
+      hideOnClick: ""
+    }), {
+      activator: m(({ on: u, show: s }) => [
+        v(A, {
+          "model-value": o.value,
+          readonly: "",
+          hideMessage: "",
+          disabled: a.disabled,
+          active: "",
+          label: a.label,
+          onClick: u.click,
+          onOnIcon: u.click
+        }, {
+          icon: m(() => [
+            v(M(U), {
+              class: w(["transition", r(s)])
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
+      ]),
+      default: m(({ on: u }) => [
+        v(Q, {
+          list: a.list,
+          onClick: (s) => d(u, s)
+        }, {
+          default: m(({ item: s }) => [
+            _(a.$slots, "default", { item: s }, () => [
+              V(x(s.name), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["list", "onClick"])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), qe = { class: "flex items-center cursor-pointer" }, ln = /* @__PURE__ */ $({
+  __name: "VTextFieldFile",
+  emits: ["change"],
+  setup(t, { emit: e }) {
+    const i = e, o = S({ files: [], totalSize: 0 }), r = async (d) => {
+      const a = d.target.files, f = { files: [], totalSize: 0 };
+      for (let u = 0; u < a.length; u++) {
+        const s = a.item(u);
+        s && (f.totalSize += s.size, f.files.push({ name: s.name, size: s.size }));
+      }
+      a.length && (o.value = f, i("change", { files: a, info: f }));
+    };
+    return (d, a) => (n(), c("label", qe, [
+      l("input", F({
+        type: "file",
+        class: "hidden"
+      }, d.$attrs, { onChange: r }), null, 16),
+      _(d.$slots, "default", T(D(o.value)))
+    ]));
+  }
+}), Ke = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Re(t, e) {
+  return n(), c("svg", Ke, [...e[0] || (e[0] = [
+    l("path", { d: "M21 3H3a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 9H3V5h18ZM5 10a1 1 0 0 1 1-1h12a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1m11-3a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2h-1a1 1 0 0 1-1-1M9.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.414m5.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.414m-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.414" }, null, -1)
+  ])]);
+}
+const We = { render: Re }, Ze = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "-2 0 15.998 15.998"
+};
+function Qe(t, e) {
+  return n(), c("svg", Ze, [...e[0] || (e[0] = [
+    l("path", {
+      d: "M9.785 1.341A6.04 6.04 0 0 0 4.718.132a5.98 5.98 0 0 0-4.6 4.673 5.97 5.97 0 0 0 1.884 5.665v.028a2.49 2.49 0 0 0 1 1.989v1.011a1.5 1.5 0 0 0 1.5 1.5h.355a1.17 1.17 0 0 0 1.145 1 1.17 1.17 0 0 0 1.145-1h.355a1.5 1.5 0 0 0 1.5-1.5v-1.011a2.49 2.49 0 0 0 1-1.989v-.028a5.98 5.98 0 0 0 2-4.472 5.98 5.98 0 0 0-2.217-4.657M8.002 12.998v.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-.5zm1.182-3.143a.5.5 0 0 0-.182.386v.257a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5v-.257a.5.5 0 0 0-.182-.386 4.98 4.98 0 0 1-1.718-4.857 4.97 4.97 0 0 1 3.821-3.884A5.3 5.3 0 0 1 5.99.998a5 5 0 0 1 3.164 1.117 4.98 4.98 0 0 1 1.848 3.883 4.99 4.99 0 0 1-1.818 3.857M6.502 3.498a.5.5 0 0 1-.5.5 2 2 0 0 0-2 2 .5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5 3 3 0 0 1 3-3 .5.5 0 0 1 .5.5",
+      "data-name": "Path 81"
+    }, null, -1)
+  ])]);
+}
+const Je = { render: Qe }, Xe = {
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function Ye(t, e) {
+  return n(), c("svg", Xe, [...e[0] || (e[0] = [
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M12 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
+    }, null, -1),
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M3 16.8V9.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C4.52 6 5.08 6 6.2 6h1.055c.123 0 .184 0 .24-.006a1 1 0 0 0 .725-.448c.03-.048.058-.103.113-.213.11-.22.165-.33.228-.425a2 2 0 0 1 1.447-.895C10.123 4 10.246 4 10.492 4h3.018c.246 0 .37 0 .482.013a2 2 0 0 1 1.448.895c.063.095.118.205.228.425.055.11.082.165.113.213a1 1 0 0 0 .724.447c.057.007.118.007.241.007H17.8c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C21 7.52 21 8.08 21 9.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C19.48 20 18.92 20 17.8 20H6.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C3 18.48 3 17.92 3 16.8"
+    }, null, -1)
+  ])]);
+}
+const et = { render: Ye }, tt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function lt(t, e) {
+  return n(), c("svg", tt, [...e[0] || (e[0] = [
+    l("path", {
+      "fill-rule": "evenodd",
+      d: "M5.999 10.495a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-3 0v-.01a1.5 1.5 0 0 1 1.5-1.5m12 0a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 1 1-3 0v-.01a1.5 1.5 0 0 1 1.5-1.5m-4.5 1.5a1.5 1.5 0 1 0-3 0v.01a1.5 1.5 0 0 0 3 0z",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const ce = { render: lt }, nt = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 1024 1024"
+};
+function ot(t, e) {
+  return n(), c("svg", nt, [...e[0] || (e[0] = [
+    l("path", {
+      fill: "currentColor",
+      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.8V195l-51.2-51.2c-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.1z"
+    }, null, -1)
+  ])]);
+}
+const st = { render: ot }, at = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function rt(t, e) {
+  return n(), c("svg", at, [...e[0] || (e[0] = [
+    l("path", { d: "M2 4a1 1 0 0 1 1-1h7.414l2 2H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3c-.55 0-1-.45-1-1zm8.586 2-1-1H4v2h5.586zM4 9v10h16V7h-7.586l-2 2z" }, null, -1)
+  ])]);
+}
+const de = { render: rt }, it = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function ct(t, e) {
+  return n(), c("svg", it, [...e[0] || (e[0] = [
+    l("path", { d: "m12 10.587 4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.415 1.414-4.95-4.95-4.949 4.95-1.414-1.415 4.95-4.95-4.95-4.95L7.05 5.638z" }, null, -1)
+  ])]);
+}
+const te = { render: ct }, dt = {
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function ut(t, e) {
+  return n(), c("svg", dt, [...e[0] || (e[0] = [
+    l("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M5.5 3.25A2.25 2.25 0 0 0 3.25 5.5V9a2.25 2.25 0 0 0 2.25 2.25H9A2.25 2.25 0 0 0 11.25 9V5.5A2.25 2.25 0 0 0 9 3.25zM4.75 5.5a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75V9a.75.75 0 0 1-.75.75H5.5A.75.75 0 0 1 4.75 9zm.75 7.25A2.25 2.25 0 0 0 3.25 15v3.5a2.25 2.25 0 0 0 2.25 2.25H9a2.25 2.25 0 0 0 2.25-2.25V15A2.25 2.25 0 0 0 9 12.75zM4.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75H5.5a.75.75 0 0 1-.75-.75zm8-9.5A2.25 2.25 0 0 1 15 3.25h3.5a2.25 2.25 0 0 1 2.25 2.25V9a2.25 2.25 0 0 1-2.25 2.25H15A2.25 2.25 0 0 1 12.75 9zM15 4.75a.75.75 0 0 0-.75.75V9c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75V5.5a.75.75 0 0 0-.75-.75zm0 8A2.25 2.25 0 0 0 12.75 15v3.5A2.25 2.25 0 0 0 15 20.75h3.5a2.25 2.25 0 0 0 2.25-2.25V15a2.25 2.25 0 0 0-2.25-2.25zM14.25 15a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75z",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const ft = { render: ut }, ht = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function vt(t, e) {
+  return n(), c("svg", ht, [...e[0] || (e[0] = [
+    l("path", { d: "M11 14v-3h2v3h5a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zM2.51 8.837C3.835 4.864 7.584 2 12 2c4.418 0 8.166 2.864 9.49 6.837l-1.898.632a8.004 8.004 0 0 0-15.183 0zm3.797 1.265a6.003 6.003 0 0 1 11.387 0l-1.898.633a4.002 4.002 0 0 0-7.592 0zM7 16v4h10v-4z" }, null, -1)
+  ])]);
+}
+const mt = { render: vt }, pt = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 1024 1024"
+};
+function gt(t, e) {
+  return n(), c("svg", pt, [...e[0] || (e[0] = [
+    l("path", {
+      fill: "#5E676F",
+      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.4"
+    }, null, -1),
+    l("path", {
+      fill: "#FFF",
+      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-.1"
+    }, null, -1),
+    l("path", {
+      fill: "#5E676F",
+      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-.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.1-.2 32.7 2.2 32.7 16.7"
+    }, null, -1)
+  ])]);
+}
+const yt = { render: gt }, bt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function xt(t, e) {
+  return n(), c("svg", bt, [...e[0] || (e[0] = [
+    l("path", { d: "M3 4h18v2H3zm0 7h12v2H3zm0 7h18v2H3z" }, null, -1)
+  ])]);
+}
+const ue = { render: xt }, kt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function _t(t, e) {
+  return n(), c("svg", kt, [...e[0] || (e[0] = [
+    l("path", { d: "M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414 19.799 19.798-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265-1.431-1.431A8.9 8.9 0 0 0 20.778 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z" }, null, -1)
+  ])]);
+}
+const $t = { render: _t }, wt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Ct(t, e) {
+  return n(), c("svg", wt, [...e[0] || (e[0] = [
+    l("path", { d: "M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7 9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5" }, null, -1)
+  ])]);
+}
+const Vt = { render: Ct }, zt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Mt(t, e) {
+  return n(), c("svg", zt, [...e[0] || (e[0] = [
+    l("path", { d: "M9 2.003V2h10.998C20.55 2 21 2.455 21 2.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V8zM5.83 8H9V4.83zM11 4v5a1 1 0 0 1-1 1H5v10h14V4z" }, null, -1)
+  ])]);
+}
+const It = { render: Mt }, Bt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function St(t, e) {
+  return n(), c("svg", Bt, [...e[0] || (e[0] = [
+    l("path", { d: "M3 7h18v10h-2v-2h-2v2h-2v-2h-2v2h-2v-2H9v2H7v-2H5v2H3zM2 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm9 4H5v3h6zm2 0h6v3h-6z" }, null, -1)
+  ])]);
+}
+const At = { render: St }, Ft = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Ht(t, e) {
+  return n(), c("svg", Ft, [...e[0] || (e[0] = [
+    l("path", { d: "M12 4a7.99 7.99 0 0 0-6.616 3.5H8v2H2v-6h2V6a9.98 9.98 0 0 1 8-4c5.523 0 10 4.477 10 10h-2a8 8 0 0 0-8-8m-8 8a8 8 0 0 0 14.616 4.5H16v-2h6v6h-2V18a9.98 9.98 0 0 1-8 4C6.477 22 2 17.523 2 12z" }, null, -1)
+  ])]);
+}
+const Lt = { render: Ht }, jt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 491.7 491.7"
+};
+function Tt(t, e) {
+  return n(), c("svg", jt, [...e[0] || (e[0] = [
+    l("path", { d: "M471.1 368.65v-245.7c11.3 0 20.5-9.2 20.5-20.5s-9.2-20.5-20.5-20.5h-1c-4.8-23.3-25.4-41-50.2-41-24.7 0-45.4 17.6-50.2 41h-22.6c-4.8-23.3-25.4-41-50.2-41-24.7 0-45.4 17.6-50.2 41h-22.6c-4.8-23.3-25.4-41-50.2-41-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.05 0 9.25 0 20.55v450.6c0 11.3 9.2 20.5 20.5 20.5h61.4c11.3 0 20.5-9.2 20.5-20.5v-61.4h21.5c4.8 23.3 25.4 41 50.2 41 24.7 0 45.4-17.6 50.2-41h22.5c4.8 23.3 25.4 41 50.2 41 24.7 0 45.4-17.6 50.2-41h22.6c4.8 23.3 25.4 41 50.2 41 24.7 0 45.4-17.6 50.2-41h1c11.3 0 20.5-9.2 20.5-20.5s-9.3-20.6-20.6-20.6m-348.2 0h-20.5v-245.7h20.5zm122.9 0h-20.5v-245.7h20.5zm122.9 0h-20.5v-245.7h20.5z" }, null, -1)
+  ])]);
+}
+const Dt = { render: Tt }, Ot = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Nt(t, e) {
+  return n(), c("svg", Ot, [...e[0] || (e[0] = [
+    l("path", { d: "M6.17 18a3.001 3.001 0 0 1 5.66 0H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2v-2zm6-7a3.001 3.001 0 0 1 5.66 0H22v2h-4.17a3.001 3.001 0 0 1-5.66 0H2v-2zm-6-7a3.001 3.001 0 0 1 5.66 0H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2V4zM9 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2m6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-6 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2" }, null, -1)
+  ])]);
+}
+const Et = { render: Nt }, Pt = {
+  fill: "currentColor",
+  viewBox: "0 0 179 40"
+};
+function Ut(t, e) {
+  return n(), c("svg", Pt, [...e[0] || (e[0] = [
+    l("path", { d: "M24.264 11.217c0 5.347-1.898 11.74-5.138 15.962-1.05 1.368-4.049 4.478-5.816 2.415-1.26-1.471-.47-5.037-.116-6.673 1.218-5.628 2.62-10.76 4.028-16.343-3.656 1.984-9.07-3.295-9.35-.302-1.637 9.446-3.83 27.866 2.174 29.46 10.87 1.45 15.99-11.283 17.198-20.29.29-2.16.548-4.363.32-6.548-.312-2.973-3.296-4.46-5.819-2.946-1.518.911-1.614 4.085-.257 5.187.726.59 1.983.421 2.776.078M40.744 4.761l.002 12.436-3.502 3.412 3.502 3.467v12.438l.536.003s.01-12.404-.007-12.438l3.487-3.38-3.486-3.5V4.762zM133.638 24.706c-.732-.23-2.09-.29-2.649.141-.739.62-.084 3.093-.101 3.953.052 2.697 2.753 4.142 4.786 4.502 0 0 5.988.651 9.036-.742 4.77-2.18 5.416-8.62 1.848-12.205-2.025-2.5-9.668-4.457-10.485-6.835-.87-1.026-.335-3.054.678-3.806 1.39-1.031 3.442-1.004 5.036-.684 1.742.35 1.88 1.86 2.391 3.398.197.594.383 1.686 1.077 1.865.299.077.62-.015.917-.052 2.183-.275 1.5-1.558 1.607-3.303.05-.821.295-2.215-.15-2.967-.796-1.348-2.323-1.36-4.115-2.092-1.594-.398-4.328-.75-6.644-.171-1.85.462-3.787 1.432-4.948 3.037-2.167 2.996-1.276 7.802 1.363 10.191 2.946 2.668 7.76 2.97 10.153 6.317 2.246 3.14-2.486 5.148-4.93 4.933-5.303-.047-3.14-4.191-4.87-5.48M69.501 9.017l2.79 1.228-6.112 16.509c-1.73-6.733-3.409-12.76-4.916-16.645.763-.164 2.385-.561 2.71-1.379.31-.777-.152-1.78-.185-2.578-1.213.102-10.556-.31-10.951.317-.136.714-.511 1.768-.264 2.358.537 1.168 2.501.48 3.156 1.892 3.442 7.402 5.118 14.56 8.09 21.355 4.96 7.37 8.38-12.623 9.603-16.235.543-1.613.958-4.097 2.019-5.426 2.014-2.379 3.85-.734 2.906-3.831-.696-.811-8.386-.374-8.556-.21-.459.588-1 1.064-.29 2.645M80.132 6.152c-.133.66-.653 2.2-.18 2.777.652.799 2.702.514 2.851 1.731.478 3.898-.053 7.953.114 11.864.117 2.75.464 5.712 2.276 7.908 4.83 5.85 15.167 3.5 17.052-3.815 1.214-4.715.4-11.024.41-15.866.004-2.154 2.064-.485 2.985-1.822.444-.644-.16-2.072-.262-2.777-2.718-.035-5.428-.035-8.14.14l-.497 1.634c.113 1.896 1.512 1.37 3.177 1.604.043 1.254.012 6.675.012 9.72 0 2.647.063 5.503-1.181 7.913-2.068 4.005-8.193 4.012-9.95-.273-1.413-3.448-.816-7.672-.828-11.324-.005-1.499-.332-3.457.043-4.906.338-1.309 2.209-.877 2.931-1.731.437-.517-.069-2.144-.183-2.777zM127.818 32.925c-.679-4.31.658-7.155-.196-8.136-.421-.431-2.323-.529-2.71-.039-1.014 1.285-.798 3.762-1.958 4.923-.416.417-1.365.2-1.896.23-1.741.102-3.441-.012-5.182-.012l-.133-9.277c.96.125 2.881-.272 3.683.173.886.492.476 2.324 1.403 2.802.685-.01 1.735.065 2.325-.192.692-1.059.497-8.27-.002-8.546-.733-.033-1.767-.39-2.332-.158-.876.392-.664 2.078-1.41 2.7-.694.582-2.845.284-3.667.083l.002-2.728.13-5.73h4.784c.558 0 1.464-.174 1.957.14 1.26.801.695 3.447 1.82 4.22.62.427 1.889-.277 2.601-.268-.23-1.368.688-6.107-.08-6.817-1.139-.024-16.47.013-18.903.078-.373.446-.561 2.128-.203 2.593.642.835 2.147.596 2.721 1.358.6 3.898 1.049 13.15.08 18.054-.291 1.062-2.151.814-2.745 1.614-.212.714-.099 1.82.204 2.463.685 1.025 14.62.433 19.707.472M154.942 10.245c0 5.923.508 12.11-.008 18.007-.107 1.218-1.978 1.03-2.74 1.65-.558.453-.26 1.97-.023 2.561 2.088.638 11.468 1.266 11.878-.662.076-.417.314-1.307.056-1.677-.767-1.097-3.844-.326-4.094-1.876-.009-7.56-.047-7.539-.02-19.23 2.151 0 4.55-.408 6.242 1.24 2.427 2.36 1.587 7.287-1.193 8.953-1.019.611-2.45.448-3.587.448v3.138c3.081 0 6.756-.03 9.168-2.332 3.776-3.607 2.622-11.45-2.126-13.607-.624-1.135-12.871-2.346-16.036-.605-.358.188-.487.817-.42 1.14-.444 2.346 1.134 2.54 2.903 2.852" }, null, -1)
+  ])]);
+}
+const le = { render: Ut }, Gt = {
+  width: "40",
+  height: "40",
+  fill: "currentColor",
+  viewBox: "0 0 40 40"
+};
+function qt(t, e) {
+  return n(), c("svg", Gt, [...e[0] || (e[0] = [
+    l("path", { d: "M24.264 11.217c0 5.347-1.898 11.74-5.138 15.962-1.05 1.368-4.049 4.478-5.816 2.415-1.26-1.471-.47-5.037-.116-6.673 1.218-5.628 2.62-10.76 4.028-16.343-3.656 1.984-9.07-3.295-9.35-.302-1.637 9.446-3.83 27.866 2.174 29.46 10.87 1.45 15.99-11.283 17.198-20.29.29-2.16.548-4.363.32-6.548-.312-2.973-3.296-4.46-5.819-2.946-1.518.911-1.614 4.085-.257 5.187.726.59 1.983.421 2.776.078" }, null, -1)
+  ])]);
+}
+const fe = { render: qt }, Kt = {
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function Rt(t, e) {
+  return n(), c("svg", Kt, [...e[0] || (e[0] = [
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-width": "2",
+      d: "M8 7.528a6 6 0 1 0 8 0"
+    }, null, -1),
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M12 6v7"
+    }, null, -1)
+  ])]);
+}
+const R = { render: Rt };
+function Wt(t, e) {
+  return n(), c(I, null, [
+    e[0] || (e[0] = l("svg", {
+      width: "20",
+      height: "20",
+      fill: "currentColor",
+      class: "flex dark:hidden",
+      viewBox: "0 0 24 24"
+    }, [
+      l("path", { d: "M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 8 8 0 0 0 4 12" })
+    ], -1)),
+    e[1] || (e[1] = l("svg", {
+      width: "20",
+      height: "20",
+      fill: "currentColor",
+      class: "hidden dark:flex",
+      viewBox: "0 0 24 24"
+    }, [
+      l("path", { d: "M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414zm2.121-14.85 1.414 1.415-2.121 2.121-1.414-1.414zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z" })
+    ], -1))
+  ], 64);
+}
+const X = { render: Wt }, Zt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function Qt(t, e) {
+  return n(), c("svg", Zt, [...e[0] || (e[0] = [
+    l("path", { d: "M12 10h7L8 22l3-9H5l8-11Z" }, null, -1)
+  ])]);
+}
+const Jt = { render: Qt }, Xt = {
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function Yt(t, e) {
+  return n(), c("svg", Xt, [...e[0] || (e[0] = [
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M12 14.5v2m-5-6.471C7.471 10 8.053 10 8.8 10h6.4c.747 0 1.329 0 1.8.029m-10 0c-.588.036-1.006.117-1.362.298a3 3 0 0 0-1.311 1.311C4 12.28 4 13.12 4 14.8v1.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 21 7.12 21 8.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 18.72 20 17.88 20 16.2v-1.4c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.356-.181-.774-.262-1.362-.298m-10 0V8a5 5 0 0 1 10 0v2.029"
+    }, null, -1)
+  ])]);
+}
+const e1 = { render: Yt }, t1 = {
+  width: "22",
+  height: "22",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function l1(t, e) {
+  return n(), c("svg", t1, [...e[0] || (e[0] = [
+    l("path", { d: "M5 22a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v3h-2V4H6v16h12v-2h2v3a1 1 0 0 1-1 1zm13-6v-3h-7v-2h7V8l5 4z" }, null, -1)
+  ])]);
+}
+const Y = { render: l1 }, n1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function o1(t, e) {
+  return n(), c("svg", n1, [...e[0] || (e[0] = [
+    l("path", { d: "M22 20H2v-2h1v-6.969C3 6.043 7.03 2 12 2s9 4.043 9 9.031V18h1zM5 18h14v-6.969C19 7.148 15.866 4 12 4s-7 3.148-7 7.031zm4.5 3h5a2.5 2.5 0 0 1-5 0" }, null, -1)
+  ])]);
+}
+const he = { render: o1 }, s1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function a1(t, e) {
+  return n(), c("svg", s1, [...e[0] || (e[0] = [
+    l("path", { d: "M7 19v-6h10v6h2V7.828L16.172 5H5v14zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m5 12v4h6v-4z" }, null, -1)
+  ])]);
+}
+const ee = { render: a1 }, r1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 30 30"
+};
+function i1(t, e) {
+  return n(), c("svg", r1, [...e[0] || (e[0] = [
+    l("path", { d: "M13 3C7.489 3 3 7.489 3 13s4.489 10 10 10a9.95 9.95 0 0 0 6.322-2.264l5.971 5.971a1 1 0 1 0 1.414-1.414l-5.97-5.97A9.95 9.95 0 0 0 23 13c0-5.511-4.489-10-10-10m0 2c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8 3.57-8 8-8" }, null, -1)
+  ])]);
+}
+const c1 = { render: i1 }, d1 = {
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function u1(t, e) {
+  return n(), c("svg", d1, [...e[0] || (e[0] = [
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M7 20H4.6c-.56 0-.84 0-1.054-.109a1 1 0 0 1-.437-.437C3 19.24 3 18.96 3 18.4V9.04c0-.377 0-.565.06-.729a1 1 0 0 1 .248-.383c.126-.121.298-.197.642-.35L12 4l8.05 3.578c.344.153.516.229.642.35a1 1 0 0 1 .249.383c.059.164.059.352.059.729v9.36c0 .56 0 .84-.109 1.054a1 1 0 0 1-.437.437C20.24 20 19.96 20 19.4 20H17M7 20h10M7 20v-6m10 6v-6M7 14v-4h10v4M7 14h10"
+    }, null, -1)
+  ])]);
+}
+const f1 = { render: u1 }, h1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function v1(t, e) {
+  return n(), c("svg", h1, [...e[0] || (e[0] = [
+    l("path", {
+      "fill-rule": "evenodd",
+      d: "M11.943 1.25h.114c2.309 0 4.118 0 5.53.19 1.444.194 2.584.6 3.479 1.494.895.895 1.3 2.035 1.494 3.48.19 1.411.19 3.22.19 5.529v.114c0 2.309 0 4.118-.19 5.53-.194 1.444-.6 2.584-1.494 3.479-.895.895-2.035 1.3-3.48 1.494-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19-1.444-.194-2.584-.6-3.479-1.494-.895-.895-1.3-2.035-1.494-3.48-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53.194-1.444.6-2.584 1.494-3.479.895-.895 2.035-1.3 3.48-1.494 1.411-.19 3.22-.19 5.529-.19m-5.33 1.676c-1.278.172-2.049.5-2.618 1.069-.57.57-.897 1.34-1.069 2.619-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62.57.569 1.34.896 2.619 1.068 1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069.569-.57.896-1.34 1.068-2.619.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62-.57-.569-1.34-.896-2.619-1.068-1.3-.174-3.008-.176-5.386-.176s-4.086.002-5.386.176m4.637 3.877a5.251 5.251 0 0 0 0 10.394V16.5a.75.75 0 0 1 1.5 0v.697a5.251 5.251 0 0 0 0-10.394V7.5a.75.75 0 0 1-1.5 0zM5.25 12a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0",
+      "clip-rule": "evenodd"
+    }, null, -1),
+    l("path", { d: "M15 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0M11 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }, null, -1)
+  ])]);
+}
+const m1 = { render: v1 }, p1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function g1(t, e) {
+  return n(), c("svg", p1, [...e[0] || (e[0] = [
+    l("path", { d: "M5 12.5c0 .313.461.858 1.53 1.393C7.914 14.585 9.877 15 12 15s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393v-2.171C17.35 11.349 14.827 12 12 12s-5.35-.652-7-1.671zm14 2.829C17.35 16.349 14.827 17 12 17s-5.35-.652-7-1.671V17.5c0 .313.461.858 1.53 1.393C7.914 19.585 9.877 20 12 20s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393zM3 17.5v-10C3 5.015 7.03 3 12 3s9 2.015 9 4.5v10c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5m9-7.5c2.123 0 4.086-.415 5.47-1.107C18.539 8.358 19 7.813 19 7.5s-.461-.858-1.53-1.393C16.086 5.415 14.123 5 12 5s-4.086.415-5.47 1.107C5.461 6.642 5 7.187 5 7.5s.461.858 1.53 1.393C7.914 9.585 9.877 10 12 10" }, null, -1)
+  ])]);
+}
+const y1 = { render: g1 }, b1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function x1(t, e) {
+  return n(), c("svg", b1, [...e[0] || (e[0] = [
+    l("path", { d: "M12 19a1 1 0 1 0 0-2 1 1 0 0 0 0 2" }, null, -1),
+    l("path", {
+      "fill-rule": "evenodd",
+      d: "M15 14a5 5 0 1 1-6 0V4a3 3 0 1 1 6 0zM13 4v11.17A3.001 3.001 0 0 1 12 21a3 3 0 0 1-1-5.83V4a1 1 0 1 1 2 0",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const ne = { render: x1 }, k1 = {
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function _1(t, e) {
+  return n(), c("svg", k1, [...e[0] || (e[0] = [
+    l("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M15 7v14m3-10h.01M18 14h.01M18 17h.01M17 3l-5 4-5-4m.8 18h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.72 21 17.88 21 16.2v-4.4c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C18.72 7 17.88 7 16.2 7H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 9.28 3 10.12 3 11.8v4.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 21 6.12 21 7.8 21"
+    }, null, -1)
+  ])]);
+}
+const $1 = { render: _1 }, w1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function C1(t, e) {
+  return n(), c("svg", w1, [...e[0] || (e[0] = [
+    l("path", {
+      "fill-rule": "evenodd",
+      d: "M12 3.482a8.519 8.519 0 1 0 0 17.037 8.519 8.519 0 0 0 0-17.037M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12",
+      "clip-rule": "evenodd"
+    }, null, -1),
+    l("path", { d: "M12 11.3a.7.7 0 1 0 0 1.4.7.7 0 0 0 0-1.4m.35-6.3c3.15 0 3.22 2.499 1.561 3.325a2.35 2.35 0 0 0-1.134 1.729c.335.139.63.358.861.637C16.2 9.291 19 9.844 19 12.35c0 3.15-2.506 3.22-3.325 1.561a2.4 2.4 0 0 0-1.75-1.134c-.14.334-.359.629-.637.861 1.4 2.583.84 5.362-1.666 5.362-3.122 0-3.199-2.506-1.54-3.332a2.42 2.42 0 0 0 1.134-1.715 2.1 2.1 0 0 1-.875-.644C7.758 14.695 5 14.149 5 11.65c0-3.15 2.478-3.227 3.304-1.568a2.37 2.37 0 0 0 1.736 1.127c.135-.337.357-.632.644-.854C9.291 7.8 9.844 5 12.336 5z" }, null, -1)
+  ])]);
+}
+const V1 = { render: C1 }, z1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function M1(t, e) {
+  return n(), c("svg", z1, [...e[0] || (e[0] = [
+    l("path", { d: "M16 4a1 1 0 0 1 1 1v4.2l5.213-3.65a.5.5 0 0 1 .787.41v12.08a.5.5 0 0 1-.787.41L17 14.8V19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm-1 2H3v12h12zM7.4 8.829a.4.4 0 0 1 .215.062l4.355 2.771a.4.4 0 0 1 0 .675L7.615 15.11A.4.4 0 0 1 7 14.77V9.23c0-.221.18-.4.4-.4M21 8.84l-4 2.8v.718l4 2.8z" }, null, -1)
+  ])]);
+}
+const I1 = { render: M1 }, B1 = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function S1(t, e) {
+  return n(), c("svg", B1, [...e[0] || (e[0] = [
+    l("path", { d: "M12 2C6.489 2 2 6.489 2 12s4.489 10 10 10 10-4.489 10-10S17.511 2 12 2m0 2c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8 3.57-8 8-8m-1 3v2h2V7zm0 4v6h2v-6z" }, null, -1)
+  ])]);
+}
+const A1 = { render: S1 }, W = /* @__PURE__ */ $({
+  __name: "VIcons",
+  props: {
+    name: {}
+  },
+  setup(t) {
+    const e = {
+      IconDots: ce,
+      IconAir: We,
+      IconBulb: Je,
+      IconCold: st,
+      IconCamera: et,
+      IconVent: V1,
+      IconGarage: f1,
+      IconVideo: I1,
+      IconLight: Jt,
+      IconTv: $1,
+      IconTherm: ne,
+      IconStore: y1,
+      IconSocket: m1,
+      IconSearch: c1,
+      IconSave: ee,
+      IconNoti: he,
+      IconLogout: Y,
+      IconLock: e1,
+      IconFolder: de,
+      IconChevron: U,
+      IconClose: te,
+      IconDashboard: ft,
+      IconDevice: mt,
+      IconDrop: yt,
+      IconBurger: ue,
+      IconEyeClose: $t,
+      IconEyeOpen: Vt,
+      IconFile: It,
+      IconGpio: At,
+      IconUpdate: Lt,
+      IconHeater: Dt,
+      IconSetting: Et,
+      IconLogo: le,
+      IconLogoMini: fe,
+      IconPower: R,
+      IconTheme: X,
+      IconInfo: A1
+    }, i = z(() => t.name ? e[t.name] : ne);
+    return (o, r) => (n(), k(E(i.value)));
+  }
+}), F1 = { class: "relative flex items-end gap-0.5 w-10" }, H1 = ["title"], L1 = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, j1 = /* @__PURE__ */ $({
+  __name: "VWifiIcon",
+  props: {
+    rssi: { default: 0 },
+    channel: { default: 0 }
+  },
+  setup(t) {
+    const e = 2 * (t.rssi + 100), i = (o) => o < e;
+    return (o, r) => (n(), c("div", F1, [
+      (n(), c(I, null, H([10, 15, 25, 40, 70], (d, a) => l("div", {
+        key: d,
+        class: w(["w-1 h-5 rounded-lg", [i(d) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: G(`height: ${(a + 1) * 5}px`),
+        title: `rssi: ${o.rssi} channel: ${o.channel}`
+      }, null, 14, H1)), 64)),
+      l("div", L1, x(o.channel), 1)
+    ]));
+  }
+}), T1 = ["onClick"], D1 = {
+  key: 0,
+  class: "me-1"
+}, O1 = { class: "text-gray-400" }, N1 = { class: "flex items-center z-10" }, E1 = ["onClick"], P1 = {
+  key: 0,
+  class: "flex ps-5"
+}, U1 = { class: "font-medium me-4" }, G1 = ["onClick"], q1 = /* @__PURE__ */ $({
+  __name: "VListObject",
+  props: {
+    items: { default: () => ({}) },
+    path: { default: "" }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, o = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:rounded-sm hover:before:bg-gray-400/10", r = S({}), d = (s) => {
+      r.value[s] = !r.value[s];
+    }, a = (s) => typeof s == "object", f = (s) => `${t.path ? t.path + "." : ""}${s}`, u = (s) => {
+      i("click", f(s));
+    };
+    return (s, h) => (n(), c("ul", null, [
+      (n(!0), c(I, null, H(s.items, (p, g) => (n(), c("li", {
+        key: g,
+        class: w(a(p) ? "" : `flex items-center ${o()}`)
+      }, [
+        l("div", {
+          class: w(["flex items-center cursor-pointer ps-2 h-8", a(p) ? `${o()}` : ""]),
+          onClick: (b) => d(g)
+        }, [
+          a(p) ? (n(), c("div", D1, [
+            v(M(de), { class: "size-5 text-gray-400" })
+          ])) : C("", !0),
+          l("div", O1, x(g), 1),
+          a(p) ? (n(), c(I, { key: 1 }, [
+            h[1] || (h[1] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", N1, [
+              l("button", {
+                class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
+                onClick: L((b) => u(g), ["stop"])
+              }, [
+                v(M(ee), { class: "size-5" })
+              ], 8, E1)
+            ])
+          ], 64)) : C("", !0)
+        ], 10, T1),
+        a(p) ? (n(), c("div", P1, [
+          se(v(q1, {
+            class: "flex-auto",
+            path: f(g),
+            items: p,
+            onClick: h[0] || (h[0] = (b) => i("click", b))
+          }, null, 8, ["path", "items"]), [
+            [ge, r.value[g]]
+          ])
+        ])) : (n(), c(I, { key: 1 }, [
+          h[2] || (h[2] = l("div", { class: "flex-auto" }, null, -1)),
+          l("div", U1, x(p), 1),
+          l("button", {
+            class: "px-2 cursor-pointer z-10",
+            onClick: L((b) => u(g), ["stop"])
+          }, [
+            v(M(ee), { class: "size-5" })
+          ], 8, G1)
+        ], 64))
+      ], 2))), 128))
+    ]));
+  }
+}), K1 = { class: "min-w-full" }, R1 = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, W1 = { class: "bg-gray-50 dark:bg-gray-800" }, Z1 = { class: "flex items-center" }, Q1 = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, J1 = ["onClick"], X1 = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Y1 = { key: 1 }, el = {
+  class: "py-3 whitespace-nowrap",
+  colspan: "9"
+}, tl = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, nn = /* @__PURE__ */ $({
+  __name: "BlockTable",
+  props: {
+    headers: { default: () => [] },
+    items: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, o = (d, a) => {
+      i("click", { item: d, event: a });
+    }, r = (d) => (d == null ? void 0 : d.className) || "";
+    return (d, a) => (n(), c("table", K1, [
+      l("thead", R1, [
+        l("tr", W1, [
+          (n(!0), c(I, null, H(d.headers, (f, u) => (n(), c("th", {
+            key: u,
+            class: w(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", r(f)])
+          }, [
+            _(d.$slots, "header", { item: f }, () => [
+              l("div", Z1, x(f.name), 1)
+            ])
+          ], 2))), 128))
+        ])
+      ]),
+      l("tbody", Q1, [
+        d.items.length ? (n(!0), c(I, { key: 0 }, H(d.items, (f, u) => (n(), c("tr", {
+          key: u,
+          class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
+          onClick: (s) => o(f, s)
+        }, [
+          (n(!0), c(I, null, H(d.headers, (s, h) => (n(), c("td", {
+            key: h,
+            class: "py-2 whitespace-nowrap px-4"
+          }, [
+            l("div", X1, [
+              _(d.$slots, s.key, { item: f }, () => [
+                V(x(f[s.key]), 1)
+              ])
+            ])
+          ]))), 128))
+        ], 8, J1))), 128)) : (n(), c("tr", Y1, [
+          l("td", el, [
+            l("div", tl, [
+              _(d.$slots, "empty", {}, () => [
+                a[0] || (a[0] = V("The list is empty", -1))
+              ])
+            ])
+          ])
+        ]))
+      ])
+    ]));
+  }
+}), ll = { class: "my-4 text-gray-700 dark:text-gray-400" }, nl = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, ol = { class: "flex gap-2" }, sl = { class: "text-gray-700 dark:text-gray-400" }, al = { class: "flex gap-2" }, rl = { class: "flex gap-2" }, il = { class: "text-gray-700 dark:text-gray-400" }, cl = { class: "flex gap-2" }, dl = { class: "text-gray-700 dark:text-gray-400" }, ul = { class: "flex flex-col gap-4 text-sm" }, fl = { class: "flex gap-4" }, hl = { class: "flex flex-wrap gap-2 text-gray-700 dark:text-gray-400" }, on = /* @__PURE__ */ $({
+  __name: "BlockInfo",
+  props: {
+    id: { default: 0 },
+    firmware: { default: () => [] },
+    totalBytes: {},
+    usedBytes: {},
+    uptime: {},
+    name: {},
+    pkg: {}
+  },
+  setup(t) {
+    const e = z(() => t.firmware.join(".")), i = z(() => {
+      var o, r, d, a, f, u, s;
+      return {
+        homepage: (o = t.pkg) == null ? void 0 : o.homepage,
+        repository: (d = (r = t.pkg) == null ? void 0 : r.repository) == null ? void 0 : d.url,
+        bugs: (f = (a = t.pkg) == null ? void 0 : a.bugs) == null ? void 0 : f.url,
+        author: (u = t.pkg) != null && u.author ? `mailto:${(s = t.pkg) == null ? void 0 : s.author}` : ""
+      };
+    });
+    return (o, r) => {
+      var a, f;
+      const d = P("router-link");
+      return n(), c("div", null, [
+        l("p", ll, x((a = o.pkg) == null ? void 0 : a.description), 1),
+        l("div", nl, [
+          l("div", ol, [
+            r[0] || (r[0] = V(" Firmware (hw): ", -1)),
+            l("span", sl, x(e.value), 1)
+          ]),
+          l("div", al, [
+            l("div", rl, [
+              r[1] || (r[1] = V(" Version (web): ", -1)),
+              l("span", il, x((f = o.pkg) == null ? void 0 : f.version), 1)
+            ])
+          ]),
+          r[3] || (r[3] = l("div", { class: "flex-auto" }, null, -1)),
+          l("div", cl, [
+            r[2] || (r[2] = V(" ID: ", -1)),
+            l("span", dl, x(o.id.toString(16)), 1)
+          ])
+        ]),
+        r[9] || (r[9] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
+        l("div", ul, [
+          l("div", fl, [
+            r[8] || (r[8] = V(" Links: ", -1)),
+            l("div", hl, [
+              i.value.homepage ? (n(), k(d, {
+                key: 0,
+                href: i.value.homepage,
+                target: "_blank",
+                class: "me-4"
+              }, {
+                default: m(() => [...r[4] || (r[4] = [
+                  V("Homepage", -1)
+                ])]),
+                _: 1
+              }, 8, ["href"])) : C("", !0),
+              i.value.repository ? (n(), k(d, {
+                key: 1,
+                href: i.value.repository,
+                target: "_blank",
+                class: "me-4"
+              }, {
+                default: m(() => [...r[5] || (r[5] = [
+                  V("Repository", -1)
+                ])]),
+                _: 1
+              }, 8, ["href"])) : C("", !0),
+              i.value.bugs ? (n(), k(d, {
+                key: 2,
+                href: i.value.bugs,
+                target: "_blank",
+                class: "me-4"
+              }, {
+                default: m(() => [...r[6] || (r[6] = [
+                  V("Bugs", -1)
+                ])]),
+                _: 1
+              }, 8, ["href"])) : C("", !0),
+              i.value.author ? (n(), k(d, {
+                key: 3,
+                href: i.value.author,
+                target: "_blank",
+                class: "me-4"
+              }, {
+                default: m(() => [...r[7] || (r[7] = [
+                  V("Author", -1)
+                ])]),
+                _: 1
+              }, 8, ["href"])) : C("", !0)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), vl = { class: "grid grid-cols-1 gap-4 lg:max-w-[360px] min-w-[250px]" }, ml = { class: "flex flex-col w-full items-center gap-2" }, pl = { class: "relative block h-4 w-full rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-800" }, gl = ["title"], yl = { class: "absolute left-1/2 -translate-x-1/2 top-0 text-xs font-medium text-gray-700 dark:text-gray-400" }, bl = { class: "flex justify-between w-full text-xs" }, xl = { class: "text-gray-500 dark:text-gray-400" }, kl = { class: "text-sm" }, _l = { class: "text-gray-500 dark:text-gray-400 text-left" }, $l = { class: "text-right text-xs" }, wl = { class: "flex gap-2 mt-4" }, sn = /* @__PURE__ */ $({
+  __name: "BlockStatus",
+  props: {
+    id: { default: 0 },
+    firmware: { default: () => [] },
+    totalBytes: { default: 0 },
+    usedBytes: { default: 0 },
+    uptime: { default: 0 },
+    name: {},
+    pkg: {}
+  },
+  setup(t) {
+    const e = S(t.uptime);
+    let i = null;
+    const o = z(() => t.firmware.join(".")), r = z(() => ({
+      Used: J(t.usedBytes),
+      Available: J(t.totalBytes - t.usedBytes),
+      Total: J(t.totalBytes)
+    })), d = z(() => {
+      var u;
+      return {
+        Uptime: _e(e.value),
+        ID: t.id.toString(16),
+        "Firmware (hw)": o.value,
+        "Version (web)": (u = t.pkg) == null ? void 0 : u.version
+      };
+    }), a = z(() => t.usedBytes ? Math.round(t.usedBytes * 100 / t.totalBytes) : 0), f = () => {
+      e.value++, i = setTimeout(f, 1e3);
+    };
+    return q(() => {
+      f();
+    }), ye(() => {
+      e.value = 0, i && clearTimeout(i);
+    }), (u, s) => {
+      var p, g, b;
+      const h = P("v-button");
+      return n(), c("div", vl, [
+        l("div", ml, [
+          l("div", pl, [
+            l("div", {
+              class: "absolute left-0 top-0 flex h-full items-center justify-center bg-blue-600 hover:bg-blue-500",
+              style: G(`width: ${a.value}%;`),
+              title: `${a.value}%`
+            }, null, 12, gl),
+            l("span", yl, x(a.value) + "%", 1)
+          ]),
+          l("div", bl, [
+            (n(!0), c(I, null, H(r.value, (N, j) => (n(), c("div", {
+              key: j,
+              class: "flex-auto"
+            }, [
+              l("div", xl, x(j) + ":", 1),
+              l("div", null, x(N), 1)
+            ]))), 128))
+          ])
+        ]),
+        l("div", kl, [
+          (n(!0), c(I, null, H(d.value, (N, j) => (n(), c("div", {
+            key: j,
+            class: "flex justify-between items-center"
+          }, [
+            l("div", _l, x(j) + ":", 1),
+            l("div", $l, x(N), 1)
+          ]))), 128))
+        ]),
+        l("div", null, [
+          _(u.$slots, "default"),
+          l("div", wl, [
+            v(h, {
+              href: (p = u.pkg) == null ? void 0 : p.repository.url,
+              target: "_blank",
+              class: "w-full text-white",
+              color: "blue"
+            }, {
+              default: m(() => [...s[0] || (s[0] = [
+                V("Github", -1)
+              ])]),
+              _: 1
+            }, 8, ["href"]),
+            (g = u.pkg) != null && g.homepage ? (n(), k(h, {
+              key: 0,
+              href: (b = u.pkg) == null ? void 0 : b.homepage,
+              target: "_blank",
+              class: "w-full",
+              color: "blue",
+              outline: ""
+            }, {
+              default: m(() => [...s[1] || (s[1] = [
+                V("Homepage", -1)
+              ])]),
+              _: 1
+            }, 8, ["href"])) : C("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+}), Cl = { class: "flex items-center gap-1.5" }, an = /* @__PURE__ */ $({
+  __name: "BlockBreadcrumb",
+  props: {
+    items: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e;
+    return (o, r) => (n(), c("nav", null, [
+      l("ol", Cl, [
+        (n(!0), c(I, null, H(o.items, (d, a) => (n(), c("li", {
+          key: a,
+          class: w(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", d.path ? "" : "text-gray-800 dark:text-white/90"])
+        }, [
+          _(o.$slots, "default", { item: d }, () => [
+            (n(), k(E(d.path ? "a" : "span"), {
+              href: d.path,
+              onClick: r[0] || (r[0] = (f) => i("click", f))
+            }, {
+              default: m(() => [
+                V(x(d.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"]))
+          ]),
+          d.path ? (n(), k(M(U), {
+            key: 0,
+            class: "rotate-270"
+          })) : C("", !0)
+        ], 2))), 128))
+      ])
+    ]));
+  }
+}), Vl = {
+  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]"
+}, zl = {
+  key: 1,
+  class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
+}, Ml = { class: "mb-6 flex items-center justify-between" }, Il = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, Bl = { class: "max-w-full" }, Sl = /* @__PURE__ */ $({
+  __name: "CardGray",
+  props: {
+    title: { default: "Title" },
+    loading: { type: Boolean }
+  },
+  setup(t) {
+    return (e, i) => (n(), c("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(), c("div", Vl)) : C("", !0),
+      e.loading ? (n(), c("div", zl)) : C("", !0),
+      l("div", Ml, [
+        l("h3", Il, x(e.title), 1),
+        l("div", null, [
+          _(e.$slots, "header")
+        ])
+      ]),
+      l("div", Bl, [
+        _(e.$slots, "default")
+      ])
+    ], 2));
+  }
+}), Al = {
+  class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
+  role: "alert"
+}, Fl = { class: "flex items-center gap-4 text-sm" }, Hl = { class: "flex-auto" }, Ll = {
+  key: 0,
+  class: "text-green-600"
+}, jl = {
+  key: 0,
+  class: "w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2"
+}, Tl = /* @__PURE__ */ $({
+  __name: "CardNotification",
+  props: {
+    text: { default: "" },
+    empty: { default: 0 },
+    id: { default: 0 },
+    length: { default: 0 },
+    size: { default: 0 },
+    status: { default: 0 },
+    timeout: { default: 0 }
+  },
+  emits: ["close"],
+  setup(t, { emit: e }) {
+    const i = e, o = z(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), r = z(() => !!t.length), d = z(() => !!(r.value && o.value === 100 && !t.status)), a = () => {
+      i("close", { text: t.text, empty: t.empty, id: t.id, length: t.length, size: t.size, status: t.status, timeout: t.timeout });
+    };
+    return q(() => {
+      t.timeout && setTimeout(() => {
+        a();
+      }, t.timeout * 1e3);
+    }), (f, u) => (n(), c("div", Al, [
+      l("div", Fl, [
+        l("div", Hl, x(f.text), 1),
+        d.value ? (n(), c("span", Ll, "Done")) : C("", !0),
+        l("button", {
+          class: "transition text-gray-400 self-start hover:text-gray-600",
+          onClick: a
+        }, [
+          v(M(te), { class: "h-4 w-4" })
+        ])
+      ]),
+      r.value ? (n(), c("div", jl, [
+        l("div", {
+          class: "bg-blue-600 text-sm font-medium text-blue-100 text-center leading-none rounded-full",
+          style: G(`width: ${o.value}%`)
+        }, x(o.value) + "%", 5)
+      ])) : C("", !0)
+    ]));
+  }
+}), Dl = { class: "flex-auto flex justify-between" }, Ol = { class: "text-sm text-gray-500 font-medium text-ellipsis overflow-hidden text-nowrap" }, Nl = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, El = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, Pl = { class: "min-h-60 relative" }, Ul = { class: "pt-6" }, Gl = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, ql = { class: "text-center text-xl mt-4" }, O = /* @__PURE__ */ $({
+  __name: "CardBase",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["edit"],
+  setup(t, { emit: e }) {
+    const i = S(!1), o = e, r = z(() => ["button", "switch"].includes(t.type || "") && t.value ? "text-amber-500" : "text-gray-400"), d = (s) => o("edit", s), a = () => i.value = !0, f = (s) => {
+      var h;
+      return ((h = t.modifyValue) == null ? void 0 : h.call(t, s)) || s;
+    }, u = z(() => ({
+      value: t.value,
+      name: t.name,
+      min: t.min,
+      max: t.max,
+      list: t.list,
+      modify: f(t.value),
+      icon: t.icon
+    }));
+    return (s, h) => {
+      const p = P("AppDialog");
+      return n(), c("div", {
+        class: "flex flex-col border aspect-square rounded-sm bg-white dark:bg-gray-900 border-b border-gray-300 dark:border-gray-700 p-2 hover:border-blue-400 dark:hover:border-blue-700 transition-all cursor-pointer",
+        onClick: a
+      }, [
+        l("div", Dl, [
+          l("div", {
+            class: w(r.value)
+          }, [
+            v(W, {
+              name: s.icon || "",
+              class: "size-8"
+            }, null, 8, ["name"])
+          ], 2),
+          _(s.$slots, "header", T(D(u.value)))
+        ]),
+        l("div", null, [
+          _(s.$slots, "body", T(D(u.value)), () => [
+            l("h6", Ol, [
+              _(s.$slots, "name", T(D(u.value)), () => [
+                V(x(s.name), 1)
+              ])
+            ]),
+            l("div", Nl, [
+              _(s.$slots, "value", T(D(u.value)), () => [
+                V(x(f(s.value)), 1)
+              ])
+            ])
+          ])
+        ]),
+        i.value ? (n(), k(p, {
+          key: 0,
+          size: "sm",
+          title: s.name,
+          onClose: h[0] || (h[0] = (g) => i.value = !1)
+        }, {
+          header: m(() => [
+            l("div", El, [
+              v(B, {
+                type: "icon",
+                size: "",
+                onClick: d
+              }, {
+                default: m(() => [
+                  v(W, {
+                    name: "IconDots",
+                    class: "size-8"
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: m(() => [
+            l("div", Pl, [
+              l("div", Ul, [
+                l("h3", Gl, [
+                  _(s.$slots, "dialog-name", T(D(u.value)), () => [
+                    V(x(s.name), 1)
+                  ])
+                ]),
+                _(s.$slots, "dialog", T(D(u.value))),
+                l("p", ql, [
+                  _(s.$slots, "dialog-value", T(D(u.value)), () => [
+                    V(x(f(s.value)), 1)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["title"])) : C("", !0)
+      ]);
+    };
+  }
+}), Kl = { class: "flex justify-end" }, Rl = { class: "flex justify-center py-4" }, Wl = /* @__PURE__ */ $({
+  __name: "CardButton",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (a) => i("click", a), d = () => i("setState", { ...o, value: !o.value });
+    return (a, f) => (n(), k(O, F(o, { onClick: r }), {
+      header: m(() => [
+        l("div", Kl, [
+          v(B, {
+            type: "icon",
+            size: "sm",
+            class: "text-gray-500",
+            onClick: L(d, ["stop"])
+          }, {
+            default: m(() => [
+              v(M(R), { class: "size-10" })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      dialog: m(() => [
+        l("div", Rl, [
+          v(B, {
+            type: "icon",
+            size: "sm",
+            class: w(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
+            onClick: L(d, ["stop"])
+          }, {
+            default: m(() => [
+              v(M(R), { class: "size-16" })
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Zl = { class: "flex justify-center relative mx-2 my-6" }, Ql = /* @__PURE__ */ $({
+  __name: "CardDate",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (f) => new Date(f * 1e3).toISOString().slice(0, 16), d = (f) => {
+      var s;
+      const u = (s = f == null ? void 0 : f.target) == null ? void 0 : s.valueAsNumber;
+      console.log(u), u && i("setState", { ...o, value: u / 1e3 });
+    }, a = (f) => i("click", f);
+    return (f, u) => (n(), k(O, F(o, { onClick: a }), {
+      dialog: m(({ value: s }) => [
+        l("div", Zl, [
+          v(A, {
+            modelValue: r(s),
+            type: "datetime-local",
+            label: "Date",
+            onChange: d
+          }, null, 8, ["modelValue"])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Jl = { class: "flex justify-end" }, Xl = {
+  class: /* @__PURE__ */ w("text-blue-600 dark:text-blue-400")
+}, Yl = {
+  width: "32",
+  height: "32",
+  viewBox: "-7.5 -7.5 75 75",
+  version: "1.1",
+  style: { transform: "rotate(-90deg)" }
+}, e0 = ["stroke-dashoffset"], t0 = { class: "flex justify-center relative mx-2 my-6" }, l0 = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, n0 = ["min", "max", "value"], o0 = /* @__PURE__ */ $({
+  __name: "CardDimmer",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (u, s) => Math.round(100 * u / s), d = (u, s) => Math.round(187 - u / s * 187), a = (u) => i("click", u), f = (u) => {
+      var h;
+      const s = +((h = u == null ? void 0 : u.target) == null ? void 0 : h.value) || 0;
+      i("setState", { ...o, value: s });
+    };
+    return (u, s) => (n(), k(O, F(o, { onClick: a }), {
+      header: m(({ value: h, max: p }) => [
+        l("div", Jl, [
+          l("div", Xl, [
+            (n(), c("svg", Yl, [
+              s[0] || (s[0] = l("circle", {
+                class: "stroke-gray-300 dark:stroke-gray-700",
+                r: "30",
+                cx: "30",
+                cy: "30",
+                fill: "transparent",
+                "stroke-width": "10"
+              }, null, -1)),
+              l("circle", {
+                r: "30",
+                cx: "30",
+                cy: "30",
+                stroke: "currentColor",
+                "stroke-width": "8",
+                "stroke-linecap": "butt",
+                "stroke-dashoffset": d(h, p || 0),
+                fill: "transparent",
+                "stroke-dasharray": "187"
+              }, null, 8, e0)
+            ]))
+          ])
+        ])
+      ]),
+      dialog: m(({ min: h = 0, max: p = 255, value: g }) => [
+        l("div", t0, [
+          s[1] || (s[1] = l("div", { class: "absolute h-10 w-full top-0 left-0 bg-gray-400 dark:bg-gray-800 z-0 rounded-md" }, null, -1)),
+          l("div", {
+            class: "absolute h-10 top-0 left-0 bg-blue-600 dark:bg-blue-400 z-0 rounded-md",
+            style: G(`width: ${r(g, p)}%`)
+          }, null, 4),
+          l("div", l0, x(r(g, p)) + " %", 1),
+          l("input", {
+            type: "range",
+            min: h,
+            max: p,
+            value: g,
+            step: "1",
+            class: "w-full h-10 z-10 appearance-none cursor-pointer opacity-0",
+            onChange: f
+          }, null, 40, n0)
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), s0 = /* @__PURE__ */ $({
+  __name: "CardInfo",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (d) => i("click", d);
+    return (d, a) => (n(), k(O, F(o, { onClick: r }), {
+      default: m(() => [
+        _(d.$slots, "dialog")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), a0 = { class: "flex justify-center relative mx-2 my-6" }, r0 = /* @__PURE__ */ $({
+  __name: "CardInput",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (a) => {
+      var u;
+      const f = (u = a == null ? void 0 : a.target) == null ? void 0 : u.value;
+      i("setState", { ...o, value: f });
+    }, d = (a) => i("click", a);
+    return (a, f) => (n(), k(O, F(o, { onClick: d }), {
+      dialog: m(({ value: u, name: s }) => [
+        l("div", a0, [
+          v(A, {
+            modelValue: u,
+            label: s,
+            onChange: r
+          }, null, 8, ["modelValue", "label"])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), i0 = { class: "flex justify-center py-4" }, c0 = { class: "size-16" }, d0 = /* @__PURE__ */ $({
+  __name: "CardSwitch",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (a) => i("click", a), d = () => i("setState", o);
+    return (a, f) => (n(), k(O, F(o, { onClick: r }), {
+      header: m(() => [...f[0] || (f[0] = [
+        l("div", { class: "flex justify-end" }, null, -1)
+      ])]),
+      dialog: m(() => [
+        l("div", i0, [
+          v(B, {
+            type: "icon",
+            size: "sm",
+            class: w(["h-18 w-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"]),
+            onClick: L(d, ["stop"])
+          }, {
+            default: m(() => [
+              l("div", c0, [
+                v(M(R))
+              ])
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), u0 = { class: "flex justify-center py-4" }, f0 = /* @__PURE__ */ $({
+  __name: "CardList",
+  props: {
+    id: {},
+    name: {},
+    keyValue: {},
+    type: {},
+    icon: {},
+    value: {},
+    min: {},
+    max: {},
+    list: {},
+    get: { type: Function },
+    set: { type: Function },
+    modifyValue: { type: Function },
+    getItem: { type: Function },
+    setItem: { type: Function }
+  },
+  emits: ["click", "setState"],
+  setup(t, { emit: e }) {
+    const i = e, o = t, r = (f) => i("click", f), d = ({ value: f }) => i("setState", { ...o, value: f }), a = ({ list: f, value: u }) => {
+      var s;
+      return Array.isArray(f) ? (s = f.find((h) => h.value === u)) == null ? void 0 : s.name : u + "12121";
+    };
+    return (f, u) => (n(), k(O, F(o, { onClick: r }), {
+      value: m((s) => [
+        V(x(a(s)), 1)
+      ]),
+      "dialog-value": m((s) => [
+        V(x(a(s)), 1)
+      ]),
+      dialog: m(({ name: s, value: h, list: p }) => [
+        l("div", u0, [
+          v(K, {
+            value: h,
+            label: s,
+            list: p,
+            onChange: d
+          }, null, 8, ["value", "label", "list"])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), h0 = { class: "pt-6" }, v0 = { class: "grid grid-cols-1 gap-x-4" }, m0 = { class: "grid grid-cols-2 gap-x-4" }, p0 = { class: "grid grid-cols-2 gap-x-4" }, g0 = { class: "flex gap-2 items-center" }, y0 = { class: "grid grid-cols-2 gap-x-4" }, b0 = { class: "flex gap-4 justify-end" }, x0 = /* @__PURE__ */ $({
+  __name: "BlockItemEdit",
+  props: {
+    item: {},
+    isNew: { type: Boolean }
+  },
+  emits: ["remove", "save", "select"],
+  setup(t, { emit: e }) {
+    const i = e, o = S({ id: "", name: "", keyValue: "" }), r = [
+      { id: 1, name: "Air", icon: "IconAir" },
+      { id: 2, name: "Bulb", icon: "IconBulb" },
+      { id: 3, name: "Cold", icon: "IconCold" },
+      { id: 4, name: "Camera", icon: "IconCamera" },
+      { id: 5, name: "Vent", icon: "IconVent" },
+      { id: 6, name: "Garage", icon: "IconGarage" },
+      { id: 7, name: "Video", icon: "IconVideo" },
+      { id: 8, name: "Light", icon: "IconLight" },
+      { id: 9, name: "Tv", icon: "IconTv" },
+      { id: 10, name: "Therm", icon: "IconTherm" },
+      { id: 11, name: "Store", icon: "IconStore" },
+      { id: 12, name: "Socket", icon: "IconSocket" },
+      { id: 13, name: "Search", icon: "IconSearch" },
+      { id: 14, name: "Save", icon: "IconSave" },
+      { id: 15, name: "Noti", icon: "IconNoti" },
+      { id: 16, name: "Logout", icon: "IconLogout" },
+      { id: 17, name: "Lock", icon: "IconLock" },
+      { id: 1, name: "Folder", icon: "IconFolder" }
+    ], d = [
+      { id: 1, name: "Button", type: "button" },
+      { id: 2, name: "Info", type: "info" },
+      { id: 3, name: "Dimmer", type: "dimmer" },
+      { id: 4, name: "Switch", type: "switch" },
+      { id: 5, name: "Date", type: "date" },
+      { id: 6, name: "Input", type: "input" }
+    ], a = z(() => o.value.type === "dimmer"), f = ({ icon: p }) => {
+      o.value.icon = p;
+    }, u = ({ type: p }) => {
+      o.value.type = p;
+    }, s = () => {
+      i("save", o.value);
+    }, h = () => {
+      i("remove", o.value);
+    };
+    return q(() => {
+      o.value = { ...t.item };
+    }), (p, g) => (n(), c("div", h0, [
+      l("div", v0, [
+        l("div", m0, [
+          v(A, {
+            modelValue: o.value.id,
+            "onUpdate:modelValue": g[0] || (g[0] = (b) => o.value.id = b),
+            label: "ID",
+            disabled: !p.isNew,
+            onClick: g[1] || (g[1] = (b) => i("select", b))
+          }, null, 8, ["modelValue", "disabled"]),
+          v(A, {
+            modelValue: o.value.keyValue,
+            "onUpdate:modelValue": g[2] || (g[2] = (b) => o.value.keyValue = b),
+            label: "KeyValue"
+          }, null, 8, ["modelValue"])
+        ]),
+        v(A, {
+          modelValue: o.value.name,
+          "onUpdate:modelValue": g[3] || (g[3] = (b) => o.value.name = b),
+          label: "Name"
+        }, null, 8, ["modelValue"]),
+        l("div", p0, [
+          v(K, {
+            value: o.value.icon,
+            label: "Icon",
+            list: r,
+            onChange: f
+          }, {
+            default: m(({ item: b }) => [
+              l("div", g0, [
+                v(W, {
+                  name: b.icon,
+                  class: "size-5"
+                }, null, 8, ["name"]),
+                l("div", null, x(b.name), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["value"]),
+          v(K, {
+            value: o.value.type,
+            label: "Type",
+            list: d,
+            onChange: u
+          }, null, 8, ["value"])
+        ]),
+        l("div", y0, [
+          a.value ? (n(), k(A, {
+            key: 0,
+            modelValue: o.value.min,
+            "onUpdate:modelValue": g[4] || (g[4] = (b) => o.value.min = b),
+            label: "Min"
+          }, null, 8, ["modelValue"])) : C("", !0),
+          a.value ? (n(), k(A, {
+            key: 1,
+            modelValue: o.value.max,
+            "onUpdate:modelValue": g[5] || (g[5] = (b) => o.value.max = b),
+            label: "Max"
+          }, null, 8, ["modelValue"])) : C("", !0)
+        ]),
+        o.value.set ? (n(), k(A, {
+          key: 0,
+          modelValue: o.value.set,
+          "onUpdate:modelValue": g[6] || (g[6] = (b) => o.value.set = b),
+          component: "textarea",
+          label: "Set"
+        }, null, 8, ["modelValue"])) : C("", !0),
+        v(A, {
+          modelValue: o.value.get,
+          "onUpdate:modelValue": g[7] || (g[7] = (b) => o.value.get = b),
+          component: "textarea",
+          label: "Get"
+        }, null, 8, ["modelValue"]),
+        v(A, {
+          modelValue: o.value.modifyValue,
+          "onUpdate:modelValue": g[8] || (g[8] = (b) => o.value.modifyValue = b),
+          component: "textarea",
+          label: "ModifyValue"
+        }, null, 8, ["modelValue"])
+      ]),
+      l("div", b0, [
+        v(B, {
+          class: "px-4",
+          color: "red",
+          outline: "",
+          onClick: h
+        }, {
+          default: m(() => [...g[9] || (g[9] = [
+            V("Remove", -1)
+          ])]),
+          _: 1
+        }),
+        v(B, {
+          class: "px-4",
+          color: "blue",
+          onClick: s
+        }, {
+          default: m(() => [...g[10] || (g[10] = [
+            V("Save", -1)
+          ])]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), k0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BlockItemEdit: x0,
+  CardBase: O,
+  CardButton: Wl,
+  CardDate: Ql,
+  CardDimmer: o0,
+  CardInfo: s0,
+  CardInput: r0,
+  CardList: f0,
+  CardSwitch: d0
+}, Symbol.toStringTag, { value: "Module" })), _0 = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, $0 = /* @__PURE__ */ $({
+  __name: "AppAside",
+  props: {
+    isSidebar: { type: Boolean, default: !1 }
+  },
+  emits: ["sidebar"],
+  setup(t, { emit: e }) {
+    const i = e, o = () => {
+      t.isSidebar && i("sidebar", !t.isSidebar);
+    };
+    return (r, d) => {
+      const a = P("router-link");
+      return n(), c(I, null, [
+        r.isSidebar ? (n(), c("div", {
+          key: 0,
+          class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur z-10",
+          onClick: o
+        })) : C("", !0),
+        l("aside", {
+          class: w([r.isSidebar ? "translate-x-0 lg:w-[90px]" : "-translate-x-full", "overflow-x-hidden fixed top-0 left-0 z-10 flex lg:static h-full w-[290px] flex-col overflow-y-auto border-r border-gray-200 px-5 transition-all lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900 -translate-x-full"])
+        }, [
+          l("div", {
+            class: w([r.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
+          }, [
+            v(a, { to: "/" }, {
+              default: m(() => [
+                r.isSidebar ? (n(), k(M(fe), {
+                  key: 0,
+                  class: "h-[30px] text-primary"
+                })) : (n(), k(M(le), {
+                  key: 1,
+                  class: "h-[30px] text-primary"
+                }))
+              ]),
+              _: 1
+            })
+          ], 2),
+          l("div", _0, [
+            _(r.$slots, "default")
+          ])
+        ], 2)
+      ], 64);
+    };
+  }
+}), w0 = { class: "flex-auto flex align-center p-4" }, C0 = { class: "flex items-center justify-between px-4 py-2 border-b dark:border-gray-700 border-gray-200" }, V0 = { class: "px-4 py-2 flex-auto scroll-none" }, z0 = ["innerHTML"], M0 = {
+  key: 0,
+  class: "px-4 py-2 flex justify-end"
+}, I0 = /* @__PURE__ */ $({
+  __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 = S(!1), r = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, d = z(() => [`${(r == null ? void 0 : r[t.size]) || ""}`]), a = (u) => {
+      o.value = !1, setTimeout(() => {
+        i("close", u);
+      }, 300);
+    }, f = (u) => {
+      t.callback && t.callback(), a(u);
+    };
+    return q(() => {
+      setTimeout(() => {
+        o.value = !0;
+      }, 300);
+    }), (u, s) => (n(), k(be, { to: "body" }, [
+      v(ae, {
+        "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: m(() => [
+          o.value ? (n(), c("div", {
+            key: 0,
+            class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
+            onWheel: s[0] || (s[0] = L(() => {
+            }, ["stop"]))
+          }, [
+            l("div", {
+              class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
+              onClick: a
+            }),
+            l("div", w0, [
+              l("div", {
+                class: w(["m-auto w-full bg-white dark:bg-gray-900 shadow-lg flex flex-col rounded-lg z-30", d.value])
+              }, [
+                l("div", C0, [
+                  _(u.$slots, "header", {}, () => [
+                    l("h4", null, x(u.title), 1)
+                  ]),
+                  v(B, {
+                    type: "icon",
+                    size: "",
+                    onClick: a
+                  }, {
+                    default: m(() => [
+                      v(M(te), { class: "h-5 w-5" })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                l("div", V0, [
+                  _(u.$slots, "default", {}, () => [
+                    l("div", { innerHTML: u.message }, null, 8, z0)
+                  ])
+                ]),
+                u.$slots.footer || u.callback ? (n(), c("div", M0, [
+                  _(u.$slots, "footer", {}, () => [
+                    v(B, {
+                      color: "blue",
+                      size: "small",
+                      onClick: f
+                    }, {
+                      default: m(() => [
+                        V(x(u.button), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ])) : C("", !0)
+              ], 2)
+            ])
+          ], 32)) : C("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), B0 = { 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" }, S0 = { class: "px-4 py-4 sm:px-6 lg:px-8" }, A0 = { class: "container mx-auto flex flex-auto items-center" }, F0 = { class: "lg:hidden h-[30px] me-10" }, H0 = { class: "gap-4 hidden lg:flex" }, L0 = { class: "lg:hidden flex gap-4" }, j0 = { class: "ms-2" }, T0 = /* @__PURE__ */ $({
+  __name: "AppHeader",
+  props: {
+    changeTheme: { type: Function }
+  },
+  emits: ["sidebar"],
+  setup(t, { emit: e }) {
+    const i = e, o = S(!1), r = S(!1), d = [
+      { id: 1, name: "Theme", icon: X },
+      { id: 2, name: "Logout", icon: Y }
+    ], a = (h) => i("sidebar", h), f = async () => await fetch("/", {
+      method: "get",
+      headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" }
+    }), u = () => {
+      t.changeTheme && t.changeTheme();
+    }, s = ({ name: h }) => {
+      h == "Logout" && f(), h == "Theme" && u();
+    };
+    return (h, p) => {
+      const g = P("router-link");
+      return n(), c("header", B0, [
+        l("div", S0, [
+          l("div", A0, [
+            v(B, {
+              type: "icon",
+              color: "gray",
+              class: "me-6",
+              onClick: a
+            }, {
+              default: m(() => [
+                v(M(ue), { class: "h-5 w-5" })
+              ]),
+              _: 1
+            }),
+            p[2] || (p[2] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            l("div", F0, [
+              v(g, { to: "/" }, {
+                default: m(() => [
+                  v(M(le), { class: "h-[30px] text-primary" })
+                ]),
+                _: 1
+              })
+            ]),
+            p[3] || (p[3] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", H0, [
+              v(B, {
+                type: "icon",
+                color: "gray",
+                onClick: u
+              }, {
+                default: m(() => [
+                  v(M(X))
+                ]),
+                _: 1
+              }),
+              v(B, {
+                type: "icon",
+                color: "gray",
+                onClick: p[0] || (p[0] = L((b) => {
+                  o.value = !o.value, r.value = !1;
+                }, ["prevent"]))
+              }, {
+                default: m(() => [
+                  l("span", {
+                    class: w([r.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400 flex"])
+                  }, [...p[1] || (p[1] = [
+                    l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+                  ])], 2),
+                  v(M(he), { class: "h-5 w-5" })
+                ]),
+                _: 1
+              }),
+              v(B, {
+                type: "icon",
+                color: "gray",
+                onClick: L(f, ["prevent"])
+              }, {
+                default: m(() => [
+                  v(M(Y), { class: "h-5 w-5" })
+                ]),
+                _: 1
+              })
+            ]),
+            l("div", L0, [
+              v(Z, {
+                left: "unset",
+                right: "0",
+                top: "0"
+              }, {
+                activator: m(({ on: b }) => [
+                  v(B, {
+                    type: "icon",
+                    color: "gray",
+                    class: "flex",
+                    onClick: b.click
+                  }, {
+                    default: m(() => [
+                      v(M(ce))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                default: m(() => [
+                  v(Q, {
+                    list: d,
+                    onClick: s
+                  }, {
+                    default: m(({ item: b }) => [
+                      (n(), k(E(b.icon))),
+                      l("span", j0, x(b.name), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), D0 = /* @__PURE__ */ $({
+  __name: "AppNotification",
+  props: {
+    notifications: { default: () => [] }
+  },
+  emits: ["close"],
+  setup(t, { emit: e }) {
+    const i = e;
+    return (o, r) => (n(), c("div", null, [
+      v(xe, {
+        name: "list",
+        tag: "ul",
+        class: "flex flex-col gap-2"
+      }, {
+        default: m(() => [
+          (n(!0), c(I, null, H(o.notifications, (d) => (n(), k(Tl, F({
+            key: d.id
+          }, { ref_for: !0 }, d, {
+            onClose: (a) => i("close", d)
+          }), null, 16, ["onClose"]))), 128))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), O0 = {}, N0 = { class: "fixed h-full w-full top-0 left-0 z-20" }, E0 = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function P0(t, e) {
+  return n(), c("div", N0, [
+    e[0] || (e[0] = l("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
+    l("div", E0, [
+      _(t.$slots, "default")
+    ])
+  ]);
+}
+const U0 = /* @__PURE__ */ re(O0, [["render", P0]]), G0 = { class: "mb-4 flex flex-col gap-4" }, q0 = ["onClick"], K0 = { class: "flex flex-col gap-2" }, R0 = { class: "flex gap-2 ms-8" }, W0 = { class: "flex-1 first-letter:uppercase text-sm" }, Z0 = /* @__PURE__ */ $({
+  __name: "AppNav",
+  props: {
+    menu: { default: () => [] },
+    fullPath: { default: "" },
+    isSidebar: { type: Boolean, default: !1 }
+  },
+  emits: ["sidebar"],
+  setup(t, { emit: e }) {
+    const i = e, o = S(""), r = ({ name: a, path: f }) => {
+      t.isSidebar && i("sidebar", !t.isSidebar), o.value !== a && (o.value = o.value === a ? "" : a);
+    }, d = (a) => t.fullPath === a;
+    return ke(
+      () => t.menu,
+      () => {
+        var a;
+        return o.value = ((a = $e(t.menu, t.fullPath)) == null ? void 0 : a.name) || "";
+      }
+    ), (a, f) => {
+      const u = P("v-icons");
+      return n(), c("nav", null, [
+        l("ul", G0, [
+          (n(!0), c(I, null, H(a.menu, (s) => (n(), c("li", {
+            key: s.name
+          }, [
+            (n(), k(E(s.path ? "router-link" : "span"), {
+              to: s.path,
+              class: w(["flex gap-2 items-center px-3 py-2 rounded-lg", d(s.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
+              onClick: L((h) => r(s), ["prevent", "stop"])
+            }, {
+              default: m(() => [
+                v(u, {
+                  name: s.icon,
+                  class: "size-5 flex-[0_0_24px]"
+                }, null, 8, ["name"]),
+                l("span", {
+                  class: w(["flex-1 first-letter:uppercase text-sm", a.isSidebar ? "lg:hidden" : ""])
+                }, x(s.name), 3),
+                l("button", {
+                  class: w(["cursor-pointer", [a.isSidebar ? "lg:hidden" : ""]]),
+                  onClick: L((h) => r(s), ["prevent", "stop"])
+                }, [
+                  s.children ? (n(), k(M(U), { key: 0 })) : C("", !0)
+                ], 10, q0)
+              ]),
+              _: 2
+            }, 1032, ["to", "class", "onClick"])),
+            s.children ? (n(), c("div", {
+              key: 0,
+              class: w(["translate transform overflow-hidden mt-2", [a.isSidebar ? "lg:hidden" : "", o.value === s.name ? "block" : "hidden"]])
+            }, [
+              l("ul", K0, [
+                (n(!0), c(I, null, H(s.children, ({ name: h, path: p, icon: g }) => (n(), c("li", { key: h }, [
+                  (n(), k(E(p ? "router-link" : "span"), {
+                    to: p,
+                    class: w(["flex gap-2 items-center px-3 py-2 rounded-lg", d(p) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+                  }, {
+                    default: m(() => [
+                      l("div", R0, [
+                        g ? (n(), k(u, {
+                          key: 0,
+                          name: g,
+                          class: "size-5 flex-[0_0_24px]"
+                        }, null, 8, ["name"])) : C("", !0),
+                        l("span", W0, x(h), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "class"]))
+                ]))), 128))
+              ])
+            ], 2)) : C("", !0)
+          ]))), 128))
+        ])
+      ]);
+    };
+  }
+}), Q0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AppAside: $0,
+  AppDialog: I0,
+  AppHeader: T0,
+  AppNav: Z0,
+  AppNotification: D0,
+  AppOverlay: U0
+}, Symbol.toStringTag, { value: "Module" })), oe = { ...Q0, ...k0, VButton: B, VLoader: ie, VDropdown: Z, VList: Q, VTextField: A, VSelect: K, VWifiIcon: j1, VIcons: W, CardGray: Sl }, rn = {
+  install: (t, e) => {
+    Object.keys(oe).forEach((i) => {
+      t.component(i, oe[i]);
+    }), Ce.forEach(({ name: i, directive: o }) => t.directive(i, o));
+  }
+};
+export {
+  $0 as AppAside,
+  I0 as AppDialog,
+  T0 as AppHeader,
+  Z0 as AppNav,
+  D0 as AppNotification,
+  U0 as AppOverlay,
+  an as BlockBreadcrumb,
+  on as BlockInfo,
+  sn as BlockStatus,
+  nn as BlockTable,
+  Sl as CardGray,
+  Tl as CardNotification,
+  un as Dashboard,
+  Y0 as VAutocomplete,
+  B as VButton,
+  en as VCheckbox,
+  Z as VDropdown,
+  tn as VExpansion,
+  W as VIcons,
+  Q as VList,
+  q1 as VListObject,
+  ie as VLoader,
+  K as VSelect,
+  A as VTextField,
+  ln as VTextFieldFile,
+  j1 as VWifiIcon,
+  fn as createObjectFromPaths,
+  rn as default,
+  hn as functionToString,
+  vn as safeEval,
+  mn as saveObjectWithFunctions,
+  pn as stringToFunction
+};