vuesp-components 1.1.1 → 1.3.0

package/dist/index.es.js

@@ -1,494 +1,49 @@
-import { defineComponent as B, ref as L, computed as M, createElementBlock as c, openBlock as o, createElementVNode as l, createCommentVNode as I, normalizeClass as V, createBlock as A, toDisplayString as _, resolveDynamicComponent as q, mergeProps as D, withKeys as Le, renderSlot as C, createTextVNode as T, resolveDirective as je, withDirectives as de, createVNode as p, Transition as Y, withCtx as m, normalizeStyle as J, Fragment as H, renderList as N, onMounted as ce, unref as z, withModifiers as F, vShow as Ne, TransitionGroup as _e, toRef as Oe, readonly as Fe, customRef as Pe, getCurrentScope as Ee, onScopeDispose as Re, shallowRef as me, watch as U, nextTick as Ue, toValue as ue, isRef as Ge, vModelText as We, resolveComponent as ee, normalizeProps as E, guardReactiveProps as R, Teleport as qe } from "vue";
-import { getDataValue as Ke } from "./dashboard/index.es.js";
+import { createElementBlock as v, openBlock as s, createElementVNode as l, Fragment as D, defineComponent as V, computed as M, createBlock as A, resolveDynamicComponent as G, resolveComponent as ae, createCommentVNode as I, normalizeClass as z, createVNode as p, withCtx as m, renderSlot as C, mergeProps as H, ref as L, onMounted as se, Teleport as $e, Transition as Q, withModifiers as P, toDisplayString as _, createTextVNode as T, resolveDirective as we, withDirectives as oe, normalizeStyle as K, renderList as N, unref as E, TransitionGroup as pe, watch as W, normalizeProps as R, guardReactiveProps as U, withKeys as Ce, vShow as ze, toRef as Ve, readonly as Be, customRef as Me, getCurrentScope as Ie, onScopeDispose as Ae, shallowRef as ce, nextTick as Se, toValue as ne, isRef as Te, vModelText as De } from "vue";
+import { getDataValue as He } from "./dashboard/index.es.js";
 import { getFunction as y1, getParamsData as x1, getStateItem as k1, setStateItem as _1 } from "./dashboard/index.es.js";
-import { u as ve, d as Ze, e as Je, b as Qe, f as Xe } from "./utils-r5TQv-RW.js";
-import { useForm as w1 } from "./composables/index.es.js";
-const Ye = {
-  mounted(e, t) {
-    e.clickOutsideEvent = function(d) {
-      e === d.target || e.contains(d.target) || t.value(d, e);
-    }, document.addEventListener("click", e.clickOutsideEvent);
+import { d as Le, t as je, f as Ne, a as re, c as Oe } from "./utils-DxCyEA-K.js";
+const Pe = {
+  mounted(t, e) {
+    t.clickOutsideEvent = function(n) {
+      t === n.target || t.contains(n.target) || e.value(n, t);
+    }, document.addEventListener("click", t.clickOutsideEvent);
   },
-  unmounted(e) {
-    document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
+  unmounted(t) {
+    document.removeEventListener("click", t.clickOutsideEvent), delete t.clickOutsideEvent;
   }
-}, et = [{ name: "outside", directive: Ye }], tt = { class: "w-full relative" }, lt = ["disabled"], st = {
-  key: 0,
-  class: "text-red-400 h-[24px] px-2 text-xs"
-}, at = "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", O = /* @__PURE__ */ B({
-  __name: "VTextField",
-  props: {
-    modelValue: { default: null },
-    label: { default: "" },
-    component: { default: "input" },
-    type: { default: "text" },
-    message: { default: "" },
-    readonly: { type: Boolean },
-    disabled: { type: [Boolean, Number], default: !1 },
-    active: { type: Boolean, default: !1 },
-    hideMessage: { type: Boolean, default: !1 },
-    rules: {}
-  },
-  emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
-  setup(e, { emit: t }) {
-    const d = t, r = {
-      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"
-    }, s = L(!1), n = M(() => [
-      e.component === "input" ? "h-[40px]" : "min-h-[40px]",
-      e.message ? "border-red-500 hover:border-red-400" : "",
-      e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
-    ]), v = M(() => r[e.component]), u = (g) => g || g === 0, f = M(() => [at, s.value || u(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), a = M(() => e.component === "input"), i = (g) => {
-      s.value = !1, d("blur", g);
-    }, h = ({ target: g }) => d("update:modelValue", g.value), b = (g) => d("enter", g), $ = () => s.value = !0, y = (g) => d("click", g), w = (g) => {
-      e.disabled || d("on-icon", g);
-    };
-    return (g, P) => (o(), c("div", tt, [
-      l("label", {
-        class: V(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", n.value])
-      }, [
-        l("span", {
-          class: V(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", f.value])
-        }, _(g.label), 3),
-        (o(), A(q(g.component), D(g.$attrs, {
-          value: g.modelValue,
-          disabled: !!g.disabled,
-          type: g.type,
-          readonly: g.readonly,
-          rows: a.value ? null : "2",
-          wrap: a.value ? null : "soft",
-          class: v.value,
-          onFocus: $,
-          onBlur: i,
-          onInput: h,
-          onClick: y,
-          onKeypress: Le(b, ["enter"])
-        }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        g.$slots.icon ? (o(), c("button", {
-          key: 0,
-          disabled: !!g.disabled,
-          class: V([{ "cursor-pointer": !g.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
-          onClick: w
-        }, [
-          C(g.$slots, "icon")
-        ], 10, lt)) : I("", !0)
-      ], 2),
-      g.hideMessage ? I("", !0) : (o(), c("div", st, [
-        C(g.$slots, "message", {}, () => [
-          T(_(g.message), 1)
-        ])
-      ]))
-    ]));
-  }
-}), ot = { class: "relative" }, nt = { class: "flex items-center cursor-pointer" }, te = /* @__PURE__ */ B({
-  __name: "VDropdown",
-  props: {
-    top: { default: "calc(100% + 5px)" },
-    left: { default: "0" },
-    right: { default: "" },
-    height: { default: "200px" },
-    hideOnClick: { type: Boolean, default: !0 }
-  },
-  emits: ["click", "show", "close"],
-  setup(e, { emit: t }) {
-    const d = t, r = L(!1), s = M(() => ({ top: e.top, left: e.left, right: e.right, "max-height": e.height })), n = (i) => {
-      r.value && f(i);
-    }, v = (i) => {
-      r.value ? e.hideOnClick && f(i) : u(i), d("click", r.value);
-    }, u = (i) => {
-      r.value = !0, d("show", i);
-    }, f = (i) => {
-      r.value = !1, d("close", i);
-    }, a = { click: v, open: u };
-    return (i, h) => {
-      const b = je("outside");
-      return de((o(), c("div", ot, [
-        l("div", nt, [
-          C(i.$slots, "activator", {
-            on: a,
-            show: r.value
-          })
-        ]),
-        p(Y, {
-          "enter-active-class": "duration-300 ease-out",
-          "enter-from-class": "transform opacity-0 -translate-y-2",
-          "enter-to-class": "opacity-100 translate-y-0",
-          "leave-active-class": "duration-200 ease-in",
-          "leave-from-class": "opacity-100 translate-y-0",
-          "leave-to-class": "transform opacity-0 -translate-y-2"
-        }, {
-          default: m(() => [
-            r.value ? (o(), c("div", {
-              key: 0,
-              class: "z-10 min-w-full absolute overflow-auto shadow-lg scrollbar",
-              style: J(s.value),
-              onClick: v
-            }, [
-              C(i.$slots, "default", {
-                on: a,
-                show: u,
-                hide: f,
-                isShown: r.value
-              })
-            ], 4)) : I("", !0)
-          ]),
-          _: 3
-        })
-      ])), [
-        [b, n]
-      ]);
-    };
-  }
-}), rt = ["onClick"], le = /* @__PURE__ */ B({
-  __name: "VList",
-  props: {
-    list: {},
-    className: {}
-  },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const d = e, r = t, s = (n, v) => r("click", n, v);
-    return (n, v) => (o(), c("ul", {
-      class: V(d.className ?? "bg-white dark:bg-gray-800")
-    }, [
-      (o(!0), c(H, null, N(d.list, (u) => (o(), c("li", {
-        key: `${u.value}_${u.name}`,
-        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/30",
-        onClick: (f) => s(u, f)
-      }, [
-        C(n.$slots, "default", { item: u }, () => [
-          T(_(u.name), 1)
-        ])
-      ], 8, rt))), 128))
-    ], 2));
-  }
-}), d1 = /* @__PURE__ */ B({
-  __name: "VAutocomplete",
-  props: {
-    modelValue: { default: "" },
-    label: {},
-    name: { default: "" },
-    message: { default: "" },
-    list: {}
-  },
-  emits: ["update:modelValue", "select"],
-  setup(e, { emit: t }) {
-    const d = t, r = (n) => {
-      d("update:modelValue", n);
-    }, s = (n, v) => {
-      n.click(v), d("select", v);
-    };
-    return (n, v) => (o(), A(te, D(n.$attrs, {
-      top: "50px",
-      "hide-on-click": ""
-    }), {
-      activator: m(({ on: u }) => [
-        p(O, {
-          "model-value": n.modelValue,
-          name: n.name,
-          message: n.message,
-          label: n.label,
-          "onUpdate:modelValue": r,
-          onClick: u.open
-        }, null, 8, ["model-value", "name", "message", "label", "onClick"])
-      ]),
-      default: m(({ on: u }) => [
-        p(le, {
-          list: n.list,
-          onClick: (f) => s(u, f)
-        }, {
-          default: m(({ item: f }) => [
-            C(n.$slots, "default", { item: f }, () => [
-              T(_(f.name), 1)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["list", "onClick"])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), $e = (e, t) => {
-  const d = e.__vccOpts || e;
-  for (const [r, s] of t)
-    d[r] = s;
-  return d;
-}, it = {}, dt = {
-  class: "animate-spin h-6 w-6",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function ct(e, t) {
-  return o(), c("svg", dt, t[0] || (t[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 we = /* @__PURE__ */ $e(it, [["render", ct]]), ut = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", j = /* @__PURE__ */ B({
-  __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: [Number, Boolean], default: !1 }
-  },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const d = t, r = (g) => d("click", g), s = e.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", n = e.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", v = e.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", u = e.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", f = { green: s, red: n, gray: v, blue: u }, a = {
-      button: "px-4",
-      icon: "rounded-full border border-gray-200 dark:border-gray-800"
-    }, i = {
-      button: { normal: "h-10", small: "h-8" },
-      icon: { normal: "size-10", small: "size-8" }
-    }, h = (g, P) => {
-      var X;
-      return ((X = i[g]) == null ? void 0 : X[P]) || "";
-    }, b = (g) => (a == null ? void 0 : a[g]) || "", $ = (g) => e.type === "icon" ? "" : `${e.outline ? "dark:text-white" : "text-white"} ${(f == null ? void 0 : f[g]) || ""}`, y = M(() => [ut, $(e.color), b(e.type), h(e.type, e.size), { "w-full": e.block }]), w = M(() => e.href || e.to ? "router-link" : "button");
-    return (g, P) => (o(), A(q(w.value), D(g.$attrs, {
-      href: g.href,
-      to: g.to,
-      class: y.value,
-      disabled: !!g.disabled,
-      onClick: r
-    }), {
-      default: m(() => [
-        l("span", {
-          class: V(g.loading ? "opacity-0" : "")
-        }, [
-          C(g.$slots, "default")
-        ], 2),
-        g.loading ? (o(), A(we, {
-          key: 0,
-          class: "absolute left-1/2 -translate-x-1/2"
-        })) : I("", !0)
-      ]),
-      _: 3
-    }, 16, ["href", "to", "class", "disabled"]));
-  }
-}), vt = ["checked", "disabled"], ft = { class: "text-sm ms-2 peer-disabled:opacity-40" }, ht = /* @__PURE__ */ B({
-  __name: "VCheckbox",
-  props: {
-    modelValue: { type: [Number, Boolean], default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "click"],
-  setup(e, { emit: t }) {
-    const d = t, r = (n) => {
-      const v = n.target;
-      d("update:modelValue", v.checked);
-    }, s = (n) => d("click", n);
-    return (n, v) => (o(), c("label", {
-      class: V(["inline-flex items-center relative", { "cursor-pointer": !n.disabled }]),
-      onClick: s
-    }, [
-      l("input", {
-        type: "checkbox",
-        checked: !!n.modelValue,
-        disabled: n.disabled,
-        class: "peer size-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40 not-disabled:cursor-pointer",
-        onChange: r
-      }, null, 40, vt),
-      v[0] || (v[0] = l("button", { 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", ft, [
-        C(n.$slots, "default")
-      ])
-    ], 2));
-  }
-}), pt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function gt(e, t) {
-  return o(), c("svg", pt, t[0] || (t[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 K = { render: gt }, mt = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, bt = { class: "p-4" }, c1 = /* @__PURE__ */ B({
-  __name: "VExpansion",
-  props: {
-    label: { default: "" },
-    value: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = L(null), d = L(e.value), r = () => {
-      if (!t.value) return;
-      const n = t.value.querySelector(".v-expansion__content");
-      n && (n.style.maxHeight = d.value ? `${n.scrollHeight}px` : "0");
-    }, s = () => {
-      d.value = !d.value, r();
-    };
-    return ce(() => {
-      r();
-    }), (n, v) => (o(), c("div", {
-      ref_key: "root",
-      ref: t,
-      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: s
-      }, [
-        l("h4", null, _(n.label), 1),
-        l("div", {
-          class: V(["transition text-gray-400", { "rotate-180": d.value }])
-        }, [
-          p(z(K))
-        ], 2)
-      ]),
-      l("div", mt, [
-        l("div", bt, [
-          C(n.$slots, "default")
-        ])
-      ])
-    ], 512));
-  }
-}), yt = ["value", "selected"], Q = /* @__PURE__ */ B({
-  __name: "VSelect",
-  props: {
-    value: { default: "" },
-    label: {},
-    disabled: { type: [Boolean, Number], default: !1 },
-    list: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(e, { emit: t }) {
-    const d = t, r = M(() => {
-      const u = e.list.find((f) => f.value === e.value);
-      return (u == null ? void 0 : u.name) || "";
-    }), s = (u) => ({ "rotate-x-180": u }), n = (u) => {
-      const f = u.target, a = (f == null ? void 0 : f.value) || 0, i = e.list.find((h) => h.value == a);
-      i && d("change", i);
-    }, v = (u, f) => {
-      u.click(f), d("change", f);
-    };
-    return (u, f) => (o(), A(te, D({ class: "relative w-full" }, u.$attrs, { top: "46px" }), {
-      activator: m(({ on: a, show: i }) => [
-        p(O, {
-          "model-value": r.value,
-          readonly: "",
-          hideMessage: "",
-          disabled: u.disabled,
-          active: "",
-          label: u.label,
-          onClick: a.click,
-          onOnIcon: a.click
-        }, {
-          icon: m(() => [
-            p(z(K), {
-              class: V(["transition", s(i)])
-            }, null, 8, ["class"])
-          ]),
-          _: 2
-        }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"]),
-        l("select", {
-          class: "md:hidden absolute left-0 top-0 w-full h-full opacity-0",
-          name: "select",
-          onChange: n
-        }, [
-          (o(!0), c(H, null, N(u.list, (h) => (o(), c("option", {
-            key: h.value,
-            value: h.value,
-            selected: u.value === h.value
-          }, _(h.name), 9, yt))), 128))
-        ], 32)
-      ]),
-      default: m(({ on: a }) => [
-        p(le, {
-          list: u.list,
-          onClick: (i) => v(a, i)
-        }, {
-          default: m(({ item: i }) => [
-            C(u.$slots, "default", { item: i }, () => [
-              T(_(i.name), 1)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["list", "onClick"])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), xt = { class: "flex items-center cursor-pointer" }, u1 = /* @__PURE__ */ B({
-  __name: "VFile",
-  emits: ["change"],
-  setup(e, { emit: t }) {
-    const d = t, r = async (s) => {
-      const n = s.target;
-      n.files && d("change", n.files);
-    };
-    return (s, n) => (o(), c("label", xt, [
-      l("input", D({
-        type: "file",
-        class: "hidden"
-      }, s.$attrs, { onChange: r }), null, 16),
-      C(s.$slots, "default")
-    ]));
-  }
-}), kt = {
+}, Ee = [{ name: "outside", directive: Pe }], Fe = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function _t(e, t) {
-  return o(), c("svg", kt, t[0] || (t[0] = [
+function Re(t, e) {
+  return s(), v("svg", Fe, 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 $t = { render: _t }, wt = {
+const Ue = { render: Re }, We = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "-2 0 15.998 15.998"
 };
-function Ct(e, t) {
-  return o(), c("svg", wt, t[0] || (t[0] = [
+function qe(t, e) {
+  return s(), v("svg", We, 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 zt = { render: Ct }, Vt = {
+const Ge = { render: qe }, Ke = {
   width: "24",
   height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Bt(e, t) {
-  return o(), c("svg", Vt, t[0] || (t[0] = [
+function Ze(t, e) {
+  return s(), v("svg", Ke, e[0] || (e[0] = [
     l("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -505,14 +60,14 @@ function Bt(e, t) {
     }, null, -1)
   ]));
 }
-const Mt = { render: Bt }, It = {
+const Je = { render: Ze }, Qe = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function At(e, t) {
-  return o(), c("svg", It, t[0] || (t[0] = [
+function Xe(t, e) {
+  return s(), v("svg", Qe, 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",
@@ -520,49 +75,60 @@ function At(e, t) {
     }, null, -1)
   ]));
 }
-const Ce = { render: At }, St = {
+const Ye = { render: Xe }, et = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function Tt(e, t) {
-  return o(), c("svg", St, t[0] || (t[0] = [
+function tt(t, e) {
+  return s(), v("svg", et, 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 Ht = { render: Tt }, Dt = {
+const lt = { render: tt }, at = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Lt(e, t) {
-  return o(), c("svg", Dt, t[0] || (t[0] = [
+function st(t, e) {
+  return s(), v("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 ze = { render: Lt }, jt = {
+const ot = { render: st }, nt = {
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+function rt(t, e) {
+  return s(), v("svg", nt, 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 it = { render: rt }, dt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Nt(e, t) {
-  return o(), c("svg", jt, t[0] || (t[0] = [
+function ct(t, e) {
+  return s(), v("svg", dt, 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 G = { render: Nt }, Ot = {
+const ut = { render: ct }, vt = {
   width: "24",
   height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Ft(e, t) {
-  return o(), c("svg", Ot, t[0] || (t[0] = [
+function ft(t, e) {
+  return s(), v("svg", vt, e[0] || (e[0] = [
     l("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -571,24 +137,24 @@ function Ft(e, t) {
     }, null, -1)
   ]));
 }
-const Pt = { render: Ft }, Et = {
+const ht = { render: ft }, pt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Rt(e, t) {
-  return o(), c("svg", Et, t[0] || (t[0] = [
+function gt(t, e) {
+  return s(), v("svg", pt, 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 Ut = { render: Rt }, Gt = {
+const mt = { render: gt }, bt = {
   width: "24",
   height: "24",
   viewBox: "0 0 1024 1024"
 };
-function Wt(e, t) {
-  return o(), c("svg", Gt, t[0] || (t[0] = [
+function yt(t, e) {
+  return s(), v("svg", bt, 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"
@@ -603,122 +169,122 @@ function Wt(e, t) {
     }, null, -1)
   ]));
 }
-const qt = { render: Wt }, Kt = {
+const xt = { render: yt }, kt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Zt(e, t) {
-  return o(), c("svg", Kt, t[0] || (t[0] = [
+function _t(t, e) {
+  return s(), v("svg", kt, e[0] || (e[0] = [
     l("path", { d: "M3 4h18v2H3zm0 7h12v2H3zm0 7h18v2H3z" }, null, -1)
   ]));
 }
-const Ve = { render: Zt }, Jt = {
+const $t = { render: _t }, wt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Qt(e, t) {
-  return o(), c("svg", Jt, t[0] || (t[0] = [
+function Ct(t, e) {
+  return s(), v("svg", wt, 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 Xt = { render: Qt }, Yt = {
+const zt = { render: Ct }, Vt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function el(e, t) {
-  return o(), c("svg", Yt, t[0] || (t[0] = [
+function Bt(t, e) {
+  return s(), v("svg", Vt, 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 tl = { render: el }, ll = {
+const Mt = { render: Bt }, It = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function sl(e, t) {
-  return o(), c("svg", ll, t[0] || (t[0] = [
+function At(t, e) {
+  return s(), v("svg", It, 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 al = { render: sl }, ol = {
+const St = { render: At }, Tt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function nl(e, t) {
-  return o(), c("svg", ol, t[0] || (t[0] = [
+function Dt(t, e) {
+  return s(), v("svg", Tt, 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 rl = { render: nl }, il = {
+const Ht = { render: Dt }, Lt = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function dl(e, t) {
-  return o(), c("svg", il, t[0] || (t[0] = [
+function jt(t, e) {
+  return s(), v("svg", Lt, 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 cl = { render: dl }, ul = {
+const Nt = { render: jt }, Ot = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 491.7 491.7"
 };
-function vl(e, t) {
-  return o(), c("svg", ul, t[0] || (t[0] = [
+function Pt(t, e) {
+  return s(), v("svg", Ot, 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 fl = { render: vl }, hl = {
+const Et = { render: Pt }, Ft = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function pl(e, t) {
-  return o(), c("svg", hl, t[0] || (t[0] = [
+function Rt(t, e) {
+  return s(), v("svg", Ft, 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 gl = { render: pl }, ml = {
+const Ut = { render: Rt }, Wt = {
   fill: "currentColor",
   viewBox: "0 0 179 40"
 };
-function bl(e, t) {
-  return o(), c("svg", ml, t[0] || (t[0] = [
+function qt(t, e) {
+  return s(), v("svg", Wt, 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 fe = { render: bl }, yl = {
+const Gt = { render: qt }, Kt = {
   width: "40",
   height: "40",
   fill: "currentColor",
   viewBox: "0 0 40 40"
 };
-function xl(e, t) {
-  return o(), c("svg", yl, t[0] || (t[0] = [
+function Zt(t, e) {
+  return s(), v("svg", Kt, 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 Be = { render: xl }, kl = {
+const Jt = { render: Zt }, Qt = {
   width: "24",
   height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function _l(e, t) {
-  return o(), c("svg", kl, t[0] || (t[0] = [
+function Xt(t, e) {
+  return s(), v("svg", Qt, e[0] || (e[0] = [
     l("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -734,10 +300,10 @@ function _l(e, t) {
     }, null, -1)
   ]));
 }
-const re = { render: _l };
-function $l(e, t) {
-  return o(), c(H, null, [
-    t[0] || (t[0] = l("svg", {
+const Yt = { render: Xt };
+function el(t, e) {
+  return s(), v(D, null, [
+    e[0] || (e[0] = l("svg", {
       width: "20",
       height: "20",
       fill: "currentColor",
@@ -746,7 +312,7 @@ function $l(e, t) {
     }, [
       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)),
-    t[1] || (t[1] = l("svg", {
+    e[1] || (e[1] = l("svg", {
       width: "20",
       height: "20",
       fill: "currentColor",
@@ -757,25 +323,25 @@ function $l(e, t) {
     ], -1))
   ], 64);
 }
-const Me = { render: $l }, wl = {
+const tl = { render: el }, ll = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Cl(e, t) {
-  return o(), c("svg", wl, t[0] || (t[0] = [
+function al(t, e) {
+  return s(), v("svg", ll, e[0] || (e[0] = [
     l("path", { d: "M12 10h7L8 22l3-9H5l8-11Z" }, null, -1)
   ]));
 }
-const zl = { render: Cl }, Vl = {
+const sl = { render: al }, ol = {
   width: "24",
   height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Bl(e, t) {
-  return o(), c("svg", Vl, t[0] || (t[0] = [
+function nl(t, e) {
+  return s(), v("svg", ol, e[0] || (e[0] = [
     l("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -785,58 +351,58 @@ function Bl(e, t) {
     }, null, -1)
   ]));
 }
-const Ml = { render: Bl }, Il = {
+const rl = { render: nl }, il = {
   width: "22",
   height: "22",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Al(e, t) {
-  return o(), c("svg", Il, t[0] || (t[0] = [
+function dl(t, e) {
+  return s(), v("svg", il, 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 Ie = { render: Al }, Sl = {
+const cl = { render: dl }, ul = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Tl(e, t) {
-  return o(), c("svg", Sl, t[0] || (t[0] = [
+function vl(t, e) {
+  return s(), v("svg", ul, 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: Tl }, Hl = {
+const fl = { render: vl }, hl = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Dl(e, t) {
-  return o(), c("svg", Hl, t[0] || (t[0] = [
+function pl(t, e) {
+  return s(), v("svg", hl, 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 ie = { render: Dl }, Ll = {
+const gl = { render: pl }, ml = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 30 30"
 };
-function jl(e, t) {
-  return o(), c("svg", Ll, t[0] || (t[0] = [
+function bl(t, e) {
+  return s(), v("svg", ml, 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 Nl = { render: jl }, Ol = {
+const yl = { render: bl }, xl = {
   width: "24",
   height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Fl(e, t) {
-  return o(), c("svg", Ol, t[0] || (t[0] = [
+function kl(t, e) {
+  return s(), v("svg", xl, e[0] || (e[0] = [
     l("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -846,14 +412,14 @@ function Fl(e, t) {
     }, null, -1)
   ]));
 }
-const Pl = { render: Fl }, El = {
+const _l = { render: kl }, $l = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Rl(e, t) {
-  return o(), c("svg", El, t[0] || (t[0] = [
+function wl(t, e) {
+  return s(), v("svg", $l, 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",
@@ -862,25 +428,25 @@ function Rl(e, t) {
     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 Ul = { render: Rl }, Gl = {
+const Cl = { render: wl }, zl = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Wl(e, t) {
-  return o(), c("svg", Gl, t[0] || (t[0] = [
+function Vl(t, e) {
+  return s(), v("svg", zl, 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 ql = { render: Wl }, Kl = {
+const Bl = { render: Vl }, Ml = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function Zl(e, t) {
-  return o(), c("svg", Kl, t[0] || (t[0] = [
+function Il(t, e) {
+  return s(), v("svg", Ml, 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",
@@ -889,14 +455,14 @@ function Zl(e, t) {
     }, null, -1)
   ]));
 }
-const be = { render: Zl }, Jl = {
+const ue = { render: Il }, Al = {
   width: "24",
   height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Ql(e, t) {
-  return o(), c("svg", Jl, t[0] || (t[0] = [
+function Sl(t, e) {
+  return s(), v("svg", Al, e[0] || (e[0] = [
     l("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -906,14 +472,14 @@ function Ql(e, t) {
     }, null, -1)
   ]));
 }
-const Xl = { render: Ql }, Yl = {
+const Tl = { render: Sl }, Dl = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function es(e, t) {
-  return o(), c("svg", Yl, t[0] || (t[0] = [
+function Hl(t, e) {
+  return s(), v("svg", Dl, 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",
@@ -922,488 +488,792 @@ function es(e, t) {
     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 ts = { render: es }, ls = {
+const Ll = { render: Hl }, jl = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function ss(e, t) {
-  return o(), c("svg", ls, t[0] || (t[0] = [
+function Nl(t, e) {
+  return s(), v("svg", jl, 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 as = { render: ss }, os = {
+const Ol = { render: Nl }, Pl = {
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
-function ns(e, t) {
-  return o(), c("svg", os, t[0] || (t[0] = [
+function El(t, e) {
+  return s(), v("svg", Pl, 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 rs = { render: ns }, is = {
+const Fl = { render: El }, Rl = {
   width: "24",
   height: "24",
   fill: "currentColor",
   "fill-rule": "evenodd",
   viewBox: "0 0 24 24"
 };
-function ds(e, t) {
-  return o(), c("svg", is, t[0] || (t[0] = [
+function Ul(t, e) {
+  return s(), v("svg", Rl, e[0] || (e[0] = [
     l("path", { d: "M11 2v9H2v2h9v9h2v-9h9v-2h-9V2Z" }, null, -1)
   ]));
 }
-const se = { render: ds }, Z = /* @__PURE__ */ B({
-  __name: "VIcons",
+const Wl = { render: Ul }, B = /* @__PURE__ */ V({
+  __name: "VIcon",
   props: {
     name: {}
   },
-  setup(e) {
-    const t = {
-      IconDots: Ce,
-      IconAir: $t,
-      IconBulb: zt,
-      IconCold: Ht,
-      IconCamera: Mt,
-      IconVent: ts,
-      IconGarage: Pl,
-      IconVideo: as,
-      IconLight: zl,
-      IconTv: Xl,
-      IconTherm: be,
-      IconStore: ql,
-      IconSocket: Ul,
-      IconSearch: Nl,
-      IconSave: ie,
-      IconNoti: he,
-      IconLogout: Ie,
-      IconLock: Ml,
-      IconFolder: ze,
-      IconChevron: K,
-      IconClose: G,
-      IconDashboard: Pt,
-      IconDevice: Ut,
-      IconDrop: qt,
-      IconBurger: Ve,
-      IconEyeClose: Xt,
-      IconEyeOpen: tl,
-      IconFile: al,
-      IconGpio: rl,
-      IconUpdate: cl,
-      IconHeater: fl,
-      IconSetting: gl,
-      IconLogo: fe,
-      IconLogoMini: Be,
-      IconPower: re,
-      IconTheme: Me,
-      IconInfo: rs,
-      IconPlus: se
-    }, d = M(() => e.name ? t[`Icon${e.name}`] : be);
-    return (r, s) => (o(), A(q(d.value), { name: "Icon" }));
+  setup(t) {
+    const e = {
+      IconDots: Ye,
+      IconAir: Ue,
+      IconBulb: Ge,
+      IconCold: lt,
+      IconCamera: Je,
+      IconVent: Ll,
+      IconGarage: _l,
+      IconVideo: Ol,
+      IconLight: sl,
+      IconTv: Tl,
+      IconTherm: ue,
+      IconStore: Bl,
+      IconSocket: Cl,
+      IconSearch: yl,
+      IconSave: gl,
+      IconNoti: fl,
+      IconLogout: cl,
+      IconLock: rl,
+      IconFolder: ot,
+      IconChevron: it,
+      IconClose: ut,
+      IconDashboard: ht,
+      IconDevice: mt,
+      IconDrop: xt,
+      IconBurger: $t,
+      IconEyeClose: zt,
+      IconEyeOpen: Mt,
+      IconFile: St,
+      IconGpio: Ht,
+      IconUpdate: Nt,
+      IconHeater: Et,
+      IconSetting: Ut,
+      IconLogo: Gt,
+      IconLogoMini: Jt,
+      IconPower: Yt,
+      IconTheme: tl,
+      IconInfo: Fl,
+      IconPlus: Wl
+    }, n = M(() => t.name ? e[`Icon${t.name}`] : ue);
+    return (d, a) => (s(), A(G(n.value), { name: "Icon" }));
   }
-}), cs = { class: "relative flex items-end gap-0.5 w-10" }, us = ["title"], vs = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, fs = /* @__PURE__ */ B({
-  __name: "VWifiIcon",
+}), ql = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Gl = /* @__PURE__ */ V({
+  __name: "AppAside",
   props: {
-    rssi: { default: 0 },
-    channel: { default: 0 }
+    isSidebar: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const t = 2 * (e.rssi + 100), d = (r) => r < t;
-    return (r, s) => (o(), c("div", cs, [
-      (o(), c(H, null, N([10, 15, 25, 40, 70], (n, v) => l("div", {
-        key: n,
-        class: V(["w-1 h-5 rounded-lg", [d(n) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
-        style: J(`height: ${(v + 1) * 5}px`),
-        title: `rssi: ${r.rssi} channel: ${r.channel}`
-      }, null, 14, us)), 64)),
-      l("div", vs, _(r.channel), 1)
-    ]));
+  emits: ["sidebar"],
+  setup(t, { emit: e }) {
+    const n = e, d = () => {
+      t.isSidebar && n("sidebar", !t.isSidebar);
+    };
+    return (a, u) => {
+      const i = ae("router-link");
+      return s(), v(D, null, [
+        a.isSidebar ? (s(), v("div", {
+          key: 0,
+          class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
+          onClick: d
+        })) : I("", !0),
+        l("aside", {
+          class: z([a.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 duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
+        }, [
+          l("div", {
+            class: z([a.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
+          }, [
+            p(i, { to: "/" }, {
+              default: m(() => [
+                a.isSidebar ? (s(), A(B, {
+                  key: 0,
+                  name: "LogoMini",
+                  class: "h-[30px] text-primary"
+                })) : (s(), A(B, {
+                  key: 1,
+                  name: "Logo",
+                  class: "h-[30px] text-primary"
+                }))
+              ]),
+              _: 1
+            })
+          ], 2),
+          l("div", ql, [
+            C(a.$slots, "default")
+          ])
+        ], 2)
+      ], 64);
+    };
   }
-}), hs = ["onClick"], ps = {
-  key: 0,
-  class: "me-1"
-}, gs = { class: "flex items-center z-10" }, ms = ["onClick"], bs = {
-  key: 0,
-  class: "flex ps-5"
-}, ys = { class: "font-medium me-4" }, xs = ["onClick"], Ae = /* @__PURE__ */ B({
-  __name: "VListObject",
+}), ge = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [d, a] of e)
+    n[d] = a;
+  return n;
+}, Kl = {}, Zl = {
+  class: "animate-spin h-6 w-6",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function Jl(t, e) {
+  return s(), v("svg", Zl, 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 me = /* @__PURE__ */ ge(Kl, [["render", Jl]]), Ql = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", j = /* @__PURE__ */ V({
+  __name: "VButton",
   props: {
-    items: { default: () => ({}) },
-    path: { default: "" },
-    onlyValue: { type: Boolean, default: !1 }
+    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: [Number, Boolean], default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const d = t, r = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", s = L({}), n = (a) => {
-      s.value[a] = !s.value[a];
-    }, v = (a) => typeof a == "object", u = (a) => `${e.path ? e.path + "." : ""}${a}`, f = (a, i) => {
-      d("click", { key: a, path: u(a), isObject: i });
-    };
-    return (a, i) => (o(), c("ul", null, [
-      (o(!0), c(H, null, N(a.items, (h, b) => (o(), c("li", {
-        key: b,
-        class: V(v(h) ? "" : `flex items-center ${r()}`)
-      }, [
-        l("div", {
-          class: V(["flex items-center cursor-pointer ps-2 h-8", v(h) ? `${r()}` : ""]),
-          onClick: ($) => n(b)
+  setup(t, { emit: e }) {
+    const n = e, d = (g) => n("click", g), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", u = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", i = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: u, gray: i, blue: f }, o = {
+      button: "px-4",
+      icon: "rounded-full border border-gray-200 dark:border-gray-800"
+    }, r = {
+      button: { normal: "h-10", small: "h-8" },
+      icon: { normal: "size-10", small: "size-8" }
+    }, h = M(() => [Ql, w(t.color), b(t.type), $(t.type, t.size), { "w-full": t.block }]), y = M(() => t.href || t.to ? "router-link" : "button"), $ = (g, F) => {
+      var J;
+      return ((J = r[g]) == null ? void 0 : J[F]) || "";
+    }, b = (g) => (o == null ? void 0 : o[g]) || "", w = (g) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(c == null ? void 0 : c[g]) || ""}`;
+    return (g, F) => (s(), A(G(y.value), H(g.$attrs, {
+      href: g.href,
+      to: g.to,
+      class: h.value,
+      disabled: !!g.disabled,
+      onClick: d
+    }), {
+      default: m(() => [
+        l("span", {
+          class: z(g.loading ? "opacity-0" : "")
         }, [
-          v(h) ? (o(), c("div", ps, [
-            p(z(ze), { class: "size-5" })
-          ])) : I("", !0),
-          l("div", null, _(b), 1),
-          !a.onlyValue && v(h) ? (o(), c(H, { key: 1 }, [
-            i[1] || (i[1] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", gs, [
-              l("button", {
-                class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
-                onClick: F(($) => f(b, v(h)), ["stop"])
+          C(g.$slots, "default")
+        ], 2),
+        g.loading ? (s(), A(me, {
+          key: 0,
+          class: "absolute left-1/2 -translate-x-1/2"
+        })) : I("", !0)
+      ]),
+      _: 3
+    }, 16, ["href", "to", "class", "disabled"]));
+  }
+}), Xl = { class: "flex-auto flex align-center md:px-4 overflow-y-auto no-scrollbar" }, Yl = { class: "flex items-center justify-between px-4 py-2 rounded-md border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 sticky top-0 z-30" }, ea = { class: "px-4 py-2 flex-auto scroll-none" }, ta = ["innerHTML"], la = {
+  key: 0,
+  class: "px-4 py-2 flex justify-end"
+}, be = /* @__PURE__ */ V({
+  __name: "AppDialog",
+  props: {
+    value: { type: Boolean },
+    title: {},
+    message: { default: "" },
+    callback: { type: Function },
+    button: { default: "OK" },
+    size: { default: "sm" }
+  },
+  emits: ["close", "open"],
+  setup(t, { emit: e }) {
+    const n = e, d = L(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, u = M(() => a[t.size]), i = (o) => {
+      d.value = !1, setTimeout(() => {
+        n("close", o);
+      }, 300);
+    }, f = (o) => {
+      t.callback && t.callback(), i(o);
+    }, c = () => n("open", d.value);
+    return se(() => {
+      setTimeout(() => {
+        d.value = !0;
+      }, 300);
+    }), (o, r) => (s(), A($e, { to: "body" }, [
+      p(Q, {
+        "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",
+        onAfterEnter: c
+      }, {
+        default: m(() => [
+          d.value ? (s(), v("div", {
+            key: 0,
+            class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
+            onWheel: r[0] || (r[0] = P(() => {
+            }, ["stop"]))
+          }, [
+            l("div", {
+              class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
+              onClick: i
+            }),
+            l("div", Xl, [
+              l("div", {
+                class: z(["m-auto w-full bg-gray-50 dark:bg-gray-900 shadow-lg flex flex-col rounded-sm z-30", u.value])
               }, [
-                p(z(ie), { class: "size-5" })
-              ], 8, ms)
+                l("div", Yl, [
+                  C(o.$slots, "header", {}, () => [
+                    l("h4", null, _(o.title), 1)
+                  ]),
+                  p(j, {
+                    type: "icon",
+                    onClick: i
+                  }, {
+                    default: m(() => [
+                      p(B, { name: "Close" })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                l("div", ea, [
+                  C(o.$slots, "default", {}, () => [
+                    l("div", { innerHTML: o.message }, null, 8, ta)
+                  ])
+                ]),
+                o.$slots.footer || o.callback ? (s(), v("div", la, [
+                  C(o.$slots, "footer", {}, () => [
+                    p(j, {
+                      color: "blue",
+                      size: "small",
+                      onClick: f
+                    }, {
+                      default: m(() => [
+                        T(_(o.button), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ])) : I("", !0)
+              ], 2)
+            ])
+          ], 32)) : I("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), aa = { class: "relative" }, sa = { class: "flex items-center cursor-pointer" }, X = /* @__PURE__ */ V({
+  __name: "VDropdown",
+  props: {
+    top: { default: "calc(100% + 5px)" },
+    left: { default: "0" },
+    right: { default: "" },
+    height: { default: "200px" },
+    hideOnClick: { type: Boolean, default: !0 }
+  },
+  emits: ["click", "show", "close"],
+  setup(t, { emit: e }) {
+    const n = e, d = L(!1), a = M(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), u = (r) => {
+      d.value && c(r);
+    }, i = (r) => {
+      d.value ? t.hideOnClick && c(r) : f(r), n("click", d.value);
+    }, f = (r) => {
+      d.value = !0, n("show", r);
+    }, c = (r) => {
+      d.value = !1, n("close", r);
+    }, o = { click: i, open: f };
+    return (r, h) => {
+      const y = we("outside");
+      return oe((s(), v("div", aa, [
+        l("div", sa, [
+          C(r.$slots, "activator", {
+            on: o,
+            show: d.value
+          })
+        ]),
+        p(Q, {
+          "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(() => [
+            d.value ? (s(), v("div", {
+              key: 0,
+              class: "z-10 min-w-full absolute overflow-auto shadow-lg scrollbar",
+              style: K(a.value),
+              onClick: i
+            }, [
+              C(r.$slots, "default", {
+                on: o,
+                show: f,
+                hide: c,
+                isShown: d.value
+              })
+            ], 4)) : I("", !0)
+          ]),
+          _: 3
+        })
+      ])), [
+        [y, u]
+      ]);
+    };
+  }
+}), oa = ["onClick"], Y = /* @__PURE__ */ V({
+  __name: "VList",
+  props: {
+    list: {},
+    className: {}
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = (u, i) => d("click", u, i);
+    return (u, i) => (s(), v("ul", {
+      class: z(n.className ?? "bg-white dark:bg-gray-800")
+    }, [
+      (s(!0), v(D, null, N(n.list, (f) => (s(), v("li", {
+        key: `${f.value}_${f.name}`,
+        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/30",
+        onClick: (c) => a(f, c)
+      }, [
+        C(u.$slots, "default", { item: f }, () => [
+          T(_(f.name), 1)
+        ])
+      ], 8, oa))), 128))
+    ], 2));
+  }
+}), na = { 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" }, ra = { class: "px-4 py-4 sm:px-6 lg:px-8" }, ia = { class: "container mx-auto flex flex-auto items-center" }, da = { class: "lg:hidden h-[30px]" }, ca = { class: "gap-4 hidden lg:flex" }, ua = { class: "lg:hidden flex gap-4" }, va = { class: "ms-2" }, fa = /* @__PURE__ */ V({
+  __name: "AppHeader",
+  props: {
+    changeTheme: { type: Function },
+    notifications: {}
+  },
+  emits: ["sidebar", "notif"],
+  setup(t, { emit: e }) {
+    const n = e, d = [
+      { name: "Theme", value: 1 },
+      { name: "Notification", value: 2 },
+      { name: "Logout", value: 3 }
+    ], a = M(() => !!t.notifications.find((r) => r.isNew)), u = (r) => n("sidebar", r), i = (r) => n("notif", r), f = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), c = () => {
+      t.changeTheme && t.changeTheme();
+    }, o = ({ value: r }, h) => {
+      r == 1 && c(), r == 2 && i(h), r == 3 && f();
+    };
+    return (r, h) => {
+      const y = ae("router-link");
+      return s(), v("header", na, [
+        l("div", ra, [
+          l("div", ia, [
+            p(j, {
+              type: "icon",
+              color: "gray",
+              onClick: u
+            }, {
+              default: m(() => [
+                p(B, {
+                  name: "Burger",
+                  class: "size-5"
+                })
+              ]),
+              _: 1
+            }),
+            h[1] || (h[1] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            l("div", da, [
+              p(y, { to: "/" }, {
+                default: m(() => [
+                  p(B, {
+                    name: "Logo",
+                    class: "h-[30px] text-primary"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            h[2] || (h[2] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", ca, [
+              p(j, {
+                type: "icon",
+                color: "gray",
+                onClick: c
+              }, {
+                default: m(() => [
+                  p(B, { name: "Theme" })
+                ]),
+                _: 1
+              }),
+              p(j, {
+                type: "icon",
+                color: "gray",
+                onClick: i
+              }, {
+                default: m(() => [
+                  l("span", {
+                    class: z([a.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+                  }, h[0] || (h[0] = [
+                    l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+                  ]), 2),
+                  p(B, {
+                    name: "Noti",
+                    class: "size-5"
+                  })
+                ]),
+                _: 1
+              }),
+              p(j, {
+                type: "icon",
+                color: "gray",
+                onClick: P(f, ["prevent"])
+              }, {
+                default: m(() => [
+                  p(B, {
+                    name: "Logout",
+                    class: "size-5"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            l("div", ua, [
+              p(X, {
+                left: "unset",
+                right: "0",
+                top: "0"
+              }, {
+                activator: m(({ on: $ }) => [
+                  p(j, {
+                    type: "icon",
+                    color: "gray",
+                    class: "flex",
+                    onClick: $.click
+                  }, {
+                    default: m(() => [
+                      p(B, { name: "Dots" })
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                default: m(() => [
+                  p(Y, {
+                    list: d,
+                    onClick: o
+                  }, {
+                    default: m(({ item: $ }) => [
+                      l("span", va, _($.name), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
             ])
-          ], 64)) : I("", !0)
-        ], 10, hs),
-        v(h) ? (o(), c("div", bs, [
-          de(p(Ae, {
-            class: "flex-auto",
-            path: u(b),
-            items: h,
-            onlyValue: a.onlyValue,
-            onClick: i[0] || (i[0] = ($) => d("click", $))
-          }, null, 8, ["path", "items", "onlyValue"]), [
-            [Ne, s.value[b]]
           ])
-        ])) : (o(), c(H, { key: 1 }, [
-          i[2] || (i[2] = l("div", { class: "flex-auto" }, null, -1)),
-          l("div", ys, _(h), 1),
-          l("button", {
-            class: "px-2 cursor-pointer z-10",
-            onClick: F(($) => f(b, v(h)), ["stop"])
-          }, [
-            p(z(ie), { class: "size-5" })
-          ], 8, xs)
-        ], 64))
-      ], 2))), 128))
-    ]));
+        ])
+      ]);
+    };
   }
-}), ks = ["onDragstart", "onDragenter"], _s = {
-  key: 0,
-  class: "absolute inset-0 border border-dashed border-blue-600 rounded-lg"
-}, v1 = /* @__PURE__ */ B({
-  __name: "VDragDrop",
+}), ha = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, pa = { class: "flex-auto text-xs" }, ga = { class: "text-gray-500 dark:text-gray-400 mt-1" }, ma = /* @__PURE__ */ V({
+  __name: "CardNotification",
   props: {
-    items: {},
-    itemKey: { default: "id" }
+    empty: {},
+    key: {},
+    isNew: {},
+    color: {},
+    timeout: {},
+    date: {},
+    text: {}
   },
-  emits: ["update:items", "order-change"],
-  setup(e, { emit: t }) {
-    const d = t, r = L(null), s = L(0), n = L(-1), v = ({ id: h }) => ({
-      "opacity-30 scale-105 z-10": r.value === h,
-      "transition-transform duration-200": r.value !== h
-    }), u = (h, b, $) => {
-      r.value = b, s.value = $, h.dataTransfer.effectAllowed = "move";
-    }, f = (h) => {
-      r.value !== null && (n.value = h);
-    }, a = () => {
-      r.value = null, n.value = -1;
-    }, i = (h) => {
-      if (h.preventDefault(), r.value && n.value !== -1) {
-        const b = e.items.findIndex((y) => y[e.itemKey] === r.value), $ = n.value;
-        if (b !== $ && $ !== -1) {
-          const y = [...e.items], [w] = y.splice(b, 1);
-          y.splice($, 0, w), d("update:items", y), d("order-change", { fromIndex: b, toIndex: $, movedItem: w, newOrder: y });
-        }
-      }
-      n.value = -1;
-    };
-    return (h, b) => (o(), c("div", {
-      onDragover: b[1] || (b[1] = F(() => {
-      }, ["prevent"])),
-      onDrop: i
-    }, [
-      p(_e, {
-        "enter-active-class": "transition-all duration-300 ease",
-        "enter-from-class": "opacity-0 translate-x-8",
-        "enter-to-class": "opacity-100 translate-x-0",
-        "leave-active-class": "transition-all duration-300 ease absolute",
-        "leave-from-class": "opacity-100 translate-x-0",
-        "leave-to-class": "opacity-0 translate-x-8",
-        "move-class": "transition-all duration-300 ease"
+  emits: ["remove", "read"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], u = (c) => a[c], i = (c) => d("remove", c), f = (c) => d("read", c);
+    return (c, o) => (s(), v("div", ha, [
+      l("div", {
+        class: z(["absolute left-0 top-0 w-[3px] h-full", u(n.color)])
+      }, null, 2),
+      p(j, {
+        class: "shrink-0",
+        type: "icon",
+        color: "gray",
+        onClick: f
       }, {
         default: m(() => [
-          (o(!0), c(H, null, N(h.items, ($, y) => (o(), c("div", {
-            key: `${$.id}_drug`,
-            class: V(["relative group", v($)]),
-            draggable: "true",
-            onDragstart: (w) => u(w, $.id, y),
-            onDragenter: (w) => f(y),
-            onDragend: a,
-            onDragover: b[0] || (b[0] = F(() => {
-            }, ["prevent"]))
-          }, [
-            C(h.$slots, "default", {
-              item: $,
-              key: $.id,
-              index: y,
-              isDragging: r.value === $.id
-            }),
-            n.value === y && r.value !== $.id ? (o(), c("div", _s)) : I("", !0)
-          ], 42, ks))), 128))
+          l("span", {
+            class: z([n.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+          }, o[0] || (o[0] = [
+            l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
+          ]), 2),
+          p(B, {
+            name: "Noti",
+            class: "size-5"
+          })
         ]),
-        _: 3
+        _: 1
+      }),
+      l("div", pa, [
+        l("div", null, _(n.text), 1),
+        l("div", ga, _(E(Le)(n.date)) + " (" + _(E(je)(n.date)) + ")", 1)
+      ]),
+      p(j, {
+        class: "shrink-0",
+        type: "icon",
+        size: "small",
+        onClick: i
+      }, {
+        default: m(() => [
+          p(B, {
+            name: "Close",
+            class: "size-4"
+          })
+        ]),
+        _: 1
       })
-    ], 32));
-  }
-});
-function $s(e) {
-  return Ee() ? (Re(e), !0) : !1;
-}
-const ws = typeof window < "u" && typeof document < "u", Cs = () => {
-};
-function ye(...e) {
-  if (e.length !== 1)
-    return Oe(...e);
-  const t = e[0];
-  return typeof t == "function" ? Fe(Pe(() => ({ get: t, set: Cs }))) : L(t);
-}
-const pe = ws ? window : void 0;
-function xe(e) {
-  var t;
-  const d = ue(e);
-  return (t = d == null ? void 0 : d.$el) != null ? t : d;
-}
-// @__NO_SIDE_EFFECTS__
-function zs(e) {
-  return M(() => !!e());
-}
-function Vs(e, t, d = {}) {
-  const { window: r = pe, ...s } = d;
-  let n;
-  const v = /* @__PURE__ */ zs(() => r && "ResizeObserver" in r), u = () => {
-    n && (n.disconnect(), n = void 0);
-  }, f = M(() => {
-    const h = ue(e);
-    return Array.isArray(h) ? h.map((b) => xe(b)) : [xe(h)];
-  }), a = U(
-    f,
-    (h) => {
-      if (u(), v.value && r) {
-        n = new ResizeObserver(t);
-        for (const b of h)
-          b && n.observe(b, s);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    u(), a();
-  };
-  return $s(i), {
-    isSupported: v,
-    stop: i
-  };
-}
-function Bs(e = pe, t) {
-  e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
-}
-function Ms(e = {}) {
-  var t, d;
-  const { window: r = pe } = e, s = ye(e == null ? void 0 : e.element), n = ye((t = e == null ? void 0 : e.input) != null ? t : ""), v = (d = e == null ? void 0 : e.styleProp) != null ? d : "height", u = me(1), f = me(0);
-  function a() {
-    var i;
-    if (!s.value)
-      return;
-    let h = "";
-    s.value.style[v] = "1px", u.value = (i = s.value) == null ? void 0 : i.scrollHeight;
-    const b = ue(e == null ? void 0 : e.styleTarget);
-    b ? b.style[v] = `${u.value}px` : h = `${u.value}px`, s.value.style[v] = h;
+    ]));
   }
-  return U([n, s], () => Ue(a), { immediate: !0 }), U(u, () => {
-    var i;
-    return (i = e == null ? void 0 : e.onResize) == null ? void 0 : i.call(e);
-  }), Vs(s, ([{ contentRect: i }]) => {
-    f.value !== i.width && Bs(r, () => {
-      f.value = i.width, a();
-    });
-  }), e != null && e.watch && U(e.watch, a, { immediate: !0, deep: !0 }), {
-    textarea: s,
-    input: n,
-    triggerResize: a
-  };
-}
-const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Ss = ["disabled"], Se = /* @__PURE__ */ B({
-  __name: "VTextWrapper",
+}), ba = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, ya = {
+  key: 0,
+  class: "flex flex-col gap-2 p-2"
+}, xa = /* @__PURE__ */ V({
+  __name: "AppNotification",
   props: {
-    active: { type: Boolean },
-    label: { default: "label" },
-    disabled: { type: Boolean, default: !1 },
-    hideIcon: { type: Boolean, default: !1 }
+    value: { type: Boolean },
+    notifications: {}
   },
-  emits: ["icon"],
-  setup(e, { emit: t }) {
-    const d = t, r = M(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), s = M(() => [e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
-    return (n, v) => (o(), c("div", Is, [
-      l("div", {
-        class: V(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", s.value])
+  emits: ["close", "remove", "read"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = M(() => !!n.notifications.find((o) => o.isNew)), u = M(() => !!n.notifications.length), i = (o) => d("close", o), f = (o) => d("remove", o), c = (o) => d("read", o);
+    return (o, r) => (s(), v(D, null, [
+      n.value ? (s(), v("div", {
+        key: 0,
+        class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
+        onClick: i
+      })) : I("", !0),
+      l("aside", {
+        class: z([n.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
       }, [
-        l("span", {
-          class: V(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", r.value])
-        }, _(n.label), 3),
-        l("div", As, [
-          C(n.$slots, "default")
-        ]),
-        n.hideIcon ? I("", !0) : (o(), c("button", {
-          key: 0,
-          disabled: n.disabled,
-          class: V(["h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]", { "cursor-pointer": !n.disabled }]),
-          onClick: v[0] || (v[0] = (u) => d("icon", u))
-        }, [
-          C(n.$slots, "icon", {}, () => [
-            p(z(se), { class: "size-4" })
-          ])
-        ], 10, Ss))
+        l("div", ba, [
+          C(o.$slots, "header", { isNew: a.value }),
+          u.value ? (s(), v("div", ya, [
+            p(pe, {
+              "enter-active-class": "transition-all duration-300 ",
+              "enter-from-class": "opacity-0 translate-x-1/2",
+              "enter-to-class": "opacity-100 translate-x-0",
+              "leave-active-class": "transition-all duration-300 absolute",
+              "leave-from-class": "opacity-100 translate-x-0",
+              "leave-to-class": "opacity-0 translate-x-1/2"
+            }, {
+              default: m(() => [
+                (s(!0), v(D, null, N(n.notifications, (h) => (s(), v("div", {
+                  key: h.date,
+                  class: "relative"
+                }, [
+                  C(o.$slots, "card", { item: h }, () => [
+                    p(ma, H({ ref_for: !0 }, h, {
+                      class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
+                      onRemove: (y) => f(h),
+                      onRead: (y) => c(h)
+                    }), null, 16, ["onRemove", "onRead"])
+                  ])
+                ]))), 128))
+              ]),
+              _: 3
+            })
+          ])) : C(o.$slots, "empty", { key: 1 })
+        ])
       ], 2)
-    ]));
+    ], 64));
   }
-}), Ts = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, Hs = ["title", "onMouseenter", "onMouseleave"], Ds = { class: "flex flex-auto" }, Ls = ["disabled"], ne = /* @__PURE__ */ B({
-  __name: "VFunc",
+}), ka = {}, _a = { class: "fixed h-full w-full top-0 left-0 z-20" }, $a = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function wa(t, e) {
+  return s(), v("div", _a, [
+    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", $a, [
+      C(t.$slots, "default")
+    ])
+  ]);
+}
+const Ca = /* @__PURE__ */ ge(ka, [["render", wa]]), za = { class: "mb-4 flex flex-col gap-4" }, Va = ["onClick"], Ba = { class: "flex flex-col gap-2" }, Ma = { class: "flex gap-2 ms-8" }, Ia = { class: "flex-1 first-letter:uppercase text-sm" }, Aa = /* @__PURE__ */ V({
+  __name: "AppNav",
   props: {
-    label: {},
-    args: {},
-    value: {},
-    disabled: { type: Boolean, default: !1 },
-    hideIcon: { type: Boolean, default: !1 }
+    menu: { default: () => [] },
+    fullPath: { default: "" },
+    isSidebar: { type: Boolean, default: !1 }
   },
-  emits: ["change", "icon", "hover"],
-  setup(e, { emit: t }) {
-    const { textarea: d, input: r } = Ms(), s = t, n = ["v", "a", "b", "c"];
-    r.value = e.value || "";
-    const v = (a) => {
-      try {
-        return new Function(a), !0;
-      } catch {
-        return !1;
-      }
-    }, u = ve((a) => {
-      const i = a.target;
-      v(i.value) && s("change", i.value);
-    }, 500), f = (a) => s("icon", a);
-    return U(
-      () => e.value,
+  emits: ["sidebar"],
+  setup(t, { emit: e }) {
+    const n = e, d = L(""), a = ({ name: i }) => {
+      t.isSidebar && n("sidebar", !t.isSidebar), d.value !== i && (d.value = d.value === i ? "" : i);
+    }, u = (i) => t.fullPath === i;
+    return W(
+      () => t.menu,
       () => {
-        e.value && (r.value = e.value);
+        var i;
+        return d.value = ((i = Ne(t.menu, t.fullPath)) == null ? void 0 : i.name) || "";
       }
-    ), (a, i) => (o(), A(Se, {
-      active: !!a.value,
-      disabled: a.disabled,
-      label: a.label,
-      hideIcon: a.hideIcon,
-      onIcon: f
-    }, {
-      icon: m(() => [
-        a.value ? (o(), A(z(G), {
-          key: 0,
-          class: "size-4"
-        })) : (o(), A(z(se), {
-          key: 1,
-          class: "size-4"
-        }))
-      ]),
-      default: m(() => [
-        a.value ? (o(), c(H, { key: 0 }, [
-          l("div", Ts, [
-            i[3] || (i[3] = T(" ( ")),
-            (o(!0), c(H, null, N(a.args, (h, b) => (o(), c(H, { key: h }, [
+    ), (i, f) => (s(), v("nav", null, [
+      l("ul", za, [
+        (s(!0), v(D, null, N(i.menu, (c) => (s(), v("li", {
+          key: c.name
+        }, [
+          (s(), A(G(c.path ? "router-link" : "span"), {
+            to: c.path,
+            class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(c.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
+            onClick: P((o) => a(c), ["prevent", "stop"])
+          }, {
+            default: m(() => [
+              p(B, {
+                name: c.icon,
+                class: "size-5 flex-[0_0_24px]"
+              }, null, 8, ["name"]),
               l("span", {
-                class: "text-blue-400/80",
-                title: h,
-                onMouseenter: ($) => s("hover", "enter", b),
-                onMouseleave: ($) => s("hover", "leave", b)
-              }, _(n[b]), 41, Hs),
-              i[2] || (i[2] = l("span", { class: "last:hidden" }, ",", -1))
-            ], 64))), 128)),
-            i[4] || (i[4] = T(" ) => "))
-          ]),
-          l("div", Ds, [
-            de(l("textarea", {
-              ref_key: "textarea",
-              ref: d,
-              "onUpdate:modelValue": i[0] || (i[0] = (h) => Ge(r) ? r.value = h : null),
-              class: "outline-0 w-full resize-none",
-              type: "text",
-              disabled: a.disabled,
-              onInput: i[1] || (i[1] = //@ts-ignore
-              (...h) => z(u) && z(u)(...h))
-            }, null, 40, Ls), [
-              [We, z(r)]
+                class: z(["flex-1 first-letter:uppercase text-sm", i.isSidebar ? "lg:hidden" : ""])
+              }, _(c.name), 3),
+              l("button", {
+                class: z(["cursor-pointer", [i.isSidebar ? "lg:hidden" : ""]]),
+                onClick: P((o) => a(c), ["prevent", "stop"])
+              }, [
+                c.children ? (s(), A(B, {
+                  key: 0,
+                  name: "Chevron"
+                })) : I("", !0)
+              ], 10, Va)
+            ]),
+            _: 2
+          }, 1032, ["to", "class", "onClick"])),
+          c.children ? (s(), v("div", {
+            key: 0,
+            class: z(["translate transform overflow-hidden mt-2", [i.isSidebar ? "lg:hidden" : "", d.value === c.name ? "block" : "hidden"]])
+          }, [
+            l("ul", Ba, [
+              (s(!0), v(D, null, N(c.children, ({ name: o, path: r, icon: h }) => (s(), v("li", { key: o }, [
+                (s(), A(G(r ? "router-link" : "span"), {
+                  to: r,
+                  class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(r) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+                }, {
+                  default: m(() => [
+                    l("div", Ma, [
+                      h ? (s(), A(B, {
+                        key: 0,
+                        name: h,
+                        class: "size-5 flex-[0_0_24px]"
+                      }, null, 8, ["name"])) : I("", !0),
+                      l("span", Ia, _(o), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["to", "class"]))
+              ]))), 128))
             ])
-          ])
-        ], 64)) : I("", !0)
-      ]),
-      _: 1
-    }, 8, ["active", "disabled", "label", "hideIcon"]));
+          ], 2)) : I("", !0)
+        ]))), 128))
+      ])
+    ]));
   }
-}), js = { class: "min-w-full" }, Ns = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, Os = { class: "bg-gray-50 dark:bg-gray-800" }, Fs = { class: "flex items-center" }, Ps = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, Es = ["onClick"], Rs = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Us = { key: 1 }, Gs = {
-  class: "py-3 whitespace-nowrap",
-  colspan: "9"
-}, Ws = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, f1 = /* @__PURE__ */ B({
-  __name: "BlockTable",
+}), Sa = {
+  key: 0,
+  class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
+  role: "alert"
+}, Ta = { class: "flex items-center gap-4 text-sm" }, Da = {
+  key: 0,
+  class: "text-green-600"
+}, Ha = {
+  key: 1,
+  class: "relative block h-4 w-full rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-900/50 select-none mt-2"
+}, La = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, ja = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Na = /* @__PURE__ */ V({
+  __name: "AppProgress",
   props: {
-    headers: { default: () => [] },
-    items: { default: () => [] }
+    timeout: { default: 5e3 },
+    key: {},
+    status: { default: 0 },
+    empty: {},
+    size: { default: 0 },
+    length: { default: 0 }
   },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const d = t, r = (n, v) => {
-      d("click", { item: n, event: v });
-    }, s = (n) => (n == null ? void 0 : n.className) || "";
-    return (n, v) => (o(), c("table", js, [
-      l("thead", Ns, [
-        l("tr", Os, [
-          (o(!0), c(H, null, N(n.headers, (u, f) => (o(), c("th", {
-            key: f,
-            class: V(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", s(u)])
-          }, [
-            C(n.$slots, "header", { item: u }, () => [
-              l("div", Fs, _(u.name), 1)
+  setup(t) {
+    const e = L(!1), n = M(() => !!t.length), d = M(() => !!(n.value && a.value === 100 && !t.status)), a = M(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), u = re(() => {
+      e.value = !1;
+    }, t.timeout);
+    return W(
+      () => [t.size, t.status],
+      () => {
+        e.value = !0, u();
+      }
+    ), (i, f) => (s(), A(Q, {
+      "enter-active-class": "duration-300 ease-out",
+      "enter-from-class": "transform opacity-0 translate-x-full",
+      "enter-to-class": "opacity-100 translate-x-0",
+      "leave-active-class": "duration-200 ease-in",
+      "leave-from-class": "opacity-100 translate-y-0",
+      "leave-to-class": "transform opacity-0 -translate-y-8"
+    }, {
+      default: m(() => [
+        e.value ? (s(), v("div", Sa, [
+          l("div", Ta, [
+            C(i.$slots, "default", { isDone: d.value }, () => [
+              f[1] || (f[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
+              d.value ? (s(), v("span", Da, "Done")) : I("", !0)
+            ]),
+            l("button", {
+              class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
+              onClick: f[0] || (f[0] = (c) => e.value = !1)
+            }, [
+              p(B, {
+                name: "Close",
+                class: "h-4 w-4"
+              })
             ])
-          ], 2))), 128))
-        ])
+          ]),
+          n.value ? (s(), v("div", {
+            key: 0,
+            class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
+            style: K(`width: ${a.value}%`)
+          }, null, 4)) : I("", !0),
+          n.value ? (s(), v("div", Ha, [
+            l("div", La, _(a.value) + "%", 1),
+            l("div", {
+              class: "bg-blue-600 rounded-full h-4 overflow-hidden relative transition-all duration-500",
+              style: K(`width: ${a.value}%`)
+            }, [
+              l("div", ja, _(a.value) + "%", 1)
+            ], 4)
+          ])) : I("", !0)
+        ])) : I("", !0)
       ]),
-      l("tbody", Ps, [
-        n.items.length ? (o(!0), c(H, { key: 0 }, N(n.items, (u, f) => (o(), c("tr", {
-          key: f,
-          class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (a) => r(u, a)
-        }, [
-          (o(!0), c(H, null, N(n.headers, (a, i) => (o(), c("td", {
-            key: i,
-            class: "py-2 whitespace-nowrap px-4"
-          }, [
-            l("div", Rs, [
-              C(n.$slots, a.key, { item: u }, () => [
-                T(_(u[a.key]), 1)
-              ])
-            ])
-          ]))), 128))
-        ], 8, Es))), 128)) : (o(), c("tr", Us, [
-          l("td", Gs, [
-            l("div", Ws, [
-              C(n.$slots, "empty", {}, () => [
-                v[0] || (v[0] = T("The list is empty"))
-              ])
-            ])
-          ])
-        ]))
-      ])
-    ]));
+      _: 3
+    }));
   }
-}), qs = { class: "my-4 text-gray-700 dark:text-gray-400" }, Ks = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Zs = { class: "flex gap-2" }, Js = { class: "text-gray-700 dark:text-gray-400" }, Qs = { class: "flex gap-2" }, Xs = { class: "flex gap-2" }, Ys = { class: "text-gray-700 dark:text-gray-400" }, ea = { class: "flex gap-2" }, ta = { class: "text-gray-700 dark:text-gray-400" }, la = { class: "flex flex-col gap-4 text-sm" }, sa = { class: "flex gap-4" }, h1 = /* @__PURE__ */ B({
+}), Oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AppAside: Gl,
+  AppDialog: be,
+  AppHeader: fa,
+  AppNav: Aa,
+  AppNotification: xa,
+  AppOverlay: Ca,
+  AppProgress: Na
+}, Symbol.toStringTag, { value: "Module" })), Pa = { class: "my-4 text-gray-700 dark:text-gray-400" }, Ea = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Fa = { class: "flex gap-2" }, Ra = { class: "text-gray-700 dark:text-gray-400" }, Ua = { class: "flex gap-2" }, Wa = { class: "flex gap-2" }, qa = { class: "text-gray-700 dark:text-gray-400" }, Ga = { class: "flex gap-2" }, Ka = { class: "text-gray-700 dark:text-gray-400" }, Za = { class: "flex flex-col gap-4 text-sm" }, Ja = { class: "flex gap-4" }, d1 = /* @__PURE__ */ V({
   __name: "BlockInfo",
   props: {
+    empty: {},
     pkg: {},
     key: {},
     id: { default: 0 },
@@ -1413,156 +1283,107 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     uptime: {},
     name: {}
   },
-  setup(e) {
-    const t = M(() => e.firmware.join(".")), d = M(() => {
-      var s, n, v, u, f, a, i;
-      const r = [];
-      return (s = e.pkg) != null && s.homepage && r.push({ name: "homepage", href: e.pkg.homepage }), (v = (n = e.pkg) == null ? void 0 : n.repository) != null && v.url && r.push({ name: "repository", href: e.pkg.repository.url }), (f = (u = e.pkg) == null ? void 0 : u.bugs) != null && f.url && r.push({ name: "bugs", href: e.pkg.bugs.url }), (a = e.pkg) != null && a.author && r.push({ name: "author", href: `mailto:${(i = e.pkg) == null ? void 0 : i.author}` }), r;
+  setup(t) {
+    const e = M(() => t.firmware.join(".")), n = M(() => {
+      var a, u, i, f, c, o, r;
+      const d = [];
+      return (a = t.pkg) != null && a.homepage && d.push({ name: "homepage", href: t.pkg.homepage }), (i = (u = t.pkg) == null ? void 0 : u.repository) != null && i.url && d.push({ name: "repository", href: t.pkg.repository.url }), (c = (f = t.pkg) == null ? void 0 : f.bugs) != null && c.url && d.push({ name: "bugs", href: t.pkg.bugs.url }), (o = t.pkg) != null && o.author && d.push({ name: "author", href: `mailto:${(r = t.pkg) == null ? void 0 : r.author}` }), d;
     });
-    return (r, s) => {
-      var n, v;
-      return o(), c("div", null, [
-        l("p", qs, _((n = r.pkg) == null ? void 0 : n.description), 1),
-        l("div", Ks, [
-          l("div", Zs, [
-            s[0] || (s[0] = T(" Firmware (hw): ")),
-            l("span", Js, _(t.value), 1)
+    return (d, a) => {
+      var u, i;
+      return s(), v("div", null, [
+        l("p", Pa, _((u = d.pkg) == null ? void 0 : u.description), 1),
+        l("div", Ea, [
+          l("div", Fa, [
+            a[0] || (a[0] = T(" Firmware (hw): ")),
+            l("span", Ra, _(e.value), 1)
           ]),
-          l("div", Qs, [
-            l("div", Xs, [
-              s[1] || (s[1] = T(" Version (web): ")),
-              l("span", Ys, _((v = r.pkg) == null ? void 0 : v.version), 1)
+          l("div", Ua, [
+            l("div", Wa, [
+              a[1] || (a[1] = T(" Version (web): ")),
+              l("span", qa, _((i = d.pkg) == null ? void 0 : i.version), 1)
             ])
           ]),
-          s[3] || (s[3] = l("div", { class: "flex-auto" }, null, -1)),
-          l("div", ea, [
-            s[2] || (s[2] = T(" ID: ")),
-            l("span", ta, _(r.id.toString(16)), 1)
+          a[3] || (a[3] = l("div", { class: "flex-auto" }, null, -1)),
+          l("div", Ga, [
+            a[2] || (a[2] = T(" ID: ")),
+            l("span", Ka, _(d.id.toString(16)), 1)
           ])
         ]),
-        s[4] || (s[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
-        l("div", la, [
-          l("div", sa, [
-            C(r.$slots, "links", { links: d.value })
+        a[4] || (a[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
+        l("div", Za, [
+          l("div", Ja, [
+            C(d.$slots, "links", { links: n.value })
           ])
         ])
       ]);
     };
   }
-}), aa = { class: "flex items-center gap-1.5" }, p1 = /* @__PURE__ */ B({
+}), Qa = { class: "flex items-center gap-1.5" }, c1 = /* @__PURE__ */ V({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const d = t;
-    return (r, s) => (o(), c("nav", null, [
-      l("ol", aa, [
-        (o(!0), c(H, null, N(r.items, (n, v) => (o(), c("li", {
-          key: v,
-          class: V(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", n.path ? "" : "text-gray-800 dark:text-white/90"])
+  setup(t, { emit: e }) {
+    const n = e, d = (a) => n("click", a);
+    return (a, u) => (s(), v("nav", null, [
+      l("ol", Qa, [
+        (s(!0), v(D, null, N(a.items, (i, f) => (s(), v("li", {
+          key: f,
+          class: z(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", i.path ? "" : "text-gray-800 dark:text-white/90"])
         }, [
-          C(r.$slots, "default", { item: n }, () => [
-            (o(), A(q(n.path ? "a" : "span"), {
-              href: n.path,
-              onClick: s[0] || (s[0] = (u) => d("click", u))
+          C(a.$slots, "default", { item: i }, () => [
+            (s(), A(G(i.path ? "a" : "span"), {
+              href: i.path,
+              onClick: (c) => d(i)
             }, {
               default: m(() => [
-                T(_(n.name), 1)
+                T(_(i.name), 1)
               ]),
               _: 2
-            }, 1032, ["href"]))
+            }, 1032, ["href", "onClick"]))
           ]),
-          n.path ? (o(), A(z(K), {
+          i.path ? (s(), A(B, {
             key: 0,
-            class: "rotate-270"
+            class: "rotate-270",
+            name: "Chevron"
           })) : I("", !0)
         ], 2))), 128))
       ])
     ]));
   }
-}), oa = {
+}), Xa = {
   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]"
-}, na = {
+}, Ya = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, ra = { class: "mb-6 flex items-center justify-between" }, ia = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, da = { class: "max-w-full" }, ca = /* @__PURE__ */ B({
-  __name: "CardGray",
+}, es = { class: "mb-6 flex items-center justify-between" }, ts = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, ls = { class: "max-w-full" }, as = /* @__PURE__ */ V({
+  __name: "CardMain",
   props: {
     title: {},
     loading: { type: Boolean }
   },
-  setup(e) {
-    const t = e;
-    return (d, r) => (o(), c("div", {
-      class: V(["relative rounded-md border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": t.loading }])
+  setup(t) {
+    const e = t;
+    return (n, d) => (s(), v("div", {
+      class: z(["relative rounded-md border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
     }, [
-      d.loading ? (o(), c("div", oa)) : I("", !0),
-      d.loading ? (o(), c("div", na)) : I("", !0),
-      l("div", ra, [
-        l("h3", ia, _(t.title), 1),
+      n.loading ? (s(), v("div", Xa)) : I("", !0),
+      n.loading ? (s(), v("div", Ya)) : I("", !0),
+      l("div", es, [
+        l("h3", ts, _(e.title), 1),
         l("div", null, [
-          C(d.$slots, "header")
+          C(n.$slots, "header")
         ])
       ]),
-      l("div", da, [
-        C(d.$slots, "default")
+      l("div", ls, [
+        C(n.$slots, "default")
       ])
     ], 2));
   }
-}), ua = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, va = { class: "flex-auto text-xs" }, fa = { class: "text-gray-500 dark:text-gray-400 mt-1" }, ha = /* @__PURE__ */ B({
-  __name: "CardNotification",
-  props: {
-    key: {},
-    isNew: {},
-    color: {},
-    timeout: {},
-    date: {},
-    text: {}
-  },
-  emits: ["remove", "read"],
-  setup(e, { emit: t }) {
-    const d = e, r = t, s = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], n = (f) => s[f], v = (f) => r("remove", f), u = (f) => r("read", f);
-    return (f, a) => (o(), c("div", ua, [
-      l("div", {
-        class: V(["absolute left-0 top-0 w-[3px] h-full", n(d.color)])
-      }, null, 2),
-      p(j, {
-        class: "shrink-0",
-        type: "icon",
-        color: "gray",
-        onClick: u
-      }, {
-        default: m(() => [
-          l("span", {
-            class: V([d.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-          }, a[0] || (a[0] = [
-            l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
-          ]), 2),
-          p(z(he), { class: "size-5" })
-        ]),
-        _: 1
-      }),
-      l("div", va, [
-        l("div", null, _(d.text), 1),
-        l("div", fa, _(z(Ze)(d.date)) + " (" + _(z(Je)(d.date)) + ")", 1)
-      ]),
-      p(j, {
-        class: "shrink-0",
-        type: "icon",
-        size: "small",
-        onClick: v
-      }, {
-        default: m(() => [
-          p(z(G), { class: "size-4" })
-        ]),
-        _: 1
-      })
-    ]));
-  }
-}), pa = { class: "flex-auto flex justify-between" }, ga = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, ma = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, ba = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, ya = { class: "min-h-60 relative" }, xa = { class: "pt-6" }, ka = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, _a = { class: "text-center text-xl mt-4" }, W = /* @__PURE__ */ B({
+}), ss = { class: "flex-auto flex justify-between" }, os = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, ns = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, rs = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, is = { class: "min-h-60 relative" }, ds = { class: "pt-6" }, cs = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, us = { class: "text-center text-xl mt-4" }, q = /* @__PURE__ */ V({
   __name: "CardBase",
   props: {
     size: {},
@@ -1578,79 +1399,79 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["edit", "close", "open"],
-  setup(e, { emit: t }) {
-    const d = L(!1), r = t, s = e, n = M(() => ["button", "dimmer"].includes(s.type || "") && s.value ? "text-amber-500" : "text-gray-400"), v = M(() => s.icon || ""), u = (h) => r("edit", h), f = () => d.value = !0, a = (h) => r("open", h), i = (h) => {
-      d.value = !1, r("close", h);
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = L(!1), u = M(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), i = M(() => n.icon || ""), f = (h) => d("edit", h), c = () => a.value = !0, o = (h) => d("open", h), r = (h) => {
+      a.value = !1, d("close", h);
     };
-    return (h, b) => {
-      const $ = ee("AppDialog");
-      return o(), c("div", {
+    return (h, y) => {
+      const $ = ae("AppDialog");
+      return s(), v("div", {
         class: "flex flex-col border relative aspect-square rounded-md 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: f
+        onClick: c
       }, [
-        l("div", pa, [
+        l("div", ss, [
           l("div", {
-            class: V(n.value)
+            class: z(u.value)
           }, [
-            p(Z, {
-              name: v.value,
-              class: V(["size-8", s.value ? "animate-shake" : ""])
+            p(B, {
+              name: i.value,
+              class: z(["size-8", n.value ? "animate-shake" : ""])
             }, null, 8, ["name", "class"])
           ], 2),
-          C(h.$slots, "header", E(R(s)))
+          C(h.$slots, "header", R(U(n)))
         ]),
         l("div", null, [
-          C(h.$slots, "body", E(R(s)), () => [
-            l("h6", ga, [
-              C(h.$slots, "name", E(R(s)), () => [
-                T(_(s.name), 1)
+          C(h.$slots, "body", R(U(n)), () => [
+            l("h6", os, [
+              C(h.$slots, "name", R(U(n)), () => [
+                T(_(n.name), 1)
               ])
             ]),
-            l("div", ma, [
-              C(h.$slots, "value", E(R(s)), () => [
-                T(_(s.valueTo || s.value), 1)
+            l("div", ns, [
+              C(h.$slots, "value", R(U(n)), () => [
+                T(_(n.valueTo || n.value), 1)
               ])
             ])
           ])
         ]),
-        v.value ? (o(), A(Z, {
+        i.value ? (s(), A(B, {
           key: 0,
-          name: v.value,
+          name: i.value,
           class: "absolute left-1/2 top-1/2 size-[calc(50%)] opacity-5 text-gray-200/20 -translate-1/2"
         }, null, 8, ["name"])) : I("", !0),
-        d.value ? (o(), A($, {
+        a.value ? (s(), A($, {
           key: 1,
-          size: s.size || "sm",
+          size: n.size || "sm",
           title: h.name,
-          onClose: i,
-          onOpen: a
+          onClose: r,
+          onOpen: o
         }, {
           header: m(() => [
-            l("div", ba, [
+            l("div", rs, [
               p(j, {
                 type: "icon",
-                onClick: u
+                onClick: f
               }, {
                 default: m(() => [
-                  p(Z, { name: "Dots" })
+                  p(B, { name: "Dots" })
                 ]),
                 _: 1
               })
             ])
           ]),
           default: m(() => [
-            l("div", ya, [
-              l("div", xa, [
-                l("h3", ka, [
-                  C(h.$slots, "dialog-name", E(R(s)), () => [
-                    T(_(s.name), 1)
+            l("div", is, [
+              l("div", ds, [
+                l("h3", cs, [
+                  C(h.$slots, "dialog-name", R(U(n)), () => [
+                    T(_(n.name), 1)
                   ])
                 ]),
-                C(h.$slots, "dialog", E(R(s))),
-                l("p", _a, [
-                  C(h.$slots, "dialog-value", E(R(s)), () => [
-                    T(_(s.valueTo || s.value), 1)
+                C(h.$slots, "dialog", R(U(n))),
+                l("p", us, [
+                  C(h.$slots, "dialog-value", R(U(n)), () => [
+                    T(_(n.valueTo || n.value), 1)
                   ])
                 ])
               ])
@@ -1661,9 +1482,10 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
       ]);
     };
   }
-}), $a = { class: "flex justify-end" }, wa = { class: "flex justify-center py-4" }, Ca = /* @__PURE__ */ B({
+}), vs = { class: "flex justify-end" }, fs = { class: "flex justify-center py-4" }, hs = /* @__PURE__ */ V({
   __name: "CardButton",
   props: {
+    size: {},
     id: {},
     name: {},
     type: {},
@@ -1676,36 +1498,42 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["click", "setState"],
-  setup(e, { emit: t }) {
-    const d = t, r = e, s = ({ opts: u = {} }) => {
-      const { disabled: f } = u;
-      return { disabled: f };
-    }, n = (u) => d("click", u), v = () => d("setState", !r.value);
-    return (u, f) => (o(), A(W, D(r, { onClick: n }), {
-      header: m((a) => [
-        l("div", $a, [
-          p(j, D(s(a), {
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = ({ opts: f = {} }) => {
+      const { disabled: c } = f;
+      return { disabled: c };
+    }, u = (f) => d("click", f), i = () => d("setState", !n.value);
+    return (f, c) => (s(), A(q, H(n, { onClick: u }), {
+      header: m((o) => [
+        l("div", vs, [
+          p(j, H(a(o), {
             type: "icon",
             class: "text-gray-500",
-            onClick: F(v, ["stop"])
+            onClick: P(i, ["stop"])
           }), {
             default: m(() => [
-              p(z(re), { class: "size-10" })
+              p(B, {
+                name: "Power",
+                class: "size-10"
+              })
             ]),
             _: 2
           }, 1040)
         ])
       ]),
-      dialog: m((a) => [
-        l("div", wa, [
-          p(j, D(s(a), {
+      dialog: m((o) => [
+        l("div", fs, [
+          p(j, H(a(o), {
             type: "icon",
-            class: ["size-18", r.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
-            onClick: F(v, ["stop"])
+            class: ["size-18", n.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
+            onClick: P(i, ["stop"])
           }), {
             default: m(() => [
-              p(z(re), { class: "size-16" })
+              p(B, {
+                name: "Power",
+                class: "size-16"
+              })
             ]),
             _: 2
           }, 1040, ["class"])
@@ -1714,9 +1542,79 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
       _: 1
     }, 16));
   }
-}), za = { class: "flex justify-center relative mx-2 my-6" }, Va = /* @__PURE__ */ B({
+}), ps = { class: "w-full relative" }, gs = ["disabled"], ms = {
+  key: 0,
+  class: "text-red-400 h-[24px] px-2 text-xs"
+}, bs = "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", O = /* @__PURE__ */ V({
+  __name: "VTextField",
+  props: {
+    modelValue: { default: null },
+    label: { default: "" },
+    component: { default: "input" },
+    type: { default: "text" },
+    message: { default: "" },
+    readonly: { type: Boolean },
+    disabled: { type: [Boolean, Number], default: !1 },
+    active: { type: Boolean, default: !1 },
+    hideMessage: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
+  setup(t, { emit: e }) {
+    const n = e, d = {
+      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"
+    }, a = L(!1), u = M(() => [
+      t.component === "input" ? "h-[40px]" : "min-h-[40px]",
+      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"
+    ]), i = M(() => d[t.component]), f = (g) => g || g === 0, c = M(() => [bs, a.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), o = M(() => t.component === "input"), r = (g) => {
+      a.value = !1, n("blur", g);
+    }, h = (g) => {
+      a.value = !0, n("blur", g);
+    }, y = ({ target: g }) => n("update:modelValue", g.value), $ = (g) => n("enter", g), b = (g) => n("click", g), w = (g) => {
+      t.disabled || n("on-icon", g);
+    };
+    return (g, F) => (s(), v("div", ps, [
+      l("label", {
+        class: z(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", u.value])
+      }, [
+        l("span", {
+          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
+        }, _(g.label), 3),
+        (s(), A(G(g.component), H(g.$attrs, {
+          value: g.modelValue,
+          disabled: !!g.disabled,
+          type: g.type,
+          readonly: g.readonly,
+          rows: o.value ? null : "2",
+          wrap: o.value ? null : "soft",
+          class: i.value,
+          onFocus: h,
+          onBlur: r,
+          onInput: y,
+          onClick: b,
+          onKeypress: Ce($, ["enter"])
+        }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
+        g.$slots.icon ? (s(), v("button", {
+          key: 0,
+          disabled: !!g.disabled,
+          class: z([{ "cursor-pointer": !g.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
+          onClick: w
+        }, [
+          C(g.$slots, "icon")
+        ], 10, gs)) : I("", !0)
+      ], 2),
+      g.hideMessage ? I("", !0) : (s(), v("div", ms, [
+        C(g.$slots, "message", {}, () => [
+          T(_(g.message), 1)
+        ])
+      ]))
+    ]));
+  }
+}), ys = { class: "flex justify-center relative mx-2 my-6" }, xs = /* @__PURE__ */ V({
   __name: "CardDate",
   props: {
+    size: {},
     id: {},
     name: {},
     type: {},
@@ -1729,39 +1627,40 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["click", "setState"],
-  setup(e, { emit: t }) {
-    const d = t, r = e, s = (f) => new Date(+f * 1e3).toISOString().slice(0, 16), n = (f) => {
-      var i;
-      const a = (i = f == null ? void 0 : f.target) == null ? void 0 : i.valueAsNumber;
-      a && d("setState", a / 1e3);
-    }, v = ({ name: f, value: a, opts: i = {} }) => {
-      const { disabled: h } = i;
-      return { label: f, modelValue: s(a), disabled: h };
-    }, u = (f) => d("click", f);
-    return (f, a) => (o(), A(W, D(r, { onClick: u }), {
-      dialog: m((i) => [
-        l("div", za, [
-          p(O, D(v(i), {
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), u = (c) => {
+      var r;
+      const o = (r = c == null ? void 0 : c.target) == null ? void 0 : r.valueAsNumber;
+      o && d("setState", o / 1e3);
+    }, i = ({ name: c, value: o, opts: r = {} }) => {
+      const { disabled: h } = r;
+      return { label: c, modelValue: a(o), disabled: h };
+    }, f = (c) => d("click", c);
+    return (c, o) => (s(), A(q, H(n, { onClick: f }), {
+      dialog: m((r) => [
+        l("div", ys, [
+          p(O, H(i(r), {
             type: "datetime-local",
-            onChange: n
+            onChange: u
           }), null, 16)
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Ba = { class: "flex justify-end" }, Ma = {
-  class: /* @__PURE__ */ V("text-blue-600 dark:text-blue-400")
-}, Ia = {
+}), ks = { class: "flex justify-end" }, _s = {
+  class: /* @__PURE__ */ z("text-blue-600 dark:text-blue-400")
+}, $s = {
   width: "32",
   height: "32",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, Aa = ["stroke-dashoffset"], Sa = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Ta = /* @__PURE__ */ B({
+}, ws = ["stroke-dashoffset"], Cs = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, zs = /* @__PURE__ */ V({
   __name: "CardDimmer",
   props: {
+    size: {},
     id: {},
     name: {},
     type: {},
@@ -1774,18 +1673,18 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["click", "setState"],
-  setup(e, { emit: t }) {
-    const d = t, r = e, s = ({ opts: a, value: i }) => Math.round(100 * +i / ((a == null ? void 0 : a.max) || 255)), n = ({ opts: a, value: i }) => Math.round(187 - +i / ((a == null ? void 0 : a.max) || 255) * 187), v = ({ value: a, opts: i }) => {
-      const { min: h = 0, max: b = 255, step: $ = 1, disabled: y } = i || {};
-      return { min: h, max: b, step: $, value: a, disabled: !!y, class: y ? "" : "cursor-pointer" };
-    }, u = (a) => d("click", a), f = (a) => d("setState", +a.target.value || 0);
-    return (a, i) => (o(), A(W, D(r, { onClick: u }), {
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = ({ opts: o, value: r }) => Math.round(100 * +r / ((o == null ? void 0 : o.max) || 255)), u = ({ opts: o, value: r }) => Math.round(187 - +r / ((o == null ? void 0 : o.max) || 255) * 187), i = ({ value: o, opts: r }) => {
+      const { min: h = 0, max: y = 255, step: $ = 1, disabled: b } = r || {};
+      return { min: h, max: y, step: $, value: o, disabled: !!b, class: b ? "" : "cursor-pointer" };
+    }, f = (o) => d("click", o), c = (o) => d("setState", +o.target.value || 0);
+    return (o, r) => (s(), A(q, H(n, { onClick: f }), {
       header: m((h) => [
-        l("div", Ba, [
-          l("div", Ma, [
-            (o(), c("svg", Ia, [
-              i[0] || (i[0] = l("circle", {
+        l("div", ks, [
+          l("div", _s, [
+            (s(), v("svg", $s, [
+              r[0] || (r[0] = l("circle", {
                 class: "stroke-gray-300 dark:stroke-gray-700",
                 r: "30",
                 cx: "30",
@@ -1800,36 +1699,37 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
                 stroke: "currentColor",
                 "stroke-width": "8",
                 "stroke-linecap": "butt",
-                "stroke-dashoffset": n(h),
+                "stroke-dashoffset": u(h),
                 fill: "transparent",
                 "stroke-dasharray": "187"
-              }, null, 8, Aa)
+              }, null, 8, ws)
             ]))
           ])
         ])
       ]),
       dialog: m((h) => [
         l("div", {
-          class: V(["flex justify-center relative mx-2 my-6", v(h).disabled ? "opacity-40" : ""])
+          class: z(["flex justify-center relative mx-2 my-6", i(h).disabled ? "opacity-40" : ""])
         }, [
-          i[1] || (i[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)),
+          r[1] || (r[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 transition-[width_0.3s_linear]",
-            style: J(`width: ${s(h)}%`)
+            style: K(`width: ${a(h)}%`)
           }, null, 4),
-          l("div", Sa, _(s(h)) + " %", 1),
-          l("input", D({ type: "range" }, v(h), {
+          l("div", Cs, _(a(h)) + " %", 1),
+          l("input", H({ type: "range" }, i(h), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
-            onChange: f
+            onChange: c
           }), null, 16)
         ], 2)
       ]),
       _: 1
     }, 16));
   }
-}), Ha = /* @__PURE__ */ B({
+}), Vs = /* @__PURE__ */ V({
   __name: "CardInfo",
   props: {
+    size: {},
     id: {},
     name: {},
     type: {},
@@ -1842,19 +1742,20 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const d = t, r = e, s = (n) => d("click", n);
-    return (n, v) => (o(), A(W, D(r, { onClick: s }), {
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = (u) => d("click", u);
+    return (u, i) => (s(), A(q, H(n, { onClick: a }), {
       default: m(() => [
-        C(n.$slots, "dialog")
+        C(u.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), Da = { class: "flex justify-center relative mx-2 my-6" }, La = /* @__PURE__ */ B({
+}), Bs = { class: "flex justify-center relative mx-2 my-6" }, Ms = /* @__PURE__ */ V({
   __name: "CardInput",
   props: {
+    size: {},
     id: {},
     name: {},
     type: {},
@@ -1867,22 +1768,25 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["click", "setState"],
-  setup(e, { emit: t }) {
-    const d = t, r = e, s = ({ name: u, value: f, opts: a = {} }) => {
-      const { disabled: i } = a;
-      return { label: u, modelValue: f, disabled: i };
-    }, n = (u) => d("setState", u.target.value), v = (u) => d("click", u);
-    return (u, f) => (o(), A(W, D(r, { onClick: v }), {
-      dialog: m((a) => [
-        l("div", Da, [
-          p(O, D(s(a), {
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = ({ name: f, value: c, opts: o = {} }) => {
+      const { disabled: r } = o;
+      return { label: f, modelValue: c, disabled: r };
+    }, u = (f) => d("setState", f.target.value), i = (f) => d("click", f);
+    return (f, c) => (s(), A(q, H(n, { onClick: i }), {
+      dialog: m((o) => [
+        l("div", Bs, [
+          p(O, H(a(o), {
             autofocus: "",
-            onEnter: n,
-            onBlur: n
+            onEnter: u,
+            onBlur: u
           }), {
             icon: m(() => [
-              p(z(K), { class: "size-6 rotate-270" })
+              p(B, {
+                name: "Chevron",
+                class: "size-6 rotate-270"
+              })
             ]),
             _: 2
           }, 1040)
@@ -1891,9 +1795,77 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
       _: 1
     }, 16));
   }
-}), ja = { class: "flex justify-center py-4" }, Na = /* @__PURE__ */ B({
+}), Is = ["value", "selected"], Z = /* @__PURE__ */ V({
+  __name: "VSelect",
+  props: {
+    value: { default: "" },
+    label: {},
+    disabled: { type: [Boolean, Number], default: !1 },
+    list: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    const n = e, d = M(() => {
+      const f = t.list.find((c) => c.value === t.value);
+      return (f == null ? void 0 : f.name) || "";
+    }), a = (f) => ({ "rotate-x-180": f }), u = (f) => {
+      const c = f.target, o = (c == null ? void 0 : c.value) || 0, r = t.list.find((h) => h.value == o);
+      r && n("change", r);
+    }, i = (f, c) => {
+      f.click(new Event("click")), n("change", c);
+    };
+    return (f, c) => (s(), A(X, H({ class: "relative w-full" }, f.$attrs, { top: "46px" }), {
+      activator: m(({ on: o, show: r }) => [
+        p(O, {
+          "model-value": d.value,
+          readonly: "",
+          hideMessage: "",
+          disabled: f.disabled,
+          active: "",
+          label: f.label,
+          onClick: o.click,
+          onOnIcon: o.click
+        }, {
+          icon: m(() => [
+            p(B, {
+              name: "Chevron",
+              class: z(["transition", a(r)])
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"]),
+        l("select", {
+          class: "md:hidden absolute left-0 top-0 w-full h-full opacity-0",
+          name: "select",
+          onChange: u
+        }, [
+          (s(!0), v(D, null, N(f.list, (h) => (s(), v("option", {
+            key: h.value,
+            value: h.value,
+            selected: f.value === h.value
+          }, _(h.name), 9, Is))), 128))
+        ], 32)
+      ]),
+      default: m(({ on: o }) => [
+        p(Y, {
+          list: f.list,
+          onClick: (r) => i(o, r)
+        }, {
+          default: m(({ item: r }) => [
+            C(f.$slots, "default", { item: r }, () => [
+              T(_(r.name), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["list", "onClick"])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), As = { class: "flex justify-center py-4" }, Ss = /* @__PURE__ */ V({
   __name: "CardList",
   props: {
+    size: {},
     id: {},
     name: {},
     type: {},
@@ -1906,31 +1878,31 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     get: {},
     getTo: {}
   },
-  emits: ["click", "setState"],
-  setup(e, { emit: t }) {
-    const d = t, r = e, s = (f) => d("click", f), n = ({ value: f }) => d("setState", f), v = ({ opts: f, value: a }) => {
-      var i;
-      return Array.isArray(f == null ? void 0 : f.list) && ((i = f == null ? void 0 : f.list.find((h) => h.value === a)) == null ? void 0 : i.name) || a;
-    }, u = ({ name: f, value: a, opts: i = {} }) => {
-      const { list: h = [], disabled: b } = i;
-      return { label: f, value: a, list: h, disabled: b };
+  emits: ["edit", "close", "click", "open", "setState"],
+  setup(t, { emit: e }) {
+    const n = t, d = e, a = (c) => d("click", c), u = ({ value: c }) => d("setState", c), i = ({ opts: c, value: o }) => {
+      var r;
+      return Array.isArray(c == null ? void 0 : c.list) && ((r = c == null ? void 0 : c.list.find((h) => h.value === o)) == null ? void 0 : r.name) || o;
+    }, f = ({ name: c, value: o, opts: r = {} }) => {
+      const { list: h = [], disabled: y } = r;
+      return { label: c, value: o, list: h, disabled: y };
     };
-    return (f, a) => (o(), A(W, D(r, { onClick: s }), {
-      value: m((i) => [
-        T(_(v(i)), 1)
+    return (c, o) => (s(), A(q, H(n, { onClick: a }), {
+      value: m((r) => [
+        T(_(i(r)), 1)
       ]),
-      "dialog-value": m((i) => [
-        T(_(v(i)), 1)
+      "dialog-value": m((r) => [
+        T(_(i(r)), 1)
       ]),
-      dialog: m((i) => [
-        l("div", ja, [
-          p(Q, D(u(i), { onChange: n }), null, 16)
+      dialog: m((r) => [
+        l("div", As, [
+          p(Z, H(f(r), { onChange: u }), null, 16)
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Oa = [
+}), Ts = [
   "Dots",
   "Air",
   "Bulb",
@@ -1969,130 +1941,152 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
   "Theme",
   "Info",
   "Plus"
-], Fa = ["Button", "Info", "Dimmer", "Date", "Input", "List"], Pa = Oa.map((e, t) => ({ id: ++t, name: `${e}`, value: e })), Ea = Fa.map((e, t) => ({ id: ++t, name: `${e}`, value: `${e.toLowerCase()}` })), Ra = { class: "flex-auto flex align-center md:px-4 overflow-y-auto no-scrollbar" }, Ua = { class: "flex items-center justify-between px-4 py-2 rounded-md border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 sticky top-0 z-30" }, Ga = { class: "px-4 py-2 flex-auto scroll-none" }, Wa = ["innerHTML"], qa = {
+], Ds = ["Button", "Info", "Dimmer", "Date", "Input", "List"], Hs = Ts.map((t, e) => ({ id: ++e, name: `${t}`, value: t })), Ls = Ds.map((t, e) => ({ id: ++e, name: `${t}`, value: `${t.toLowerCase()}` })), js = { class: "flex w-full relative" }, Ns = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Os = ["disabled"], ye = /* @__PURE__ */ V({
+  __name: "VTextWrapper",
+  props: {
+    active: { type: Boolean },
+    label: { default: "label" },
+    disabled: { type: Boolean, default: !1 },
+    hideIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["icon"],
+  setup(t, { emit: e }) {
+    const n = e, d = M(() => t.active ? "top-0 left-3 text-xs" : "top-1/2"), a = M(() => [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"]);
+    return (u, i) => (s(), v("div", js, [
+      l("div", {
+        class: z(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", a.value])
+      }, [
+        l("span", {
+          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
+        }, _(u.label), 3),
+        l("div", Ns, [
+          C(u.$slots, "default")
+        ]),
+        u.hideIcon ? I("", !0) : (s(), v("button", {
+          key: 0,
+          disabled: u.disabled,
+          class: z([{ "cursor-pointer": !u.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]"]),
+          onClick: i[0] || (i[0] = (f) => n("icon", f))
+        }, [
+          C(u.$slots, "icon", {}, () => [
+            p(B, {
+              name: "Plus",
+              class: "size-4"
+            })
+          ])
+        ], 10, Os))
+      ], 2)
+    ]));
+  }
+}), Ps = ["onClick"], Es = {
   key: 0,
-  class: "px-4 py-2 flex justify-end"
-}, Te = /* @__PURE__ */ B({
-  __name: "AppDialog",
+  class: "me-1"
+}, Fs = { class: "flex items-center z-10" }, Rs = ["onClick"], Us = {
+  key: 0,
+  class: "flex ps-5"
+}, Ws = { class: "font-medium me-4" }, qs = ["onClick"], xe = /* @__PURE__ */ V({
+  __name: "VListObject",
   props: {
-    value: { type: Boolean },
-    title: {},
-    message: { default: "" },
-    callback: { type: Function },
-    button: { default: "OK" },
-    size: { default: "sm" }
+    items: { default: () => ({}) },
+    path: { default: "" },
+    onlyValue: { type: Boolean, default: !1 }
   },
-  emits: ["close", "open"],
-  setup(e, { emit: t }) {
-    const d = t, r = L(!1), s = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, n = M(() => s[e.size]), v = (a) => {
-      r.value = !1, setTimeout(() => {
-        d("close", a);
-      }, 300);
-    }, u = (a) => {
-      e.callback && e.callback(), v(a);
-    }, f = () => d("open", r.value);
-    return ce(() => {
-      setTimeout(() => {
-        r.value = !0;
-      }, 300);
-    }), (a, i) => (o(), A(qe, { to: "body" }, [
-      p(Y, {
-        "enter-active-class": "duration-300 ease-out",
-        "enter-from-class": "transform opacity-0 -translate-y-2",
-        "enter-to-class": "opacity-100 translate-y-0",
-        "leave-active-class": "duration-200 ease-in",
-        "leave-from-class": "opacity-100 translate-y-0",
-        "leave-to-class": "transform opacity-0 -translate-y-2",
-        onAfterEnter: f
-      }, {
-        default: m(() => [
-          r.value ? (o(), c("div", {
-            key: 0,
-            class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
-            onWheel: i[0] || (i[0] = F(() => {
-            }, ["stop"]))
-          }, [
-            l("div", {
-              class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
-              onClick: v
-            }),
-            l("div", Ra, [
-              l("div", {
-                class: V(["m-auto w-full bg-gray-50 dark:bg-gray-900 shadow-lg flex flex-col rounded-sm z-30", n.value])
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const n = e, d = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", a = L({}), u = (o) => {
+      a.value[o] = !a.value[o];
+    }, i = (o) => typeof o == "object", f = (o) => `${t.path ? t.path + "." : ""}${o}`, c = (o, r) => {
+      n("click", { key: o, path: f(o), isObject: r });
+    };
+    return (o, r) => (s(), v("ul", null, [
+      (s(!0), v(D, null, N(o.items, (h, y) => (s(), v("li", {
+        key: y,
+        class: z(i(h) ? "" : `flex items-center ${d()}`)
+      }, [
+        l("div", {
+          class: z(["flex items-center cursor-pointer ps-2 h-8", i(h) ? `${d()}` : ""]),
+          onClick: ($) => u(y)
+        }, [
+          i(h) ? (s(), v("div", Es, [
+            p(B, {
+              name: "Folder",
+              class: "size-5"
+            })
+          ])) : I("", !0),
+          l("div", null, _(y), 1),
+          !o.onlyValue && i(h) ? (s(), v(D, { key: 1 }, [
+            r[1] || (r[1] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", Fs, [
+              l("button", {
+                class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
+                onClick: P(($) => c(y, i(h)), ["stop"])
               }, [
-                l("div", Ua, [
-                  C(a.$slots, "header", {}, () => [
-                    l("h4", null, _(a.title), 1)
-                  ]),
-                  p(j, {
-                    type: "icon",
-                    onClick: v
-                  }, {
-                    default: m(() => [
-                      p(z(G))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                l("div", Ga, [
-                  C(a.$slots, "default", {}, () => [
-                    l("div", { innerHTML: a.message }, null, 8, Wa)
-                  ])
-                ]),
-                a.$slots.footer || a.callback ? (o(), c("div", qa, [
-                  C(a.$slots, "footer", {}, () => [
-                    p(j, {
-                      color: "blue",
-                      size: "small",
-                      onClick: u
-                    }, {
-                      default: m(() => [
-                        T(_(a.button), 1)
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ])) : I("", !0)
-              ], 2)
+                p(B, {
+                  name: "Save",
+                  class: "size-5"
+                })
+              ], 8, Rs)
             ])
-          ], 32)) : I("", !0)
-        ]),
-        _: 3
-      })
+          ], 64)) : I("", !0)
+        ], 10, Ps),
+        i(h) ? (s(), v("div", Us, [
+          oe(p(xe, {
+            class: "flex-auto",
+            path: f(y),
+            items: h,
+            onlyValue: o.onlyValue,
+            onClick: r[0] || (r[0] = ($) => n("click", $))
+          }, null, 8, ["path", "items", "onlyValue"]), [
+            [ze, a.value[y]]
+          ])
+        ])) : (s(), v(D, { key: 1 }, [
+          r[2] || (r[2] = l("div", { class: "flex-auto" }, null, -1)),
+          l("div", Ws, _(h), 1),
+          l("button", {
+            class: "px-2 cursor-pointer z-10",
+            onClick: P(($) => c(y, i(h)), ["stop"])
+          }, [
+            p(B, {
+              name: "Save",
+              class: "size-5"
+            })
+          ], 8, qs)
+        ], 64))
+      ], 2))), 128))
     ]));
   }
-}), Ka = { class: "" }, Za = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Ja = ["onClick"], Qa = { class: "relative my-4" }, Xa = { key: 0 }, Ya = /* @__PURE__ */ B({
+}), Gs = { class: "" }, Ks = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Zs = ["onClick"], Js = { class: "relative my-4" }, Qs = { key: 0 }, Xs = /* @__PURE__ */ V({
   __name: "VTabs",
   props: {
     value: {},
     items: {}
   },
   emits: ["click"],
-  setup(e, { expose: t, emit: d }) {
-    const r = d, s = L(e.value || 0), n = (u) => [s.value === u ? "" : "before:hidden"], v = (u) => {
-      s.value = u, r("click", u);
+  setup(t, { expose: e, emit: n }) {
+    const d = n, a = L(t.value || 0), u = (f) => [a.value === f ? "" : "before:hidden"], i = (f) => {
+      a.value = f, d("click", f);
     };
-    return t({
-      setActiveTab: v,
-      activeTab: s
-    }), (u, f) => (o(), c("div", Ka, [
-      l("div", Za, [
-        (o(!0), c(H, null, N(u.items, (a, i) => (o(), c("div", {
-          key: i,
+    return e({
+      setActiveTab: i,
+      activeTab: a
+    }), (f, c) => (s(), v("div", Gs, [
+      l("div", Ks, [
+        (s(!0), v(D, null, N(f.items, (o, r) => (s(), v("div", {
+          key: r,
           class: "relative"
         }, [
           l("button", {
-            class: V(["font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0 px-4 py-2", n(i)]),
-            onClick: (h) => v(i)
-          }, _(a.title), 11, Ja)
+            class: z(["font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0 px-4 py-2", u(r)]),
+            onClick: (h) => i(r)
+          }, _(o.title), 11, Zs)
         ]))), 128))
       ]),
-      l("div", Qa, [
-        (o(!0), c(H, null, N(u.items, (a, i) => (o(), c("div", {
-          key: i,
+      l("div", Js, [
+        (s(!0), v(D, null, N(f.items, (o, r) => (s(), v("div", {
+          key: r,
           class: "tab-panel"
         }, [
-          p(Y, {
+          p(Q, {
             "enter-active-class": "transition-all duration-300 ease-out",
             "enter-from-class": "transform opacity-0 translate-x-2",
             "enter-to-class": "transform opacity-100 translate-x-0",
@@ -2101,8 +2095,8 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
             default: m(() => [
-              s.value === i ? (o(), c("div", Xa, [
-                C(u.$slots, `tab-${i}`)
+              a.value === r ? (s(), v("div", Qs, [
+                C(f.$slots, `tab-${r}`)
               ])) : I("", !0)
             ]),
             _: 2
@@ -2111,13 +2105,212 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
       ])
     ]));
   }
-}), eo = { class: "flex flex-col" }, to = { class: "flex gap-4 mb-6" }, lo = {
+});
+function Ys(t) {
+  return Ie() ? (Ae(t), !0) : !1;
+}
+const eo = typeof window < "u" && typeof document < "u", to = () => {
+};
+function ve(...t) {
+  if (t.length !== 1)
+    return Ve(...t);
+  const e = t[0];
+  return typeof e == "function" ? Be(Me(() => ({ get: e, set: to }))) : L(e);
+}
+const ie = eo ? window : void 0;
+function fe(t) {
+  var e;
+  const n = ne(t);
+  return (e = n == null ? void 0 : n.$el) != null ? e : n;
+}
+// @__NO_SIDE_EFFECTS__
+function lo(t) {
+  return M(() => !!t());
+}
+function ao(t, e, n = {}) {
+  const { window: d = ie, ...a } = n;
+  let u;
+  const i = /* @__PURE__ */ lo(() => d && "ResizeObserver" in d), f = () => {
+    u && (u.disconnect(), u = void 0);
+  }, c = M(() => {
+    const h = ne(t);
+    return Array.isArray(h) ? h.map((y) => fe(y)) : [fe(h)];
+  }), o = W(
+    c,
+    (h) => {
+      if (f(), i.value && d) {
+        u = new ResizeObserver(e);
+        for (const y of h)
+          y && u.observe(y, a);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), r = () => {
+    f(), o();
+  };
+  return Ys(r), {
+    isSupported: i,
+    stop: r
+  };
+}
+function so(t = ie, e) {
+  t && typeof t.requestAnimationFrame == "function" ? t.requestAnimationFrame(e) : e();
+}
+function oo(t = {}) {
+  var e, n;
+  const { window: d = ie } = t, a = ve(t == null ? void 0 : t.element), u = ve((e = t == null ? void 0 : t.input) != null ? e : ""), i = (n = t == null ? void 0 : t.styleProp) != null ? n : "height", f = ce(1), c = ce(0);
+  function o() {
+    var r;
+    if (!a.value)
+      return;
+    let h = "";
+    a.value.style[i] = "1px", f.value = (r = a.value) == null ? void 0 : r.scrollHeight;
+    const y = ne(t == null ? void 0 : t.styleTarget);
+    y ? y.style[i] = `${f.value}px` : h = `${f.value}px`, a.value.style[i] = h;
+  }
+  return W([u, a], () => Se(o), { immediate: !0 }), W(f, () => {
+    var r;
+    return (r = t == null ? void 0 : t.onResize) == null ? void 0 : r.call(t);
+  }), ao(a, ([{ contentRect: r }]) => {
+    c.value !== r.width && so(d, () => {
+      c.value = r.width, o();
+    });
+  }), t != null && t.watch && W(t.watch, o, { immediate: !0, deep: !0 }), {
+    textarea: a,
+    input: u,
+    triggerResize: o
+  };
+}
+const no = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, ro = ["title", "onMouseenter", "onMouseleave"], io = { class: "flex flex-auto" }, co = ["disabled"], le = /* @__PURE__ */ V({
+  __name: "VFunc",
+  props: {
+    label: {},
+    args: {},
+    value: {},
+    disabled: { type: Boolean, default: !1 },
+    hideIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "icon", "hover"],
+  setup(t, { emit: e }) {
+    const { textarea: n, input: d } = oo(), a = e, u = ["v", "a", "b", "c"];
+    d.value = t.value || "";
+    const i = (o) => {
+      try {
+        return new Function(o), !0;
+      } catch (r) {
+        return console.warn(r), !1;
+      }
+    }, f = re((o) => {
+      const r = o.target;
+      i(r.value) && a("change", r.value);
+    }, 500), c = (o) => a("icon", o);
+    return W(
+      () => t.value,
+      () => {
+        t.value && (d.value = t.value);
+      }
+    ), (o, r) => (s(), A(ye, {
+      active: !!o.value,
+      disabled: o.disabled,
+      label: o.label,
+      hideIcon: o.hideIcon,
+      onIcon: c
+    }, {
+      icon: m(() => [
+        o.value ? (s(), A(B, {
+          key: 0,
+          name: "Close",
+          class: "size-4"
+        })) : (s(), A(B, {
+          key: 1,
+          name: "Plus",
+          class: "size-4"
+        }))
+      ]),
+      default: m(() => [
+        o.value ? (s(), v(D, { key: 0 }, [
+          l("div", no, [
+            r[3] || (r[3] = T(" ( ")),
+            (s(!0), v(D, null, N(o.args, (h, y) => (s(), v(D, { key: h }, [
+              l("span", {
+                class: "text-blue-400/80",
+                title: h,
+                onMouseenter: ($) => a("hover", "enter", y),
+                onMouseleave: ($) => a("hover", "leave", y)
+              }, _(u[y]), 41, ro),
+              r[2] || (r[2] = l("span", { class: "last:hidden" }, ",", -1))
+            ], 64))), 128)),
+            r[4] || (r[4] = T(" ) => "))
+          ]),
+          l("div", io, [
+            oe(l("textarea", {
+              ref_key: "textarea",
+              ref: n,
+              "onUpdate:modelValue": r[0] || (r[0] = (h) => Te(d) ? d.value = h : null),
+              class: "outline-0 w-full resize-none",
+              type: "text",
+              disabled: o.disabled,
+              onInput: r[1] || (r[1] = //@ts-ignore
+              (...h) => E(f) && E(f)(...h))
+            }, null, 40, co), [
+              [De, E(d)]
+            ])
+          ])
+        ], 64)) : I("", !0)
+      ]),
+      _: 1
+    }, 8, ["active", "disabled", "label", "hideIcon"]));
+  }
+}), uo = ["checked", "disabled"], vo = { class: "text-sm ms-2 peer-disabled:opacity-40" }, fo = /* @__PURE__ */ V({
+  __name: "VCheckbox",
+  props: {
+    modelValue: { type: [Number, Boolean], default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "click"],
+  setup(t, { emit: e }) {
+    const n = e, d = (u) => {
+      const i = u.target;
+      n("update:modelValue", i.checked);
+    }, a = (u) => n("click", u);
+    return (u, i) => (s(), v("label", {
+      class: z(["inline-flex items-center relative", { "cursor-pointer": !u.disabled }]),
+      onClick: a
+    }, [
+      l("input", {
+        type: "checkbox",
+        checked: !!u.modelValue,
+        disabled: u.disabled,
+        class: "peer size-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40 not-disabled:cursor-pointer",
+        onChange: d
+      }, null, 40, uo),
+      i[0] || (i[0] = l("button", { 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", vo, [
+        C(u.$slots, "default")
+      ])
+    ], 2));
+  }
+}), ho = { class: "flex flex-col" }, po = { class: "flex gap-4 mb-6" }, go = {
   key: 0,
   class: "flex gap-4"
-}, so = {
+}, mo = {
   key: 1,
   class: ""
-}, ao = { class: "flex flex-col md:flex-row gap-4" }, oo = { class: "flex gap-4" }, no = { class: "flex justify-between flex-auto" }, ro = ["onClick"], io = /* @__PURE__ */ B({
+}, bo = { class: "flex flex-col md:flex-row gap-4" }, yo = { class: "flex gap-4" }, xo = { class: "flex justify-between flex-auto" }, ko = ["onClick"], _o = /* @__PURE__ */ V({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -2129,26 +2322,26 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
     type: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const d = t, r = M(() => e.list.map((y, w) => ({ ...y, id: ++w }))), s = L({ name: "", value: "" }), n = M(() => e.list.length + 1), v = M(() => {
-      var y;
-      return !((y = s.value) != null && y.id);
-    }), u = (y) => e.type === y, f = (y, w) => d("update", y, w), a = (y) => y.map(({ name: w, value: g }) => ({ name: w, value: g })), i = ({ id: y, name: w, value: g }) => s.value = { id: y, name: w, value: g }, h = () => {
-      const y = n.value;
-      s.value = { name: `New_${y}`, value: y, id: y }, f("list", a([s.value, ...r.value]));
-    }, b = (y) => {
-      s.value.name === y.name && (s.value = { name: "", value: "" }), f("list", a(r.value.filter((w) => w.value !== y.value)));
-    }, $ = ve(() => {
-      const y = s.value;
-      if (!y.name || !y.value) return;
-      const w = r.value.map((g) => g.id === y.id ? y : g);
-      f("list", a(w));
+  setup(t, { emit: e }) {
+    const n = e, d = M(() => t.list.map((b, w) => ({ ...b, id: ++w }))), a = L({ name: "", value: "" }), u = M(() => t.list.length + 1), i = M(() => {
+      var b;
+      return !((b = a.value) != null && b.id);
+    }), f = (b) => t.type === b, c = (b, w) => n("update", b, w), o = (b) => b.map(({ name: w, value: g }) => ({ name: w, value: g })), r = ({ id: b, name: w, value: g }) => a.value = { id: b, name: w, value: g }, h = () => {
+      const b = u.value;
+      a.value = { name: `New_${b}`, value: b, id: b }, c("list", o([a.value, ...d.value]));
+    }, y = (b) => {
+      a.value.name === b.name && (a.value = { name: "", value: "" }), c("list", o(d.value.filter((w) => w.value !== b.value)));
+    }, $ = re(() => {
+      const b = a.value;
+      if (!b.name || !b.value) return;
+      const w = d.value.map((g) => g.id === b.id ? b : g);
+      c("list", o(w));
     }, 300);
-    return (y, w) => (o(), c("div", eo, [
-      l("div", to, [
-        p(ht, {
-          modelValue: y.disabled,
-          "onUpdate:modelValue": w[0] || (w[0] = (g) => f("disabled", g ? 1 : 0))
+    return (b, w) => (s(), v("div", ho, [
+      l("div", po, [
+        p(fo, {
+          modelValue: b.disabled,
+          "onUpdate:modelValue": w[0] || (w[0] = (g) => c("disabled", g ? 1 : 0))
         }, {
           default: m(() => w[6] || (w[6] = [
             T("Disabled")
@@ -2156,41 +2349,41 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
           _: 1
         }, 8, ["modelValue"])
       ]),
-      u("dimmer") ? (o(), c("div", lo, [
+      f("dimmer") ? (s(), v("div", go, [
         p(O, {
-          modelValue: y.min,
+          modelValue: b.min,
           label: "Min",
-          "onUpdate:modelValue": w[1] || (w[1] = (g) => f("min", +g))
+          "onUpdate:modelValue": w[1] || (w[1] = (g) => c("min", +g))
         }, null, 8, ["modelValue"]),
         p(O, {
-          modelValue: y.max,
+          modelValue: b.max,
           label: "Max",
-          "onUpdate:modelValue": w[2] || (w[2] = (g) => f("max", +g))
+          "onUpdate:modelValue": w[2] || (w[2] = (g) => c("max", +g))
         }, null, 8, ["modelValue"]),
         p(O, {
-          modelValue: y.step,
+          modelValue: b.step,
           label: "Step",
-          "onUpdate:modelValue": w[3] || (w[3] = (g) => f("step", +g))
+          "onUpdate:modelValue": w[3] || (w[3] = (g) => c("step", +g))
         }, null, 8, ["modelValue"])
       ])) : I("", !0),
-      u("list") ? (o(), c("div", so, [
-        l("div", ao, [
+      f("list") ? (s(), v("div", mo, [
+        l("div", bo, [
           p(O, {
-            modelValue: s.value.name,
+            modelValue: a.value.name,
             "onUpdate:modelValue": [
-              w[4] || (w[4] = (g) => s.value.name = g),
-              z($)
+              w[4] || (w[4] = (g) => a.value.name = g),
+              E($)
             ],
-            disabled: v.value,
+            disabled: i.value,
             label: "Name"
           }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
           p(O, {
-            modelValue: s.value.value,
+            modelValue: a.value.value,
             "onUpdate:modelValue": [
-              w[5] || (w[5] = (g) => s.value.value = g),
-              z($)
+              w[5] || (w[5] = (g) => a.value.value = g),
+              E($)
             ],
-            disabled: v.value,
+            disabled: i.value,
             label: "Value"
           }, {
             default: m(() => w[7] || (w[7] = [
@@ -2199,22 +2392,22 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
             _: 1
           }, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
         ]),
-        l("div", oo, [
-          p(Q, {
-            value: s.value.value,
+        l("div", yo, [
+          p(Z, {
+            value: a.value.value,
             label: "List",
-            list: r.value,
-            onChange: i
+            list: d.value,
+            onChange: r
           }, {
             default: m(({ item: g }) => [
-              l("div", no, [
+              l("div", xo, [
                 l("span", null, _(g.name), 1),
                 l("button", {
                   class: "cursor-pointer size-4",
-                  onClick: F((P) => b(g), ["prevent", "stop"])
+                  onClick: P((F) => y(g), ["prevent", "stop"])
                 }, [
-                  p(z(G))
-                ], 8, ro)
+                  p(B, { name: "Close" })
+                ], 8, ko)
               ])
             ]),
             _: 1
@@ -2225,7 +2418,7 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
             onClick: h
           }, {
             default: m(() => [
-              p(z(se))
+              p(B, { name: "Plus" })
             ]),
             _: 1
           })
@@ -2233,15 +2426,15 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
       ])) : I("", !0)
     ]));
   }
-}), co = { class: "flex flex-col" }, uo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, vo = { class: "flex-auto order-1" }, fo = { class: "flex-auto gap-x-2 order-1" }, ho = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, po = { class: "flex gap-2 items-center" }, go = { class: "flex flex-col gap-4" }, mo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, bo = { class: "relative group" }, yo = { class: "select-none" }, xo = ["onClick"], ko = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, _o = { class: "flex-[0_0_130px] size-[130px]" }, $o = { class: "flex gap-4 justify-end" }, wo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Co = /* @__PURE__ */ B({
+}), $o = { class: "flex flex-col" }, wo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, Co = { class: "flex-auto order-1" }, zo = { class: "flex-auto gap-x-2 order-1" }, Vo = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, Bo = { class: "flex gap-2 items-center" }, Mo = { class: "flex flex-col gap-4" }, Io = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Ao = { class: "relative group" }, So = { class: "select-none" }, To = ["onClick"], Do = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, Ho = { class: "flex-[0_0_130px] size-[130px]" }, Lo = { class: "flex gap-4 justify-end" }, jo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, No = /* @__PURE__ */ V({
   __name: "ItemEdit",
   props: {
     item: {},
     object: {}
   },
   emits: ["button"],
-  setup(e, { emit: t }) {
-    const d = t, r = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], s = L({
+  setup(t, { emit: e }) {
+    const n = e, d = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], a = L({
       id: "",
       name: "",
       type: "button",
@@ -2251,68 +2444,68 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
       set: "",
       get: "",
       getTo: ""
-    }), n = L(!1), v = M(() => {
+    }), u = L(!1), i = M(() => {
       var x;
-      return !((x = e.item) != null && x.id);
-    }), u = M(() => s.value.type === "info"), f = M(() => {
+      return !((x = t.item) != null && x.id);
+    }), f = M(() => a.value.type === "info"), c = M(() => {
       var x;
-      return (x = s.value.args) == null ? void 0 : x.length;
-    }), a = M(() => s.value.args.length > 3), i = M(() => {
-      const { id: x, args: k } = s.value;
+      return (x = a.value.args) == null ? void 0 : x.length;
+    }), o = M(() => a.value.args.length > 3), r = M(() => {
+      const { id: x, args: k } = a.value;
       return !x || !k.length;
-    }), h = ({ value: x }) => s.value.icon = x, b = ({ value: x }) => {
+    }), h = ({ value: x }) => a.value.icon = x, y = ({ value: x }) => {
       const k = x;
-      s.value.type = k, delete s.value.opts, ["button", "list", "dimmer"].includes(k) && (x === "button" && (s.value.opts = {}), x === "list" && (s.value.opts = { list: [] }), x === "dimmer" && (s.value.opts = { min: 0, max: 255, step: 1 }));
+      a.value.type = k, delete a.value.opts, ["button", "list", "dimmer"].includes(k) && (x === "button" && (a.value.opts = {}), x === "list" && (a.value.opts = { list: [] }), x === "dimmer" && (a.value.opts = { min: 0, max: 255, step: 1 }));
     }, $ = (x) => {
-      x === "get" && (s.value.get ? delete s.value.get : s.value.get = "v"), x === "set" && (s.value.set ? delete s.value.set : s.value.set = "v"), x === "getTo" && (s.value.getTo ? delete s.value.getTo : s.value.getTo = "v");
-    }, y = (x) => d("button", x, s.value), w = (x) => s.value.args = s.value.args.filter((k) => k !== x), g = ({ path: x }) => {
-      s.value.args.length || (s.value.id = x), s.value.args.push(x), n.value = !1;
-    }, P = L(-1), X = (x) => P.value === x, ae = (x, k) => {
-      x === "enter" && (P.value = k), x === "leave" && (P.value = -1);
-    }, oe = (x, k) => {
-      x === "set" && (s.value.set = k), x === "get" && (s.value.get = k), x === "getTo" && (s.value.getTo = k), k || delete s.value[x];
-    }, He = () => {
+      x === "get" && (a.value.get ? delete a.value.get : a.value.get = "v"), x === "set" && (a.value.set ? delete a.value.set : a.value.set = "v"), x === "getTo" && (a.value.getTo ? delete a.value.getTo : a.value.getTo = "v");
+    }, b = (x) => n("button", x, a.value), w = (x) => a.value.args = a.value.args.filter((k) => k !== x), g = ({ path: x }) => {
+      a.value.args.length || (a.value.id = x), a.value.args.push(x), u.value = !1;
+    }, F = L(-1), J = (x) => F.value === x, ee = (x, k) => {
+      x === "enter" && (F.value = k), x === "leave" && (F.value = -1);
+    }, te = (x, k) => {
+      x === "set" && (a.value.set = k), x === "get" && (a.value.get = k), x === "getTo" && (a.value.getTo = k), k || delete a.value[x];
+    }, ke = () => {
       var x;
-      !s.value.args.length && !((x = e.item) != null && x.id) && (n.value = !0);
-    }, De = (x, k) => {
-      s.value.opts || (s.value.opts = {}), s.value.opts[x] = k, x === "disabled" && !k && delete s.value.opts[x];
+      !a.value.args.length && !((x = t.item) != null && x.id) && (u.value = !0);
+    }, _e = (x, k) => {
+      a.value.opts || (a.value.opts = {}), a.value.opts[x] = k, x === "disabled" && !k && delete a.value.opts[x];
     };
-    return ce(() => {
+    return se(() => {
       var x;
-      (x = e.item) != null && x.id && (s.value = Qe(e.item));
-    }), (x, k) => (o(), c("div", co, [
-      l("div", uo, [
-        l("div", vo, [
-          p(Ya, {
+      (x = t.item) != null && x.id && (a.value = Oe(t.item));
+    }), (x, k) => (s(), v("div", $o, [
+      l("div", wo, [
+        l("div", Co, [
+          p(Xs, {
             class: "flex-auto",
             value: 0,
-            items: r
+            items: d
           }, {
             "tab-0": m(() => [
-              l("div", fo, [
+              l("div", zo, [
                 p(O, {
-                  modelValue: s.value.id,
-                  "onUpdate:modelValue": k[0] || (k[0] = (S) => s.value.id = S),
+                  modelValue: a.value.id,
+                  "onUpdate:modelValue": k[0] || (k[0] = (S) => a.value.id = S),
                   label: "ID",
-                  disabled: !v.value,
-                  onClick: He
+                  disabled: !i.value,
+                  onClick: ke
                 }, null, 8, ["modelValue", "disabled"]),
                 p(O, {
-                  modelValue: s.value.name,
-                  "onUpdate:modelValue": k[1] || (k[1] = (S) => s.value.name = S),
+                  modelValue: a.value.name,
+                  "onUpdate:modelValue": k[1] || (k[1] = (S) => a.value.name = S),
                   label: "Name"
                 }, null, 8, ["modelValue"]),
-                l("div", ho, [
-                  p(Q, {
-                    value: s.value.icon,
+                l("div", Vo, [
+                  p(Z, {
+                    value: a.value.icon,
                     label: "Icon",
                     class: "mb-6",
-                    list: z(Pa),
+                    list: E(Hs),
                     onChange: h
                   }, {
                     default: m(({ item: S }) => [
-                      l("div", po, [
-                        p(Z, {
+                      l("div", Bo, [
+                        p(B, {
                           name: `${S.value}`,
                           class: "size-5"
                         }, null, 8, ["name"]),
@@ -2321,578 +2514,447 @@ const Is = { class: "flex w-full relative" }, As = { class: "flex gap-2 flex-wra
                     ]),
                     _: 1
                   }, 8, ["value", "list"]),
-                  p(Q, {
-                    value: s.value.type,
+                  p(Z, {
+                    value: a.value.type,
                     label: "Type",
-                    list: z(Ea),
-                    onChange: b
+                    list: E(Ls),
+                    onChange: y
                   }, null, 8, ["value", "list"])
                 ])
               ])
             ]),
             "tab-1": m(() => [
-              l("div", go, [
-                p(Se, {
-                  active: !!s.value.args.length,
-                  disabled: a.value,
+              l("div", Mo, [
+                p(ye, {
+                  active: !!a.value.args.length,
+                  disabled: o.value,
                   label: "Arguments",
-                  onIcon: k[2] || (k[2] = (S) => n.value = !0)
+                  onIcon: k[2] || (k[2] = (S) => u.value = !0)
                 }, {
                   default: m(() => [
-                    l("div", mo, [
-                      (o(!0), c(H, null, N(s.value.args, (S, ge) => (o(), c("div", {
+                    l("div", Io, [
+                      (s(!0), v(D, null, N(a.value.args, (S, de) => (s(), v("div", {
                         key: S,
                         class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
                       }, [
-                        l("div", bo, [
-                          l("span", yo, _(S), 1),
+                        l("div", Ao, [
+                          l("span", So, _(S), 1),
                           l("div", {
-                            class: V(["fixed left-1/2 top-1/2 p-4 text-white bg-gray-900 rounded-md group-hover:visible invisible opacity-0 group-hover:opacity-100 z-50 transition-all -translate-1/2", X(ge) ? "visible opacity-100" : ""])
+                            class: z(["fixed left-1/2 top-1/2 p-4 text-white bg-gray-900 rounded-md group-hover:visible invisible opacity-0 group-hover:opacity-100 z-50 transition-all -translate-1/2", J(de) ? "visible opacity-100" : ""])
                           }, [
-                            l("pre", null, _(z(Ke)(S, x.object)), 1)
+                            l("pre", null, _(E(He)(S, x.object)), 1)
                           ], 2)
                         ]),
-                        ge ? (o(), c("button", {
+                        de ? (s(), v("button", {
                           key: 0,
                           class: "cursor-pointer ms-1",
                           onClick: (o1) => w(S)
                         }, [
-                          p(z(G), { class: "size-5" })
-                        ], 8, xo)) : I("", !0)
+                          p(B, {
+                            name: "Close",
+                            class: "size-5"
+                          })
+                        ], 8, To)) : I("", !0)
                       ]))), 128))
                     ])
                   ]),
                   _: 1
                 }, 8, ["active", "disabled"]),
-                p(ne, {
-                  value: s.value.set,
-                  args: s.value.args,
-                  disabled: !f.value || u.value,
+                p(le, {
+                  value: a.value.set,
+                  args: a.value.args,
+                  disabled: !c.value || f.value,
                   label: "Set",
                   onIcon: k[3] || (k[3] = (S) => $("set")),
-                  onHover: ae,
-                  onChange: k[4] || (k[4] = (S) => oe("set", S))
+                  onHover: ee,
+                  onChange: k[4] || (k[4] = (S) => te("set", S))
                 }, null, 8, ["value", "args", "disabled"]),
-                p(ne, {
-                  value: s.value.get,
-                  args: s.value.args,
-                  disabled: !f.value,
+                p(le, {
+                  value: a.value.get,
+                  args: a.value.args,
+                  disabled: !c.value,
                   label: "Get",
                   onIcon: k[5] || (k[5] = (S) => $("get")),
-                  onHover: ae,
-                  onChange: k[6] || (k[6] = (S) => oe("get", S))
+                  onHover: ee,
+                  onChange: k[6] || (k[6] = (S) => te("get", S))
                 }, null, 8, ["value", "args", "disabled"]),
-                p(ne, {
-                  value: s.value.getTo,
-                  args: s.value.args,
-                  disabled: !f.value,
+                p(le, {
+                  value: a.value.getTo,
+                  args: a.value.args,
+                  disabled: !c.value,
                   label: "GetTo",
                   onIcon: k[7] || (k[7] = (S) => $("getTo")),
-                  onHover: ae,
-                  onChange: k[8] || (k[8] = (S) => oe("getTo", S))
+                  onHover: ee,
+                  onChange: k[8] || (k[8] = (S) => te("getTo", S))
                 }, null, 8, ["value", "args", "disabled"])
               ])
             ]),
             "tab-2": m(() => [
-              p(io, D(s.value.opts, {
-                value: s.value.value,
-                type: s.value.type,
-                onUpdate: De
-              }), null, 16, ["value", "type"])
-            ]),
-            _: 1
-          })
-        ]),
-        l("div", ko, [
-          l("div", _o, [
-            C(x.$slots, "default", { item: s.value })
-          ])
-        ])
-      ]),
-      l("div", $o, [
-        p(j, {
-          class: "px-4",
-          color: "red",
-          outline: "",
-          onClick: k[9] || (k[9] = (S) => y("remove"))
-        }, {
-          default: m(() => k[13] || (k[13] = [
-            T(_("Remove"))
-          ])),
-          _: 1
-        }),
-        p(j, {
-          class: "px-4",
-          color: "gray",
-          outline: "",
-          onClick: k[10] || (k[10] = (S) => y("cancel"))
-        }, {
-          default: m(() => k[14] || (k[14] = [
-            T(_("Cancel"))
-          ])),
-          _: 1
-        }),
-        p(j, {
-          class: "px-4",
-          color: "blue",
-          disabled: i.value,
-          onClick: k[11] || (k[11] = (S) => y(v.value ? "add" : "save"))
-        }, {
-          default: m(() => [
-            T(_(v.value ? "Add" : "Save"), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ]),
-      n.value ? (o(), A(Te, {
-        key: 0,
-        size: "md",
-        title: "Select",
-        onClose: k[12] || (k[12] = (S) => n.value = !1)
-      }, {
-        default: m(() => [
-          l("div", wo, [
-            p(Ae, {
-              items: x.object,
-              onlyValue: !f.value,
-              onClick: g
-            }, null, 8, ["items", "onlyValue"])
-          ])
-        ]),
-        _: 1
-      })) : I("", !0)
-    ]));
-  }
-}), zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CardBase: W,
-  CardButton: Ca,
-  CardDate: Va,
-  CardDimmer: Ta,
-  CardInfo: Ha,
-  CardInput: La,
-  CardList: Na,
-  ItemEdit: Co
-}, Symbol.toStringTag, { value: "Module" })), Vo = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Bo = /* @__PURE__ */ B({
-  __name: "AppAside",
-  props: {
-    isSidebar: { type: Boolean, default: !1 }
-  },
-  emits: ["sidebar"],
-  setup(e, { emit: t }) {
-    const d = t, r = () => {
-      e.isSidebar && d("sidebar", !e.isSidebar);
-    };
-    return (s, n) => {
-      const v = ee("router-link");
-      return o(), c(H, null, [
-        s.isSidebar ? (o(), c("div", {
-          key: 0,
-          class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
-          onClick: r
-        })) : I("", !0),
-        l("aside", {
-          class: V([s.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 duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
-        }, [
-          l("div", {
-            class: V([s.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
-          }, [
-            p(v, { to: "/" }, {
-              default: m(() => [
-                s.isSidebar ? (o(), A(z(Be), {
-                  key: 0,
-                  class: "h-[30px] text-primary"
-                })) : (o(), A(z(fe), {
-                  key: 1,
-                  class: "h-[30px] text-primary"
-                }))
-              ]),
-              _: 1
-            })
-          ], 2),
-          l("div", Vo, [
-            C(s.$slots, "default")
-          ])
-        ], 2)
-      ], 64);
-    };
-  }
-}), Mo = { 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" }, Io = { class: "px-4 py-4 sm:px-6 lg:px-8" }, Ao = { class: "container mx-auto flex flex-auto items-center" }, So = { class: "lg:hidden h-[30px]" }, To = { class: "gap-4 hidden lg:flex" }, Ho = { class: "lg:hidden flex gap-4" }, Do = { class: "ms-2" }, Lo = /* @__PURE__ */ B({
-  __name: "AppHeader",
-  props: {
-    changeTheme: { type: Function },
-    notifications: {}
-  },
-  emits: ["sidebar", "notif"],
-  setup(e, { emit: t }) {
-    const d = t, r = [
-      { name: "Theme", value: 1 },
-      { name: "Notification", value: 2 },
-      { name: "Logout", value: 3 }
-    ], s = M(() => !!e.notifications.find((i) => i.isNew)), n = (i) => d("sidebar", i), v = (i) => d("notif", i), u = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), f = () => {
-      e.changeTheme && e.changeTheme();
-    }, a = ({ value: i }, h) => {
-      i == 1 && f(), i == 2 && v(h), i == 3 && u();
-    };
-    return (i, h) => {
-      const b = ee("router-link");
-      return o(), c("header", Mo, [
-        l("div", Io, [
-          l("div", Ao, [
-            p(j, {
-              type: "icon",
-              color: "gray",
-              onClick: n
-            }, {
-              default: m(() => [
-                p(z(Ve), { class: "size-5" })
-              ]),
-              _: 1
-            }),
-            h[1] || (h[1] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            l("div", So, [
-              p(b, { to: "/" }, {
-                default: m(() => [
-                  p(z(fe), { class: "h-[30px] text-primary" })
-                ]),
-                _: 1
-              })
-            ]),
-            h[2] || (h[2] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", To, [
-              p(j, {
-                type: "icon",
-                color: "gray",
-                onClick: f
-              }, {
-                default: m(() => [
-                  p(z(Me))
-                ]),
-                _: 1
-              }),
-              p(j, {
-                type: "icon",
-                color: "gray",
-                onClick: v
-              }, {
-                default: m(() => [
-                  l("span", {
-                    class: V([s.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-                  }, h[0] || (h[0] = [
-                    l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
-                  ]), 2),
-                  p(z(he), { class: "size-5" })
-                ]),
-                _: 1
-              }),
-              p(j, {
-                type: "icon",
-                color: "gray",
-                onClick: F(u, ["prevent"])
-              }, {
-                default: m(() => [
-                  p(z(Ie), { class: "size-5" })
-                ]),
-                _: 1
-              })
-            ]),
-            l("div", Ho, [
-              p(te, {
-                left: "unset",
-                right: "0",
-                top: "0"
-              }, {
-                activator: m(({ on: $ }) => [
-                  p(j, {
-                    type: "icon",
-                    color: "gray",
-                    class: "flex",
-                    onClick: $.click
-                  }, {
-                    default: m(() => [
-                      p(z(Ce))
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])
-                ]),
-                default: m(() => [
-                  p(le, {
-                    list: r,
-                    onClick: a
-                  }, {
-                    default: m(({ item: $ }) => [
-                      l("span", Do, _($.name), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ])
+              p(_o, H(a.value.opts, {
+                value: a.value.value,
+                type: a.value.type,
+                onUpdate: _e
+              }), null, 16, ["value", "type"])
+            ]),
+            _: 1
+          })
+        ]),
+        l("div", Do, [
+          l("div", Ho, [
+            C(x.$slots, "default", { item: a.value })
           ])
         ])
-      ]);
+      ]),
+      l("div", Lo, [
+        p(j, {
+          class: "px-4",
+          color: "red",
+          outline: "",
+          onClick: k[9] || (k[9] = (S) => b("remove"))
+        }, {
+          default: m(() => k[13] || (k[13] = [
+            T(_("Remove"))
+          ])),
+          _: 1
+        }),
+        p(j, {
+          class: "px-4",
+          color: "gray",
+          outline: "",
+          onClick: k[10] || (k[10] = (S) => b("cancel"))
+        }, {
+          default: m(() => k[14] || (k[14] = [
+            T(_("Cancel"))
+          ])),
+          _: 1
+        }),
+        p(j, {
+          class: "px-4",
+          color: "blue",
+          disabled: r.value,
+          onClick: k[11] || (k[11] = (S) => b(i.value ? "add" : "save"))
+        }, {
+          default: m(() => [
+            T(_(i.value ? "Add" : "Save"), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      u.value ? (s(), A(be, {
+        key: 0,
+        size: "md",
+        title: "Select",
+        onClose: k[12] || (k[12] = (S) => u.value = !1)
+      }, {
+        default: m(() => [
+          l("div", jo, [
+            p(xe, {
+              items: x.object,
+              onlyValue: !c.value,
+              onClick: g
+            }, null, 8, ["items", "onlyValue"])
+          ])
+        ]),
+        _: 1
+      })) : I("", !0)
+    ]));
+  }
+}), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CardBase: q,
+  CardButton: hs,
+  CardDate: xs,
+  CardDimmer: zs,
+  CardInfo: Vs,
+  CardInput: Ms,
+  CardList: Ss,
+  ItemEdit: No
+}, Symbol.toStringTag, { value: "Module" })), u1 = /* @__PURE__ */ V({
+  __name: "VAutocomplete",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    name: { default: "" },
+    message: { default: "" },
+    list: {}
+  },
+  emits: ["update:modelValue", "select"],
+  setup(t, { emit: e }) {
+    const n = e, d = (u) => n("update:modelValue", u), a = (u, i) => {
+      u.click(new Event("click")), n("select", i);
     };
+    return (u, i) => (s(), A(X, H(u.$attrs, {
+      top: "50px",
+      "hide-on-click": ""
+    }), {
+      activator: m(({ on: f }) => [
+        p(O, {
+          "model-value": u.modelValue,
+          name: u.name,
+          message: u.message,
+          label: u.label,
+          "onUpdate:modelValue": d,
+          onClick: f.open
+        }, null, 8, ["model-value", "name", "message", "label", "onClick"])
+      ]),
+      default: m(({ on: f }) => [
+        p(Y, {
+          list: u.list,
+          onClick: (c) => a(f, c)
+        }, {
+          default: m(({ item: c }) => [
+            C(u.$slots, "default", { item: c }, () => [
+              T(_(c.name), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["list", "onClick"])
+      ]),
+      _: 3
+    }, 16));
   }
-}), jo = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, No = {
-  key: 0,
-  class: "flex flex-col gap-2 p-2"
-}, Oo = /* @__PURE__ */ B({
-  __name: "AppNotification",
+}), Po = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, Eo = { class: "p-4" }, v1 = /* @__PURE__ */ V({
+  __name: "VExpansion",
   props: {
-    value: { type: Boolean },
-    notifications: {}
+    label: { default: "" },
+    value: { type: Boolean, default: !1 }
   },
-  emits: ["close", "remove", "read"],
-  setup(e, { emit: t }) {
-    const d = e, r = t, s = M(() => !!d.notifications.find((a) => a.isNew)), n = M(() => !!d.notifications.length), v = (a) => r("close", a), u = (a) => r("remove", a), f = (a) => r("read", a);
-    return (a, i) => (o(), c(H, null, [
-      d.value ? (o(), c("div", {
-        key: 0,
-        class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
-        onClick: v
-      })) : I("", !0),
-      l("aside", {
-        class: V([d.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
+  setup(t) {
+    const e = L(null), n = L(t.value), d = () => {
+      if (!e.value) return;
+      const u = e.value.querySelector(".v-expansion__content");
+      u && (u.style.maxHeight = n.value ? `${u.scrollHeight}px` : "0");
+    }, a = () => {
+      n.value = !n.value, d();
+    };
+    return se(() => {
+      d();
+    }), (u, i) => (s(), v("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: a
       }, [
-        l("div", jo, [
-          C(a.$slots, "header", { isNew: s.value }),
-          n.value ? (o(), c("div", No, [
-            p(_e, {
-              "enter-active-class": "transition-all duration-300 ",
-              "enter-from-class": "opacity-0 translate-x-1/2",
-              "enter-to-class": "opacity-100 translate-x-0",
-              "leave-active-class": "transition-all duration-300 absolute",
-              "leave-from-class": "opacity-100 translate-x-0",
-              "leave-to-class": "opacity-0 translate-x-1/2"
-            }, {
-              default: m(() => [
-                (o(!0), c(H, null, N(d.notifications, (h) => (o(), c("div", {
-                  key: h.date,
-                  class: "relative"
-                }, [
-                  C(a.$slots, "card", { item: h }, () => [
-                    p(ha, D({ ref_for: !0 }, h, {
-                      class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
-                      onRemove: (b) => u(h),
-                      onRead: (b) => f(h)
-                    }), null, 16, ["onRemove", "onRead"])
-                  ])
-                ]))), 128))
-              ]),
-              _: 3
-            })
-          ])) : C(a.$slots, "empty", { key: 1 })
+        l("h4", null, _(u.label), 1),
+        l("div", {
+          class: z(["transition text-gray-400", { "rotate-180": n.value }])
+        }, [
+          p(B, { name: "Chevron" })
+        ], 2)
+      ]),
+      l("div", Po, [
+        l("div", Eo, [
+          C(u.$slots, "default")
         ])
-      ], 2)
-    ], 64));
+      ])
+    ], 512));
   }
-}), Fo = {}, Po = { class: "fixed h-full w-full top-0 left-0 z-20" }, Eo = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Ro(e, t) {
-  return o(), c("div", Po, [
-    t[0] || (t[0] = l("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
-    l("div", Eo, [
-      C(e.$slots, "default")
-    ])
-  ]);
-}
-const Uo = /* @__PURE__ */ $e(Fo, [["render", Ro]]), Go = { class: "mb-4 flex flex-col gap-4" }, Wo = ["onClick"], qo = { class: "flex flex-col gap-2" }, Ko = { class: "flex gap-2 ms-8" }, Zo = { class: "flex-1 first-letter:uppercase text-sm" }, Jo = /* @__PURE__ */ B({
-  __name: "AppNav",
+}), Fo = { class: "flex items-center cursor-pointer" }, f1 = /* @__PURE__ */ V({
+  __name: "VFile",
+  emits: ["change"],
+  setup(t, { emit: e }) {
+    const n = e, d = async (a) => {
+      const u = a.target;
+      u.files && n("change", u.files);
+    };
+    return (a, u) => (s(), v("label", Fo, [
+      l("input", H({
+        type: "file",
+        class: "hidden"
+      }, a.$attrs, { onChange: d }), null, 16),
+      C(a.$slots, "default")
+    ]));
+  }
+}), Ro = { class: "relative flex items-end gap-0.5 w-10" }, Uo = ["title"], Wo = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, qo = /* @__PURE__ */ V({
+  __name: "VWifiIcon",
   props: {
-    menu: { default: () => [] },
-    fullPath: { default: "" },
-    isSidebar: { type: Boolean, default: !1 }
+    rssi: { default: 0 },
+    channel: { default: 0 }
   },
-  emits: ["sidebar"],
-  setup(e, { emit: t }) {
-    const d = t, r = L(""), s = ({ name: v, path: u }) => {
-      e.isSidebar && d("sidebar", !e.isSidebar), r.value !== v && (r.value = r.value === v ? "" : v);
-    }, n = (v) => e.fullPath === v;
-    return U(
-      () => e.menu,
-      () => {
-        var v;
-        return r.value = ((v = Xe(e.menu, e.fullPath)) == null ? void 0 : v.name) || "";
-      }
-    ), (v, u) => {
-      const f = ee("v-icons");
-      return o(), c("nav", null, [
-        l("ul", Go, [
-          (o(!0), c(H, null, N(v.menu, (a) => (o(), c("li", {
-            key: a.name
-          }, [
-            (o(), A(q(a.path ? "router-link" : "span"), {
-              to: a.path,
-              class: V(["flex gap-2 items-center px-3 py-2 rounded-lg", n(a.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-              onClick: F((i) => s(a), ["prevent", "stop"])
-            }, {
-              default: m(() => [
-                p(f, {
-                  name: a.icon,
-                  class: "size-5 flex-[0_0_24px]"
-                }, null, 8, ["name"]),
-                l("span", {
-                  class: V(["flex-1 first-letter:uppercase text-sm", v.isSidebar ? "lg:hidden" : ""])
-                }, _(a.name), 3),
-                l("button", {
-                  class: V(["cursor-pointer", [v.isSidebar ? "lg:hidden" : ""]]),
-                  onClick: F((i) => s(a), ["prevent", "stop"])
-                }, [
-                  a.children ? (o(), A(z(K), { key: 0 })) : I("", !0)
-                ], 10, Wo)
-              ]),
-              _: 2
-            }, 1032, ["to", "class", "onClick"])),
-            a.children ? (o(), c("div", {
-              key: 0,
-              class: V(["translate transform overflow-hidden mt-2", [v.isSidebar ? "lg:hidden" : "", r.value === a.name ? "block" : "hidden"]])
-            }, [
-              l("ul", qo, [
-                (o(!0), c(H, null, N(a.children, ({ name: i, path: h, icon: b }) => (o(), c("li", { key: i }, [
-                  (o(), A(q(h ? "router-link" : "span"), {
-                    to: h,
-                    class: V(["flex gap-2 items-center px-3 py-2 rounded-lg", n(h) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
-                  }, {
-                    default: m(() => [
-                      l("div", Ko, [
-                        b ? (o(), A(f, {
-                          key: 0,
-                          name: b,
-                          class: "size-5 flex-[0_0_24px]"
-                        }, null, 8, ["name"])) : I("", !0),
-                        l("span", Zo, _(i), 1)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["to", "class"]))
-                ]))), 128))
-              ])
-            ], 2)) : I("", !0)
-          ]))), 128))
-        ])
-      ]);
-    };
+  setup(t) {
+    const e = 2 * (t.rssi + 100), n = (d) => d < e;
+    return (d, a) => (s(), v("div", Ro, [
+      (s(), v(D, null, N([10, 15, 25, 40, 70], (u, i) => l("div", {
+        key: u,
+        class: z(["w-1 h-5 rounded-lg", [n(u) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: K(`height: ${(i + 1) * 5}px`),
+        title: `rssi: ${d.rssi} channel: ${d.channel}`
+      }, null, 14, Uo)), 64)),
+      l("div", Wo, _(d.channel), 1)
+    ]));
   }
-}), Qo = {
-  key: 0,
-  class: "w-full min-w-[260px] max-w-xs p-4 bg-white rounded-lg shadow-lg dark:bg-gray-800",
-  role: "alert"
-}, Xo = { class: "flex items-center gap-4 text-sm" }, Yo = {
+}), Go = ["onDragstart", "onDragenter"], Ko = {
   key: 0,
-  class: "text-green-600"
-}, e1 = {
-  key: 1,
-  class: "relative w-full bg-gray-200 rounded-full dark:bg-gray-700 mt-2 overflow-hidden h-5"
-}, t1 = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, l1 = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, s1 = /* @__PURE__ */ B({
-  __name: "AppProgress",
+  class: "absolute inset-0 border border-dashed border-blue-600 rounded-lg"
+}, h1 = /* @__PURE__ */ V({
+  __name: "VDragDrop",
   props: {
-    timeout: { default: 5e3 },
-    key: {},
-    status: { default: 0 },
-    empty: {},
-    size: { default: 0 },
-    length: { default: 0 }
+    items: {},
+    itemKey: { default: "id" }
   },
-  setup(e) {
-    const t = L(!1), d = M(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), r = M(() => !!e.length), s = M(() => !!(r.value && d.value === 100 && !e.status)), n = ve(() => {
-      t.value = !1;
-    }, e.timeout);
-    return U(
-      () => [e.size, e.status],
-      () => {
-        t.value = !0, n();
+  emits: ["update:items", "order-change"],
+  setup(t, { emit: e }) {
+    const n = e, d = L(null), a = L(0), u = L(-1), i = ({ id: h }) => ({
+      "opacity-30 scale-105 z-10": d.value === h,
+      "transition-transform duration-200": d.value !== h
+    }), f = (h, y, $) => {
+      d.value = y, a.value = $, h.dataTransfer.effectAllowed = "move";
+    }, c = (h) => {
+      d.value !== null && (u.value = h);
+    }, o = () => {
+      d.value = null, u.value = -1;
+    }, r = (h) => {
+      if (h.preventDefault(), d.value && u.value !== -1) {
+        const y = t.items.findIndex((b) => b[t.itemKey] === d.value), $ = u.value;
+        if (y !== $ && $ !== -1) {
+          const b = [...t.items], [w] = b.splice(y, 1);
+          b.splice($, 0, w), n("update:items", b), n("order-change", { fromIndex: y, toIndex: $, movedItem: w, newOrder: b });
+        }
       }
-    ), (v, u) => (o(), A(Y, {
-      "enter-active-class": "duration-300 ease-out",
-      "enter-from-class": "transform opacity-0 translate-x-full",
-      "enter-to-class": "opacity-100 translate-x-0",
-      "leave-active-class": "duration-200 ease-in",
-      "leave-from-class": "opacity-100 translate-y-0",
-      "leave-to-class": "transform opacity-0 -translate-y-8"
-    }, {
-      default: m(() => [
-        t.value ? (o(), c("div", Qo, [
-          l("div", Xo, [
-            C(v.$slots, "default", { isDone: s.value }, () => [
-              u[1] || (u[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
-              s.value ? (o(), c("span", Yo, "Done")) : I("", !0)
-            ]),
-            l("button", {
-              class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
-              onClick: u[0] || (u[0] = (f) => t.value = !1)
-            }, [
-              p(z(G), { class: "h-4 w-4" })
+      u.value = -1;
+    };
+    return (h, y) => (s(), v("div", {
+      onDragover: y[1] || (y[1] = P(() => {
+      }, ["prevent"])),
+      onDrop: r
+    }, [
+      p(pe, {
+        "enter-active-class": "transition-all duration-300 ease",
+        "enter-from-class": "opacity-0 translate-x-8",
+        "enter-to-class": "opacity-100 translate-x-0",
+        "leave-active-class": "transition-all duration-300 ease absolute",
+        "leave-from-class": "opacity-100 translate-x-0",
+        "leave-to-class": "opacity-0 translate-x-8",
+        "move-class": "transition-all duration-300 ease"
+      }, {
+        default: m(() => [
+          (s(!0), v(D, null, N(h.items, ($, b) => (s(), v("div", {
+            key: `${$.id}_drug`,
+            class: z(["relative group", i($)]),
+            draggable: "true",
+            onDragstart: (w) => f(w, $.id, b),
+            onDragenter: (w) => c(b),
+            onDragend: o,
+            onDragover: y[0] || (y[0] = P(() => {
+            }, ["prevent"]))
+          }, [
+            C(h.$slots, "default", {
+              item: $,
+              key: $.id,
+              index: b,
+              isDragging: d.value === $.id
+            }),
+            u.value === b && d.value !== $.id ? (s(), v("div", Ko)) : I("", !0)
+          ], 42, Go))), 128))
+        ]),
+        _: 3
+      })
+    ], 32));
+  }
+}), Zo = { class: "min-w-full" }, Jo = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, Qo = { class: "bg-gray-50 dark:bg-gray-800" }, Xo = { class: "flex items-center" }, Yo = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, e1 = ["onClick"], t1 = { class: "flex items-center text-gray-700 dark:text-gray-400" }, l1 = { key: 1 }, a1 = {
+  class: "py-3 whitespace-nowrap",
+  colspan: "9"
+}, s1 = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, p1 = /* @__PURE__ */ V({
+  __name: "VTable",
+  props: {
+    headers: { default: () => [] },
+    items: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const n = e, d = (i, f) => n("click", { item: i, event: f }), a = (i) => (i == null ? void 0 : i.className) || "", u = (i, { key: f }) => i == null ? void 0 : i[f];
+    return (i, f) => (s(), v("table", Zo, [
+      l("thead", Jo, [
+        l("tr", Qo, [
+          (s(!0), v(D, null, N(i.headers, (c, o) => (s(), v("th", {
+            key: o,
+            class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(c)])
+          }, [
+            C(i.$slots, "header", { item: c }, () => [
+              l("div", Xo, _(c.name), 1)
             ])
-          ]),
-          r.value ? (o(), c("div", {
-            key: 0,
-            class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
-            style: J(`width: ${d.value}%`)
-          }, null, 4)) : I("", !0),
-          r.value ? (o(), c("div", e1, [
-            l("div", t1, _(d.value) + "%", 1),
-            l("div", {
-              class: "bg-blue-600 rounded-full h-5 overflow-hidden relative transition-all duration-500",
-              style: J(`width: ${d.value}%`)
-            }, [
-              l("div", l1, _(d.value) + "%", 1)
-            ], 4)
-          ])) : I("", !0)
-        ])) : I("", !0)
+          ], 2))), 128))
+        ])
       ]),
-      _: 3
-    }));
+      l("tbody", Yo, [
+        i.items.length ? (s(!0), v(D, { key: 0 }, N(i.items, (c, o) => (s(), v("tr", {
+          key: o,
+          class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
+          onClick: (r) => d(c, r)
+        }, [
+          (s(!0), v(D, null, N(i.headers, (r, h) => (s(), v("td", {
+            key: h,
+            class: "py-2 whitespace-nowrap px-4"
+          }, [
+            l("div", t1, [
+              C(i.$slots, r.key, { item: c }, () => [
+                T(_(u(c, r)), 1)
+              ])
+            ])
+          ]))), 128))
+        ], 8, e1))), 128)) : (s(), v("tr", l1, [
+          l("td", a1, [
+            l("div", s1, [
+              C(i.$slots, "empty", {}, () => [
+                f[0] || (f[0] = T("The list is empty"))
+              ])
+            ])
+          ])
+        ]))
+      ])
+    ]));
   }
-}), a1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AppAside: Bo,
-  AppDialog: Te,
-  AppHeader: Lo,
-  AppNav: Jo,
-  AppNotification: Oo,
-  AppOverlay: Uo,
-  AppProgress: s1
-}, Symbol.toStringTag, { value: "Module" })), ke = { ...a1, ...zo, VButton: j, VLoader: we, VDropdown: te, VList: le, VTextField: O, VSelect: Q, VWifiIcon: fs, VIcons: Z, CardGray: ca }, g1 = {
-  install: (e, t) => {
-    Object.keys(ke).forEach((d) => {
-      e.component(d, ke[d]);
-    }), et.forEach(({ name: d, directive: r }) => e.directive(d, r));
+}), he = { ...Oa, ...Oo, VButton: j, VLoader: me, VDropdown: X, VList: Y, VTextField: O, VSelect: Z, VWifiIcon: qo, VIcon: B, CardMain: as }, g1 = {
+  install: (t) => {
+    Object.keys(he).forEach((e) => {
+      t.component(e, he[e]);
+    }), Ee.forEach(({ name: e, directive: n }) => t.directive(e, n));
   }
 };
 export {
-  Bo as AppAside,
-  Te as AppDialog,
-  Lo as AppHeader,
-  Jo as AppNav,
-  Oo as AppNotification,
-  Uo as AppOverlay,
-  s1 as AppProgress,
-  p1 as BlockBreadcrumb,
-  h1 as BlockInfo,
-  f1 as BlockTable,
-  ca as CardGray,
-  ha as CardNotification,
-  d1 as VAutocomplete,
+  Gl as AppAside,
+  be as AppDialog,
+  fa as AppHeader,
+  Aa as AppNav,
+  xa as AppNotification,
+  Ca as AppOverlay,
+  Na as AppProgress,
+  c1 as BlockBreadcrumb,
+  d1 as BlockInfo,
+  q as CardBase,
+  hs as CardButton,
+  xs as CardDate,
+  zs as CardDimmer,
+  Vs as CardInfo,
+  Ms as CardInput,
+  Ss as CardList,
+  as as CardMain,
+  ma as CardNotification,
+  No as ItemEdit,
+  u1 as VAutocomplete,
   j as VButton,
-  ht as VCheckbox,
-  v1 as VDragDrop,
-  te as VDropdown,
-  c1 as VExpansion,
-  u1 as VFile,
-  ne as VFunc,
-  Z as VIcons,
-  le as VList,
-  Ae as VListObject,
-  we as VLoader,
-  Q as VSelect,
+  fo as VCheckbox,
+  h1 as VDragDrop,
+  X as VDropdown,
+  v1 as VExpansion,
+  f1 as VFile,
+  le as VFunc,
+  B as VIcon,
+  Y as VList,
+  xe as VListObject,
+  me as VLoader,
+  Z as VSelect,
+  p1 as VTable,
   O as VTextField,
-  Se as VTextWrapper,
-  fs as VWifiIcon,
+  ye as VTextWrapper,
+  qo as VWifiIcon,
   g1 as default,
-  Ke as getDataValue,
+  He as getDataValue,
   y1 as getFunction,
   x1 as getParamsData,
   k1 as getStateItem,
-  _1 as setStateItem,
-  w1 as useForm
+  _1 as setStateItem
 };